themes/graycube/theme.css

   1 body {
   2         background : #f6f6f6;
   3 }
   4
   5 a:hover {
   6         color : gray;
   7 }
   8
   9 div.cdmArticle {
  10         border-width : 0px 0px 1px 0px;
  11         border-color : #999999;
  12         margin : 0px;
  13         background : #f9f9f9;
  14         -moz-border-radius : 0px;
  15 }
  16
  17 div.cdmArticleUnread {
  18         border-width : 0px 0px 1px 0px;
  19         border-color : #999999;
  20         margin : 0px;
  21         background : white;
  22         -moz-border-radius : 0px;
  23 }
  24
  25 div.cdmArticleSelected, div.cdmArticleUnreadSelected {
  26         border-width : 0px 0px 1px 0px;
  27         border-color : #999999;
  28         margin : 0px;
  29         background : #ffcccc;
  30         -moz-border-radius : 0px;
  31 }
  32
  33 div.cdmArticleUnread div.cdmHeader a.title,
  34 div.cdmArticleUnreadSelected div.cdmHeader a.title {
  35         color : black;
  36 }
  37
  38 div.cdmHeader a:hover {
  39         color : black;
  40 }
  41
  42 .notify {
  43         border-color : #999;
  44         background-color : #f9f9f9;
  45         color : black;
  46         -moz-border-radius : 0px;
  47 }
  48
  49 div.notice {
  50         background : #f9f9f9;
  51         border : 1px solid #999999;
  52 }
  53
  54 div.warning {
  55         background : #ffcccc;
  56         border : 1px solid #ff0000;
  57 }
  58
  59
  60 ul.userFeedList, ul.browseFeedList, ul.labelTestResults {
  61         border : 1px solid #999999;
  62 }
  63
  64 table.headlinesSubToolbar td {
  65         color : gray;
  66         background-image : url("images/grad_1.png");
  67         background-repeat : repeat-x;
  68         background-position : bottom left;
  69         background-color : #f3f3f2;
  70 }
  71
  72 div.postReply {
  73         padding : 0px;
  74         margin : 0px;
  75         font-size : medium;
  76 }
  77
  78 div.postReply a {
  79         color : black;
  80 }
  81
  82 div.postReply a:hover {
  83         color : gray;
  84 }
  85
  86 div.postReply div.postHeader {
  87         background : #f9f9f9;
  88         border-style : solid;
  89         border-color : #999999;
  90         border-width : 0px 0px 1px 0px;
  91 }
  92
  93 div.postReply > div.postHeader {
  94         padding : 5px;
  95 }
  96
  97 .evenUnreadSelected, .evenSelectedUnread, .evenUnreadSelected td,
  98         .evenSelectedUnread td {
  99         background-color : #ffcccc;
 100         font-weight : bold;
 101         border-width : 1px 0px 1px 0px;
 102         border-style : solid;
 103         border-color : #ebebeb;
 104 }
 105
 106 .oddUnreadSelected, .oddSelectedUnread, .oddUnreadSelected td,
 107         .oddSelectedUnread td {
 108         background-color : #ffcccc;
 109         font-weight : bold;
 110 }
 111
 112 .evenSelected, .evenSelected td {
 113         background-color : #ffcccc;
 114                   border-width : 1px 0px 1px 0px;
 115                   border-style : solid;
 116                   border-color : #ebebeb;
 117 }
 118
 119 .oddSelected, .evenSelected td {
 120         background-color : #ffcccc;
 121 }
 122
 123 .evenGrayed, .evenGrayed td {
 124         background-color : #f9f9f9;
 125         color : gray;
 126         border-width : 1px 0px 1px 0px;
 127         border-style : solid;
 128         border-color : #ebebeb;
 129 }
 130
 131 .oddGrayed {
 132         color : gray;
 133         background-color : #f9f9f9;
 134 }
 135
 136 .even, .even td {
 137                   border-width : 1px 0px 1px 0px;
 138                   border-style : solid;
 139                   border-color : #ebebeb;
 140         background-color : #f9f9f9;
 141 }
 142
 143 .odd, .odd td {
 144         background-color : #f9f9f9;
 145 }
 146
 147 .evenUnread, .evenUnread td {
 148         background-color : white;
 149         font-weight : bold;
 150                   border-width : 1px 0px 1px 0px;
 151                   border-style : solid;
 152                   border-color : #ebebeb;
 153 }
 154
 155 .oddUnread, .oddUnread td {
 156         font-weight : bold;
 157 }
 158
 159 ul.feedList {
 160         list-style-type : none;
 161         margin : 5px;
 162         padding : 0px 0px 0px 5px;
 163         font-size : 9pt;
 164 }
 165
 166 ul.feedList hr {
 167         border-width : 0px;
 168 }
 169
 170 ul.feedList li.feedCat {
 171         margin : 0px;
 172         padding : 1px 0px 1px 0px;
 173         color : #707070;
 174         font-size : 9pt;
 175 }
 176
 177 ul.feedList li.feedCat a:hover {
 178         color : black;
 179 }
 180
 181 ul.feedCatList {
 182         list-style-type : none;
 183         margin : 0px 0px 0px 10px;
 184         padding : 0px;
 185 }
 186
 187 ul.feedCatList li {
 188         margin : 0px;
 189         padding : 1px 0px 1px 0px;
 190         color : black;
 191 }
 192
 193 ul.feedList img {
 194         vertical-align : bottom;
 195 }
 196
 197 ul.feedList li {
 198         margin : 0px;
 199         padding : 2px 0px 2px 0px;
 200 }
 201
 202
 203 li.feedSelected a,
 204 li.labelSelected a,
 205 li.virtSelected a,
 206 li.tagSelected a {
 207         color : gray;
 208 }
 209
 210 li.feedUnreadSelected a,
 211 li.labelUnreadSelected a,
 212 li.virtUnreadSelected a,
 213 li.tagUnreadSelected a {
 214         color : gray;
 215 }
 216
 217 div.prefFeedCatHolder {
 218         border : 1px solid #999999;
 219 }
 220
 221 table.prefFeedList td.feedEditCat {
 222         font-weight : bold;
 223         border-width : 0px 0px 1px 0px;
 224         border-style : solid;
 225         border-color : #999999;
 226         padding-top : 0.5em;
 227 }
 228
 229 tr.title td {
 230         color : gray;
 231         font-weight : bold;
 232 }
 233
 234 tr.title td a {
 235         color : gray;
 236 }
 237
 238 tr.title td a:hover {
 239         color : black;
 240 }
 241
 242 span.contentPreview:hover {
 243         color : gray;
 244 }
 245
 246 #dispSwitch a:hover {
 247         color : black;
 248 }
 249
 250 #infoBoxTitle {
 251         border-width : 0px 0px 1px 0px;
 252         border-style : solid;
 253         border-color : #999999;
 254         background : #f9f9f9;
 255         padding : 2px;
 256         color : black;
 257 }
 258
 259
 260 #infoBox {
 261         border-width : 1px 1px 1px 1px;
 262         border-style : solid;
 263         border-color : #999999;
 264         position : relative;
 265         bottom : 2px;
 266         right : 2px;
 267         padding-bottom : 5px;
 268         background : white;
 269 }
 270
 271 div.infoBoxContents a {
 272         color : gray;
 273 }
 274
 275 div.infoBoxContents a:hover {
 276         color : black;
 277 }
 278
 279 #header {
 280         position : absolute;
 281         white-space: nowrap;
 282         top : 10px;
 283         left : 25px;
 284         right : 20px;
 285         height : 40px;
 286         color : gray;
 287 }
 288
 289 #feeds-holder {
 290         border-width : 1px 1px 1px 1px;
 291         border-style : solid;
 292         border-color : #c0c0c0;
 293         top : 50px;
 294         left : 20px;
 295         position : absolute;
 296         width : 240px;
 297         overflow : auto;
 298         bottom : 30px;
 299         border-collapse : collapse;
 300         background : #f9f9f9;
 301 }
 302
 303 #toolbar {
 304         position : absolute;
 305         left : 280px;
 306         padding : 0px 20px 10px 0px;
 307         top : 50px;
 308         right : 0px;
 309         white-space: nowrap;
 310         height : 30px;
 311         background-image : url("images/toolbar.png");
 312         background-position : bottom left;
 313         background-repeat : repeat-x;
 314 }
 315
 316 div.headlines_normal {
 317         position : absolute;
 318         border-width : 1px 1px 1px 1px;
 319         border-style : solid;
 320         border-color : #999999;
 321         left : 280px;
 322         height : 305px;
 323         top : 85px;
 324         right : 20px;
 325         overflow : hidden;
 326         background : white;
 327         border-collapse : collapse;
 328 }
 329
 330 div.headlines_cdm {
 331         position : absolute;
 332         border-width : 1px 1px 1px 1px;
 333         border-style : solid;
 334         border-color : #999;
 335         left : 280px;
 336         bottom : 30px;
 337         top : 85px;
 338         right : 20px;
 339         overflow : hidden;
 340         background : white;
 341         border-collapse : collapse;
 342 }
 343
 344 #content-frame {
 345         position : absolute;
 346         border-width : 1px 1px 1px 1px;
 347         border-style : solid;
 348         border-color : #999999;
 349         background : white;
 350         overflow : auto;
 351         top : 410px;
 352         left : 280px;
 353         bottom : 30px;
 354         right : 20px;
 355         border-collapse : collapse;
 356 }
 357
 358 #footer, #prefFooter {
 359         vertical-align : middle;
 360         display : block;
 361         position : absolute;
 362         bottom : 5px;
 363         text-align : center;
 364         color : gray;
 365         right : 0px;
 366         left : 0px;
 367         padding : 0px;
 368         border-width : 0px;
 369         background : #f6f6f6;
 370 }
 371
 372 #footer a {
 373         color : gray;
 374 }
 375
 376 #headlinesContainer {
 377         margin-left : 0px;
 378         background-color : white;
 379 }
 380
 381 #headlineActionsTop {
 382 /*      border-width : 0px 0px 1px 0px;
 383         border-style : solid;
 384         border-color : #c0c0c0;
 385         background-color : #fafafa; */
 386 }
 387
 388 #headlinesInnerContainer {
 389         overflow : auto;
 390         position : absolute;
 391         left : 1px;
 392         right : 0px;
 393         bottom : 0px;
 394         top : 25px;
 395 }
 396
 397 div.firstTab {
 398         width : 20px;
 399         float : left;
 400 }
 401
 402 div.prefsTab {
 403         border-color : #999999;
 404 }
 405
 406 div.prefsTabSelected {
 407         border-color : #999999;
 408         background : white;
 409 }
 410
 411 /* preferences layout */
 412
 413 #prefHeader {
 414         margin : 10px 10px 10px 25px;
 415         color : gray;
 416 }
 417
 418 div.return {
 419         float : right;
 420         margin-right : 10px;
 421 }
 422
 423 div.return a {
 424         color : black;
 425 }
 426
 427 div.return a:hover {
 428         color : gray;
 429 }
 430
 431 #prefContent {
 432         clear : left;
 433         position : absolute;
 434         bottom : 30px;
 435         top : 75px;
 436         overflow : auto;
 437         left : 10px;
 438         right : 10px;
 439         padding : 1em;
 440         margin : 0px;
 441         background : white;
 442         border-width : 1px 1px 1px 1px;
 443         border-color : #999999;
 444         border-style : solid;
 445
 446 }
 447
 448 ul.headlineDropdownMenu ul li:hover {
 449         color : black;
 450 }
 451
 452 .insensitive a {
 453         color : gray;
 454         text-decoration : underline;
 455 }
 456
 457 .insensitive a:hover {
 458         color : black;
 459 }