static/default.css

   1 /**
   2  * Copyright (c) 2007, 2008 Texas Instruments, Jason Kridner, and Michael Sandoval
   3  */
   4
   5 * {
   6         font-family: Verdana, Lucida, "Lucida Grande", sans-serif;
   7 }
   8
   9 :focus {
  10         font-weight: bold;
  11 }
  12
  13 :link {
  14         text-decoration: none;
  15 }
  16
  17 :visited {
  18         text-decoration: none;
  19         color: #CC9902
  20 }
  21
  22 :link:hover {
  23         text-decoration: underline;
  24         cursor: pointer;
  25 }
  26
  27 :visited:hover {
  28         text-decoration: underline;
  29         cursor: pointer;
  30 }
  31
  32 body {
  33         background-color: #dcdcdc;
  34 }
  35
  36 a {
  37         color: #C95701
  38 }
  39
  40 button {
  41         text-decoration: none;
  42         border-style: none;
  43         background-color: transparent;
  44         padding: 0px;
  45 }
  46
  47 button:hover {
  48         text-decoration: underline;
  49         cursor: pointer;
  50 }
  51
  52 input#openid {
  53         border-style: solid;
  54         border-width: 1px;
  55         background: #FFFFFF url(openid-prompt-bg.gif) no-repeat;
  56         padding: 1px 1px 1px 18px;
  57 }
  58
  59 .createtime {
  60         font-size: small;
  61 }
  62
  63 #outerframe {
  64         border:0;
  65         width:963px;
  66         margin-left:auto;
  67         margin-right:auto;
  68         margin-top:20px;
  69 }
  70
  71 .box {
  72         width:963px;
  73 }
  74
  75 .box .backgroundbottomright {
  76         background:#fff url(graphics/body_right.png) no-repeat bottom right;
  77 }
  78
  79 .box .head {
  80         background: url(graphics/head_right.png) no-repeat top right;
  81         width:963px;
  82         height:130px;
  83         font-size:10pt;
  84 }
  85
  86 .box .head * {
  87         padding-right:5px;
  88         padding-top:4px;
  89 }
  90
  91 .box .head .nav {
  92         float: right;
  93         text-align: right;
  94 }
  95
  96 .box .head .nav * {
  97         color:#fff;
  98 }
  99
 100 .box .head .nav input {
 101         color:#000;
 102 }
 103
 104 .box .head .breadcrumb {
 105         background:url(graphics/head_left.png) no-repeat top left;
 106         height:50px;
 107         padding-top:94px;
 108         padding-left:20px;
 109         float:left;
 110 }
 111
 112 .box .head .breadcrumb * {
 113         vertical-align:text-bottom;
 114 }
 115
 116 .box .body {
 117         padding-left:50px;
 118         padding-right:50px;
 119         background: url(graphics/box_left.png) no-repeat bottom left;
 120         font-size:10pt;
 121         border:0;
 122 }
 123
 124 .box .body .navpanel {
 125         width:263px;
 126         vertical-align:top;
 127         margin-right:20px;
 128         margin-top:10px;
 129         margin-bottom:10px;
 130         float:left;
 131 }
 132
 133 .navpanel .backgroundbottomright {
 134         background:#fff url(graphics/navpanel_right.png) no-repeat bottom right;
 135 }
 136
 137 .box .body .navpanel .navpanelhead {
 138         background: url(graphics/navpanelhead_right.png) no-repeat top right;
 139         font-size:10pt;
 140         color:#fff;
 141         border:0;
 142 }
 143
 144 .box .body .navpanel .navpanelhead h2 {
 145         background: url(graphics/navpanelhead_left.png) no-repeat top left;
 146         padding-left:10px;
 147         padding-right:10px;
 148         padding-top:5px;
 149         padding-bottom:5px;
 150 }
 151
 152 .box .body .navpanel .navpanelbody {
 153         background:url(graphics/navpanel_left.png) no-repeat bottom left;
 154         padding-top:0;
 155         padding-bottom:10px;
 156         padding-left:10px;
 157         padding-right:10px;
 158         width: 87%;
 159         color:#C95701;
 160 }
 161
 162 h1 {
 163         margin-top:0;
 164         font-size:18pt;
 165         color: #C95701;
 166         font-weight: bold;
 167 }
 168
 169 h2 {
 170         margin-top: 0;
 171         font-size: 14pt;
 172         color: #C95701;
 173         font-weight: bold;
 174 }
 175
 176 h2 a {
 177         font-size: 14pt;
 178         color: #C95701;
 179         font-weight: bold
 180 }
 181
 182 h2 a:hover {
 183         font-size: 14pt;
 184         color: #018EA3
 185 }
 186
 187 h2 a:visited {
 188         font-size: 14pt;
 189         color: #CC9902
 190 }
 191 .byline{
 192         font-size: 13pt;
 193         color: #929292; font-weight: bold
 194 }
 195
 196 p {
 197         font-size: 11px;
 198         color: #0F0F0F;
 199         line-height:150% }
 200
 201
 202 .navhead {
 203         color:#FFFFFF;
 204         font-size:10pt;
 205         font-weight:bold
 206 }
 207
 208 .navboxbody p {
 209         font-size: 12px;
 210         color: #C95701;
 211
 212
 213 }
 214 .navboxbody a            {
 215         font-size:12px;
 216         color: #C95701;
 217         font-weight:normal;
 218         text-decoration: none; color: #C95701;
 219 }
 220 .navboxbody a:hover {
 221         color:#C95701;
 222         font-size:12px;
 223         font-weight:normal;
 224         text-decoration: underline; color: #C95701;
 225 }
 226 .navboxbody a:visited {
 227         color:#C95701;
 228         font-size:12px;
 229         font-weight:normal;
 230         text-decoration: underline; color: #C95701;
 231 }
 232
 233 .breadcrumb {
 234         height:144px;
 235         float:left;
 236         font-size: 9px;
 237         color:#000;
 238         position:absolute;
 239         vertical-align:bottom;
 240 }
 241
 242 .breadcrumb a            {
 243         font-size: 9px;
 244         color: #C95701;
 245         font-weight:normal;
 246         text-decoration: underline; color: #C95701;
 247         line-height:100%;
 248 }
 249
 250 .breadcrumb a:hover {
 251         color:#C95701;
 252         font-size:9px;
 253         font-weight:normal;
 254         text-decoration: underline; color: #C95701;
 255         line-height:100%;
 256
 257 }
 258
 259 .breadcrumb a:visited {
 260         color:#C95701;
 261         font-size:9px;
 262         font-weight:normal;
 263         text-decoration: underline; color: #C95701;
 264         line-height:100%;
 265 }
 266
 267 .footer {
 268         font-size: 10px;
 269         color: #929292;
 270         line-height:150%;
 271 }
 272
 273 .footer * {
 274         text-align: left;
 275         display: inline;
 276 }
 277
 278 .footer a            {
 279         font-size: 10px;
 280         color: #929292;
 281         font-weight:normal;
 282         text-decoration: underline; color: #929292;
 283 }
 284
 285 .footer a:hover {
 286         font-size: 10px;
 287         color: #929292;
 288         font-weight:normal;
 289         text-decoration: underline; color: #929292;
 290 }
 291
 292 .footer a:visited {
 293         font-size: 10px;
 294         color: #929292;
 295         font-weight:normal;
 296 }
 297
 298 .alist * {
 299         display: inline;
 300 }
 301
 302 .alist ul li:after {
 303         content: " | ";
 304 }
 305
 306 .alist ul li.last:after {
 307         content: "";
 308 }
 309