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