@charset "UTF-8"; /* This stylesheet is build upon the framework of :: */ /* Foundation v2.1.3 http://foundation.zurb.com */ /* Artfully masterminded by ZURB */ /* -------------------------------------------------- Table of Contents ----------------------------------------------------- :: VARIABLES :: MIXINS :: SHARED STYLES :: TYPOGRAPHY :: ARTICLE LEVEL TYPOGRAPHY -----------------------------------------*/ /* ----------------------------------------- * Styles appearing other places than here: * Element styles in some *.php's * Javascript-libraries like flex-slider and custom stylesheets ----------------------------------------- */ /* ----------------------------------------- VARIABLES ----------------------------------------- */ /*@import "../colors";*/ @import url("colors.css"); /* ----------------------------------------- Jubileumsbanner ----------------------------------------- */ #jubel { position: absolute; top: -7px; right: -19px; z-index: 99; height: 350px; width: 350px; background-image: url(../images/jubileumsbanner.svg); background-repeat: no-repeat; pointer-events: none; visibility: hidden; } .home #jubel { visibility: visible; } /* ----------------------------------------- MIXINS ----------------------------------------- */ /* ----------------------------------------- SHARED STYLES ----------------------------------------- */ html, body { height: 100%; min-width: 320px; } body { position: relative; margin-top: -1.48em; } * { -moz-transition: all 0.3s linear 0s; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .container { padding-top: 0px; min-height: 100%; /* background-image: url('../images/patterns/light_grey.png'); */ overflow: hidden; } .background { height: 100%; background: url("../images/patterns/fabric-patterns-04.png") repeat-x repeat-y; } /* Something adds 10px right margin for some reason.. */ /*.flex-control-nav { position: absolute !important; top: -9999px !important; left: -9999px !important; }*/ .illustrator { float: right; font-family: 'Droid Sans', sans; padding-right: 2px; } .illustrator a { font-family: 'Droid Serif', serif; text-transform: uppercase; font-style: italic; } #global-logobox { margin-bottom: 20px; } /* ----------------------------------------- TYPOGRAPHY ----------------------------------------- */ .roboto-condensed { font-family: RobotoCondensed !important; } .reset-hover { float: left !important; } .reset-hover a, .reset-hover a:link, .reset-hover a:visited, .reset-hover a:active, .reset-hover a:hover { display: inline-block; background-color: transparent !important; } p { font-family: RobotoRegular, serif; font-size: 15px; font-size: 1.5rem; margin-bottom: 3px; line-height: 125%; color: #1e1919; } a { font-family: RobotoRegular, serif; font-size: 15px; font-size: 1.5rem; margin-bottom: 3px; font-weight: normal; line-height: 133%; color: #050331; color: var(--dark-color); text-decoration: underline; } a:visited, a:active, a:hover { color: #050331; color: var(--dark-color); text-decoration: none; } /* Hack for � fjerne markering av telefonnummer i opera mobile */ a[href^=tel] { color: inherit; text-decoration: none; } h1, h3, h4, h5, h6, h1 a, h3 a, h4 a, h5 a, h6 a { font-family: 'Droid Serif', sans-serif; text-decoration: none; line-height: 133%; } h2, h2 a { font-family: Droid Sans, sans-serif; text-transform: uppercase; text-decoration: none !important; font-size: 18px; font-size: 1.8rem; } h1 a, h1 { font-size: 24px; font-size: 2.4rem; margin-bottom: 5px; color: #000 !important; text-decoration: none; } h2 a { text-transform: uppercase; color: #000; } h3 a, h3 { font-size: 18px; font-size: 1.8rem; color: #000 !important; } h4 a { font-size: 14px; font-size: 1.4rem; margin-bottom: 3px; color: #000 !important; } h5 a { font-size: 12px; font-size: 1.2rem; margin-bottom: 3px; color: #000 !important; } h6 a { font-size: 12px; font-size: 1.2rem; font-weight: normal; color: #000 !important; } .widget a, .social-labels a { text-decoration: none; } .override-black-a a:link, .override-black-a a:active, .override-black-a a:visited, .override-black-a a:hover { color: #000; text-transform: uppercase; font-family: 'Droid Sans', serif; font-size: 14px; font-size: 1.4rem; margin-bottom: 3px; line-height: 150%; } .name, .name a { font-family: "Droid Serif" !important; font-size: 1.2rem; font-size: 12px; text-transform: uppercase; font-style: italic; color: #1e1919; } sup { line-height: 0; text-decoration: none !important; vertical-align: super !important; padding: 0 !important; } sup a { text-decoration: none !important; font-size: small !important; } /* ----------------------------------------- ARTICLE LEVEL TYPOGRAPHY ----------------------------------------- */ /* ENTITY CHARS - http://brajeshwar.github.com/entities/ \2009 thin space \2912 rightwards arrow */ article h3 { margin-bottom: 0px; } article header p { font-family: RobotoBold, serif; font-size: 18px; font-size: 1.8rem; margin-bottom: 12px; line-height: 150%; font-weight: normal; font-style: normal; } article .entry p ul li { font-family: RobotoRegular, serif; font-size: 15px; /*@include rem('font-size',15px);*/ margin-bottom: 21px; line-height: 150%; font-weight: normal; font-style: normal; } article .entry p { margin-bottom: 10px; } article .entry a:link, article .entry a:visited, article .entry a:active { /*background-color: #f5f5f5;*/ margin: 0; display: inline; } article .entry a:hover { /*background-color: #f5f5f5;*/ margin: 0; display: inline; text-decoration: underline; } /* end .article */ .entry ul { list-style-type: square; margin-left: 1.25em; } .entry ul li { font-family: RobotoRegular, serif; font-size: 14px; font-size: 1.4rem; margin-bottom: 3px; line-height: 150%; } .entry { padding-right: 5px; } .page .entry { padding-bottom: 20px; } .fra-redaksjonen .aside-author { max-width: 100%; width: 100%; } .aside-author { float: right; margin: 0 0 1em 1em; margin: 0 0 1rem 1rem; max-width: 300px; } .aside-author .author-box { float: none; clear: both; border-bottom: 1px solid #050331; border-bottom: 1px solid var(--dark-color); } .aside-author .avatar { float: left; max-width: 50px; margin-right: 5px; margin-top: 4px; } .aside-author a, .aside-author a:visited, .aside-author a:hover { color: inherit; font: inherit; font-size: inherit !important; background-color: inherit !important; font-style: inherit !important; border-radius: inherit !important; box-shadow: 0px 0px !important; } .aside-author a:before, .aside-author a:after { display: none; } .tags-wrapper { font-family: "RobotoRegular"; font-size: 1.2rem; font-size: 12px; padding-top: 4px; border-bottom: 1px solid #050331; border-bottom: 1px solid var(--dark-color); } .tags-wrapper p { font-size: inherit !important; margin-bottom: 5px !important; } .tags-wrapper a { text-decoration: none !important; } .share-wrapper { border-bottom: 1px solid #050331; border-bottom: 1px solid var(--dark-color); padding-top: 5px; margin-bottom: 5px; float: left; width: 100%; } .share-wrapper .del { font: inherit !important; display: block; float: left; } .share-wrapper .print, .share-wrapper .printfriendly { font: inherit !important; } .share-wrapper p { margin-bottom: 5px !important; } .share { float: left; height: 12px; width: 8px; margin: 0 5px 0 5px; } .face { background: url("..//images/icons_vp_5.png") no-repeat -115px -254px; } .tweet { background: url("..//images/icons_vp_5.png") no-repeat -115px -232px; } .mail { background: url("..//images/icons_vp_5.png") no-repeat -116px -276px; margin-top: 1px; width: 9px; } .addthis_button_compact p { font: inherit !important; float: left; } .aside-cat { font-family: Droid Sans, sans-serif; text-transform: uppercase; font-size: inherit; } /* FACEBOOK LIKE-BUTTON FIX */ .fb_ltr { width: 45px; max-width: 45px; } .author-name { font-size: 15px; font-size: 1.5rem; font-family: 'Droid Serif'; font-style: italic; /*font-weight: 400;*/ text-transform: uppercase; display: block-inline; margin: 0; padding: 0; vertical-align: top; } .author-name a { text-decoration: none !important; font-style: italic; } .aside-author .hovedsaksplakat img { width: 100%; } .author-wrapper { padding-bottom: 10px; padding-top: 1px; } .aside-author .spiss { margin-bottom: 10px; } .aside-author .author-bio { display: block-inline; margin: 0; padding: 0; } .date-container { float: left; width: 100%; clear: both; font-family: 'Droid Serif', serif; font-size: 15px; font-size: 1.5rem; font-style: italic; border-bottom: 1px solid #050331; border-bottom: 1px solid var(--dark-color); } .aside-author-date { display: block; margin-bottom: 0px !important; float: left; font: inherit; padding-left: 20px; } .aside-author-date::before { background: url("..//images/icons_vp_5.png") no-repeat -111px -163px; height: 12px; width: 15px; display: block; position: absolute; content: " "; margin-left: -20px; margin-top: 2px; } .aside-author-date a { text-decoration: none; } .aside-author-comments { float: right; display: block; text-align: right; font: inherit; text-decoration: none !important; padding-left: 20px; } .aside-author-comments::before { background: url("..//images/icons_vp_5.png") no-repeat -190px -182px; height: 12px; width: 14px; display: block !important; position: absolute; content: " "; margin-left: -20px; margin-top: 4px; } /* .aside-author .metainfo_plakat, .aside-author .hovedsaksplakat{margin-bottom: 0px!important;} */ .utskrift { padding-left: 15px; font-family: Droid Sans, sans-serif !important; font-size: inherit !important; } .utskrift:before { background: url("..//images/icons_vp_5.png") no-repeat -169px -125px; height: 11px; width: 12px; display: block !important; position: absolute; content: " "; margin-top: 6px; } .frontquote { font-family: 'Droid Serif', Times, Garamond, Georgia, serif; font-style: italic; color: #003; font-size: 17px; font-size: 1.7rem; line-height: 133%; position: relative; margin-bottom: 5px; } .frontquote .quote-icon { background: url("..//images/icons_vp_5.png") no-repeat -641px -189px; height: 82px; width: 102px; position: absolute; display: block; bottom: 3px; right: 1px; } .frontquote .name { font-size: 12px; font-size: 1.2rem; padding-left: 5px; height: 20px; position: relative; } .frontquote .name:before { content: ""; background: url("..//images/icons_vp_5.png") no-repeat -138px -180px; height: 14px; width: 12px; display: block; margin-top: 5px; float: left; } .frontquote p { margin-bottom: 0px !important; font: inherit; position: relative; min-height: 48px; } .frontquote h3 { position: relative; margin-bottom: 3px !important; } .frontquote a { font: inherit !important; } .tekstboks { float: right; width: 200px; margin: 10px 0 10px 10px; padding: 5px; background-color: #ede5c1; background-color: var(--light-color); } .tekstboks-stor { float: none; width: 100%; padding: 5px; background-color: #ede5c1; background-color: var(--light-color); } /** Style to override simplePullQoute-plugin **/ .sidequote, .simplePullQuote { float: right; font-family: 'Droid Serif', Times, Garamond, Georgia, serif; font-style: italic; color: #003; font-size: 17px; font-size: 1.7rem; line-height: 133%; margin: 10px 0px 10px 15px !important; padding: 15px 0 0 0 !important; width: 300px !important; border-top: 1px solid #050331 !important; border-top: 1px solid var(--dark-color) !important; border-bottom: 1px solid #050331 !important; border-bottom: 1px solid var(--dark-color) !important; background: none !important; box-shadow: none !important; text-indent: 0px !important; } .sidequote:before, .simplePullQuote:before { content: ""; background: url("..//images/icons_vp_5.png") no-repeat -156px -46px; height: 31px; width: 39px; float: left; margin-top: -8px; /* margin-bottom: 70px; */ margin-right: 5px; } .sidequote:after, .simplePullQuote:after { clear: both; content: ""; display: table; } .sidequote p, .simplePullQuote p { margin-bottom: 5px !important; font: inherit; width: 85%; float: right; } blockquote { border-left: 0; margin: 15px 0 15px 0; padding: 5px 0 0 50px; position: relative; pointer-events: none; } blockquote:before { content: ""; background: url("..//images/icons_vp_5.png") no-repeat -156px -46px; height: 31px; width: 39px; position: absolute; left: 0px; top: -8px; color: #888; } blockquote p { line-height: 125%; color: #333; font-size: 14px; font-size: 1.4rem; } blockquote a { pointer-events: all; } .tablepress tfoot th, .tablepress thead th { background-color: white !important; border-bottom: 1px solid #050331 !important; border-bottom: 1px solid var(--dark-color) !important; font-family: "RobotoRegular" !important; text-transform: uppercase !important; } .tablepress tfoot th strong, .tablepress thead th strong { font-weight: 400 !important; } .tablepress .odd td { background-color: #ede5c1 !important; } .tablepress tbody { font-family: "RobotoRegular" !important; } /* Images */ .entry img, .comment img, .widget img { max-width: 100%; /* Fluid images for posts, comments, and widgets */ } img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } img.size-full, img.size-large { max-width: 97.5%; width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */ height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } .wp-caption img[src*='.svg'] { background-color: white; } .wp-caption.alignleft { max-width: 50%; } .wp-caption, .wp-block-image, .wp-block-image figure { max-width: 97.5%; height: auto; background-color: #ede5c1; background-color: var(--light-color); text-align: right; margin-bottom: 10px; display: block; } .wp-caption img, .wp-block-image img, .wp-block-image figure img { max-width: 100%; width: 100%; height: auto; padding-bottom: 0px; } .wp-caption a:before, .wp-caption a:after, .wp-block-image a:before, .wp-block-image a:after, .wp-block-image figure a:before, .wp-block-image figure a:after { display: none; } .wp-caption a, .wp-block-image a, .wp-block-image figure a { font-size: inherit !important; } .wp-caption-text, .wp-block-image figcaption { font-family: 'RobotoItalic'; font-size: 12px !important; font-size: 1.2rem !important; padding-right: 5px; padding-bottom: 3px; margin-bottom: 0px !important; margin-left: 2px; text-align: left !important; color: inherit !important; } .wp-caption.alignright, .wp-block-image .alignright { max-width: 50%; float: right; margin: 0 0 1em 1em; margin: 0 0 1rem 1rem; } .wp-block-image .alignright { display: block; } .wp-block-image .alignright > figcaption, .wp-block-image.is-resized > figcaption { display: block !important; } iframe { max-width: 97.5%; width: 100%; } #player1 embed { height: 320px; } .embed-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Built-in mediaplayer responsive fix */ .mejs-container { width: 100% !important; height: auto !important; padding-top: 57%; margin-bottom: 15px; margin-bottom: 1.5rem; } .mejs-overlay, .mejs-poster { width: 100% !important; height: 100% !important; } .mejs-mediaelement video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100% !important; height: 100% !important; } .me-plugin { top: 0; left: 0; right: 0; bottom: 0; width: 100% !important; height: 100% !important; } .me-plugin embed { height: 100% !important; max-width: 100%; } .mejs-audio { height: 30px !important; padding-top: 0px !important; } .vco-storyjs p { font-family: 'RobotRegular' !important; } /* -------------------------------------------------- Highlighted tag in Sidabar Author: H�var Skaugen ---------------------------------------------------*/ #tema { float: right; width: 35%; border: 0px !important; } .tema-container { position: relative; background: #ede5c1; background: var(--light-color); width: 100%; height: 100%; padding-left: 10px; padding-bottom: 5px; margin-bottom: 5px; } .tema-container .ear { /* float: right; */ position: absolute; top: 0px; right: 0px; border-bottom: 20px solid #050331; border-bottom: 20px solid var(--dark-color); border-right: 20px solid white; height: 0px; width: 0px; } .tema-header { font-family: RobotoRegular; padding-top: 5px; } .tema-letter { font-family: 'Droid Serif', Times, Garamond, Georgia, serif; font-weight: 700; font-size: 150px; color: #050331; color: var(--dark-color); text-transform: uppercase; line-height: 100%; margin-bottom: 0px; padding-bottom: 0px; } .tema-letterj { font-family: 'Droid Serif', Times, Garamond, Georgia, serif; font-weight: 700; font-size: 150px; color: #050331; color: var(--dark-color); text-transform: uppercase; line-height: 150% !important; margin-bottom: 0px; padding-bottom: 0px; margin-left: 10px; margin-top: -40px; } .tema-letters { font-size: 30px; font-weight: 400; text-transform: uppercase; line-height: 100%; margin-top: -15px; } .tema-count { font-size: 12px; } /* -------------------------------------------------- Common CSS Style Author: Erlend Andresen ---------------------------------------------------*/ .main2 { border-bottom: 1px solid #050331; border-bottom: 1px solid var(--dark-color); } .bg { padding-bottom: 5px; } .main { padding-bottom: 104px; padding-left: 10px; } #betabanner { background: url("..//images/icons_vp_5.png") -604px 0px; position: absolute; height: 192px; width: 192px; z-index: 10; display: block; top: 0; right: 0; } .betatest { font-size: 2em; font-size: 20px; font-family: 'Droid Serif', serif; font-weight: 700; } .betalink { right: -6px; top: 15px; font-family: 'Droid Sans', sans-serif; font-size: 9px; font-size: 0.9em; color: #1e1919 !important; font-weight: 700; position: absolute; } .rotate { position: relative; top: 70px; left: 20px; z-index: 11; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .arkiv { width: 570px; } /* -------------------------------------------------- Tag page Author: H�var Skaugen ----------------------------------------------------*/ .tag .article-image-container { max-width: 100% !important; width: 90%; padding-left: 0px; margin-left: 0px; float: left; clear: both; } .tag .article-image { width: 100%; } .tag .tag-article { max-width: 100%; width: 100%; float: left; } .tag .tag-article h1 a { font-size: 20px; font-size: 2rem; } .tag .frontpage { float: left; max-width: 100%; } .tag .hovedsaksplakat { float: left !important; width: 100%; margin-left: 0px; } #tag-content { padding: 0px; clear: both; float: left; width: 100% !important; column-count: 4; } .articles, .api { margin-right: 1%; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; overflow: hidden; } #next-page { float: left; } .articles { border-bottom: 1px solid #050331; border-bottom: 1px solid var(--dark-color); margin-bottom: 15px; } .api { border-left: 1px solid #050331; border-left: 1px solid var(--dark-color); padding-left: 1%; margin-bottom: 15px; } .api li:last-child { padding-bottom: 5px; border-bottom: 1px solid #050331; border-bottom: 1px solid var(--dark-color); } .api ul { margin-bottom: 0px; } .api .meta-list li { padding-right: 0px !important; } .api-date { float: none; font-style: italic; font-family: 'Droid Serif'; } .norvegiana-li { float: left; background-color: #ede5c1; background-color: var(--light-color); max-width: 100%; } .tag-header-wrapper { float: left; clear: both; width: 101%; margin-left: -10px; margin-bottom: 15px; padding-bottom: 10px; position: relative; background-color: #ede5c1; background-color: var(--light-color); } .tag-header-wrapper h1 { padding-bottom: 0px; } .tag-header-wrapper h1, .tag-header-wrapper .tag-archive-meta, .tag-header-wrapper .tema-description { margin-left: 10px; margin-right: 20px; border-bottom: 0px !important; } .tag-header-wrapper .ear { border-bottom: 20px solid #050331; border-bottom: 20px solid var(--dark-color); border-right: 20px solid white; height: 0px; width: 0px; position: absolute; top: 0px; right: 0px; } .square-img { width: 100%; height: 0; padding-bottom: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; overflow: hidden; } .square-img img { min-height: 100%; min-width: 100%; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 5-7 */ filter: alpha(opacity=0); /* modern browsers */ opacity: 0; } .tag-archive-meta { margin-bottom: 10px; } .tema-description { margin-top: -5px; margin-left: 10px; font-size: 13px; font-size: 1.3rem; padding-bottom: 10px; } .source { display: inline-block; margin-left: 20px; font-size: 12px; font-size: 1.2rem; } .source a { font: inherit; } .source:before { background: url("..//images/icons_vp_5.png") -138px -180px no-repeat transparent; content: " "; display: block; height: 14px; margin-left: -20px; margin-top: 2px; position: absolute; width: 12px; } .tag-image-wrapper { display: none; background: #ede5c1; background: var(--light-color); position: relative; } .tag-image-wrapper .ear { border-bottom: 20px solid #050331; border-bottom: 20px solid var(--dark-color); border-right: 20px solid white; height: 0px; width: 0px; /* float: right; */ position: absolute; top: 0px; right: 0px; } .api .meta-list li { margin-bottom: 5px; border-bottom: 0px !important; } .relatert-tag:last-child { padding-bottom: 5px; border-bottom: 1px solid #050331; border-bottom: 1px solid var(--dark-color); } .tag-image { display: none; } /* .tag-sosiale-medier{ .sosiale-medier-image, .tag-image-wrapper{display: block!important;} .tag-image-wrapper{background: none;} .tag-image{background: $light-color} } .tag-valgkamp{ .valgkamp-image, .tag-image-wrapper{ display: block!important; background: var(--light-color); } } */ /******** End tag page ********/ #content-wrapper { max-width: 970px; margin: 0 auto; position: relative; height: 100%; padding-right: 10px; } #pole { display: block; background-color: #050331; background-color: var(--dark-color); float: left; position: absolute; top: 0; left: 0; bottom: 10px; width: 10px; height: auto !important; z-index: 10; } #paper-edge { background: url("..//images/paper-y.png") repeat-y; position: absolute; right: -6px; top: 17px; bottom: 54px; width: 6px; height: auto; } #paper-top { width: 6px; height: 18px; position: absolute; right: -6px; top: -1px; background: url("..//images/icons_vp_5.png") -321px -94px; } #paper-corner { background: url("..//images/icons_vp_5.png") -283px -192px; float: right; position: relative; height: 50px; width: 55px; bottom: 4px; right: -7px; } #paper-ear { background: url("..//images/icons_vp_5.png") -286px -192px; background-color: #050331; background-color: var(--dark-color); position: absolute; height: 45px; width: 46px; left: 3px; } #paper-bottom { background: url("..//images/paper-x.png") repeat-x; height: 6px; width: 94.7%; position: absolute; bottom: 4px; /* left: 6px; */ right: 45px; } #paper-bottom-left { background: url("..//images/icons_vp_5.png") -308px -135px; height: 6px; width: 8px; position: absolute; bottom: 4px; left: 0px; } #right-of-pole { float: left; position: relative; max-width: 960px; min-width: 250px; position: relative; background-color: white; padding-left: 10px; box-sizing: content-box; width: 100%; } /* -------------------------------------------------- Comments Author: H�var Skaugen ----------------------------------------------------*/ #m-kommentar { margin-top: 40px; padding-right: 5px; width: auto; clear: both; } #m-kommentar input { border: 1px solid #1e1919; } #m-kommentar form { max-width: 100%; } #m-kommentar ol { margin-left: 0px; } #m-kommentar ul { margin-left: 50px; } #m-kommentar textarea { width: 100% !important; } .boble-container { width: auto; } .kommentarliste { width: auto; } .kommenter { color: #1e1919 !important; text-decoration: none; margin-left: 20px !important; float: right; } .kommenter::before { background: url("..//images/icons_vp_5.png") no-repeat -190px -182px; height: 12px; width: 14px; display: block !important; position: absolute; content: " "; margin-top: 4px; margin-left: -20px; } .comment { list-style: none; width: 100%; } .comment-body { margin-bottom: 10px; } .comment-author img { float: left; padding: 0 5px 5px 0; } .fn { text-transform: uppercase; font-family: "Droid Serif", serif; font-style: italic; font-size: 14px; font-size: 1.4rem; } .fn a { text-transform: uppercase; color: #1e1919; font: inherit !important; } .comment-meta-wrapper { float: left; } .comment-meta a { display: block; margin-bottom: 0px !important; float: left; font-family: "Droid Serif", serif; font-style: italic; font-size: 1.5rem; font-size: 15px; color: #1e1919; padding-left: 20px; } .comment-meta a::before { background: url("..//images/icons_vp_5.png") no-repeat -111px -163px; height: 12px; width: 15px; display: block; position: absolute; content: " "; margin-left: -20px; margin-top: 3px; } .comment-edit-link:before { height: 0px !important; } .children { list-style: none !important; margin-left: 50px; } .children .comment-body { padding-left: 2px; border-left: 1px solid #050331; border-left: 1px solid var(--dark-color); } .reply { margin-left: 100px; } .reply a { text-transform: uppercase; color: #1e1919; } .reply a::before { background: url("..//images/icons_vp_5.png") no-repeat -190px -182px; height: 12px; width: 15px; display: block; position: absolute; content: " "; margin-left: -20px; margin-top: 4px; } .pingback img, .trackback img { display: none; } .pingback .fn, .pingback .comment-meta a, .pingback .comment-body p, .trackback .fn, .trackback .comment-meta a, .trackback .comment-body p { font-size: 1.2rem; font-size: 12px; } .pingback .reply, .trackback .reply { display: none; } .overskrift { text-transform: uppercase; } #commentform label { display: inline; } ::-webkit-input-placeholder { text-transform: uppercase; } :-moz-placeholder { text-transform: uppercase; } :-ms-input-placeholder { text-transform: uppercase; } #comment { width: 550px; border: 1px solid #1e1919; } #submit-comment { float: right; border: none !important; background: none; padding-top: 5px; height: 20px; width: 68px; background: url("..//images/icons_vp_5.png") no-repeat -167px -261px; } #submit-comment:hover { background-color: #050331; background-color: var(--dark-color); } .subscribe-to-comments { float: left; clear: none !important; } .subscribe-to-comments label { font-family: "Droid Serif", serif; font-style: italic; font-size: 14px; color: #1e1919 !important; } .commentrss { float: left; font-family: "Droid Serif", serif; font-style: italic; font-size: 14px; color: #1e1919 !important; padding-top: 10px; clear: both; } .rssicon2 { background: url("..//images/icons_vp_5.png") no-repeat -160px -97px; width: 15px; height: 10px; float: left; margin: 4px; } .img { float: left; padding-right: 15px; } .blog-desc-wrapper .no-image { float: left; height: 100px; width: 100px; background-color: #050331; background-color: var(--dark-color); padding-right: 0px; margin-right: 15px; } .blog-desc-wrapper .no-image svg { height: inherit; width: inherit; } .author-header { font-size: 18px; font-size: 1.8rem; } .link_homepage { clear: right; } .link_homepage a { font-size: 11px; font-size: 1.1rem; text-transform: uppercase; width: 100%; float: left; color: #1e1919; } .single #til-toppen { margin-top: 20px; } /* -------------------------------------------------- Footer Author: H�var Skaugen ----------------------------------------------------*/ #footer-wrapper { width: 100%; height: auto; float: left; margin-top: 66px; position: relative; } #footer { height: 132px; } #footer-text-wrapper { float: left; padding-top: 16px; } #footer-text-wrapper ul { margin: 0; float: left; } #footer-text-wrapper .footer-menu, #footer-text-wrapper .menu-footer-container { text-transform: uppercase; float: left; margin: 0; margin-left: 10px; } #footer-text-wrapper .footer-menu ul li, #footer-text-wrapper .menu-footer-container ul li { height: 20px; padding: 0 10px 0 10px; padding-top: 0; padding-right: 10px; padding-bottom: 0; padding-left: 10px; float: left; border-left: 1px solid; border-color: white; } #footer-text-wrapper .footer-menu ul li:first-child, #footer-text-wrapper .menu-footer-container ul li:first-child { border-left: 0px; } #footer-text-wrapper .footer-menu .current-menu-item a, #footer-text-wrapper .menu-footer-container .current-menu-item a { background-color: inherit; } #footer-text-wrapper .rss { float: left; margin-left: 10px; color: #f2ebc9; } #footer-text-wrapper .rss ul li { height: 20px; padding: 0 10px 0 10px; padding-top: 0; padding-right: 10px; padding-bottom: 0; padding-left: 10px; float: left; border-left: 1px solid; border-color: #f2ebc9; } #footer-text-wrapper .rss ul li:first-child { border-left: 0px; } #footer-text-wrapper .rss .rssimg { float: left; height: 9px; width: 15px; background: url("..//images/icons_vp_5.png") -189px -160px; margin: 6px 5px 5px 0; } #footer-text-wrapper .rss a:link, #footer-text-wrapper .rss a:visited, #footer-text-wrapper .rss a:active, #footer-text-wrapper .rss a:hover { color: inherit; padding-left: 2px; } #masthead { float: left; margin-top: 12px; color: #ffffff; } #masthead .masthead-list { line-height: 150%; margin-left: 10px; font-family: RobotoCondensed; font-size: 14px; font-size: 1.4rem; } #masthead .masthead-list li { float: left; padding-left: 10px; vertical-align: baseline; line-height: 133%; display: block; } #masthead .masthead-list a { display: inline !important; font-size: inherit; vertical-align: inherit; } .footer-logo { width: 100px !important; height: 113px !important; background: url("..//images/icons_vp_5.png") -9px -10px #ede5c1; background: url("..//images/icons_vp_5.png") -9px -10px var(--light-color); right: 60px; } .logo-date { width: 77px; position: absolute; bottom: 9px; font-family: RobotoCondensed; font-weight: 400; font-size: 10px; color: #1e1919; text-align: center; text-transform: uppercase; } /* Footer end */ .main-padding-wrapper { padding-left: 10px; padding-right: 0; padding-bottom: 104px; } #perc { width: 100%; font-size: 0; line-height: 0; display: none; } .main-article { padding: 1.5em 0 0.5em; padding-left: 5px; width: 100%; height: 100%; margin-left: 1px; border-top: 1px solid #050331; border-top: 1px solid var(--dark-color); } .front article:first-of-type { border-top: 0px; } #blog article:first-child { border-top: 0px; padding-top: 10px; } .hovedsaksplakat { margin: 0; padding: 0; } .box-sizing-border-box, .size-border { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .main-article { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .slickr-flickr-slideshow { clear: both; } .sidebar-wrapper { padding: 0; } .home .sidebar-wrapper, .home .primary-sidebar { margin-top: 25px; margin-top: 2.5rem; } .secondary-sidebar { padding-right: 0; } aside ul { margin-bottom: 0px !important; } .widget { border-bottom: 1px solid #050331; border-bottom: 1px solid var(--dark-color); margin-bottom: 8px; } .widget:last-child { margin-bottom: 0px; } .widget:last-child li:last-child { margin-bottom: 0px; } #aktuelle-temaer { margin-top: -5px; } #aktuelle-temaer img { background-color: #ede5c1; background-color: var(--light-color); width: 100%; } #aktuelle-temaer .tema-img-container { position: relative; } #aktuelle-temaer .ear { border-bottom: 20px solid #050331; border-bottom: 20px solid var(--dark-color); border-right: 20px solid white; height: 0px; width: 0px; /* float: right; */ position: absolute; top: 0px; right: 0px; } .widget_tweetblender form { display: none; } .front-sidebar { position: relative; padding-bottom: 34.66%; /* Set ratio here */ height: 0; } .AktueltFront, .AktueltVideo { background-color: #ede5c1; background-color: var(--light-color); position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .AktueltFront h1, .AktueltVideo h1 { padding-top: 30%; text-align: center; font-size: 38px; font-size: 3.8rem; margin-bottom: 0px !important; color: #1e1919 !important; } .AktueltFront .videoTitle, .AktueltVideo .videoTitle { padding-top: 5%; font-size: 22px; font-size: 2.2rem; } .AktueltFront .sub, .AktueltVideo .sub { text-align: center; font-family: Droid Sans, sans-serif; text-transform: uppercase; font-size: 18px; font-size: 1.8rem; line-height: 90%; opacity: 0.8; } .AktueltFront .aktuelt-kat, .AktueltVideo .aktuelt-kat { position: absolute; bottom: 2px; right: 5px; text-transform: uppercase; font-family: Droid Sans, sans-serif; } .AktueltFront .aktuelt-kat:before, .AktueltVideo .aktuelt-kat:before { background: url("..//images/icons_vp_5.png") -110px -203px no-repeat transparent; display: block; position: absolute; content: " "; left: -18px; top: 4px; height: 12px; width: 16px; } .AktueltFront .ear, .AktueltVideo .ear { border-bottom: 62px solid #050331; border-bottom: 62px solid var(--dark-color); border-right: 62px solid white; height: 0px; width: 0px; float: right; } .AktueltFront object, .AktueltFront iframe, .AktueltVideo object, .AktueltVideo iframe { position: absolute; bottom: 2%; left: 2%; width: 97% !important; height: 76% !important; } .AktueltSidebar { background-color: #ede5c1; background-color: var(--light-color); width: 100%; height: 100%; float: left; } .AktueltSidebar h1 { padding-top: 10%; text-align: center; font-size: 24px; font-size: 2.4rem; margin-bottom: 0px !important; color: #1e1919 !important; line-height: 100%; padding-bottom: 5px; } .AktueltSidebar .sub { text-align: center; font-family: Droid Sans, sans-serif; text-transform: uppercase; font-size: 15px; font-size: 1.5rem; line-height: 100%; margin-bottom: 10px; opacity: 0.8; } .AktueltSidebar .aktuelt-kat { float: right; text-transform: uppercase; font-family: Droid Sans, sans-serif; font-size: 12px; font-size: 1.2rem; margin-right: 5px; } .AktueltSidebar .aktuelt-kat:before { background: url("..//images/icons_vp_5.png") -110px -203px no-repeat transparent; display: block; float: left; content: " "; margin-right: 2px; margin-bottom: -2px; height: 12px; width: 16px; } .AktueltSidebar .ear { border-bottom: 20px solid #050331; border-bottom: 20px solid var(--dark-color); border-right: 20px solid white; height: 0px; width: 0px; float: right; } .front-sidebar .widget { border-bottom: 0px; } .widget h4 { font-family: Droid Sans, sans-serif; text-transform: uppercase; text-decoration: none !important; font-size: 18px; font-size: 1.8rem; font-weight: 400; } .widget h4 a { font: inherit !important; } #menu-aktuelle-temaer li:before, .textwidget ul li:before { background: url("..//images/icons_vp_5.png") no-repeat -51px -197px; width: 15px; height: 7px; display: block; position: absolute; content: " "; margin-left: -25px; margin-top: 6px; } #menu-aktuelle-temaer li, .textwidget ul li { padding-left: 25px; } #menu-aktuelle-temaer li, .textwidget ul li { width: 100%; clear: both; margin: 0 0 0 0; } #menu-aktuelle-temaer li a, .textwidget ul li a { font-family: "RobotoRegular"; text-transform: none !important; color: black; font-size: 12px; font-size: 1.2rem !important; } a.rsswidget img { display: none; } .rsswidget { font-size: 12px; font-size: 1.2rem; } .rss-date { font-family: "RobotoItalic"; font-size: 12px; font-size: 1.2rem; } .blogroll li { margin-bottom: 5px; } aside h4 { border-bottom: 1px solid #050331; border-bottom: 1px solid var(--dark-color); } #recentcomments { font-family: "RobotoRegular"; font-size: 12px; font-size: 1.2rem; line-height: 133%; } #recentcomments li:before { background: url("..//images/icons_vp_5.png") no-repeat -190px -182px; width: 16px; height: 12px; display: block; position: absolute; content: " "; margin-left: -25px; margin-top: 5px; } #recentcomments li { padding-left: 25px; } #recentcomments a { font-family: inherit; font-size: inherit; text-transform: uppercase; color: black; } #logo { background-size: cover; width: 100%; position: relative; /* Because the child element #frontpage-poster-toggle is set to position: absolute within. */ } #plakattekst { position: absolute; left: 22.3%; top: 40%; padding: 5px 10px; font-size: 20px; text-decoration: none; } #plakattekst h1 { color: inherit !important; } #plakattekst li { color: inherit !important; float: left; padding: 0 10px 0 0; margin-bottom: 0; } #plakattekst li:before { display: none; margin-left: -25px; margin-top: 0px; } #plakattekst a { color: inherit !important; float: left; clear: both; text-decoration: inherit; line-height: 1.2; } #plakattekst .dato { float: left; line-height: 1.2; margin-left: 5px; } #plakattekst .meta-list { width: 100%; } .plakattekst-farge { background-color: #050331; background-color: var(--dark-color); } #logo404 { max-width: 100%; height: 0px; padding-bottom: 56%; position: relative; /* overflow: hidden; */ } #logo404 #snakkeboble { position: absolute; right: 24%; bottom: 10%; width: 39%; height: 0px; padding-bottom: 15%; background-color: #f9c6a0; /* overflow: hidden; */ } #logo404 #snakkeboble .ear { position: absolute; border-bottom: 16px solid #f9c6a0; border-right: 16px solid transparent; height: 0px; width: 0px; top: -16px; left: 18%; } #logo404 #snakkeboble h1 { font-size: 5.8rem; font-size: 58px; font-family: "RobotoRegular"; font-weight: 300; margin-bottom: 0px; line-height: 1; padding: 2% 0 0 3%; /* font-family: Droid Sans, sans-serif; */ } #logo404 #snakkeboble p { width: 100%; line-height: 1; font-size: 1.5rem; padding: 0 0 0 3%; } #logo404 #snakkeboble p a { font-size: inherit; } #searchform input { background-color: #fff; border: 0; font-family: 'Droid Sans', sans-serif; font-size: 14px; font-size: 1.4rem; } #searchform input[type=text] { border-left: 1px solid #777; border-top: 1px solid #777; border-right: 1px solid #777; border-bottom: 1px solid #777; width: 150px; margin-right: 10px; text-align: left; } #searchform input[type=submit] { background: url("..//images/icons_vp_5.png") no-repeat -126px -44px; width: 19px; height: 18px; margin-right: 10px; text-indent: -99999px; } #searchform input[type=submit]:active { background: url("..//images/icons_vp_5.png") no-repeat -125px -43px; } .search-box { float: right !important; margin-top: 25px; width: 30%; } .search-box li { float: right; margin-bottom: 0px; } .search-box form { margin-bottom: 0px; } .search-box input { background-color: #fff; border: 0; font-family: 'Droid Sans', sans-serif; font-size: 14px; font-size: 1.4rem; } .search-box input[type=text] { border-left: 1px solid #777; border-top: 1px solid #777; border-right: 1px solid #777; border-bottom: 1px solid #777; width: 150px; margin-right: 10px; text-align: left; } .search-box input[type=submit] { background: url("..//images/icons_vp_5.png") no-repeat -126px -44px; width: 19px; height: 18px; margin-right: 10px; } .search-box input[type=submit]:active { background: url("..//images/icons_vp_5.png") no-repeat -125px -43px; } /* ----------------------------------------- Popout Search Box Author: H�var Skaugen ----------------------------------------- */ #pre-footer .four.columns { text-align: center; } /* ----------------------------------------- Navigation Author: Erlend Andresen ----------------------------------------- */ /* Common for top and main menu */ #menu-hovedmeny, .top-menu { font-size: 0; margin-bottom: 0px; padding-bottom: 0px; } #menu-hovedmeny a, .top-menu a { display: block; text-transform: uppercase; vertical-align: text-bottom; box-sizing: border-box; height: 100%; margin-bottom: 0 !important; /* override default */ } #menu-hovedmeny ul, #menu-hovedmeny ol, .top-menu ul, .top-menu ol { margin-bottom: 0px; } #menu-hovedmeny li, .top-menu li { display: inline-block; margin: 0; padding: 0; } #menu-hovedmeny .icon-top-menu, .top-menu .icon-top-menu { background: url("..//images/vp_logo.svg") no-repeat; width: 157px; height: 29px; margin: 5px 5px 5px 7px !important; } #menu-hovedmeny .icon-top-menu a, .top-menu .icon-top-menu a { width: 157px; height: 29px; } /* Main menu navigation */ .hovedmeny { width: 70%; } .main-menu { border-bottom: 1px solid #303231; background-repeat: repeat; text-align: left; padding-left: 10px; box-sizing: content-box; } .main-menu ul { float: left; padding-right: 0; overflow: hidden; } .main-menu a { font-family: Droid Sans, sans-serif; /*'DroidRegular', sans-serif; /* Originally 'Droid Sans' */ font-size: 18px; font-size: 1.8rem; color: #303231; /* Basic dark gray */ padding: 0.5em; padding-top: 0.1em; padding-bottom: 2rem; margin-top: 25px; margin-bottom: 0px !important; line-height: 1.4; } .main-menu ul a:hover { background-color: #ede5c1; background-color: var(--light-color); } .current-menu-item a, .current-post-ancestor a, .current-category-ancestor a { background-color: #ededed; } /* f3efca active color : 303231 active background color */ .main-menu a:link, .main-menu a:visited, .main-menu a:active, .main-menu a:hover { color: #303231; text-decoration: none; } .main-menu .current-menu-item a:link, .main-menu .current-menu-item a:visited, .main-menu .current-menu-item a:active, .main-menu .current-menu-item a:hover, .main-menu .current-post-ancestor a:link, .main-menu .current-post-ancestor a:visited, .main-menu .current-post-ancestor a:active, .main-menu .current-post-ancestor a:hover, .main-menu .current-category-ancestor a:link, .main-menu .current-category-ancestor a:visited, .main-menu .current-category-ancestor a:active, .main-menu .current-category-ancestor a:hover { background-color: #1e1919; color: #f3efca; } .date .menu-item-arkiv a:link, .date .menu-item-arkiv a:visited, .date .menu-item-arkiv a:active, .date .menu-item-arkiv a:hover, .category-hovedpost .menu-item-arkiv a:link, .category-hovedpost .menu-item-arkiv a:visited, .category-hovedpost .menu-item-arkiv a:active, .category-hovedpost .menu-item-arkiv a:hover, .author .menu-item-arkiv a:link, .author .menu-item-arkiv a:visited, .author .menu-item-arkiv a:active, .author .menu-item-arkiv a:hover { background-color: #1e1919; color: #f3efca; } .tag .menu-item-temaportal a:link, .tag .menu-item-temaportal a:visited, .tag .menu-item-temaportal a:active, .tag .menu-item-temaportal a:hover { background-color: #1e1919; color: #f3efca; } .blogger .menu-item a { background-color: white !important; color: #303231 !important; } .blogger .menu-item a:hover { background-color: #ede5c1 !important; } .blogger #menu-item-13389 a:link, .blogger #menu-item-13389 a:visited, .blogger #menu-item-13389 a:active, .blogger #menu-item-13389 a:hover { background-color: #1e1919 !important; color: #f3efca !important; } /* Top menu navigation */ .top-menu-wrapper { background-color: #1e1919; min-width: 320px; height: 40px; } .top-menu-wrapper li { margin-bottom: 7px; overflow: hidden; } .top-menu { max-width: 960px; width: 100%; margin: 0 auto; height: 40px; } .top-menu a { padding-top: 0 !important; font-family: RobotoCondensed; font-size: 15px; font-size: 1.5rem; vertical-align: text-bottom; color: #fff; } .top-menu a:link, .top-menu a:visited, .top-menu a:active, .top-menu a:hover { color: #fff; text-decoration: none; } .top-menu .context-menu a { padding: 0px 0.75em 0 0; padding: 0px 0.75rem 0 0; margin-top: 5px; } .top-menu ul { float: right; } .top-menu ul li a:hover, .top-menu ul li a:active { background-color: #292222; } /* Burgermeny */ .dropdown-menu { -webkit-border-radius: 0; -webkit-padding-end: 20px; -webkit-padding-start: 10px; -webkit-user-select: none; -webkit-appearance: none; -moz-appearance: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 0px; font-size: 1.4em; text-indent: 9999px; display: inline-block; line-height: 18px; padding-right: 100px; padding-top: 10px; padding-bottom: 10px; padding-left: 0px; margin: 0; color: #1e1919; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 14px; background-color: #1e1919; color: #f3efca; text-transform: uppercase; } .menu-mobilmeny-container { text-align: right; width: 20%; border: 0; color: #1e1919; float: right; position: relative; display: none; } .menu-mobilmeny-container select::-ms-expand { display: none; } .menu-mobilmeny-container::after { content: ""; position: absolute; right: 10px; top: 12px; width: 20px; height: 3px; background: #f3efca; box-shadow: 0 7px 0 0 #f3efca, 0 14px 0 0 #f3efca; } /* ----------------------------------------- Tagportal Author: H�var Skaugen ----------------------------------------- */ .temaportal { padding-left: 0 !important; margin-top: 20px; margin-top: 2rem; } #menu-temaportal .menu-item-has-children { width: 50%; float: left; padding-right: 20px; padding-right: 2rem; } #menu-temaportal .menu-item-has-children a { font-family: Droid Sans, sans-serif; text-transform: uppercase; text-decoration: none !important; font-size: 18px; font-size: 1.8rem; font-weight: 400; color: black; border-bottom: 1px solid black; padding-left: 5px; display: block; } #menu-temaportal .sub-menu li { box-sizing: border-box; width: 50%; float: left; margin-bottom: 5px; padding-left: 5px; } #menu-temaportal .sub-menu li:nth-child(4n+1) { background: #ede5c1; background: var(--light-color); } #menu-temaportal .sub-menu li:nth-child(4n+2) { background: #ede5c1; background: var(--light-color); } #menu-temaportal .sub-menu a { text-decoration: none; text-transform: none; font-family: "RobotoRegular"; font-size: 16px; color: black; border-bottom: none; } .bloginfo { line-height: 1; padding: 0 0 0 0.75em; padding: 0 0 0 0.75rem; margin-top: 5px; top: 5px; padding-top: inherit; display: block; } /* obsolete fix for chrome paddings @media screen and (-webkit-min-device-pixel-ratio:0) { .bloginfo{padding-bottom: 10px;} .flex-control-nav{padding-top: 2px!important;} }*/ /* ----------------------------------------- Pagination + top link Author: H�var Skaugen ----------------------------------------- */ .wp-pagenavi { border-top: 1px solid #050331; border-top: 1px solid var(--dark-color); padding-top: 10px; padding-bottom: 10px; width: 100%; float: left; } .wp-pagenavi span { font-family: RobotoCondensed; font-size: 15px; font-size: 1.5rem; float: left; display: inline; padding: 0 8px 2px 8px; } .wp-pagenavi .pages { border-left: 0px; font-family: 'Droid Serif'; text-transform: lowercase; font-weight: 700; font-size: 1.2rem; font-size: 12px; font-style: italic; padding-left: 0px; padding-right: 4px; } .wp-pagenavi .extend { padding: 0 2px 0 2px; } .wp-pagenavi a { font-family: RobotoCondensed; font-size: 1.5rem; font-size: 15px; font-weight: 400; float: left; display: inline; padding: 0 8px 0px 8px; border-left: 1px solid #1e1919; border-right: 1px solid #1e1919; text-decoration: none; } .wp-pagenavi .current { font-family: RobotoCondensed; font-size: 1.8rem; font-size: 18px; padding-bottom: 0px; padding-top: 1px; } .wp-pagenavi .last { font-size: 1.1em; color: #1e1919; padding: -2px; padding-bottom: -4px; text-transform: uppercase; border: 0px; padding-left: 2px; } .wp-pagenavi .first { font-size: 1.1em; color: #1e1919; padding-top: -2px; padding-bottom: -4px; text-transform: uppercase; border: 0px; padding-left: 2px; } .wp-pagenavi .previouspostslink { background: url("..//images/icons_vp_5.png") no-repeat -72px -177px; height: 20px; width: 25px; } .wp-pagenavi .nextpostslink { background: url("..//images/icons_vp_5.png") no-repeat -47px -177px; height: 20px; width: 22px; margin-right: 5px; } #til-toppen { float: left; font-family: 'Droid Serif'; font-weight: 700; font-style: italic; font-size: 1.2em; font-size: 12px; padding-top: 10px; color: #1e1919; } #til-toppen .toppen-ikon { float: left; border-top: 20px solid #050331; border-top: 20px solid var(--dark-color); border-right: 20px solid transparent; width: 0; height: 0; margin-top: -7px; margin-right: -5px; } /* ----------------------------------------- Header Title + siteinfo logic Author: Erlend Andresen ----------------------------------------- */ /* ----------------------------------------- Header Label Author: Erlend Andresen & H�var Skaugen ----------------------------------------- */ #header-label-a { text-decoration: none; } #header-label { width: 100px; height: 113px; background: url("..//images/icons_vp_5.png") -9px -10px; position: absolute; left: 70px; top: 1; background-color: #ede5c1; background-color: var(--light-color); z-index: 10; box-sizing: border-box; display: block; } #header-label div { display: block; padding-left: auto; padding-right: auto; vertical-align: middle; } #header-label .header-label-date { width: 99px; position: absolute; margin-top: 84px; font-family: RobotoCondensed; font-weight: 400; font-size: 10px; color: #1e1919; text-align: center; text-transform: uppercase; } /* ----------------------------------------- Article column + images Author: Erlend Andresen ----------------------------------------- */ .main-article .article-image { margin-left: 0.5em; margin-bottom: 0.5em; padding: 0; width: 100%; width: 480; /*height: 229px;*/ } .single .entry > p:last-child:after { content: ""; display: inline-block; margin-left: 5px; height: 10px; width: 10px; background: #050331; background: var(--dark-color); } .article-image-container { float: right; margin-bottom: 2em; width: 50%; margin-left: 10px; margin-right: 5px; } .article-image-container img { width: 100%; } .hovedsaksplakat { width: 50%; float: right; margin-left: 10px; } .article-image-container, .hovedsaksplakat { width: 100%; } .single .hovedsaksplakat { width: 98.5%; } .metainfo_plakat { margin-left: 0.5em; width: 100% !important; clear: both; } .metainfo_plakat a { font: inherit; } /* ----------------------------------------- Poster title Author: H�var Skaugen ----------------------------------------- */ #plakat-tittel { position: absolute; width: 100%; height: 100%; z-index: 9; color: transparent; } /* ----------------------------------------- Categories home Author: H�var Skaugen ----------------------------------------- */ .category-head { border-bottom: 1px solid #050331; border-bottom: 1px solid var(--dark-color); font-family: Droid Sans, sans-serif; text-transform: uppercase; text-decoration: none !important; font-size: 18px; font-size: 1.8rem; font-weight: 400; vertical-align: top; } .category-content { float: left; width: 50%; padding-left: 0; padding-right: 5px !important; /*width: 61.5%; Total offset = > 2% */ height: 100%; } /* ----------------------------------------- Hovedsaksarkiv Author: H�var Skaugen ----------------------------------------- */ .hovedsakswrapper { position: relative; } #hovedsaksarkiv { padding-top: 10px; list-style: none; float: left; max-width: 100%; } #hovedsaksarkiv .hovedsak-date { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 20px; } #hovedsaksarkiv .hovedsak-date p { z-index: 5; position: abosolute; top: 0; left: 0; height: 100%; width: 100%; color: #1e1919; text-decoration: none; font-family: "Droid Serif", serif; font-weight: 700; font-size: 12px; font-size: 1.2rem; font-style: italic; padding-left: 25px; padding-top: 2px; } #hovedsaksarkiv .hovedsak-date p::before { background: url("..//images/icons_vp_5.png") no-repeat -111px -163px; height: 12px; width: 15px; position: absolute; left: 3px; content: ""; } #hovedsaksarkiv .hovedsak-date .ribbon { z-index: -1; position: absolute; background: white; filter: alpha(opacity=40); /* IE */ -moz-opacity: 0.4; /* Mozilla */ opacity: 0.4; top: 0px; left: 0px; width: 100%; height: 100%; } .hovedsak { float: left; height: 0px; padding-bottom: 18%; width: 33.33%; padding-right: 5px; } .hovedsak img { z-index: 1; width: 100%; } /* ----------------------------------------- Archives Author: H�var Skaugen ----------------------------------------- */ #archives-menu { float: left; width: 100%; } #archives-menu ul { list-style: none; float: left; width: 100%; } #archives-menu li { width: 25%; background: #ede5c1; background: var(--light-color); border-right: 2px solid white; float: left; text-align: center; } #archives-menu li a { display: block; font-family: RobotoCondensed; text-decoration: none; height: 100%; margin: 0; padding: 4px 0 3px 0; } #archives-menu li a:hover { background-color: #050331; background-color: var(--dark-color); color: white; } #calendar-list { list-style: none; float: left; } #calendar-list h4 a { font: inherit !important; } .year { float: left; width: 100%; } .count { background: url("..//images/icons_vp_5.png") no-repeat -110px -202px; height: 13px; width: 15px; display: inline-block; content: ""; margin-bottom: -3px; } .calendar { float: left; width: 100%; list-style: none; font-family: RobotoCondensed; font-size: 1.3rem; line-height: 2.5; } .calendar li { background: #ede5c1; background: var(--light-color); width: 25%; height: 30px; float: left; margin-bottom: 0; text-transform: uppercase; position: relative; vertical-align: center; } .calendar li a { text-decoration: none; color: inherit; font: inherit; margin: 0; padding-left: 5px; } .calendar li:hover { background: #050331 !important; background: var(--dark-color) !important; color: white; } .calendar li:nth-of-type(1n+5) { background: white; } .calendar li:nth-of-type(1n+9) { background: #ede5c1; background: var(--light-color); } #author-list { float: left; } #author-list #header-wrapper { margin-bottom: 10px; } #author-list #header-wrapper .category-head { border: none; } #author-list #header-wrapper a { float: right; font-family: "Droid Serif", serif; font-style: italic; font-size: 1.2rem; color: #1e1919; margin-right: 10px; margin-top: 3px; } #author-list #header-wrapper .ear { border-top: 15px solid #050331; border-top: 15px solid var(--dark-color); border-left: 15px solid transparent; height: 0px; width: 0px; position: absolute; top: 0; right: 10px; } #author-list .author-box { float: left; border-top: 1px solid #050331; border-top: 1px solid var(--dark-color); padding-top: 5px; margin-bottom: 10px; width: 100%; } #author-list .author-box img { float: left; padding: 2px 5px 2px 0; } #author-list .author-box a { color: #1e1919; } #author-list .author-box .author-name { margin-bottom: 2px; } #author-list .author-box .bidrag-text { font-family: "Droid Serif", serif; font-size: 1.2rem; font-style: italic; } .linear-tag-cloud li { border-radius: 0 !important; border: none !important; background-color: #ede5c1 !important; } .linear-tag-cloud li a { font-size: 1.2rem; line-height: 2; } .cloud-link { font-size: 15px; margin-left: 25px; text-decoration: underline !important; } .cloud-link:before { background: url("..//images/icons_vp_5.png") no-repeat -51px -197px; width: 15px; height: 7px; display: block; position: absolute; content: " "; margin-top: 6px; } .tag_cloud a { text-decoration: none; } .page-template-authors-php .category-head { border: none; } #alphabet { float: left; list-style: none; width: 100%; padding-bottom: 5px; } #alphabet li { font-weight: 700; font-size: 2rem; font-family: "Droid Serif", serif; margin: 5px 3px 0 3px; float: left; } #alphabet li a { font: inherit; text-decoration: none; } #authors { padding-right: 0px; clear: left; } #authors .author-box { float: left; width: 24.5%; margin-right: 0.5%; padding-top: 5px; border-top: 1px solid #050331; border-top: 1px solid var(--dark-color); } #authors .author-box .author-box__image { height: 50px; width: 50px; float: left; margin: 2px 5px 2px 0; } #authors .author-box .no-image { background-color: #050331; background-color: var(--dark-color); } #authors .author-box .no-image svg { height: inherit; width: inherit; } #authors .author-box img { height: inherit; float: left; } #authors .author-box a { color: #1e1919; text-decoration: none; } #authors .author-box .author-name { margin-bottom: 2px; } #authors .author-box .bidrag-text { font-family: "Droid Serif", serif; font-size: 1.2rem; font-style: italic; } #authors .author-box .bidrag { float: left; width: 100%; /* border-bottom: 1px solid var(--dark-color); */ } .breadCrumbs h4 { border: none; } .archive .vox-comment { display: none; } /* ----------------------------------------- Blogger Author: H�var Skaugen ----------------------------------------- */ .page-id-38 h4 { margin: 10px 0 0px 0; } /* ----------------------------------------- Blogger Author: H�var Skaugen ----------------------------------------- */ .entry .boble-container { display: none; } .blogger .entry .boble-container { display: block; } .blogg { padding-bottom: 10px; } .blogg h3 { margin-bottom: 0px; } .blogg h3 a { margin-bottom: inherit; } .main-content .boble-container { margin-left: -10px; } .boble { background-color: #4A4C4B; width: 100%; height: auto; padding-left: 10%; } .boble a { color: #f0f2f1; line-height: 1; } .boble h2 { margin-bottom: 0px; line-height: 1; padding: 5px 0; padding: 0.5rem 0; } .blogheader { font-weight: 400; color: #f0f2f1; line-height: 1.7; } .blogheader a { color: #f0f2f1; } .spiss-wrapper { height: auto; overflow: hidden; float: left; } .spiss { border-top: 20px solid #4a4c4b; border-right: 20px solid transparent; width: 0; height: 0; margin-top: -5px; margin-left: 20px; } .siste-innlegg { font-family: Droid Sans, sans-serif; font-size: 1.2rem; font-size: 12px; position: relative; display: block; overflow: hidden; } .sidebar-h3 { font-size: 1.8em; font-size: 18px; clear: both; } .sidebar-h3 a { font-size: inherit; } .small-text { font-family: "RobotoRegular" !important; font-size: 1.2rem !important; font-size: 12px !important; line-height: 133% !important; } .blogs { width: 100%; margin-top: 0.2em !important; } .blogs li { margin-bottom: 5px; list-style: none; } .blogs li a { margin-top: 10px; text-transform: uppercase; } .widget_siste_blogger .meta-list { width: 100%; } .widget_siste_blogger .blogg:last-child .ansvarlig { border: none; } .ansvarlig { border-bottom: 1px solid #050331; border-bottom: 1px solid var(--dark-color); display: block; margin-top: 10px; } .blog-desc-wrapper { padding-top: 25px; } .blog-desc { /* float: left; */ /* padding-left: 40px; */ /* width: 70%; */ font-family: RobotoRegular, serif; font-size: 1.4em; font-size: 14px; margin-bottom: 15px; } .non-blog-cat { padding-left: 0px !important; } .bidrag-ico { display: block; background: url("..//images/icons_vp_5.png") no-repeat -110px -202px; width: 15px; height: 13px; float: left; margin: 3px 5px 0 0; } .bidrag-text { float: left; vertical-align: bottom; } #siste { width: 100%; clear: both; border-top: 1px solid #050331; border-top: 1px solid var(--dark-color); border-bottom: 1px solid #050331; border-bottom: 1px solid var(--dark-color); height: 36px; } .blogrss { float: right; font-family: "Droid Serif", serif; font-size: 1.2rem; font-size: 12px; font-style: italic; color: #1e1919 !important; padding-top: 17px; } .rssicon { background: url("..//images/icons_vp_5.png") no-repeat -160px -97px; width: 15px; height: 10px; float: left; margin-right: 4px; margin-top: 3px; } #siste-header { float: left; font-family: Droid Sans, sans-serif; font-size: 1.8em; font-size: 18px; font-weight: 400; text-transform: uppercase; color: #4a4c4b; padding-top: 15px; } #blog-logo { float: left; width: 132px; height: 142px; margin-bottom: 5px; margin-right: 15px; background-color: #ede5c1; background-color: var(--light-color); background: url("..//images/icons_vp_5.png") no-repeat -757px -298px #ede5c1; background: url("..//images/icons_vp_5.png") no-repeat -757px -298px var(--light-color); } .peiling-logo { background-position: -1019px -451px !important; } .politisk-pr-logo { background-position: -731px -452px !important; } .retorikkbloggen-logo { background-position: -443px 0px !important; } .virksomme-ord-logo { background-position: -443px -152px !important; } .ytring-paa-nett-logo { background-position: -6px -450px !important; } .advarsel-logo { background-position: -151px -451px !important; } .fakta-foerst-logo { background-position: -295px -451px !important; } .valgbloggen-logo { background-position: -439px -452px !important; } .beta-publica-logo { background-position: -582px -451px !important; } .medborgerpanelet-logo { background-position: -916px -298px !important; } .offentlighetens-historie-logo { background-position: -578px 0px !important; } .medienyheter-logo { background-position: -1040px 0px !important; } .teknologibloggen-logo { background-position: -891px 0px !important; } .forum-for-vitenskap-og-demokrati-logo { display: none; } .politiske-bilder-logo { background-position: -743px -1px !important; } #ansvarlig a { font-family: Droid Sans, sans-serif; color: #1e1919; text-transform: uppercase; font-style: italic; font-size: 1.2em; font-size: 12px; } #ansvarlig span { font-family: RobotoRegular, serif; font-size: 1.2em; font-size: 12px; line-height: 1; } #ansvarlig img { float: left; margin-top: 4px; padding-right: 5px; } #ansvarlig .author-box { padding-top: 18px; } #ansvarlig .author-wrapper { padding-top: 16px; } #blog .vox-comment { display: none; } #blog .vox-label { display: none; } .tag .vox-label { display: block !important; } .author.vox-label { display: block !important; } #blogger.vox-comment { display: none; } .category-blogger .vox-comment, .category-blogger .vox-date { display: none; } /* ----------------------------------------- Sidebar Author: Erlend Andresen ----------------------------------------- */ hr { width: 100%; margin: 2px 0px 2px 0px !important; background-color: #050331 !important; background-color: var(--dark-color) !important; height: 2px; /* Theme color */ } .prime-bar h4, .second-bar h4 { border-bottom: 1px solid #050331; border-bottom: 1px solid var(--dark-color); } .page-bar input, .page-bar textarea { width: 100%; } .page-bar .widget { border: 0px; } .page-bar .send { float: right; border: none !important; background-color: white; padding-top: 5px; height: 20px; width: 50px; background: url("..//images/icons_vp_5.png") no-repeat -185px -295px; } .page-bar .send:hover { background-color: #050331; background-color: var(--dark-color); } .page-bar #sideboks { width: 100%; background-color: #ede5c1; background-color: var(--light-color); padding: 10px; } .page-bar #sideboks #boks-top { height: 30px; margin: -10px -10px 0 0; } .page-bar #sideboks #boks-top .ear { float: right; border-bottom: 20px solid #050331; border-bottom: 20px solid var(--dark-color); border-right: 20px solid white; height: 0px; width: 0px; } .page-bar #sideboks ul { list-style: square outside none; padding-left: 10px; } .page-bar #sideboks li { margin-bottom: 10px; padding-left: 0px; } .page-bar #sideboks li a { color: #050331; color: var(--dark-color); text-decoration: underline; } .page-bar #sideboks li:before { content: none; } .page-bar #sideboks .kontakt { font-family: "Droid Serif", serif; font-style: italic; font-size: 1.5rem; } /* ----------------------------------------- Relaterte artikler Author: H�var Skaugen ----------------------------------------- */ #relaterte-artikler { float: left; width: 100%; } #relaterte-artikler #relaterte-container { float: left; width: 100%; } .relatert-container { position: relative; width: 100%; height: 100%; } .relatert-container .ear { /* float: right; */ position: absolute; top: 0px; right: 0px; border-bottom: 20px solid #050331; border-bottom: 20px solid var(--dark-color); border-right: 20px solid white; height: 0px; width: 0px; } .relatert, .relatert-tag { background: #ede5c1; background: var(--light-color); float: left; width: 32%; margin-right: 1%; margin-bottom: 2%; } .relatert img, .relatert-tag img { width: 100%; } .relatert h4, .relatert-tag h4 { font-size: 12px; font-size: 1.2rem; font-family: "RobotoRegular"; margin-left: 5px; margin-right: 15px; padding-top: 5px; font-weight: 400; text-transform: uppercase; } .relatert h4 a, .relatert-tag h4 a { font: inherit; } .relatert p, .relatert-tag p { margin-left: 5px; } .relatert-tag { width: 100%; } .relatert-img { width: 100%; } #sidebar-below { padding-top: 18px; } #sidebar-below .widget { border: 0px; } #article-footer { float: left; padding-right: 5px; margin: 10px 0; width: 100%; } /************ Newsletter *********/ #newsletter-form { width: 60%; float: left; margin-bottom: 20px; } #newsletter-form form { padding-top: 0px; } .newsletter-subscription { background-color: #ede5c1; background-color: var(--light-color); width: 100%; float: left; position: relative; } .newsletter-subscription form { float: left; padding-top: 20px; margin: 0px; width: 80%; } .newsletter-subscription form input { clear: both; } .newsletter-subscription .ear { /* float: right; */ position: absolute; top: 0px; right: 0px; border-bottom: 20px solid #050331; border-bottom: 20px solid var(--dark-color); border-right: 20px solid white; height: 0px; width: 0px; } .newsletter-subscription h2 { margin: 10px; font-weight: 400; } .newsletter-subscription span { margin-left: 10px; } .newsletter-email { float: left; width: 100%; margin: 5px 0 0 10px; } .newsletter-submit { margin: 5px -10px 10px 0px; float: right; border: none !important; height: 20px; width: 50px; background-color: white; } .newsletter-submit:hover { background-color: #050331; background-color: var(--dark-color); } /******************************/ .tb_tweet, .tb_tweetlist { border: 0px !important; font-family: "RobotoRegular" !important; font-size: 1.2rem !important; font-size: 12px !important; line-height: 133% !important; } .tb_tweet a, .tb_tweet span, .tb_tweetlist a, .tb_tweetlist span { font-size: 1.2rem; font-size: 12px; } .tb_photo { display: none !important; } .tb_author a { font-family: "Droid Serif", serif; font-size: 1.2rem; font-size: 12px; font-style: italic; color: #1e1919; } #wikiapi { margin-top: 8px; list-style: none; } #wikiapi .wikiimg { float: left; margin-right: 5px; margin-top: 4px; } #wikiapi h2 { margin-bottom: 0; } #wikiapi li { list-style: inherit; margin-top: 5px; } #wikiapi p { font-size: 1.2rem; font-size: 12px; } .widget_links h4 { content: "Leseliste"; } /*.sidebar-wrapper, .primary-sidebar, .secondary-sidebar { width: 100%; /*float: none; } */ /*.sidebar-wrapper { padding: 0 0 10px 10px; }*/ .clear-sidebar, .clear-secondary, .clear-primary { /*clear: both;*/ } /* ----------------------------------------- Navigation Author: Erlend Andresen ----------------------------------------- */ .menu { /* background-image: url('../images/menu-background-1152x100_v2.png'); background-repeat: repeat-x;*/ overflow: hidden; } /* ----------------------------------------- Article column + images Author: Erlend Andresen ----------------------------------------- */ .frontpage { margin-top: 5px; } .hovedsaksplakat { margin-top: 5px; margin-left: 5px; margin-right: 5px; background: #ede5c1; background: var(--light-color); } .hovedsaksplakat .article-image { margin: 0px !important; } .main-article { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .main-article .article-image, .main-article .article-image-img { width: 100%; /*height: 100%;*/ float: none; margin-bottom: 0.5em; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .article-image-container { margin-bottom: 1em !important; } .hovedsaksplakat { margin-bottom: 1em !important; } .metainfo_plakat { margin-left: 0; /* background: var(--light-color); */ text-align: right; padding-right: 10px; } .social-labels { display: none; position: absolute; top: 140px; right: -100px; width: 100px; /* .icon-rss { margin-left: 40px!important; } */ } .social-labels ul { list-style-type: none; margin: 0px; margin-top: 1px; } .social-labels ul li { padding: 0 0 0 5px; background-color: #1E1919; height: 20px; float: none; float: none; } .social-labels ul li .icon-newsletter, .social-labels ul li .icon-twitter, .social-labels ul li .icon-rss { width: 24px; height: 9px; display: block; float: right; margin: 5px 0 0 0; } .social-labels ul li .icon-newsletter { background: url("../images/glyphicons.png") no-repeat 0 0; } .social-labels ul li .icon-twitter { background: url("../images/glyphicons.png") no-repeat -25px 0; } .social-labels ul li .icon-rss { background: url("..//images/icons_vp_5.png") no-repeat -159px -114px; } .social-labels ul li a, .social-labels ul li a:link, .social-labels ul li a:visited, .social-labels ul li a:active, .social-labels ul li a:hover { color: #fff; font-family: RobotoCondensed; font-style: italic; font-size: 12px; font-size: 1.2rem; line-height: 20px; } .social-labels ul li.twitter { margin-left: 4px; } .social-labels ul li.rss { margin-left: 6px; } .social-labels ul li.facebook { margin-left: 2px; } .social-labels .icon-twitter { margin-left: 20px !important; } .social-labels-tiny { display: none; float: left; } .social-labels-tiny ul li { padding-right: 0px; float: left; } .social-labels-tiny ul li:first-child { padding-left: 0; } .social-labels-tiny ul li .icon-newsletter, .social-labels-tiny ul li .icon-twitter, .social-labels-tiny ul li .icon-rss { width: 24px; height: 9px; display: block; float: right; margin: 5px 0 0 0; } .social-labels-tiny ul li .icon-newsletter { background: url("../images/glyphicons.png") no-repeat 0 0; } .social-labels-tiny ul li .icon-twitter { background: url("../images/glyphicons.png") no-repeat -25px 0; } .social-labels-tiny ul li .icon-rss { background: url("..//images/icons_vp_5.png") no-repeat -159px -114px; } /* ugly temporary fixes for chrome and safari */ /* @media screen and (-webkit-min-device-pixel-ratio:0) and (min-width : 320px) and (max-width : 480px){ */ /* .wp-caption {max-width: 310px;} */ /* } */ /* @media screen and (-webkit-min-device-pixel-ratio:0) and (min-width : 480px) and (max-width : 620px){ */ /* .wp-caption {max-width: 480px;} */ /* } */ /* All small smartphones ----------------- */ /* Principle: One column = 100% @media only screen and (min-device-width : 320px) and (max-device-width : 480px), only screen and (max-width : 320px), only screen and (min-width : 321px) { /* Smartphones (landscape) ----------- .main-content { width: 100%; padding-left: 0; margin-left: 0; margin-right: 0; } }*/ @media only screen and (min-width: 280px) and (max-width: 360px) { .children { margin-left: 5px !important; } /* #m-kommentar {width: 310px; padding-right: 10px;} */ .entry { padding-right: 0px !important; } .alignright { float: left !important; max-width: 97.5% !important; margin-left: 0px !important; } .hovedsak { width: 100%; padding-bottom: 56%; } .articles, .api { width: 100%; } #authors .author-box { width: 100%; } } /* ----------------------------------------- Remove when less than 480px width Author: Erlend Andresen ----------------------------------------- */ @media only screen and (min-width: 280px) and (max-width: 480px) { .bort-fra-mobil { text-indent: -9999px; position: absolute !important; top: -9999px !important; left: -9999px !important; } .main-menu ul a { padding-right: 4px; padding-left: 4px; } .context-menu { position: absolute !important; top: -9999px !important; left: -9999px !important; } .menu-mobilmeny-container { display: block; } .main-menu { /* width: 100%; */ } .menu-hovedmeny-container { display: none; } .bloginfo { position: absolute !important; top: -9999px !important; left: -9999px !important; } .sidebar-wrapper, .secondary-sidebar { margin-right: 5px !important; } blockquote:before { display: none; } blockquote { padding-left: 20px; } .sidequote, .simplePullQuote { width: 200px !important; } .sidequote p, .simplePullQuote p { width: 78% !important; } .hovedsak { width: 100%; padding-bottom: 56%; } .articles, .api { width: 100%; border-left: 0px; } .relatert { width: 100%; } .contents-desktop { display: none; } #authors .author-box { width: 100%; } /*.row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; } .column, .columns { width: auto !important; float: none; } .column:last-child, .columns:last-child { float: none; } [class*="column"] + [class*="column"]:last-child { float: none; } .column:before, .columns:before, .column:after, .columns:after { content:""; display:table; } .column:after, .columns:after { clear: both; } */ /* #m-kommentar {width: 310px!important;} */ /* .flex-container {padding-right: 0!important;} */ .frontpage, .hovedsaksplakat { width: 100%; } .main-content { padding-top: 25px; } .frontpage .main-content { padding-top: 0px; } #archives-menu a { font-size: 1.2rem; } #newsletter-form, #tema { width: 100%; margin: 10px 0; } .tekstboks { float: left; width: 100%; margin-left: 0; } } @media only screen and (min-width: 280px) and (max-width: 750px) { .main-menu, .hovedmeny { width: 100% !important; } .prime-bar { clear: both !important; float: none !important; border: 0px !important; } .social-labels-tiny { display: inline-block; } .single header { margin-top: 10px; } /* .aside-author {margin-left: 0px!important;} */ .front-sidebar { position: absolute !important; top: -9999px !important; left: -9999px !important; } .flex-container { padding-right: 0px !important; } .hide-search { position: absolute !important; top: -9999px !important; left: -9999px !important; } .simplePullQuote { float: none !important; margin-left: 15% !important; } #menu-temaportal .menu-item-has-children { width: 100%; } .row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; } .column, .columns { width: auto !important; float: none; } .column:last-child, .columns:last-child { float: none; } [class*="column"] + [class*="column"]:last-child { float: none; } .column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; } .column:after, .columns:after { clear: both; } } /* Group for large smartphones ( 481px < screen > 600px ) ---------------------------------------------------------*/ @media only screen and (min-width: 481px) and (max-width: 600px) { /* ----------------------------------------- Article column + images Author: Erlend Andresen ----------------------------------------- */ .metainfo_plakat { margin-left: 0.5em; } .main-menu ul a { padding-right: 4px; padding-left: 4px; } #snakkeboble { width: 41% !important; } #snakkeboble h1 { font-size: 2.5rem !important; } #snakkeboble p { font-size: 1.1rem !important; line-height: 1; } .main-article .article-image, .main-article .article-image-img { float: right; /*width: 300px; height: 172px;*/ margin-left: 0.5em; margin-bottom: 0.5em; padding: 0; } .hovedsak { width: 50%; padding-bottom: 28%; } .articles, .api { width: 49%; } .relatert { width: 49%; } #authors .author-box { width: 48%; } .children { margin-left: 15px !important; } .aside-author { margin-left: 0px !important; padding-right: 10px; } .article-image-container { margin-bottom: 2em !important; } .contents-desktop { display: none; } /*.row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; } .column, .columns { width: auto !important; float: none; } .column:last-child, .columns:last-child { float: none; } [class*="column"] + [class*="column"]:last-child { float: none; } .column:before, .columns:before, .column:after, .columns:after { content:""; display:table; } .column:after, .columns:after { clear: both; } */ /* #m-kommentar {width: 482px!important;} */ /* .flex-container {padding-right: 0!important;} */ } /* Group for large smartphones ( 601px < screen > 767px ) ---------------------------------------------------------*/ @media only screen and (min-width: 601px) and (max-width: 767px) { .clear-sidebar, .clear-primary { clear: none; } .clear-secondary { clear: left; } .primary-sidebar-content, .secondary-sidebar-content { width: auto; } .prime-bar { /*clear:both!important; border: 0;*/ } #snakkeboble h1 { font-size: 3.7rem !important; } #snakkeboble p { font-size: 1.3rem !important; line-height: 1; } .contents-mobile { display: none; } /* ----------------------------------------- Article column + images Author: Erlend Andresen ----------------------------------------- */ .main-article .article-image, .main-article .article-image-img { /*float: right;*/ /*width: 300px;*/ /* height: 172px; */ margin-left: 0.5em; margin-bottom: 0.5em; padding: 0; } .article-image-container { margin-bottom: 2em !important; } .metainfo_plakat { margin-left: 0.5em; } /*article {width: 66.66%!important;}*/ .children { margin-left: 20px !important; } /*.aside-author { width: 100%!important; max-width: 100%!important; float: none!important; }*/ .aside-author-clear { clear: both !important; } .hovedsak { width: 50%; padding-bottom: 28%; } .articles, .api { width: 32%; } #authors .author-box { width: 48%; } } /* iPad portrait */ @media only screen and (min-width: 765px) and (max-width: 900px) { .calendar { font-size: 1.1rem; } #header-wrapper .category-head { font-size: 1.6rem; } .relatert { width: 49%; } .long { font-size: 15px !important; font-size: 1.5rem !important; } .long a, .long h3 { font-size: inherit; } .contents-mobile { display: none; } } /* Group two: Large resulution Smartphones and iPads */ /* Principle: 62.5% and 37.5% */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape), only screen and (min-device-width: 1024px) and (max-device-width: 768px) and (orientation: portrait), only screen and (min-width: 768px) { /*.primary-sidebar, .secondary-sidebar { width: 100%!important; float: none; } .clear-sidebar, .clear-primary { clear: none; } .clear-secondary { clear: left; } /* ----------------------------------------- Navigation Author: Erlend Andresen ----------------------------------------- */ .menu { /*background-image: url('../images/menu-background-1152x100_v2.png'); background-repeat: repeat-x;*/ overflow: hidden; } /* ----------------------------------------- Article column + images Author: Erlend Andresen ----------------------------------------- */ .main-article .article-image, .main-article .article-image-img { /*width: 225px; /*height: 129px; float: right;*/ margin-left: 0.5em; margin-bottom: 0.5em; margin-left: 0.5rem; margin-bottom: 0.5rem; padding: 0; } .article-image-container { margin-bottom: 2em !important; margin-bottom: 2rem !important; } #search-3 { visibility: hidden; position: absolute; top: -9999px; left: -9999px; } .contents-mobile { display: none; } /* ----------------------------------------- Main column ----------------------------------------- */ } /* Desktops and laptops ----------- */ @media only screen and (min-width: 1025px), only screen and (min-width: 1824px) { /* Large screens ----------- */ .clear-sidebar, .clear-primary, .clear-secondary { clear: none; } #search-3 { position: absolute; top: -9999px; left: -9999px; } .contents-mobile { display: none; } /* ----------------------------------------- Navigation Author: Erlend Andresen ----------------------------------------- */ .menu { /*background-image: url('../images/menu-background-1152x100_v2.png'); background-repeat: repeat-x;*/ overflow: hidden; } /* ----------------------------------------- Article column + images Author: Erlend Andresen ----------------------------------------- */ .main-article .article-image-img { max-width: 480px; float: right; margin-left: 0.5em; margin-bottom: 0.5em; padding: 0; } .main-article .article-image { float: right; margin-left: 0.5em; margin-bottom: 0.5em; padding: 0; } .article-image-container { margin-bottom: 2em !important; } } @media only screen and (min-width: 1190px) { .social-labels { display: block; } } /* iPhone 4 ----------- */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { .primary-sidebar-content aside, .secondary-sidebar-content aside { width: 100% !important; margin: 0; padding: 0; } .primary-sidebar-content { padding: 0 1%; } .secondary-sidebar-content { padding: 0 1%; padding-right: 0; } } /* .aside-author { width: $min-width; } */ @media only screen and (min-width: 768px) and (max-width: 900px) { .prime-bar { float: right !important; } /*article {width: 66.66%!important}*/ } /* Remove spesific elements on < 900px viewport */ @media only screen and (min-width: 320px) and (max-width: 900px) { .footer-logo { position: absolute !important; top: -9999px !important; left: -9999px !important; display: none !important; } #header-label { position: absolute !important; top: -9999px !important; left: -9999px !important; } .sidebar-spacer { top: -9999px !important; left: -9999px !important; } } /* Remove spesific elements on < 700px viewport */ @media only screen and (min-width: 280px) and (max-width: 690px) { .flex-control-nav, .hide-search { position: absolute !important; top: -9999px !important; left: -9999px !important; } .aside-author { width: 100% !important; max-width: 100% !important; float: none !important; margin-left: 0 !important; } .aside-author-clear { clear: both !important; } /*.flex-container { width: auto!important; } */ #text-3 { position: absolute !important; top: -9999px !important; left: -9999px !important; } #search-3 { position: relative !important; float: left; width: 100%; } } @media only screen and (min-width: 760px) and (max-width: 768px) { .article-single { padding-right: 45px; } } @media only screen and (max-width: 768px) { .article-single { width: 100% !important; } .article-single .entry p, .article-single .entry a, .article-single .entry .article-excerpt { font-size: 17px; font-size: 1.7rem; } .article-sidebar { float: none; width: 100% !important; } } @media only screen and (min-width: 769px) { .article-sidebar { padding-top: 100vh; margin-right: 20px; } .aside-author { margin-right: -100px; } } /* ----------------------------------------- FlexSlider Author: H�var Skaugen ----------------------------------------- */ .flex-viewport { max-height: 100%; } .flexslider { /*margin-bottom: 30px;*/ max-height: 543px; position: static; } .flexslider ul img { margin-top: 0%; margin-bottom: 0%; } .flexslider .slides li { margin-bottom: 0; } /* Direction Nav */ .flex-direction-nav { top: 5px; } .flex-direction-nav a { width: 10px; height: 10px; margin: 0; display: block; background: url(../images/icons_vp.png) no-repeat -77px -181px; position: absolute; top: 5px; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease; } .flex-direction-nav .flex-next { background-position: -52px -181px; right: 10px; } /* Control Nav */ .flex-control-nav { width: 100%; position: absolute; top: 0px; right: 10px; text-align: center; padding-top: 8px; height: 22px; background: white; opacity: 0.4; } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; } .flex-control-nav li a { width: 10px; height: 5px; display: block; background: url(../images/icons_vp.png) no-repeat -188px -130px; cursor: pointer; text-indent: -9999px; } .flex-control-nav li a:hover { background-position: -170px -130px; } .flex-control-nav li a.flex-active { background-position: -170px -130px; } .slides { background: #ede5c1; background: var(--light-color); } /* ----------------------------------------- New Roboto font Author: H�var Skaugen ----------------------------------------- */ @font-face { font-family: 'RobotoBold'; src: url("../roboto-webfont/roboto-bold-webfont.eot"); src: url("../roboto-webfont/roboto-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../roboto-webfont/roboto-bold-webfont.woff") format("woff"), url("../roboto-webfont/roboto-bold-webfont.ttf") format("truetype"), url("../roboto-webfont/roboto-bold-webfont.svg#robotobold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoItalic'; src: url("../roboto-webfont/roboto-italic-webfont.eot"); src: url("../roboto-webfont/roboto-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../roboto-webfont/roboto-italic-webfont.woff") format("woff"), url("../roboto-webfont/roboto-italic-webfont.ttf") format("truetype"), url("../roboto-webfont/roboto-italic-webfont.svg#robotoitalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoRegular'; src: url("../roboto-webfont/roboto-regular-webfont.eot"); src: url("../roboto-webfont/roboto-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../roboto-webfont/roboto-regular-webfont.woff") format("woff"), url("../roboto-webfont/roboto-regular-webfont.ttf") format("truetype"), url("../roboto-webfont/roboto-regular-webfont.svg#robotoregular") format("svg"); font-weight: normal; font-style: normal; } /* ----------------------------------------- Font-Face Author: Erlend Andresen ----------------------------------------- */ /* ROBOTO REGULAR */ /* @font-face { font-family: 'RobotoRegular'; src: url('../roboto-fontfacekit/Roboto-Regular-webfont.eot'); src: url('../roboto-fontfacekit/Roboto-Regular-webfont.eot?#iefix') format("embedded-opentype"), url('../roboto-fontfacekit/Roboto-Regular-webfont.woff') format("woff"), url('../roboto-fontfacekit/Roboto-Regular-webfont.ttf') format("truetype"), url('../roboto-fontfacekit/Roboto-Regular-webfont.svg#RobotoRegular') format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoItalic'; src: url('../roboto-fontfacekit/Roboto-Italic-webfont.eot'); src: url('../roboto-fontfacekit/Roboto-Italic-webfont.eot?#iefix') format("embedded-opentype"), url('../roboto-fontfacekit/Roboto-Italic-webfont.woff') format("woff"), url('../roboto-fontfacekit/Roboto-Italic-webfont.ttf') format("truetype"), url('../roboto-fontfacekit/Roboto-Italic-webfont.svg#RobotoItalic') format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoBold'; src: url('../roboto-fontfacekit/Roboto-Bold-webfont.eot'); src: url('../roboto-fontfacekit/Roboto-Bold-webfont.eot?#iefix') format("embedded-opentype"), url('../roboto-fontfacekit/Roboto-Bold-webfont.woff') format("woff"), url('../roboto-fontfacekit/Roboto-Bold-webfont.ttf') format("truetype"), url('../roboto-fontfacekit/Roboto-Bold-webfont.svg#RobotoBold') format("svg"); font-weight: normal; font-style: normal; } */ @font-face { font-family: 'RobotoBoldItalic'; src: url("../roboto-fontfacekit/Roboto-BoldItalic-webfont.eot"); src: url("../roboto-fontfacekit/Roboto-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../roboto-fontfacekit/Roboto-BoldItalic-webfont.woff") format("woff"), url("../roboto-fontfacekit/Roboto-BoldItalic-webfont.ttf") format("truetype"), url("../roboto-fontfacekit/Roboto-BoldItalic-webfont.svg#RobotoBoldItalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoCondensed'; src: url("../roboto-fontfacekit/Roboto-Condensed-webfont.eot"); src: url("../roboto-fontfacekit/Roboto-Condensed-webfont.eot?#iefix") format("embedded-opentype"), url("../roboto-fontfacekit/Roboto-Condensed-webfont.woff") format("woff"), url("../roboto-fontfacekit/Roboto-Condensed-webfont.ttf") format("truetype"), url("../roboto-fontfacekit/Roboto-Condensed-webfont.svg#RobotoCondensed") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoCondensedItalic'; src: url("../roboto-fontfacekit/Roboto-CondensedItalic-webfont.eot"); src: url("../roboto-fontfacekit/Roboto-CondensedItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../roboto-fontfacekit/Roboto-CondensedItalic-webfont.woff") format("woff"), url("../roboto-fontfacekit/Roboto-CondensedItalic-webfont.ttf") format("truetype"), url("../roboto-fontfacekit/Roboto-CondensedItalic-webfont.svg#RobotoCondensedItalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoBoldCondensed'; src: url("../roboto-fontfacekit/Roboto-BoldCondensed-webfont.eot"); src: url("../roboto-fontfacekit/Roboto-BoldCondensed-webfont.eot?#iefix") format("embedded-opentype"), url("../roboto-fontfacekit/Roboto-BoldCondensed-webfont.woff") format("woff"), url("../roboto-fontfacekit/Roboto-BoldCondensed-webfont.ttf") format("truetype"), url("../roboto-fontfacekit/Roboto-BoldCondensed-webfont.svg#RobotoBoldCondensed") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoBoldCondensedItalic'; src: url("../roboto-fontfacekit/Roboto-BoldCondensedItalic-webfont.eot"); src: url("../roboto-fontfacekit/Roboto-BoldCondensedItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../roboto-fontfacekit/Roboto-BoldCondensedItalic-webfont.woff") format("woff"), url("../roboto-fontfacekit/Roboto-BoldCondensedItalic-webfont.ttf") format("truetype"), url("../roboto-fontfacekit/Roboto-BoldCondensedItalic-webfont.svg#RobotoBoldCondensedItalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoThin'; src: url("../roboto-fontfacekit/Roboto-Thin-webfont.eot"); src: url("../roboto-fontfacekit/Roboto-Thin-webfont.eot?#iefix") format("embedded-opentype"), url("../roboto-fontfacekit/Roboto-Thin-webfont.woff") format("woff"), url("../roboto-fontfacekit/Roboto-Thin-webfont.ttf") format("truetype"), url("../roboto-fontfacekit/Roboto-Thin-webfont.svg#RobotoThin") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoThinItalic'; src: url("../roboto-fontfacekit/Roboto-ThinItalic-webfont.eot"); src: url("../roboto-fontfacekit/Roboto-ThinItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../roboto-fontfacekit/Roboto-ThinItalic-webfont.woff") format("woff"), url("../roboto-fontfacekit/Roboto-ThinItalic-webfont.ttf") format("truetype"), url("../roboto-fontfacekit/Roboto-ThinItalic-webfont.svg#RobotoThinItalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoLight'; src: url("../roboto-fontfacekit/Roboto-Light-webfont.eot"); src: url("../roboto-fontfacekit/Roboto-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../roboto-fontfacekit/Roboto-Light-webfont.woff") format("woff"), url("../roboto-fontfacekit/Roboto-Light-webfont.ttf") format("truetype"), url("../roboto-fontfacekit/Roboto-Light-webfont.svg#RobotoLight") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoLightItalic'; src: url("../roboto-fontfacekit/Roboto-LightItalic-webfont.eot"); src: url("../roboto-fontfacekit/Roboto-LightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../roboto-fontfacekit/Roboto-LightItalic-webfont.woff") format("woff"), url("../roboto-fontfacekit/Roboto-LightItalic-webfont.ttf") format("truetype"), url("../roboto-fontfacekit/Roboto-LightItalic-webfont.svg#RobotoLightItalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoMedium'; src: url("../roboto-fontfacekit/Roboto-Medium-webfont.eot"); src: url("../roboto-fontfacekit/Roboto-Medium-webfont.eot?#iefix") format("embedded-opentype"), url("../roboto-fontfacekit/Roboto-Medium-webfont.woff") format("woff"), url("../roboto-fontfacekit/Roboto-Medium-webfont.ttf") format("truetype"), url("../roboto-fontfacekit/Roboto-Medium-webfont.svg#RobotoMedium") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoMediumItalic'; src: url("../roboto-fontfacekit/Roboto-MediumItalic-webfont.eot"); src: url("../roboto-fontfacekit/Roboto-MediumItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../roboto-fontfacekit/Roboto-MediumItalic-webfont.woff") format("woff"), url("../roboto-fontfacekit/Roboto-MediumItalic-webfont.ttf") format("truetype"), url("../roboto-fontfacekit/Roboto-MediumItalic-webfont.svg#RobotoMediumItalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoBlack'; src: url("../roboto-fontfacekit/Roboto-Black-webfont.eot"); src: url("../roboto-fontfacekit/Roboto-Black-webfont.eot?#iefix") format("embedded-opentype"), url("../roboto-fontfacekit/Roboto-Black-webfont.woff") format("woff"), url("../roboto-fontfacekit/Roboto-Black-webfont.ttf") format("truetype"), url("../roboto-fontfacekit/Roboto-Black-webfont.svg#RobotoBlack") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoBlackItalic'; src: url("../roboto-fontfacekit/Roboto-BlackItalic-webfont.eot"); src: url("../roboto-fontfacekit/Roboto-BlackItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../roboto-fontfacekit/Roboto-BlackItalic-webfont.woff") format("woff"), url("../roboto-fontfacekit/Roboto-BlackItalic-webfont.ttf") format("truetype"), url("../roboto-fontfacekit/Roboto-BlackItalic-webfont.svg#RobotoBlackItalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoItalic'; src: url("../roboto-fontfacekit/Roboto-Italic-webfont.eot"); src: url("../roboto-fontfacekit/Roboto-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("../roboto-fontfacekit/Roboto-Italic-webfont.woff") format("woff"), url("../roboto-fontfacekit/Roboto-Italic-webfont.ttf") format("truetype"), url("../roboto-fontfacekit/Roboto-Italic-webfont.svg#RobotoItalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoBold'; src: url("../roboto-fontfacekit/Roboto-Bold-webfont.eot"); src: url("../roboto-fontfacekit/Roboto-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../roboto-fontfacekit/Roboto-Bold-webfont.woff") format("woff"), url("../roboto-fontfacekit/Roboto-Bold-webfont.ttf") format("truetype"), url("../roboto-fontfacekit/Roboto-Bold-webfont.svg#RobotoBold") format("svg"); font-weight: normal; font-style: normal; } strong, b { /*font-family: RobotoBold, sans-serif;*/ font-weight: 700; } em, i { font-family: RobotoItalic, sans-serif; font-style: normal; } small { font-size: 0.9em; font-family: "Droid Sans", sans-serif; } small a { font-size: inherit !important; } .light-text { /*font-family: RobotoLight, sans-serif;*/ font-weight: normal; font-family: RobotoRegular; } .inline { display: inline; } .article-excerpt { font-family: "Droid Serif", serif; font-weight: 700; font-size: 15px; font-size: 1.5rem; line-height: 125%; margin-bottom: 20px; } #politisk-bilde { background-color: #ede5c1; background-color: var(--light-color); margin-bottom: 20px; } #politisk-bilde img { width: 100%; } .widget_politiske-bilder a { color: inherit; text-decoration: none; } .widget_politiske-bilder .politisk-bilde { background-color: #ede5c1; background-color: var(--light-color); margin-bottom: 20px; } .widget_politiske-bilder .politisk-bilde img { width: 100%; } /* ----------------------------------------- Meta lists Author: Erlend Andresen ----------------------------------------- */ .meta-list { margin: 0; margin-top: 1.5em; margin-top: 1.5rem; padding: 0; width: 80%; clear: left; } .meta-list li:before { background: url("..//images/icons_vp_5.png") no-repeat -138px -180px; width: 12px; height: 14px; display: block; position: absolute; content: " "; margin-left: -25px; margin-top: 2px; } .meta-list li { padding-left: 25px; } .meta-list li { background-repeat: no-repeat; /*padding-left: 2em;*/ padding-right: 1.5em; background-position: center left; vertical-align: bottom; color: #222; text-decoration: none; font-family: "Droid Serif", serif; font-size: 12px; font-size: 1.2rem; font-style: italic; } .meta-list li a { color: #222; text-decoration: none; font-family: "Droid Serif", serif; font-style: inherit; font-size: inherit; text-transform: uppercase; } .meta-list li a:focus, .meta-list li a:hover { text-decoration: underline; } .meta-list li.vox-date:before { background: url("..//images/icons_vp_5.png") no-repeat -111px -163px; height: 12px; width: 15px; } .meta-list li.vox-pencil:before { background-image: url("../images/pencil-hover.png"); } .meta-list li.vox-label:before { background: url("..//images/icons_vp_5.png") no-repeat -110px -203px; height: 12px; width: 16px; } .meta-list li.vox-comment:before { background: url("..//images/icons_vp_5.png") no-repeat -190px -182px; height: 12px; width: 15px; } .meta-list-s { margin: 0; margin-top: 0.5em; padding: 0; height: 20px; } .meta-list-s li { display: inline-block; background-repeat: no-repeat; padding-left: 0.2em; padding-right: 1.5em; background-position: center left; vertical-align: bottom; } .meta-list-s li a { color: #222; text-decoration: none; font-family: "Droid Serif", serif; font-style: italic; font-size: 1.2em; font-size: 12px; } .meta-list-s li a:focus, .meta-list-s li a:hover { text-decoration: underline; } .meta-list-s li.vox-date { background: url("..//images/icons_vp_5.png") no-repeat -111px -163px; } .meta-list-s li.vox-pencil { background-image: url("../images/pencil-hover.png"); } .meta-list-s li.vox-author { background-image: url("../images/meta-author-hover.png"); } .meta-list-s li.vox-label { background-image: url("../images/meta-label-hover.png"); } .meta-list-s li.vox-comment { background-image: url("../images/meta-comment-hover.png"); } /* ----------------------------------------- Frontpage-poster Author: Erlend Andresen ----------------------------------------- */ /* The up/down arrow for rolling the main poster .. */ #frontpage-poster-toggle { position: absolute; bottom: -3px; left: 60px; width: 100px; height: 21px; display: block; z-index: 12; } .seriesbox, .seriesmeta { position: absolute !important; top: -9999px !important; left: -9999px !important; display: none; } /*legend { display: none; }*/