git.sur5r.net Git - glabels/blob - web/css/glabels.css

   1 /* GLABELS.CSS */
   2
   3
   4 /* -------------- Global --------------- */
   5 body {
   6   font-family : Verdana, Verdana, Arial, Helvetica, sans-serif;
   7   font-size : 77%;
   8   background-color : #EEEAE4;
   9   color : #000000;
  10   margin : 0;
  11 }
  12
  13
  14 /****************************************/
  15 /* Basic layout.                        */
  16 /****************************************/
  17
  18 /* -------------- Title --------------- */
  19 #title {
  20   padding: 0;
  21   position: absolute;
  22   top:0px;
  23   left: 0px;
  24   width: 150px;
  25   height: 60px;
  26   margin-top: 30px;
  27   margin-left: 10px;
  28   margin-right: 10px;
  29   background: url("/images/glabels-title-140.png") top center no-repeat;
  30 }
  31
  32 /* -------------- Navigation --------------- */
  33 #nav {
  34   padding: 0;
  35   position: absolute;
  36   top: 90px;
  37   left: 0;
  38   width: 150px;
  39   margin-top: 30px;
  40   margin-left: 10px;
  41   margin-right: 10px;
  42 }
  43
  44 #nav ul {
  45   margin: 0;
  46   padding: 0;
  47   background-color: #EEEAE4;
  48 }
  49
  50 #nav li {
  51   font-weight: bold;
  52   margin: 0;
  53   list-style: none;
  54   padding: 0 0 1px 0;
  55   line-height: 1.0;
  56 }
  57
  58 #nav span {
  59   line-height: 1.0;
  60   color: #333333;
  61   display: block;
  62   border: solid 1px #DDD9D4;
  63   margin: 0;
  64   border-top-color: #FFFFFF;
  65   border-left-color: #FFFFFF;
  66   background: #F3F0EC;
  67   padding: 5px 10px 5px 0.5em;
  68 }
  69
  70 #nav :link, #nav :visited {
  71   line-height: 1.0;
  72   color: #993333;
  73   display: block;
  74   text-decoration: none;
  75   border: solid 1px #EEEAE4;
  76   margin: 0;
  77   padding: 5px 10px 5px 0.5em;
  78   background: transparent url(/images/button-bg.png) top right repeat-y;
  79 }
  80
  81 #nav :link:hover, #nav :visited:hover {
  82   color: #FF0000;
  83   border: solid 1px #DDD9D4;
  84   border-top-color: #FFFFFF;
  85   border-left-color: #FFFFFF;
  86   background: #F3F0EC;
  87 }
  88
  89 #nav :link:active, #nav :visited:active {
  90   background: #FFFFFF;
  91 }
  92
  93 /* -------------- Sourceforge link --------------- */
  94 #sflink {
  95   padding: 0;
  96   position: absolute;
  97   top: 350px;
  98   left: 0;
  99   width: 150px;
 100   margin-top: 30px;
 101   margin-left: 10px;
 102   margin-right: 10px;
 103   text-align: center;
 104 }
 105
 106 /* -------------- Main flow --------------- */
 107 #main {
 108   font-size: 0.9em;
 109   position: absolute;
 110   top:0px;
 111   left: 160px;
 112   width: auto;
 113   min-width: 440px;
 114   margin-top: 10px;
 115   margin-left: 10px;
 116   margin-right: 20px;
 117   padding-right: 20px;
 118   background-color : #EEEAE4;
 119 }
 120
 121 .tlcorner, .trcorner, .blcorner, .brcorner {
 122         background-color : #EEEAE4;
 123         width: 19px;
 124         height: 19px;
 125 }
 126
 127 .tlcorner, .blcorner { float: left; left: 0px; }
 128 .trcorner, .brcorner { float: right; right: 0px; }
 129 .tlcorner, .trcorner { top: 0px; }
 130 .blcorner, .brcorner { bottom: 0px; margin-top: -19px; top: -18px;}
 131
 132 .tlcorner { background: #EEEAE4 url("/images/corner-tl.png") no-repeat left top; }
 133 .trcorner { background: #EEEAE4 url("/images/corner-tr.png") no-repeat right top; }
 134 .blcorner { background: #EEEAE4 url("/images/corner-bl.png") no-repeat left bottom; }
 135 .brcorner { background: #EEEAE4 url("/images/corner-br.png") no-repeat right bottom; }
 136
 137 /* -------------- Main content --------------- */
 138 #content {
 139         padding: 24px;
 140         border: 1px solid #aaa;
 141         background-color : #FFFFFF;
 142 }
 143
 144 /* -------------- Footer --------------- */
 145 #footer {
 146   padding: 0;
 147   margin-top:    20px;
 148   margin-right:  10px;
 149   margin-left:   10px;
 150   margin-bottom: 70px;
 151   font-weight:400;
 152 }
 153
 154 #copy {
 155   top: 2px;
 156   text-align: left;
 157   float: left;
 158   padding-right: 10px;
 159   color : #666666;
 160 }
 161
 162 #copy>a:link {
 163   color : #003366;
 164 }
 165
 166 #copy>a:visited {
 167   color : #003366;
 168 }
 169
 170 #copy>a:hover {
 171   color : #666666;
 172 }
 173
 174 #w3clinks {
 175   top: 2px;
 176   right: 0px;
 177   float: right;
 178   text-align: right;
 179   padding-left: 20px;
 180 }
 181
 182
 183 /****************************************/
 184 /* Special content.                     */
 185 /****************************************/
 186
 187 /* -------------- News --------------- */
 188 .newsitem {
 189         margin:20px 0px 10px 0px;
 190         font-family : Verdana, Arial, Helvetica, sans-serif;
 191         font-size : 10pt;
 192         text-align: left;
 193         color:#000000;
 194 }
 195
 196 .newsdate {
 197         margin:0px 0px 3px 0px;
 198         font-size:14px;
 199         text-align: left;
 200         color:#993333;
 201 }
 202
 203 .newstitle {
 204         margin:3px 0px 6px 0px;
 205         padding:0px;
 206         font-size:16px;
 207         line-height:20px;
 208         font-weight:900;
 209         color:#000000;
 210 }
 211
 212 /* -------------- Pre-formatted code box --------------- */
 213 .codebox {
 214         margin:0px 0px 16px 0px;
 215         padding:5px 5px 5px 5px;
 216         border-style:solid;
 217         border-color:#000000;
 218         border-width:1px;
 219         background-color:#FFFFF0;
 220         font:11px/14px courier, monospace;
 221         white-space: pre;
 222 }
 223
 224 /* -------------- Newest/latest item --------------- */
 225 .latest {
 226   font-family : Verdana, Arial, Helvetica, sans-serif;
 227   font-weight:900;
 228 }
 229
 230 .latest>a:link {
 231   color : #FF0000;
 232 }
 233
 234 .latest>a:visited {
 235   color : #FF0000;
 236 }
 237
 238 .latest>a:hover {
 239   color : #666666;
 240 }
 241
 242 /* -------------- Top level headers --------------- */
 243 h1 {
 244   padding-left: 70px;
 245   padding-top:6px;
 246   margin-top:15px;
 247   line-height: 58px;
 248   font-size:28px;
 249   text-align: left;
 250   font-weight:900;
 251   color:#333399;
 252   border-bottom-style: solid;
 253   border-bottom-width: 1px;
 254   border-bottom-color: #999999;
 255 }
 256
 257 h1.about {
 258   background: url(/tango-icons/dialog-information.png) top left no-repeat;
 259 }
 260
 261 h1.news {
 262   background: url(/tango-icons/internet-news-reader.png) top left no-repeat;
 263 }
 264
 265 h1.screenshots {
 266   background: url(/tango-icons/emblem-photos.png) top left no-repeat;
 267 }
 268
 269 h1.download {
 270   background: url(/tango-icons/package-x-generic.png) top left no-repeat;
 271 }
 272
 273 h1.development {
 274   background: url(/tango-icons/applications-development.png) top left no-repeat;
 275 }
 276
 277 h1.doc {
 278   background: url(/tango-icons/help-browser.png) top left no-repeat;
 279 }
 280
 281 h1.contact {
 282   background: url(/tango-icons/system-users.png) top left no-repeat;
 283 }
 284
 285 h1.links {
 286   background: url(/tango-icons/applications-internet.png) top left no-repeat;
 287 }
 288
 289
 290 /****************************************/
 291 /* Basic tags.                          */
 292 /****************************************/
 293
 294 h2 {
 295         margin:28px 0px 4px 0px;
 296         padding:0px;
 297         font-size:18px;
 298         line-height:20px;
 299         font-weight:900;
 300 }
 301
 302 h3 {
 303         margin:16px 0px 4px 0px;
 304         padding:0px;
 305         font-size:14px;
 306         line-height:20px;
 307         font-weight:900;
 308 }
 309
 310 h4 {
 311         margin:16px 0px 6px 0px;
 312         padding:0px;
 313         font-size:12px;
 314         line-height:20px;
 315         font-weight:900;
 316 }
 317
 318 h5 {
 319         margin:16px 0px 6px 0px;
 320         padding:0px;
 321         font-size:10px;
 322         line-height:20px;
 323         font-weight:900;
 324 }
 325
 326
 327 p {
 328   margin-top: 8px;
 329   margin-bottom: 8px;
 330   font-family : Verdana, Arial, Helvetica, sans-serif;
 331   font-size : 10pt;
 332   text-align: left;
 333 }
 334
 335 a:link {
 336   color : #006699;
 337 }
 338
 339 a:visited {
 340   color : #006699;
 341 }
 342
 343 a:hover {
 344   color : #000000;
 345 }
 346
 347 td {
 348   font-family : Verdana, Arial, Helvetica, sans-serif;
 349   font-size : 10pt;
 350 }
 351
 352 li {
 353   font-family : Verdana, Arial, Helvetica, sans-serif;
 354   font-size : 10pt;
 355   color : #000000;
 356 }
 357
 358
 359
 360 /****************************************/
 361 /* Modifying classes.                   */
 362 /****************************************/
 363
 364 .noborder {
 365         border:0;
 366 }
 367
 368 .center {
 369         text-align: center;
 370 }
 371
 372 /****************************************/
 373 /* FAQ                                  */
 374 /****************************************/
 375 div.faqtoc {
 376         margin:0px 0px 16px 0px;
 377         padding:5px 5px 5px 5px;
 378         border-style:solid;
 379         border-color:#000000;
 380         border-width:1px;
 381         background-color:#FFFFF0;
 382 }
 383
 384 .faqtocline { list-style: none; }
 385
 386 div.faqanswer {
 387         margin-left:4em;
 388 }