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