/* Theme Name: Nerdcore v9.1 Blackbaby Theme URI: http://wwww.nerdcore.de/wp Description: A blog about Brains and Beauty. Version: 1.01 Author: Rene Walter Author URI: http://nerdcore.de */ /*---------------------------------------------------------------------------------------------*/ /* CSS Reset by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/ v2.0 /*---------------------------------------------------------------------------------------------*/ html,body,div,span,applet,object,h1,h2,h3,h4,h5,h6,p,blockquote,a,img,strong,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;vertical-align:baseline;margin:0;padding:0;} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;} ol,ul{list-style:none;} blockquote:before,blockquote:after{content:none;} table{border-collapse:collapse;border-spacing:0;} input:focus,textarea:focus{border:1px solid #999; outline:0;} a:hover, a:active, a:focus { outline: none; -moz-outline-style: none;} ::-webkit-input-placeholder {color:#787974;} :-moz-placeholder {color:#787974;} .placeholder {color:#787974;} /* --- Clearfix --- */ .clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;} .clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0;} /* HACKS */ /* ------------------------------------------------------------ */ /* DISPLAY NO ADS #dragoncontainer, #madcowdesease_premium, #madcowdesease_middle { display:none !important; } */ /* Style für HPTO #contentwrap { width:100%; background: #000; display: inline-table; } #innerwrap { margin: 0px auto; padding: 30px 10px; max-width: 970px; background-color: #fff; overflow:hidden; } */ /* Style ohne HPTO */ #contentwrap { width:100%; background: #fff; display: inline-table; margin-top: 27px; } #innerwrap { margin: 0px auto; padding: 42px 0px; max-width: 970px; background-color: #fff; overflow:hidden; } /* Structure */ /* ------------------------------------------------------------ */ body { padding:0px; background-color: #fff; } #wrap { width:100%; } #headerwrap { display:none; } #hidden_navbar { display:none; } #maincontent { background-color:#fff; max-width:640px; width: 65.97938%; padding: 0px 0px 0px 1.5463925%; float:right; overflow: hidden; border-left: 1px solid #ddd;} #sidebar_main { float:left; max-width:300px; width: 30.927835051546%; padding: 0px 0px; background-color:#fff; overflow: hidden; } #bigass { background-color:#fff; max-width:970px; width: 100%; overflow: hidden; } #headerleaderlogo { display: table; margin-bottom: 20px; } #dragoncontainer { display: table-cell; vertical-align: bottom; width: 100%; } #logocontainer { display: table-cell; vertical-align: bottom; } /* Ads */ /* ------------------------------------------------------------ */ #viceHomeAd { display:none; } #viceContentAd { display:none; } #dragons { margin: 0 auto; max-width: 728px; max-height:90px; overflow:hidden; float:right; margin: 0px; } /*Leaderboard*/ #dragons div { margin:0px 0px 20px 0px; text-align: center; } #billboard { margin: 0 auto; max-width:970px; overflow:hidden; background-color: #fff; } #madcowdesease_skyrocket { max-width:100%; overflow:hidden; } /* Sidebar Right */ #madcowdesease_middle div, #madcowdesease_middle object, #madcowdesease_middle iframe, #madcowdesease_middle img { margin-bottom: 35px !important; overflow:hidden !important; } #madcowdesease_premium div div, #madcowdesease_middle div div { margin-bottom: 0px !important; } #tester { display:none; } #contentad, #single_contentad { text-align: center; background:#e8e8e8; padding: 20px 0px; margin-bottom: 40px; } #ut_container487770 { top: 27px !important; } /* HPTO */ /* ------------------------------------------------------------ */ #skinningleft { display: table-cell; max-width: 160px; overflow: hidden; } #skinningright { display: table-cell; max-width: 160px; overflow: hidden; } #billcontent { display: table-cell; width: 970px; min-width: 970px; vertical-align: top; } #skinningleft_inner { max-width: 400px; overflow:hidden; float: right; } #skinningright_inner { max-width: 400px; overflow:hidden; } #gutterleft { } #gutterright { } /* Logo */ /* ------------------------------------------------------------ */ #sidebar_main #logo img { max-width: 300px; width:100%; } /* Header */ /* ------------------------------------------------------------ */ #header { margin: 0 auto; z-index:9999; background-color:#000; width:100%; height:27px; position:fixed; top:0; left:0; } #navigation { max-width:970px; margin:0 auto; height:100%; border-right: 1px solid #345; } ul#metamenu { font-family: 'Open Sans Condensed', Helvetica, Arial, Tahoma, sans-serif; text-transform: uppercase; line-height: 1.3em; font-weight: 700; font-size: 0.85em; float: right; padding: 5px 10px 5px 10px; border-right: 1px solid #345;} ul#metamenu a { font-weight: normal; color:#567; text-decoration: none; margin:2px 2px; } ul#metamenu a:hover { color:#f60; } ul#metamenu a.rss-item { color:#f60; } ul#metamenu a.rss-item:hover { color:#567; } ul#metamenu { position: relative; display: inline-table; } ul#metamenu li { display:inline; } ul#metamenu li ul li { display:block; } #navigation ul ul { display: none; position: absolute; left: 62px; top: 23px; background-color: #000; padding: 3px;} ul#metamenu:after { content: ""; clear: both; display: block; } #navigation ul li#infolinks:hover > ul { display: block; } img#advice { max-height:17px; width:auto; margin: 5px 10px; float:right; } img.headerlogosmall { max-height:17px; width:auto; margin: 5px 10px; float:left; opacity: 0; } #searchform { float:right; border-right: 1px solid #345; } #navigation p#search { font-family: 'Open Sans Condensed', Helvetica, Arial, Tahoma, sans-serif; text-transform: uppercase; line-height: 1.3em; font-weight: 700; font-size: 0.85em; float: right; padding: 5px 10px 5px 10px; color:#567; } input#s { background-color:#345; border:none; height: 23px; padding:2px 5px; margin:0; vertical-align: bottom; font-family: 'Open Sans Condensed', Helvetica, Arial, Tahoma, sans-serif; font-size: 0.85em; color:#ccc; } input#searchsubmit { background: url(http://www.nerdcore.de/wp-content/themes/NC9.1/images/lupe.png); background-size:100%; width:23px; height:23px; border:none; margin: 2px 10px 2px 3px; padding:0px; cursor:pointer; vertical-align:bottom; } /* HOT TAGS */ /* ------------------------------------------------------------ */ #maincontent h2#htags { font-family: 'Open Sans Condensed', Helvetica, Arial, Tahoma, sans-serif; text-transform: uppercase; line-height: 1.1em; font-weight: 700; font-size: 1.0em; color:#000; margin-bottom:25px; } #maincontent img#htags { float:left; margin-top: 3px; } #maincontent h2#htags a { display:inline-block; padding: 1px 4px; background:#e0e0e0; color:#333; margin-left:4px; margin-bottom: 1px; } #maincontent h2#htags a:hover { background:#f60; color:#fff; } /* SEARCH RESULTS */ /* ------------------------------------------------------------ */ .searchresult { display:inline-block; margin-bottom:15px; padding-bottom:15px; width:100%; border-bottom: 1px solid #ddd; } .searchresult h2.search-title { font-family: 'Open Sans Condensed', Helvetica, Arial, Tahoma, sans-serif !important; font-weight: bold !important; font-size: 1.4em !important; line-height: 1em !important; margin-bottom:10px !important; margin-top:0px !important; } .searchresult h2.search-title a { color:#000 !important; text-decoration: none !important; } .searchresult h2.search-title a:hover { color:#f60 !important; } img.wp-post-image { float:right; margin-left:10px; max-width:22%; height:auto; } /* Content */ /* ------------------------------------------------------------ */ #maincontent, #bigass, #content-sidebar_main, #content-sidebar_right { font-family: 'Source Sans Pro', Helvetica, Arial, Tahoma, sans-serif; line-height: 1.4em; color:#333; } #maincontent .hentry, #bigass .hentry { margin-bottom:15px; } #maincontent img, #bigass img { max-width:100%; } #maincontent h2.entry-title, #maincontent h1.entry-title { font-family: 'Open Sans Condensed', Helvetica, Arial, Tahoma, sans-serif !important; font-weight: bold !important; font-size: 2.0em !important; line-height: 1em !important; margin-bottom:15px !important; margin-top:0px !important;} #bigass h2.entry-title, #bigass h1.entry-title { font-family: 'Open Sans Condensed', Helvetica, Arial, Tahoma, sans-serif !important; font-weight: bold !important; font-size: 4.0em !important; line-height: 1.2em !important; margin-bottom:35px !important; margin-top:0px !important; text-align: center; } #maincontent .entry-content h2, #maincontent .hentry h2, #bigass .hentry h2, #bigass .entry-content h2 { font-family: 'Open Sans Condensed', Helvetica, Arial, Tahoma, sans-serif; font-weight: bold; font-size: 1.6em; line-height: 1.1em; margin-bottom:5px; margin-top:25px; color:#666; } #maincontent .entry-content h3, #maincontent .hentry h3, #bigass .hentry h3, #bigass .entry-content h3 { font-family: 'Open Sans Condensed', Helvetica, Arial, Tahoma, sans-serif; font-weight: bold; font-size: 1.6em; line-height: 1.1em; margin-bottom:25px; margin-top:50px; color:#666; } #maincontent .entry-content h4, #maincontent .hentry h4, #bigass .hentry h4, #bigass .entry-content h4 { font-family: 'Open Sans Condensed', Helvetica, Arial, Tahoma, sans-serif; font-weight: bold; font-size: 1.4em; line-height: 1.1em; margin-bottom:5px; margin-top:25px; color:#f60; font-style: italic; } #maincontent .entry-content h3:before, #maincontent .hentry h3:before, #bigass .hentry h3:before, #bigass .entry-content h3:before, #maincontent .entry-content h2:before, #maincontent .hentry h2:before, #bigass .hentry h2:before, #bigass .entry-content h2:before { content:"// "; } #maincontent h2.entry-title a, #maincontent h1.entry-title, #bigass h2.entry-title a, #bigass h1.entry-title { color:#000; text-decoration: none; } #maincontent h2.entry-title:before, #maincontent h1.entry-title:before, #bigass h2.entry-title:before, #bigass h1.entry-title:before { content:""; } #maincontent h2.entry-title a:hover, #bigass h2.entry-title a:hover { color:#f60; } #maincontent h2.nohead-title { font-family: 'Source Sans Pro', Helvetica, Arial, Tahoma, sans-serif; font-weight: bold; font-size: 1.2em; float:left; margin-right:10px; margin-bottom: 0px; margin-top: 0px; } #maincontent h2.nohead-title:before { content:""; } #maincontent h2.nohead-title a { color:#000; text-decoration: none; } #maincontent h2.nohead-title a:hover { color:#f60; } #maincontent img.nohead { float:left; margin-top:5px; margin-right:0px; } #maincontent .noheaddiv { margin-bottom: 15px; border-bottom: 1px solid #ddd; } #maincontent a, #bigass a { color:#f50; text-decoration: none; font-weight: bold; } #maincontent a:hover, #bigass a:hover { color:#000; } #maincontent a.more-link { color: #fff; text-decoration: none;font-weight: bold; background-color: #f60; padding: 0px 5px; } #maincontent a.more-link:hover { color:#000; background-color: #fff; } #maincontent .hentry p, #bigass .entry-content p, #bigass .page-default p { margin-bottom:0.9em; } #maincontent blockquote, #bigass blockquote { padding: 0px 0px 0px 35px; color:#666; } div.entry-footer { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; margin-top: 15px; padding: 5px 0px; } div.entry-footer #socialbuttons { margin-bottom: 3px; } div.entry-footer #socialbuttons img { margin-right:10px; width:80px; height:auto; } #maincontent .hentry div.entry-footer p.postmeta, #bigass .entry-content div.entry-footer p.postmeta { font-size:80%; margin-bottom:3px; color:#aaa; line-height:15px; } #maincontent .hentry div.entry-footer a, #bigass .entry-content div.entry-footer a { color:#888; font-weight:bold; text-decoration: none; } #maincontent .hentry div.entry-footer a:hover, #bigass .entry-content div.entry-footer a:hover { color:#000; } #maincontent .hentry div.entry-footer .tagstagstags a, #bigass .entry-content div.entry-footer .tagstagstags a { color:#000; text-transform:uppercase; background-color:#e0e0e0; padding:0px 3px; } #maincontent .hentry div.entry-footer .tagstagstags a:hover, #bigass .entry-content div.entry-footer .tagstagstags a:hover { background-color:#f60; color:#fff; } #maincontent .gallery img, #bigass .gallery img { border: 4px solid #ffffff; } #maincontent .gallery img:hover, #bigass .gallery img:hover { border: 4px solid #ff6600; } #maincontent .gallery, #bigass .gallery { margin-bottom: 30px; } #maincontent ol { list-style-type: decimal; list-style-position: inside; margin-bottom: 20px; } #maincontent ul { list-style-type: square; list-style-position: inside; margin-bottom: 20px; } #maincontent hr, #bigass hr { margin: 30px auto; width: 70%; height: 7px; background-color:#f60; color:#f60; border: 0 none; } /* Advertorials */ /* ------------------------------------------------------------ */ #maincontent .hentry p.adad { font-family: 'Source Sans Pro', Helvetica, Arial, Tahoma, sans-serif; font-weight: bold; font-size: 0.9em; margin-bottom: 5px; } #maincontent div.advertorial { padding:10px; background-color:#f2f2f2; margin-bottom:20px; } #maincontent div.advertorial div.entry-footer p.postmeta { display:none; } #maincontent div.advertorial div.entry-footer { border: 0px; padding: 0px; } /* Sidebars */ /* ------------------------------------------------------------ */ #sidebar_main { font-family: 'Source Sans Pro', Helvetica, Arial, Tahoma, sans-serif; font-size:80%; color:#999; } #sidebar_main h3:before { content:"// "; } #sidebars h3, #sidebar_main h3 { font-family: 'Open Sans Condensed', Helvetica, Arial, Tahoma, sans-serif; text-transform: uppercase; font-weight: bold; font-size: 1.2em; line-height: 1em; color:#f60; text-decoration: none; border-bottom: 1px solid #ddd; padding-bottom:2px; margin-bottom:10px; } #sidebars h4, #sidebar_main h4 { font-family: 'Open Sans Condensed', Helvetica, Arial, Tahoma, sans-serif; font-weight: bold; font-size: 1em; line-height: 1em; color:#000; text-decoration: none; margin-bottom:10px; } #sidebar_main #logo, #sidebar_main #recentcomments, #sidebar_main #linkdump, #sidebar_main #sidebarcrap, #sidebar_main #features, #sidebar_main #recentheadlines, #sidebar_main #ncplaylist, #sidebar_main #amazon, #sidebar_main #shirtbanner, #sidebar_main #stickma { margin-bottom:35px; } #sidebars iframe, #sidebar_main iframe { width:100%; } #sidebar_main #features img, #sidebar_main #musicvideo_features img, #sidebar_main #eyecandy_features img { width:100px; max-width:100px; float:left; margin-right:10px; } #sidebar_main #stickma a img { width:100%; max-width:300px; height:auto; } /* LINKDUMP --------------------------------------------- */ #linkdump { width:100%; } #linkdump h3 { margin-bottom:0px; } #linkdump li { border-bottom: 1px solid #ddd; margin-bottom: 0px!important; display: block; } #linkdump li:hover { background-color:#f60; } #linkdump a { font-family: 'Source Sans Pro', 'Open Sans Condensed', Helvetica, Arial, Tahoma, sans-serif; color:#000; text-decoration: none; font-size:110%; font-weight: normal; display:block; padding:5px 3px; } #linkdump a:hover { color:#fff;} #delicious { max-width:300px; max-height:600px; overflow:auto; padding-right:10px; padding-top:10px; border-bottom: 1px solid #ddd; } /* RECENT HEADLINES, AMAZON, WOWCAST --------------------------------------------- */ #recentheadlines a.postbytag, #ncplaylist a.postbytag, #amazon a { display:block; text-decoration: none!important; } #recentheadlines a.postbytag h4, #ncplaylist a.postbytag h4, #amazon a h4 { font-family: 'Open Sans Condensed', Helvetica, Arial, Tahoma, sans-serif; color:#000; text-decoration: none!important; font-size:110%; font-weight: bold; margin-bottom:5px; } #recentheadlines a.postbytag p, #ncplaylist a.postbytag p, #amazon a p { color:#666; text-decoration: none!important;} #recentheadlines a.postbytag:hover h4, #recentheadlines a.postbytag:hover p, #ncplaylist a.postbytag:hover h4, #ncplaylist a.postbytag:hover p, #amazon a:hover h4, #amazon a:hover p { color:#fff; } #recentheadlines, #ncplaylist, #amazon { line-height:1.2em; } #recentheadlines li, #ncplaylist li, #amazon li { padding:7px; border-bottom: 1px solid #ddd; margin-bottom: 0px!important; display: inline-block!important; width: 95.5%!important; } #recentheadlines li:hover, #ncplaylist li:hover, #amazon li:hover { background-color:#f60; } #recentheadlines img, #ncplaylist img, #amazon img { width:59px; height:auto; margin: 1px 7px 0px 0px; float:left; max-width:30%; } /* DISQUS --------------------------------------------- */ a.dsq-widget-user { font-family: 'Source Sans Pro', 'Open Sans Condensed', Helvetica, Arial, Tahoma, sans-serif; color:#000; text-decoration: none; font-size:110%; font-weight: bold; pointer-events: none; cursor: text;} li.dsq-widget-item { margin: 5px 0!important; list-style-type: none; clear: both; border-bottom: 1px solid #ddd; } img.dsq-widget-avatar { width: 24px!important; height: 24px!important; border: 0px!important; margin: 3px 7px 0px 0px!important; padding: 0!important; float: left!important; } p.dsq-widget-meta { padding: 5px 0px 7px!important; margin: 0!important; line-height: 1.2em; clear: none!important; } p.dsq-widget-meta a { font-family: 'Source Sans Pro', 'Open Sans Condensed', Helvetica, Arial, Tahoma, sans-serif; color:#000; font-size:120%!important; text-decoration: none; font-weight: bold; } p.dsq-widget-meta a:hover { color:#f60; } .dsq-widget-comment a { color:#f60; text-decoration:none; } .dsq-widget-comment a:hover { color:#000; } /* ARCHIVES --------------------------------------------- */ #archives { float:left; margin-right:20px; } #tagCloud { float:right; } #archives a { color:#666; } #archives a:hover { color:#f50; } #archives h2, #tagcloud h2 { font-family: 'Open Sans Condensed', Helvetica, Arial, Tahoma, sans-serif; font-weight: bold; font-size: 2.6em; line-height: 1em; margin: 20px 0px; } /* FOOTER --------------------------------------------- */ /* Infinite Scrolling Center #infscr-loading { text-align: center; } */ .paginavinext a, .paginaviprev a { color:#000!important; display:block; font-size:2em; padding:20px 40px;} .paginavinext, .paginaviprev { background-color:#e8ecf0; border-radius:3px; margin-top:35px; } .paginavinext a:hover, .paginaviprev a:hover { color:#f50!important; } .paginavinext:hover, .paginaviprev:hover { background-color:#123; } .paginavinext { float:right; } .paginaviprev { float:left; } /* Footerbanner */ #footerboard { text-align:center; width:100%; margin-top:50px; padding: 20px 0; background-color:black; } #footerboard #728skin { width:728px; height:90px; } /* NEXTPREV --------------------------------------------- */ #cooler-nav{float: inherit; margin: 10px 0px 30px 0px; font-size:80%; width:100%; } #cooler-nav .nav-box{background: #fff;} #cooler-nav img{float: left; margin: 0 10px 0 0; width:59px; height:auto; } #cooler-nav p{margin-top: 5px; line-height: 1.2em; } #cooler-nav .previous{float: left; width: 45%; } #cooler-nav .next{float: right; width: 50%;} #cooler-nav a { font-family: 'Open Sans Condensed', Helvetica, Arial, Tahoma, sans-serif; color:#000; text-decoration: none!important; font-size:110%; font-weight: bold; line-height: 1em; } #cooler-nav a:hover { color:#f50; } /* =WordPress Core -------------------------------------------------------------- */ .alignnone { margin: 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } .aligncenter { display: block; margin: 5px auto 5px auto; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } /* Smaller Screens ------------------------------------------------------------ */ @media only screen and (max-width: 990px) { #innerwrap { padding: 50px 10px; } #contentwrap { display: inline-block; padding-top:0px; } #skinningleft { display: none; } #skinningright { display: none; } #billcontent { display: inline-block; width: 100%; min-width: 0px; } } @media only screen and (max-width: 970px) { #dragoncontainer { display:none; } #dragons { display:none; } /*Leaderboard*/ #header { padding: 0px 10px; } #maincontent h2.entry-title, #maincontent h1.entry-title, #bigass h2.entry-title, #bigass h1.entry-title { font-size: 2em; } } @media only screen and (max-width: 969px) { #gutterleft { display:none; } #gutterright { display:none; } #maincontent h2.entry-title, #maincontent h1.entry-title, #bigass h2.entry-title, #bigass h1.entry-title { font-size: 1.8em; } } @media only screen and (max-width: 660px) { #billboard { display:none; } /*Leaderboard*/ #dragons { display:none; } /*Leaderboard*/ #lb { display:none; } /*Leaderboard*/ img#advice { display:none; } img.headerlogosmall { opacity: 1; } #innerwrap { padding: 20px 10px; } #maincontent, #bigass, #content-sidebar_main, #content-sidebar_right { line-height: 1em; } #maincontent h2.entry-title, #maincontent h1.entry-title, #bigass h2.entry-title, #bigass h1.entry-title { font-size: 1.6em !important; } #maincontent .entry-content h2, #maincontent .hentry h2 { font-size: 1.3em; line-height: 1em; margin-bottom:5px; margin-top:20px; } #maincontent .entry-content h3, #maincontent .hentry h3 { font-size: 1.3em; line-height: 1em; margin-bottom:15px; margin-top:30px; } #maincontent .post p, #maincontent .hentry p, #bigass .entry-content p, #bigass .page-default p { font-size: 90%; } #maincontent blockquote, #bigass blockquote { padding: 0px 0px 0px 25px; color:#999; } #sidebar_main { display: none; } #maincontent { background-color:#fff; max-width:100%; width: 100%; float:right; margin:0; overflow: hidden; border-left: 0px; } #maincontent img { width:100%; height:auto; float:none; margin:0; } #maincontent img.attachment-thumbnail, #maincontent img.attachment-medium { width:40%; height:auto; float:right; margin:0 0 0 10px; } #maincontent img.alignleft { width:40%; height:auto; float:left; margin-right:10px; margin-bottom:10px; } #maincontent img.alignright { width:40%; height:auto; float:right; margin-left:10px; margin-bottom:10px; } p-postmeta { display:none; } div.entry-footer { border-bottom: 1px solid #ddd; border-top: 0px; margin-top: 0px; padding: 5px 0px 15px 0px; } div.entry-footer #socialbuttons { display:none; } div.gallery img.attachment-thumbnail {width:100%; height:auto; } #maincontent img.nohead { display:none; } #maincontent img#htags { display:none; } .searchresult h2.search-title { font-size: 1.2em !important; } #maincontent .hentry h2.nohead-title { font-size: 1.1em; line-height: 1em; margin-bottom:0px; margin-top:-2px; } input#s { width:100px; } } @media only screen and (max-width: 480px) { input#s { width:50px; } } @media only screen and (max-width: 422px) { #searchform { display:none; } #navigation p#search { display:none; } #maincontent h2.entry-title, #maincontent h1.entry-title, #bigass h2.entry-title, #bigass h1.entry-title { font-size: 1.3em !important; } #maincontent .entry-content h2, #maincontent .hentry h2 { font-size: 1.1em; } #maincontent .entry-content h3, #maincontent .hentry h3 { font-size: 1.1em; } } @media only screen and (max-width: 320px) { #contentwrap { display: inline-block; padding-top: 18px; } #innerwrap { padding: 20px 7px; } } @media only screen and (max-width: 240px) { } /* FANCYBOX --------------------------------------------- */ a.fancybox-video { position:relative; display: block; overflow: hidden; margin: 0;padding: 0; } a.fancybox-video span.preview { background: url(fancybox/fancybox-play-off.png) center no-repeat; display: block; position: absolute; left: 0; bottom: 0; vertical-align: top; margin: 0; padding: 0; width: 100%; height: 100%; } a.fancybox-video span.vid { display: block; position: absolute; bottom: 0px; left: 0; vertical-align: top; margin: 0; padding: 0; width: 100%; height: 100%; font-style: normal; } a:hover.fancybox-video span.preview { background: url(fancybox/fancybox-play.png) center no-repeat /* rgba(30, 30, 30, 0.2) ; box-shadow: 0 0 30px 0 rgba(0,0,0,0.15) inset*/ ; } small.direct:before {content:", ";} #fancybox-title { display:none; !important } /*RUMBLE*/ @keyframes rumble { 0%, 100% {} 50% { transform: translateY(-0.2em) } } @-webkit-keyframes rumble { 0%, 100% {} 50% { -webkit-transform: translateY(-0.2em) } } @keyframes shudder { 0%, 100% {} 50% { transform: translateX(0.2em) } } @-webkit-keyframes shudder { 0%, 100% {} 50% { -webkit-transform: translateX(0.2em) } } blink { text-decoration: none; animation: fade-in-out 1s steps(1,end) infinite alternate; -webkit-animation: fade-in-out 1s steps(1,end) infinite alternate; } .rumble { -webkit-animation: rumble linear 0.1s 0s infinite; animation: rumble linear 0.1s 0s infinite; display:inline-block; } .shudder { -webkit-animation: shudder linear 0.1s 0s infinite; animation: shudder linear 0.1s 0s infinite; display:inline-block; }