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