Code Beautifier
CSS Formatierer und Optimierer basierend auf csstidy 1.3

Sprache: EN DE FR PT

AddThis

Drupal CMS Experts
CSS Eingabe CSS-Code: @font-face{font-family:'Genericons';font-weight:normal;font-style: normal;src:url('fonts/genericons/genericons-regular-webfont.eot');src:url('fonts/genericons/genericons-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/genericons/genericons-regular-webfont.woff') format('woff'), url('fonts/genericons/genericons-regular-webfont.ttf') format('truetype'), url('fonts/genericons/genericons-regular-webfont.svg#genericonsregular') format('svg')}body,input,textarea{/*font-family:"Lora","Georgia","Times New Roman","Palatino","Hoefler Text","Baskerville"*/}h1,h2,h3,h4,h5,h6,.comment-author cite,.format-chat cite,dt{font-family:'Open Sans Condensed',sans-serif;font-weight:700;font-style:normal}#site-description,.entry-byline,.entry-meta,#footer,#menu-primary li a,.loop-nav,.comments-nav a,.page-links,.gallery-caption,.wp-caption-text,.comment-meta,.comment-reply-link,th,.image-info .prep,.video-info .prep,.audio-info .prep,#menu-portfolio li a,.page-template-formats #menu-formats li a:hover::after,.media-info-toggle,label,input[type="submit"],input[type="reset"],.mejs-container{font-family:'Open Sans',sans-serif;font-weight:400;font-style:normal}.format-chat .chat-author::before,.permalink::before,.portfolio-item-link::before,.comments-link::before,.entry-byline .category::before,.entry-meta .category::before,.entry-byline .portfolio::before,.entry-meta .portfolio::before,.entry-byline .post_tag::before,.entry-meta .post_tag::before,.post-edit-link::before,.comment-edit-link::before,.entry-byline .author a::before,.entry-meta .author a::before,.published::before,.post-format-link::before,#menu-formats li a::before,.media-info-toggle::after,li.bypostauthor >.comment-meta .comment-author::before,.comment-reply-link::before,#respond .log-in-out::before,#respond label[for="author"]::before,#respond label[for="email"]::before,#respond label[for="url"]::before,#respond label[for="comment"]::before,#menu-social li a::before,.loop-nav a[rel="prev"]::before,.loop-nav a[rel="next"]::after,.comments-nav a[rel="prev"]::before,.comments-nav a[rel="next"]::after,.format-link .entry-title a::after,.more-link::after,.wp-audio-shortcode .mejs-controls .mejs-button button::after,.wp-video-shortcode .mejs-controls .mejs-button button::after,.wp-video-shortcode .mejs-overlay-button::after,.sticky::before{display:inline-block;-webkit-font-smoothing:antialiased;font:normal 16px/1 'Genericons';vertical-align:middle}html{font-size:16px}body{overflow-x: hidden;width: 100%;height: 100%;padding: 50px 0 25px;color: #252525;background: #ecf0f1 url( 'images/bg-light.jpg' );background-size:50px 50px;border-top: 5px solid #6fa1d2;border-bottom:5px solid #F7FCFF}a{color:#7f8c8d;text-decoration:underline;-webkit-transition:all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out}#main a{color:#ecf0f1}a:hover{opacity:0.5;-webkit-transition:all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out}h1{}h2{}h3{}h4{}h5{}h6{}blockquote{font-size:1.375rem}.twitter-tweet{width:100%;-moz-box-sizing:border-box;box-sizing:border-box}blockquote p:first-line{}blockquote blockquote{}blockquote cite{font-size:0.875em;font-variant:small-caps}.format-quote blockquote{margin: 0;font-size: 1.875rem;text-align:center;opacity: 0.75}q{quotes:'\201C' '\201D'}q::before{content:open-quote}q::after{content:close-quote}acronym{}abbr{}big{font-size:1.125em}code{font-size: 1rem;color: #f5f5f5;background:#292929}pre{box-sizing:border-box;word-wrap: normal;background:#292929;border: 1px solid #202020;opacity: 0.75;-ms-word-break:normal;word-break:normal}.comment-content pre{opacity: 0.95;background:#202020}pre code{font-size:1em;color: inherit}address{}ul{}ul li{}.comment-content ul,.comment-content ol{margin-bottom:25px}.comment-content li ul,.comment-content li ol{margin-bottom:0}ol{}ol li{}dl{}dt{}dd{margin-top:0;margin-bottom:0}dd+dd{margin-top:10px}dd+dt{margin-top:25px}table{width: 100%;border-collapse:separate;border-spacing: 5px}table caption{margin: 0 0 5px;font-variant:small-caps;color: #858585}th,td{padding:10px;-moz-box-sizing:border-box;box-sizing:border-box}th{font-size: 0.9375em;text-align:left;background:#292929;opacity: 0.75}td{background:#292929;opacity: 0.75}.comment-content th,.comment-content td{opacity: 0.95;background:#202020}th:empty,td:empty{opacity:0.375}table{}caption{}thead{}tfoot{}tbody{}tr{}th{}td{}#wp-calendar{}.wp-audio-shortcode,.wp-video-shortcode,audio,video,object,embed,iframe{max-width:100%;margin-bottom:25px}object{}embed{}iframe{}.wp-audio-shortcode,.wp-video-shortcode,audio,video{display:block;max-width:100%}.embed-wrap{position: relative;margin-bottom: 25px;padding-bottom:56.25%;padding-top: 30px;height: 0;overflow: hidden}.embed-wrap iframe,.embed-wrap object,.embed-wrap embed{position:absolute;top: 0;left: 0;width: 100%;max-width:100%;height: 100%}.audio-image{position:relative;border:none;padding:0;margin:0;width:20%;max-width:175px;max-height:131px;border-left:5px solid #202020;height:auto}.audio-shortcode-wrap{position:relative;max-height:136px;overflow:hidden;margin-bottom:25px;background:#202020}.audio-shortcode-wrap .wp-audio-shortcode{position:absolute !important;top:50%;margin-top:-25px;left:20%;clear:none;width:80% !important}.audio-shortcode-wrap .wp-audio-shortcode .mejs-controls{}.media-shortcode-extend .audio-info{border-top:1px solid #151515}.mejs-container,.mejs-embed,.mejs-embed body{background:transparent}.wp-audio-shortcode.mejs-container{min-height:50px !important}.wp-video-shortcode .mejs-controls{border-top: 1px solid #151515;border-bottom:1px solid #151515}.mejs-controls{-moz-box-sizing:border-box;box-sizing:border-box;width: 100%;height: 50px;padding: 10px;background:#202020}.wp-video-shortcode .mejs-controls{opacity:0.85}.wp-audio-shortcode .mejs-mediaelement{position:relative;top: 0;left: 0;width: 100%;height: 100%}.mejs-overlay-loading span{background:transparent url( 'css/mediaelement/images/loading.gif' ) 50% 50% no-repeat}.mejs-button button{height: 16px;width: 16px;background:transparent url( 'css/mediaelement/images/controls.png' ) no-repeat}.mejs-fullscreen-button button,.mejs-playpause-button button,.mejs-volume-button button{background:none}.mejs-button button:focus{outline:solid 1px #2980b9}.mejs-button button::after{color:#f5f5f5}.mejs-button button:hover::after,.mejs-volume-button:hover button::after{color:#2980b9}.mejs-fullscreen-button button::after{content:'\f422'}.mejs-play button::after{content:'\f452'}.mejs-pause button::after{content:'\f448'}.mejs-volume-button button::after{content:'\f109'}.mejs-unmute button::after{color:#404040}.mejs-time .mejs-currenttime,.mejs-time .mejs-duration{color: #f5f5f5;font-size: 0.875rem}.mejs-time-rail .mejs-time-total,.mejs-horizontal-volume-slider .mejs-horizontal-volume-total{background:#404040}.mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.mejs-horizontal-volume-slider .mejs-horizontal-volume-handle{background:#f5f5f5}.mejs-time-rail .mejs-time-loaded{background:#2980b9}.mejs-time-rail .mejs-time-current{background:#c0392b}.mejs-volume-button .mejs-volume-slider{width: 40px;margin-left:-10px;background: #202020}.mejs-volume-button .mejs-volume-slider .mejs-volume-total,.mejs-volume-button .mejs-volume-slider .mejs-volume-current{top: 10px;left: 50%;width: 4px;margin: 0 0 0 -2px}.mejs-volume-button .mejs-volume-slider .mejs-volume-handle{left: 50%;width: 20px;height: 4px;margin: 0 0 0 -10px}.mejs-volume-button .mejs-volume-slider .mejs-volume-total{background:#404040}.mejs-volume-button .mejs-volume-slider .mejs-volume-current,.mejs-volume-button .mejs-volume-slider .mejs-volume-handle{color:#f5f5f5}.mejs-overlay-button{width: 112px;height: 112px;margin: -56px 0 0 -56px;background:transparent}.mejs-overlay-play .mejs-overlay-button::after{content: '\f452';padding: 18px;font-size: 64px;line-height: 64px;color: #f5f5f5;text-shadow: 1px 1px 2px #292929;background: #292929;background: rgba( 41,41,41,0.75 );border: 10px solid #202020;border-color: rgba( 32,32,32,0.5 );border-radius:50%;opacity: 0.85}.mejs-overlay-play .mejs-overlay-button:hover::after{opacity:1;color: #2980b9}.mejs-time-rail .mejs-time-float{top: -38px;height: 27px;width: 50px;margin-left:-25px;color: #f5f5f5;background: #202020;border: 1px solid #404040}.mejs-time-rail .mejs-time-float-current{margin: 8px 9px;font-size:0.8125rem}.mejs-time-rail .mejs-time-float-corner{top: 28px;left: 20px;border-top-color:#f5f5f5}form{}fieldset{}fieldset legend{}label{}input{}input[type="button"]{}input[type="checkbox"]{}input[type="email"]{}input[type="password"]{}input[type="radio"]{}input[type="reset"]{}input[type="search"]{}input[type="submit"]{}input[type="text"]{}input[type="url"]{}textarea{}select{}select optgroup{}select option{}button{}.alignleft{}.alignright{}.aligncenter{}.alignnone{}img{max-width: 100%;height: auto;padding: 10px;background:#292929;-moz-box-sizing:border-box;box-sizing:border-box}img.size-thumbnail{}img.size-medium{}img.size-large{}img.size-full{}.thumbnail{}.wp-caption{position: relative;max-width: 100%;text-align:center}.wp-caption img{display:inline-block}.wp-caption-text{max-width: 90%;position: absolute;bottom: 25px;margin: 0;padding: 10px 10px 10px 20px;background:#202020;font-size: 0.9375rem;opacity: 0.9;text-align:left}.gallery{margin:0 0 15px}.gallery .gallery-item{margin:0 0 10px}.gallery-icon{}.gallery .gallery-icon img{padding:10px}.gallery .gallery-caption{margin: 5px 0 0;font-size:0.9375rem}.avatar{}a .avatar{}a:hover .avatar{}#container{}.layout-1c #container{}.layout-2c-l #container{}.layout-2c-r #container{}.layout-3c-l #container{}.layout-3c-r #container{}.layout-3c-c #container{}#header{}#menu-primary{}#main{}#content{}#footer{clear: both;width: 100%;max-width:960px;margin: 0 auto}#header{}#branding{text-align:center}#site-title{margin: 0;font-size:2.375rem}#site-title a{color: #252525;text-decoration:none}#site-description{font-size:1.125rem;color: #95a5a6}.menu-toggle{}#main{clear: both;max-width:960px;margin: 0 auto 25px}.hentry,.attachment-meta,.loop-meta,#comments-template{position: relative;margin: 0 0 50px;padding: 50px 0 25px;color: #c5c5c5;background: #404040 url( 'images/bg-dark.jpg' );background-size:50px 50px;border-top: 5px solid #000;border-bottom:5px solid #6fa1d2}.hentry{}.hentry >.wp-caption,.hentry >img,.hentry >a img{display:block;margin:-55px auto 25px}.hentry >.mejs-container,.hentry >div[style*="max-width"],.hentry >.embed-wrap,.hentry >.audio-shortcode-wrap,.hentry >video,.hentry >audio,.hentry >iframe,.hentry >embed,.hentry >object{margin-top:-50px}.sticky{background:url( 'images/bg-dark-blue.jpg' );background-size:50px 50px}.sticky::before{position:absolute;top:25px;left:25px;content:'\f308';font-size:64px;line-height:64px;color: #f5f5f5;opacity: 0.075}.entry-header,.entry-content,.entry-summary,.entry-footer{margin: 0 auto;max-width: 700px;padding: 0 25px;word-wrap: break-word;word-break:normal;-webkit-hyphens:auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens:auto}.entry-header{text-align:center}.entry-title{}.entry-title a,.entry-byline a,.entry-meta a,.comment-meta a{text-decoration:none}.entry-title a:hover,.entry-byline a:hover,.entry-meta a:hover,.comment-meta a:hover{text-decoration:underline}.entry-byline a,.entry-meta a{color:#fff}.entry-byline{margin: 0 0 25px;font-size:1rem;color: #858585}.entry-byline a{}.entry-byline a:hover{}.entry-byline .published{}.entry-content,.entry-summary{font-size:1.25rem}.portfolio_item .entry-summary{text-align:center;font-style:italic}.entry-summary{}.entry-footer{clear:both}.entry-meta{margin: 0 0 25px;font-size: 1rem;color: #858585;text-align:center}.entry-meta a{}.entry-meta a:hover{}.entry-meta .published{}.entry-meta .category{}.entry-meta .post_tag{}.format-aside{}.format-aside .entry-content{font-size:1.5rem}.format-aside .entry-content a.permalink{font-size: 1.75rem;text-decoration:none}.singular-post .format-chat .entry-summary{font-style:italic;text-align:center}.format-chat{}.format-chat .chat-row{}.format-chat .chat-text{margin-left:25px}.format-chat cite{}.format-chat .chat-author{font-size: 1rem;margin-top: -12px;padding-top:12px;border-top: 1px dotted #292929}.format-chat .chat-row:first-child .chat-author{margin: 0;padding:0;border: none}.format-chat .chat-author::before{content: '\f304';padding:0 9px 5px 0}.format-chat .chat-speaker-1 .chat-author,.format-chat .chat-speaker-11 .chat-author{color:#3498db}.format-chat .chat-speaker-2 .chat-author,.format-chat .chat-speaker-12 .chat-author {color:#f1c40f}.format-chat .chat-speaker-3 .chat-author,.format-chat .chat-speaker-13 .chat-author {color:#e74c3c}.format-chat .chat-speaker-4 .chat-author,.format-chat .chat-speaker-14 .chat-author {color:#2ecc71}.format-chat .chat-speaker-5 .chat-author,.format-chat .chat-speaker-15 .chat-author {color:#f39c12}.format-chat .chat-speaker-6 .chat-author,.format-chat .chat-speaker-16 .chat-author {color:#9b59b6}.format-chat .chat-speaker-7 .chat-author,.format-chat .chat-speaker-17 .chat-author {color:#95a5a6}.format-chat .chat-speaker-8 .chat-author,.format-chat .chat-speaker-18 .chat-author {color:#16a085}.format-chat .chat-speaker-9 .chat-author,.format-chat .chat-speaker-19 .chat-author {color:#e67e22}.format-chat .chat-speaker-10 .chat-author,.format-chat .chat-speaker-20 .chat-author {color:#1abc9c}.format-link{}.format-link .entry-title{}.format-link .entry-title a::after{content:'\f442';font-size:32px;vertical-align:middle}.format-link .entry-title a:hover{}.format-link .entry-title a .meta-nav{display:none}.format-gallery{}.format-gallery .gallery-count{font-style:italic;text-align:center}.format-quote{}.format-quote blockquote{}.format-quote blockquote cite{}.format-status{}.format-status .avatar{float: left;width: 70px;height: 70px;margin: 0 25px 25px 0;padding: 0;box-shadow: 0 0 0 10px #292929;border: none;border-radius:50px}.format-status .entry-content{padding-top:12px}.format-video{}.format-audio{}.entry-byline .permalink::before,.entry-meta .permalink::before,.comment-meta .permalink::before,.portfolio-item-link::before{content:'\f107';margin-bottom:3px;padding-right:5px;color:#f5f5f5}.comments-link::before{content:'\f300';margin-bottom:3px;padding-right:5px;color:#f5f5f5}.entry-byline .category::before,.entry-meta .category::before,.entry-byline .portfolio::before,.entry-meta .portfolio::before{content:'\f301';margin-bottom:3px;padding-right:5px;color:#f5f5f5}.entry-byline .post_tag::before,.entry-meta .post_tag::before{content:'\f302';margin-bottom:3px;padding-right:5px;color:#f5f5f5}.comments-link,.entry-byline .author,.entry-byline .published,.entry-meta .published,.portfolio-item-link,.post-format-link,.entry-byline .permalink,.entry-meta .permalink,.comment-meta .published,.comment-meta .permalink,.comment-meta .comment-edit-link,.post-edit-link{margin-right:10px}.post-edit-link::before,.comment-edit-link::before{content:'\f411';margin-bottom:3px;padding-right:5px;color:#f5f5f5}.entry-byline .author a::before,.entry-meta .author a::before{content:'\f304';margin-bottom:3px;padding-right:5px;color:#f5f5f5}.published::before{content:'\f307';margin-bottom:3px;padding-right:5px;color:#f5f5f5}.post-format-link::before{margin-bottom:3px}.post-format-link::before,#menu-formats li a::before{padding-right:5px;color:#f5f5f5}#menu-formats li a::before{content:'\f408'}.comment-meta .published::before{content:'\f303'}.format-standard .post-format-link::before,#menu-formats li.menu-item-blog a::before{content:'\f100'}#menu-formats li.menu-item-home a::before{content:'\f409'}.format-aside .post-format-link::before,#menu-formats li.menu-item-aside a::before{content:'\f101'}.format-audio .post-format-link::before,#menu-formats li.menu-item-audio a::before{content:'\f109'}.format-chat .post-format-link::before,#menu-formats li.menu-item-chat a::before{content:'\f108'}.format-gallery .post-format-link::before,#menu-formats li.menu-item-gallery a::before{content:'\f103'}.format-image .post-format-link::before,#menu-formats li.menu-item-image a::before{content:'\f102'}.format-link .post-format-link::before,#menu-formats li.menu-item-link a::before{content:'\f107'}.format-quote .post-format-link::before,#menu-formats li.menu-item-quote a::before{content:'\f106'}.format-status .post-format-link::before,#menu-formats li.menu-item-status a::before{content:'\f105'}.format-video .post-format-link::before,#menu-formats li.menu-item-video a::before{content:'\f104'}.page-template-formats .entry-content{font-style:italic}.page-template-formats .entry-content blockquote,.page-template-formats .entry-content em{font-style:normal}#menu-formats{padding:25px 0 0;text-align:center}#menu-formats .menu-items{list-style:none;margin:0}#menu-formats li{display:inline-block}#menu-formats li a{position:relative;display:inline-block;margin:0 5px 25px;text-decoration:none}.page-template-formats #menu-formats li a{margin:0 25px 50px}#menu-formats li a:hover{opacity:1}#menu-formats li a::before{display:inline-block;padding:5px;background:#292929;border:2px solid #202020;border-radius:50%;font-size:16px;line-height:16px;color:#f5f5f5;vertical-align:middle}.page-template-formats #menu-formats li a::before{padding:18px;font-size:64px;line-height:64px;border-width:10px;-webkit-transition:all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out}#menu-formats li.current-menu-item a::before{opacity:0.5}#menu-formats li a:hover::before{opacity:0.5;-webkit-transition:all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out}.page-template-formats #menu-formats a:hover::before{opacity:0.9}.page-template-formats #menu-formats li a:hover::after{content:attr(title);z-index:999;position:absolute;width:120px;bottom:-37px;left:0;white-space:nowrap;color:#858585}.attachment-meta{padding:50px 50px 25px}.attachment-meta h3{text-align:center}.attachment-meta .image-gallery{float:right;width:47.5%}.attachment-meta .image-gallery .gallery-caption{display:none}.attachment-meta .image-info{float:left;width:47.5%}.attachment-meta .audio-info,.attachment-meta .video-info{max-width:700px;margin:0 auto}.image-info ul,.video-info ul,.audio-info ul{margin-left: 0;list-style-position:inside}.image-info ul li,.video-info ul li,.audio-info ul li{padding: 5px 10px;border-bottom:1px dotted #292929}.image-info .prep,.video-info .prep,.audio-info .prep{text-transform:capitalize;font-size: 1rem}.image-info .data,.video-info .data,.audio-info .data{float: right;font-size: 1rem}.attachment-transcript{max-width:700px;margin: 0 auto;font-size:1.25rem}.media-shortcode-extend{margin-top:-25px}.media-shortcode-extend .audio-info,.media-shortcode-extend .video-info{display:none;padding:25px 50px 0;background:#202020}.media-info-toggle{position: relative;display: inline-block;float: right;margin: 0 50px 25px 0;padding: 10px 25px;font-size: 0.9375rem;line-height: 16px;background: #202020;text-align: center;text-decoration:none}.media-info-toggle::after{content:'\f431';padding-left:5px;color:#f5f5f5;vertical-align:top}.media-info-toggle.active::after{content:'\f432'}.loop-meta{padding: 50px 50px 25px;text-align:center}.loop-title{}.loop-description{max-width:700px;margin:0 auto;font-size:1.25rem;font-style:italic}.loop-description blockquote,.loop-description em{font-style:normal}.page-links{clear:both}.page-links a{display: inline-block;margin: 0 3px;padding: 5px 15px;background: #292929;text-decoration:none}.loop-nav{max-width:900px;margin: -50px auto 50px;font-size:1.125rem}.loop-nav a{padding: 5px 15px;background: #292929;border: 1px solid #202020;text-decoration:none}.loop-nav a:hover{}.loop-nav a[rel="prev"]{float: left;max-width:50%}.loop-nav a[rel="prev"]::before{content:'\f430';font-size:20px}.loop-nav a[rel="next"]::after,.more-link::after{content:'\f429';font-size:20px}.loop-nav a[rel="next"]{float: right;max-width: 50%;text-align:right}.comments-nav{margin: 0 0 25px;text-align:center}.comments-nav a{display: inline-block;margin: 0 3px;padding: 5px 15px;background: #202020;text-decoration:none}.comments-nav a[rel="prev"]::before{content:'\f430'}.comments-nav a[rel="next"]::after{content:'\f429'}.comments-nav .page-numbers{font-style:italic}#comments{margin: 0 auto;max-width:700px;padding:0 25px}#comments-number{text-align:center}.comments-closed{position:relative;font-size:1.25rem;font-style:italic;text-align:center}.comments-closed.pings-open{}ol.comment-list{list-style:none;margin: 0 0 25px}ol.comment-list ol.children{list-style:none;margin: 0 0 0 50px}li.comment,li.ping{clear:both}li.comment{}li.ping{margin: 0 0 25px;padding: 25px 25px 0;background: #292929;border-top: 1px solid #202020;border-bottom:1px solid #202020;opacity: 0.25;-webkit-transition:all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out}li.ping:hover{opacity:1;-webkit-transition:all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out}.comment-list .avatar{float: left;width: 70px;height: 70px;margin: 0 25px 25px 0;padding: 0;background: #292929;box-shadow: 0 0 0 10px #292929;border-radius:50px}.ping .avatar{float:right;margin:0 0 25px 25px}.comment-meta{padding: 12px 0 0;margin: 0 0 25px;margin: 0 0 25px;font-size:1rem;color: #858585}.comment-author{display: block;font-size:1.125rem}li.bypostauthor >.comment-meta .comment-author::before{content:'\f304';padding-right:5px;color:#f1c40f}.comment-author a{text-decoration:none}.comment-content{clear: both;margin: 0 0 25px;padding: 25px 25px 0;font-size: 1.25rem;background: #292929;border-top: 1px solid #202020;border-bottom:1px solid #202020}.comment-reply-link{position: relative;display: inline-block;float: right;margin: -25px 10px 25px 0;padding: 5px 25px;font-size: 0.9375rem;background: #202020;text-align: center;text-decoration:none}.comment-reply-link::before{content:'\f412';margin-bottom:3px;padding-right:5px;color:#f5f5f5}.comment-reply-link:hover{}#respond{margin: 0 auto;max-width:700px;padding:0 25px;font-size:1.125rem}#reply-title{text-align:center}#reply-title small{}#respond .log-in-out{text-align:center}#respond .log-in-out::before{content:'\f427';padding-right:5px;color:#f5f5f5}#respond label{}#respond label .required{}#respond input[type="text"],#respond input[type="email"],#respond input[type="submit"],#respond input[type="url"],#respond textarea{font-size: 1.125rem;color: #858585;background: #292929;border: none;border-top: 1px solid #202020;border-bottom:1px solid #202020;opacity: 0.75;-moz-box-sizing:border-box;box-sizing: border-box;-webkit-transition:all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out}#respond input[type="text"],#respond input[type="email"],#respond input[type="url"]{display: block;width: 100%;padding: 10px 25px}#respond label[for="author"]::before,#respond label[for="email"]::before,#respond label[for="url"]::before,#respond label[for="comment"]::before{content:'';margin-bottom:3px;padding-right:5px;color:#f5f5f5}#respond label[for="author"]::before{content:'\f304'}#respond label[for="email"]::before{content:'\f410'}#respond label[for="url"]::before{content:'\f409'}#respond label[for="comment"]::before{content:'\f300'}#respond textarea{width: 100%;padding: 25px}#respond input[type="text"]:focus,#respond input[type="email"]:focus,#respond input[type="url"]:focus,#respond input[type="submit"]:hover,#respond input[type="submit"]:focus,#respond textarea:focus{opacity:1;-webkit-transition:all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out}#respond input[type="submit"]{margin: -25px 10px 25px 0;padding: 15px 25px;font-size: 0.9375rem;color: #f5f5f5;background: #202020;opacity: 1;text-align: center;text-decoration:none}#respond input[type="submit"]:focus,#respond input[type="submit"]:hover{opacity:0.5}#menu-portfolio{}#menu-portfolio ul{list-style:none;margin: 0 0 15px;text-align:center}#menu-portfolio ul li{display: inline-block;position:relative}#menu-portfolio li a{display: inline-block;margin: 0 3px 10px;padding: 8px 15px 5px;font-size: 0.8125rem;text-transform: uppercase;background: #292929;border: 1px solid #202020;text-decoration:none}#menu-portfolio li a:hover,#menu-portfolio li.current-menu-item a,#menu-portfolio li.current-cat a{background:#202020}#menu-social{}#menu-social ul{list-style:none;margin: 0 0 15px;text-align:center}#menu-social ul li{display: inline-block;margin-bottom:10px}#menu-social li a{position:relative;display:inline-block;text-decoration:none}#menu-social li a::before{display:inline-block;line-height:16px;content: '\f408';padding: 0 5px;font-size: 20px}#menu-social li a[href*="wordpress.org"]::before,#menu-social li a[href*="wordpress.com"]::before{content:'\f205';color: #21759b}#menu-social li a[href*="facebook.com"]::before{content:'\f203';color: #3b5998}#menu-social li a[href*="twitter.com"]::before{content:'\f202';color: #3cf}#menu-social li a[href*="dribbble.com"]::before{content:'\f201';color: #ea4c89}#menu-social li a[href*="plus.google.com"]::before{content:'\f206';color:#dd4b39}#menu-social li a[href*="pinterest.com"]::before{content:'\f210';color: #c8232c}#menu-social li a[href*="github.com"]::before{content:'\f200';color: #171515}#menu-social li a[href*="tumblr.com"]::before{content:'\f214';color: #34526f}#menu-social li a[href*="youtube.com"]::before{content:'\f213';color: #c4302b}#menu-social li a[href*="flickr.com"]::before{content:'\f211';color: #ff0084}#menu-social li a[href*="vimeo.com"]::before{content:'\f212';color: #1AB7EA}#menu-social li a[href*="instagram.com"]::before{content:'\f215';color: #3f729b}#menu-social li a[href*="codepen.io"]::before{content:'\f216';color: #000}#menu-social li a[href*="linkedin.com"]::before{content:'\f208';color: #0e76a8}#footer{margin-top:-25px}#footer .copyright{}#footer .credit{line-height:1.75;font-size: 0.9375rem;text-align: center}#footer a{}#footer a:hover{}@media only screen and (max-width:900px){.attachment-meta .image-info,.attachment-meta .image-gallery{width:100%}}@media only screen and (min-width:800px){#menu-primary{max-width: 960px;margin: 0 auto 13px;border-top:1px solid #d0d0d0}#menu-primary .menu-toggle{display:none}#menu-primary .wrap{display:block !important}#menu-primary ul{list-style:none;margin: 0;text-align:center}#menu-primary .menu-items{zoom:1}#menu-primary .menu-items::before,#menu-primary .menu-items::after{content:"";display:table}#menu-primary .menu-items::after{clear:both}#menu-primary .menu-items >ul{width: 100%;margin:60px auto}#menu-primary ul ul{margin: 20px 0 0;opacity: 0;visibility:hidden;position: absolute;top: 53px;z-index: 1;text-align:left}#menu-primary li:hover >ul{opacity: 1;visibility:visible;margin: 0;-webkit-transition:all 0.35s ease-in;-moz-transition: all 0.35s ease-in;-o-transition: all 0.35s ease-in;transition: all 0.35s ease-in-out}#menu-primary ul ul ul{top: 0;left: 236px;margin:0 0 0 20px}#menu-primary li{display: inline-block;position:relative;margin-top: -1px}#menu-primary li >a::after{content: '\f431';display: inline-block;padding-left: 5px;font-family:'Genericons';font-size:16px;line-height:1;vertical-align:top;-webkit-font-smoothing:antialiased}#menu-primary li li >a::after{position: absolute;right: 5px;vertical-align:middle;-webkit-transform:rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform:rotate(-90deg)}#menu-primary li a:only-child::after{content:''}#menu-primary li.current-menu-item{}#menu-primary li a{display: block;padding: 25px 25px 12px;font-size: 0.9375rem;line-height: 1;text-decoration:none;text-transform: uppercase;border-top: 1px solid #d0d0d0}#menu-primary li a:hover{border-color:#c0392b}#menu-primary li.current-menu-item a{border-color:#c0392b}#menu-primary ul ul li{float: none;display:block;margin: 0}#menu-primary ul ul li a{float: none;display: block;width: 180px;margin-top: 0;padding: 12px 25px;font-size: 0.8125rem;text-transform:uppercase;color: #e5e5e5;background: #252525;border: none;opacity: 0.91}#menu-primary ul ul li a:hover{color:#f5f5f5;opacity:1}#menu-primary-items li >ul::before{content: '';position: absolute;left: 25px;top: -6px;border-right: 6px solid transparent;border-bottom:6px solid #252525;border-left: 6px solid transparent}#menu-primary-items li li >ul::before{left: -6px;top: 18px;margin-top: -6px;border-top: 6px solid transparent;border-right: 6px solid #252525;border-bottom:6px solid transparent;border-left: 0}}@media only screen and (max-width:800px){#menu-primary{text-align:center;margin:0 0 25px}.menu-toggle{position:relative;display:inline-block;cursor:pointer;margin:0 auto;line-height:18px;font-size:1.125rem;color:#292929}.menu-toggle::before{content:'\f419';display:inline-block;padding-right:7px;-webkit-font-smoothing:antialiased;font-family:'Genericons';font-size: 18px;vertical-align:top}.menu-toggle:hover,.menu-toggle.active{text-decoration:underline}#menu-primary .wrap{text-align:left;position:relative;clear:both;position:relative;width:100%;margin:25px auto 50px;padding:25px 25px 0 0;z-index:999;background: #404040 url( 'images/bg-dark.jpg' );background-size:50px 50px;border-top: 5px solid #000;border-bottom:5px solid #c0392b;display:none}#menu-primary li{color:#f5f5f5}#menu-primary li a{color:#f5f5f5;text-transform:uppercase;font-size: 0.875rem;text-decoration:none}#menu-primary li a:hover{text-decoration:underline}.media-shortcode-extend{text-align:center}.media-shortcode-extend .audio-info,.media-shortcode-extend .video-info{padding-left:25px;padding-right:25px;text-align:left}.media-info-toggle{float:none;margin-left:auto;margin-right:auto}#comments{padding-left:0;padding-right:0}}@media only screen and (max-width:500px){.image-info ul,.audio-info ul,.video-info ul{list-style:none;text-align:center}.image-info .data,.audio-info .data,.video-info .data{float:none;display:block;text-align:center}ol.comment-list ol.children{margin-left:25px}li.comment .avatar{display:block;float:none;margin:0 auto 10px auto}li.comment .comment-meta{text-align:center}.comment-reply-link{float:none;display:block;margin-left:auto;margin-right:auto}}.screen-reader-text,.loop-nav .meta-nav,.comments-nav .meta-nav,.more-link .meta-nav{position:absolute;top: -9999em;left: -9999em}.clearfix::after,#header::after,#footer::after,.hentry::after,.entry-summary::after,.entry-content::after,.loop-nav::after,li.comment::after,li.ping::after,.gallery::after,.attachment-meta::after,.image-info::after,.audio-info::after,.video-info::after,.media-shortcode-extend::after{content: ".";display: block;height: 0;clear: both;visibility:hidden} CSS von URL:
Code Layout Komprimierung (Code Layout): Benutzerdefinierte Vorlage
Optionen CSS erhalten Selektoren sortieren (Vorsicht) Eigenschaften sortieren Selektoren umgruppieren Shorthands optimieren Farben komprimieren font-weight komprimieren Selektoren in Kleinbuchstaben Groß-/Kleinschreibung für Eigenschaften Keine Kleinbuchstaben Großbuchstaben Unnötige Backslashes entfernen Letztes ; entfernen Ungültige Eigenschaften entfernen Zeitstempel hinzufügen Als Datei ausgeben
 
Anzeigen

1
    Optimised font-weight: Changed "normal" to "400"
    Invalid property in CSS2.1: src
    Invalid property in CSS2.1: -webkit-font-smoothing
    Invalid property in CSS2.1: overflow-x
    Invalid property in CSS2.1: background-size
    Optimised number: Changed "0.5s" to ".5s"
    Invalid property in CSS2.1: -webkit-transition
    Invalid property in CSS2.1: -moz-transition
    Invalid property in CSS2.1: -o-transition
    Invalid property in CSS2.1: transition
    Invalid property in CSS2.1: opacity
    Invalid property in CSS2.1: -moz-box-sizing
    Invalid property in CSS2.1: box-sizing
    Optimised number: Changed "0.875em" to ".875em"
    Invalid property in CSS2.1: word-wrap
    Invalid property in CSS2.1: -ms-word-break
    Invalid property in CSS2.1: word-break
    Optimised number: Changed "0.9375em" to ".9375em"
    Optimised number: Changed "0.875rem" to ".875rem"
    Invalid property in CSS2.1: text-shadow
    Invalid property in CSS2.1: border-radius
    Optimised number: Changed "0.8125rem" to ".8125rem"
    Optimised number: Changed "0.9375rem" to ".9375rem"
    Invalid property in CSS2.1: -webkit-hyphens
    Invalid property in CSS2.1: -moz-hyphens
    Invalid property in CSS2.1: -ms-hyphens
    Invalid property in CSS2.1: hyphens
    Invalid property in CSS2.1: box-shadow
    Invalid property in CSS2.1: zoom
    Optimised number: Changed "0.35s" to ".35s"
    Invalid property in CSS2.1: -webkit-transform
    Invalid property in CSS2.1: -moz-transform
    Invalid property in CSS2.1: -ms-transform
    Invalid property in CSS2.1: -o-transform
    Invalid property in CSS2.1: transform
    Optimised shorthand notation (margin): Changed "0 auto 10px auto" to "0 auto 10px"

Eingabe: 31.048KB, Ausgabe:29.775KB, Komprimierungsrate: 4.1%(-1273 Bytes)
Auserwählt oder Copy

@font-face {
font-family:Genericons;
font-weight:400;
font-style:normal;
src:url(fonts/genericons/genericons-regular-webfont.eot?#iefix) format(embedded-opentype), url(fonts/genericons/genericons-regular-webfont.woff) format(woff), url(fonts/genericons/genericons-regular-webfont.ttf) format(truetype), url(fonts/genericons/genericons-regular-webfont.svg#genericonsregular) format(svg);
}

h1,h2,h3,h4,h5,h6,.comment-author cite,.format-chat cite,dt {
font-family:'Open Sans Condensed',sans-serif;
font-weight:700;
font-style:normal;
}

#site-description,.entry-byline,.entry-meta,#footer,#menu-primary li a,.loop-nav,.comments-nav a,.page-links,.gallery-caption,.wp-caption-text,.comment-meta,.comment-reply-link,th,.image-info .prep,.video-info .prep,.audio-info .prep,#menu-portfolio li a,.page-template-formats #menu-formats li a:hover::after,.media-info-toggle,label,input[type="submit"],input[type="reset"],.mejs-container {
font-family:'Open Sans',sans-serif;
font-weight:400;
font-style:normal;
}

.format-chat .chat-author::before,.permalink::before,.portfolio-item-link::before,.comments-link::before,.entry-byline .category::before,.entry-meta .category::before,.entry-byline .portfolio::before,.entry-meta .portfolio::before,.entry-byline .post_tag::before,.entry-meta .post_tag::before,.post-edit-link::before,.comment-edit-link::before,.entry-byline .author a::before,.entry-meta .author a::before,.published::before,.post-format-link::before,#menu-formats li a::before,.media-info-toggle::after,li.bypostauthor >.comment-meta .comment-author::before,.comment-reply-link::before,#respond .log-in-out::before,#respond label[for="author"]::before,#respond label[for="email"]::before,#respond label[for="url"]::before,#respond label[for="comment"]::before,#menu-social li a::before,.loop-nav a[rel="prev"]::before,.loop-nav a[rel="next"]::after,.comments-nav a[rel="prev"]::before,.comments-nav a[rel="next"]::after,.format-link .entry-title a::after,.more-link::after,.wp-audio-shortcode .mejs-controls .mejs-button button::after,.wp-video-shortcode .mejs-controls .mejs-button button::after,.wp-video-shortcode .mejs-overlay-button::after,.sticky::before {
display:inline-block;
-webkit-font-smoothing:antialiased;
font:normal 16px/1 Genericons;
vertical-align:middle;
}

html {
font-size:16px;
}

body {
overflow-x:hidden;
width:100%;
height:100%;
color:#252525;
background:#ecf0f1 url(images/bg-light.jpg);
background-size:50px 50px;
border-top:5px solid #6fa1d2;
border-bottom:5px solid #F7FCFF;
padding:50px 0 25px;
}

a {
color:#7f8c8d;
text-decoration:underline;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
transition:all .5s ease-in-out;
}

#main a {
color:#ecf0f1;
}

blockquote {
font-size:1.375rem;
}

.twitter-tweet {
width:100%;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

blockquote cite {
font-size:.875em;
font-variant:small-caps;
}

.format-quote blockquote {
font-size:1.875rem;
text-align:center;
opacity:0.75;
margin:0;
}

q {
quotes:\201C \201D;
}

q::before {
content:open-quote;
}

q::after {
content:close-quote;
}

big {
font-size:1.125em;
}

code {
font-size:1rem;
color:#f5f5f5;
background:#292929;
}

pre {
box-sizing:border-box;
word-wrap:normal;
background:#292929;
border:1px solid #202020;
opacity:0.75;
-ms-word-break:normal;
word-break:normal;
}

pre code {
font-size:1em;
color:inherit;
}

.comment-content ul,.comment-content ol {
margin-bottom:25px;
}

.comment-content li ul,.comment-content li ol {
margin-bottom:0;
}

dd {
margin-top:0;
margin-bottom:0;
}

dd+dd {
margin-top:10px;
}

dd+dt {
margin-top:25px;
}

table {
width:100%;
border-collapse:separate;
border-spacing:5px;
}

table caption {
font-variant:small-caps;
color:#858585;
margin:0 0 5px;
}

th,td {
-moz-box-sizing:border-box;
box-sizing:border-box;
padding:10px;
}

th {
font-size:.9375em;
text-align:left;
background:#292929;
opacity:0.75;
}

td {
background:#292929;
opacity:0.75;
}

th:empty,td:empty {
opacity:0.375;
}

.wp-audio-shortcode,.wp-video-shortcode,audio,video,object,embed,iframe {
max-width:100%;
margin-bottom:25px;
}

.wp-audio-shortcode,.wp-video-shortcode,audio,video {
display:block;
max-width:100%;
}

.embed-wrap {
position:relative;
margin-bottom:25px;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}

.embed-wrap iframe,.embed-wrap object,.embed-wrap embed {
position:absolute;
top:0;
left:0;
width:100%;
max-width:100%;
height:100%;
}

.audio-image {
position:relative;
border:none;
width:20%;
max-width:175px;
max-height:131px;
border-left:5px solid #202020;
height:auto;
margin:0;
padding:0;
}

.audio-shortcode-wrap {
position:relative;
max-height:136px;
overflow:hidden;
margin-bottom:25px;
background:#202020;
}

.audio-shortcode-wrap .wp-audio-shortcode {
position:absolute!important;
top:50%;
margin-top:-25px;
left:20%;
clear:none;
width:80%!important;
}

.media-shortcode-extend .audio-info {
border-top:1px solid #151515;
}

.mejs-container,.mejs-embed,.mejs-embed body {
background:transparent;
}

.wp-audio-shortcode.mejs-container {
min-height:50px!important;
}

.wp-video-shortcode .mejs-controls {
border-top:1px solid #151515;
border-bottom:1px solid #151515;
opacity:0.85;
}

.mejs-controls {
-moz-box-sizing:border-box;
box-sizing:border-box;
width:100%;
height:50px;
background:#202020;
padding:10px;
}

.wp-audio-shortcode .mejs-mediaelement {
position:relative;
top:0;
left:0;
width:100%;
height:100%;
}

.mejs-overlay-loading span {
background:transparent url(css/mediaelement/images/loading.gif) 50% 50% no-repeat;
}

.mejs-button button {
height:16px;
width:16px;
background:transparent url(css/mediaelement/images/controls.png) no-repeat;
}

.mejs-fullscreen-button button,.mejs-playpause-button button,.mejs-volume-button button {
background:none;
}

.mejs-button button:focus {
outline:solid 1px #2980b9;
}

.mejs-button button:hover::after,.mejs-volume-button:hover button::after {
color:#2980b9;
}

.mejs-fullscreen-button button::after {
content:'\f422';
}

.mejs-play button::after {
content:'\f452';
}

.mejs-pause button::after {
content:'\f448';
}

.mejs-unmute button::after {
color:#404040;
}

.mejs-time .mejs-currenttime,.mejs-time .mejs-duration {
color:#f5f5f5;
font-size:.875rem;
}

.mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
background:#f5f5f5;
}

.mejs-time-rail .mejs-time-loaded {
background:#2980b9;
}

.mejs-time-rail .mejs-time-current {
background:#c0392b;
}

.mejs-volume-button .mejs-volume-slider {
width:40px;
margin-left:-10px;
background:#202020;
}

.mejs-volume-button .mejs-volume-slider .mejs-volume-total,.mejs-volume-button .mejs-volume-slider .mejs-volume-current {
top:10px;
left:50%;
width:4px;
margin:0 0 0 -2px;
}

.mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
left:50%;
width:20px;
height:4px;
margin:0 0 0 -10px;
}

.mejs-overlay-button {
width:112px;
height:112px;
background:transparent;
margin:-56px 0 0 -56px;
}

.mejs-overlay-play .mejs-overlay-button::after {
content:'\f452';
font-size:64px;
line-height:64px;
color:#f5f5f5;
text-shadow:1px 1px 2px #292929;
background:rgba(41,41,41,0.75);
border:10px solid #202020;
border-radius:50%;
opacity:0.85;
border-color:rgba(32,32,32,0.5);
padding:18px;
}

.mejs-overlay-play .mejs-overlay-button:hover::after {
opacity:1;
color:#2980b9;
}

.mejs-time-rail .mejs-time-float {
top:-38px;
height:27px;
width:50px;
margin-left:-25px;
color:#f5f5f5;
background:#202020;
border:1px solid #404040;
}

.mejs-time-rail .mejs-time-float-current {
font-size:.8125rem;
margin:8px 9px;
}

.mejs-time-rail .mejs-time-float-corner {
top:28px;
left:20px;
border-top-color:#f5f5f5;
}

img {
max-width:100%;
height:auto;
background:#292929;
-moz-box-sizing:border-box;
box-sizing:border-box;
padding:10px;
}

.wp-caption {
position:relative;
max-width:100%;
text-align:center;
}

.wp-caption-text {
max-width:90%;
position:absolute;
bottom:25px;
background:#202020;
font-size:.9375rem;
opacity:0.9;
text-align:left;
margin:0;
padding:10px 10px 10px 20px;
}

.gallery {
margin:0 0 15px;
}

.gallery .gallery-item {
margin:0 0 10px;
}

.gallery .gallery-icon img {
padding:10px;
}

.gallery .gallery-caption {
font-size:.9375rem;
margin:5px 0 0;
}

#footer {
clear:both;
width:100%;
max-width:960px;
margin:-25px auto 0;
}

#site-title {
font-size:2.375rem;
margin:0;
}

#site-title a {
color:#252525;
text-decoration:none;
}

#site-description {
font-size:1.125rem;
color:#95a5a6;
}

#main {
clear:both;
max-width:960px;
margin:0 auto 25px;
}

.hentry,.attachment-meta,.loop-meta,#comments-template {
position:relative;
color:#c5c5c5;
background:#404040 url(images/bg-dark.jpg);
background-size:50px 50px;
border-top:5px solid #000;
border-bottom:5px solid #6fa1d2;
margin:0 0 50px;
padding:50px 0 25px;
}

.hentry >.wp-caption,.hentry >img,.hentry >a img {
display:block;
margin:-55px auto 25px;
}

.hentry >.mejs-container,.hentry >div[style*="max-width"],.hentry >.embed-wrap,.hentry >.audio-shortcode-wrap,.hentry >video,.hentry >audio,.hentry >iframe,.hentry >embed,.hentry >object {
margin-top:-50px;
}

.sticky {
background:url(images/bg-dark-blue.jpg);
background-size:50px 50px;
}

.sticky::before {
position:absolute;
top:25px;
left:25px;
content:'\f308';
font-size:64px;
line-height:64px;
color:#f5f5f5;
opacity:0.075;
}

.entry-header,.entry-content,.entry-summary,.entry-footer {
max-width:700px;
word-wrap:break-word;
word-break:normal;
-webkit-hyphens:auto;
-moz-hyphens:auto;
-ms-hyphens:auto;
hyphens:auto;
margin:0 auto;
padding:0 25px;
}

.entry-title a:hover,.entry-byline a:hover,.entry-meta a:hover,.comment-meta a:hover {
text-decoration:underline;
}

.entry-byline a,.entry-meta a {
color:#fff;
}

.entry-byline {
font-size:1rem;
color:#858585;
margin:0 0 25px;
}

.entry-content,.entry-summary {
font-size:1.25rem;
}

.portfolio_item .entry-summary {
text-align:center;
font-style:italic;
}

.entry-meta {
font-size:1rem;
color:#858585;
text-align:center;
margin:0 0 25px;
}

.format-aside .entry-content {
font-size:1.5rem;
}

.format-aside .entry-content a.permalink {
font-size:1.75rem;
text-decoration:none;
}

.format-chat .chat-text {
margin-left:25px;
}

.format-chat .chat-author {
font-size:1rem;
margin-top:-12px;
padding-top:12px;
border-top:1px dotted #292929;
}

.format-chat .chat-row:first-child .chat-author {
border:none;
margin:0;
padding:0;
}

.format-chat .chat-author::before {
content:'\f304';
padding:0 9px 5px 0;
}

.format-chat .chat-speaker-1 .chat-author,.format-chat .chat-speaker-11 .chat-author {
color:#3498db;
}

.format-chat .chat-speaker-2 .chat-author,.format-chat .chat-speaker-12 .chat-author {
color:#f1c40f;
}

.format-chat .chat-speaker-3 .chat-author,.format-chat .chat-speaker-13 .chat-author {
color:#e74c3c;
}

.format-chat .chat-speaker-4 .chat-author,.format-chat .chat-speaker-14 .chat-author {
color:#2ecc71;
}

.format-chat .chat-speaker-5 .chat-author,.format-chat .chat-speaker-15 .chat-author {
color:#f39c12;
}

.format-chat .chat-speaker-6 .chat-author,.format-chat .chat-speaker-16 .chat-author {
color:#9b59b6;
}

.format-chat .chat-speaker-7 .chat-author,.format-chat .chat-speaker-17 .chat-author {
color:#95a5a6;
}

.format-chat .chat-speaker-8 .chat-author,.format-chat .chat-speaker-18 .chat-author {
color:#16a085;
}

.format-chat .chat-speaker-9 .chat-author,.format-chat .chat-speaker-19 .chat-author {
color:#e67e22;
}

.format-chat .chat-speaker-10 .chat-author,.format-chat .chat-speaker-20 .chat-author {
color:#1abc9c;
}

.format-link .entry-title a::after {
content:'\f442';
font-size:32px;
vertical-align:middle;
}

.format-status .avatar {
float:left;
width:70px;
height:70px;
box-shadow:0 0 0 10px #292929;
border:none;
border-radius:50px;
margin:0 25px 25px 0;
padding:0;
}

.format-status .entry-content {
padding-top:12px;
}

.entry-byline .permalink::before,.entry-meta .permalink::before,.comment-meta .permalink::before,.portfolio-item-link::before {
content:'\f107';
margin-bottom:3px;
padding-right:5px;
color:#f5f5f5;
}

.comments-link::before {
content:'\f300';
margin-bottom:3px;
padding-right:5px;
color:#f5f5f5;
}

.entry-byline .category::before,.entry-meta .category::before,.entry-byline .portfolio::before,.entry-meta .portfolio::before {
content:'\f301';
margin-bottom:3px;
padding-right:5px;
color:#f5f5f5;
}

.entry-byline .post_tag::before,.entry-meta .post_tag::before {
content:'\f302';
margin-bottom:3px;
padding-right:5px;
color:#f5f5f5;
}

.comments-link,.entry-byline .author,.entry-byline .published,.entry-meta .published,.portfolio-item-link,.post-format-link,.entry-byline .permalink,.entry-meta .permalink,.comment-meta .published,.comment-meta .permalink,.comment-meta .comment-edit-link,.post-edit-link {
margin-right:10px;
}

.post-edit-link::before,.comment-edit-link::before {
content:'\f411';
margin-bottom:3px;
padding-right:5px;
color:#f5f5f5;
}

.entry-byline .author a::before,.entry-meta .author a::before {
content:'\f304';
margin-bottom:3px;
padding-right:5px;
color:#f5f5f5;
}

.published::before {
content:'\f307';
margin-bottom:3px;
padding-right:5px;
color:#f5f5f5;
}

.post-format-link::before {
margin-bottom:3px;
}

.post-format-link::before,#menu-formats li a::before {
padding-right:5px;
color:#f5f5f5;
}

#menu-formats li a::before {
content:'\f408';
display:inline-block;
background:#292929;
border:2px solid #202020;
border-radius:50%;
font-size:16px;
line-height:16px;
color:#f5f5f5;
vertical-align:middle;
padding:5px;
}

.comment-meta .published::before {
content:'\f303';
}

.format-standard .post-format-link::before,#menu-formats li.menu-item-blog a::before {
content:'\f100';
}

.format-aside .post-format-link::before,#menu-formats li.menu-item-aside a::before {
content:'\f101';
}

.format-chat .post-format-link::before,#menu-formats li.menu-item-chat a::before {
content:'\f108';
}

.format-gallery .post-format-link::before,#menu-formats li.menu-item-gallery a::before {
content:'\f103';
}

.format-image .post-format-link::before,#menu-formats li.menu-item-image a::before {
content:'\f102';
}

.format-link .post-format-link::before,#menu-formats li.menu-item-link a::before {
content:'\f107';
}

.format-quote .post-format-link::before,#menu-formats li.menu-item-quote a::before {
content:'\f106';
}

.format-status .post-format-link::before,#menu-formats li.menu-item-status a::before {
content:'\f105';
}

.format-video .post-format-link::before,#menu-formats li.menu-item-video a::before {
content:'\f104';
}

#menu-formats {
text-align:center;
padding:25px 0 0;
}

#menu-formats .menu-items {
list-style:none;
margin:0;
}

#menu-formats li a {
position:relative;
display:inline-block;
text-decoration:none;
margin:0 5px 25px;
}

.page-template-formats #menu-formats li a {
margin:0 25px 50px;
}

#menu-formats li a:hover {
opacity:1;
}

.page-template-formats #menu-formats li a::before {
font-size:64px;
line-height:64px;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
transition:all .5s ease-in-out;
border-width:10px;
padding:18px;
}

.page-template-formats #menu-formats a:hover::before {
opacity:0.9;
}

.page-template-formats #menu-formats li a:hover::after {
content:attr(title);
z-index:999;
position:absolute;
width:120px;
bottom:-37px;
left:0;
white-space:nowrap;
color:#858585;
}

.attachment-meta {
padding:50px 50px 25px;
}

.attachment-meta .image-gallery {
float:right;
width:47.5%;
}

.attachment-meta .image-info {
float:left;
width:47.5%;
}

.attachment-meta .audio-info,.attachment-meta .video-info {
max-width:700px;
margin:0 auto;
}

.image-info ul,.video-info ul,.audio-info ul {
margin-left:0;
list-style-position:inside;
}

.image-info ul li,.video-info ul li,.audio-info ul li {
border-bottom:1px dotted #292929;
padding:5px 10px;
}

.image-info .prep,.video-info .prep,.audio-info .prep {
text-transform:capitalize;
font-size:1rem;
}

.image-info .data,.video-info .data,.audio-info .data {
float:right;
font-size:1rem;
}

.attachment-transcript {
max-width:700px;
font-size:1.25rem;
margin:0 auto;
}

.media-shortcode-extend {
margin-top:-25px;
}

.media-shortcode-extend .audio-info,.media-shortcode-extend .video-info {
display:none;
background:#202020;
padding:25px 50px 0;
}

.media-info-toggle {
position:relative;
display:inline-block;
float:right;
font-size:.9375rem;
line-height:16px;
background:#202020;
text-align:center;
text-decoration:none;
margin:0 50px 25px 0;
padding:10px 25px;
}

.media-info-toggle::after {
content:'\f431';
padding-left:5px;
color:#f5f5f5;
vertical-align:top;
}

.media-info-toggle.active::after {
content:'\f432';
}

.loop-meta {
text-align:center;
padding:50px 50px 25px;
}

.loop-description {
max-width:700px;
font-size:1.25rem;
font-style:italic;
margin:0 auto;
}

.page-links a {
display:inline-block;
background:#292929;
text-decoration:none;
margin:0 3px;
padding:5px 15px;
}

.loop-nav {
max-width:900px;
font-size:1.125rem;
margin:-50px auto 50px;
}

.loop-nav a {
background:#292929;
border:1px solid #202020;
text-decoration:none;
padding:5px 15px;
}

.loop-nav a[rel="prev"] {
float:left;
max-width:50%;
}

.loop-nav a[rel="prev"]::before {
content:'\f430';
font-size:20px;
}

.loop-nav a[rel="next"]::after,.more-link::after {
content:'\f429';
font-size:20px;
}

.loop-nav a[rel="next"] {
float:right;
max-width:50%;
text-align:right;
}

.comments-nav {
text-align:center;
margin:0 0 25px;
}

.comments-nav a {
display:inline-block;
background:#202020;
text-decoration:none;
margin:0 3px;
padding:5px 15px;
}

.comments-nav a[rel="prev"]::before {
content:'\f430';
}

.comments-nav a[rel="next"]::after {
content:'\f429';
}

#comments {
max-width:700px;
margin:0 auto;
padding:0 25px;
}

.comments-closed {
position:relative;
font-size:1.25rem;
font-style:italic;
text-align:center;
}

ol.comment-list {
list-style:none;
margin:0 0 25px;
}

ol.comment-list ol.children {
list-style:none;
margin:0 0 0 50px;
}

li.ping {
background:#292929;
border-top:1px solid #202020;
border-bottom:1px solid #202020;
opacity:0.25;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
transition:all .5s ease-in-out;
margin:0 0 25px;
padding:25px 25px 0;
}

.comment-list .avatar {
float:left;
width:70px;
height:70px;
background:#292929;
box-shadow:0 0 0 10px #292929;
border-radius:50px;
margin:0 25px 25px 0;
padding:0;
}

.ping .avatar {
float:right;
margin:0 0 25px 25px;
}

.comment-meta {
font-size:1rem;
color:#858585;
margin:0 0 25px;
padding:12px 0 0;
}

.comment-author {
display:block;
font-size:1.125rem;
}

li.bypostauthor >.comment-meta .comment-author::before {
content:'\f304';
padding-right:5px;
color:#f1c40f;
}

.comment-content {
clear:both;
font-size:1.25rem;
background:#292929;
border-top:1px solid #202020;
border-bottom:1px solid #202020;
margin:0 0 25px;
padding:25px 25px 0;
}

.comment-reply-link {
position:relative;
display:inline-block;
float:right;
font-size:.9375rem;
background:#202020;
text-align:center;
text-decoration:none;
margin:-25px 10px 25px 0;
padding:5px 25px;
}

.comment-reply-link::before {
content:'\f412';
margin-bottom:3px;
padding-right:5px;
color:#f5f5f5;
}

#respond {
max-width:700px;
font-size:1.125rem;
margin:0 auto;
padding:0 25px;
}

#respond .log-in-out::before {
content:'\f427';
padding-right:5px;
color:#f5f5f5;
}

#respond input[type="text"],#respond input[type="email"],#respond input[type="submit"],#respond input[type="url"],#respond textarea {
font-size:1.125rem;
color:#858585;
background:#292929;
border:none;
border-top:1px solid #202020;
border-bottom:1px solid #202020;
opacity:0.75;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
transition:all .5s ease-in-out;
}

#respond input[type="text"],#respond input[type="email"],#respond input[type="url"] {
display:block;
width:100%;
padding:10px 25px;
}

#respond label[for="author"]::before,#respond label[for="email"]::before,#respond label[for="url"]::before,#respond label[for="comment"]::before {
content:'';
margin-bottom:3px;
padding-right:5px;
color:#f5f5f5;
}

#respond label[for="author"]::before {
content:'\f304';
}

#respond label[for="email"]::before {
content:'\f410';
}

#respond label[for="comment"]::before {
content:'\f300';
}

#respond textarea {
width:100%;
padding:25px;
}

#respond input[type="submit"] {
font-size:.9375rem;
color:#f5f5f5;
background:#202020;
opacity:1;
text-align:center;
text-decoration:none;
margin:-25px 10px 25px 0;
padding:15px 25px;
}

#menu-portfolio ul li {
display:inline-block;
position:relative;
}

#menu-portfolio li a {
display:inline-block;
font-size:.8125rem;
text-transform:uppercase;
background:#292929;
border:1px solid #202020;
text-decoration:none;
margin:0 3px 10px;
padding:8px 15px 5px;
}

#menu-portfolio li a:hover,#menu-portfolio li.current-menu-item a,#menu-portfolio li.current-cat a {
background:#202020;
}

#menu-social ul li {
display:inline-block;
margin-bottom:10px;
}

#menu-social li a {
position:relative;
display:inline-block;
text-decoration:none;
}

#menu-social li a::before {
display:inline-block;
line-height:16px;
content:'\f408';
font-size:20px;
padding:0 5px;
}

#menu-social li a[href*="wordpress.org"]::before,#menu-social li a[href*="wordpress.com"]::before {
content:'\f205';
color:#21759b;
}

#menu-social li a[href*="facebook.com"]::before {
content:'\f203';
color:#3b5998;
}

#menu-social li a[href*="twitter.com"]::before {
content:'\f202';
color:#3cf;
}

#menu-social li a[href*="dribbble.com"]::before {
content:'\f201';
color:#ea4c89;
}

#menu-social li a[href*="plus.google.com"]::before {
content:'\f206';
color:#dd4b39;
}

#menu-social li a[href*="pinterest.com"]::before {
content:'\f210';
color:#c8232c;
}

#menu-social li a[href*="github.com"]::before {
content:'\f200';
color:#171515;
}

#menu-social li a[href*="tumblr.com"]::before {
content:'\f214';
color:#34526f;
}

#menu-social li a[href*="youtube.com"]::before {
content:'\f213';
color:#c4302b;
}

#menu-social li a[href*="flickr.com"]::before {
content:'\f211';
color:#ff0084;
}

#menu-social li a[href*="vimeo.com"]::before {
content:'\f212';
color:#1AB7EA;
}

#menu-social li a[href*="instagram.com"]::before {
content:'\f215';
color:#3f729b;
}

#menu-social li a[href*="codepen.io"]::before {
content:'\f216';
color:#000;
}

#menu-social li a[href*="linkedin.com"]::before {
content:'\f208';
color:#0e76a8;
}

#footer .credit {
line-height:1.75;
font-size:.9375rem;
text-align:center;
}

.screen-reader-text,.loop-nav .meta-nav,.comments-nav .meta-nav,.more-link .meta-nav {
position:absolute;
top:-9999em;
left:-9999em;
}

.clearfix::after,#header::after,#footer::after,.hentry::after,.entry-summary::after,.entry-content::after,.loop-nav::after,li.comment::after,li.ping::after,.gallery::after,.attachment-meta::after,.image-info::after,.audio-info::after,.video-info::after,.media-shortcode-extend::after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

a:hover,#menu-formats li a:hover::before {
opacity:0.5;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
transition:all .5s ease-in-out;
}

.comment-content pre,.comment-content th,.comment-content td {
opacity:0.95;
background:#202020;
}

.mejs-button button::after,.mejs-volume-button .mejs-volume-slider .mejs-volume-current,.mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
color:#f5f5f5;
}

.mejs-volume-button button::after,.format-audio .post-format-link::before,#menu-formats li.menu-item-audio a::before {
content:'\f109';
}

.mejs-time-rail .mejs-time-total,.mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.mejs-volume-button .mejs-volume-slider .mejs-volume-total {
background:#404040;
}

.wp-caption img,#menu-formats li {
display:inline-block;
}

#branding,.entry-header,.attachment-meta h3,#comments-number,#reply-title,#respond .log-in-out {
text-align:center;
}

.entry-title a,.entry-byline a,.entry-meta a,.comment-meta a,.comment-author a {
text-decoration:none;
}

.entry-footer,.page-links,li.comment,li.ping {
clear:both;
}

.singular-post .format-chat .entry-summary,.format-gallery .gallery-count {
font-style:italic;
text-align:center;
}

.format-link .entry-title a .meta-nav,.attachment-meta .image-gallery .gallery-caption {
display:none;
}

#menu-formats li.menu-item-home a::before,#respond label[for="url"]::before {
content:'\f409';
}

.page-template-formats .entry-content,.comments-nav .page-numbers {
font-style:italic;
}

.page-template-formats .entry-content blockquote,.page-template-formats .entry-content em,.loop-description blockquote,.loop-description em {
font-style:normal;
}

#menu-formats li.current-menu-item a::before,#respond input[type="submit"]:focus,#respond input[type="submit"]:hover {
opacity:0.5;
}

li.ping:hover,#respond input[type="text"]:focus,#respond input[type="email"]:focus,#respond input[type="url"]:focus,#respond input[type="submit"]:hover,#respond input[type="submit"]:focus,#respond textarea:focus {
opacity:1;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
transition:all .5s ease-in-out;
}

#menu-portfolio ul,#menu-social ul {
list-style:none;
text-align:center;
margin:0 0 15px;
}

@media only screen and max-width900px{
.attachment-meta .image-info,.attachment-meta .image-gallery {
width:100%;
}
}

@media only screen and min-width800px{
#menu-primary {
max-width:960px;
border-top:1px solid #d0d0d0;
margin:0 auto 13px;
}

#menu-primary .menu-toggle {
display:none;
}

#menu-primary .wrap {
display:block!important;
}

#menu-primary ul {
list-style:none;
text-align:center;
margin:0;
}

#menu-primary .menu-items {
zoom:1;
}

#menu-primary .menu-items::before,#menu-primary .menu-items::after {
content:"";
display:table;
}

#menu-primary .menu-items::after {
clear:both;
}

#menu-primary .menu-items >ul {
width:100%;
margin:60px auto;
}

#menu-primary ul ul {
opacity:0;
visibility:hidden;
position:absolute;
top:53px;
z-index:1;
text-align:left;
margin:20px 0 0;
}

#menu-primary li:hover >ul {
opacity:1;
visibility:visible;
-webkit-transition:all .35s ease-in;
-moz-transition:all .35s ease-in;
-o-transition:all .35s ease-in;
transition:all .35s ease-in-out;
margin:0;
}

#menu-primary ul ul ul {
top:0;
left:236px;
margin:0 0 0 20px;
}

#menu-primary li {
display:inline-block;
position:relative;
margin-top:-1px;
}

#menu-primary li >a::after {
content:'\f431';
display:inline-block;
padding-left:5px;
font-family:Genericons;
font-size:16px;
line-height:1;
vertical-align:top;
-webkit-font-smoothing:antialiased;
}

#menu-primary li li >a::after {
position:absolute;
right:5px;
vertical-align:middle;
-webkit-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
transform:rotate(-90deg);
}

#menu-primary li a:only-child::after {
content:'';
}

#menu-primary li a {
display:block;
font-size:.9375rem;
line-height:1;
text-decoration:none;
text-transform:uppercase;
border-top:1px solid #d0d0d0;
padding:25px 25px 12px;
}

#menu-primary ul ul li {
float:none;
display:block;
margin:0;
}

#menu-primary ul ul li a {
float:none;
display:block;
width:180px;
margin-top:0;
font-size:.8125rem;
text-transform:uppercase;
color:#e5e5e5;
background:#252525;
border:none;
opacity:0.91;
padding:12px 25px;
}

#menu-primary ul ul li a:hover {
color:#f5f5f5;
opacity:1;
}

#menu-primary-items li >ul::before {
content:'';
position:absolute;
left:25px;
top:-6px;
border-right:6px solid transparent;
border-bottom:6px solid #252525;
border-left:6px solid transparent;
}

#menu-primary-items li li >ul::before {
left:-6px;
top:18px;
margin-top:-6px;
border-top:6px solid transparent;
border-right:6px solid #252525;
border-bottom:6px solid transparent;
border-left:0;
}

#menu-primary li a:hover,#menu-primary li.current-menu-item a {
border-color:#c0392b;
}
}

@media only screen and max-width800px{
#menu-primary {
text-align:center;
margin:0 0 25px;
}

.menu-toggle {
position:relative;
display:inline-block;
cursor:pointer;
line-height:18px;
font-size:1.125rem;
color:#292929;
margin:0 auto;
}

.menu-toggle::before {
content:'\f419';
display:inline-block;
padding-right:7px;
-webkit-font-smoothing:antialiased;
font-family:Genericons;
font-size:18px;
vertical-align:top;
}

#menu-primary .wrap {
text-align:left;
clear:both;
position:relative;
width:100%;
z-index:999;
background:#404040 url(images/bg-dark.jpg);
background-size:50px 50px;
border-top:5px solid #000;
border-bottom:5px solid #c0392b;
display:none;
margin:25px auto 50px;
padding:25px 25px 0 0;
}

#menu-primary li {
color:#f5f5f5;
}

#menu-primary li a {
color:#f5f5f5;
text-transform:uppercase;
font-size:.875rem;
text-decoration:none;
}

.media-shortcode-extend {
text-align:center;
}

.media-shortcode-extend .audio-info,.media-shortcode-extend .video-info {
padding-left:25px;
padding-right:25px;
text-align:left;
}

.media-info-toggle {
float:none;
margin-left:auto;
margin-right:auto;
}

#comments {
padding-left:0;
padding-right:0;
}

.menu-toggle:hover,.menu-toggle.active,#menu-primary li a:hover {
text-decoration:underline;
}
}

@media only screen and max-width500px{
.image-info ul,.audio-info ul,.video-info ul {
list-style:none;
text-align:center;
}

.image-info .data,.audio-info .data,.video-info .data {
float:none;
display:block;
text-align:center;
}

ol.comment-list ol.children {
margin-left:25px;
}

li.comment .avatar {
display:block;
float:none;
margin:0 auto 10px;
}

li.comment .comment-meta {
text-align:center;
}

.comment-reply-link {
float:none;
display:block;
margin-left:auto;
margin-right:auto;
}
}

brought by Frontkom - Drupal CMS Experts contact: info(at)codebeautifier.com