/* File: custom.css Site: activate.metroactive.com Description: Custom styles for Thesis Author: Phil Pang BASIC USAGE: If you have enabled the custom stylesheet in the Thesis options panel, the tag will be appended with the "custom" class, like so: . You can use the "custom" class to override *any* CSS declarations contained in the style.css file. For example, if you wish to change the default link color to green, you would add the following declarations to this file: .custom a, .custom a:visited { color: #090; } <--- This makes links green .custom a:hover { color: #00f; } <--- This makes links blue when you mouse over them WHY THIS WORKS: By using the "custom" class, you are creating more specific CSS declarations for HTML elements. CSS styling is applied through rules of specificity, and because declarations prepended with .custom are more specific, they get applied when the page is rendered! More information about styling your Thesis installation using this file can be found in the User's Guide: http://diythemes.com/thesis/rtfm/customizing-thesis-with-customcss/ */ .custom .clear { clear: both; line-height: 0; } .custom #content .last, .custom .sidebar .last { border-bottom: 0; } .custom .sidebar #last { margin-right: 0; padding-right: 0; } /*--- Set Fonts ---*/ body.custom, .custom .post_box .category_section h5, .page-links { font-family: franklin-gothic-comp-urw, Helvetica, Arial, serif; font-weight: 400; font-style: normal; } body.custom h1, body.custom h2, body.custom h3 { font-family: franklin-gothic-comp-urw, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; text-transform: uppercase; } .custom .format_text, .custom li.widget, .custom .sidebar input[type="text"], .custom .sidebar input[type="submit"], .custom .format_text input, .custom #commentform input, .custom #commentform textarea, .dsq-comment-body, .custom #footer .widget { font-family: franklin-gothic-urw, Helvetica, Arial, serif; } .custom .menu { font-size: 30px; } /* main nav */ .custom .format_text { font-size: 16px; line-height: 1.4em; } .custom #footer ul.footer_nav { font-size: 14px; } .custom .headline_area h1, .custom h2.entry-title, .custom #archive_intro h1 { font-size: 36px; line-height: 1em; font-weight: 700; padding-bottom: 13px; } .custom .entry-title { text-transform: none; margin-bottom:0; } .custom input, .custom textarea, .custom .post_meta { font-size: 14px; } .custom li.widget, .custom #footer .widget { font-size: 14px; line-height: 1.4em; } /* linked post title */ .custom .entry-title a { outline: 0; } .custom .entry-title a:link, .custom .entry-title a:visited { color: #000; } .custom .entry-title a:hover { color: #00799c; text-decoration: none; } .custom .entry-title a:active { color: #00414a; text-decoration: none; } .custom .sidebar h3, .custom #footer .widget h3 { font-size: 28px; font-variant: normal; letter-spacing: -0.01em; margin: 0; color: #000; } .custom #footer .widget h3 { color: #fff; margin-bottom: 20px; } body.custom { color: #444; } .custom #archive_intro { padding-top: 0; border-bottom: 1px solid #ddd; } .custom #archive_intro h1 { margin-bottom: 0; color: #777; } .custom .headline_area { margin-bottom: 0; } .custom a { text-decoration: none; } .custom a:link, .custom a:visited { color: #00799c; } .custom a:hover, .custom a:active { text-decoration: underline; } .custom #footer ul.footer_nav a { border-bottom: 0; } /*---: change layout from em-based to fixed width :---*/ /*---:[ core layout elements ]:---*/ body.custom {margin:0;} .custom .full_width { width: 100%; clear: both; } .custom .full_width .page { width: 960px; margin: 0 auto; padding-right: 0; padding-left: 0; } .custom #header_area .page { padding-top: 0; } .custom #footer_area .page { padding-bottom: 0; } .custom #header, .custom #footer { padding-right: 0; padding-left: 0; overflow: hidden; } .custom #content_box { width: 100%; background: url("/wp-content/themes/thesis_18/custom/images/line.gif") repeat-y 640px 0; } .custom .no_sidebars { background: none !important; } .custom #content { width: 620px; padding-right: 20px; margin-bottom: 15px; float: left; } .custom .no_sidebars #content { width: 100%; } .custom .post_box, .custom .teasers_box, .custom .full_width #content_box .page { margin: 0; padding-top: 0; } .custom .full_width #content_box .page { width: auto; } .custom .no_sidebars .post_box { margin: 0 1.1em; } .custom .teasers_box { width: 640px; } .custom .teaser { width: 310px; } .custom #archive_intro, .custom .prev_next { padding-right: 2.3em; padding-left: 0; } .custom #sidebars { width: 300px; border: 0; float: right; } .custom .sidebar { width: 100%; } .custom #sidebar_1 { border: 0; } .custom .sidebar ul.sidebar_list { padding: 0; } .custom li.widget { margin-bottom: 15px; } /*---:[ END core layout elements ]:---*/ /*--- UI Sprites ---*/ .custom .icon { background: url('http://www.losangeles.com/images/common/blog-ui-sprites.png') no-repeat; } .custom .icon#comment-bubble { display: block; float: left; width: 16px; height: 13px; margin: 3px 5px 0 0; background-position: 0 0; } .custom a:hover .icon#comment-bubble { background-position: -16px 0; } .custom #content #comments .comments_intro .icon#comment-bubble { background-position: -32px 0; margin-top: 3px; } .custom #content #comments .comments_intro .icon#comment-add { float: left; width: 15px; height: 15px; margin: 2px 5px 0 0; background-position: -49px 0; } .custom .icon#up { width: 5px; height: 8px; position: absolute; top: 6px; right: 0; float: right; background-position: -64px 0; } .custom .icon#author-rss { display: block; float: right; width: 20px; height: 19px; background-position: 0 -38px; text-indent: -9999px; } .custom .icon#author-rss a { display: block; width: 20px; height: 19px; } .custom .icon#author-rss:hover { background-position: -20px -38px; } .custom a.backtop { float: right; margin: 5px 0; padding-right: 12px; text-transform: uppercase; font-weight: 700; font-size: 16px; color: #000; position: relative; } .custom div.prev_next { padding: 7px 0; border-width: 0 0 1px; border-style: dotted; border-color: #b8b8b8; letter-spacing: 0; overflow: hidden; } .custom div.prev_next p { margin-bottom: 0; width: 300px; line-height: 1.3em; font-size: 16px; text-transform: uppercase; } .custom div.prev_next p a { font-weight: bold; } .custom div.prev_next p span { float: right; padding-left: 5px; } .custom div.prev_next p.previous { float: left; margin-bottom: 0; } .custom div.prev_next p.previous span { float: left; padding-right: 5px; } .custom div.prev_next p.next { float: right; } /*--- Header ---*/ .custom #header_bar { background-color: #000; padding: 9px 0; } .custom #header_bar .page { background-color: #000; } .custom #header { height: 118px; padding: 0 0 5px; position: relative; margin: 0 0 0 -42px; border-bottom: 0; background: url('/wp-content/themes/thesis_18/custom/images/activate-header-background.gif') no-repeat 0 -34px; } .custom #header h1#logo { background: url('/wp-content/themes/thesis_18/custom/images/activate-header-logo.png') 0 0 no-repeat; width: 316px; height: 102px; position: absolute; left: 85px; top: -11px; margin:0; } .custom #header h1#logo a { display: block; text-indent: -9999px; outline: 0; height: 100%; } .custom #wpadminbar {display:none;} html, * html body {margin-top:0 !important;} /*--- Main Navigation ---*/ .custom .menu-navmenu-container { position: absolute; left: 414px; top: 55px; } .custom .menu-navmenu-container > .menu {margin:0;} .custom .menu, .custom .menu a, .custom .menu li ul { border: 0; } .custom .menu li { list-style:none; float:left; padding: 0 10px; border-right: 2px solid #000; } .custom .menu li.last { border-right: 0; } .custom .menu a { background-color: transparent; border-bottom: 0; line-height: 1em; letter-spacing: -1px; color: #000; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 0; outline: 0; } .custom .menu a:hover { color: #00799c; border-color: #ddd; } .custom .menu a:active { color: #000; border-color: #ddd; } .custom .menu .current-menu-item a { border-color: #000; color: #00799c; background-color: transparent; } /*--- end Main Navigation ---*/ /*--- Article Posts ---*/ .custom .headline_meta { border-width: 1px 0; border-style: dotted; border-color: #b8b8b8; padding: 5px 0; margin-bottom: 15px; font-size: 14px; line-height: 20px; overflow: hidden; } .custom .headline_meta a { border-bottom: 0; } .custom .headline_meta .headline_byline, .custom .post_meta .headline_byline { display: block; float: left; text-transform: none; } .custom .headline_meta span, .custom .headline_meta span.author, .custom .headline_meta abbr, .custom .post_meta span.author, .custom .post_meta abbr { text-transform: uppercase; } .custom .headline_meta .article-comments, .custom .post_meta .article-comments { margin-left: 20px; text-transform: lowercase; display: block; float: left; } .custom .social-media-toolbar { display:block; float: right; height: 20px; } .custom .social-media-toolbar .twitter-share-button, .custom .social-media-toolbar .fb-like-button { margin-left: 5px; } .custom .entry-content-footer { border-width: 1px 0; border-style: dotted; border-color: #b8b8b8; padding: 5px 0; line-height: 20px; clear: both; overflow: hidden; } .custom .entry-content-footer .post_tags { margin-bottom: 0; font-size: 13px; line-height: 20px; } .custom .author-bio { font-style: italic; color: #888; } .custom caption {color:#888; font-size:11px; text-align:left; padding:5px 0;} .custom caption.aligncenter {text-align:center;} /*--- Article Post Image ---*/ .custom .format_text img.left, .custom .format_text img.alignleft, .custom .wp-caption.alignleft { margin: 0 5px 5px 0; } .custom .post_image_container { float: left; padding: 0 15px 15px 0; } .custom .post_image_container img { margin: 0; padding: 0; max-width: 640px; } .custom .post_image_container p { clear: left; margin: 0; padding: 0; color: #888888; font-size: 13px; } .custom .format_text .wp-caption { border: 0; padding: 0; } .custom .format_text .wp-caption.alignleft { margin: 0 15px 15px 0; } .custom .wp-caption { background-color: #fff; border: 0; font-style: normal; text-align: left; color: #888; } .custom .format_text .wp-caption p, .custom .wp-caption-text { font-size: 13px; margin-top:0; } /*--- Article Comments ---*/ .custom #content #comments { margin: 20px 0 0; } .custom #content #comments .comments_intro#comments_intro { display: none; } /* hide empty default comments_intro */ .custom #content #comments .comments_intro#custom_comments_intro { background-color: #00799c; color: #fff; margin: 0; padding: 12px; font-size: 13px; } .custom .comments_intro span, .custom .comments_intro a { color: #fff; font-size: 12px; } .custom #content #comments .comments_intro .comment-count { float: left; margin-right: 50px; } .custom #content #comments .comments_intro .comment-add { font-weight: bold; } .custom dl#comment_list dt, .custom dl#comment_list dd, .custom #trackback_list, .custom #commentform { padding-left: 20px; padding-right: 20px; } .custom dl#comment_list, .custom #respond { background-color: #ebebeb; } .custom dl#comment_list { border: 0; margin-bottom: 0; } .custom dl#comment_list dd, .custom dl#comment_list dd.bypostauthor, dl#comment_list dd.byuser { border-bottom: 0; background: url('http://www.losangeles.com/images/common/blog-borders.png') repeat-x 0 bottom; } .custom dl#comment_list dt.bypostauthor, dl#comment_list dt.byuser, .custom dl#comment_list dd.bypostauthor, dl#comment_list dd.byuser { background-color: #F2F6F9; } .custom dl#comment_list dt .comment_author { font-size: 12px; } .custom dl#comment_list dt span { font-size: 11px; } .custom .comment_time a, .custom .edit_comment a { color: #888; } .custom #respond { padding-top: 15px; margin-bottom: 10px; } .custom #respond_intro { margin-left: 20px; } .custom #respond_intro p { font-size: 12px; font-weight: bold; text-transform: uppercase; } .custom #commentform { border-top: 0; padding-top: 0; padding-bottom: 15px; } .custom #commentform p, .custom .login_alert p { font-size: 11px; line-height: normal; } .custom #commentform label { font-size: 12px; } .custom .format_text input, .custom #commentform input, .custom #commentform textarea { border: 1px solid #ccc; background: #fff; padding: 7px 10px; } .custom #commentform input.form_submit { background: #00799c; border: 0; padding: 7px 10px; color: #fff; font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: bold; text-align: center; } .custom #commentform input.form_submit:hover { background-color: #1a6cb8; } /*--- Disqus Comments ---*/ #dsq-content { font-size: 16px; } #disqus_thread { margin-top: 15px; } #disqus_thread #discovery header { clear: both !important; } /*--- Article Lists ---*/ .custom .format_text ol { } .custom .format_text ol li { list-style-position: inside; } /*--- Archives Page ---*/ .custom .post_teaser { margin: 0; padding: 15px 0; border-bottom: 1px dotted #b8b8b8; overflow: hidden; } .custom .post_teaser h2.entry-title, .custom .post_teaser h3 { margin: 0; padding: 5px 0; line-height: 1em; text-transform: none; } .custom .post_teaser .format_text p { margin-bottom: 8px; } .custom .post_teaser .post_thumb { float: left; margin: 0 15px 15px 0; width: 145px; } .custom .post_teaser .withThumb { float: left; } .custom .post_meta { margin: 0 0 15px; padding: 0; line-height: 20px; overflow: hidden; } .custom .post_meta span, .custom .post_meta abbr { color: #888; } .custom .post_meta .headline_category, .custom .headline_meta .headline_category { display: block; float: left; margin-right: 20px; } .custom .readmore { } /*--- Archive Pagination ---*/ .custom .wp-pagenavi { float: left; margin: 5px 0; font-size: 16px; font-weight: 700; } .custom .wp-pagenavi .pages { color: #888; font-weight: 400; padding-right: 10px; } .custom .wp-pagenavi .current, .custom .wp-pagenavi .page, .custom .wp-pagenavi .nextpostslink, .custom .wp-pagenavi .previouspostslink { border-width: 0 0 4px 0; border-style: solid; margin: 0; padding: 0 10px; } .custom .wp-pagenavi .current { border-color: #000; } .custom .wp-pagenavi .page, .custom .wp-pagenavi .nextpostslink, .custom .wp-pagenavi .previouspostslink { border-color: #fff; } .custom .wp-pagenavi .page:hover, .custom .wp-pagenavi .page:active, .custom .wp-pagenavi .nextpostslink:hover, .custom .wp-pagenavi .previouspostslink:hover { border-color: #888; } .custom .wp-pagenavi a:hover, .custom .wp-pagenavi:active { text-decoration: none; } /*--- Post Pagination ---*/ .custom .page-links { text-align: right; text-transform: uppercase; margin-bottom: 10px; } .custom .page-links .page-num { padding: 0 5px; font-weight: bold; } .custom .page-links a .page-num { font-weight: normal; } /*--- Sidebar Widgets ---*/ .custom li.widget { border-top: 1px solid #ddd; padding-top: 15px; list-style:none; } .custom .widget ul li { margin-bottom: 5px; overflow: hidden; } .custom .sidebar ol { margin: 0; padding: 0; } .custom .sidebar ol li { margin: 0 0 0 1.4em; padding: 0; font-size: 18px; font-weight: bold; color: #b8b8b8; border-bottom: 1px dotted #b8b8b8; } .custom .sidebar ol li p { padding: 0 0 0 7px; margin: 8px 0; line-height: 18px; font-size: 14px; font-weight: normal; color: #111; } .custom .sidebar ol p a { text-decoration: none; } .custom .widget .half-column { width: 130px; float: left; margin: 0; padding: 0 20px 0 0; } .custom .widget .half-column a { display: block; float: left; width: 100%; } .custom .widget .half-column.authors a { width: 80%; } .custom .widget .half-column a:hover { text-decoration: none; } .custom .widget .half-column#last { float: right; } .custom .widget .post-count { float: right; margin-right: 15px; padding: 0 6px; background-color: #00799c; color: #fff; font-weight: bold; -moz-border-radius: 18px; -webkit-border-radius: 18px; border-radius: 18px; } .custom .widget a:hover .post-count { background-color: #bbb; } /*--- Sidebar Article Lists ---*/ .custom .sidebar .widget_killer_recent_entries ul li { list-style: square inside; margin: 0; padding: 3px 0; } /*--- Disqus Widgets ---*/ .custom .sidebar li.dsq-widget-item { list-style: square inside; margin: 0; padding: 3px 0; } .custom .sidebar a.dsq-widget-thread { font-weight: normal; } .custom .sidebar p.dsq-widget-meta { font-size: 85%; color: #b7b7b7; margin-bottom: 0; } .custom .sidebar li.dsq-widget-item:hover p.dsq-widget-meta { color: #444; } /*--- Site Search ---*/ .custom form.search_form { margin-bottom: 15px; } .custom .sidebar input#s { background: #fff url('http://www.losangeles.com/images/common/icon_search.png') 261px 6px no-repeat; width: 244px; font-size: 13px; color: #00799c; } .custom .sidebar input[type="text"], .custom .sidebar input[type="submit"] { border: 3px solid #000; padding: 10px 35px 10px 15px; background-color: #fff; } /*--- Recent Articles (sidebar) ---*/ .custom .sidebar ul.post-listings { padding:0; } .custom .sidebar ul.post-listings li { border-bottom: 1px dotted #ccc; margin: 0 0 5px; padding: 5px 0; overflow: hidden; } .custom .sidebar ul.post-listings li.last { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .custom .sidebar ul.post-listings li > a {display:block;} .custom .sidebar ul.post-listings .thumb-container { border: 0; width: 75px; } .custom .sidebar ul.post-listings .thumb-container > img { border: 0; margin: 0 10px 5px 0; width: 75px; float:left; } .custom .sidebar ul.post-listings .post-content { overflow:hidden; } .custom .sidebar ul.post-listings .post-content p { font-size: 11px; color: #777; margin-bottom: 0; margin-top:0; } .custom .sidebar ul.post-listings h5 { text-transform: capitalize; letter-spacing: 0; font-size: 14px; margin:0; } /*--- Social Media, Newsletter and Advertise ---*/ /*-- Twitter Feed Widget ---*/ /* older style -- can safely be removed .custom #twitter_div li { border-bottom: 1px dotted #d7d7d7; padding: 0 0 10px; } .custom #twitter_div li a { color: #b7b7b7; } .custom #twitter_div li span { font-size: 14px; line-height: 1.4em; display: block; } .custom #twitter_div li span a { color: #00799c; } */ .custom .tweet_list li { border-bottom: 1px dotted #d7d7d7; padding: 0 0 10px; } .custom .tweet_list li.tweet_first { border-top: 1px dotted #d7d7d7; padding-top: 5px; margin-top: 5px; } .custom .tweet_list li:last-child { border-bottom: 0; padding-bottom: 0; } .custom .tweet_list .tweet_text { font-size: 14px; line-height: 1.4em; } .custom .tweet_list .tweet_text a { color: #00799c; } .custom .tweet_list .tweet_time { font-size: 12px; display: block; } .custom .tweet_list .tweet_time a { color: #b7b7b7; } /*-- Twitter Tabbed Widget --*/ .custom #twitter-tabs { } .custom #twitter-tabs .ui-tabs-nav { border-bottom: 1px solid #333; margin: 0 0 10px; padding: 0; overflow: hidden; } .custom #twitter-tabs .ui-tabs-nav li { float: left; padding: 0 15px 10px; margin-bottom: 0; border-bottom: 5px solid #000; } .custom #twitter-tabs .ui-tabs-nav .ui-state-active, .custom #twitter-tabs .ui-tabs-nav .ui-state-active:hover { border-color: #00799c; } .custom #twitter-tabs .ui-tabs-nav li:hover { border-color: #ccc; } .custom #twitter-tabs .ui-tabs-nav li a { background: url('/images/common/metro-twitter-icons.png') no-repeat; width: 48px; height: 48px; display: block; float: left; text-indent: -9999px; outline: 0; } .custom #twitter-tabs .ui-tabs-nav #metroactive { background-position: 0 -48px; } .custom #twitter-tabs .ui-tabs-nav .ui-state-active #metroactive, .custom #twitter-tabs .ui-tabs-nav #metroactive:hover { background-position: 0 0; } .custom #twitter-tabs .ui-tabs-nav #svclubs { background-position: -48px -48px; } .custom #twitter-tabs .ui-tabs-nav .ui-state-active #svclubs, .custom #twitter-tabs .ui-tabs-nav #svclubs:hover { background-position: -48px 0; } .custom #twitter-tabs .ui-tabs-nav #sv411 { background-position: -96px -48px; } .custom #twitter-tabs .ui-tabs-nav .ui-state-active #sv411, .custom #twitter-tabs .ui-tabs-nav #sv411:hover { background-position: -96px 0; } .custom #twitter-tabs .ui-tabs-hide { display: none; } /*--- Facebook Fan Widget ---*/ /*--- Outbrain Article Suggestions ---*/ #recommendationsFieldset_0_stripBox .item-container .strip-rec-link-img { border: 1px solid #ccc; } #recommendationsFieldset_0_stripBox .item-container.hover .strip-rec-link-img { border: 1px solid #00799C; } #recommendationsFieldset_0_stripBox .item-container.hover .strip-rec-link-title { color: #00799C; } /*--- Google Adsense ---*/ .custom .google .adsby { font-size: 11px; } .custom .google .adsby a { text-decoration: none; } .custom .google .adsby a:link, .custom .google .adsby a:visited { color: #999; } .custom .google .adsense { margin-top: 11px; } .custom .google .adsense a { font-size: 16px; } .custom .google .adsense a:link, .custom .google .adsense a:visited { } .custom .google .adsense a:hover, .custom .google .adsense a:active { text-decoration: none; } .custom .google .adsense .url a { font-size: 11px; } .custom .google .adsense .url a:link, .custom .google .adsense .url a:visited { color: #999; } .custom .google .adsense .url a:hover, .custom .google .adsense .url a:active { color: #8e0000; text-decoration: none; } /*--- Google Ad Slots ---*/ .ga_slot {margin-bottom: 20px;} /*--- Footer ---*/ .custom #footer_area { background-color: #000; } .custom #footer_area .page { background-color: transparent; } .custom #footer { border-top: 0; padding: 30px 0 50px; text-align: left; color: #fff; } .custom #footer .widget {width: 300px; margin-right: 30px; float: left;} .custom #footer .widget.last {margin-right: 0;} .custom #footer .widget ul {list-style: none;} .custom #footer p, .custom #footer .footer_nav { font-size: 14px; line-height: 1.4em; } .custom #footer p {padding-bottom: 1em;} .custom #footer a { color: #00799c; border-bottom: 0; } .custom #footer #logo a { background: url('http://www.losangeles.com/images/common/blog-logos.png') 0 -80px no-repeat; width: 162px; height: 29px; text-indent: -9999px; outline: 0; display: block; float: left; } .custom #footer .footer_cta { float: right; clear: left; } .custom #footer ul.footer_nav { list-style: none; margin-bottom: 10px; overflow: hidden; } .custom #footer ul.footer_nav li { display: inline-block; float: left; margin-right: 20px; line-height: 29px; /* height of footer logo */ }