statpages/screen.css

   1 @import url("displaytag.css");
   2
   3 @import url("alternative.css");
   4
   5
   6 #mainpage {
   7         margin-left: auto;
   8         margin-right: auto;
   9 }
  10
  11 .center {
  12         margin: 0 auto;
  13 }
  14
  15 h2 {
  16         font-size: 1.5em; line-height: 1em; margin-bottom: -0.3em;
  17         }
  18
  19 body,input,select,td,textarea {
  20         font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  21         font-size: 11px;
  22 }
  23
  24 h4,h5,h6,p,strong,div,form,acronym,label,table,td,th,span,a,hr,code,pre,hr
  25         {
  26         margin: 0;
  27         padding: 0;
  28         font-size: 1em;
  29         background-repeat: no-repeat;
  30         list-style-type: none;
  31 }
  32
  33 a,a:visited,a:hover {
  34         color: black;
  35         text-decoration: underline;
  36 }
  37
  38 a:hover {
  39         color: #666;
  40 }
  41
  42 img {
  43         border: none;
  44 }
  45
  46 table hr {
  47         height: 1px;
  48         clear: both;
  49         margin: none;
  50         width: 100%;
  51 }
  52
  53 textarea {
  54         width: 80%;
  55         height: 200px;
  56 }
  57
  58 dt {
  59         font-weight: bold;
  60 }
  61
  62 acronym {
  63         border-bottom: 1px dashed #000;
  64         cursor: help;
  65 }
  66
  67 ul#stylelist {
  68         margin: 0 0 20px 0;
  69         height: 20px;
  70         padding: 0;
  71 }
  72
  73 ul#stylelist li {
  74         list-style-type: none;
  75         float: left;
  76         width: 100px;
  77         border: 1px solid #ccc;
  78         background-color: #eee;
  79         padding: 2px;;
  80         float: left;
  81         width: 100px;
  82         border: 1px solid #ccc;
  83         background-color: #eee;
  84         padding: 2px;
  85         margin: 0 2px 0 0;
  86 }
  87
  88 ul#showsource {
  89         float: right;
  90         padding: 0;
  91         margin: 15px 20px 0 0;
  92         width: 100px;
  93         height: 33px;
  94         list-style-type: none;
  95         background-image: url("/img/viewsource.png");
  96         background-repeat: no-repeat;
  97         margin-bottom: -30px;
  98         text-align: center;
  99         line-height: 30px;
 100         font-weight: bold;
 101 }
 102
 103 ul#showsource a,ul#showsource a:visited {
 104         font-size: 11px;
 105         font-family: verdana;
 106         color: #fff;
 107 }
 108
 109 table.sublist {
 110         margin: 0 0 0 0;
 111         width: 100%;
 112 }
 113
 114 table.sublist td,table.sublist th {
 115         width: 50%;
 116 }
 117
 118 code {
 119         background-color: #eee;
 120         padding: 0 2px 0 2px;
 121 }
 122
 123 hr {
 124         height: 1px;
 125         color: #fff;
 126         border: none;
 127         border-top: 1px dotted #ccc;
 128         margin: 20px 0 20px 0;
 129         width: 50%;
 130 }
 131
 132 /* open/closed box related styles */
 133
 134 .source {
 135         display:block;
 136         margin:15px 0;
 137         overflow:visible;
 138 }
 139
 140 /* OPEN state styles */
 141 .source .body {
 142         padding:7px 15px;
 143 /*      white-space:pre-wrap; */
 144         white-space:normal;
 145 /*      word-wrap:break-word; # this prop does not exits*/
 146 }
 147
 148 .source .header {
 149         cursor:pointer;
 150         font-weight:bold;
 151         padding:0 15px 0 15px;
 152         text-decoration: underline ;
 153 }
 154
 155
 156 /* CLOSED state styles */
 157 .source .body.collapsed {
 158         display:none;
 159 }
 160
 161 .source .header.collapsed  {
 162         padding:0 15px 0 15px;
 163         text-decoration: underline;
 164 }
 165
 166