css/common.css

   1 @font-face {
   2     font-family: Delicious;
   3     src: url('/Delicious-Roman.otf')
   4 }
   5
   6 /**
   7 * Various
   8 */
   9 body {
  10     margin: 0px;
  11 }
  12
  13 a {
  14     text-decoration: none;
  15 }
  16
  17 code {
  18     background-color: #dedede;
  19     border: 1px dashed #aaaaaa;
  20     padding: 3px;
  21     display: block;
  22     font-family: Monospace;
  23 }
  24
  25
  26 /**
  27 * Datagrid stuff
  28 */
  29 table.datagrid {
  30     border-collapse: collapse;
  31     margin-left: 30px;
  32 }
  33
  34 table.datagrid th {
  35     background-color: #ccc;
  36     border: 1px solid #aaa;
  37     padding: 2px;
  38 }
  39
  40 table.datagrid tr {
  41     background-color: #ddd;
  42 }
  43
  44 table.datagrid tr.oddrow {
  45     background-color: #eee;
  46 }
  47
  48 table.datagrid td {
  49     border: 1px solid #aaa;
  50     padding: 3px;
  51 }
  52
  53
  54 /**
  55 * Master div
  56 */
  57 .master {
  58     font-family: Georgia;
  59 }
  60
  61
  62 /**
  63 * Header section
  64 */
  65 .header {
  66     margin-right: 10px;
  67     letter-spacing: 2px;
  68     background-image: url(/images/hdrbg.jpg);
  69     margin-left: 10px;
  70 }
  71
  72 .header h1 {
  73     margin-top: 0px;
  74 }
  75
  76 .tagline {
  77     font-size: 8pt;
  78     position: relative;
  79     top: -15px;
  80     left: 15px;
  81     letter-spacing: 0px;
  82 }
  83
  84
  85 /**
  86 * Top nav
  87 */
  88 .topnav {
  89     color: white;
  90     background-color: #314657; /* Old */
  91     background-color: #2D4B33;
  92     padding: 1px;
  93     padding-left: 10px;
  94 }
  95
  96 .topnav a {
  97     color: white;
  98 }
  99
 100
 101 /**
 102 * Left nav
 103 */
 104 .leftnav,
 105 .searchbox {
 106     width: 180px;
 107     color: black;
 108     background-color: #FF5A18;
 109     margin-left: 5px;
 110     margin-top: 10px;
 111     padding: 10px;
 112     padding-top: 0;
 113     padding-bottom: 0;
 114     padding: expression('10px');
 115     border: 1px solid #B33E11;
 116 }
 117
 118 .leftnav {
 119     box-shadow: 3px 3px 3px #aaa;
 120     border-radius: 5px;
 121     -moz-box-shadow: 3px 3px 3px #aaa;
 122     -webkit-box-shadow: 3px 3px 3px #aaa;
 123     -moz-border-radius: 5px;
 124     -webkit-border-radius: 5px;
 125     width: 180px;
 126     float: left;
 127     hmargin: 5px;
 128 }
 129
 130 .leftnav h4 {
 131     border-bottom: 1px solid black;
 132 }
 133 .leftnav a {
 134     color: black;
 135 }
 136
 137 .leftnav ul {
 138     margin-left: -20px;
 139     margin-left: expression('20px');
 140     list-style-type: square;
 141 }
 142
 143
 144 /**
 145 * Main body section
 146 */
 147 .mainbody {
 148     margin-left: 220px;
 149 }
 150
 151 .borderedTable table {
 152     border-collapse: collapse;
 153 }
 154
 155 .borderedTable th {
 156     background-color: #dddddd;
 157     border: 1px solid #aaaaaa;
 158     font-size: 70%;
 159     padding-left: 3px;
 160     padding-right: 3px;
 161 }
 162
 163 .borderedTable td {
 164     vertical-align: top;
 165     font-size: 70%;
 166     border: 1px solid #dddddd;
 167 }
 168
 169 .newsitem {
 170     margin-bottom: 25px;
 171 }
 172
 173 .newsitem h2,
 174 .newsitem h1 {
 175     display: inline;
 176 }
 177
 178 .newsitem .date {
 179     font-size: 70%;
 180 }
 181
 182 p.firstLetter:first-letter {
 183     font-size: 200%;
 184     font-style: italic;
 185     font-weight: bold;
 186     float: left;
 187     padding-right: 3px;
 188 }
 189
 190 .newsitem p.update {
 191     background-color: #efefef;
 192     border: 1px dashed black;
 193     padding: 5px;
 194 }
 195
 196
 197 /**
 198 * Comments
 199 */
 200 .comment {
 201     padding: 5px;
 202     margin-bottom: 20px;
 203     font-size: 80%;
 204     background-color: #efefef;
 205     border: 1px dashed #cccccc;
 206 }
 207
 208 .comment .body {
 209     margin-top: 5px;
 210     padding-left: 7px;
 211 }
 212
 213 .comment .quoteLink {
 214     text-align: right;
 215     font-size: 90%;
 216 }
 217
 218
 219 /**
 220 * Errors
 221 */
 222 .error {
 223     color: red;
 224     font-style: italic;
 225 }
 226
 227
 228 /**
 229 * Copyright text
 230 */
 231 .copyright {
 232     text-align: right;
 233     font-size: 75%;
 234 }
 235
 236
 237 /**
 238 * Admin page
 239 */
 240 .adminPage table {
 241     font-family: Verdana;
 242     font-size: 10pt;
 243 }
 244
 245 .adminPage th {
 246     background-color: #dddddd;
 247 }
 248
 249
 250 /**
 251 * Tools page
 252 */
 253 #toolsPage th,
 254 #toolsPage td {
 255 }
 256
 257 #toolsPage th {
 258     font-weight: bold;
 259     text-align: right;
 260     white-space: nowrap;
 261     vertical-align: top;
 262     background-color: #ffffcc;
 263 }
 264
 265 #toolsPage textarea {
 266     height: 200px;
 267     width: 800px;
 268     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#ffffff, endColorstr=#ffffcc);
 269 }
 270
 271 #shortcuts th {
 272
 273 }
 274
 275 #shortcuts th {
 276     text-align: left;
 277     background-color: #ededed;
 278     padding: 2px;
 279 }
 280
 281 /**
 282 * Download header/footer
 283 */
 284 div#download pre,
 285 div#download pre a {
 286
 287 }
 288
 289 /**
 290 * Code
 291 */
 292 div.boxout,
 293 pre.code {
 294     border: 2px dashed gray;
 295     padding: 3px;
 296     background-color: #eee;
 297 }