/** * Theme Name: Ipserverone Knowledge Base * Theme URI: http://www.ipserverone.info * Version: 1.0 */ /* ------------------------------------------------------------------------------------------- INDEX: 0. RESET 1. SETUP -1.1 Defaults -1.2 Hyperlinks 2. SITE STRUCTURE & APPEARANCE -2.1 Containers & Columns -2.2 Navigation -2.2.1 Drop-down menus -2.2.2 Top Navigation (optional) -2.3 Header -2.4 Content -2.4.1 Slider -2.4.2 Advanced Search Form -2.5 Sidebar -2.6 Footer -2.7 Breadcrumbs 3. POSTS -3.1 Typographic Elements -3.2 Images -3.3 Pagination / WP-Pagenavi / Woo-Pagination -3.4 Single Post Author -3.5 Entry Tables -3.6 Subscribe & Connect -3.7 Table Of Contents -3.8 Author Archive -3.9 Revisions -3.10 ToolTips -3.11 References 4. WIDGETS -4.1 Generic Widgets -4.2 Specific Widgets 5. COMMENTS -5.1 Comments -5.2 Comments Form -5.3 Pingbacks / Trackbacks 6. PAGE TEMPLATES -6.1 Timeline Page Template -6.2 Contact Form 7. MISC -7.1 Buttons -7.2 Gravity forms -7.3 IE specific styling ---------------------------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------------------------- */ /* RESET - http://meyerweb.com/eric/tools/css/reset/ | v2.0 | 20110126 */ /* ------------------------------------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } img { vertical-align: bottom; } strong { font-weight: bold; } em { font-style: italic; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } body { line-height: 1 } ol, ul { list-style: none inside none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* Styles for sub, sup, pre, embed, iframe and object */ sub { font-size: smaller; vertical-align: sub; } sup { font-size: smaller; vertical-align: super; } pre { background: #F0F0F0; border: 1px dashed #DDD; font-size: 12px; padding: 10px; margin-bottom: 20px; } embed, iframe, object { max-width: 100% } /* Floating & Alignment */ .fl { float: left } .fr { float: right } .ac { text-align: center } .ar { text-align: right } /* Clear Floats */ /* .col-full:after{content:".";display:block;height:0;clear:both;visibility:hidden;}_NO__DOTCOMMA__AFTER__ */ /* .fix{clear:both;height:1px;overflow:hidden;margin:-1px 0 0;}_NO__DOTCOMMA__AFTER__ */ html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; overflow: hidden; visibility: hidden; width: 0; height: 0; margin: 0; padding: 0; } /** The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements. * j.mp/bestclearfix */ .fix:before, .fix:after, .col-full:before, .col-full:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .fix:after, .col-full:after { clear: both; } /* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */ .fix, .col-full { zoom: 1; } /* ------------------------------------------------------------------------------------------- */ /* 1. SETUP */ /* ------------------------------------------------------------------------------------------- */ /* 1.1 Defaults */ body {font: 13px/1.5em Helvetica,'Droid Sans',Arial,sans-serif; color: #666; background-color: #F9FBFB; } h1, h2, h3, h4, h5, h6 { margin: 0; font-family: Helvetica,'Droid Sans',Arial,sans-serif; color: #242424; font-weight: 400; } h1 { font-size: 1.5em } h2 { font-size: 1.333em } h3 { font-size: 1.167em; } h4 { font-size: 1em; font-weight: bold; } h5 { font-size: .9em; font-weight: bold; } h6 { font-size: .8em; font-weight: bold; } p { margin: 0 } hr { background-color: #e6e6e6; border: 0; height: 1px; margin-bottom: 20px; } input, textarea { padding: 5px; border-color: #CCC #EFEFEF #EFEFEF #CCC; border-width: 1px; border-style: solid; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #777; } /* 1.2 Hyperlinks */ a { color: #5da1e1; text-decoration: none; } a:hover { color: #5da1e1; text-decoration: underline; } h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited { text-decoration: none } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: underline } /* ------------------------------------------------------------------------------------------- */ /* 2. SITE STRUCTURE & APPEARANCE */ /* ------------------------------------------------------------------------------------------- */ /* 2.1 Containers & Columns */ #wrapper {width:100%;} #main { width: 79.5% } #main.fullwidth, .layout-full #main, .col-full { width: 960px; margin: 0 auto;} #sidebar { width: 16.7% } .layout-full .entry img { max-width: 950px } .col-left { float: left } .col-right { float: right } .layout-left-content #main { float: left } .layout-left-content #sidebar { float: right } body.has-secondary-sidebar #main { margin-right: 33.3%; width: 48%; } .ie7 #content > #sidebar-secondary { right: -480px } body.has-secondary-sidebar #sidebar-secondary { width: 31.3%; margin-right: -81.2%; position: relative; z-index: 10; } body.has-secondary-sidebar #main.fullwidth { width: 100%; margin: 0; } body.has-secondary-sidebar.layout-left-content #main { float: left; margin-left: 33.3%; margin-right: 0; width: 48%; } body.has-secondary-sidebar.layout-left-content #sidebar-secondary { width: 31.3%; float: left; margin-left: -81.2%; margin-right: 0; position: relative; z-index: 10; } /* 2.2 Navigation */ #navigation { font: bold 13px/1em sans-serif; width: 660px;} .nav { font: normal 14px/1em 'Droid Sans', Helvetica,Arial; z-index: 99; margin: 0; padding: 0; list-style: none; line-height: 1; } .nav a { position: relative; border: 1px solid transparent; color: #4f4f4f; display: block; z-index: 100; padding: 6px 12px; line-height: 18px; text-decoration: none; text-shadow: 0 1px 0 #fff; } .nav li { float: left; width: auto; } .nav a:hover, .nav li.current_page_item a, .nav li.current_page_parent a, .nav li.current-menu-ancestor a, .nav li.current-cat a, .nav li.current-menu-item a, .nav li.sfHover { color: #5da1e1 } /* Optional Styling */ .nav li.current_page_item a, .nav li.current_page_parent a, .nav li.current-menu-ancestor a, .nav li.current-cat a, .nav li.current-menu-item a, .nav li.sfHover { } #navigation .nav li a { } #navigation .nav li:first-child a { } #navigation .nav li:last-child { margin-right: 0 } /* 2.2.1 Drop-down menus */ .nav li ul { background: #fff; margin: 5px 0 0; padding: 10px 0 0; position: absolute; left: -999em; width: 180px; border: 1px solid #ECEEEE; z-index: 9999; } .nav li ul li { margin: 0 } .nav li ul li a { padding: 8px 15px; width: 150px; color: #666; background: none; font-size: 14px; } .nav li ul ul { margin: -35px 0 0 170px!important } .nav li ul li a:hover, .nav li.current_page_item ul li a, .nav li.current_page_parent ul li a, .nav li.current-menu-ancestor ul li a, .nav li.current-cat a ul li, .nav li.current-menu-item ul li a, .nav li.sfHover ul li { background: none } .nav li:hover, .nav li.hover { position: static } .nav li:hover ul ul, .nav li.sfhover ul ul, .nav li:hover ul ul ul, .nav li.sfhover ul ul ul, .nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul { left: -999em } .nav li:hover ul, .nav li.sfhover ul, .nav li li:hover ul, .nav li li.sfhover ul, .nav li li li:hover ul, .nav li li li.sfhover ul, .nav li li li li:hover ul, .nav li li li li.sfhover ul { left: auto /* margin-left:-50px; _NO__DOTCOMMA__AFTER__*/ } .nav .sf-sub-indicator { background: none; position: absolute; text-indent: -9999em; overflow: hidden; } .nav li ul .sf-sub-indicator { background: url(images/arrow-superfish-right.png) no-repeat scroll 0 center; display: block; height: 35px; right: 10px; top: 0; width: 5px; } /* Optional Styling */ #navigation .nav li { background: url(images/arrow-nav-right.png) no-repeat scroll left center transparent; margin: 0; min-width: 165px; } #navigation .nav li ul li { background: none repeat scroll 0 0 transparent } #navigation .nav li ul { border-bottom: none; /* Border Radius */ border-radius: 4px; nowhitespace: afterproperty; -moz-border-radius: 4px; -webkit-border-radius: 4px; /* Box Shadow */ -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.4); -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.4); box-shadow: 0 2px 2px 0 rgba(0,0,0,0.4); } #navigation .nav li ul ul { border-radius: 0 4px 4px 4px; -moz-border-radius: 0 4px 4px; -webkit-border-radius: 0 4px 4px 4px; } #navigation .nav li ul li a { border: 0; border-top: 1px solid #fff; border-bottom: 1px solid #e5eaee; } #navigation .nav li ul li a:hover { color: #5DA1E1 } #navigation .nav li ul li:first-child { background: url(images/nav-indicator.png) no-repeat scroll center top transparent; margin-top: -18px; padding-top: 10px; } #navigation .nav li ul li ul li:first-child { background: none } #navigation .nav li ul li:nth-child(even) { background: #f3f3f3 } /* 2.2.2 Top Navigation (optional) */ #top { background: #101010; /*Fallback*/ background: -webkit-gradient(linear,left top,left bottom,from(#353535),to(#101010)); background: -webkit-linear-gradient(#353535,#101010); background: -moz-linear-gradient(center top,#353535 0%,#101010 100%); background: -moz-gradient(center top,#353535 0%,#101010 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#353535,endColorstr=#101010); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#353535,endColorstr=#101010)";} #top nav.col-full { border-right: 1px solid #373737 } #top-nav.nav { display: inline } #top-nav.nav a { border: none; color: #fff; padding: 10px 15px; line-height: 18px; text-decoration: none; text-shadow: none; } #top-nav.nav li a.sf-with-ul { padding-right: 20px } #top-nav.nav a:hover, #top-nav.nav li.current_page_item a, #top-nav.nav li.current_page_parent a, #top-nav.nav li.current-menu-ancestor a, #top-nav.nav li.current-cat a, #top-nav.nav li.current-menu-item a, #top-nav.nav li.sfHover { background: #222; color: #5DA1E1; border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } #top-nav.nav li, #top-nav.nav li.sfHover { border-left: 1px solid #373737 } #top #top-nav.nav li ul { background: #222; nowhitespace: afterproperty; margin: 0; padding: 0; width: 180px; border: none; z-index: 999; /* Box Shadow */ -moz-box-shadow: 0 2px 2px rgba(0,0,0,.1); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1); box-shadow: 0 2px 2px rgba(0,0,0,.1); } #top #top-nav.nav li ul, #top #top-nav.nav li ul li:last-child a { /* Border Radius */ border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; } #top #top-nav.nav li ul li { border: none; box-shadow: 0 4px 8px rgba(0,0,0,0.1); } #top #top-nav.nav li ul li a { padding: 8px 10px; width: 160px; color: #fff; background: none; font-size: .9em; } #top #top-nav.nav li ul li a:hover { background-color: #000; color: #5DA1E1; } #top #top-nav.nav li ul li a.sf-with-ul { padding-right: 10px } #top #top-nav.nav li ul ul { margin: -34px 0 0 180px } #top #top-nav.nav li:hover, #top #top-nav.nav li.hover { position: static } #top #top-nav.nav li:hover ul ul, #top #top-nav.nav li.sfhover ul ul, #top #top-nav.nav li:hover ul ul ul, #top #top-nav.nav li.sfhover ul ul ul, #top #top-nav.nav li:hover ul ul ul ul, #top #top-nav.nav li.sfhover ul ul ul ul { left: -999em } #top #top-nav.nav li:hover ul, #top #top-nav.nav li.sfhover ul, #top #top-nav.nav li li:hover ul, #top #top-nav.nav li li.sfhover ul, #top #top-nav.nav li li li:hover ul, #top #top-nav.nav li li li.sfhover ul, #top #top-nav.nav li li li li:hover ul, #top #top-nav.nav li li li li.sfhover ul { left: auto } #top ul.rss { background: url(images/ico-rss.png) no-repeat right 44%; border-left: 1px solid #373737; display: inline; margin: 0 15px 0 0; padding: 0 25px 0 10px; line-height: 1; } #top ul.rss li { display: inline; padding: 0; } #top ul.rss li a { color: #d75418; text-decoration: none; padding: 10px 5px; line-height: 18px; display: inline-block; position: relative; } #top ul.rss li.sub-email { color: #dedede } #top ul.rss li a:hover { text-decoration: underline } /* 2.3 Header */ #header { padding: 25px 0 25px; clear: both; position: relative; } #logo { float: left } .site-title, .site-description { font-family: Georgia,serif; color: #000; display: none; } .site-title a { color: #222; font-size: 40px; line-height: 40px; text-transform: none; font-weight: 400; text-decoration: none; } .site-title a:hover { text-decoration: underline } .site-description { color: #999; font: italic 14px/1em Georgia,serif; } #topad { float: right } /* 2.4 Content */ #content { padding: 0 0 2em } /* 2.4.1 Slider */ /* 2.4.2 Advanced Search Form */ .ac_results { width: 597px; max-height:595px; border:1px solid #e1e1e1; overflow:auto; background-color: #FFF; color: #000; display: none; font: 1em/1em Helvetica,'Droid Sans',Arial,sans-serif; position: absolute; -moz-box-shadow: 0 2px 7px 0 rgba(0,0,0,0.4); -webkit-box-shadow: 0 2px 7px 0 rgba(0,0,0,0.4); box-shadow: 0 2px 7px 0 rgba(0,0,0,0.4); z-index: 99;} /* body.has-secondary-sidebar .ac_results { width: 364px } */ .ac_results li {padding: 7px 7px 7px 15px;} .ac_over { background: #f3f3f3 } .ac_match { font-weight: bolder } #advanced-search-form { background-color: #589CDC; border: 3px solid #dbe9f5; margin-bottom: 20px; margin-top: -3px; padding: 20px 20px 25px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } #advanced-search-form h1 { color: #fff; font-family: Helvetica,Arial; margin-bottom: 10px; margin-top: -3px; text-shadow: 0 -1px 0 hsla(0,0%,0%,.3); } #advanced-search-form input, #advanced-search-form button {vertical-align:middle} #advanced-search-form input { background: url(images/ico-advanced-search.png) no-repeat scroll 15px center #4C8FCE; color: #fff; font: 16px/16px Helvetica,Arial; padding: 0 0 0 40px; height: 31px; width: 79%; border-color: #366693 #417AB0 #4888C4; border-style: solid; border-width: 2px 1px 1px; -moz-box-shadow: 0 7px 3px -8px rgba(0,0,0,0.6) inset; -webkit-box-shadow: 0 7px 3px -8px rgba(0,0,0,0.6) inset; box-shadow: 0 7px 3px -8px rgba(0,0,0,0.6) inset; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-shadow: 0 -1px 0 hsla(0,0%,0%,.3); outline: none; } /* body.has-secondary-sidebar #content #advanced-search-form input { background: none no-repeat scroll 15px center #4C8FCE; padding: 0 0 0 10px; width: 82%; } */ #advanced-search-form button.adv-button { background: none repeat scroll 0 0 #80BAF0; nowhitespace: afterproperty; margin: -1px 0 0 6px; border: 1px solid #4A8CCA; color: #fff!important; height: 36px; text-shadow: 0 1px 0 hsla(0,0%,0%,.3); font-size: 1.385em; width: 15.2%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; /*Box shadow*/ -webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 0 1px rgba(0,0,0,0.01) /*Shadow*/; -moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 0 1px rgba(0,0,0,0.01) /*Shadow*/; box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 0 1px rgba(0,0,0,0.01) /*Shadow*/; } /* body.has-secondary-sidebar #main #advanced-search-form button.adv-button { background: url(images/ico-white-advanced-search.png) no-repeat scroll 11px center #80BAF0; text-indent: -9999em; width: 9.3%; } */ body.has-secondary-sidebar #content #advanced-search-form input.searching, #content #advanced-search-form input.searching { background-image: url(images/loading.gif); background-position: 95% center; } /* 2.4.2 Filter Bar */ #filter-bar {border-bottom: 1px solid #E0E0E0; line-height: 27px; margin-bottom: 15px;} #filter-bar form div { border: 1px solid #CBCBCB; nowhitespace: afterproperty; float: left; margin-right: 10px; position: relative; vertical-align: top; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #f2f2f2; /*Fallback*/ background: -webkit-gradient(linear,left top,left bottom,from(#f4f4f4),to(#f2f2f2)); nowhitespace: afterproperty; background: -webkit-linear-gradient(#f4f4f4,#f2f2f2); background: -moz-linear-gradient(center top,#f4f4f4 0%,#f2f2f2 100%); background: -moz-gradient(center top,#f4f4f4 0%,#f2f2f2 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4f4f4,endColorstr=#f2f2f2); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4f4f4,endColorstr=#f2f2f2)"; -webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0,0%,0%,.1) /*Shadow*/; -moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0,0%,0%,.1) /*Shadow*/; box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0,0%,0%,.1) /*Shadow*/; } body.has-secondary-sidebar #main #filter-bar form div { margin-right: 5px } #filter-bar label { float: left; line-height: 30px; margin-right: 10px; } body.has-secondary-sidebar #main #filter-bar label { line-height: 30px; margin-right: 5px; } #filter-bar select.select { opacity: 0; position: relative; z-index: 10; height: 26px!important; line-height: 26px; vertical-align: top; } #filter-bar select.select.sort { width: 175px } #filter-bar select.select.show { width: 95px } .ie6 #filter-bar span.select-arrow, .ie7 #filter-bar span.select-arrow, .ie8 #filter-bar span.select-arrow, .ie9 #filter-bar span.select-arrow, .opera #filter-bar span.select-arrow { background-image: url(images/arrow-select.png) } #filter-bar span.select { color: #383838; position: absolute; bottom: 0; left: 0; font-weight: 700; height: 26px; line-height: 26px; text-indent: 10px; cursor: default; z-index: 1; min-width: 20px; } #filter-bar span.select-arrow { background-image: url(images/arrow-select.png),-moz-linear-gradient(100% 100% 90deg,#ebebeb,#fff); background-image: url(images/arrow-select.png),-webkit-gradient(linear,0% 0%,0% 100%,from(#fff),to(#ebebeb)); background-repeat: no-repeat; background-position: center center; border-left: 1px solid #CBCBCB; cursor: default; height: 27px; line-height: 27px; position: absolute; right: 0; top: 0; width: 27px; z-index: 1; border-top-right-radius: 3px; border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; } #filter-bar .button { float: right; line-height: 20px; margin: 0; padding: 2px 13px 3px 13px; } #filter-bar .totals { float: right; margin: 2px 0 0 0; } #filter-bar .totals strong { color: #383838; font-weight: bolder; } #filter-bar .alignleft { float: left; margin: 0; width: 480px; } body.has-secondary-sidebar #main #filter-bar .alignleft { width: 460px } /* 2.5 Sidebar */ #sidebar { overflow: hidden } #sidebar .primary { } #sidebar .secondary { float: left; margin-right: 20px; } #sidebar .secondary.last { margin: 0 } /* 2.6 Footer */ #footer-container { background: #080808; border-top: 4px solid #dbe9f5;} #footer-container:before { border-top: 5px solid #f07b31; content: ''; position: absolute; width: 100%; } #footer { color: #848484; padding: 30px 0 60px; } #footer p { font-family: Helvetica,'Droid Sans',Arial,sans-serif;} #footer #credit img { vertical-align: middle } #footer #credit span { display: none } #footer-widgets { border-top: 1px solid #E0E0E0; padding: 10px 0; } #footer-widgets .block { padding: 20px 10px 0; width: 210px; float: left; } #footer-widgets.col-1 .block { width: 100%; padding-left: 0; } #footer-widgets.col-2 .block { width: 460px } #footer-widgets.col-3 .block { width: 300px } #footer-widgets.col-4 .block { width: 220px } /* 2.7 Breadcrumbs */ #breadcrumbs { border-bottom: 1px solid #E0E0E0; margin-bottom: 10px; padding-bottom: 15px; } /* ------------------------------------------------------------------------------------------- */ /* 3. POSTS */ /* ------------------------------------------------------------------------------------------- */ #breadcrumb, .post .video { margin-bottom: 1.5em } .archive_header { display: block; float: left; font-size: 18px; font-weight: 700; margin: 5px 0 5px; padding: 0 0 10px; width: 100%; } .archive_header .catrss a { font-size: 14px; text-decoration: none; } .post, .search .hentry { clear: both; border-bottom: 1px dotted #b2b3b3; margin: 0 0 2em; position: relative; } .post .container, .hentry .container { overflow: auto } .single .post { border-bottom: none } .sticky { } .post header h1, .page header h1 { font: bold 26px/1em Helvetica,'Droid Sans',Arial,sans-serif; position: relative; margin: 0 0 4px; } .post header h1 { margin-right: 55px px } .post .container header h1, .page .container header h1 { font-size: 1.5em; font-weight: 400; line-height: 1.2em; margin-right: 0; } .post header h1 a:link, .post header h1 a:visited { color: #222 } header { margin-bottom: 20px } /* .container header { margin-right: 40px } */ .home .container header, .archive .containerheader { margin-bottom: 4px } .post-meta { margin: 0 40px 4px 0; font: 11px/14px Helvetica,'Droid Sans',Arial,sans-serif; color: #9c9c9c; } .post-meta li { display: inline } .single .post-meta { border-bottom: 1px solid #E0E0E0; margin-right: 0; padding-bottom: 6px; position: relative; } .single .post-meta li.edit { border: 1px solid #E0E0E0; border-width: 1px 1px 0; cursor: pointer; display: inline-block; float: right; height: 31px; margin: 0; position: absolute; bottom: -0; right: 0; background: #f5f5f5; background: -moz-linear-gradient(100% 100% 90deg,#EBEBEB,#fff); background: -webkit-gradient(linear,0% 0%,0% 100%,from(#fff),to(#EBEBEB)); -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } .single .post-meta li.edit a { color: #535353; display: inline-block; font: normal 15px/15px Helvetica,'Droid Sans',Arial,sans-serif; padding: 10px 10px 0; text-decoration: none; } .post-more { clear: both; margin: 1em 0; color: #999; } .post p.tags { color: #999; background: url(images/ico-tag.png) no-repeat top left; padding-left: 25px; width: 100%; clear: both; margin-bottom: 20px; } .post-meta a:link, .post-meta a:visited, .post-more a:link, .post-more a:visited, .post p.tags a:link, .post p.tags a:visited { text-decoration: underline; color: #888; } .post-more a:hover, .post-meta a:hover, .post p.tags a:hover { text-decoration: underline; color: #5DA1E1; } /* 3.1 Typographic Elements */ .entry, .entry p { font: 13px/1.5em Helvetica,'Droid Sans',Arial,sans-serif } .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin: 0 0 .5em; line-height: 1.5em; } .entry p { margin-bottom: 1.2em } .entry blockquote { background: url(images/blockquote.png) no-repeat 0 12px; padding: 10px 20px 10px 50px; color: #444; } .entry blockquote p { font-style: italic } .entry ul { margin-bottom: 1.5em; padding: 0 0 0 30px; } .entry ul ul { margin: 0 } .entry ul li { list-style-type: disc } .entry ul ul li { list-style-type: circle } .entry ol { margin-bottom: 1.5em; padding: 0 0 0 30px; } .entry ol ol { margin: 0 } .entry ol li { list-style-type: decimal } .entry ol li ol li { list-style-type: decimal } /** Make ordered lists increment correctly (1., 1.1, 1.1.1, etc). * Source: http://www.student.oulu.fi/~laurirai/muuta/koulujutut/kalifornia.html */ .entry ol { counter-reset: chapter; list-style-type: none; } .entry ol li, .entry ol li ol li { list-style: none } .entry ol li:before { content: counters(chapter,".") ". "; counter-increment: chapter; display: marker; } /* Cater for WooSlider lists */ .entry .wooslider ol { counter-reset: chapter; list-style-type: none; } .entry .wooslider ol li, .entry .wooslider ol li ol li { list-style: none } .entry .wooslider ol li:before { content: ''; counter-increment: chapter; display: none; } /* 3.2 Images */ .entry img, img.thumbnail {} .entry img:hover, img.thumbnail:hover { border-color: #aaa } img.wp-smiley { padding: 0; border: none; } .entry img, .wp-caption { max-width: 100%; height: auto; } .drop-shadow { border: 1px solid #E0E0E0; position: relative; float: left; width: auto; padding: 3px; background: #fff; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5); box-shadow: 0 1px 2px rgba(0,0,0,0.5); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .drop-shadow:before, .drop-shadow:after { content: ""; position: absolute; z-index: -2; } .drop-shadow p { font-size: 16px; font-weight: 700; } .curved:before { top: 10px; bottom: 10px; left: 0; right: 50%; -webkit-box-shadow: 0 0 7px -1px #000; -moz-box-shadow: 0 0 7px -1px #000; box-shadow: 0 0 7px -1px #000; -moz-border-radius: 10px / 100px; border-radius: 10px / 100px; } .curved-hz-1:before { top: 50%; bottom: 0; left: 10px; right: 10px; -moz-border-radius: 100px / 10px; border-radius: 100px / 10px; } .alignleft { float: left; height: auto; margin: 0 20px 20px 0; } .alignright { float: right; height: auto; margin: 0 0 20px 20px; } .aligncenter { text-align: center; margin-bottom: 15px; } img.aligncenter { margin-left: auto; margin-right: auto; display: block; } .entry .wp-caption { padding: 1px; text-align: center; background: #F8F8F8; border: solid 1px #ddd; } .entry .wp-caption img { margin: 0; padding: 4px 0; background: none; border: 0; } .entry .wp-caption-text { margin: 0; padding: 0; font: .9em/1.5em sans-serif; text-align: center; } .entry .wp-caption.aligncenter { margin: 0 auto 15px } .entry .gallery-caption { } /* 3.3 Pagination / WP-Pagenavi / Woo-Pagination */ .nav-entries, .wp-pagenavi, .woo-pagination { padding: 10px 15px } .nav-entries a { display: block; color: #777; text-decoration: none; } .nav-entries a:hover { text-decoration: underline } .woo-pagination { margin: 0; text-align: center; font-family: 'Helvetica Neue',Helvetica,'Droid Sans',Arial,sans-serif; margin: 0 2px; font-weight: 700; } .woo-pagination a:link, .woo-pagination a:visited { display: inline; text-decoration: none!important; color: #777; padding: 4px 9px; border: 1px solid #c3c3c3; box-shadow: ; } .woo-pagination span.extend, .woo-pagination .page-numbers { border: none; color: #383838; } .woo-pagination a:link, .woo-pagination a:visited, .woo-pagination a:active, .woo-pagination span.current { /* Border Radius */ border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-shadow: 0 1px 1px rgba(0,0,0,.06); } .woo-pagination a:link, .woo-pagination a:visited, .woo-pagination a:active, .woo-pagination span.current { border: 1px solid #CBCBCB; /* Gradient Background */ background: #fafafa; background: -moz-linear-gradient(100% 100% 90deg,#ebebeb,#fff); background: -webkit-gradient(linear,0% 0%,0% 100%,from(#fff),to(#ebebeb)); } .woo-pagination .current { padding: 4px 9px; border: 1px solid #565656; font-weight: 700; } .woo-pagination a:hover { padding: 4px 9px; border: 1px solid #bbb; } body .woo-pagination a.prev, body .woo-pagination a.next { display: inline-block; line-height: 1.85em; padding: 0 12px; text-indent: -9999em; } .ie6 .woo-pagination a.prev, .ie7 .woo-pagination a.prev, .ie8 .woo-pagination a.prev, .ie9 .woo-pagination a.prev, .opera .woo-pagination a.prev { background-image: url(images/arrow-prev.png) } .ie6 .woo-pagination a.next, .ie7 .woo-pagination a.next, .ie8 .woo-pagination a.next, .ie9 .woo-pagination a.next, .opera .woo-pagination a.next { background-image: url(images/arrow-next.png) } .woo-pagination a.prev { background-image: url(images/arrow-prev.png),-moz-linear-gradient(100% 100% 90deg,#ebebeb,#fff); background-image: url(images/arrow-prev.png),-webkit-gradient(linear,0% 0%,0% 100%,from(#fff),to(#ebebeb)); background-repeat: no-repeat; background-position: center center; } .woo-pagination a.next { background-image: url(images/arrow-next.png),-moz-linear-gradient(100% 100% 90deg,#ebebeb,#fff); background-image: url(images/arrow-next.png),-webkit-gradient(linear,0% 0%,0% 100%,from(#fff),to(#ebebeb)); background-repeat: no-repeat; background-position: center center; } .content-revisions-note { clear: both } /* 3.4 Single Post Author */ #post-author { background-color: #f3f3f3; margin: 0 0 1.5em; padding: 15px; border: 1px dotted #B2B3B3; border-width: 1px 0; clear: both; } #post-author .title { margin-bottom: 10px } #post-author .profile-image, .archive_header img { border: 1px solid #E0E0E0; float: left; margin: 0 15px 5px 0; padding: 3px; background: #FFF; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.5); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.5); box-shadow: 0 1px 1px rgba(0,0,0,0.5); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #post-author .profile-link { } /* 3.5 Entry Tables */ .entry table { width: 100%; border: 1px solid #e6e6e6; margin-bottom: 1.2em; } .entry table tr.alt-table-row { background: #f9f9f9 } .entry table th { padding: 6px 0 3px; background: #EEE; border: 1px solid #e6e6e6; text-shadow: 1px 1px 0 #fff; box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff; } .entry table td { padding: 6px 0 3px 10px; border: 1px solid #e6e6e6; } /* 3.6 Connect */ #connect { background: #f3f3f3; margin: 0 0 1.5em; padding: 15px; border: 1px dotted #B2B3B3; border-width: 1px 0; clear: both; } #main #connect .col-left, #connect .col-right { width: 48% } #connect h3 { margin-bottom: 15px } #connect p { margin: 0 0 1em } #connect .newsletter-form { margin: 0 0 1em } #connect .newsletter-form .input { } #connect .newsletter-form .email { width: 140px } #connect .newsletter-form .submit { cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #connect .social { } #connect .social a { opacity: .8 } #connect .social a:hover { opacity: 1 } #connect .related-posts { border-right: 1px solid #dedede; padding-right:10px;} #connect .related-posts ul { list-style: outside disc; margin: 5px 0 5px 15px; } .widget #connect .fl, .widget #connect .fr { float: none } #connect .social a { display: inline-block; height: 28px; width: 30px; background-image: url(images/ico-subscribe-social.png); background-repeat: no-repeat; } #connect .social a.subscribe { background-position: 0 0 } #connect .social a.twitter { background-position: -30px 0 } #connect .social a.facebook { background-position: -60px 0 } #connect .social a.youtube { background-position: -90px 0 } #connect .social a.flickr { background-position: -120px 0 } #connect .social a.linkedin { background-position: -150px 0 } #connect .social a.delicious { background-position: -180px 0 } #connect .social a.googleplus { background-position: -210px 0 } /* 3.7 Table Of Contents */ .table_of_contents { background-color: #F3F3F3; border: 1px solid #CDCDCD; margin: 0 1.2em 1.2em 0; display: inline-block; padding: 10px 0 15px; } .table_of_contents h4 { border-bottom: 1px solid #E1E1E1; font-weight: 700; margin: 0 auto 15px; padding-bottom: 5px; text-align: center; width: 50%; } .table_of_contents h4 small { color: #5DA1E1; font-weight: 400; text-transform: lowercase; } .entry .table_of_contents ol { color: #5DA1E1; margin: 0 20px; padding: 0; } .entry .table_of_contents ol li ol { padding: 0 0 0 30px; margin: 0; } /* 3.8 Author Archive */ .archive_header .container { float: left } .archive_header .container h1 { margin: 7px 0 2px } .byline { color: #9c9c9c; font-size: 12px; font-weight: 400; } ul.social-icons { float: right } ul.social-icons li { display: inline } ul.social-icons li a { display: inline-block; height: 16px; width: 16px; } ul.social-icons li.rss a { background-image: url(images/ico-user-rss.png); background-repeat: no-repeat; } ul.social-icons li.twitter a { background-image: url(images/ico-user-twitter.png); background-repeat: no-repeat; } ul.social-icons li.facebook a { background-image: url(images/ico-user-facebook.png); background-repeat: no-repeat; } #author-info-box { background-color: #F3F3F3; border: 1px solid #CDCDCD; margin: 0 0 1.2em 1.2em; float: right; padding: 15px 20px; width: 45%; } #author-info-box h3 { border-bottom: 1px solid #E1E1E1; font-weight: 700; margin: 0 auto 15px; padding-bottom: 10px; text-align: center; width: 50%; } #author-info-box dt, #author-info-box dd { float: left; width: 50%; } #author-info-box dt { font-weight: 700 } .profile-description { margin: 0 0 3.8em } #contributions { clear: both } #contributions .post { clear: none } #contributions h3 { color: #434343; margin-bottom: 11px; border-bottom: 1px dotted #B2B3B3; padding-bottom: 10px; font-size: 1.5em; } #contributions ul { display: inline-block; margin: 0 0 20px 12px; padding:0; list-style:disc} #contributions ul li { border:none; float: left; width: 46%; margin:0 2.1em .2em .2em;} /* 3.9 Revisions */ div.woo-sc-box.revision-header { margin-top: 0 } .diff-deletedline { background: #F0C1C1 } .diff-addedline { background: #C1F0C2 } /* 3.10 ToolTips */ .reference-tooltip { width: 200px; font-size: 11px; color: #fff; text-shadow: 0 0 2px #000; padding: 4px 8px; border: 1px solid rgba(255,255,255,0.25); background-color: #191919; background-color: rgba(25,25,25,0.92); background-image: -webkit-gradient(linear,0% 0%,0% 100%,from(transparent),to(#000)); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 0 3px #555; -webkit-box-shadow: 0 0 3px #555; -moz-box-shadow: 0 0 3px #555; } /* 3.11 References */ .entry #references { overflow: hidden; } .entry #references h3 { border-bottom: 1px dotted #B2B3B3; font-size: 1.333em; margin-bottom: 11px; padding-bottom: 2px; } .entry #references ol li { list-style: none } .entry #references ol { counter-reset: none; float: left; padding: 0; width: 47%; } .entry #references h3 + ol { margin-right: 5%; margin-bottom: 0.2em; } .entry #references ol li, .entry #references ol li ol li { list-style: none } .entry #references ol li:before { content: ""; counter-increment: none; display: none; } .entry #references .number { font-weight: 700 } /* ------------------------------------------------------------------------------------------- */ /* 4. WIDGETS */ /* ------------------------------------------------------------------------------------------- */ /* 4.1 Generic Widgets */ .widget {margin-bottom: 2em } .widget h3 { padding: 0 0 10px; font: bold 14px/1em Helvetica,'Droid Sans',Arial,sans-serif; color: #555; border-bottom: 1px solid #E0E0E0; } .widget p { margin-bottom: 1em } .widget ul { clear: both; list-style-position: inside; list-style-type: none; padding-left: 0; } .widget ul li { background: none repeat scroll 0 0 transparent; border-bottom: 1px solid #e0e0e0; font-size: 12px; overflow: hidden; padding: 7px 0 4px;} .widget ul li a { color: #585858; font-size: 14px; padding: 0; line-height: 1; text-decoration: none; } .widget ul li a:hover { color: #5DA1E1; text-decoration: none; } .widget ul li.current-menu-item { color: #5DA1E1 } .widget ul ul { border-top: none } .widget ul li ul.children li:last-child { border: none } .widget a.toggle { background: url(images/arrow-nav-down.png) no-repeat scroll left center transparent; float: left; text-indent: -9999em; display: block; width: 5px; height: 6px; margin-top: 5px; } .widget a.toggle.open { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); } .widget li.has-children > a { font-weight: 700; padding: 0 0 0 5px; } /* .widget_nav_menu h3, .widget_categories h3, .widget_archive h3, .widget_pages h3, .widget_recent_comments h3, .widget_recent_entries h3 { border-bottom: none } */ /* 4.2 Specific Widgets */ /* SEARCH FORM */ .searchform { width: 99%; position: relative; background-color: #F4F4F4; border-color: #BBBEBB #D1D1D1 #E9E9E9; border-style: solid; border-width: 1px; -moz-box-shadow: 0 1px 1px 1px rgba(0,0,0,0.05) inset; -webkit-box-shadow: 0 1px 1px 1px rgba(0,0,0,0.05) inset; box-shadow: 0 1px 1px 1px rgba(0,0,0,0.05) inset; } .searchform input.s { padding: 8px; width: 85%; margin: 0; border: none; background: none; color: #777; } .searchform input.search-submit { position: absolute; top: 6px; right: 10px; border: none; margin: 0; padding: 0; } /* FLICKR */ .widget_woo_flickr h3 { } .widget_woo_flickr h3 span { color: #0061D8 } .widget_woo_flickr h3 span span { color: #FF1183 } .widget_woo_flickr .flickr_badge_image { float: left; margin: 3px; } .widget_woo_flickr .wrap { position: relative; margin-bottom: 20px; margin-top: 10px; padding: 0; } .widget_woo_flickr a img { border: 1px solid #E0E0E0; float: left; margin: 0 0 8px 8px; display: block; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5); box-shadow: 0 1px 2px rgba(0,0,0,0.5); padding: 3px; } .widget_woo_flickr a:hover img { } /* LIFESTREAM */ .widget_lifestream ul li { border-bottom: 1px solid #e0e6e6 } .widget_lifestream ul li a { border: none; background: none!important; } .widget_lifestream ul .lifestream_meta { color: inherit } /* CALENDAR */ #wp-calendar { width: 95%; margin-bottom: 15px; clear: both; padding: 0; } #wp-calendar caption { padding: 10px } #wp-calendar th, #wp-calendar td { text-align: center; background: #E7E7E7; color: #9E9E9E; padding: 5px; } #wp-calendar td { background: transparent } #wp-calendar td, table#wp-calendar th { padding: 3px 0 } /* BLOG AUTHOR */ .widget_woo_blogauthorinfo h3, .widget_text h3, .widget_tag_cloud h3 { margin-bottom: 12px } .widget_woo_blogauthorinfo .left { float: left; margin: 0 10px 5px 0; } .widget_woo_blogauthorinfo .right { float: right; margin: 0 0 5px 10px; } /* TWITTER */ .widget_woo_twitter .back { padding: 10px; background: #fafafa; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .widget_woo_twitter ul { background: #fff; padding-left: 0; border: 1px solid #E0E0E0; } .widget_woo_twitter ul li { padding: 15px; list-style: none; } .widget_woo_twitter ul li:last-child { border: none } .widget_woo_twitter ul li a { padding: 0 } .widget_woo_twitter ul li .time { color: #999 } .widget_woo_twitter p { padding: 10px 0 0 5px; font-weight: 700; color: #777; } .widget_woo_twitter p a { color: #222 } .widget_woo_twitter ul li .content { font-size: 13px; font-family: Droid Serif,Georgia,times,serif; } .widget.widget_woo_twitter h3 { border-bottom: none; padding: 0; margin: 0; padding-bottom: 10px; } /* WOOTABS */ #tabs { background-color: #f3f3f3; height: auto; display: block; padding: 5px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #tabs ul.wooTabs { padding: 0 } #tabs ul.wooTabs li { float: left; display: inline; color: #fff; margin: 0 4px 0 0; padding: 0; overflow: visible; cursor: pointer; height: 31px; background: #f5f5f5; background: -moz-linear-gradient(100% 100% 90deg,#EBEBEB,#fff); background: -webkit-gradient(linear,0% 0%,0% 100%,from(#fff),to(#EBEBEB)); border: 1px solid #E0E0E0; border-width: 1px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } #tabs ul.wooTabs li:first-child { border-width: 1px 1px 0 } #tabs ul.wooTabs li a { color: #535353; display: block; float: left; padding: 8px 8px 0; text-transform: none; font: normal 15px/15px Helvetica,'Droid Sans',Arial,sans-serif; } #tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { background: #fff; text-decoration: none; padding-bottom: 11px; border-width: 1px 1px 0 0; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } #tabs .inside { background: #fff; border: 1px solid #E0E0E0; margin-top: -1px; } #tabs .inside ul, #tabs .inside #tab-tags { margin: 0; padding: 0; display: none; } #tabs .inside ul:first-child { display: inline } #tabs .inside #tab-tags { border-width: 1px; padding: 10px; } #tabs .inside li { border-bottom: 1px solid #E0E0E0; padding: 15px; list-style: none; } #tabs .inside li a { color: #555; font: bold 12px/18px Helvetica,'Droid Sans',Arial,sans-serif; padding: 0; } #tabs .inside a:hover { } #tabs .inside #tab-tags a { padding: 2px 4px; margin: 3px 1px; display: inline-block; background: #f0f0f0; font-size: 13px!important; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #tabs .inside #tab-tags a:hover { background: #e6e6e6; text-decoration: none; } #tabs .inside li span.meta { display: block; font: italic 11px/20px Droid Serif,Georgia,times,serif; text-transform: normal; color: #999; } #tabs .inside li img.avatar, #tabs .inside li img.thumbnail { border: 1px solid #E0E0E0; float: left; margin: 0 10px 0 0; padding: 3px; background: #FFF; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.5); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.5); box-shadow: 0 1px 1px rgba(0,0,0,0.5); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #tabs .inside li img.avatar:hover, #tabs .inside li img.thumbnail:hover { border-color: #aaa } /* ------------------------------------------------------------------------------------------- */ /* 5. COMMENTS */ /* ------------------------------------------------------------------------------------------- */ /* 5.1 Comments */ #comments { position: relative; margin: 2em 0 0; padding: 2em 0 0; border-bottom: 1px dotted #B2B3B3; border-top: 1px dotted #B2B3B3; } #comments h3 { color: #333; font-size: 18px; font-weight: 400; margin-bottom: 10px; } #comments .comment.thread-even { background-color: #f3f3f3 } #comments .comment.bypostauthor { background: #fef6d2; border-bottom: 1px solid #efe3ae; } #comments .comment { border-top: 1px dotted #B2B3B3; width: 100%; list-style-type: none; } #comments .comment .comment-container { position: relative; padding: 20px; } #comments .comment-head { margin: 0 0 3px 65px } #comments .avatar { float: left } #comments .avatar img { border: 1px solid #E0E0E0; background: none repeat scroll 0 0 #FFF; margin: 0; padding: 3px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.5); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.5); box-shadow: 0 1px 1px rgba(0,0,0,0.5); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #comments .comment-head .name { color: #141414; display: block; margin: 0; font-weight: 700; font-size: 15px; text-transform: capitalize; } #comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { color: #A1ACB4; font-size: 11px; } #comments .comment-entry { margin: 0 0 0 65px } #comments .comment-entry p { margin: 0 0 10px } #comments .reply { left: 15px; position: absolute; top: 68px; } #comments .reply a { font: 11px/18px sans-serif } #comments .reply a:hover { background-color: #e6e6e6 } #comments ul.children { margin: 10px 0 0 25px; padding: 0; } #comments ul.children li { border-top: 1px dotted #B2B3B3 } #comments .cancel-comment-reply { margin: 10px 0 } #comments .navigation { } #comments .navigation a { display: block; margin: 15px 0 0; text-decoration: none; } #comments .navigation a:hover { } #comments h3#pings { margin-top: 25px } #comments .pingbacks li.pingback { margin: 10px 0 } #comments .pingbacks li.pingback .reply { display: none } /* 5.2 Comments Form */ #respond { margin: 2em 0 0 } #respond h3 { border-bottom: 1px dotted #B2B3B3; color: #333; font-size: 20px; font-weight: 400; margin-bottom: 20px; padding-bottom: 3px; } #respond .left { float: left; width: 200px; margin-right: 15px; } #respond .right { float: left; width: 380px; } #respond label { font-size: 11px; color: #777; } #respond #reply-title small { display: block; margin: 10px 0; font-size: 12px; } #commentform { margin: 15px 0 0 } #commentform label { position: relative; display: inline; vertical-align: top; display: inline-block; margin-top: 5px; } #commentform input.txt, #commentform textarea, #contact-page ol.forms input.txt, #contact-page ol.forms textarea { border-color: #BBBEBB #D1D1D1 #E9E9E9; border-style: solid; border-width: 2px 1px 1px; font: 14px/14px Arial,Helvetica,sans-serif; -moz-box-shadow: 2px 2px 2px -2px rgba(0,0,0,0.1) inset; -webkit-box-shadow: 2px 2px 2px -2px rgba(0,0,0,0.1) inset; box-shadow: 2px 2px 2px -2px rgba(0,0,0,0.1) inset; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } #commentform input.txt { color: #666; background: #F4F4F4; width: 170px; margin: 0 5px 10px 0; padding: 5px 7px; } #commentform textarea, #contact-page ol.forms textarea { color: #666; background: #F4F4F4; width: 95%!important; padding: 5px 7px; } #contact-page ol.forms input.txt { color: #666; background: #F4F4F4; } #commentform .comment-form-comment label { display: none } #respond #commentform #submit { cursor: pointer; font-size: 15px; margin: 10px 0 0; padding: 8px 12px 4px; } .container .comments { border: 1px solid #4A8ECF; height: 25px; position: absolute; right: 0; top: 0; width: 34px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #589CDC; background: -webkit-gradient(linear,left top,left bottom,from(#6fb1f0),to(#589CDC)); background: -webkit-linear-gradient(#6fb1f0,#589CDC); background: -moz-linear-gradient(center top,#6fb1f0 0%,#589CDC 100%); background: -moz-gradient(center top,#6fb1f0 0%,#589CDC 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#6fb1f0,endColorstr=#589CDC); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#6fb1f0,endColorstr=#589CDC)"; } .container .comments span { display: block; text-indent: -9999em; } .container .comments:after { border-color: #589CDC transparent; border-style: solid; border-width: 8px 8px 0 0; bottom: -7px; content: ""; display: block; left: 7px; position: absolute; width: 0; } .container .comments a { color: #FFF; display: block; font-size: 15px; line-height: 26px; text-align: center; text-shadow: 0 -1px 0 rgba(0,0,0,0.6); } /* 5.3 Pingbacks / Trackbacks */ h3#pings { margin: 25px 0 10px } .pinglist li { margin: 0 0 0 20px; list-style-type: decimal; } .pinglist li .author { font-weight: 700; font-size: 15px; } .pinglist li .date { font-size: 11px } .pinglist li .pingcontent { display: block; margin: 10px 0; } /* ------------------------------------------------------------------------------------------- */ /* 6. PAGE TEMPLATES */ /* ------------------------------------------------------------------------------------------- */ /* 6.1 Timeline Page Template */ #archives { padding: 10px 0 0 } #archives a { font-style: italic } h3.archive_year { font: bold 20px/1em sans-serif; color: #555; margin-top: 0; } #archives .archives_list { border-left: 1px solid #e6e6e6; list-style: none; list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0 0 15px 15px; } #archives .archives_list li { clear: left; padding-left: 24px; font-size: 12px; font-style: normal; list-style: none; margin-bottom: 10px; } #archives .archives_list .date { color: gray; width: 100px; font-style: italic; display: inline-block; vertical-align: top; } #archives .archives_list .linked { width: 270px; display: inline-block; vertical-align: top; } #archives .archives_list .comments { width: 100px; display: inline-block; vertical-align: top; } #archives .archives_list .comments a { color: gray; font-size: 12px; font-style: italic; text-decoration: underline; padding-left: 13px; } #archives .archives_list .comments a:hover { text-decoration: none } /* 6.2 Contact Form */ #contact-page .screenReader { left: -9999px; position: absolute; top: -9999px; } #contact-page ol.forms { float: left; list-style: none; width: 100%; margin: 10px 0 0; } #contact-page ol.forms li { clear: both; float: left; margin-bottom: 18px; position: relative; width: 100%; } #contact-page ol.forms label { cursor: pointer; display: block; font-weight: 700; margin: 0 0 10px; } #contact-page ol.forms input.txt { width: 50% } #contact-page ol.forms input#sendCopy { border: none } #contact-page ol.forms textarea { height: 300px; width: 97%; } #contact-page ol.forms li .error { font-size: 12px; display: block; color: red; } #contact-page ol.forms li.textarea .error { display: block } #contact-page ol.forms li.screenReader { margin-bottom: 0 } #contact-page ol.forms li.buttons .submit { margin: 5px 0 0; cursor: pointer; } #contact-page ol.forms li.inline input { width: auto } #contact-page ol.forms li.inline label { display: inline; float: none; width: auto; } .entry #contact-page ol.forms li { list-style: none } /* Added to accomodate the contact form shortcode */ /* ------------------------------------------------------------------------------------------- */ /* 7. MISC */ /* ------------------------------------------------------------------------------------------- */ /* 7.1 Buttons */ a.button, a.comment-reply-link, #commentform #submit, .submit, input[type=submit], input.button, button.button { display: inline-block; nowhitespace: afterproperty; margin: 5px; padding: 3px 13px; border: 1px solid #4A8ECF; color: #fff!important; text-align: center; text-shadow: 0 -1px 0 hsla(0,0%,0%,.3); text-decoration: none; font-size: 1em; /* Make inputs the same size as anchors */ font-family: inherit; /* Make inputs use the correct typeface instead of the browser default */ cursor: pointer; /* Inputs need pointers! */ nowhitespace: afterproperty; /*Border radius*/ -webkit-border-radius: 3px; nowhitespace: afterproperty; -moz-border-radius: 3px; border-radius: 3px; /*Background*/ background: #589CDC; /*Fallback*/ background: -webkit-gradient(linear,left top,left bottom,from(#6fb1f0),to(#589CDC)); nowhitespace: afterproperty; background: -webkit-linear-gradient(#6fb1f0,#589CDC); background: -moz-linear-gradient(center top,#6fb1f0 0%,#589CDC 100%); background: -moz-gradient(center top,#6fb1f0 0%,#589CDC 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#6fb1f0,endColorstr=#589CDC); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#6fb1f0,endColorstr=#589CDC)"; /*Box shadow*/ -webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0,0%,0%,.29) /*Shadow*/; -moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0,0%,0%,.29) /*Shadow*/; box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0,0%,0%,.29) /*Shadow*/; } a.button.large { padding: 6px 16px } a.button.small, a.comment-reply-link { padding: 0 9px } a.button:hover, a.button.hover, a.comment-reply-link:hover, #commentform #submit:hover, .submit:hover, input[type=submit]:hover, input.button:hover, button.button:hover { opacity: .8 } a.button:active, a.button.active, button.button:active, input.submit:active, a.comment-reply-link:active, input#submit:active { border-color: #20559a; text-decoration: none!important; /*Background*/ background: #6fb1f0; /*Fallback*/ background: -webkit-gradient(linear,left top,left bottom,from(#589CDC),to(#6fb1f0)); nowhitespace: afterproperty; background: -webkit-linear-gradient(#589CDC,#6fb1f0); background: -moz-linear-gradient(center top,#589CDC 0%,#6fb1f0 100%); background: -moz-gradient(center top,#589CDC 0%,#6fb1f0 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#589CDC,endColorstr=#6fb1f0); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#589CDC,endColorstr=#6fb1f0)"; /*Box shadow*/ -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.05) /*Top*/, inset 1px 1px 4px -1px rgba(0, 0, 0, 0.2) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .01) /*Shadow*/; -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.05) /*Top*/, inset 1px 1px 4px -1px rgba(0, 0, 0, 0.2) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .01) /*Shadow*/; box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.05) /*Top*/, inset 1px 1px 4px -1px rgba(0, 0, 0, 0.2) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .01) /*Shadow*/; } /* 7.2 Gravity forms */ .gfield { margin-bottom: 10px } .gform_wrapper .top_label .gfield_label { display: block; padding-right: 20px; width: 100px; margin: 5px 0 4px !important; } .gform_wrapper input.button { padding: 5px 10px 6px!important } .gform_wrapper input { padding: 7px 3px!important } .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea { width: 400px!important; padding: 7px 3px!important; } .gform_wrapper .entry img, .gform_wrapper img.thumbnail { padding: 0!important; border: 0!important; } ul.top_label .clear-multi { clear: none!important } .gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio { margin-left: 120px!important } img.ui-datepicker-trigger { border: 0; padding: 0; } /* 7.3 IE specific styling */ .ie6 .nav .sf-sub-indicator { display: none } .ie6 .nav li a:hover { text-decoration: none } .ie6 .nav li a.sf-with-ul { padding-right: 10px } .ie6 .button, .ie6 .button:visited { margin: 0; color: #555!important; font-weight: 400; } .ie7 .nav li a { _height: 0; zoom: 1; } /* IE7 Fix */ .ie7 .button, .ie7 .button:visited { padding: 7px 6px; margin: 0; } .ie8 .button, .ie8 .button:visited { padding: 10px 15px; margin: 0; }