theme/default/display.css

   1 /* CSS Document */
   2 /* Design & CSS by Marie-Claude Doyon */
   3
   4 html {
   5         background-color: #f6e5b0;
   6
   7         }
   8 body {
   9         position: absolute;
  10         width: 100%;
  11         margin: 0;
  12         padding: 0;
  13         font-family: Verdana, Arial, Helvetica, sans-serif;
  14         font-size: 10px;
  15         line-height: 12px;
  16         min-height: 100%;
  17         color: #701238;
  18         /*background: url(bg-body.gif) repeat-y top center;*/
  19         }
  20 a {
  21         color: #d1451a;
  22         text-decoration: none;
  23         }
  24 a:hover {
  25         text-decoration: underline;
  26         }
  27 img, img a {
  28         border: 0;
  29         }
  30 h1 {
  31         font-size: 14px;
  32         }
  33
  34
  35 #wrap {
  36         margin: 0 auto;
  37         padding: 0 20px;
  38         width: 760px;
  39         background: url(bg-header.gif) repeat-x #fbf2d7;
  40
  41         }
  42 #header {
  43         position: relative;
  44         margin: 0 auto;
  45         width: 540px;
  46         height: 216px;
  47         /*border: 1px solid #FF0;*/
  48         /*background-color: #701238;*/
  49         }
  50 #logo {
  51         margin-top: 9px;
  52         }
  53 p#branding {
  54         margin: 0;
  55         padding: 6px 0 3px 0;
  56         color: #fbf2d7;
  57         font-size: 21px;
  58         font-weight: bold;
  59         line-height: 27px;
  60         }
  61 p#branding a {
  62         color: #dab134;
  63         }
  64 #header h1.pagetitle {
  65         /*display: none;*/
  66         margin: 0;
  67         padding: 0;
  68         /*font-family: Georgia, "Times New Roman", Times, serif;*/
  69         font-size: 15px;
  70 /*      font-weight: normal;
  71         font-style: italic;*/
  72         line-height: 24px;
  73         color: #fff6d5;
  74         }
  75
  76 #header h2.sitename {
  77         display: none;
  78         margin: 0;
  79         padding: 0;
  80         color: #fff6d5;
  81         }
  82
  83 /* ===== Begin Navigation Styling ===== */
  84
  85 /* ----- Navigation ------ */
  86 #nav {
  87         float: right;
  88         margin: 0;
  89         padding: 0;
  90         list-style-type: none;
  91         font-size: 12px;
  92         }
  93 #nav li {
  94         display: block;
  95         float: left;
  96         }
  97 #nav li a {
  98         display: block;
  99         padding: 9px 9px 12px 9px;
 100         color: #F60;
 101         }
 102 #nav li a:hover {
 103         text-decoration: underline;
 104         }
 105
 106 /* ----- Tabs ----- */
 107 #nav_views {
 108         margin: 0 auto;
 109         padding: 0;
 110         position: absolute;
 111         bottom: 0;
 112         list-style-type: none;
 113         font-size: 14px;
 114         font-weight: bold;
 115         width: 540px;
 116         /*height: 30px;*/
 117         }
 118 #nav_views li {
 119         display: block;
 120         float: left;
 121         line-height: 21px;
 122         }
 123 #nav_views li a {
 124         display: block;
 125         margin: 0;
 126         padding: 4px 12px 3px 12px;
 127         color: #fff6d5;
 128         background-color: #d1451a;
 129         border-right: 1px solid #dcaa3f;
 130         }
 131 #nav_views li a:hover {
 132         text-decoration: none;
 133         }
 134 #nav_views li.current a, #nav_views li.current a:hover {
 135         color: #701238;
 136         background-color: #fff6d5;
 137         border-right: 1px solid #dcaa3f;
 138         }
 139 #nav_views li.current a:hover {
 140         color: #d1451a;
 141         }
 142 #nav_views li a:hover {
 143         color: #fff6d5;
 144         background-color: #701238;
 145         border-right: 1px solid #dcaa3f;
 146         }
 147
 148 /* ----- Nav Footer ----- */
 149 #nav_sub {
 150         clear: both;
 151         margin: 18px auto 0 auto;
 152         padding: 0;
 153         list-style-type: none;
 154         font-size: 11px;
 155         font-weight: bold;
 156         line-height: 21px;
 157         border-top: 1px solid #dec5b5;
 158         width: 540px;
 159         }
 160 #nav_sub li {
 161         display: block;
 162         float: left;
 163         }
 164 #nav_sub li a {
 165         padding: 6px 24px 6px 0;
 166         }
 167 #nav_sub li a:hover {
 168         text-decoration: underline;
 169         }
 170 /* ===== End Navigation Styling ===== */
 171
 172 #content {
 173         clear: left;
 174         margin: 40px 0 45px 0;
 175         padding: 0 110px;
 176         font-family: Georgia, "Times New Roman", Times, serif;
 177         font-size: 14px;
 178         line-height: 18px;
 179         /*border: 1px solid #F00;*/
 180         }
 181 #content h2 {
 182         font-family: Verdana, Arial, Helvetica, sans-serif;
 183         font-size: 15px;
 184         }
 185 #content label {
 186         font-family: Verdana, Arial, Helvetica, sans-serif;
 187         font-size: 12px;
 188         }
 189 .instructions, .success, .error {
 190         font-weight: normal;
 191         margin: -36px 0 0 0;
 192         padding: 10px;
 193         border: 1px solid #dec5b5;
 194         color: #fff6d5;
 195         }
 196 .success {
 197         background-color: #48705b;
 198         }
 199 .error {
 200         background-color: #ce3728;
 201         }
 202
 203
 204
 205 /* ----- Profile -----*/
 206 #profile {
 207         clear: left;
 208         margin: 0 -110px;
 209         padding: 10px 0 0 0;
 210         min-height: 170px;
 211         border-top: 1px solid #dec5b5;
 212         font-family: Georgia, "Times New Roman", Times, serif;
 213         }
 214 #profile h1 {
 215         margin: 0;
 216         padding: 0;
 217         font-family: Verdana, Arial, Helvetica, sans-serif;
 218         font-size: 14px;
 219         }
 220 #profile h2 {
 221         margin: 0;
 222         padding: 0;
 223         font-family: Verdana, Arial, Helvetica, sans-serif;
 224         font-size: 11px;
 225         text-transform: uppercase;
 226         color: #dab134;
 227         }
 228 #profile p {
 229         margin: 0 10px 0 0;
 230         font-size: 12px;
 231         line-height: 14px;
 232         }
 233 #profile p.location {
 234         margin: 0 10px 12px 0;
 235         font-style: italic;
 236         }
 237 #profile p.notice_current {
 238         font-size: 18px;
 239         line-height: 21px;
 240         /*min-height: 96px;*/
 241         }
 242
 243 #profile_avatar {
 244         float: left;
 245         margin-right: 4px;
 246         }
 247 #profile_avatar img {
 248         margin-bottom: 5px;
 249         }
 250 .avatar.profile {
 251         float: none;
 252         clear: left;
 253         margin: 0 10px 5px 0;
 254         }
 255 .avatar.original {
 256         margin: 0 10px 18px 0;
 257         }
 258 a.nickname {
 259         font-family: Verdana, Arial, Helvetica, sans-serif;
 260         font-weight: bold;
 261         font-size: 12px;
 262         padding-right: 3px;
 263         }
 264 #profile_information {
 265         float: left;
 266         position: relative;
 267         width: 270px;
 268         height: 200px;
 269         }
 270
 271 .statistics {
 272         margin-top: 18px;
 273         }
 274 .statistics h2 {
 275         margin: 12px 0 3px 0;
 276         }
 277 dl.statistics {
 278         margin: 0;
 279         font-size: 12px;
 280         line-height: 14px;
 281         }
 282 .statistics dt, .statistics dd {
 283         float: left;
 284         margin: 0;
 285         }
 286 .statistics dt {
 287         clear: left;
 288         width: 96px;
 289         }
 290 .statistics dd {
 291         clear: right;
 292         }
 293 .statistics dt:after {
 294         content: ":";
 295         }
 296 #subscriptions {
 297         float: left;
 298         margin: 18px 0 30px 0;
 299         }
 300 #subscriptions_avatars {
 301         /*float: left;*/
 302         margin: 6px 0 0 0;
 303         padding: 0;
 304         list-style-type: none;
 305         width: 270px;
 306         }
 307 #subscriptions_avatars li .avatar.mini {
 308         float: left;
 309         margin: 0 3px 3px 0;
 310         padding: 0;
 311         line-height: 0;
 312         }
 313 #subscriptions_viewall {
 314         clear: left;
 315         }
 316
 317 #notices {
 318         clear: both;
 319         margin: 0 auto;
 320         padding: 0;
 321         list-style-type: none;
 322         width: 540px;
 323         border-top: 1px solid #dec5b5;
 324         /*border: 1px solid #F00;*/
 325         }
 326 #notices a:hover {
 327         text-decoration: underline;
 328         }
 329 .notice_single {
 330         clear: both;
 331         display: block;
 332         margin: 0;
 333         padding: 5px 5px 5px 0;
 334         min-height: 48px;
 335         font-family: Georgia, "Times New Roman", Times, serif;
 336         font-size: 13px;
 337         line-height: 16px;
 338         border-bottom: 1px solid #dec5b5;
 339         }
 340 .notice_single:hover {
 341         background-color: #f7ebcc;
 342         }
 343 .notice_single p {
 344         display: inline;
 345         margin: 0;
 346         padding: 0;
 347         }
 348 .avatar {
 349         float: left;
 350         margin: 0 10px 0 0;
 351         }
 352
 353 p.time {
 354         display: block;
 355         font-family: Verdana, Arial, Helvetica, sans-serif;
 356         font-size: 10px;
 357         line-height: 15px;
 358         }
 359 p.time a {
 360         color: #dab134;
 361         }
 362
 363 #pagination {
 364         margin: 18px auto;
 365         width: 540px;
 366         }
 367 #nav_pagination {
 368         margin: 0 0 36px 0;
 369         padding: 0;
 370         float: right;
 371         list-style-type: none;
 372         font-size: 12px;
 373         font-weight: bold;
 374         }
 375 #nav_pagination li {
 376         display: block;
 377         float: left;
 378         background-color: #701238;
 379         }
 380 #nav_pagination li.before {
 381         margin-right: 1px;
 382         }
 383 #nav_pagination li a {
 384         padding: 6px 15px;
 385         line-height: 21px;
 386         background-color: #701238;
 387         color: #fff6d5;
 388         }
 389 #nav_pagination li a:hover {
 390         background-color: #3F606F;
 391         color: #fff6d5;
 392         text-decoration: none;
 393         }
 394
 395 #footer {
 396         clear: both;
 397         margin: 0 auto;
 398         padding: 0 0 36px 0;
 399         width: 540px;
 400         border-top: 1px solid #dec5b5;
 401         }
 402 #footer p {
 403         margin-top: 9px;
 404         }
 405 #cc {
 406         float: left;
 407         margin: 3px 10px 0 0;
 408         }
 409
 410 /* ===== Begin Forms Styling ===== */
 411
 412 /* ----- Forms General Style ----- */
 413 form {
 414         margin: 0 auto;
 415         padding: 0;
 416         }
 417 form {
 418         font-family: Verdana, Arial, Helvetica, sans-serif;
 419         font-size: 12px;
 420         }
 421 form label {
 422         display: block;
 423         font-size: 12px;
 424         font-weight: bold;
 425         line-height: 18px;
 426         }
 427 form input {
 428         border: 1px solid #dec5b5;
 429         width: 264px;
 430         }
 431 input#submit  {
 432         display: block;
 433         margin: 18px 0;
 434         padding: 4px;
 435         font-weight: bold;
 436         color: #fff6d5;
 437         background-color: #F60;
 438         cursor: pointer;
 439         border: 0;
 440         width: auto;
 441         }
 442 input#submit:hover {
 443         background-color: #701238;
 444         }
 445 textarea, input {
 446         font-family: Verdana, Arial, Helvetica, sans-serif;
 447         font-size: 12px;
 448         color: #701238;
 449         padding: 3px;
 450         }
 451 textarea:focus, input:focus {
 452         background-color: #f8ebc0;
 453         }
 454 textarea {
 455         width: 270px;
 456         border: 1px solid #D8E2D7;
 457         }
 458 .input_instructions {
 459         display: block;
 460         font-size: 11px;
 461         line-height: 21px;
 462         color: #924959;
 463         font-family: Verdana, Arial, Helvetica, sans-serif;
 464         }
 465
 466 /* ----- Status Form ----- */
 467 #status_form {
 468         height: 96px;
 469         /*background-color: #F00;*/
 470         }
 471 #status_form p {
 472         margin: 36px 0 0 0;
 473         padding: 0;
 474         }
 475 #status_label {
 476         display: block;
 477         clear: both;
 478         margin: 0;
 479         padding: 0 0 3px 0;
 480         font-size: 18px;
 481         font-weight: bold;
 482         line-height: 24px;
 483         /*color: #701238;*/
 484         color: #dab134;
 485         }
 486 #status_textarea {
 487         display: block;
 488         float: left;
 489         width: 463px;
 490         height: 35px;
 491         padding: 5px;
 492         font-family: Verdana, Arial, Helvetica, sans-serif;
 493         font-size: 12px;
 494         color: #701238;
 495         border: 0;
 496         }
 497 #status_submit {
 498         display: block;
 499         float: left;
 500         margin: 1px 0 0 4px;
 501         width: 63px;
 502         height: 45px;
 503         background-color: #F60;
 504         font-family: Verdana, Arial, Helvetica, sans-serif;
 505         font-weight: bold;
 506         font-size: 14px;
 507         color: #fff6d5;
 508         cursor: pointer;
 509         border: 0;
 510         }
 511 #status_submit:hover {
 512         background-color: #d1451a;
 513         }
 514
 515 /* ----- Subscribe Form ----- */
 516 #subscribe .button, #unsubscribe .button, #remotesubscribe .button {
 517         margin: 0;
 518         width: 96px;
 519         height: 27px;
 520         font-family: verdana, arial, helvetica, sans-serif;
 521         font-weight: bold;
 522         font-size: 10px;
 523         text-transform: uppercase;
 524         background-color: #F60;
 525         color: #fff6d5;
 526         border: 0;
 527         }
 528 #subscribe .button:hover, #unsubscribe .button:hover {
 529         background-color: #904632;
 530         cursor: pointer;
 531         }
 532 input#profile_url {
 533         width: 88px;
 534         padding: 3px;
 535         margin: 0 0 10px 0;
 536         }
 537 /* ----- Login Form -----*/
 538 input#license {
 539         width: auto;
 540         }
 541 /* ----- Avatar Form -----*/
 542 form {
 543         clear: left;
 544 }
 545
 546 /* ----- OpenID Form -----*/
 547
 548 input#openid_url {
 549    background: url(login-bg.gif) no-repeat;
 550    background-color: #fff;
 551    background-position: 0 50%;
 552    color: #000;
 553    padding-left: 18px;
 554 }
 555
 556 /* ===== End Forms Styling ===== */
 557