torrus/sup/webplain/torrus.css

   1 /*
   2    Torrus Renderer stylesheet.
   3    Designed by BlueRobot.com
   4    Modified by Ian Holsman <ian@holsman.net>
   5    Optimised by Stanislav Sinyagin
   6
   7    $Id: torrus.css,v 1.2 2010-12-29 03:12:19 ivan Exp $
   8    */
   9 BODY {
  10 /*  background-color : white; */
  11 /*  color : #333; */
  12 /*  font-family : verdana, arial, helvetica, sans-serif;
  13   font-size : 11px;
  14 */
  15   margin : 0;
  16   padding-bottom : 0;
  17   padding-left : 0;
  18   padding-right : 0;
  19   padding-top : 0;
  20   voice-family : inherit, male;
  21 }
  22
  23 H1, H2, H3, P {
  24   background-color : inherit;
  25   margin : 0 0 15px;
  26   padding-bottom : 0;
  27   padding-left : 0;
  28   padding-right : 0;
  29   padding-top : 0;
  30 }
  31
  32 H1, H2 {
  33   color : #ccc;
  34 }
  35
  36 H1 {
  37   font-size : 28px;
  38   font-weight : 900;
  39   line-height : 28px;
  40 }
  41
  42 H2 {
  43   font-size : 20px;
  44   font-weight : 700;
  45   line-height : 20px;
  46 }
  47
  48 H3 {
  49   color : #333;
  50   font-size : 18px;
  51   line-height : 18px;
  52 }
  53
  54 P {
  55   clear : both; /* needed for Opera 6.12 */
  56   color : #333;
  57   float : none;
  58   /* font-size : 11px; */
  59   line-height : 20px;
  60 }
  61
  62 A {
  63   background-color : inherit;
  64   /* color : #09c; */
  65   /* font-weight : 600; */
  66   /* text-decoration : none; */
  67 }
  68
  69 A:link, A:visited {
  70   background-color : inherit;
  71   /* color : #09c; */
  72   color: #000000;
  73 }
  74
  75 A:hover {
  76 /*   background-color : #eee; */
  77 /*  color : inherit; */
  78   color: #7e0079;
  79   text-decoration: underline;
  80 }
  81
  82 DIV.CurrentPath A:hover {
  83 /*  background-color : #ccc; */
  84 /*  color : inherit; */
  85   color: #7e0079;
  86   text-decoration: underline;
  87 }
  88
  89
  90 *.Header {
  91   background-color : #eee;
  92   border-bottom : 1px solid black;
  93   border-left : 0 solid black;
  94   border-right : 0 solid black;
  95   border-top : 1px solid black;
  96   color : inherit;
  97   margin : 1em 0 1em;
  98   padding-bottom : 0;
  99   padding-left : 20px;
 100   padding-right : 0;
 101   padding-top : 17px;
 102 }
 103
 104
 105 *.Header A:hover {
 106   background-color : #ccc;
 107   color : inherit;
 108 }
 109
 110 DIV.LoginInfo {
 111   position : absolute;
 112   right : 1em;
 113   top : 1.5em;
 114   font-size : 9px;
 115   text-align : right;
 116 }
 117
 118 DIV.LoginInfo SPAN.UserName {
 119   display : block;
 120 }
 121
 122 DIV.LoginInfo SPAN.Logout {
 123   display : block;
 124 }
 125
 126 SPAN.Logout A {
 127   font-size : 9px;
 128 }
 129
 130 DIV.CurrentTime {
 131   float: right;
 132   font-size : 9px;
 133   padding-right: 1em;
 134   text-align: right;
 135 }
 136
 137 *.Content, *.SingleColumnContent  {
 138   display : block;
 139   float : left;
 140   margin-bottom : 20px;
 141   margin-left : 0px;
 142   margin-right : 0px;
 143   margin-top : 0;
 144   padding-bottom : 10px;
 145   padding-left : 10px;
 146   padding-right : 10px;
 147   padding-top : 10px;
 148 }
 149
 150 *.SingleColumnContent {
 151   padding-right : 0px;
 152   width : 100%;
 153 }
 154
 155 *.Content {
 156   padding-right : 0px;
 157   width : 70%;
 158 }
 159
 160 DIV.PathMenu {
 161   background-color : #eee;
 162 /*  border-bottom : 1px dashed #999;
 163   border-left : 1px dashed #999;
 164   border-right : 1px dashed #999;
 165   border-top : 1px dashed #999; */
 166   border-bottom : none;
 167   border-left : none;
 168   border-right : none;
 169   border-top : 1px solid $7e0079;
 170   color : inherit;
 171   float : left;
 172   line-height : 17px;
 173   margin-left : 5px;
 174   padding-bottom : 10px;
 175   padding-left : 10px;
 176   padding-right : 10px;
 177   padding-top : 10px;
 178   position : relative;
 179   min-width : 15%; /* does not work in IE6 */
 180 }
 181
 182 SPAN.PathElement {
 183   display : block;
 184 }
 185
 186 SPAN.TreeName {
 187   font-weight : bold;
 188 }
 189
 190 *.PathMenu DIV.CurrentTree {
 191   font-size : 10px;
 192   overflow : hidden;
 193   width : 150px; /* compensate unsupported min-width in IE6 */
 194 }
 195
 196 *.PathMenuHeader {
 197   font-size : 10px;
 198 }
 199
 200 *.SingleColumnContent DIV.CurrentTree {
 201   padding-bottom : 5px;
 202 }
 203
 204 *.SingleColumnContent DIV.CurrentTree {
 205   color : inherit;
 206   font-size : 10px;
 207 }
 208
 209 DIV.Legend {
 210   background-color : #eee;
 211   color : inherit;
 212   clear : both;
 213   float : none;
 214   font-size : 10px;
 215   margin-bottom : 10px;
 216   position : relative;
 217   width : 90%;
 218 }
 219
 220 DIV.LegendRow {
 221   clear : both;
 222   float : none;
 223   margin-bottom: 2px;
 224 }
 225
 226 DIV.LegendRow SPAN.LegendName {
 227   font-weight : bold;
 228   text-align : left;
 229   padding-right : 5px;
 230 }
 231
 232 DIV.LegendRow SPAN.LegendValue {
 233   text-align : left;
 234 }
 235
 236 P.Variables SPAN.VariableName {
 237   font-weight : bold;
 238 }
 239
 240 DIV.Monitors {
 241   clear : both;
 242   float : none;
 243   font-size : 10px;
 244   margin-bottom : 10px;
 245   position : relative;
 246   width : 90%;
 247 }
 248
 249 SPAN.MonitorName {
 250   padding-left: 20px;
 251   padding-right: 20px;
 252 }
 253
 254
 255 DIV.Listing {
 256   clear : both;
 257   float : none;
 258 /*  font-size : 11px; */
 259   margin-bottom : 10px;
 260   width : 90%;
 261 }
 262
 263 *.ListRow, *.ListRowEven  {
 264   clear : both;
 265   margin-top : 3px;
 266 }
 267
 268 *.ListRowEven {
 269   background-color : #eee;
 270 }
 271
 272 *.ListRowEven A:hover {
 273   background-color : #ccc;
 274   color : inherit;
 275 }
 276
 277 DIV.Listing *.NodeName  {
 278   display : block;
 279   font-weight : bold;
 280   padding-left : 10px;
 281   text-align : left;
 282 }
 283
 284 DIV.Listing *.NodeDescr, DIV.Listing *.TokensetDescr  {
 285   display : block;
 286   padding-left : 30px;
 287 }
 288
 289 *.RecursiveListRow {
 290   clear : both;
 291   margin-top : 3px;
 292   margin-left : 20px;
 293   margin-right : 2px;
 294   padding-bottom: 2px;
 295   border: 1px solid #eee;
 296 }
 297
 298
 299 DIV.ShortGraph *.NodeDescr {
 300   font-weight : 600;
 301   padding-left : 10px;
 302 }
 303
 304 DIV.Graph, DIV.ShortGraph  {
 305   clear : left;
 306   float : left;
 307   margin-bottom : 10px;
 308   margin-top : 15px;
 309   position : relative;
 310   width : 100%;
 311 }
 312
 313
 314 DIV.ShortGraph *.NodeName, DIV.ShortGraph *.NodeDescr {
 315   clear : both;
 316   float : none;
 317   font-size : 11px;
 318   width : 100%;
 319 }
 320
 321 DIV.ShortGraph IMG {
 322   border-width : 0;
 323   border-color : transparent;
 324   clear : both;
 325   float : left;
 326 }
 327
 328 /* In tokenset display, short graphs are placed in two
 329    columns: left and right */
 330
 331 DIV.ShortLeft, DIV.ShortRight {
 332   margin-bottom : 5px;
 333   page-break-inside : avoid;
 334   position : relative;
 335   width : 50%;
 336 }
 337
 338 DIV.ShortLeft {
 339   clear : left;
 340   float : left;
 341 }
 342
 343 DIV.ShortRight {
 344   clear : right;
 345   float : right;
 346 }
 347
 348
 349 FORM.LoginForm {
 350   color : #333;
 351   font-size : 11px;
 352   line-height : 20px;
 353   width : 50%;
 354 }
 355
 356 SPAN.LoginTitle {
 357   float : left;
 358   width : 20%;
 359 }
 360
 361 SPAN.LoginInput INPUT {
 362   width : 30%;
 363 }
 364
 365 SPAN.LoginInput INPUT.Remember {
 366   width : auto;
 367 }
 368
 369
 370 *.BottomShortcuts {
 371   clear : both;
 372   float : none;
 373   font-size : 11px;
 374   height : 15px;
 375   margin : 25px 0 20px;
 376   padding-bottom : 0;
 377   padding-left : 0;
 378   padding-right : 0;
 379   padding-top : 0;
 380   position : relative;
 381 }
 382
 383
 384 *.TopMenu {
 385   font-size : 9px;
 386   padding-left : 1em;
 387 }
 388
 389 *.BottomMenu {
 390   clear : both;
 391   float : none;
 392   font-size : 9px;
 393   /* height : 15px; */
 394   margin : 50px 0 0 0;
 395   padding-bottom : 0;
 396   padding-left : 1em;
 397   padding-right : 0;
 398   padding-top : 0;
 399   width : 100%;
 400 }
 401
 402
 403
 404 *.TopMenu A, *.TopMenu A:link, *.TopMenu A:visited,
 405 *.BottomMenu A, *.BottomMenu A:link, *.BottomMenu A:visited {
 406   color: #A1C3CB;
 407   font-size : 9px;
 408 }
 409
 410
 411 *.Footer {
 412   background-color : #eee;
 413   border-bottom : 1px solid black;
 414   border-left : 0 solid black;
 415   border-right : 0 solid black;
 416   border-top : 1px solid black;
 417   clear : both;
 418   color : inherit;
 419   float : none;
 420   font-size : 10px;
 421   height : 15px;
 422   line-height : 12px;
 423   margin : 0 0 10px;
 424   padding-bottom : 0;
 425   padding-left : 0;
 426   padding-right : 1em;
 427   padding-top : 0;
 428   text-align : right;
 429 }
 430
 431 *.Footer A {
 432   font-size : 10px;
 433 }
 434
 435 *.SiteInfo, *.TreeInfo {
 436   padding-left : 5em;
 437 }
 438
 439 *.HelpContent {
 440   font-size: 12px;
 441   line-height: 15px;
 442   padding-bottom: 5px;
 443   padding-left: 2em;
 444   padding-right: 2em;
 445   padding-top: 5px;
 446 }
 447
 448 *.HelpContent P {
 449   font-size: 12px;
 450 }
 451
 452 *.HelpHeader {
 453   color : #ccc;
 454   font-size : 13px;
 455   font-weight: 800;
 456   margin : 10px 0 10px;
 457 }
 458
 459 *.HelpFooter {
 460   position: absolute;
 461   bottom: 0;
 462   margin : 0 0 10px;
 463 }
 464
 465 *.HelpPathHeader {
 466   font-weight: 700;
 467   margin : 10px 0 10px;
 468 }
 469
 470 *.HelpMessage {
 471   padding-left: 2em;
 472   padding-right: 2em;
 473 }
 474
 475 *.SetDateDialog {
 476   font-size : 9px;
 477   padding-bottom : 0;
 478   padding-left : 2em;
 479   padding-right : 2em;
 480   padding-top : 0;
 481 }
 482
 483 *.SetDateDialog FORM {
 484   display : inline;
 485 }
 486
 487 *.SetDateDialog INPUT {
 488   font-size : 9px;
 489 }
 490
 491
 492 *.SearchDialog {
 493 /*  font-size : 9px; */
 494   padding-bottom : 0;
 495   padding-left : 2em;
 496   padding-right : 2em;
 497   padding-top : 0;
 498 }
 499
 500 *.SearchDialog FORM {
 501   display : inline;
 502 }
 503
 504 *.SearchDialog INPUT {
 505 /*  font-size : 9px; */
 506 }
 507
 508
 509
 510 *.ErrorMessage {
 511   color : red;
 512   height : 15px;
 513 }