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