/* custom.css � custom styles for Cutline that YOU define ------------------------------------------------------ This stylesheet will allow you to futureproof your changes against future releases and upgrades. I know you work hard on your modified styles, and I don't want you to feel like every upgrade is a total drag! Instructions: Modifying existing Cutline styles to your liking is a breeze with this handy stylesheet. The tag within the header.php file has been appended with a CSS class called "custom," and thanks to this, you now have the ability to override ANY style that's declared in the original Cutline stylesheet. In practice, you simply need to copy the CSS for the element that you want to change (from style.css) and then paste it here. Prefix the new CSS declaration with .custom, and then make your tweaks as necessary. Here's an example: To change the default color of unvisited links from blue to red (#c00) and remove the default underline, this is what you would do: .custom a { color: #c00; text-decoration: none; } Cool? Now get to hackin! */ /* Cutline Reset (MF) */ .custom #masthead h1, .custom #masthead h3, .custom ul#nav, .custom #masthead ul#nav li, .custom .content, .custom .sidebar, .custom .posts h2, .custom .posts h4, .custom ul.sidebar_list li.widget, .custom ul.sidebar_list li.widget h2, #footer, .custom h2.archive_head, .custom .rule { border: none; float: none; background: none; padding: 0; text-align: left; clear: none; margin: 0; color: #333; } .custom .clear, .custom .flat { margin: 0 !important; } /* G-Styling April 2013 (MF) big margin: 40px */ body { background: #E8EAEC; color: #333; font-size: 62.5%; font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: normal; text-shadow: 0 1px 0 rgba(255,255,255,0.5); text-rendering: optimizeLegibility; } .custom a { color: #3078CA; } .custom a:hover { text-decoration: underline; color: #3078CA; } .custom #content_box { width: 100%; } .custom #container { width: inherit; max-width: 1024px; min-width: 860px; margin: 0 auto; padding: 0 6%; } .custom #masthead { /* background-color: #FBFBFB; border: 1px solid ##E9EAEB; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.07); -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.07); box-shadow: 0px 1px 3px rgba(0,0,0,.07); background-image: -moz-linear-gradient(bottom, #fafafa 0%, #FCFCFC 100%); background-image: -o-linear-gradient(bottom, #fafafa 0%, #FCFCFC 100%); background-image: -webkit-linear-gradient(bottom, #fafafa 0%, #FCFCFC 100%); background-image: linear-gradient(bottom, #fafafa 0%, #FCFCFC 100%); padding: 0 15px 0 30px; */ height: 60px; margin: 30px 0 25px 0; } .custom #masthead #blogTitle { float: left; width: 500px; padding-left: 8px } .custom #masthead #blogTitle a:hover { text-decoration: none; } .custom #masthead h1 { font-size: 26px; font-weight: bold; line-height: 1; position: relative; } .custom #masthead img { vertical-align: middle; margin-right: 10px; vertical-align: middle; } .custom #masthead h1 a { color: #333; position: relative; top: 3px; } .custom #masthead #blogTitleText { display: inline-block; vertical-align: middle; } .custom #masthead h3 { font-size: 14px; font-weight: 200; line-height: 1; margin-top: 10px; color: #777; } .custom #masthead h3 a { color: #777; } .custom #masthead .nav_container { float: right; margin-right: 0; width: 30%; } .custom #masthead .nav_container ul#nav { width: 100%; padding: 0 12%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: right; float: left; } .custom #masthead ul#nav li { display: inline-block; text-transform: capitalize; } .custom #masthead ul#nav li a { padding: 0; font-size: 18px; line-height: 3; font-weight: bold; color: #333 } .custom #masthead ul#nav li a:hover { color: #3078ca; text-decoration: underline; } .custom #masthead ul#nav li a.current { background-color: #fff; border-right: 1px solid #f1f2f3; border-left: 1px solid #f1f2f3; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .custom #content_box { float: left; width: 100%; margin: 0; padding: 0; background-color: #f8f9fa; -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.05); -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.05); box-shadow: 0px 1px 3px rgba(0,0,0,.05); } .custom #content { float: left; width: 70%; padding: 50px 6%; background-color: #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-shadow: -1px 0 0 rgba(0,0,0,.04) inset; -webkit-box-shadow: -1px 0 0 rgba(0,0,0,.04) inset; box-shadow: -1px 0 0 rgba(0,0,0,.04) inset; min-height: 800px; } .custom .posts .postHead { padding-bottom: 19px; margin-bottom: 0; border-bottom: 1px solid #E8EAEC; position: relative; } .custom .posts .postHead h2 { display: inline-block; font-size: 33px; font-weight: normal; } .custom .posts h2 a, .custom .posts h2 a:visited { color: #333; } .custom .posts h2 a:hover { color: #3078CA; text-decoration: underline; } .custom .posts .postInfo { margin-bottom: 22px; } .custom .posts .postInfo h4 { text-transform: uppercase; font-size: 14px; font-weight: bold; margin-bottom: 15px; } .custom .posts .postInfo h4 .middot { color: #bbb; font-weight: normal; } .custom .posts .postInfo h4 .postTime { color: #999; font-weight: normal; } .custom .posts .postInfo h4 a { color: #3078ca; } .custom .posts .entry { margin-bottom: 90px; padding-top: 22px } .custom .posts .entry.single { margin-bottom: 15px; } .custom .posts .entry p { font-size: 16px; line-height: 1.8; margin: 0 0 15px 0; } .custom .posts .entry li { font-size: 16px; line-height: 1.8; margin: 0 0 8px 0; } .custom blockquote { font-style: normal; font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; color: #222; margin: 0 40px 1.5em 40px; padding: 12px 15px; border: none; background-color: #F8F8F8 } .custom blockquote p { margin: 0; } .custom .entry { position: relative; } .custom .entry p strong, .custom #facebookLink, .custom #sidebar .sidebarSecondaryLink { /* iPad fix */ font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; } .custom .entry .bottomcontainerBox { top: 15px; position: absolute; right: 0px; width: 235px; } .custom .page .bottomcontainerBox { display: none; } .custom .next { float: left; margin-right: 15px; } .custom .previous { float: left; } .custom #comments { width: 100%; margin-right: 40px; margin-top: 35px; } .custom #comments .comment { width: 100%; border: none; } .custom ul#comment_list li.comment { border: none; } .custom h3.comments_headers { text-transform: uppercase; padding-bottom: 15px; color: #aaa; font-size: 13px; font-weight: normal; padding: 15px; background-color: #f5f5f5; } .custom .comments_headers .middot { font-weight: normal; color: #333; } .custom .comments_headers .showComments a { font-weight: normal; text-transform: none; } .custom .showComments a:hover { text-decoration: none; } .custom .posts .comment .entry { margin-bottom: 0; } .custom ul#comment_list { display: none; border: none; } .custom .tagged { background: none; border: 1px solid #e8e8e8; padding: 15px; border-radius: 2px; display: inline-block; text-transform: uppercase } .custom .tagged strong { border-right: 1px dotted #ccc; padding-right: 10px; margin-right: 10px; } .custom .tagged a { padding: 0; } .custom .comment-meta { color: transparent; } .custom .comment_meta { padding-left: 15px; } .custom .archives h2.archive_head { margin-bottom: 0 !important; } .custom .archives .entry { padding-top: 0; } .custom .navigation { width: 100%; } .custom .navigation .next { margin: 0; float: right; } .custom #sidebar { float: left; width: 30%; background-color: none; -moz-box-shadow: 1px 0 10px rgba(0,0,0,.01) inset; -webkit-box-shadow: 1px 0 10px rgba(0,0,0,.01) inset; box-shadow: 1px 0 10px rgba(0,0,0,.01) inset; } .custom #sidebar .widget { position: relative; } .custom ul.sidebar_list li.widget { padding: 30px 12% 34px; border-bottom: 1px solid #eee } .custom ul.sidebar_list li.widget { -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.6); -moz-box-shadow: 0 1px 0 rgba(255,255,255,.6); box-shadow: 0 1px 0 rgba(255,255,255,.6); } .custom ul.sidebar_list li.widget h2 { font-size: 14px; margin-bottom: 10px; } .custom ul.sidebar_list li.widget.widget_wppp h2 { margin-bottom: 14px; } .custom ul.sidebar_list li.widget ul { margin: 0; } .custom ul.sidebar_list li.widget li { list-style-type: none; margin: 0 0 14px 0; } .custom ul.sidebar_list li.widget li:last-child { margin: 0; } .custom ul.sidebar_list li.widget li a { color: #3379C6; font-size:14px; } .custom ul.sidebar_list #tweets .tweet { margin-bottom: 15px; } .custom ul.sidebar_list #tweets .created_at a, .custom ul.sidebar_list #tweets .username a{ color: #999 } .custom ul.sidebar_list #tweets .username { color: #aaa; font-size: 11px; display: inline-block; } .custom ul.sidebar_list #tweets .created_at { color: #aaa; font-size: 11px; display: inline-block; } .custom ul.sidebar_list #tweets .created_at:before { content: "\B7\A0"; } .custom #facebookLink { margin-top: 0px; padding-top: 15px; border-top: 1px solid #e8e8e8; width: 100%; text-align: center; } .custom #facebookLink #fb { font-weight: bold; } .custom #search_form .search_input, .custom #subscribe input[type='text'] { color: #555; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; border: 1px solid #e2e3e4; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; padding: 7px; width: 94%; font-size: 1em; } .custom #sidebar .sidebarSecondaryLink { position: absolute; top: 30px; right: 12%; font-weight: bold; text-transform: uppercase; } .custom #sidebar input[type='text'] { margin-bottom: 4px; } .custom #sidebar #subscribe input[type='submit'] { position: relative; left: -4px; } #top-posts-2 > a:hover { text-decoration: none; } #top-posts-2 .more-link { display: inline-block; margin-top: 14px; color: grey; font-size: 14px; } #advanced_text-4 div { font-size: 14px; } .custom #footer { clear: both; margin: 40px 0; float: left; } .custom #footer p, .custom #footer img { margin: 0; display: inline; } #wpstats { opacity: 0; } .custom h2.archive_head, .custom .page h2 { background: none !important; border: none !important; background-color: #f5f5f5 !important; display: block; width: 95%; padding: 15px !important; margin-left: -15px !important; font-size: 16px; text-transform: uppercase; } .custom .page h2 { margin-bottom: 35px; } .custom .reviews blockquote { margin-left: 0; background-color: transparent; border-bottom: 2px solid #e8e8e8; } /* G-button */ .g-button, .g-button:link, .g-button:visited { margin: 0; padding: 8px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; border: none !important; background: none; outline: none; user-select: none; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: "helvetica neue", arial, helvetica, freesans, "liberation sans", "numbus sans l", sans-serif; font-weight: normal; text-decoration: none; text-align: center; font-weight: bold; display: inline-block; } .g-button:hover, .g-button:active, .g-button:link:hover, .g-button:link:active, .g-button:visited:hover, .g-button:visited:active { outline: none; text-decoration: none; } .g-button, .g-button:link, .g-button:visited, .gray.g-button, .gray.g-button:link, .gray.g-button:visited { color: #444444; text-shadow: 0 1px 0 #eeeeee; background-color: #dde2e7; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eceff1), color-stop(100%, #ced5dc)); background-image: -webkit-linear-gradient(top, #eceff1, #ced5dc); background-image: -moz-linear-gradient(top, #eceff1, #ced5dc); background-image: -o-linear-gradient(top, #eceff1, #ced5dc); background-image: linear-gradient(top, #eceff1, #ced5dc); } .g-button:hover, .g-button:link:hover, .g-button:visited:hover, .gray.g-button:hover, .gray.g-button:link:hover, .gray.g-button:visited:hover { color: #444444; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f6f8), color-stop(100%, #c5ced6)); background-image: -webkit-linear-gradient(top, #f5f6f8, #c5ced6); background-image: -moz-linear-gradient(top, #f5f6f8, #c5ced6); background-image: -o-linear-gradient(top, #f5f6f8, #c5ced6); background-image: linear-gradient(top, #f5f6f8, #c5ced6); text-shadow: 0 1px 0 white; } .g-button:active, .g-button:link:active, .g-button:visited:active, .gray.g-button:active, .gray.g-button:link:active, .gray.g-button:visited:active { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c5ced6), color-stop(100%, #f5f6f8)); background-image: -webkit-linear-gradient(top, #c5ced6, #f5f6f8); background-image: -moz-linear-gradient(top, #c5ced6, #f5f6f8); background-image: -o-linear-gradient(top, #c5ced6, #f5f6f8); background-image: linear-gradient(top, #c5ced6, #f5f6f8); text-shadow: 0 -1px 0 white; } div.sd-social-icon div.sd-content ul li[class*=share-] a.sd-button.share-icon { padding: 5px; } div.sd-social-icon div.sd-content ul li[class*=share-] a.sd-button.share-icon:before { font-size: 15px; } /* AngelList Footer */ .custom #footer { width: 100%; padding-top: 25px; border-top: 1px solid rgba(0,0,0,0.05); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset; } html.ms .layouts.footer_links { text-align: center; } .layouts.footer_links .f_l { display: inline-block; } .layouts.footer_links .f_l a, .layouts.footer_links .f_l a:hover, .layouts.footer_links .f_l a:active, .layouts.footer_links .f_l a:visited { color: #999999; margin-right: 5px; margin-left: 5px; } .layouts.footer_links .f_l a.first, .layouts.footer_links .f_l a:hover.first, .layouts.footer_links .f_l a:active.first, .layouts.footer_links .f_l a:visited.first { margin-left: 0; } .layouts.footer_links .f_m { display: inline-block; } .layouts.footer_links .view_full { display: none; } html.ms .layouts.footer_links .view_full { display: inline-block; } .layouts.footer_links .view_auto { display: none; } html.force-desktop .layouts.footer_links .view_auto { display: inline-block; } .layouts.footer_links .links { padding-bottom: 5px; text-shadow: white 0 1px 0; font-size: 12px; } .comment_nivi_login {line-height: 1.65em; font-size: 1.2em; font-family: Helvetica, Arial, sans-serif; color: #888; } .comment_nivi_login a:visited { color: #df0000; text-decoration: underline; } .comment_nivi_label { font-family: Helvetica, Arial, sans-serif; color: #888; } .nivi-post-quote { padding: 0 50px 0 50px; font-style: italic; text-align: left; } .nivi-post-quote-author { text-align:right; padding: 0 65px 0 65px; font-style: italic; } .nivi-post-quote-author a { color: #333; } .nivi-post-summary { font-weight: normal; border: 3px double #aaa; border-width: 3px 0; padding:15px; margin:40px 0 40px 0 !important; } ul#nav li a:hover { color: #000; text-decoration: underline;} h2 a:hover { color: #555; text-decoration: none; } .tagged { padding: 0.4em 0em 5em 0em; background: url('images/hr_tag_sep.gif') no-repeat; font-size: 1.2em; line-height: 1.6em; color: #888; clear: both; } .nivi-post-pullquote-left { width: 200px; margin: 5px 15px 5px 0; font-size: 1.4em; text-align: center; float: left; } .nivi-post-pullquote-right { width: 200px; margin: 5px 0 5px 15px; font-size: 1.4em; text-align: center; float: right; } .entry img, .entry .gallery img { border: none } .entry li { margin: 0 0 0.5em 0; } a { text-decoration: none; } a:visited { color: rgba(48, 120, 202, .75); text-decoration: underline; } a:hover { color: #df0000; text-decoration: underline; } li.widget li a, li.widget li a:visited, li.linkcat li a, li.linkcat li a:visited { text-decoration: none; color: #555;} li.widget li a:hover, li.linkcat li a:hover { text-decoration: underline; color: #777;} h1 a:hover { color: #555; text-decoration: none; } .comment_time { font: normal 1.2em Helvetica, Arial, Verdana, Helvetica, Arial, sans-serif; color: #888; } .comment_meta strong { font-weight: normal; font-size: 1.6em; } .comment_num { font-weight: normal;} h2 { font-size: 2.5em; } .nivi-post-footer {font-style:italic;} .nivi-quote {font-style:normal;} ul#comment_list li.trackback { width: 500px; padding: 1.2em 0 0 0; background: url('images/trackback_bg.gif'); } .trackback .comment_num { padding: 0 15px 0 20px; } .entry h3 { margin: 2em 0 .5em 0; } .highlight { background-color: #ffc; } h3.nivilist { text-align:left; } /* Archives */ ul.archive_post_list, .archive-sidebar-widget ul { list-style-type: none; } ul.archive_post_list li, .archive-sidebar-widget li { margin-bottom: 0.5em; } ul.archive_post_list li div.edit_post_link { display: inline; font-size: 0.7em; margin-left: 30px; } .cat_name h3 a, .cat_name h3 a:visited { color: #888; text-decoration: none; font-weight: normal; font-size: 1em; padding-left: 5px; font-family: Georgia,"Times New Roman",Times,serif; } h3 { font-size: 1.1em; text-transform: none; } .comment { border: 0 0 0 1px solid #ddd; margin-top: 10px; } .reply_button { font-size: 1.5em; } /* BEGIN Threaded Comments */ .comment { position: relative; margin: 3px; margin-top: 6px; /* border: 1px solid #666; */ padding: 20px 4px 4px 8px; background-color: #fff; /* border-top: 1px solid #ddd; */ } .odd { background-color: #f8f8f8; color: inherit; } .comment div { position: relative; } .comment .comment img { margin: 0px; } .comment .collapseicon { width: 13px; height: 13px; overflow: hidden; background-image: url(/wordpress/wp-content/plugins/briansthreadedcomments.php?image=subthread-open.png); } .collapsed .collapseicon { background-image: url(/wordpress/wp-content/plugins/briansthreadedcomments.php?image=subthread.png); } .comment .reply { text-align: right; font-size: 80%; padding: 0px 6px 6px 0px; } .comment { border-left: 1px solid #ddd; margin-top: 10px; } #comments { margin-top: 5em; } input#subscribe { width: auto; } .comment .body .content { padding: 0px 3px 0px 3px; width: 100%; overflow: auto; } .comment .title abbr { border: none; } .collapsed .body, .collapsed .comment { display: none; } /* #addcomment small, #addcomment div { padding: 3px; } */ #commentform #comment_textarea_container textarea { width: 80%; } #commentform #comment_textarea_container { width: 97%; } #reroot { text-align: right; } #ajax-comment-preview { margin-top: 10px; } .comment_preview .reply_button { text-align: right; color: #900; } /* Mobile Theme */ @media only screen and (max-device-width:480px) { /* fix defaults */ iframe { max-width: 100%; } img { max-width: 100%; } .clear { width: 100%; } .custom blockquote { margin: 0 6% 1.5em 6%; } h3 { font-size: 1em; } /* container */ .custom #container { box-sizing: border-box; max-width: 100%; min-width: 100%; padding: 0 6%; } /* content_box */ .custom #content_box { background-color: transparent; box-shadow: inherit; } .custom #content_box > #content { width: 100%; float: none; padding: 6%; } .custom #content_box > #sidebar { width: 100%; float: none; margin-top: 25px; background-color: #f8f9fa; } .custom #content_box > #content, .custom #content_box > #sidebar { -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.05); -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.05); box-shadow: 0px 1px 3px rgba(0,0,0,.05); } /* masterhead */ .custom #masthead { height: 45px; } .custom #masthead #blogTitle { width: 100%; } .custom #masthead img { max-height: 36px; } .custom #masthead h1 { font-size: 20px; } .custom #masthead h3 { margin-top: 9px; } /* post head */ .custom .posts .postHead h2 { font-size: 18px; } /* paragraphs, lists */ .custom .posts .entry p, .custom .posts .entry li { font-size: 13px; line-height: 21px; } .entry ul, .entry ol { margin-left: 25px; } /* header */ .custom h2.archive_head, .custom .page h2 { background: inherit !important; padding: 0 !important; margin-left: 0 !important; border-bottom: 1px solid #E8EAEC !important; padding-bottom: 15px !important; width: 100%; } /* widgets */ .custom ul.sidebar_list li.widget { padding: 6%; } /* sidebar */ .custom #container #sidebar .sidebarSecondaryLink { right: 6%; top: 19px; } } /* END Threaded Comments */