From 3efed5d9633d42dc28c1a4f13f770a265202c499 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C3=98yvind=20Bakkeli?= Date: Sun, 31 Jul 2011 16:45:04 +0200 Subject: [PATCH] updated from live --- front-page.php | 258 ++--- header.php | 388 +++---- sidebar.php | 75 +- studio.css | 789 +++++++------- style.css | 2717 ++++++++++++++++++++++++------------------------ 5 files changed, 2148 insertions(+), 2079 deletions(-) diff --git a/front-page.php b/front-page.php index 949b628..2100b26 100644 --- a/front-page.php +++ b/front-page.php @@ -1,129 +1,129 @@ - - -
-
-object) - { - case 'page': - $loop = 'page'; - $query = array('page_id'=>$item->object_id); - break; - case 'post': - $loop = 'post'; - $query = array('p'=>$item->object_id); - break; - case 'category': - $cat = get_category($item->object_id); - $pre = '

' . $cat->name . '

'; - - $loop = 'category'; - $query = array('cat'=>$item->object_id,'posts_per_page'=>5); - if($wp->query_vars['paged']) - $query['paged'] = $wp->query_vars['paged']; - break; - default: - $query = false; - } - - if($query) - { - $id = strtolower(preg_replace('#[^\w]+#', '', $item->title)); - echo "
"; - if($pre) echo $pre; - query_posts($query); - get_template_part( 'loop', $loop); - - echo '
'; - } -} - -?> - -
-
- - - + + +
+
+object) + { + case 'page': + $loop = 'page'; + $query = array('page_id'=>$item->object_id); + break; + case 'post': + $loop = 'post'; + $query = array('p'=>$item->object_id); + break; + case 'category': + $cat = get_category($item->object_id); + $pre = '

' . $cat->name . '

'; + + $loop = 'category'; + $query = array('cat'=>$item->object_id,'posts_per_page'=>5); + if($wp->query_vars['paged']) + $query['paged'] = $wp->query_vars['paged']; + break; + default: + $query = false; + } + + if($query) + { + $id = strtolower(preg_replace('#[^\w]+#', '', $item->title)); + echo "
"; + if($pre) echo $pre; + query_posts($query); + get_template_part( 'loop', $loop); + + echo '
'; + } +} + +?> + +
+
+ + + diff --git a/header.php b/header.php index 29ea91f..4569976 100644 --- a/header.php +++ b/header.php @@ -1,193 +1,195 @@ - section and everything up till
- * - * @package WordPress - * @subpackage Twenty_Ten - * @since Twenty Ten 1.0 - */ -?> -> - - -<?php - /* - * Print the <title> tag based on what is being viewed. - */ - global $page, $paged; - - wp_title( '|', true, 'right' ); - - // Add the blog name. - bloginfo( 'name' ); - - // Add the blog description for the home/front page. - $site_description = get_bloginfo( 'description', 'display' ); - if ( $site_description && ( is_home() || is_front_page() ) ) - echo " | $site_description"; - - // Add a page number if necessary: - if ( $paged >= 2 || $page >= 2 ) - echo ' | ' . sprintf( __( 'Page %s', 'twentyten' ), max( $paged, $page ) ); - - ?> - - - -/scripts/jquery.lightbox-0.5.pack.js"> - - - -*/ - -?> - - - - - - - - * tag of your theme, or you will break many plugins, which - * generally use this hook to add elements to such - * as styles, scripts, and meta tags. - */ - wp_head(); -?> - - -> - -
-
-
+ section and everything up till
+ * + * @package WordPress + * @subpackage Twenty_Ten + * @since Twenty Ten 1.0 + */ +?> +> + + +<?php + /* + * Print the <title> tag based on what is being viewed. + */ + global $page, $paged; + + wp_title( '|', true, 'right' ); + + // Add the blog name. + bloginfo( 'name' ); + + // Add the blog description for the home/front page. + $site_description = get_bloginfo( 'description', 'display' ); + if ( $site_description && ( is_home() || is_front_page() ) ) + echo " | $site_description"; + + // Add a page number if necessary: + if ( $paged >= 2 || $page >= 2 ) + echo ' | ' . sprintf( __( 'Page %s', 'twentyten' ), max( $paged, $page ) ); + + ?> + + + +/scripts/jquery.lightbox-0.5.pack.js"> + + + +*/ + +?> + + + + + + + + * tag of your theme, or you will break many plugins, which + * generally use this hook to add elements to such + * as styles, scripts, and meta tags. + */ + wp_head(); +?> + + +> + +
+
+
diff --git a/sidebar.php b/sidebar.php index 63f1ef0..c73d26d 100644 --- a/sidebar.php +++ b/sidebar.php @@ -1,36 +1,39 @@ - - -
-
    - -
-
- -
-
    -
  • - - - STUDiO11 - - STUDiO11 - - - - 'menu-sidebar', 'theme_location' => 'primary' ) ); ?> - -
  • - -
-
-
+ + +
+
    +
  • + + + STUDiO11 + + STUDiO11 + + + + 'menu-sidebar', 'theme_location' => 'primary' ) ); ?> + +
  • + + + +
+
+ +
+
    + + +
+
+
diff --git a/studio.css b/studio.css index 8e226e3..496f498 100644 --- a/studio.css +++ b/studio.css @@ -1,362 +1,427 @@ - -#left-primary -{ - position:absolute; - width:150px; -} - -#primary -{ - float:right; -} - -#primary .xoxo -{ - position:fixed; -} - -#container -{ - float:left; - margin-left:150px !important; - width: 640px; - min-height:700px; -} - -#studiotwitter ul -{ - margin:0px !important; -} - -.artist-list -{ - margin:0px; -} -.artist-list li -{ - clear:left; - list-style:none !important; -} - -.artist-list li img -{ - position:absolute; -} - -.artist-list li a:hover -{ - background-color:rgba(200,200,200,0.5); -} - -.artist-list li a -{ - display:block; - min-height:32px; - width:100%; - margin:1px; -} - -.artist-list .event_title -{ - margin-left:37px; -} - -#wrapper -{ - padding-top:20px; -} - -body { - /*color: #646567; */ - /*webkit-transition-property: color, background; - -webkit-transition-duration: 1s, 1s; - -webkit-transition-timing-function: linear, ease-in;*/ - background: fixed url('/oyvinbak/studio11/wp-content/themes/studio11/img/bakgrunn.png') no-repeat; - width: auto; - height: auto; - font-family:courier; -} -#main -{ - width:1020px; -} -#wrapper -{ - background-color:transparent; - width:1020px; - margin-top:0px; - padding-top:0px; -} -/* -.home #content -{ - float:left; - width:400px; - margin:0px; -}*/ - -#front-feed -{ - float:right; - width:200px; -} - -#left-column -{ - float:left; - width:200px; - position:absolute; -} - -#left-column, #right-column -{ - margin-top:60px; -} - -#left-column ul, #right-column ul -{ - padding:0px; - margin:0px; -} - -#left-column > ul > li, #right-column > ul > li -{ - list-style:none !important; - margin:0px; - margin-bottom:20px; -} - -#left-column .widget-container, #right-column .widget-container -{ - padding:10px; -} - -#left-column .widget_text -{ - padding:0px; - /*margin:-10px; - margin-bottom:60px;*/ -} - - -#left-column li, #right-column li -{ - list-style:none !important; -} - -.widget_artist_widget -{ - background-color:#c32083; - background-color:rgba(195, 32, 131,0.9); -} - -.home .entry-image -{ - max-height:200px; - overflow:hidden; -} - -.home .therest .hentry -{ - width:230px; - float:left; - display:block; -} - -.widget_artist_widget a -{ - - color:rgb(255,165,0) !important; - text-decoration:none; -} - - - -#right-menu -{ - position:fixed; - background-color:#fba61c; - background-color:rgba(251,166,28,0.9); - padding:5px; -} - -.current-menu-item a -{ - - color:white; -} - -#right-menu -{ - text-align:center; - width:200px !important; -} - -#right-menu div.menu -{ - - width:auto !important; -} - -#right-menu div.menu li -{ - float:none !important; - clear:both; -} - -#right-menu a -{ - color:gray; - font-weight:bolder; - font-size:150%; - text-decoration:none; - -} - - - -#fb-all -{ - padding:5px; - background-color:#bababa; -} - -#right-column -{ - float:left; - width:200px; - margin-left:20px; -} - -#container -{ - width: 550px; - margin-left:220px !important; - background-color:#12b259; - background-color:rgba(18,178,89,0.8); - padding:15px; - overflow:hidden; - -} - -.twtr-widget h3,.twtr-widget h4 -{ - clear:none; -} - -#float_stopper -{ - clear:left; -} - -.twtr-doc -{ - -moz-border-radius:0px !important; - -webkit-border-radius:0px !important; - border-radius:0px !important; -} - -#main -{ - margin-bottom:20px; - padding-top:0px; -} -#access -{ - background-color:rgba(251,182,89,0.9); -} -.menu-header -{ - display:none; -} - -#access a -{ - color:black; - font-weight:bold; -} - -#header -{ - height:200px; - margin:0px; - padding:0px !important; - margin-left:220px; -} - -#header img -{ - border:0px; -} - - -#simplemodal-overlay -{ - background:black; - opacity:0.7 !important; -} - -#simplemodal-container -{ - width:600px; - height:auto !important; - background-color:white; - padding:20px; - position:absolute !important; - /*top:100px !important;*/ - margin-top:100px; - margin-bottom:100px; - overflow:visible; - -} - -.simplemodal-wrap -{ - overflow:visible !important; -} - -#simplemodal-container a.modalCloseImg { - background:url(/wp-content/themes/studio11/img/x.png) no-repeat; /* adjust url as required */ - width:25px; - height:29px; - display:inline; - z-index:3200; - position:absolute; - top:-15px; - right:-18px; - cursor:pointer; -} - -/* -@media (max-width: 940px){ - .menu-header - { - display:block !important; - } - - #left-column - { - position:static; - float:none; - width:100%; - } - - - #right-column - { - display:none; - } - - #content, #container - { - margin: auto !important; - - width:580px !important; - } - - #wrapper, #main - { - width:580px !important; - margin: auto !important; - } -}*/ +h1 { + text-transform: uppercase; + letter-spacing: 2px; +} + +.content { + padding: 40px; +} + +.meta-sep{ + display: none; +} + +.author { + display: none; +} + +.entry-utility { + display: none; +} + +#footer #first +{ + width:100%; + +} + +#sponsors +{ + text-align:center; +} + +#sponsors .sponsor +{ + display:inline; + margin:50px; +} + + +#left-primary +{ + position:absolute; + width:150px; +} + +#primary +{ + float:right; +} + +#primary .xoxo +{ + position:fixed; +} + +#container +{ + float:left; + margin-left:150px !important; + width: 680px; + min-height:700px; +} + +#studiotwitter ul +{ + margin:0px !important; +} + +.artist-list +{ + margin:0px; +} +.artist-list li +{ + clear:left; + list-style:none !important; +} + +.artist-list li img +{ + position:absolute; +} + +.artist-list li a:hover +{ + background-color:rgba(200,200,200,0.5); +} + +.artist-list li a +{ + display:block; + min-height:32px; + width:100%; + margin:1px; +} + +.artist-list .event_title +{ + margin-left:37px; +} + +#wrapper +{ + padding-top:20px; +} + +body { + /*color: #646567; */ + /*webkit-transition-property: color, background; + -webkit-transition-duration: 1s, 1s; + -webkit-transition-timing-function: linear, ease-in;*/ + background: fixed url('/oyvinbak/studio11/wp-content/themes/studio11/img/bakgrunn.png') no-repeat; + width: auto; + height: auto; + font-family:Futura; +} +#main +{ + width:1080px; +} +#wrapper +{ + background-color:transparent; + width:1080px; + margin-top:0px; + padding-top:0px; +} +/* +.home #content +{ + float:left; + width:400px; + margin:0px; +}*/ + +#front-feed +{ + float:right; + width:200px; +} + +#left-column +{ + float:left; + width:200px; + position:absolute; +} + +#left-column, #right-column +{ + margin-top:0px; +} + +#left-column ul, #right-column ul +{ + padding:0px; + margin:0px; +} + +#left-column > ul > li, #right-column > ul > li +{ + list-style:none !important; + margin:0px; + margin-bottom:20px; +} + +#left-column .widget-container, #right-column .widget-container +{ + +} + +#left-column .widget_text +{ + padding:0px; + /*margin:-10px; + margin-bottom:60px;*/ + +} + + +#left-column li, #right-column li +{ + list-style:none !important; +} + +.widget_artist_widget +{ + background-color:#c32083; + background-color:rgba(195, 32, 131,0.9); +} + +.home .entry-image +{ + max-height:200px; + overflow:hidden; +} + +.home .therest .hentry +{ + width:230px; + float:left; + display:block; +} + +.widget_artist_widget a +{ + + color:rgb(255,165,0) !important; + text-decoration:none; +} + + + +#right-menu +{ + position:fixed; + background-color:#fba61c; + background-color:rgba(251,166,28,0.9); + text-transform: uppercase; + line-height: 20px; +} + +.current-menu-item a +{ + color:white; +} + + +.menu-item { + padding-left: 10px; +} + +.x{ + display: block; +} + + +.menu-item:hover { + background-color: #333; + color:rgba(251,166,28,0.9); +} + + + +#right-menu +{ + text-align:left; + width:210px !important; +} + +#right-menu div.menu +{ + + width:auto !important; +} + +#right-menu div.menu li +{ + float:none !important; + clear:both; +} + +#right-menu a +{ + color:gray; + font-weight:bolder; + font-size:150%; + text-decoration:none; + +} + +.widget_artist_widget{ + padding: 5px; +} + + +#fb-all +{ + width: auto; + padding: 5px; + background-color:#bababa; +} + +#right-column +{ + float:left; + width:200px; + margin-left:10px; +} + +#container +{ + width: 600px; + margin-left:220px !important; + background-color:#12b259; + background-color:rgba(18,178,89,0.8); + padding:15px; + overflow:hidden; + +} + +.twtr-widget h3,.twtr-widget h4 +{ + clear:none; +} + +#float_stopper +{ + clear:left; +} + +.twtr-doc +{ + -moz-border-radius:0px !important; + -webkit-border-radius:0px !important; + border-radius:0px !important; +} + +#main +{ + margin-bottom:20px; + padding-top:0px; +} +#access +{ + background-color:rgba(251,182,89,0.9); +} +.menu-header +{ + display:none; +} + +#access a +{ + color:black; + font-weight:bold; +} + +#header +{ + height:200px; + margin:0px; + padding:0px !important; + margin-left:220px; +} + +#header img +{ + border:0px; +} + + +#simplemodal-overlay +{ + background:black; + opacity:0.7 !important; +} + +#simplemodal-container +{ + width:600px; + height:auto !important; + background-color:white; + padding:20px; + position:absolute !important; + /*top:100px !important;*/ + margin-top:100px; + margin-bottom:100px; + overflow:visible; + +} + +.simplemodal-wrap +{ + overflow:visible !important; +} + +#simplemodal-container a.modalCloseImg { + background:url(/wp-content/themes/studio11/img/x.png) no-repeat; /* adjust url as required */ + width:25px; + height:29px; + display:inline; + z-index:3200; + position:absolute; + top:-15px; + right:-18px; + cursor:pointer; +} + +.category-nyhet { + line-height: 15px; +} + + +/* +@media (max-width: 940px){ + .menu-header + { + display:block !important; + } + + #left-column + { + position:static; + float:none; + width:100%; + } + + + #right-column + { + display:none; + } + + #content, #container + { + margin: auto !important; + + width:550px !important; + } + + #wrapper, #main + { + width:580px !important; + margin: auto !important; + } +}*/ diff --git a/style.css b/style.css index b3f5343..75c8d0e 100644 --- a/style.css +++ b/style.css @@ -1,1359 +1,1358 @@ -/* -Theme Name: STUDiO 2011 -Theme URI: http://studio.studentersamfundet.no/ -Description: Tema for STUDiO 2010, basert på Thematic -Author: Thomas Misund -Author URI: http://hemmeligadresse.com/ -Template: twentyten -Version: 0.4.11 - */ - -/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html --------------------------------------------------------------- */ - - - - -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, font, 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 { - background: transparent; - border: 0; - margin: 0; - padding: 0; - vertical-align: baseline; -} -body { - line-height: 1; -} -h1, h2, h3, h4, h5, h6 { - clear: both; - font-weight: normal; -} -ol, ul { - list-style: none; -} -blockquote { - quotes: none; -} -blockquote:before, blockquote:after { - content: ''; - content: none; -} -del { - text-decoration: line-through; -} -/* tables still need 'cellspacing="0"' in the markup */ -table { - border-collapse: collapse; - border-spacing: 0; -} -a img { - border: none; -} - -/* =Layout --------------------------------------------------------------- */ - -/* -LAYOUT: Two columns -DESCRIPTION: Two-column fixed layout with one sidebar right of content -*/ - -#container { - float: left; - /*margin: 0 -240px 0 0;*/ - /*width: 100%;*/ -} -/*#content { - margin: 0 80px 0 20px; -}*/ -#primary, -#secondary { - float: right; - overflow: hidden; - width: 220px; -} -#secondary { - clear: right; -} -#footer { - clear: both; - width: 100%; -} - -/* -LAYOUT: One column, no sidebar -DESCRIPTION: One centered column with no sidebar -*/ - -.one-column #content { - margin: 0 auto; - width: 640px; -} - -/* -LAYOUT: Full width, no sidebar -DESCRIPTION: Full width content with no sidebar; used for attachment pages -*/ - -.single-attachment #content { - margin: 0 auto; - width: 900px; -} - - -/* =Fonts --------------------------------------------------------------- */ -body, -input, -textarea, -.page-title span, -.pingback a.url { - font-family: Georgia, "Bitstream Charter", serif; -} -h3#comments-title, -h3#reply-title, -#access .menu, -#access div.menu ul, -#cancel-comment-reply-link, -.form-allowed-tags, -#site-info, -#site-title, -#wp-calendar, -.comment-meta, -.comment-body tr th, -.comment-body thead th, -.entry-content label, -.entry-content tr th, -.entry-content thead th, -.entry-meta, -.entry-title, -.entry-utility, -#respond label, -.navigation, -.page-title, -.pingback p, -.reply, -.widget-title, -.wp-caption-text { - font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; -} -input[type=submit] { - font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; -} -pre { - font-family: "Courier 10 Pitch", Courier, monospace; -} -code { - font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; -} - - -/* =Structure --------------------------------------------------------------- */ - -/* The main theme structure */ -#access .menu-header, -div.menu, -#colophon, -#branding, -#main, -#wrapper { - /*margin: 0 auto; - width: 940px;*/ -} -#wrapper { - background: #fff; - /*margin-top: 20px - padding: 0 20px;*/ -} - -/* Structure the footer area */ -#footer-widget-area { - overflow: hidden; -} -#footer-widget-area .widget-area { - float: left; - margin-right: 20px; - width: 220px; -} -#footer-widget-area #fourth { - margin-right: 0; -} -#site-info { - float: left; - font-size: 14px; - font-weight: bold; - width: 700px; -} -#site-generator { - float: right; - width: 220px; -} - - -/* =Global Elements --------------------------------------------------------------- */ - -/* Main global 'theme' and typographic styles */ -body { - background: #f1f1f1; -} -body, -input, -textarea { - color: #666; - font-size: 12px; - line-height: 18px; -} -hr { - background-color: #e7e7e7; - border: 0; - clear: both; - height: 1px; - margin-bottom: 18px; -} - -/* Text elements */ -p { - margin-bottom: 18px; -} -ul { - list-style: square; - margin: 0 0 18px 1.5em; -} -ol { - list-style: decimal; - margin: 0 0 18px 1.5em; -} -ol ol { - list-style: upper-alpha; -} -ol ol ol { - list-style: lower-roman; -} -ol ol ol ol { - list-style: lower-alpha; -} -ul ul, -ol ol, -ul ol, -ol ul { - margin-bottom: 0; -} -dl { - margin: 0 0 24px 0; -} -dt { - font-weight: bold; -} -dd { - margin-bottom: 18px; -} -strong { - font-weight: bold; -} -cite, -em, -i { - font-style: italic; -} -big { - font-size: 131.25%; -} -ins { - background: #ffc; - text-decoration: none; -} -blockquote { - font-style: italic; - padding: 0 3em; -} -blockquote cite, -blockquote em, -blockquote i { - font-style: normal; -} -pre { - background: #f7f7f7; - color: #222; - line-height: 18px; - margin-bottom: 18px; - padding: 1.5em; -} -abbr, -acronym { - border-bottom: 1px dotted #666; - cursor: help; -} -sup, -sub { - height: 0; - line-height: 1; - position: relative; - vertical-align: baseline; -} -sup { - bottom: 1ex; -} -sub { - top: .5ex; -} -input[type="text"], -textarea { - background: #f9f9f9; - border: 1px solid #ccc; - box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); - -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); - -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); - padding: 2px; -} -a:link { - color: pink; -} -a:visited { - color: #743399; -} -a:active, -a:hover { - color: #ff4b33; -} - -/* Text meant only for screen readers */ -.screen-reader-text { - position: absolute; - left: -9000px; -} - - -/* =Header --------------------------------------------------------------- */ - -#header { - padding: 30px 0 0 0; -} -#site-title { - float: left; - font-size: 30px; - line-height: 36px; - margin: 0 0 18px 0; - width: 700px; -} -#site-title a { - color: #000; - font-weight: bold; - text-decoration: none; -} -#site-description { - clear: right; - float: right; - font-style: italic; - margin: 15px 0 18px 0; - width: 220px; -} - -/* This is the custom header image */ -#branding img { - border-top: 4px solid #000; - border-bottom: 1px solid #000; - display: block; - float: left; -} - - -/* =Menu --------------------------------------------------------------- */ - -#access { - background: #000; - display: block; - float: left; - margin: 0 auto; - width: 940px; -} -#access .menu-header, -div.menu { - font-size: 13px; - margin-left: 12px; - width: 928px; -} -#access .menu-header ul, -div.menu ul { - list-style: none; - margin: 0; -} -#access .menu-header li, -div.menu li { - float: left; - position: relative; -} -#access a { - color: #aaa; - display: block; - line-height: 38px; - padding: 0 10px; - text-decoration: none; -} -#access ul ul { - box-shadow: 0px 3px 3px rgba(0,0,0,0.2); - -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); - -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); - display: none; - position: absolute; - top: 38px; - left: 0; - float: left; - width: 180px; - z-index: 99999; -} -#access ul ul li { - min-width: 180px; -} -#access ul ul ul { - left: 100%; - top: 0; -} -#access ul ul a { - background: #333; - line-height: 1em; - padding: 10px; - width: 160px; - height: auto; -} -#access li:hover > a, -#access ul ul :hover > a { - background: #333; - color: #fff; -} -#access ul li:hover > ul { - display: block; -} -#access ul li.current_page_item > a, -#access ul li.current-menu-ancestor > a, -#access ul li.current-menu-item > a, -#access ul li.current-menu-parent > a { - color: #fff; -} -* html #access ul li.current_page_item a, -* html #access ul li.current-menu-ancestor a, -* html #access ul li.current-menu-item a, -* html #access ul li.current-menu-parent a, -* html #access ul li a:hover { - color: #fff; -} - - -/* =Content --------------------------------------------------------------- */ - -#main { - clear: both; - overflow: hidden; - padding: 40px 0 0 0; -} -#content { - margin-bottom: 36px; -} -#content, -#content input, -#content textarea { - color: #333; - font-size: 13px; - line-height: 24px; -} -#content p, -#content ul, -#content ol, -#content dd, -#content pre, -#content hr { - margin-bottom: 24px; -} -#content ul ul, -#content ol ol, -#content ul ol, -#content ol ul { - margin-bottom: 0; -} -#content pre, -#content kbd, -#content tt, -#content var { - font-size: 15px; - line-height: 21px; -} -#content code { - font-size: 13px; -} -#content dt, -#content th { - color: #000; -} -#content h1, -#content h2, -#content h3, -#content h4, -#content h5, -#content h6 { - color: #000; - line-height: 1.5em; - margin: 0 0 20px 0; -} -#content table { - border: 1px solid #e7e7e7; - margin: 0 -1px 24px 0; - text-align: left; - width: 100%; -} -#content tr th, -#content thead th { - color: #888; - font-size: 12px; - font-weight: bold; - line-height: 18px; - padding: 9px 24px; -} -#content tr td { - border-top: 1px solid #e7e7e7; - padding: 6px 24px; -} -#content tr.odd td { - background: #f2f7fc; -} -.hentry { - /*margin: 0 0 48px 0;*/ - margin:20px; -} -.home .sticky { - background: #f2f7fc; - border-top: 4px solid #000; - margin-left: -20px; - margin-right: -20px; - padding: 18px 20px; -} -.single .hentry { - margin: 0 0 36px 0; -} -.page-title { - color: #000; - font-size: 14px; - font-weight: bold; - margin: 0 0 36px 0; -} -.page-title span { - color: #333; - font-size: 16px; - font-style: italic; - font-weight: normal; -} -.page-title a:link, -.page-title a:visited { - color: #888; - text-decoration: none; -} -.page-title a:active, -.page-title a:hover { - color: #ff4b33; -} -#content .entry-title { - color: #000; - font-size: 21px; - font-weight: bold; - line-height: 1.3em; - margin-bottom: 0; -} -.entry-title a:link, -.entry-title a:visited { - color: #000; - text-decoration: none; -} -.entry-title a:active, -.entry-title a:hover { - color: #ff4b33; -} -.entry-meta { - color: black; - font-size: 12px; -} -.entry-meta abbr, -.entry-utility abbr { - border: none; -} -.entry-meta abbr:hover, -.entry-utility abbr:hover { - border-bottom: 1px dotted #666; -} -.entry-content, -.entry-summary { - clear: both; - padding: 12px 0 0 0; -} -#content .entry-summary p:last-child { - margin-bottom: 12px; -} -.entry-content fieldset { - border: 1px solid #e7e7e7; - margin: 0 0 24px 0; - padding: 24px; -} -.entry-content fieldset legend { - background: #fff; - color: #000; - font-weight: bold; - padding: 0 24px; -} -.entry-content input { - margin: 0 0 24px 0; -} -.entry-content input.file, -.entry-content input.button { - margin-right: 24px; -} -.entry-content label { - color: #888; - font-size: 12px; -} -.entry-content select { - margin: 0 0 24px 0; -} -.entry-content sup, -.entry-content sub { - font-size: 10px; -} -.entry-content blockquote.left { - float: left; - margin-left: 0; - margin-right: 24px; - text-align: right; - width: 33%; -} -.entry-content blockquote.right { - float: right; - margin-left: 24px; - margin-right: 0; - text-align: left; - width: 33%; -} -.page-link { - clear: both; - color: #000; - font-weight: bold; - margin: 0 0 22px 0; - word-spacing: 0.5em; -} -.page-link a:link, -.page-link a:visited { - background: #f1f1f1; - color: #333; - font-weight: normal; - padding: 0.5em 0.75em; - text-decoration: none; -} -.home .sticky .page-link a { - background: #d9e8f7; -} -.page-link a:active, -.page-link a:hover { - color: #ff4b33; -} -body.page .edit-link { - clear: both; - display: block; -} -#entry-author-info { - background: #f2f7fc; - border-top: 4px solid #000; - clear: both; - font-size: 14px; - line-height: 20px; - margin: 24px 0; - overflow: hidden; - padding: 18px 20px; -} -#entry-author-info #author-avatar { - background: #fff; - border: 1px solid #e7e7e7; - float: left; - height: 60px; - margin: 0 -104px 0 0; - padding: 11px; -} -#entry-author-info #author-description { - float: left; - margin: 0 0 0 104px; -} -#entry-author-info h2 { - color: #000; - font-size: 100%; - font-weight: bold; - margin-bottom: 0; -} -.entry-utility { - clear: both; - color: #888; - font-size: 12px; - line-height: 18px; -} -.entry-meta a, -.entry-utility a { - color: black/* #888;*/; -} -.entry-meta a:hover, -.entry-utility a:hover { - color: #ff4b33; -} -#content .video-player { - padding: 0; -} - - -/* =Asides --------------------------------------------------------------- */ - -.home #content .format-aside p, -.home #content .category-asides p { - font-size: 14px; - line-height: 20px; - margin-bottom: 10px; - margin-top: 0; -} -.home .hentry.format-aside, -.home .hentry.category-asides { - padding: 0; -} -.home #content .format-aside .entry-content, -.home #content .category-asides .entry-content { - padding-top: 0; -} - - -/* =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-caption { - background: #f1f1f1; - line-height: 18px; - margin-bottom: 20px; - max-width: 632px !important; /* prevent too-wide images from breaking layout */ - padding: 4px; - text-align: center; -} -.wp-caption img { - margin: 5px 5px 0; -} -.wp-caption p.wp-caption-text { - color: #888; - font-size: 12px; - margin: 5px; -} -.wp-smiley { - margin: 0; -} -.gallery { - margin: 0 auto 18px; -} -.gallery .gallery-item { - float: left; - margin-top: 0; - 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: 0; -} -.gallery img { - border: 10px solid #f1f1f1; -} -.gallery br+br { - display: none; -} -#content .attachment img {/* single attachment images should be centered */ - display: block; - margin: 0 auto; -} - - -/* =Navigation --------------------------------------------------------------- */ - -.navigation { - color: #888; - font-size: 12px; - line-height: 18px; - overflow: hidden; -} -.navigation a:link, -.navigation a:visited { - color: #888; - text-decoration: none; -} -.navigation a:active, -.navigation a:hover { - color: #ff4b33; -} -.nav-previous { - float: left; - width: 50%; -} -.nav-next { - float: right; - text-align: right; - width: 50%; -} -#nav-above { - margin: 0 0 18px 0; -} -#nav-above { - display: none; -} -.paged #nav-above, -.single #nav-above { - display: block; -} -#nav-below { - margin: -18px 0 0 0; -} - - -/* =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: #ff4b33; -} -.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: #ff4b33; -} -.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; -} - - -/* =Widget Areas --------------------------------------------------------------- */ - -.widget-area ul { - list-style: none; - margin-left: 0; -} -.widget-area ul ul { - list-style: square; - margin-left: 1.3em; -} -.widget-area select { - max-width: 100%; -} -.widget_search #s {/* This keeps the search inputs in line */ - width: 60%; -} -.widget_search label { - display: none; -} -.widget-container { - margin: 0 0 18px 0; -} -.widget-title { - color: #222; - font-weight: bold; -} -.widget-area a:link, -.widget-area a:visited { - text-decoration: none; -} -.widget-area a:active, -.widget-area a:hover { - text-decoration: underline; -} -.widget-area .entry-meta { - font-size: 11px; -} -#wp_tag_cloud div { - line-height: 1.6em; -} -#wp-calendar { - width: 100%; -} -#wp-calendar caption { - color: #222; - font-size: 14px; - font-weight: bold; - padding-bottom: 4px; - text-align: left; -} -#wp-calendar thead { - font-size: 11px; -} -#wp-calendar thead th { -} -#wp-calendar tbody { - color: #aaa; -} -#wp-calendar tbody td { - background: #f5f5f5; - border: 1px solid #fff; - padding: 3px 0 2px; - text-align: center; -} -#wp-calendar tbody .pad { - background: none; -} -#wp-calendar tfoot #next { - text-align: right; -} -.widget_rss a.rsswidget { - color: #000; -} -.widget_rss a.rsswidget:hover { - color: #ff4b33; -} -.widget_rss .widget-title img { - width: 11px; - height: 11px; -} - -/* Main sidebars */ -#main .widget-area ul { - margin-left: 0; - padding: 0 20px 0 0; -} -#main .widget-area ul ul { - border: none; - margin-left: 1.3em; - padding: 0; -} -#primary { -} -#secondary { -} - -/* Footer widget areas */ -#footer-widget-area { -} - - -/* =Footer --------------------------------------------------------------- */ - -#footer { - margin-bottom: 20px; -} -#colophon { - border-top: 4px solid #000; - margin-top: -4px; - overflow: hidden; - padding: 18px 0; -} -#site-info { - font-weight: bold; -} -#site-info a { - color: #000; - text-decoration: none; -} -#site-generator { - font-style: italic; - position: relative; -} -#site-generator a { - background: url(images/wordpress.png) center left no-repeat; - color: #666; - display: inline-block; - line-height: 16px; - padding-left: 20px; - text-decoration: none; -} -#site-generator a:hover { - text-decoration: underline; -} -img#wpstats { - display: block; - margin: 0 auto 10px; -} - - -/* =Mobile Safari ( iPad, iPhone and iPod Touch ) --------------------------------------------------------------- */ - -pre { - -webkit-text-size-adjust: 140%; -} -code { - -webkit-text-size-adjust: 160%; -} -#access, -.entry-meta, -.entry-utility, -.navigation, -.widget-area { - -webkit-text-size-adjust: 120%; -} -#site-description { - -webkit-text-size-adjust: none; -} - - -/* =Print Style --------------------------------------------------------------- */ - -@media print { - body { - background: none !important; - } - #wrapper { - clear: both !important; - display: block !important; - float: none !important; - position: relative !important; - } - #header { - border-bottom: 2pt solid #000; - padding-bottom: 18pt; - } - #colophon { - border-top: 2pt solid #000; - } - #site-title, - #site-description { - float: none; - line-height: 1.4em; - margin: 0; - padding: 0; - } - #site-title { - font-size: 13pt; - } - .entry-content { - font-size: 14pt; - line-height: 1.6em; - } - .entry-title { - font-size: 21pt; - } - #access, - #branding img, - #respond, - .comment-edit-link, - .edit-link, - .navigation, - .page-link, - .widget-area { - display: none !important; - } - #container, - #header, - #footer { - margin: 0; - width: 100%; - } - #content, - .one-column #content { - margin: 24pt 0 0; - width: 100%; - } - .wp-caption p { - font-size: 11pt; - } - #site-info, - #site-generator { - float: none; - width: auto; - } - #colophon { - width: auto; - } - img#wpstats { - display: none; - } - #site-generator a { - margin: 0; - padding: 0; - } - #entry-author-info { - border: 1px solid #e7e7e7; - } - #main { - display: inline; - } - .home .sticky { - border: none; - } -} +/* +Theme Name: STUDiO 2011 +Theme URI: http://studio.studentersamfundet.no/ +Description: Tema for STUDiO 2010, basert på Thematic +Author: Thomas Misund +Author URI: http://hemmeligadresse.com/ +Template: twentyten +Version: 0.4.11 + */ + +/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html +-------------------------------------------------------------- */ + + + + +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, font, 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 { + background: transparent; + border: 0; + margin: 0; + padding: 0; + vertical-align: baseline; +} +body { + line-height: 1; +} +h1, h2, h3, h4, h5, h6 { + clear: both; + font-weight: normal; +} +ol, ul { + list-style: none; +} +blockquote { + quotes: none; +} +blockquote:before, blockquote:after { + content: ''; + content: none; +} +del { + text-decoration: line-through; +} +/* tables still need 'cellspacing="0"' in the markup */ +table { + border-collapse: collapse; + border-spacing: 0; +} +a img { + border: none; +} + +/* =Layout +-------------------------------------------------------------- */ + +/* +LAYOUT: Two columns +DESCRIPTION: Two-column fixed layout with one sidebar right of content +*/ + +#container { + float: left; + /*margin: 0 -240px 0 0;*/ + /*width: 100%;*/ +} +/*#content { + margin: 0 80px 0 20px; +}*/ +#primary, +#secondary { + float: right; + overflow: hidden; + width: 220px; +} +#secondary { + clear: right; +} +#footer { + clear: both; + width: 100%; +} + +/* +LAYOUT: One column, no sidebar +DESCRIPTION: One centered column with no sidebar +*/ + +.one-column #content { + margin: 0 auto; + width: 640px; +} + +/* +LAYOUT: Full width, no sidebar +DESCRIPTION: Full width content with no sidebar; used for attachment pages +*/ + +.single-attachment #content { + margin: 0 auto; + width: 900px; +} + + +/* =Fonts +-------------------------------------------------------------- */ +body, +input, +textarea, +.page-title span, +.pingback a.url { + font-family: Futura, Georgia, "Bitstream Charter", serif; +} +h3#comments-title, +h3#reply-title, +#access .menu, +#access div.menu ul, +#cancel-comment-reply-link, +.form-allowed-tags, +#site-info, +#site-title, +#wp-calendar, +.comment-meta, +.comment-body tr th, +.comment-body thead th, +.entry-content label, +.entry-content tr th, +.entry-content thead th, +.entry-meta, +.entry-title, +.entry-utility, +#respond label, +.navigation, +.page-title, +.pingback p, +.reply, +.widget-title, +.wp-caption-text { + font-family: Futura, "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; +} +input[type=submit] { + font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; +} +pre { + font-family: "Courier 10 Pitch", Courier, monospace; +} +code { + font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; +} + + +/* =Structure +-------------------------------------------------------------- */ + +/* The main theme structure */ +#access .menu-header, +div.menu, +#colophon, +#branding, +#main, +#wrapper { + /*margin: 0 auto; + width: 940px;*/ +} +#wrapper { + background: #fff; + /*margin-top: 20px + padding: 0 20px;*/ +} + +/* Structure the footer area */ +#footer-widget-area { + overflow: hidden; +} +#footer-widget-area .widget-area { + float: left; + margin-right: 20px; + width: 220px; +} +#footer-widget-area #fourth { + margin-right: 0; +} +#site-info { + float: left; + font-size: 14px; + font-weight: bold; + width: 700px; +} +#site-generator { + float: right; + width: 220px; +} + + +/* =Global Elements +-------------------------------------------------------------- */ + +/* Main global 'theme' and typographic styles */ +body { + background: #f1f1f1; +} +body, +input, +textarea { + color: #666; + font-size: 12px; + line-height: 18px; +} +hr { + background-color: #e7e7e7; + border: 0; + clear: both; + height: 1px; + margin-bottom: 18px; +} + +/* Text elements */ +p { + margin-bottom: 18px; +} +ul { + list-style: square; + margin: 0 0 18px 1.5em; +} +ol { + list-style: decimal; + margin: 0 0 18px 1.5em; +} +ol ol { + list-style: upper-alpha; +} +ol ol ol { + list-style: lower-roman; +} +ol ol ol ol { + list-style: lower-alpha; +} +ul ul, +ol ol, +ul ol, +ol ul { + margin-bottom: 0; +} +dl { + margin: 0 0 24px 0; +} +dt { + font-weight: bold; +} +dd { + margin-bottom: 18px; +} +strong { + font-weight: bold; +} +cite, +em, +i { + font-style: italic; +} +big { + font-size: 131.25%; +} +ins { + background: #ffc; + text-decoration: none; +} +blockquote { + font-style: italic; + padding: 0 3em; +} +blockquote cite, +blockquote em, +blockquote i { + font-style: normal; +} +pre { + background: #f7f7f7; + color: #222; + line-height: 18px; + margin-bottom: 18px; + padding: 1.5em; +} +abbr, +acronym { + border-bottom: 1px dotted #666; + cursor: help; +} +sup, +sub { + height: 0; + line-height: 1; + position: relative; + vertical-align: baseline; +} +sup { + bottom: 1ex; +} +sub { + top: .5ex; +} +input[type="text"], +textarea { + background: #f9f9f9; + border: 1px solid #ccc; + box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); + -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); + -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); + padding: 2px; +} +a:link { + color: pink; +} +a:visited { + color: #743399; +} +a:active, +a:hover { + color: #ff4b33; +} + +/* Text meant only for screen readers */ +.screen-reader-text { + position: absolute; + left: -9000px; +} + + +/* =Header +-------------------------------------------------------------- */ + +#header { + padding: 30px 0 0 0; +} +#site-title { + float: left; + font-size: 30px; + line-height: 36px; + margin: 0 0 18px 0; + width: 700px; +} +#site-title a { + color: #333333; + font-weight: bold; + text-decoration: none; +} +#site-description { + clear: right; + float: right; + font-style: italic; + margin: 15px 0 18px 0; + width: 220px; +} + +/* This is the custom header image */ +#branding img { + border-top: 4px solid #000; + border-bottom: 1px solid #000; + display: block; + float: left; +} + + +/* =Menu +-------------------------------------------------------------- */ + +#access { + background: #000; + display: block; + float: left; + margin: 0 auto; + width: 940px; +} +#access .menu-header, +div.menu { + font-size: 13px; + margin-left: 12px; + width: 928px; +} +#access .menu-header ul, +div.menu ul { + list-style: none; + margin: 0; +} +#access .menu-header li, +div.menu li { + float: left; + position: relative; +} +#access a { + color: #aaa; + display: block; + line-height: 38px; + padding: 0 10px; + text-decoration: none; +} +#access ul ul { + box-shadow: 0px 3px 3px rgba(0,0,0,0.2); + -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); + -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); + display: none; + position: absolute; + top: 38px; + left: 0; + float: left; + width: 180px; + z-index: 99999; +} +#access ul ul li { + min-width: 180px; +} +#access ul ul ul { + left: 100%; + top: 0; +} +#access ul ul a { + background: #333; + line-height: 1em; + padding: 10px; + width: 160px; + height: auto; +} +#access li:hover > a, +#access ul ul :hover > a { + background: #333; + color: #fff; +} +#access ul li:hover > ul { + display: block; +} +#access ul li.current_page_item > a, +#access ul li.current-menu-ancestor > a, +#access ul li.current-menu-item > a, +#access ul li.current-menu-parent > a { + color: #fff; +} +* html #access ul li.current_page_item a, +* html #access ul li.current-menu-ancestor a, +* html #access ul li.current-menu-item a, +* html #access ul li.current-menu-parent a, +* html #access ul li a:hover { + color: #fff; +} + + +/* =Content +-------------------------------------------------------------- */ + +#main { + clear: both; + overflow: hidden; + padding: 40px 0 0 0; +} +#content { + margin-bottom: 36px; +} +#content, +#content input, +#content textarea { + color: #333; + font-size: 13px; + line-height: 24px; +} +#content p, +#content ul, +#content ol, +#content dd, +#content pre, +#content hr { + margin-bottom: 24px; +} +#content ul ul, +#content ol ol, +#content ul ol, +#content ol ul { + margin-bottom: 0; +} +#content pre, +#content kbd, +#content tt, +#content var { + font-size: 15px; + line-height: 21px; +} +#content code { + font-size: 13px; +} +#content dt, +#content th { + color: #333333; +} +#content h1, +#content h2, +#content h3, +#content h4, +#content h5, +#content h6 { + color: #333333; + line-height: 1.5em; + margin: 0 0 20px 0; +} +#content table { + border: 1px solid #e7e7e7; + margin: 0 -1px 24px 0; + text-align: left; + width: 100%; +} +#content tr th, +#content thead th { + color: #888; + font-size: 12px; + font-weight: bold; + line-height: 18px; + padding: 9px 24px; +} +#content tr td { + border-top: 1px solid #e7e7e7; + padding: 6px 24px; +} +#content tr.odd td { + background: #f2f7fc; +} +.hentry { + /*margin: 0 0 48px 0;*/ + margin:20px; +} +.home .sticky { + background: #f2f7fc; + border-top: 4px solid #000; + margin-left: -20px; + margin-right: -20px; + padding: 18px 20px; +} +.single .hentry { + margin: 0 0 36px 0; +} +.page-title { + color: #333333; + font-size: 14px; + font-weight: bold; + margin: 0 0 36px 0; +} +.page-title span { + color: #333; + font-size: 16px; + font-style: italic; + font-weight: normal; +} +.page-title a:link, +.page-title a:visited { + color: #888; + text-decoration: none; +} +.page-title a:active, +.page-title a:hover { + color: #ff4b33; +} +#content .entry-title { + color: #333333; + font-size: 21px; + line-height: 1.3em; + margin-bottom: 0; +} +.entry-title a:link, +.entry-title a:visited { + color: #333333; + text-decoration: none; +} +.entry-title a:active, +.entry-title a:hover { + color: #ff4b33; +} +.entry-meta { + color: #333333; + font-size: 12px; +} +.entry-meta abbr, +.entry-utility abbr { + border: none; +} +.entry-meta abbr:hover, +.entry-utility abbr:hover { + border-bottom: 1px dotted #666; +} +.entry-content, +.entry-summary { + clear: both; + padding: 12px 0 0 0; +} +#content .entry-summary p:last-child { + margin-bottom: 12px; +} +.entry-content fieldset { + border: 1px solid #e7e7e7; + margin: 0 0 24px 0; + padding: 24px; +} +.entry-content fieldset legend { + background: #fff; + color: #000; + font-weight: bold; + padding: 0 24px; +} +.entry-content input { + margin: 0 0 24px 0; +} +.entry-content input.file, +.entry-content input.button { + margin-right: 24px; +} +.entry-content label { + color: #888; + font-size: 12px; +} +.entry-content select { + margin: 0 0 24px 0; +} +.entry-content sup, +.entry-content sub { + font-size: 10px; +} +.entry-content blockquote.left { + float: left; + margin-left: 0; + margin-right: 24px; + text-align: right; + width: 33%; +} +.entry-content blockquote.right { + float: right; + margin-left: 24px; + margin-right: 0; + text-align: left; + width: 33%; +} +.page-link { + clear: both; + color: #000; + font-weight: bold; + margin: 0 0 22px 0; + word-spacing: 0.5em; +} +.page-link a:link, +.page-link a:visited { + background: #f1f1f1; + color: #333; + font-weight: normal; + padding: 0.5em 0.75em; + text-decoration: none; +} +.home .sticky .page-link a { + background: #d9e8f7; +} +.page-link a:active, +.page-link a:hover { + color: #ff4b33; +} +body.page .edit-link { + clear: both; + display: block; +} +#entry-author-info { + background: #f2f7fc; + border-top: 4px solid #000; + clear: both; + font-size: 14px; + line-height: 20px; + margin: 24px 0; + overflow: hidden; + padding: 18px 20px; +} +#entry-author-info #author-avatar { + background: #fff; + border: 1px solid #e7e7e7; + float: left; + height: 60px; + margin: 0 -104px 0 0; + padding: 11px; +} +#entry-author-info #author-description { + float: left; + margin: 0 0 0 104px; +} +#entry-author-info h2 { + color: #000; + font-size: 100%; + font-weight: bold; + margin-bottom: 0; +} +.entry-utility { + clear: both; + color: #888; + font-size: 12px; + line-height: 18px; +} +.entry-meta a, +.entry-utility a { + color: black/* #888;*/; +} +.entry-meta a:hover, +.entry-utility a:hover { + color: #ff4b33; +} +#content .video-player { + padding: 0; +} + + +/* =Asides +-------------------------------------------------------------- */ + +.home #content .format-aside p, +.home #content .category-asides p { + font-size: 14px; + line-height: 20px; + margin-bottom: 10px; + margin-top: 0; +} +.home .hentry.format-aside, +.home .hentry.category-asides { + padding: 0; +} +.home #content .format-aside .entry-content, +.home #content .category-asides .entry-content { + padding-top: 0; +} + + +/* =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-caption { + background: #f1f1f1; + line-height: 18px; + margin-bottom: 20px; + max-width: 632px !important; /* prevent too-wide images from breaking layout */ + padding: 4px; + text-align: center; +} +.wp-caption img { + margin: 5px 5px 0; +} +.wp-caption p.wp-caption-text { + color: #888; + font-size: 12px; + margin: 5px; +} +.wp-smiley { + margin: 0; +} +.gallery { + margin: 0 auto 18px; +} +.gallery .gallery-item { + float: left; + margin-top: 0; + 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: 0; +} +.gallery img { + border: 10px solid #f1f1f1; +} +.gallery br+br { + display: none; +} +#content .attachment img {/* single attachment images should be centered */ + display: block; + margin: 0 auto; +} + + +/* =Navigation +-------------------------------------------------------------- */ + +.navigation { + color: #888; + font-size: 12px; + line-height: 18px; + overflow: hidden; +} +.navigation a:link, +.navigation a:visited { + color: #888; + text-decoration: none; +} +.navigation a:active, +.navigation a:hover { + color: #ff4b33; +} +.nav-previous { + float: left; + width: 50%; +} +.nav-next { + float: right; + text-align: right; + width: 50%; +} +#nav-above { + margin: 0 0 18px 0; +} +#nav-above { + display: none; +} +.paged #nav-above, +.single #nav-above { + display: block; +} +#nav-below { + margin: -18px 0 0 0; +} + + +/* =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: #ff4b33; +} +.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: #ff4b33; +} +.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; +} + + +/* =Widget Areas +-------------------------------------------------------------- */ + +.widget-area ul { + list-style: none; + margin-left: 0; +} +.widget-area ul ul { + list-style: square; + margin-left: 1.3em; +} +.widget-area select { + max-width: 100%; +} +.widget_search #s {/* This keeps the search inputs in line */ + width: 60%; +} +.widget_search label { + display: none; +} +.widget-container { + margin: 0 0 18px 0; +} +.widget-title { + color: #222; + font-weight: bold; +} +.widget-area a:link, +.widget-area a:visited { + text-decoration: none; +} +.widget-area a:active, +.widget-area a:hover { + text-decoration: underline; +} +.widget-area .entry-meta { + font-size: 11px; +} +#wp_tag_cloud div { + line-height: 1.6em; +} +#wp-calendar { + width: 100%; +} +#wp-calendar caption { + color: #222; + font-size: 14px; + font-weight: bold; + padding-bottom: 4px; + text-align: left; +} +#wp-calendar thead { + font-size: 11px; +} +#wp-calendar thead th { +} +#wp-calendar tbody { + color: #aaa; +} +#wp-calendar tbody td { + background: #f5f5f5; + border: 1px solid #fff; + padding: 3px 0 2px; + text-align: center; +} +#wp-calendar tbody .pad { + background: none; +} +#wp-calendar tfoot #next { + text-align: right; +} +.widget_rss a.rsswidget { + color: #000; +} +.widget_rss a.rsswidget:hover { + color: #ff4b33; +} +.widget_rss .widget-title img { + width: 11px; + height: 11px; +} + +/* Main sidebars */ +#main .widget-area ul { + margin-left: 0; + padding: 0 20px 0 0; +} +#main .widget-area ul ul { + border: none; + margin-left: 1.3em; + padding: 0; +} +#primary { +} +#secondary { +} + +/* Footer widget areas */ +#footer-widget-area { +} + + +/* =Footer +-------------------------------------------------------------- */ + +#footer { + margin-bottom: 20px; +} +#colophon { + border-top: 4px solid #000; + margin-top: -4px; + overflow: hidden; + padding: 18px 0; +} +#site-info { + font-weight: bold; +} +#site-info a { + color: #000; + text-decoration: none; +} +#site-generator { + font-style: italic; + position: relative; +} +#site-generator a { + background: url(images/wordpress.png) center left no-repeat; + color: #666; + display: inline-block; + line-height: 16px; + padding-left: 20px; + text-decoration: none; +} +#site-generator a:hover { + text-decoration: underline; +} +img#wpstats { + display: block; + margin: 0 auto 10px; +} + + +/* =Mobile Safari ( iPad, iPhone and iPod Touch ) +-------------------------------------------------------------- */ + +pre { + -webkit-text-size-adjust: 140%; +} +code { + -webkit-text-size-adjust: 160%; +} +#access, +.entry-meta, +.entry-utility, +.navigation, +.widget-area { + -webkit-text-size-adjust: 120%; +} +#site-description { + -webkit-text-size-adjust: none; +} + + +/* =Print Style +-------------------------------------------------------------- */ + +@media print { + body { + background: none !important; + } + #wrapper { + clear: both !important; + display: block !important; + float: none !important; + position: relative !important; + } + #header { + border-bottom: 2pt solid #000; + padding-bottom: 18pt; + } + #colophon { + border-top: 2pt solid #000; + } + #site-title, + #site-description { + float: none; + line-height: 1.4em; + margin: 0; + padding: 0; + } + #site-title { + font-size: 13pt; + } + .entry-content { + font-size: 14pt; + line-height: 1.6em; + } + .entry-title { + font-size: 21pt; + } + #access, + #branding img, + #respond, + .comment-edit-link, + .edit-link, + .navigation, + .page-link, + .widget-area { + display: none !important; + } + #container, + #header, + #footer { + margin: 0; + width: 100%; + } + #content, + .one-column #content { + margin: 24pt 0 0; + width: 100%; + } + .wp-caption p { + font-size: 11pt; + } + #site-info, + #site-generator { + float: none; + width: auto; + } + #colophon { + width: auto; + } + img#wpstats { + display: none; + } + #site-generator a { + margin: 0; + padding: 0; + } + #entry-author-info { + border: 1px solid #e7e7e7; + } + #main { + display: inline; + } + .home .sticky { + border: none; + } +}