/* Theme Name: Internetdagarna 2011 Theme URI: http://internetdagarna.se/ Description: The 2011 theme for Internetdagarna is stylish, customizable, simple, and readable. Author: the .SE team Version: 1.0 Tags: white, two-columns, fixed-width */ /* =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; } /* ##### Struktur ##### */ body { background-color: #eee; font-family: helvetica,arial,sans-serif; line-height: 18px; } #wrapper { position: relative; width: 960px; margin: 0 auto; } #left-bars { position: absolute; top: 237px; left: -165px; } #mid-bars { position: absolute; top: 170px; left: 34px; z-index: 100; } #header { background-color: #fff; height: 127px; padding: 1px 20px; border-bottom: 1px solid #eee; } #header a img { display: block; float: left; margin: 0; padding: 0; } #header-meta { display: table-cell; width: 960px; height: 40px; padding: 0 20px; background-color: #fff; vertical-align: middle; } #header-meta div { float: left; width: 780px; margin: 0; padding: 5px 0 0 0; list-style-type: none; font-size: 11px; color: #0083a9; } #twitter-link { float: left; margin: 0 6px 0 0; padding: 5px 0 0 0; font-size: 11px; color: #898989; } #twitter-link img { float: left; } #twitter-link a { display: block; float: left; margin: 3px 0 0 6px; color: #898989; } #twitter div { margin: 3px 0 0 0; } #menu { float: right; } #menu ul { display: block; } #menu ul li { display: block; float: left; margin: 0 0 0 5px; padding: 1px 0; font-family: helvetica,arial,sans-serif; list-style-type: none; } #menu ul li a:hover { color: #fff; } #menu ul li.current-menu-item a, #menu ul li.current-page-ancestor a { background-color: #6eb43f; color: #fff; } #menu ul li.current-menu-item.menu-item-8419 a, #menu ul li.current-page-ancestor.menu-item-8419 a { background-color: #0083a9; } #menu ul li.current-menu-item.menu-item-8420 a, #menu ul li.current-page-ancestor.menu-item-8420 a { background-color: #49176d; } #menu ul li.current-menu-item.menu-item-8421 a, #menu ul li.current-page-ancestor.menu-item-8421 a { background-color: #d31145; } #menu ul li.current-menu-item.menu-item-8426 a, #menu ul li.current-page-ancestor.menu-item-8426 a { background-color: #f8981d; } #menu ul li a { display: block; height: 17px; margin: 0; padding: 103px 8px 5px 8px; font-size: 11px; font-weight: bold; text-decoration: none; text-transform: uppercase; color: #333; } #menu ul li.menu-item-7020 a { -webkit-transition: background 300ms; -moz-transition: background 300ms; -o-transition: background 300ms; transition: background 300ms; } #menu ul li.menu-item-7020 a:hover { background: #6eb43f; -webkit-transition: background 300ms; -moz-transition: background 300ms; -o-transition: background 300ms; transition: background 300ms; } #menu ul li.menu-item-8419 a { -webkit-transition: background 300ms; -moz-transition: background 300ms; -o-transition: background 300ms; transition: background 300ms; } #menu ul li.menu-item-8419 a:hover { background: #0083a9; -webkit-transition: background 300ms; -moz-transition: background 300ms; -o-transition: background 300ms; transition: background 300ms; } #menu ul li.menu-item-8420 a { -webkit-transition: background 300ms; -moz-transition: background 300ms; -o-transition: background 300ms; transition: background 300ms; } #menu ul li.menu-item-8420 a:hover { background: #49176d; -webkit-transition: background 300ms; -moz-transition: background 300ms; -o-transition: background 300ms; transition: background 300ms; } #menu ul li.menu-item-8421 a { -webkit-transition: background 300ms; -moz-transition: background 300ms; -o-transition: background 300ms; transition: background 300ms; } #menu ul li.menu-item-8421 a:hover { background: #d31145; -webkit-transition: background 300ms; -moz-transition: background 300ms; -o-transition: background 300ms; transition: background 300ms; } #menu ul li.menu-item-8426 a { -webkit-transition: background 300ms; -moz-transition: background 300ms; -o-transition: background 300ms; transition: background 300ms; } #menu ul li.menu-item-8426 a:hover { background: #f8981d; -webkit-transition: background 300ms; -moz-transition: background 300ms; -o-transition: background 300ms; transition: background 300ms; } #menu ul li.page-item-lang a { -webkit-transition: background 300ms; -moz-transition: background 300ms; -o-transition: background 300ms; transition: background 300ms; } #menu ul li.page-item-lang a:hover { background: #ffc423; -webkit-transition: background 300ms; -moz-transition: background 300ms; -o-transition: background 300ms; transition: background 300ms; } #content { float: left; width: 660px; min-height: 400px; height: auto !important; height: 400px; margin: 0; padding: 20px; background-color: #fff; } #content.wide { width: 920px; } #main { margin: 10px 0; background: url("images/bg-main.png") repeat-y 0 0; } .post, #content .page { width: 100%; margin: 0; padding: 20px 0; border-bottom: 1px dotted #aaa; } .front-image-format { position: relative; width: 650px; } .front-image-format h2 { display: inline; position: absolute; bottom: 10px; left: 10px; margin: 0; padding: 6px 10px !important; background: url("images/trans-70-black.png"); font-size: 22px; font-weight: bold; line-height: 28px; text-align: left; color: #fff; } .front-image-format h2 a[rel=bookmark] { color: #fff; } .front-image-format h2 small a { color: #ccc; } .front-image-format h2 small a:hover { color: #fff; } .post h2 { margin: 0 0 3px 0;} .post h2 a { text-decoration: none; color: #333; } .post small { } .post small a { font-size: 12px; font-style: italic; text-decoration: none; text-transform: none; color: #898989; } .post small a:hover { color: #333; } .post small span { font-size: 12px; font-style: italic; text-decoration: none; text-transform: none; color: #333; } .post p, #content .page p { font: normal 15px georgia,times,serif; line-height: 22px; } .post ul, .page .entry-content ul { margin: 0 0 20px 0; padding: 0 30px; font: normal 15px/22px georgia,times,serif; color: #333; } .post ul li, .page .entry-content ul li { margin-bottom: 12px; line-height: 18px; color: #333; } .entry, .entry-content { width: 450px; } p.wp-caption-text { font-style: italic; color: #898989 !important; } .wide .entry-content { width: 920px; } .home .entry, .archive .entry, .search .entry { float: left; } .home .entry p, .archive .entry p, .search .entry p { display: block; margin: 6px 0 0 0; font: normal 15px georgia,times,serif; line-height: 19px; color: #58585a; } .home .post:first-child, .archive .post:first-child { padding-top: 0; } .home .post:last-child { border: 0; } .single .post { padding-top: 0;} .single .post .dot { display: block; float: left; margin: 4px 2px 0 0; font-size: 60px; line-height: 0px; color: #333; } /* grön: 6eb43f grå: 58585a */ .single .post p, .page p { margin: 0 0 12px 0; color: #333; } .single .post small { display: block; margin-bottom: 14px; padding: 4px 0; border-top: 1px dotted #333; border-bottom: 1px dotted #333; } .single h1 { margin: 20px 0 20px 0; padding: 0; } .single .post h2 { margin: 18px 0 8px 0; font-size: 20px; font-weight: bold; } .page { border-bottom: 0 !important; } .page h1 { margin: 0 0 20px 0; } .page h2 { margin: 18px 0 8px 0; font-size: 20px; font-weight: bold; } .post a.comments { background: url("images/icon-comments.png") 0 0 no-repeat; padding: 0 0 0 20px; font-size: 12px; font-weight: bold; } /* .archive .tags { float: right; width: 160px; background: #f6f6f6; font-size: 12px; padding: 16px; line-height: 16px; } */ #sidebar { float: left; width: 250px; margin: 0 0 0 10px; } .konferensinfo .pagenav h4 { display: table-cell; width: 230px; height: 30px; padding: 2px 10px 0 10px; background-color: #d31145; font-size: 11px; text-transform: uppercase; letter-spacing: 0px; color: #fff; vertical-align: middle; } .pagenav ul { margin: 0; padding: 6px 0 6px 0; background-color: #fff; } .pagenav ul li { margin: 0 10px !important; padding: 5px; border-top: 1px solid #eee; font-size: 14px; } .pagenav ul li:first-child { border-top: 0; } .pagenav ul li.current_page_item a { color: #000; } .pagenav ul li.current_page_item:before { content: "\00BB"; padding-right: 3px; } #sidebar p { margin-bottom: 10px; } #sidebar ul { list-style-type: none; } #sidebar ul li { margin: 0 0 10px 0; } #sidebar ul li h3 { clear: both; margin: 0 0 5px 0; } #sidebar ul li h3.rss a { display: block; height: 25px; margin: 0 0 0 10px; padding: 5px 0 0 35px; background: url("images/icon-rss-small.png") no-repeat 0 50%; text-decoration: none; color: #000; } #sidebar ul li h3.twitter a { display: block; height: 25px; margin: 5px 0 0 10px; padding: 5px 0 0 35px; background: url("images/icon-twitter-small.png") no-repeat 0 50%; text-decoration: none; color: #000; } #sidebar ul li h3.facebook a { display: block; height: 25px; margin: 5px 0 0 10px; padding: 5px 0 0 35px; background: url("images/icon-facebook-small.png") no-repeat 0 50%; text-decoration: none; color: #000; } #sidebar ul li h3.rss a:hover, #sidebar ul li h3.twitter a:hover, #sidebar ul li h3.facebook a:hover { text-decoration: underline; } #sidebar ul li.newsletter { margin-top: 20px; padding-top: 15px; border-top: 1px dotted #aaa; } #searchform div { position: relative; width: 245px; height: 25px; padding: 0 0 0 5px; background-color: #fff; color: #fff; } /* -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; */ #s { float: left; width: 210px; height: 14px; margin-top: 5px; border: 0; background-color: #fff; color: #333; } #searchsubmit { display: block; float: right; width: 30px; height: 25px; margin: 0; padding: 0; border: 0; font-size: 0.0001px; color: #fff; background: url("images/icon-search.png") no-repeat 5px 4px; background-color: #fff; cursor: pointer; } /* #newsletter div { position: relative; width: 245px; height: 25px; padding: 0 0 0 5px; background-color: #fff; color: #fff; } */ #newsletter input.textfield { float: left; width: 140px; height: 17px; padding: 4px 6px; border: 0; background-color: #fff; color: #333; } #newsletter input.button { float: right; height: 25px; margin: 0; padding: 4px 6px; background: #000; border: 0; font-family: helvetica,arial,sans-serif; font-size: 12px; color: #fff; cursor: pointer; } #footer { height: 100%; margin: 0; padding: 0 0 15px 0; background-color: #fff; font-size: 12px; } #footer ul { margin: 0; padding: 15px; list-style-type: none; } #footer ul li { float: left; margin: 0 20px 0 0; padding: 0; max-width: 280px; } #footerLogo { float: right; margin: 30px 15px 0 0; padding: 0; } /* ##### Allmänt ##### */ a { outline: none; color: #0083a9; } a:hover { color: #333; } small { font: normal 11px georgia,times,serif; text-transform: uppercase; } h1 { font-size: 30px; line-height: 32px; letter-spacing: -0.4px; color: #000; } h2 { padding: 0; font-size: 22px; line-height: 26px; letter-spacing: -0.4px; color: #000; } h3 { margin: 16px 0 0 0; font: bold 16px georgia,times,serif; } h4 { font-size: 14px; line-height: 18px; letter-spacing: -0.4px; } .alignleft { float: left; padding: 0 20px 0px 0; } .imgalignleft { display: block; float: left; margin-right: 10px; } .alignright { float: right; padding: 0 0 0 20px; } .imgalignright { display: block; float: right; margin-left: 10px; } .screen-reader-text { position: absolute; left: -9000px; } .clear { clear: both; height: 0; margin: 0; padding: 0; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; height: 0; line-height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } .no-bottom-border { border-bottom: 0; } /* ##### Innehåll ##### */ /* Pagination */ .archive-listing .archive-header { padding: 16px 0; border-bottom: 1px solid #eee; } .archive-listing .archive-header h1 { margin-bottom: 15px;} #content .category-nav { font-size: 14px; padding: 12px 0 0 0; height: 25px; } #content .category-nav .previous-posts, #content .category-nav .previous-posts-inactive { float: left; line-height: 25px; height: 25px; } #content .category-nav .next-posts, #content .category-nav .next-posts-inactive { float: right; line-height: 25px; height: 25px; } #content .category-nav .previous-posts a { display: block; background: url("images/previous-posts.png") top left no-repeat; padding: 2px 0 0 34px; height: 25px; } #content .category-nav .previous-posts-inactive { display: block; background: url("images/previous-posts-inactive.png") top left no-repeat; color: #dddddd; padding: 2px 0 0 34px; height: 25px; } #content .category-nav .next-posts-inactive { display: block; background: url("images/next-posts-inactive.png") top right no-repeat; color: #dddddd; padding: 2px 34px 0 0; height: 25px; } #content .category-nav .next-posts a { display: block; background: url("images/next-posts.png") top right no-repeat; padding: 2px 34px 0 0; height: 25px; } #content .bottom{padding: 20px;} /* Meta sidebar */ .asides { float: right; width: 194px; margin: 5px 0 0 20px; } .asides .sociable { margin: 0; } .asides .aside { margin: 0 0 20px 0; padding: 14px; background: #f6f6f6; font-size: 12px; } .asides .aside h3 { margin: 0 0 8px 0; padding: 0 0 8px 0; font-weight: normal; border-bottom: 1px solid #fff; } .asides .aside p { font: normal 12px helvetica,arial,sans-serif !important; line-height: 18px !important; } .asides .share { padding-bottom: 0px; } .asides .share ul { margin: 0; padding: 0; } .asides .share ul li { float: left; } .asides .share ul li a { display: block; float: left; width: 16px; height: 16px; xtext-indent: -9000px; margin: 0 14px 14px 0; } .asides .share ul li.facebook a { background: url(http://www.internetdagarna.se/wordpress/wp-content/themes/ind2011/images/share-facebook.png) no-repeat; } .asides .share ul li.bloggy a { background: url(http://www.internetdagarna.se/wordpress/wp-content/themes/ind2011/images/share-bloggy.png) no-repeat; } .asides .share ul li.twitter a { background: url(http://www.internetdagarna.se/wordpress/wp-content/themes/ind2011/images/share-twitter.png) no-repeat; } .asides .share ul li.digg a { background: url(http://www.internetdagarna.se/wordpress/wp-content/themes/ind2011/images/share-digg.png) no-repeat; } .asides .share ul li.delicious a { background: url(http://www.internetdagarna.se/wordpress/wp-content/themes/ind2011/images/share-delicious.png) no-repeat; } .asides .share ul li.linkedin a { background: url(http://www.internetdagarna.se/wordpress/wp-content/themes/ind2011/images/share-linkedin.png) no-repeat; } .asides .share ul li.google a { background: url(http://www.internetdagarna.se/wordpress/wp-content/themes/ind2011/images/share-google.png) no-repeat; } .asides .share ul li.posterous a { background: url(http://www.internetdagarna.se/wordpress/wp-content/themes/ind2011/images/share-posterous.png) no-repeat; } .asides ul.post-actions { margin: 0 0 0 5px; padding: 0; list-style: none; } .asides ul.post-actions li { font-size: 14px; } .asides ul.post-actions li a { display: block; padding: 4px 0 0 35px; height: 22px; margin: 0 0 10px 0; } .asides ul.post-actions li.comment a { background: url(images/action-comment.png) top left no-repeat; } .asides ul.post-actions li.comment-rss a { background: url(images/icon-rss-small.png) top left no-repeat; } .asides ul.post-actions li.trackback a { background: url(images/action-trackback.png) top left no-repeat; } .asides .featured-quote { border-top: 1px solid #eeeeee; padding: 18px 0 0 0; margin: 14px 0 0 0; } .asides .featured-quote p { font-size: 20px; font-style: italic; line-height: 140%; } /* Arkiv */ #smart-archives-block { display: none; margin: 5px 0 0 0; padding: 0 0 20px 0; border-bottom: 1px dotted #000; list-style: none; } #smart-archives-block li { margin-bottom: 10px; } #smart-archives-list { margin: 15px 0; } #smart-archives-list h2 { margin: 0 0 8px 0; text-transform: capitalize; font-size: 18px; } #content .page #smart-archives-list ul { margin:0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #eeeeee; } #content .page #smart-archives-list li { margin: 0 0 4px 20px !important; font-size: 14px; } #content .page #smart-archives-list a { text-decoration: none; } /* Kommentarer */ hr.divider { height: 16px; margin: 0; padding: 0; border: 0; color: #eee; } .add-comment { padding: 20px 20px 40px 0; background: #fff; } .add-comment a { text-decoration: underline; } .add-comment h3 { font-weight: normal; font-size: 16px; margin: 0 0 18px 0; } .add-comment h3.respond { display: none; } .add-comment h3.comment { display: block; } .add-comment input.text, textarea { font-family: helvetica,arial,sans-serif; } .add-comment input.text { background: #f6f6f6; border: 0; padding: 5px 0 5px 10px; margin: 0 0 16px 0; height: 24px; width: 272px; font-size: 12px; } .add-comment span { padding: 0 0 0 20px; position: relative; top: 2px; font-size: 12px; color: #868686; } .add-comment textarea { width: 320px; height: 100px; float: left; background: #f6f6f6; border: 0; font-size: 12px; padding: 10px; } .add-comment span.gravatar { float: left; width: 195px; margin: 10px 0 0 0; font-family: helvetica,arial,sans-serif; line-height: 18px; } .add-comment span.gravatar a { color:#868686; text-decoration: underline; } .add-comment input.button { float: left; padding: 4px 6px; height: 32px; margin: 14px 20px 0 0; background: #000; border: 0; font-family: helvetica,arial,sans-serif; font-size: 12px; cursor: pointer; color: #fff; } .add-comment p.info { font-size: 12px; margin: 0 0 10px 0; font-family: helvetica,arial,sans-serif;} /* Lägg kommentarer */ ul .add-comment { padding: 15px 3px; } ul ul .add-comment { margin-left: -22px; padding: 15px 0; } ul .add-comment span.gravatar { display: none; } ul .add-comment h3.comment { display: none; } ul .add-comment h3.respond { display: block; } #cancel-comment-reply { } #cancel-comment-reply p { margin: 25px 0 0 0; font-size: 12px; font-family: helvetica,arial,sans-serif; } /* Lista kommentarer */ #comments { background: #fff; font-family: georgia,times,serif; } #comments h3 { font-weight: normal; font-size: 16px; margin: 15px 0 18px 0; } #comments .comment-listing { float: left; width: 460px; } #comments .comment-listing ul li { margin: 16px 0 0 0; padding: 16px 0 0px 0; border-top: 1px solid #eeeeee; } #comments .comment-listing ul li:first-child { margin: 0; padding: 16px 0 0px 0; border-top: 1px solid #eeeeee; } #comments .comment-listing ul li img { float: left; width: 70px; } #comments .comment-listing ul li .comment-body { float: right; width: 350px; margin: 0 0 6px 10px; } #comments .comment-listing ul li .comment-body span.author { font-weight: bold; font-size: 14px; display: block; } #comments .comment-listing ul li .comment-body .date { display: block; margin: 0 0 6px 0; font-size: 12px; font-style: italic; color: #898989; } #comments .comment-listing ul li .comment-body p { font-size: 14px; margin: 0 0 10px 0; line-height: 18px; color: #333;} #comments .comment-listing ul li a.comment-reply-link { padding: 4px 0 6px 40px; background: url(images/comment-reply.png) no-repeat; font-size: 14px; } #comments .comment-listing ul ul.children { clear: both; margin: 0 0 0 45px; padding: 0; border: 0; } #comments .comment-listing ul ul.children .comment-body { width: 305px; } #comments .comment-listing ul ul.children ul.children { margin: 0; } #comments .comment-listing ul ul.children li { border: 0; margin: 0; padding: 30px 0 0 0; margin: 0; background: url(images/comment_divider.png) no-repeat; } #comments .trackback-listing { float: right; width: 200px; } #comments .trackback-listing ul li { margin: 0 0 16px 0; padding: 0 0 16px 0; border-bottom: 1px solid #eeeeee; font-size: 12px; } #comments .trackback-listing ul li .author { font-size: 12px; font-weight: bold; } #comments .trackback-listing ul li .date { display: block; margin: 5px 0; font-style: italic;} #comments .trackback-listing ul li .comment-body { width: 200px; } #comments .comment-listing ul li .comment-body a { text-decoration: underline; } /* ### PROGRAMSYSTEMET ### */ #programcontainer span.title { font-size: 12px; line-height: 30px; } #programcontainer span.company { font-size: 12px; } #programcontainer span.twitter, #programcontainer span.url { font-size: 12px; }