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 div.postReply {
  65         padding : 0px;
  66         margin : 0px;
  67         font-size : medium;
  68 }
  69
  70 div.postReply a {
  71         color : black;
  72 }
  73
  74 div.postReply a:hover {
  75         color : gray;
  76 }
  77
  78 div.postReply div.postHeader {
  79         background : #f9f9f9;
  80         border-style : solid;
  81         border-color : #999999;
  82         border-width : 0px 0px 1px 0px;
  83         margin : 0px;
  84 }
  85
  86 div.postReply > div.postHeader {
  87         padding : 5px;
  88 }
  89
  90 .evenUnreadSelected, .evenSelectedUnread, .evenUnreadSelected td,
  91         .evenSelectedUnread td {
  92         background-color : #ffcccc;
  93         font-weight : bold;
  94         border-color : #ebebeb;
  95 }
  96
  97 .oddUnreadSelected, .oddSelectedUnread, .oddUnreadSelected td,
  98         .oddSelectedUnread td {
  99         background-color : #ffcccc;
 100         font-weight : bold;
 101         border-color : #ebebeb;
 102
 103 }
 104
 105 .evenSelected, .evenSelected td {
 106         background-color : #ffcccc;
 107         border-color : #ebebeb;
 108 }
 109
 110 .oddSelected, .oddSelected td {
 111         background-color : #ffcccc;
 112         border-color : #ebebeb;
 113 }
 114
 115 .evenGrayed, .evenGrayed td {
 116         background-color : #f9f9f9;
 117         color : gray;
 118         border-color : #ebebeb;
 119 }
 120
 121 .oddGrayed, .oddGrayed td {
 122         border-color : #ebebeb;
 123 }
 124
 125 .oddGrayed {
 126         color : gray;
 127         background-color : #f9f9f9;
 128 }
 129
 130 .even, .even td {
 131         border-color : #ebebeb;
 132         background-color : #f9f9f9;
 133 }
 134
 135 .odd, .odd td {
 136         background-color : #f9f9f9;
 137         border-color : #ebebeb;
 138 }
 139
 140 .evenUnread, .evenUnread td {
 141         background-color : white;
 142         font-weight : bold;
 143         border-color : #ebebeb;
 144 }
 145
 146 .oddUnread, .oddUnread td {
 147         font-weight : bold;
 148         border-color : #ebebeb;
 149 }
 150
 151 ul.feedList {
 152         list-style-type : none;
 153         padding : 0px 0px 0px 5px;
 154         font-size : 9pt;
 155 }
 156
 157 ul.feedList hr {
 158         border-width : 0px;
 159 }
 160
 161 ul.feedList li.feedCat {
 162         margin : 0px;
 163         padding : 1px 0px 1px 0px;
 164         color : #707070;
 165         font-size : 9pt;
 166 }
 167
 168 ul.feedList li.feedCat span.catTitle:hover {
 169         color : black;
 170 }
 171
 172 ul.feedCatList {
 173         list-style-type : none;
 174         margin : 0px 0px 0px 15px;
 175         padding : 0px;
 176 }
 177
 178 ul.feedCatList li {
 179         margin : 0px;
 180         padding : 1px 0px 1px 0px;
 181         color : black;
 182 }
 183
 184 ul.feedList img {
 185         vertical-align : bottom;
 186 }
 187
 188 ul.feedList li {
 189         margin : 0px;
 190         padding : 2px 0px 2px 0px;
 191 }
 192
 193
 194 li.feedSelected a,
 195 li.labelSelected a,
 196 li.virtSelected a,
 197 li.tagSelected a {
 198         color : gray;
 199 }
 200
 201 li.feedUnreadSelected a,
 202 li.labelUnreadSelected a,
 203 li.virtUnreadSelected a,
 204 li.tagUnreadSelected a {
 205         color : gray;
 206 }
 207
 208 div.prefFeedCatHolder {
 209         border : 1px solid #999999;
 210 }
 211
 212 table.prefFeedList td.feedEditCat {
 213         border-color : #999999;
 214 }
 215
 216 table.prefFilterList td.filterEditCat {
 217         border-color : #999999;
 218 }
 219
 220 tr.title td {
 221         color : gray;
 222         font-weight : bold;
 223 }
 224
 225 tr.title td a {
 226         color : gray;
 227 }
 228
 229 tr.title td a:hover {
 230         color : black;
 231 }
 232
 233 span.contentPreview:hover {
 234         color : gray;
 235 }
 236
 237 #dispSwitch a:hover {
 238         color : black;
 239 }
 240
 241 #infoBoxTitle {
 242         border-width : 0px 0px 1px 0px;
 243         border-style : solid;
 244         border-color : #999999;
 245         background : #f9f9f9;
 246         color : black;
 247 }
 248
 249
 250 #infoBox {
 251         border-width : 1px 1px 1px 1px;
 252         border-style : solid;
 253         border-color : #999999;
 254         position : relative;
 255         bottom : 2px;
 256         right : 2px;
 257         padding-bottom : 5px;
 258         background : #efefef;
 259 }
 260
 261 div.infoBoxContents a {
 262         color : gray;
 263 }
 264
 265 div.infoBoxContents a:hover {
 266         color : black;
 267 }
 268
 269 #header {
 270         position : absolute;
 271         white-space: nowrap;
 272         top : 10px;
 273         left : 25px;
 274         right : 20px;
 275         height : 40px;
 276         color : gray;
 277 }
 278
 279 #feeds-holder {
 280         border-width : 1px 1px 1px 1px;
 281         border-style : solid;
 282         border-color : #c0c0c0;
 283         top : 50px;
 284         left : 20px;
 285         position : absolute;
 286         width : 240px;
 287         overflow : auto;
 288         bottom : 30px;
 289         border-collapse : collapse;
 290         background : #f9f9f9;
 291 }
 292
 293 #toolbar div.actionChooser {
 294         margin-right : 0px;
 295 }
 296
 297 #toolbar {
 298         position : absolute;
 299         left : 280px;
 300         padding : 0px 20px 10px 0px;
 301         top : 50px;
 302         right : 0px;
 303         white-space: nowrap;
 304         height : 30px;
 305         background-image : url("images/toolbar.png");
 306         background-position : bottom left;
 307         background-repeat : repeat-x;
 308 }
 309
 310 div.headlines_normal {
 311         position : absolute;
 312         border-width : 1px 1px 1px 1px;
 313         border-style : solid;
 314         border-color : #999999;
 315         left : 280px;
 316         height : 305px;
 317         top : 85px;
 318         right : 20px;
 319         overflow : hidden;
 320         background : white;
 321         border-collapse : collapse;
 322 }
 323
 324 div.headlines_cdm {
 325         position : absolute;
 326         border-width : 1px 1px 1px 1px;
 327         border-style : solid;
 328         border-color : #999;
 329         left : 280px;
 330         bottom : 30px;
 331         top : 85px;
 332         right : 20px;
 333         overflow : hidden;
 334         background : white;
 335         border-collapse : collapse;
 336 }
 337
 338 #content-frame {
 339         position : absolute;
 340         border-width : 1px 1px 1px 1px;
 341         border-style : solid;
 342         border-color : #999999;
 343         background : white;
 344         overflow : auto;
 345         top : 410px;
 346         left : 280px;
 347         bottom : 30px;
 348         right : 20px;
 349         border-collapse : collapse;
 350 }
 351
 352 #footer, #prefFooter {
 353         vertical-align : middle;
 354         display : block;
 355         position : absolute;
 356         bottom : 5px;
 357         text-align : center;
 358         color : gray;
 359         right : 0px;
 360         left : 0px;
 361         padding : 0px;
 362         border-width : 0px;
 363         background : #f6f6f6;
 364 }
 365
 366 #footer a {
 367         color : gray;
 368 }
 369
 370 #headlinesContainer {
 371         margin-left : 0px;
 372         background-color : white;
 373 }
 374
 375 #headlineActionsTop {
 376 /*      border-width : 0px 0px 1px 0px;
 377         border-style : solid;
 378         border-color : #c0c0c0;
 379         background-color : #fafafa; */
 380 }
 381
 382 #headlinesInnerContainer {
 383         overflow : auto;
 384         position : absolute;
 385         left : 1px;
 386         right : 0px;
 387         bottom : 0px;
 388         top : 25px;
 389 }
 390
 391 div.firstTab {
 392         width : 20px;
 393         float : left;
 394 }
 395
 396 div.prefsTab {
 397         border-color : #999999;
 398 }
 399
 400 div.prefsTabSelected {
 401         border-color : #999999;
 402         background : white;
 403 }
 404
 405 /* preferences layout */
 406
 407 #prefHeader {
 408         margin : 10px 10px 10px 25px;
 409         color : gray;
 410 }
 411
 412 div.return {
 413         float : right;
 414         margin-right : 10px;
 415 }
 416
 417 div.return a {
 418         color : black;
 419 }
 420
 421 div.return a:hover {
 422         color : gray;
 423 }
 424
 425 #prefContentOuter {
 426         clear : left;
 427         position : absolute;
 428         bottom : 30px;
 429         top : 75px;
 430         overflow : auto;
 431         left : 10px;
 432         right : 10px;
 433         padding : 1em;
 434         margin : 0px;
 435         background : white;
 436         border-width : 1px 1px 1px 1px;
 437         border-color : #999999;
 438         border-style : solid;
 439 }
 440
 441 #prefContent {
 442         background : white;
 443
 444 }
 445
 446 .insensitive a {
 447         color : gray;
 448         text-decoration : underline;
 449 }
 450
 451 .insensitive a:hover {
 452         color : black;
 453 }
 454
 455 div.topLinks a {
 456         color : black;
 457 }
 458
 459 div.topLinks a:hover {
 460         color : gray;
 461 }
 462
 463 a.visibleLink {
 464         color : gray;
 465 }
 466
 467 table.prefFilterList tr.even:hover td,
 468 table.prefFilterList tr.odd:hover td,
 469 table.prefFilterList tr.evenSelected:hover td,
 470 table.prefFilterList tr.oddSelected:hover td
 471 table.prefLabelList tr.even:hover td,
 472 table.prefLabelList tr.odd:hover td,
 473 table.prefLabelList tr.evenSelected:hover td,
 474 table.prefLabelList tr.oddSelected:hover td,
 475 table.prefUserList tr.even:hover td,
 476 table.prefUserList tr.odd:hover td,
 477 table.prefUserList tr.evenSelected:hover td,
 478 table.prefUserList tr.oddSelected:hover td,
 479 table.prefFeedList tr.even:hover td,
 480 table.prefFeedList tr.odd:hover td,
 481 table.prefFeedList tr.evenSelected:hover td,
 482 table.prefFeedList tr.oddSelected:hover td
 483 {
 484         color : gray;
 485 }
 486
 487 table.headlinesList tr.feedTitle td a, div.cdmFeedTitle a {
 488         color : gray;
 489 }
 490
 491 table.headlinesList tr.feedTitle td {
 492         background : #efefef;
 493 }
 494
 495 div.cdmFeedTitle {
 496         background : #efefef;
 497 }
 498
 499 div.tagCloudContainer {
 500         border : 1px solid #999999;
 501 }
 502
 503 #resize-grabber {
 504         border-color : gray;
 505         background : url("images/resize_horiz.png") top left;
 506 }
 507
 508 table.prefPrefsList tr:hover td.prefValue {
 509         color : gray;
 510 }
 511
 512 table.prefPrefsList tr:hover td.prefValue input {
 513         color : gray;
 514 }
 515
 516 ul#headlineActionsBody li:hover {
 517         color : black;
 518         background : #ffcccc;
 519 }
 520
 521 span#headlineActionsDrop {
 522         background : #f0f0f0;
 523         color : black;
 524 }
 525