Workspace/Siman/WebContent/skin/default.css

   1 @CHARSET "ISO-8859-1";
   2
   3 body {
   4     margin: 0;
   5     background-image: url("image.background.png");
   6     background-repeat: repeat-x;
   7 }
   8
   9 #header {             /* Page header including contextual menu-bar */
  10     width: 100%;
  11     height:50px;
  12     background-image: url("image.banner.jpg");
  13     background-repeat: no-repeat;
  14     min-width: 600px;
  15 }
  16 #top-spacer {
  17     height:10px;
  18 }
  19 #bottom-spacer {
  20     clear: both;
  21     height:10px;
  22     width: 100%;
  23 }
  24
  25 #menu-bar {
  26     height: 40px;
  27     width: auto;
  28     font-family: Arial, Helvetica, sans-serif;
  29     font-size: 12px;
  30     float: left;
  31 }
  32 #logo {
  33     height: 24px;
  34     width: 142px;
  35     padding: 8px;
  36     text-align: center;
  37     float: left;
  38 }
  39 #menu-front {
  40     height: 24px;
  41     width: 34px;
  42     padding: 7px;
  43     text-align: center;
  44     border-left:   1px solid #828282;
  45     border-top:    1px solid #828282;
  46     border-right:  1px solid #FFFFFF;
  47     border-bottom: 2px solid #D2E7FF;
  48     background-color: #D2E7FF;
  49     float: left;
  50 }
  51 #menu-back {
  52     height: 24px;
  53     width: 34px;
  54     padding: 8px;
  55     text-align: center;
  56     float: left;
  57 }
  58 #login-bar {
  59     height: 40px;
  60     width: auto;
  61     float: right;
  62 }
  63 #dock {
  64     clear: both;
  65     height: 1px;
  66     width: 100%;
  67     border-top: 1px solid #828282;
  68 }
  69
  70 #title-bar {
  71     height: 22px;
  72     width: auto;
  73     margin-top:     8px;
  74     margin-bottom:  8px;
  75     padding-left:  10px;
  76     padding-right: 10px;
  77     font-family: Arial, Helvetica, sans-serif;
  78     font-size: 13px;
  79     background-image: url("image.title.png");
  80     background-repeat: repeat-x;
  81 }
  82
  83 #tab-bar {
  84     height: 24px;
  85     width:  100%;
  86     font-family: Arial, Helvetica, sans-serif;
  87     font-size: 12px;
  88 }
  89 #tab-front {
  90     height: 19px;
  91     padding-top:    2px;
  92     padding-bottom: 2px;
  93     border-left:   1px solid #AAAAAA;
  94     border-top:    1px solid #AAAAAA;
  95     border-right:  1px solid #E6E6E6;
  96     border-bottom: 1px solid #FFFFFF;
  97     font-weight: bold;
  98     background-color: #FFFFFF;
  99     float: left;
 100 }
 101 #tab-separator {
 102     height: 23px;
 103     width:   1px;
 104     margin-top:  2px;
 105     background-color: #AAAAAA;
 106     float: left;
 107 }
 108 #tab-back {
 109     height: 17px;
 110     margin-top:     2px;
 111     padding-top:    3px;
 112     padding-bottom: 1px;
 113     border-top:   1px solid #AAAAAA;
 114     float: left;
 115 }
 116 #tab-disabled {
 117     height: 18px;
 118     margin-top:     2px;
 119     padding-top:    3px;
 120     padding-bottom: 1px;
 121     border-top:   1px solid #AAAAAA;
 122     color: #A1A192;
 123     float: left;
 124 }
 125 #tab-description {
 126     height: auto;
 127     width: 38%;
 128     float: left;
 129 }
 130 #tab-context {
 131     height: auto;
 132     margin-left: 1px;
 133     float: left;
 134 }
 135
 136 #left-pane {
 137     height: auto;
 138     width: 210px;
 139     float: left;
 140     padding-left: 8px;
 141     padding-right: 8px;
 142 }
 143 #right-pane {
 144     height: auto;
 145     width: 280px;
 146     float: right;
 147     padding-left: 8px;
 148     padding-right: 10px;
 149 }
 150 #center-pane {
 151     height: auto;
 152     width: auto;
 153     margin-left: 226px;
 154     margin-right: 210px;
 155     min-width: 550px;
 156 }
 157 #main-pane {
 158     height: auto;
 159     width: auto;
 160     margin-left: 226px;
 161     margin-right: 10px;
 162     min-width: 760px;
 163 }
 164
 165 #menuitem-box {
 166     height: auto;
 167     width: 100%;
 168     margin-bottom: 10px;
 169     border-left:   1px solid #AAAAAA;
 170     border-top:    1px solid #AAAAAA;
 171     border-right:  1px solid #E6E6E6;
 172     border-bottom: 1px solid #E6E6E6;
 173     background-color: #FFFFFF;
 174 }
 175
 176 #article-box {
 177     height: auto;
 178     width: 100%;
 179     margin-bottom: 10px;
 180     border-left:   1px solid #AAAAAA;
 181     border-top:    1px solid #AAAAAA;
 182     border-right:  1px solid #E6E6E6;
 183     border-bottom: 1px solid #E6E6E6;
 184     background-color: #FFFFFF;
 185 }
 186 #article-body {
 187     padding-left: 8px;
 188     padding-right: 8px;
 189     padding-bottom: 10px;
 190 }
 191 #article-item {
 192     height: 22px;
 193     width: auto;
 194 }
 195 #article-separator {
 196     height: 1px;
 197     width: 100%;
 198     background-color: #AAAAAA;
 199 }
 200 #section {
 201     font-family: Arial, Helvetica, sans-serif;
 202     font-size: 13px;
 203     font-weight: 600;
 204     height: 20px;
 205     padding-top: 0px;
 206     padding-right: 8px;
 207     padding-bottom: 0px;
 208     padding-left: 8px;
 209 /*  background-color: E0E3E6;  */
 210     background-image: url("image.section.png");
 211     background-repeat: no-repeat;
 212 }
 213
 214 #dialog-box {
 215     height: auto;
 216     width: auto;
 217     margin-left: 226px;
 218     background-color: #FFFFFF;
 219 }
 220
 221 .menu {
 222   font-family: Arial, Helvetica, sans-serif;
 223   font-size: 12px;
 224   text-decoration: none;
 225 }
 226 .title {
 227   font-family: Arial, Helvetica, sans-serif;
 228   font-size: 13px;
 229   color: #000000;
 230   text-decoration: none;
 231   font-weight: bold;
 232 }
 233 .text {
 234   font-family: Arial, Helvetica, sans-serif;
 235   font-size: 13px;
 236   color: #000000;
 237   text-decoration: none;
 238 }
 239 .attribute {
 240   font-family: Arial, Helvetica, sans-serif;
 241   font-size: 12px;
 242   color: #000000;
 243   text-decoration: none;
 244 }
 245 .tdLabel {
 246   font-family: Arial, Helvetica, sans-serif;
 247   font-size: 13px;
 248   color: #000000;
 249   text-decoration: none;
 250 }
 251 .error {
 252   font-family: Arial, Helvetica, sans-serif;
 253   font-size: 13px;
 254   font-weight: bold;
 255   color: #FF0000;
 256   text-decoration: none;
 257 }
 258 .warning {
 259   font-family: Arial, Helvetica, sans-serif;
 260   font-size: 13px;
 261   color: #FF0000;
 262   text-decoration: none;
 263 }
 264 a.link {
 265   color: #002BB8;
 266   text-decoration: none;
 267 }
 268 a.link:hover {
 269   text-decoration:underline;
 270 }
 271 a.item {
 272   color: #000000;
 273   text-decoration: none;
 274 }
 275 a.item:hover {
 276   text-decoration: none;
 277 }
 278 a.item:visited {
 279   color: #000000;
 280 }