@charset "UTF-8"; /** * YOULOOKFOR . DESIGN Stylesheet * * @project YOULOOKFOR . DESIGN - Creative Agency for crossmedia Solutions * @site http://youlookfor.us/ * @style Global CSS file for http://youlookfor.us * @media projection, screen, print, all * @note all media types are combined in this one CSS file using at(@)-rules * @date 20100630 * @lastmodified 20110629 * @package xhtml-css * @author Coding: Eduard Seifert , http://www.mindspage.de/ * @author Design: Harry Seifert , http://www.youlookfor.us/ * @author Design: Christian Kriegsheim , http://www.youlookfor.us/ * @copyright Copyright(c) 2010 - Eduard Seifert * @css-for fx, ie, opera, safari, chrome > trying to reach all a-grade browsers * @tested fx3, ie9, oper11, safari5, chrome9 */ /** * WordPress Theme Style Sheet Header Definition * @section WordPress Theme Style Sheet Header Definition * @see http://codex.wordpress.org/Theme_Development#Theme_Style_Sheet */ /* Theme Name: YOULOOKFOR . DESIGN Theme URI: http://youlookfor.us/ Description: Theme for YOULOOKFOR . DESIGN Version: v1.1 Author: Eduard Seifert Author URI: http://www.mindspage.de/ */ @media projection, screen { /** * TABLE OF CONTENTS [TOC] * (used for better navigation inside this CSS file) * * =RESET YUI | YUI 3: CSS Reset * =FONTS YUI | YUI 3: CSS Fonts * =GLOBAL STYLES * =BLOCK ELEMENTS * =META ELEMENTS * =TABLE ELEMENTS * =INLINE ELEMENTS * =LIST ELEMENTS * =FONT SIZES * =TEXT STYLES / TYPOGRAPHY * =HEADINGS * =COLORS * =LINKS / ANCHORS * =BORDERS * =FLOATS * =CLEARFIX * =WORDPRESS GENERATED CLASSES * =SKIPLINKS * =HEADER * =INDEX / =PAGE / =SINGLE * =NEWS * =SEARCH * =IMPRINT Page * =CONTACT Page * =ABOUT Page * =POST * =NAVIGATION * =FORMS * =COMMENTS * =SIDEBAR * =FOOTER * =IMAGES * =NextGEN Gallery * =EXTRAS / MISCELLANEOUS * =HELPER * =PRINT Styles */ /** * =RESET YUI | YUI 3: CSS Reset * * Copyright (c) 2010, Yahoo! Inc. All rights reserved. * Code licensed under the BSD License: * http://developer.yahoo.com/yui/license.html * version: 3.1.1 * build: 47 * * @section YUI 3: CSS Reset * @see http://developer.yahoo.com/yui/3/cssreset/ * @see http://yui.yahooapis.com/3.1.1/build/cssreset/reset-min.css */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;} /** * =FONTS YUI | YUI 3: CSS Fonts * * Copyright (c) 2010, Yahoo! Inc. All rights reserved. * Code licensed under the BSD License: * http://developer.yahoo.com/yui/license.html * version: 3.1.1 * build: 47 * * @section YUI 3: CSS Fonts * @see http://developer.yahoo.com/yui/3/cssfonts/ * @see http://yui.yahooapis.com/3.1.1/build/cssfonts/fonts-min.css */ body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} /** * =GLOBAL STYLES * @section all global styles of this site */ /** * =BLOCK ELEMENTS / XHTML Block Elements * @section XHTML Block Elements * @see http://www.w3.org/TR/2003/WD-xhtml2-20030506/mod-block-text.html * @see http://meyerweb.com/eric/thoughts/2004/09/20/fractionally-restoring-htmlcss/ */ html, body, p, div, h1, h2, h3, h4, h5, h6, form, ul, ol, dl, dt, dd, blockquote, address, pre, listing, plaintext, xmp, menu, dir, isindex, hr, map, multicol, center, frameset, marquee {display: block;} /** * html + body styles * * @note font-family * @see http://www.mediaevent.de/css/font-family.html * @see http://www.codestyle.org/css/font-family/sampler-CombinedResults.shtml * @see http://www.typechart.com/ * @note line-height: 1.5; - should be defined in body, line-height defined by YUI Fonts (use % or x.y) */ html { background: #000; color: #FFF; } body { font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; line-height: 120%; /* should be defined in body */ line-height: 1.5; height: 100%; } /* hide horizontal line */ hr { border-color: #858585; border-style: solid; border-width: 1px 0 0 0; clear: both; height: 0; display: none; } /** * =META ELEMENTS * @see http://meyerweb.com/eric/thoughts/2004/09/20/fractionally-restoring-htmlcss/ */ area, base, basefont, head, meta, script, style, title, noembed, noscript, param, noframes { display: none; } /** * =TABLE ELEMENTS / XHTML Tables Module * @section XHTML Tables Module * @see http://www.w3.org/TR/2004/WD-xhtml2-20040722/mod-tables.html * @see http://meyerweb.com/eric/thoughts/2004/09/20/fractionally-restoring-htmlcss/ */ table { display: table; border: 1px solid #363; border-collapse: collapse; border-spacing: 0; text-indent: 0; width: 100%; } caption { display: table-caption; text-align: center; } col { display: table-column; } colgroup { display: table-column-group; } tbody { display: table-row-group; } thead { display: table-header-group; } tfoot { display: table-footer-group; } th { background-color: #363; border: 1px solid #363; color: rgb(254, 245, 4); display: table-cell; font-weight: bold; padding: 0.25em; /*text-align: center;*/ vertical-align: top; } tr { display: table-row; } td { display: table-cell; padding: 0.25em; vertical-align: top; } tbody, thead, tfoot { vertical-align: middle; } .td-sep { padding-bottom: 1em; } .td-valign-middle { vertical-align: middle; } .td-valign-top { vertical-align: top; } /** * Zebra effect for tables with CSS3 and jQuery * @note use jQuery to add class .odd for old browsers * @note styles must be separated and double for IE6-8 to work nicely */ tr:nth-child(odd) td { background-color: #86B486; } tr.odd td { background-color: #86B486; } /** * =INLINE ELEMENTS / XHTML Inline Text Module * @section XHTML Inline Text Module * @see http://www.w3.org/TR/2003/WD-xhtml2-20030506/mod-inline-text.html */ strong { font-weight: bold; } cite, em, var, dfn { font-style: italic; } code, kbd, samp { font-family: monospace; } ins { text-decoration: underline; } del { text-decoration: line-through; } sub { vertical-align: -0.25em; font-size: smaller; line-height: normal; } sup { vertical-align: 0.5em; font-size: smaller; line-height: normal; } /* fix the line box to be taller than normal */ abbr, abbr[title], acronym, acronym[title] { border-bottom: dotted 1px; cursor: help; /* ! */} /** * =LIST ELEMENTS / XHTML List Module * @section XHTML List Module * @see http://www.w3.org/TR/2004/WD-xhtml2-20040722/mod-list.html */ /* unordered lists */ ul { list-style-type: square; margin: 0; padding: 0; } /* ordered lists */ ol { list-style-type: decimal; margin: 0; } /* remove top & bottom margins for nested lists */ ul ul, ul ol, ul dl, ol ul, ol ol, ol dl, dl ul, dl ol, dl dl { margin-top: 0; margin-bottom:0; } /* use type x when ul nested 2 deep */ ol ul, ul ul { /* list-style-type: circle; */ list-style-type: square; } /* use type x when ul nested 3 deep */ ol ol ul, ol ul ul, ul ol ul, ul ul ul { list-style-type: square; } /* list item */ li { display: list-item; padding: 0.25em 0; } dd { margin: 0.25em 0 0 0.5em; } #content li { list-style: inherit; list-style-position: inside; } /* Linklist with arrow */ ul.linklist { list-style-type: none; } ul.linklist li a { background: url(images/icons.gif) no-repeat scroll 0 6px transparent; display: block; padding: 0 0 0 15px; } ul.linklist li a:hover { background-position: 0 -44px; } /** * =FONT SIZES * @section Font Sizes * @note Font Sizing Chart YUI v3.x * @see http://developer.yahoo.com/yui/3/cssfonts/#fontsize * 10px = 77% * 11px = 85% * 12px = 93% * 13px = 100% * 14px = 108% * 15px = 116% * 16px = 123.1% * 17px = 131% * 18px = 138.5% * 19px = 146.5% * 20px = 153.9% * 21px = 161.6% * 22px = 167% * 23px = 174% * 24px = 182% * 25px = 189% * 26px = 197% */ /* __ 10px = 77% */ body { font-size: 77%; } /* __ 11px = 85% */ /* __ 12px = 93% */ /* __ 13px = 100% */ /* __ 14px = 108% */ /* __ 15px = 116% */ /* __ 16px = 123.1% */ /* __ 17px = 131% */ /* __ 18px = 138.5% */ /* __ 19px = 146.5% */ /* __ 20px = 153.9% */ /* __ 21px = 161.6% */ /* __ 22px = 167% */ /* __ 23px = 174% */ /* __ 24px = 182% */ /* __ 25px = 189% */ /* __ 26px = 197% */ /** * =TEXT STYLES / TYPOGRAPHY * @section Text Styles and Typography */ /* normal */ /* uppercase */ /* h1, h2, h3, h4, h5, h6 { text-transform: uppercase; } */ /** * =HEADINGS / XHTML Headings * @section XHTML Headings * @see http://www.w3schools.com/tags/tag_hn.asp */ /* General headings styles */ h1, h2, h3, h4, h5, h6 { display: block; font-weight: bold; } .post h2 { background-color: rgba(0, 0, 0, 0.7); } .post h2, .post h3 { font-size: 123.1%; font-weight: bold; text-transform: uppercase; /* margin: 1em 0; */ } .post h3 { font-size: 116%; } /* Part of content details */ .post h3 { font-size: 116%; } /** * =COLORS * @section Color Definitions */ /** * =LINKS / ANCHORS */ a:link { color: #FFF; outline: none; outline-width: 0; text-decoration: none; } a:visited { color: #FFF; text-decoration: none; outline: none; outline-width: 0; } a:hover, a:focus, a:active { color: #696969; outline: none; outline-width: 0; } /* Site navigation */ #header-slider-open a:link, #header-slider-open a:visited, #header-slider-close a:link, #header-slider-close a:visited, .pagenav-prev a:link, .pagenav-prev a:visited, .pagenav-next a:link, .pagenav-next a:visited, #pagenav-details #details-open a:link, #pagenav-details #details-open a:visited, #pagenav-details #details-close a:link, #pagenav-details #details-close a:visited, #totop a:link, #totop a:visited, #triggers li a:link, #triggers li a:visited, input.searchsubmit { color: #696969; } #header-slider-open a:hover, #header-slider-open a:focus, #header-slider-open a:active, #header-slider-close a:hover, #header-slider-close a:focus, #header-slider-close a:active, .pagenav-prev a:hover, .pagenav-prev a:focus, .pagenav-prev a:active, .pagenav-next a:hover, .pagenav-next a:focus, .pagenav-next a:active, #pagenav-details #details-open a:hover, #pagenav-details #details-open a:focus, #pagenav-details #details-open a:active, #pagenav-details #details-close a:hover, #pagenav-details #details-close a:focus, #pagenav-details #details-close a:active, #totop a:hover, #totop a:focus, #totop a:active, #triggers li a:hover, #triggers li a:focus, #triggers li a:active, input.searchsubmit:hover { color: #FFF; } /* Links in content */ .post-content a:link, .post-content a:visited, .post-content a:hover, .post-content a:focus, .post-content a:active { text-decoration: underline; } /* Links in linklist */ ul.linklist a:link, ul.linklist a:visited, ul.linklist a:hover, ul.linklist a:focus, ul.linklist a:active { text-decoration: none; } /** * =BORDERS * @section Border Definitions */ /* -moz-border-radius: 0.4em; -khtml-border-radius: 0.4em; -webkit-border-radius: 0.4em; border-radius: 0.4em; */ /** * =FLOATS * @section Floats */ .floatleft { float: left; } .floatright { float: right; } /* Clear floating Elements */ .clearleft { clear: left; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0 } .clearright { clear: right; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0 } .clearboth { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0 } .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0 } /** * =CLEARFIX Method and Clearing floats * * @section Clearing floats with Clearfix Method * @see http://www.positioniseverything.net/easyclearing.html * @see http://little-boxes.de/?p=149 * @see http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack/ * slightly enhanced, universal clearfix hack * @note REMOVED * @see http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack/#comment-70981 */ /* .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}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block} */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /* IE-Patches for Clearfix */ .clearfix { display: inline-block; } /* Hide from IE5/Mac with Commented Backslash Hack \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* END hide from IE5/Mac */ /** * =WORDPRESS GENERATED CLASSES * @section WordPress generated Classes * @see http://codex.wordpress.org/CSS */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; /* optional rounded corners for browsers that support it */ -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption a { margin: 0; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { margin: 0; padding: 0; display: none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } /** * Additional Wordpress classes generated by default * @section Additional Wordpress classes generated by default * @see http://codex.wordpress.org/CSS */ /* .categories {} .cat-item {} .current-cat {} .current-cat-parent {} .page_item {} .current_page_item {} .current_page_parent {} .widget {} .widget_text {} .blogroll {} .linkcat{} */ .pagenav{position:fixed;left:0;top:10em;z-index:10;width:70px} .pagenav-prev a,.pagenav-next a{background-color:transparent;background-image:url(images/icons.gif);background-repeat:no-repeat;background-attachment:scroll;display:block;padding:0 15px 0 0;text-align:right} .pagenav-prev a{background-position: 60px -44px} .pagenav-prev a:hover{background-position: 60px 6px} .pagenav-next a{background-position: 60px -144px} .pagenav-next a:hover{background-position: 60px -94px} /** * =SKIPLINKS */ #skiplinks { left: -9999em; list-style-type: none; margin: 0; padding:0; position: absolute; top: 0; width: 100%; z-index: 1000; } /** * =HEADER * with title, subtitle and logo */ #header { background-color: rgba(0, 0, 0, 0.7); /* border-bottom: 1px solid #696969; */ padding: 1em 7em; position: fixed; top: 0; left: 0; width: 100%; height: auto; z-index: 10; } /* Address 1 + 2 widget */ #header .part { min-width: 10%; width: 15%; float: left; padding: 0 1em; border-left: 1px solid #696969; } #header .part h4 { font-weight: normal; text-transform: uppercase; } /* IE6 Hack */ * html #header .part { width: 15%; } #header .headline { min-width: 20%; text-transform: uppercase; padding-left: 0.25em; border: none; } #header .headline h1 { font-size: 131%; margin-bottom: 1em; /* text-shadow: 1px 1px 2px rgba(255, 255, 255, .7); */ } #header #address2{width:14%} #header #address2{width:12%} #header .part.navigation2{width:14%} #header .part.google-plusone{width:5%} /* open & close navigation */ #header-slider-open, #header-slider-close { left: 0; z-index: 20; width: 70px; } #header-slider-open { display: none; position: fixed; top: 2em; } #header-slider-close { position: fixed; top: 5em; } #header-slider-open a, #header-slider-close a { background-color: transparent; background-image: url(images/icons.gif); background-repeat: no-repeat; background-attachment: scroll; display: block; padding: 0 15px 0 0; text-align: right; } #header-slider-close a { background-position: 60px -246px; } #header-slider-close a:hover { background-position: 60px -196px; } #header-slider-open a { background-position: 60px -346px; } #header-slider-open a:hover { background-position: 60px -296px; } /** * =INDEX / =PAGE / =SINGLE * @section Structure for index.php, page.php, single.php */ #container { margin: 0; padding: 0; min-width: 960px; } #content { margin: 13em 7em 5em; /*margin-bottom: 2em;*/ /* min-width: 760px; */ /* width: 85%; */ /* max-width: 80%; */ } /* @TODO */ .admin-edit a { background-color: #000; border: 1px solid #FFF; -moz-border-radius: 0.4em; -khtml-border-radius: 0.4em; -webkit-border-radius: 0.4em; border-radius: 0.4em; font-weight: normal; font-size: 100%; text-transform: none; margin-left: 1em; padding: 0.25em; /* -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); */ } .admin-edit a:hover { border: 1px solid #696969; } .admin-edit { display: none; } /* Thumbnails on home */ #content .thumbnails { float: left; width: 250px; height: 150px; border-right: 1px solid #000; border-bottom: 1px solid #000; } .boxgrid { width: 250px; height: 150px; float:left; overflow: hidden; position: relative; } .boxgrid img { position: absolute; top: 0; left: 0; border: 0; } .boxgrid h2 { padding: 0.5em; font-size: 123.1%; font-weight: bold; text-transform: uppercase; position: absolute; bottom: 50px; left: 0; } .boxgrid p { padding: 0.5em; position: absolute; bottom: 0; left: 0; } .boxcaption{ float: left; position: absolute; background: #000; height: 150px; width: 100%; opacity: .9; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); /* For IE 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } .cover { top: -150px; position: relative; } /* normal Text */ .post p { margin-bottom: 1em; } /* Project details */ .post.single h2{background-color:rgba(0,0,0,0.7);display:none;padding:10px 150px 10px 15px;position:fixed;right:0;top:9.75em;width:500px} .details{background-color:rgba(0,0,0,0.7);display:none;padding:10px 150px 10px 15px;position:fixed;right:0;top:15.5em;width:500px} /* open & close project details */ #pagenav-details{position:fixed;left:0;top:15.5em;text-align:right;width:70px;z-index:10} #pagenav-details #details-open,#pagenav-details #details-close{height:1.5em} #pagenav-details #details-open{top:13em} #pagenav-details #details-close{top:15em} #pagenav-details #details-open a,#pagenav-details #details-close a{background-color:transparent;background-image:url(images/icons.gif);background-repeat:no-repeat;background-attachment:scroll;display:block;padding:0 15px 0 0} /* #pagenav-details #details-open a{background-position:60px -144px} #pagenav-details #details-open a:hover{background-position:60px -94px} #pagenav-details #details-close a{background-position:60px -44px} #pagenav-details #details-close a:hover{background-position:60px 6px} */ #pagenav-details #details-open a{color:#FFF!important;background-position:60px -94px} #pagenav-details #details-open a:hover{color:#696969!important;background-position:60px -144px} #pagenav-details #details-close a{color:#FFF!important;background-position:60px 6px} #pagenav-details #details-close a:hover{color:#696969!important;background-position:60px -44px} #pagenav-details a:visited:hover{color:#FFF!important} /** * =NEWS * @section Structure for News on index.php */ .news{margin:0 auto 16em auto;position:relative;width:640px} .news h2{border-bottom:1px solid #696969;margin:0 0 1em 0} .news .meta{background:transparent;display:block;font-size:77%;margin:0;padding:0;text-align:right;position:absolute;top:0;right:0} .news ul.linklist { margin: 10px 0; } .news ul.linklist li a { display: inline; } .single.news h2 { background-color: transparent; display: block; padding: 0; position: static; right: auto; top: auto; width: auto; } /** * =SEARCH * @section Structure for search.php */ /* Search results */ #content .search { width: 75%; } #content .search h2 { border-bottom: 1px solid #696969; margin-bottom: 2em; } #content .search img { width: 15%; height: 15%; display: none; } #content .search .col { margin: 2em 0; } #content .search .details { display: block; margin: 0 0 1em; padding: 0; position: inherit; width: auto; } #content .search { margin-bottom: 5em; } /* if excerpt */ #content .search a.readmore { background-color: transparent; background-image: url(images/icons.gif); background-position: 0 6px; background-repeat: no-repeat; background-attachment: scroll; display: block; margin: 3em 0; padding: 0 0 0 15px; text-decoration: none; } #content .search a.readmore:hover { background-position: 0 -44px; } /** * =IMPRINT Page */ .imprint .post-content { margin: 2em 0 0; } .imprint .post-content strong { color: #696969; font-weight: normal; } .imprint .cols .col { float: left; margin: 0 4em 0 0; min-width: 25em; width: 30%; } .imprint .cols .col.last { margin-right: 0; } .imprint .cols .col .part p { float: left; width: 50%; } /** * =CONTACT Page */ .contact .post-content h3 { font-size: 123.1%; } .contact .post-content .part { float: left; margin: 0 5em 0 0; width: 35em; } .contact .post-content .part .section { margin: 0 0 4em; } .contact .post-content .part .section h2 { margin: 0 0 2em; } .contact .post-content .part .address p { float: left; width: 50%; } /** * Contact Form 7 * @see http://wordpress.org/extend/plugins/contact-form-7/ * @see http://contactform7.com/ */ .wpcf7 { margin: 4em 0 0 0; padding: 0; width: 35em; } /* Input fields */ .wpcf7 label { color: #696969; display: inline-block; /* width: 5em; */ margin: 0 1em 0 0; } .wpcf7 input { background-color: transparent; border: none 0; color: #FFF; padding: 0.1em; /* width: 30em; */ } .wpcf7 p { border-bottom: 1px solid #696969; margin: 0 0 2em; padding: 0 0 .5em; } .wpcf7 p.noborder { border: none; } /* .wpcf7 input:hover, .wpcf7 input:focus { border-bottom: 1px solid #FFF; margin: 0 0 -1px 0; } */ .wpcf7 textarea { background-color: transparent; border: 1px solid #696969; color: #FFF; margin: 0.5em 0 0; padding: 0.1em; width: 35em; } /* .wpcf7 textarea:hover, .wpcf7 textarea:focus { border: 1px solid #FFF; } */ .wpcf7 .wpcf7-quiz-label { color: #696969; display: inline-block; } .wpcf7 input.submit { color: #696969; border: none; cursor: pointer; margin: 2em 0 0 -4px; text-transform: uppercase; font-size: 85%; width: auto; } .wpcf7 input.submit:hover { color: #FFF; } .wpcf7-form-control-wrap { position: relative; } .wpcf7-not-valid-tip { background: transparent url(images/icons.gif) no-repeat scroll 0 6px; display: block; padding: 0 0 0 15px; } /* .wpcf7-not-valid-tip-no-ajax { color: #f00; font-size: 10pt; display: block; } */ .wpcf7-list-item { margin-left: 0.5em; } /* Response */ .wpcf7-response-output { background: transparent url(images/icons.gif) no-repeat scroll 0 6px; display: block; padding: 0 0 0 15px; } /* .wpcf7-validation-errors {} .wpcf7-mail-sent-ok {} .wpcf7-mail-sent-ng {} .wpcf7-spam-blocked {} */ .wpcf7-display-none { display: none; } /* Response image loader */ .ajax-loader { border: none; vertical-align: middle; } /** * =ABOUT Page */ .about .post-content h3{font-size:123.1%} .about .post-content h4{font-size:108%;text-transform:uppercase;margin:0 0 1em} .about .cols{margin:2em auto 5em auto;width:70%} .about .cols .col{float:left;margin:0 3% 0 0;width:31.3%} .about .cols .col.last{margin-right:0} .about .cols.staff h2{font-size:123.1%} .about .cols h2,.about .cols h3{font-size:108%;text-transform:uppercase;margin:0 0 1em} .about .cols .col .ngg-singlepic{width:100%} /** * =POST * @section Structure for post.php */ /* .meta { background-color: rgba(0, 0, 0, 0.7); font-size: 77%; text-align: right; padding: 0.5em 1em; display: none; } */ /* .single .meta, .page .meta { position: fixed; bottom: 5em; right: 0; margin-top: 2em; } */ /* .post.index .meta { position: absolute; bottom: -15em; right: -9em; } */ /* .meta p { margin-bottom: 0; } */ /** * =NAVIGATION * @section Top Navigation */ #header .navigation1 ul { width: 100%; } #header .navigation1 li { float: left; text-transform: uppercase; font-weight: bold; min-width: 4em; width: 30%; } /* Work, Cat-ID 9 */ #header .navigation1 li.cat-item-9 { text-align: left; } /* About, Page ID 2 */ #header .navigation1 li.page-item-2 { text-align: center; } /* News, Cat-ID 1 */ #header .navigation1 li.cat-item-1 { text-align: right; } /* Triggers */ #header .navigation1 ul#triggers li { margin: 0 1em 0 0; min-width: 0; width: auto; } #triggers li a { text-transform: uppercase; font-size: 85%; outline: none; outline-width: 0; } #header .navigation2 ul { width: 100%; } #header .navigation2 li { float: left; text-transform: uppercase; font-weight: bold; width: 50%; } /** * =FORMS * @section Form input fields */ /** * Searchform * @section Searchform Styles (searchform.php) */ select, input, button, textarea { font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; /* vertical-align: middle; */ } legend { display: none; } input#s { width: 50%; color: #FFF; } input#s, input.searchsubmit { background-color: transparent; border: none; border-bottom: 1px solid #696969; padding: 0.1em; } input#s:hover, input#s:focus { border-bottom: 1px solid #FFF; } /* Submit button */ input.searchsubmit { border: none; cursor: pointer; margin: 0 0 0 -4px; text-transform: uppercase; font-size: 85%; } /* Searchform on search.php */ input#s2 { background-color: transparent; border: none; border-bottom: 1px solid #696969; color: #FFF; padding: 0.1em; width: 30%; } input#s2:hover, input#s2:focus { border-bottom: 1px solid #FFF; } /** * =COMMENTS * @section Comments Styles */ /** * =SIDEBAR * @section Sidebar Styles (sidebar.php) */ /** * =FOOTER * @section Footer Styles (footer.php) */ #footer { background-color: rgba(0, 0, 0, 0.7); font-size: 100%; font-weight: bold; position: fixed; bottom: 0; right: 0; padding-right: 1em; text-align: right; text-transform: uppercase; width: 100%; z-index: 10; } /** * =IMAGES * @section Images Styles */ /** * =NextGEN Default Gallery Stylesheet */ .ngg-galleryoverview { overflow: hidden; margin-top: 10px; width: 100%; clear: both; display: block !important; } .ngg-galleryoverview .desc { /* required for description */ margin: 0 10px 10px 0; padding: 5px; } .ngg-gallery-thumbnail-box { float: left; } .ngg-gallery-thumbnail { float: left; margin-right: 5px; text-align: center; } .ngg-gallery-thumbnail img { display:block; margin: 0.5em; position:relative; } .ngg-gallery-thumbnail span { /* Images description */ font-size: 90%; padding-left: 5px; display: block; } .ngg-clear { clear: both; } /** * NextGEN Default Single Pictures */ .single .ngg-singlepic { display: block; min-width: 50%; width: 75%; max-width: 800px; /* max-width: 1000px; */ height: auto; /* margin: 0.5em auto; */ margin: 0 auto 2em auto; } .single.news .ngg-singlepic { margin: 0 0 2em; width: auto; } .post.news .ngg-singlepic { margin: 0 0 2em; width: auto; } .page .ngg-singlepic { display: block; margin: 0.5em auto; } .ngg-left { float: left; margin-right: 1em; } .ngg-right { float: right; margin-left: 1em; } .ngg-center { margin-left: auto !important; margin-right: auto !important; } /** * =EXTRAS / MISCELLANEOUS * @section Extras and Miscellaneous */ /* back to top link */ #totop { position: fixed; left: 0; bottom: 3em; text-align: right; z-index: 10; width: 70px; } #totop a { background: #000 url(images/icons.gif) no-repeat scroll 60px -245px; display: block; padding: 0 15px 0 0; } #totop a:hover { background-position: 60px -195px; } /** * wordTube Plugin by alex.rabe * @see http://alexrabe.de/wordpress-plugins/wordtube/ * @see http://wordpress.org/extend/plugins/wordtube/ */ .post.single .wordtube { text-align: center; } .wordtube { margin: 20px 0; } /** * Detect IE6 Overlay * @section Detect IE6 Overlay * @note further config see JS function */ #detectIE { background: #000; color: #FFF; font-size: 100%; margin: 10em 0; position: absolute; top: 0; left: 0; border: 5px solid red; border-left: none; border-right: 0; height: auto; width: 100%; z-index: 5000; } #detectIE-wrapper { margin: 4em 10em 5em 10em; } #detectIE h2 { font-size: 153.9%; margin: 0 0 1em; } #detectIE .welcome, #detectIE .browsers { float: left; } #detectIE .welcome { margin-right: 2em; } #detectIE .browsers { margin-bottom: 2em; } #detectIE .browsers li { line-height: 28px; } #detectIE .browsers li a { background-color: transparent; background-image: url(images/icons.gif); background-repeat: no-repeat; background-attachment: scroll; display: block; height: 28px; padding: 0 0 0 32px; } #detectIE .browsers li a.chrome { background-position: 0 -450px; } #detectIE .browsers li a.firefox { background-position: 0 -550px; } #detectIE .browsers li a.ie8 { background-position: 0 -650px; } #detectIE .browsers li a.opera { background-position: 0 -750px; } #detectIE .browsers li a.safari { background-position: 0 -850px; } /** * =HELPER * CSS Helper Classes (Hilfsklassen) */ /* Hiding elements (display: none) */ .hide { display: none; } /* Offscreen position for elements to remove from view range */ .skip,.offscreen,.screen-reader-text{position:absolute;left:-9999em!important;top:-9999em!important} /* Debugging */ .debug, .warning { background-color: #FFBABA; border: 1px solid; color: #D8000C; -moz-border-radius: 0.4em; -khtml-border-radius: 0.4em; -webkit-border-radius: 0.4em; border-radius: 0.4em; margin: 0.5em 0; padding: 0.25em; } /** * jQuery ToolTip * @section jQuery ToolTip * @see http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/ * @note Path: /mindspage/js/jquery/plugins/jquery-tooltip/jquery.tooltip.js */ #tooltip{position:absolute;z-index:3000;background-color:rgba(0,0,0,0.7);color:#FFF;/*font-size:93%;*/padding:5px;text-transform:none;/*max-width:500px*/} #tooltip h3{font-weight:normal;margin-right:0.5em} } /* END @media projection, screen */ /** * =PRINT Styles * @section Styles for Print (@media print) * @see http://www.alistapart.com/articles/goingtoprint/ */ @media print { html, body { background: #FFF; color: #000; font-size: 10pt; } /** * Show Links URL * @note Show links url after text on print preview and print output. * @note a[href]:after { content: " [Adresse (a[href]): "attr(href)"]"; } */ a:link, a:visited { color: #520; background: transparent; font-weight: bold; text-decoration: underline; } a[href]:after { content: " ["attr(href)"]"; } a:link:after, a:visited:after { content: " ["attr(href)"]"; font-size: 90%; } /** * Bugfix Print Preview * @section Bugfix Print Preview * @note * set overflow: hidden and overflow: auto to overflow: visible * to get pages not cut ! * Syntax: tag { overflow: visible !important; } * @see http://www.yaml.de/develop/ff_overflow.html */ } /* END @media print */