theme/stoica/display.css

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