/* Theme Name: Svalorna Theme URI: http://http://www.svalorna.org/ Description: Svalorna Indien Bangladesh är en ideell, partipolitiskt och religiöst obunden organisation för internationellt solidaritets- och utvecklingsarbete. Author: Sebastian Nilsson, Linus Ekenstam Version: 1.0 Tags: Svalorna, Bangladesh, Indien */ /* HTML5 ✰ Boilerplate style.css contains a reset, font normalization and some base styles. credit is left where credit is due. much inspiration was taken from these projects: yui.yahooapis.com/2.8.1/build/base/base.css camendesign.com/design/ praegnanz.de/weblog/htmlcssjs-kickstart */ /* html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline) v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark html5doctor.com/html-5-reset-stylesheet/ */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; } nav ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } ins { background-color:#ff9; color:#000; text-decoration:none; } mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; } /* tables still need cellspacing="0" in the markup */ table { border-collapse:collapse; border-spacing:0; } hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; } input, select { vertical-align:middle; } /* END RESET CSS */ /* fonts.css from the YUI Library: developer.yahoo.com/yui/ Refer to developer.yahoo.com/yui/3/cssfonts/ for font sizing percentages There are three custom edits: * remove arial, helvetica from explicit font stack * we normalize monospace styles ourselves * table font-size is reset in the HTML5 reset above so there is no need to repeat */ body { font:13px/1.231 sans-serif; *font-size:small; } /* hack retained to preserve specificity */ select, input, textarea, button { font:99% sans-serif; } /* normalize monospace sizing * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */ pre, code, kbd, samp { font-family: monospace, sans-serif; } /* * minimal base styles */ body, select, input, textarea { /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */ color: #444; /* set your base font here, to apply evenly */ /* font-family: Georgia, serif; */ } /* Headers (h1,h2,etc) have no default font-size or margin, you'll want to define those yourself. */ /* always force a scrollbar in non-IE */ html { overflow-y: scroll; } /* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */ a:hover, a:active { outline: none; } a, a:active, a:visited { } a:hover { color: #036; } ul, ol { margin-left: 1.8em; } ol { list-style-type: decimal; } /* Remove margins for navigation lists */ nav ul, nav li { margin: 0; } small { font-size: 85%; } strong, th { font-weight: bold; } td, td img { vertical-align: top; } sub { vertical-align: sub; font-size: smaller; } sup { vertical-align: super; font-size: smaller; } pre { padding: 15px; /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */ white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ } textarea { overflow: auto; } /* thnx ivannikolic! www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */ .ie6 legend, .ie7 legend { margin-left: -7px; } /* thnx ivannikolic! */ /* align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css */ input[type="radio"] { vertical-align: text-bottom; } input[type="checkbox"] { vertical-align: bottom; } .ie7 input[type="checkbox"] { vertical-align: baseline; } .ie6 input { vertical-align: text-bottom; } /* hand cursor on clickable input elements */ label, input[type=button], input[type=submit], button { cursor: pointer; } /* webkit browsers add a 2px margin outside the chrome of form elements */ button, input, select, textarea { margin: 0; } /* colors for form validity */ input:valid, textarea:valid { } input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; } .no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; } /* These selection declarations have to be separate. No text-shadow: twitter.com/miketaylr/status/12228805301 Also: hot orange!. */ ::-moz-selection{ background: #ff9000; color:#fff; text-shadow: none; } ::selection { background:#ff9000 ; color:#fff; text-shadow: none; } /* j.mp/webkit-tap-highlight-color */ a:link { -webkit-tap-highlight-color: #FF5E99; } /* make buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */ button { width: auto; overflow: visible; } /* bicubic resizing for non-native sized IMG: code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ .ie7 img { -ms-interpolation-mode: bicubic; } /* * Non-semantic helper classes */ /* for image replacement */ .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; } /* Hide for both screenreaders and browsers css-discuss.incutio.com/wiki/Screenreader_Visibility */ .hidden { display: none; visibility: hidden; } /* Hide only visually, but have it available for screenreaders www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden */ .visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */ .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; } .clearfix:after { clear: both; } /* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */ .clearfix { zoom: 1; } /* Primary Styles Author: Sebastian Nilsson */ /* Färger: Orange: #ff9000; Dark Orange: #d87a00; Orange Hover: #ffb14c; Svart: #202020; */ /*------------------------------------------------------------------------------------------------------------------------------------------ ∞∞∞∞∞ Fundament ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ -------------------------------------------------------------------------------------------------------------------------------------------- */ body {background-image: url('images/png/top_post_bg.png'); background-repeat: repeat-x;} html {-webkit-font-smoothing: antialiased;background-color: #000602; background-image: url(images/jpg/bg.jpg); background-position: top center; background-repeat: no-repeat;} #wrap {width:960px; padding:0 10px 0 10px; margin:auto;} .error404 .widget-title {margin-top:15px;} /*------------------------------------------------------------------------------------------------------------------------------------------ ∞∞∞∞∞ Typografi ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ -------------------------------------------------------------------------------------------------------------------------------------------- */ a {text-decoration: none; color:#ff9000;} a:hover {color:#ffb14c;} a:active {} h1, h2 {font-family: 'LeagueGothicRegular',"Helvetica Neue", Arial, Helvetica, sans-serif;} h1 {} h2 {font-size:38px;font-weight: 100; line-height: 40px;} h3 {font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: lighter; color:#666; font-size:16px; text-transform:uppercase; letter-spacing: 2px;} h4 {font-size:16px; font-weight: bold; color:#fff; font-family:Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;} h5 {font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; color:#444; font-weight: 500; font-size:11px; text-transform:uppercase; letter-spacing: 2px; line-height: 20px;} p {font-family:Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; font-size:14px; line-height: 22px; color:#000;} p+p {margin-top:20px;} @font-face { font-family: 'LeagueGothicRegular'; src: url('fonts/league_gothic-webfont.eot'); src: url('fonts/league_gothic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/league_gothic-webfont.woff') format('woff'), url('fonts/league_gothic-webfont.ttf') format('truetype'), url('fonts/league_gothic-webfont.svg#LeagueGothicRegular') format('svg'); font-weight: normal; font-style: normal; } .wp-caption-text {font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: bold; color:#b5b5b5; text-transform: uppercase; font-size: 11px; letter-spacing: 2px;} /*------------------------------------------------------------------------------------------------------------------------------------------ ∞∞∞∞∞ Top ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ -------------------------------------------------------------------------------------------------------------------------------------------- */ #top {height: 57px; width:100%; background-color: #ff9000; z-index: 5; -moz-box-shadow: 10px 10px 5px #333; -webkit-box-shadow: 10px 10px 5px #333; box-shadow: 0px 3px 5px #333;} #top_wrap {width:960px; padding:0 10px 0 10px; margin: auto;} #logo {width:166px; height: 56px; background-image: url(images/png/svalorna_logotyp.png); float: left; margin-right: 40px;} /*Navigation*/ #menu-navigation {float:left; height: 57px;} #menu-navigation li {display: inline; float: left;} #menu-navigation li a {font-family: 'LeagueGothicRegular',"Helvetica Neue", Arial, Helvetica, sans-serif; font-size:26px; color:#fff;text-shadow: #7f4800 1px 1px 0px; text-transform: uppercase; float: left; padding:15px 10px 10px 10px; } .sub-menu {display:none; position:absolute; float: none; width:180px; z-index: 99; margin-top: 57px; -moz-box-shadow: 5px 0px 0px #000; -webkit-box-shadow: 5px 0px 0px #000; box-shadow: 5px 0px 0px #000;} #menu-navigation .sub-menu a {font-size: 20px;} #menu-navigation li > ul li a {width:180px; display: block; background-color: #ff9000;} #menu-navigation li:hover > .sub-menu {display: block;} #access .current-menu-item > a {background-color: #d87a00;} #access .current-menu-ancestor > a {background-color: #d87a00;} #access li a:hover {background-color: #d87a00;} .sub-menu ul {margin-top:0px;} .sub-menu > li .sub-menu {margin-left: 200px;} .sub-menu > li .sub-menu li .sub-menu {margin-left:200px; position: relative; bottom:-57px;} /*------------------------------------------------------------------------------------------------------------------------------------------ ∞∞∞∞∞ Header ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ -------------------------------------------------------------------------------------------------------------------------------------------- */ header {height: 265px;background-image: url(images/png/karta.png); background-position: left top; background-repeat: no-repeat; padding-top:35px;} #top_post {width:490px; padding-left: 30px; float: left;} #top_post h2 {color:#fff; text-shadow: #222 1px 2px 0px; margin-bottom: 20px;} #top_post p {color:#fff; width:500px; font-weight: bold; text-shadow: 1px 1px 1px #000;} .top_bild {float: right;} .top_bild img {border:10px solid #fff; -moz-box-shadow: 2px 2px 0px #000;-webkit-box-shadow: 2px 2px 0px #000; box-shadow: 2px 2px 0px #000;} /*------------------------------------------------------------------------------------------------------------------------------------------ ∞∞∞∞∞ Content ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ -------------------------------------------------------------------------------------------------------------------------------------------- */ section#content {background-color: #f6f7f6;-moz-box-shadow: 0px 20px 15px #000;-webkit-box-shadow: 0px 20px 15px #000; box-shadow: 0px 0px 15px #000; padding:50px 30px 150px 30px; border-top:1px solid #fff; margin-bottom:-25px; z-index: 100; overflow: hidden;} .entry-title a {color:#333;} .entry-title a:hover {color:#ff9000;} .fb-like {margin-top: 8px;} .page-template-page-trekolumn-php #inlagg {width: 340px;} .page-template-page-trekolumn-php #sidebar li {margin-top: 0px} #inlagg {width:590px; float: left;} #sidebar {width:240px; float: right;} .top_datum a {text-transform: uppercase; color:#333;} #leftSidebar {width:270px; float: left;} #leftSidebar li {margin-top: 0px; list-style-type: none;} #foretagspartners li {list-style-type: none; width: 240px; float: right;} /*------------------------------------------------------------------------------------------------------------------------------------------ ∞∞∞∞∞ Article ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ -------------------------------------------------------------------------------------------------------------------------------------------- */ article h2 {text-transform: uppercase;} article img {border:10px solid #fff; -moz-box-shadow: 0px 0px 3px #ddd; -webkit-box-shadow: 0px 0px 3px #ddd; box-shadow: 0px 0px 3px #ddd;} article h4 {color:#444;} .bread {margin-top:20px;} .entry-utility {margin-top:25px;} .entry-utility a {display: inline; float: left;} .entry-utility h3 {float: left;} .leave_comment a {font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: lighter; font-size:16px; text-transform:uppercase; letter-spacing: 2px; margin-left: 5px;} .meta_box {width:160px; float: left; margin-right: 30px; margin-bottom:10px; line-height: 23px;} article.post {padding-bottom: 45px; margin-bottom:1px;} .post-categories {list-style-type: none; margin-left:0px;} .separator {width:543px; height: 15px; background-image: url(images/png/separator.png); margin-top:50px;} /* Search */ .search-no-results #content .widget-title {margin-top:25px;} .search-results #content article {margin-bottom:50px; padding-bottom:50px;} /* Sidebar */ .xoxo, .xoxo_lower {margin-left:0px; list-style-type: none;} .widget-title {font-size:38px; font-weight:100; font-family: 'LeagueGothicRegular',"Helvetica Neue", Arial, Helvetica, sans-serif; color:#333;} .textwidget h3 {margin-top:10px; margin-bottom: 5px;} /* Single */ .social-wrapper {width:100px; height: 100px; float: left;} .single #content article {padding-top:25px;} #side_gallery {display: block;} .xoxo .attachment-thumbnail {float:left; width:110px; height:110px; margin:5px;} .widget-container {margin-top:30px;} .widget_recent_entries li, .widget_categories li, .widget_archive li {list-style-type: none;} .widget_recent_entries ul, .widget_archive ul, .widget_categories ul {margin-left: 0px;} #sidebar a {font-size:14px;font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; text-transform: uppercase; color:#ff9000;} #sidebar a:hover {color:#ffb14c;} #recent-posts-2 {margin-top:15px;} #recent-posts-2 li {margin-bottom: 10px;} #categories-2 li {margin-bottom: 10px;} /* Samlingsartiklar */ .samlingsartikel {width: 100%; margin-bottom: 25px; padding-top:10px;} .readMore {margin-top: 15px;} /* Loppis */ .page-template-page-loppis-php p {width:600px;} .page-template-page-loppis-php .gallery {margin-top:50px;} .opettider {float:right; width: 200px;} /*------------------------------------------------------------------------------------------------------------------------------------------ ∞∞∞∞∞ Sitefoot ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ -------------------------------------------------------------------------------------------------------------------------------------------- */ #sitefoot {height:323px; width:100%; background-image: url(images/png/top_post_bg.png); margin-bottom:-20px; z-index: -1; position: absolute; padding-bottom:20px;} #foot_wrap {width:960px; margin:0 10px 0 10px; margin: auto; padding-top:50px;} #menu-navigation-1 {margin-left:0px; list-style-type: none;} #menu-navigation-1 li {list-style-type: none;} #menu-navigation-1 li > ul {margin-left:10px;} #menu-navigation-1 a {font-family:'LeagueGothicRegular',"Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: lighter; font-size:16px; color:#fff;} #menu-navigation-1 a:hover {color:#ff9000;} .foot_rubrik {color:#fff;} #foot_wrap .widget-container {float:left; width:300px;} .blogroll {color:#fff; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; color:#444; font-weight: 500; font-size:11px; text-transform:uppercase; letter-spacing: 2px; line-height: 20px;} /*------------------------------------------------------------------------------------------------------------------------------------------ ∞∞∞∞∞ Comment ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ -------------------------------------------------------------------------------------------------------------------------------------------- */ .comment { margin-bottom:10px; background-color:#fff; padding:0 20px 0 20px; border:1px solid #ddd; -moz-box-shadow: 0px 0px 5px #888;-webkit-box-shadow: 0px 0px 5px #888;box-shadow: 0px 0px 5px #ddd;} .depth-2, .depth-3, .depth-4, .depth-5 {list-style-type: none; border-left:1px dotted #ddd; border-bottom: none;} .kommentarlista {margin-left:0px; list-style-type: none;margin-top:25px;} .comment-reply-link {margin-top:15px; display: block;} .comment article {padding-bottom:0px;} .leave_comment a {color:#ff9000;} .leave_comment a:hover {color:#ffb14c;} #foot_wrap li {list-style-type: none;} #foot_wrap .widget-title {color:#fff;} /* =Comments -------------------------------------------------------------- */ #comments { clear: both; } #comments .navigation { padding: 0 0 18px 0; } h3#comments-title, h3#reply-title { color: #000; font-size: 20px; font-weight: bold; margin-bottom: 0; } h3#comments-title { padding: 24px 0; } .commentlist { list-style: none; margin: 0; } .commentlist li.comment { border-bottom: 1px solid #e7e7e7; line-height: 24px; margin: 0 0 24px 0; padding: 0 0 0 56px; position: relative; } .commentlist li:last-child { border-bottom: none; margin-bottom: 0; } #comments .comment-body ul, #comments .comment-body ol { margin-bottom: 18px; } #comments .comment-body p:last-child { margin-bottom: 6px; } #comments .comment-body blockquote p:last-child { margin-bottom: 24px; } .commentlist ol { list-style: decimal; } .commentlist .avatar { position: absolute; top: 4px; left: 0; } .comment-author { } .comment-author cite { color: #000; font-style: normal; font-weight: bold; } .comment-author .says { font-style: italic; } .comment-meta { font-size: 12px; margin: 0 0 18px 0; } .comment-meta a:link, .comment-meta a:visited { color: #888; text-decoration: none; } .comment-meta a:active, .comment-meta a:hover { color: #ff9000; } .commentlist .even { } .commentlist .bypostauthor { } .reply { font-size: 12px; padding: 0 0 24px 0; } .reply a, a.comment-edit-link { color: #888; } .reply a:hover, a.comment-edit-link:hover { color: #ff9000; } .commentlist .children { list-style: none; margin: 0; } .commentlist .children li { border: none; margin: 0; } .nopassword, .nocomments { display: none; } #comments .pingback { border-bottom: 1px solid #e7e7e7; margin-bottom: 18px; padding-bottom: 18px; } .commentlist li.comment+li.pingback { margin-top: -6px; } #comments .pingback p { color: #888; display: block; font-size: 12px; line-height: 18px; margin: 0; } #comments .pingback .url { font-size: 13px; font-style: italic; } /* Comments form */ input[type=submit] { color: #333; } #respond { border-top: 1px solid #e7e7e7; margin: 24px 0; overflow: hidden; position: relative; } #respond p { margin: 0; } #respond .comment-notes { margin-bottom: 1em; } .form-allowed-tags { line-height: 1em; } .children #respond { margin: 0 48px 0 0; } h3#reply-title { margin: 18px 0; } #comments-list #respond { margin: 0 0 18px 0; } #comments-list ul #respond { margin: 0; } #cancel-comment-reply-link { font-size: 12px; font-weight: normal; line-height: 18px; } #respond .required { color: #ff4b33; font-weight: bold; } #respond label { color: #888; font-size: 12px; } #respond input { margin: 0 0 9px; width: 98%; } #respond textarea { width: 98%; } #respond .form-allowed-tags { color: #888; font-size: 12px; line-height: 18px; } #respond .form-allowed-tags code { font-size: 11px; } #respond .form-submit { margin: 12px 0; } #respond .form-submit input { font-size: 14px; width: auto; } /* =Gallery listing -------------------------------------------------------------- */ .format-gallery .size-thumbnail img, .category-gallery .size-thumbnail img { border: 10px solid #f1f1f1; margin-bottom: 0; } .format-gallery .gallery-thumb, .category-gallery .gallery-thumb { float: left; margin-right: 20px; margin-top: -4px; } .home #content .format-gallery .entry-utility, .home #content .category-gallery .entry-utility { padding-top: 4px; } /* =Attachment pages -------------------------------------------------------------- */ .attachment .entry-content .entry-caption { font-size: 140%; margin-top: 24px; } .attachment .entry-content .nav-previous a:before { content: '\2190\00a0'; } .attachment .entry-content .nav-next a:after { content: '\00a0\2192'; } /* =Images -------------------------------------------------------------- */ /* Resize images to fit the main content area. - Applies only to images uploaded via WordPress by targeting size-* classes. - Other images will be left alone. Use "size-auto" class to apply to other images. */ img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img { max-width: 100%; /* When images are too wide for containing element, force them to fit. */ height: auto; /* Override height to match resized width for correct aspect ratio. */ } .alignleft, img.alignleft { display: inline; float: left; margin-right: 24px; margin-top: 4px; } .alignright, img.alignright { display: inline; float: right; margin-left: 24px; margin-top: 4px; } .aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } img.alignleft, img.alignright, img.aligncenter { margin-bottom: 12px; } .wp-smiley { margin: 0; } .gallery { margin: 0 auto 18px; } .gallery .gallery-item { float: left; margin-top: 3px; text-align: center; width: 33%; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery img { border: 2px solid #cfcfcf; } .gallery-columns-2 .attachment-medium { max-width: 92%; height: auto; } .gallery-columns-4 .attachment-thumbnail { max-width: 84%; height: auto; } .gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; } .gallery dl { margin-right:3px; margin-top:20px; } .gallery img { border: 10px solid #fff; } .gallery br+br { display: none; } #content .attachment img {/* single attachment images should be centered */ display: block; margin: 0 auto; } /* * Media queries for responsive design * These follow after primary styles so they will successfully override. */ @media all and (orientation:portrait) { /* Style adjustments for portrait mode goes here */ } @media all and (orientation:landscape) { /* Style adjustments for landscape mode goes here */ } /* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome) Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */ @media screen and (max-device-width: 480px) and (max-device-width: 1024px) { body {background-color: #090906; background-image: url(images/jpg/ipad_bg.jpg); background-position: top center; background-repeat: no-repeat;} /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you j.mp/textsizeadjust html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */ } @media screen and (max-device-width: 1024px) { body {background-color: #090906; background-image: url(images/jpg/ipad_bg.jpg); background-position: top center; background-repeat: no-repeat;} /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you j.mp/textsizeadjust html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */ } /* * print styles * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ */ @media print { * { background: transparent !important; color: #444 !important; text-shadow: none !important; } a, a:visited { color: #444 !important; text-decoration: underline; } a:after { content: " (" attr(href) ")"; } abbr:after { content: " (" attr(title) ")"; } .ir a:after { content: ""; } /* Don't show links for images */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ tr, img { page-break-inside: avoid; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; } } /** END HTML5 Boilerplate CSS **/ /** START Starkers CSS **/ /* LAYOUT */ /* ----------------------------------------- */ /* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */ .aligncenter { display:block; margin:0 auto } .alignleft { float:left } .alignright { float:right } .wp-caption { text-align:right; margin:10px; font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; } /* You might find the following useful */ /* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */ br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */ li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */ /* TYPOGRAPHY */ /* ----------------------------------------- */ h1, h2, h3, h4, h5, h6 { } /* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */ .alert { background:red; color:white } /* 'alert' has a basic style, since it's useful to have it standing out for testing purposes. /* Font stack options The following represents a list of font stacks, as recommended by Nathan Ford in http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/ I've added inverted commas around the relevant family names to ensure compatibility. p = balanced for paragraphs or body copy t = balanced for headlines or titles - - - - Arial, "Helvetica Neue", Helvetica, sans-serif - p, t Baskerville, "Times New Roman", Times, serif - p Baskerville, "Times, Times New Roman", serif - t Cambria, Georgia, Times, "Times New Roman", serif - p, t "Century Gothic", "Apple Gothic", sans-serif - p, t Consolas, "Lucida Console", Monaco, monospace - p, t "Copperplate Light", "Copperplate Gothic Light", serif - p, t "Courier New", Courier, monospace - p, t "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif - p, t Futura, "Century Gothic", "Apple Gothic", sans-serif - p, t Garamond, "Hoefler Text", "Times New Roman", Times, serif - p Garamond, "Hoefler Text", Palatino, "Palatino Linotype", serif - t Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif - p Geneva, Verdana, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif - t Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif - p Georgia, Times, "Times New Roman", serif - t GillSans, Calibri, Trebuchet, sans-serif - p GillSans, Trebuchet, Calibri, sans-serif - t "Helvetica Neue", Arial, Helvetica, sans-serif - p Helvetica, "Helvetica Neue", Arial, sans-serif - t Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif - p, t "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif - p, t Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif - p Palatino, "Palatino Linotype", "Hoefler Text", Times, "Times New Roman", serif - t Tahoma, Geneva, Verdana - p Tahoma, Verdana, Geneva - t Times, "Times New Roman", Georgia, serif - p, t Trebuchet, "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif - p Trebuchet, Tahoma, Arial, sans-serif - t Verdana, Geneva, Tahoma, sans-serif - p Verdana, Tahoma, Geneva, sans-serif - t */ /** END Starkers CSS **/ /** START WordPress-Defined CSS Classes **/ .wp-caption-text{} .gallery-caption{} .bypostauthor{} .sticky{} /** END WordPress-Defined CSS Classes **/