diff -r 0d9a58d2c515 -r 0d28b7c10758 web/wp-content/themes/newsworthy/style.css --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/web/wp-content/themes/newsworthy/style.css Fri Mar 12 13:29:04 2010 +0000 @@ -0,0 +1,756 @@ +/* +Theme Name: Newsworthy +Theme URI: http://www.themelab.com/free-wordpress-themes/ +Description: An news/magazine theme. Template designed by DemusDesign +Version: 1.0 +Author: Theme Lab +Author URI: http://www.themelab.com/ +Tags: magazine, widgets, newspaper + +*/ + +* { + margin: 0; + padding: 0; + } + +body { + background: #DDD; + color: #333; + } + +/* ------------------------------------------ + HTML STYLE TAGS + ------------------------------------------- */ +/*block elements */ +p { + line-height: 1.5em; + margin-bottom: 10px; + font-family: georgia,times,serif; + } + +code { + margin: 3px 0; + padding: 15px; + text-align: left; + display: block; + overflow: auto; + font: 500 1em'Lucida Console', 'Courier New', Monospace; + /* white-space: pre; */ + border: 1px solid #F0F0F0; + background: #F8F8F8; +} + +blockquote { + padding: 20px; + background: #F8F8F8; + border: 1px solid #F0F0F0; + } + +/* headers */ +h1 { + font-family: georgia,times,serif; + margin-bottom: 5px; + } + +h1.head, h1.head a { + margin: 15px 10px 0px 20px; + color: #000; + text-decoration: none; + } + +h1.head a { + margin-left: 0px; + } + +h2.head { + font-style: italic; + font-size: 1.2em; + color: #900; + margin: 0 10px 15px 20px; + } + +h2 { + margin-bottom: 10px; + } + +h3 { + margin: 5px 0; + } + +h4 { + color: #900; + } + + +/* images */ +img.left { + border:1px solid #DDD; + padding: 2px; + background: #F0F0F0; + margin: 0 8px 8px 0; + } + +img.banner { + background: #FFF; + padding: 3px; + border: 1px solid #DDD; + margin: 0 7px 14px 7px; + } + +img.banner:hover { + border: 1px solid #B6B6B6; + background: #F6F6F6; + } + +/*lists & definitions */ +ol.normal { + margin: 10px 0px 10px 30px; + } + + +ul.normal { + margin: 10px 0px 10px 12px; + list-style: none; + } + +ul.normal li { + padding-left: 15px; + background: url('images/bullet.gif') no-repeat left center; + } + +dl { + margin: 20px 0; + } + +dt { + color: #900; + font-weight: 600; + } + +dd { + font-style: italic; + margin: 0 0 5px 15px; + } + +/* start - table */ +table { + border-collapse: collapse; + margin: 10px 20px; +} +tr { background: #FFF; } +tr.altrow { background: #F9F9F9; } +th, td { + text-align: left; + border-width: 1px; + border-style: solid; +} +th { + color: #900; + background: #F0F0F0; + padding: .8em 1em; + border-color: #DDD #DDD #CCC #DDD; +} +td { + border-color: #EFEFEF; + padding: .7em 1em; +} + +/* form elements */ +form { + margin: 10px 0; + padding: 15px 25px 25px 25px; + border: 1px solid #F0F0F0; + background: #F8F8F8; +} + +form#searchform { + margin: 0; + padding: 0; + border: 0; + background: none; +} + +form#searchform p { + border-bottom: 0; + padding: 0; margin: 0; + color: #666666; +} + +form p { + border-bottom: 1px solid #E6E6E6; + padding: 12px 0 5px 0; margin: 0; + color: #666666; +} +label { + font-weight: bold; + color: #666666; +} +input, select, textarea { + margin: 5px 0; + padding: 5px; + color: #666; + border-width: 1px; + border-style: solid; + border-color: #D4D4D4 #EBEBEB #EBEBEB #D4D4D4; +} +input:focus, select:focus, textarea:focus { + color: #333; +} +#author, #email, #comment, #url { + width: 380px; +} +input.button { + height: 30px; + margin: 0; + padding: 2px 3px; + color: #FFF; + background:#900; + border-width: 1px; + border-style: solid; + border-color: #c33 #600 #600 #c33; +} + +/* ------------------------------------------ + SITE LAYOUT + ------------------------------------------- */ + +#wrap { + width: 960px; + margin: 0 auto; + } + +#content { + width: 100%; + margin: 10px 0 0 0; + background-color: #FFFFFF; + border: 1px solid #999999; + } + +#maincontent { + background: #F3F3F3 url('images/fade.jpg') repeat-x top left; + padding: 15px 0 0 0; + } + +#right { + float: right; + width: 299px; + padding: 0px 10px 0 10px; + font-size: 0.8em; + margin-bottom: 10px; + } + +.middle { + float: right; + width: 140px; + margin: 0; + padding: 0; + font-size: 0.7em; + margin: 0 0px 10px 10px; + } + +#main { + width: 620px; + margin-left: 9px; + padding: 10px 10px 0 0; + background: #fff; + border: 1px solid #DDD; + } + +#left { + PADDING: 0 0 0 10px + } + +.footer { + width: 960px; + margin-bottom: 30px; + border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999; + font-size: 0.7em; + clear: both; + padding-top: 4px; + background: #FFF url('images/subfade.gif') repeat-x top left; + } + +/* ------------------------------------------ + NAVIGATION + ------------------------------------------- */ +/* site-meta - very top right navigation */ +#sitemeta { + width: 960px; + font: 400 0.8em arial,sans-serif; + color: #000; + text-align: right; + margin: 5px 0; + } + +#sitemeta .nav { + float: right; + clear: both; + } + +#sitemeta a { + color: #944; + text-decoration: none; + margin: 0 5px; + } + +#sitemeta a:hover { + text-decoration: underline; + } + +/* main menu bar */ +#menubar { + width: 100%; + padding-top: 4px; + background: url('images/subfade.gif') repeat-x top left; + } + +#menubar ul.nav { + width: 960px; + background-color: #F0F0F0; + margin-left: 0px; + } + +#menubar li { + list-style-type: none; + display: inline; + } + +#menubar li a { + float: left; + display: block; + color: #333; + text-decoration: none; + background: #FFF url('images/menu_fade.jpg') repeat-x bottom left; + padding: 8px 6px 8px 6px; + border-right: 1px solid #DDD; + border-bottom: 1px solid #DDD; + font-size: 0.9em; + font-family: 'times new roman',times,serif; + font-variant: small-caps; + } + +#menubar li a.meta { + float: right; + background: #DCDCFF url('images/menu_meta.jpg') repeat-x bottom left; + border-right: none; + border-left: 1px solid #ccc; + color: #600; + } + +#menubar li.up a, #menubar li.current-cat a { + background-image: none; + background: #FFF; + border-bottom: 1px solid #FFF; + } + +#menubar li a:hover { + color: #fff; + background-color: #444449; + background-image: none; + } + +#menubar li.up a:hover { + background: #FFF; + color: #333; + text-decoration: underline; + } + +#menubar li a.meta:hover { + background-image: none; + background-color: #DADAFF; + color: #600; + } + +/* submenu - directly under the main menubar */ +#submenu { + width: 934px; + padding: 4px 20px 5px 6px; + background-color: #fff; + font-size: 0.6em; + font-family: arial,sans-serif; + border-bottom: 1px solid #CCC; + } +#submenu li { + list-style-type: none; + display: inline; + } +#submenu a { + float: left; + color: #600; + padding: 0 12px 0 5px; + text-decoration: underline; + border-left: 1px solid #DDD; + } + +#submenu a:hover { + text-decoration: none; + } + + +#main a, #foot a { + color: #999; + } + +#main a:hover, #foot a:hover { + text-decoration: none; + } + +/* -------------------------------------------------------------------------- + UNIVERSAL WIDTH AND POSITION STYLES + -------------------------------------------------------------------------- */ + +.fullcontent { + width: 620px; + } + +.halfcontent { + width: 296px; + margin: 0 5px 10px 4px; + background: url('images/subfade.gif') repeat-x top left; + font-size: 0.9em; + padding-top: 14px; + } + +.threehundred { + width: 296px; + margin: 0 5px 0 4px; + } + +.left { + float: left; + } + +.clearboth { + clear: both; + line-height: 0; + height: 0; + font-size: 0; + } + +.clearright { + float: right; + clear: right; + line-height: 0; + height: 0; + font-size: 0; + } + +.clear { + clear: left; + line-height: 0; + font-size: 0; + } + +#right .half { + width: 130px; + float: left; + margin: 0 10px 10px 0; + } + +.middle .half { + width: 110px; +} + +/* ---------------------------------------------- + BLOG POSTS + ----------------------------------------------- */ + +.post { + border-top: 1px solid #DDD; + margin-bottom: 20px; + padding: 10px 0; + } +.postmeta { + margin: 10px 0 0 0; + padding: 10px 5px; + border-top: 1px solid #F0F0F0; + } +.postmeta a { + padding: 0 12px 0 18px; + } +.postmeta a.readmore { + background: url('images/readmore.gif') no-repeat left center; + } +.postmeta a.comments { + background: url('images/comments.gif') no-repeat left center; + } +.postmeta span.category { + background: url('images/file.gif') no-repeat left center; + padding: 0 12px 0 18px; + } +.postmeta span.category a { + padding: 0; + } + +/* ------------------------------------------------- + THREADED COMMENT STYLES + ------------------------------------------------- */ +.comment { + border-top: 1px solid #F0F0F0; + border-right: 1px solid #F0F0F0; + border-left: 1px solid #F0F0F0; + padding: 20px; + width: 410px + } +.lastcomment { + border-bottom: 1px solid #F0F0F0; + } + +.odd { + background: #F8F8F8; + } + +.avatar { + border: 2px solid #E6E6E6; + float: left; + margin: -5px 20px 5px 0; + } + +#respond, #comments { + margin-top: 30px; + } +.author, .comment-meta { + color: #666; + font-style: italic; + margin-bottom: 10px; + } +.comment-meta a { + color: #666; + text-decoration: none; + } +.commentlist { + width: 452px; + border-bottom: 1px solid #F0F0F0; + } +.commentlist li { + list-style: none; + } +.comment-author { + margin: 5px 0; + } +.fn, .says { + font-size: 1.2em; + font-weight: bold; + font-style: normal; + } +.fn a { + color: #333 !important; + text-decoration: none; + } +.children .comment { + width: 390px; + border-right: 0; + border-top: 0; + border-bottom: 1px solid #F0F0F0; + margin-top: 20px; + } +.children .children .comment { + width: 370px; + } +.children .children .children .comment { + width: 350px; + } +.children .children .children .children .comment { + width: 330px; + } +.children .children .children .children .children .comment { + width: 310px; + } + +/* ------------------------------------------------- + AREA SPECIFIC STYLES + ------------------------------------------------- */ +/*search */ +.search { + float:right; + background-color: #F6F6F6; + border:1px solid #999; + height:16px; + width:280px; + padding: 3px; + margin: 20px 20px 0 0; + color: #999; + } + +.search_default { + float:right; + background-color: #F6F6F6; + border:1px solid #999; + height:16px; + width:150px; + padding: 3px; + margin: 20px 10px 0 0; + color: #999; + } + +.search_hover { + float:right; + background-color: #F6F6F6; + border:1px solid #999; + height:16px; + width:150px; + padding: 3px; + margin: 20px 10px 0 0; + color: #999; + } + +/* top story */ +.topstory { + width: 610px; + padding: 10px; + border-bottom: 1px solid #DDD; + margin: -10px 0 10px 0; + background: #fff; + } + +.topstory p, .substory p { + margin: 0px 2px 0px 2px; + } + +.topstory:hover { + background: #444449; + color: #AAA; + } + +.topstory:hover h1 { +color: #FFF; +} + +.topstory img { + margin-bottom: 10px; + } + +/* substory */ +.substory:hover { + background: #444449 url('images/subfade.gif') repeat-x top left; + color: #AAA; + } + +.substory:hover h2 { +color: #FFF; +} + + +.substory { + float: left; + width: 140px; + padding: 9px 5px 5px 5px; + font-size: 0.7em; + margin: 0 3px 10px 0px; + background: url('images/subfade.gif') repeat-x top left; + } +.substory.first { + clear: left; + } +.rightsubstory { + margin: 0 0 10px 0; + } + +/* footer */ +.footer p { + padding: 10px; + } + +.footer .footnav { + border-bottom: 1px solid #CCC; + padding: 10px; + } + +.footnav a, .footer p a { + text-decoration: none; + padding: 5px 8px; + color: #666; + font-family: georgia,times,serif; + border: 1px solid #FFF; + background-color: #FFF; + } + +.footnav a:hover, .footer p a:hover { + color: #000; + background-color: #f3f3f3; + border: 1px solid #CCC; + } + +.footnav h3 { + border-bottom: 1px solid #eee; + color: #633; + } + +.footnav a.first { + font-size: 1.5em; + font-weight: 800; + margin-left: -5px; + } + +.linksleft { + float: left; + margin-right: 10px; + width: 140px; + padding: 0 0px 0px 0px; + list-style-type: none; + } + +.linksleft ul { + list-style-type: none; + } + +.linksleft li { + display: inline; + margin: 0px; + padding: 0px; + list-style-type: none; + } + +.linksleft li a { + padding: 4px; + display: block; + margin: 0; + text-decoration:none; + } + +.topstory:hover .postmeta, .substory:hover .postmeta { + border-top: 1px solid #555; + } + + +/* right column lists */ +#right ul.links, .middle ul.links, .tabbertab ul { + list-style-type: none; + border-top: 1px solid #DDD; + margin: 0 10px 10px 0; + } +#right ul.links li a, .middle ul.links li a, .tabbertab ul li a{ + display: block; + width: 122px; + border-bottom: 1px solid #DDD; + padding: 3px 0px 3px 8px; + background: url('images/bullet_light.gif') no-repeat left center; + text-decoration: none; + color: #666; + } + +#right ul.links li a:hover, .middle ul.links li a:hover, .tabbertab ul li a:hover { + background: url('images/bullet.gif') no-repeat left center; + color: #333; + } + +/* middle column lists */ +.middle ul.links { + margin: 0 0 0 0; + } + +.middle ul.links li a { + width: 102px; + } + +.middle .box { + float: right; + width: 110px; + border: 1px solid #DDD; + background: #F6F6F6; + padding: 10px; + margin: 0 0 10px 10px; + } + + \ No newline at end of file