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