WordPress Theme: The Journalist v1.9 Original CSS Reply

   1: /*

   2: Theme Name: The Journalist v1.9

   3: Theme URI: http://lucianmarin.com/

   4: Description: Journalist is a smart, minimal theme designed for professional journalists.

   5: Version: 1.9-wpcom

   6: Author: <a href="http://lucianmarin.com/">Lucian E. Marin</a>

   7: Tags: white, two-columns, fixed-width, light, rtl-language-support, right-sidebar, sticky-post

   8: For the WordPress community (GPL), enjoy it guys.

   9: by Lucian E. Marin - lucianmarin.com

  10: */

  11:  

  12: body {

  13: background:#fff url("images/top.gif") repeat-x;

  14: font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;

  15: font-size:13px;

  16: color:#222;

  17: padding:0;

  18: margin:0;

  19: }

  20:  

  21: * {

  22: padding:0;

  23: margin:0;

  24: }

  25:  

  26: a {

  27: color:#047;

  28: text-decoration:underline;

  29: }

  30:  

  31: a:hover {

  32: color:#c00;

  33: }

  34:  

  35: #container {

  36: width:911px; /* this has nothing to do with the '911' event */

  37: margin:0 auto;

  38: position:relative;

  39: }

  40:  

  41: #container h1 {

  42: font-size:30px;

  43: font-weight:normal;

  44: letter-spacing:-1px;

  45: width:600px;

  46: padding:32px 0 25px 0;

  47: }

  48:  

  49: #container h1 a {

  50: color:#222;

  51: text-decoration:none;

  52: }

  53:  

  54: #container h1 a:hover {

  55: color:#c00;

  56: }

  57:  

  58: #bubble {

  59: top:40px;

  60: right:0;

  61: position:absolute;

  62: display:block;

  63: height:28px;

  64: background:url(images/bubble_right.gif) no-repeat right;

  65: }

  66:  

  67: #bubble p {

  68: display:block;

  69: font-size:11px;

  70: color:#fff;

  71: height:28px;

  72: padding:4px 12px 0 10px;

  73: background:url(images/bubble_left.gif) no-repeat top left;

  74: }

  75:  

  76: #content {

  77: float:left;

  78: width:700px;

  79: }

  80:  

  81: #content h2 {

  82: font-size:20px;

  83: margin:5px 0 7px 0;

  84: }

  85:  

  86: #content h2 a {

  87: color:#222;

  88: text-decoration:none;

  89: }

  90:  

  91: #content h2 a:hover {

  92: color:#c00;

  93: }

  94:  

  95: #content h2.archive {

  96: font-weight:normal;

  97: font-size:22px;

  98: color:#1c1c1c;

  99: padding:0;

 100: margin:5px 0 20px 0;

 101: border:none;

 102: text-align:left;

 103: }

 104:  

 105: .comments {

 106: color:#333;

 107: margin:0 0 15px 0;

 108: border-bottom:#bbb 1px solid;

 109: }

 110:  

 111: .comments a {

 112: background:#fff;

 113: padding:0 7px 5px 0;

 114: color:#333;

 115: text-decoration:none;

 116: }

 117:  

 118: .comments a:hover {

 119: color:#c00;

 120: }

 121:  

 122: .navigation {

 123: background:#f9f9f9;

 124: font-size:11px;

 125: padding:5px 10px;

 126: margin:0 0 20px 0;

 127: border-top:#bbb 1px solid;

 128: }

 129:  

 130: .navigation a {

 131: color:#555;

 132: font-weight:bold;

 133: text-decoration:none;

 134: }

 135:  

 136: .navigation a:hover {

 137: color:#333;

 138: text-decoration:none;

 139: }

 140:  

 141: .main h3 {

 142: font-size:16px;

 143: font-weight:normal;

 144: margin:0 0 15px 0;

 145: }

 146:  

 147: .main img {

 148: margin: 0 5px 0 5px;

 149: padding:2px;

 150: border:#ddd 2px solid;

 151: }

 152:  

 153: .main a img {

 154: padding:2px;

 155: border:#0085b5 2px solid;

 156: }

 157:  

 158: .main a:hover img {

 159: padding:2px;

 160: border:#ca0002 2px solid;

 161: }

 162:  

 163: .main p {

 164: line-height:1.5;

 165: margin:0 0 15px 0;

 166: }

 167:  

 168: .main ol {

 169: line-height:18px;

 170: margin:0 0 15px 40px;

 171: }

 172:  

 173: .main ul {

 174: line-height:18px;

 175: margin:0 0 15px 30px;

 176: }

 177:  

 178: .main li {

 179: margin:0 0 5px 0;

 180: }

 181:  

 182: .main .gallery {

 183: padding-bottom: 15px;

 184: }

 185:  

 186: .meta {

 187: background:#f3f3f3;

 188: font-size:11px;

 189: line-height:15px;

 190: color:#333;

 191: padding:5px 10px;

 192: margin:0 0 30px 0;

 193: border-top:#bbb 1px solid;

 194: clear:both;

 195: }

 196:  

 197: .signature {

 198: float:left;

 199: padding:0 15px 0 0;

 200: border-right:#bbb 1px solid;

 201: width:200px;

 202: }

 203:  

 204: .tags {

 205: float:left;

 206: padding:0 0 0 15px;

 207: width:440px;

 208: }

 209:  

 210: #sidebar {

 211: font-size:12px;

 212: float:right;

 213: width:180px;

 214: border-left:#999 1px solid;

 215: padding:0 0 20px 15px;

 216: margin:0 0 20px 0;

 217: }

 218:  

 219: #sidebar h3 {

 220: font-size:14px;

 221: margin:20px 0 5px 0;

 222: }

 223:  

 224: #sidebar ul {

 225: list-style:none;

 226: }

 227:  

 228: #sidebar ul ul {

 229: margin:5px 0 0 10px;

 230: }

 231:  

 232: #sidebar ul ul ul {

 233: margin:5px 0 0 10px;

 234: }

 235:  

 236: #sidebar ul li {

 237: padding:0 0 5px 0;

 238: }

 239:  

 240: #sidebar a img {

 241:     border:0;

 242: }

 243:  

 244: #author h3 {

 245: margin:5px 0 5px 0;

 246: }

 247:  

 248: #searchform {

 249: margin:15px 0 0 0;

 250: }

 251:  

 252: #searchform input {

 253: background:#222;

 254: font-size:11px;

 255: margin:2px 0;

 256: padding:1px 4px 2px 4px;

 257: border:#888 1px solid;

 258: color:#eee;

 259: }

 260:  

 261: #searchform input:hover {

 262: background:#333;

 263: border:#999 1px solid;

 264: color:#fff;

 265: cursor:pointer;

 266: }

 267:  

 268: #searchform #s {

 269: background:#f6f6f6;

 270: font-size:11px;

 271: margin:2px 0;

 272: padding:2px 4px;

 273: border:#aaa 1px solid;

 274: color:#222;

 275: }

 276:  

 277: #searchform #s:hover {

 278: border:#c00 1px solid;

 279: cursor:text;

 280: }

 281:  

 282: input.searchfield {

 283: background:#f6f6f6;

 284: font-size:11px;

 285: display:block;

 286: margin:5px 0 8px 0;

 287: padding:2px 4px;

 288: border:#aaa 1px solid;

 289: color:#222;

 290: }

 291:  

 292: input.searchfield:hover {

 293: background:#eee;

 294: color:#222;

 295: }

 296:  

 297: input.submit {

 298: background:#222;

 299: font-size:11px;

 300: display:block;

 301: margin:0 0 10px 0;

 302: padding:1px 4px 2px 4px;

 303: border:#888 1px solid;

 304: color:#eee;

 305: }

 306:  

 307: input.submit:hover {

 308: background:#333;

 309: cursor:pointer;

 310: border:#999 1px solid;

 311: color:#fff;

 312: }

 313:  

 314: input.subcom {

 315: background:#eee;

 316: font-size:11px;

 317: margin:0 0 10px 0;

 318: padding:1px 4px 2px 4px;

 319: border:#888 1px solid;

 320: color:#222;

 321: }

 322:  

 323: input.subcom:hover {

 324: background:#222;

 325: cursor:pointer;

 326: border:#888 1px solid;

 327: color:#eee;

 328: }

 329:  

 330: input.comment {

 331: background:#f6f6f6;

 332: font-size:11px;

 333: padding:2px 4px;

 334: border:#aaa 1px solid;

 335: color:#222;

 336: }

 337:  

 338: input.comment:hover {

 339: border:#c00 1px solid;

 340: }

 341:  

 342: textarea {

 343: background:#f6f6f6;

 344: font-size:12px;

 345: width:400px;

 346: padding:2px 4px;

 347: border:#aaa 1px solid;

 348: color:#222;

 349: }

 350:  

 351: textarea:hover {

 352: border:#c00 1px solid;

 353: }

 354:  

 355: .postinput small {

 356: font-size:11px;

 357: margin:0 0 0 5px;

 358: }

 359:  

 360: p.logged {

 361: font-size:12px;

 362: }

 363:  

 364: h3.reply {

 365: font-size:15px;

 366: margin:0 0 10px 0;

 367: }

 368:  

 369: .nocomments {

 370: margin:0 0 30px 0;

 371: }

 372:  

 373: ol.commentlist {

 374: font-size:12px;

 375: list-style:none;

 376: margin:10px 0 30px 0;

 377: border-bottom:#bbb 1px solid;

 378: }

 379:  

 380: .commentlist li {

 381: border-top:#bbb 1px solid;

 382: padding:0 0 10px 0;

 383: list-style:none;

 384: }

 385:  

 386: .commentlist .children{

 387: margin-left:2em;

 388: }

 389:  

 390: .commentlist li.bypostauthor {

 391: border-top:#bbb 5px solid;

 392: background-color:#f3f3f3;

 393: }

 394:  

 395: .commentlist .reply {

 396: margin: 0 0 5px 10px;

 397: }

 398: .comment_mod {

 399: margin:10px 0 0 10px;

 400: }

 401:  

 402: .comment_mod em {

 403: background-color:#fff897;

 404: padding:1px 3px;

 405: }

 406:  

 407: .comment_author {

 408: margin:10px 0;

 409: float:right;

 410: width:190px;

 411: }

 412:  

 413: .comment_author img {

 414: float:left;

 415: margin:5px 12px 0 0;

 416: }

 417:  

 418: .comment_author p {

 419: line-height:20px;

 420: }

 421:  

 422: .comment_author small {

 423: font-size:11px;

 424: }

 425:  

 426: .comment_text {

 427: float:left;

 428: width:470px;

 429: margin:0 0 0 10px;

 430: }

 431:  

 432: .comment_text p {

 433: line-height:18px;

 434: margin:7px 0;

 435: }

 436:  

 437: .comment_meta {

 438: font-size:12px;

 439: }

 440:  

 441: #commentform p {

 442: line-height:18px;

 443: margin:0 0 15px 0;

 444: }

 445:  

 446: blockquote {

 447: background:url(images/quote.gif) no-repeat top left;

 448: padding:0 0 0 60px;

 449: min-height:50px;

 450: }

 451:  

 452: #footer {

 453: background:#eee;

 454: font-size:11px;

 455: color:#555;

 456: margin:0 auto;

 457: padding:10px 0;

 458: text-align:center;

 459: position:relative;

 460: border-top:#bbb 1px solid;

 461: border-bottom:#222 6px solid;

 462: }

 463:  

 464: #footer a {

 465: color:#555;

 466: font-weight:bold;

 467: text-decoration:none;

 468: }

 469:  

 470: #footer a:hover {

 471: color:#333;

 472: text-decoration:none;

 473: }

 474:  

 475: .clear {

 476: clear:both;

 477: }

 478:  

 479: .warning p {

 480: background:url(images/warning.gif) no-repeat left;

 481: height:160px;

 482: padding:20px 0 0 90px;

 483: font-size:20px;

 484: margin:0 0 0 10px;

 485: }

 486:  

 487: #wp-calendar {

 488: padding:10px 0 0 0;

 489: font-size:12px;

 490: }

 491:  

 492: #wp-calendar caption {

 493: text-align:left;

 494: padding:0 0 5px 0;

 495: }

 496:  

 497: #wp-calendar tr th,

 498: #wp-calendar tr td {

 499: padding:0 6px 0 0 ;

 500: text-align:right;

 501: }

 502:  

 503: #wp-calendar td a {

 504: font-weight:bold;

 505: }

 506:  

 507: #wp-calendar td a:hover {

 508: font-weight:bold;

 509: }

 510:  

 511: img.wp-smiley {

 512: padding:0;

 513: border:none;

 514: }

 515:  

 516: input:focus, textarea:focus{

 517: background-color:#ffc;

 518: }

 519:  

 520: abbr {

 521: border:none;

 522: }

 523:  

 524: .wp-caption {

 525: border:1px solid #ddd;

 526: text-align:center;

 527: background-color:#f3f3f3;

 528: padding-top:4px;

 529: margin:10px;

 530: -moz-border-radius:3px;

 531: -khtml-border-radius:3px;

 532: -webkit-border-radius:3px;

 533: border-radius:3px;

 534: }

 535:  

 536: .wp-caption img {

 537: margin:0;

 538: padding:0;

 539: border:0 none;

 540: }

 541:  

 542: .wp-caption a img {

 543: border: none;

 544: }

 545:  

 546: .wp-caption a:hover img {

 547: border: none;

 548: }

 549:  

 550: .wp-caption-dd {

 551: font-size:11px;

 552: line-height:17px;

 553: padding:0 4px 5px;

 554: margin:0;

 555: }

 556:  

 557: img.aligncenter, .aligncenter {

 558: display: block;

 559: margin-left: auto;

 560: margin-right: auto;

 561: }

 562:  

 563: .alignleft {

 564: float:left;

 565: }

 566:  

 567: .alignright {

 568: float:right;

 569: }

 570:  

 571: /* Sticky */

 572:  

 573: .sticky h2 { background: #ccc; padding: 10px; }

 574:  

 575: /* self-clear floats */

 576:  

 577: .group:after {

 578: content: "."; 

 579: display: block; 

 580: height: 0; 

 581: clear: both; 

 582: visibility: hidden;

 583: }

 584:  

 585: /* IE Hacks */

 586:  

 587: *html #bubble {

 588: display:none;

 589: }

 590:  

 591: *html #bubble p {

 592: display:none;

 593: }

 594:  

 595: * html .group,

 596: * html #nav ul li a {

 597: height: 1%;

 598: }

 599:  

 600: *:first-child+html .group {

 601: min-height: 1px;

 602: }

 603:  

 604: * html #nav ul li a {

 605: display: inline;

 606: }

Okay, tell us what you think...

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Connecting to %s