/* ---------------------------------------- Theme Name: mybasic4 Theme URI: http://www.thinkwithstyle.com/wp_content/themes Description: thinkwithstyle theme Version: 1.2 Author: Robert Rusanu Author URI: http://robertworks.de Last Modified: 2008.06.25 Provides: Theme definition file for WordPress ---------------------------------------- */ @import url("design/styles/default/print.css"); body {font: normal 12px/1.8 "courier new", georgia, times, serif;color:#444;background:#fff} body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,blockquote,pre,td,th,table{margin:0;padding:0} #wrapper,#sidebar_a, #footer {font-size:1em} /* 1em = 11px */ ul, ol, li {list-style:none} p,li,dd,dt,em,strong,blockquote,a,td,th {font-size:1em;font-weight:normal;font-style:normal;} th, strong, b {font-weight:bold} em, i {font-style:italic} code {color:#aaa;font-size:1.2em;} blockquote {padding:10px;margin:10px 10px 10px 0;display:block;border-left:1px dotted #ccc;background:#eee} h1, h2, h3, h4, h5, h6 {font-variant:small-caps;margin:5px 0;font-weight:normal;color:#000;font-size:1.4em;font-family:"Inconsolata", Consolas, Monaco, sans-serif} h1, h2 {margin:0} h3, h4, h5, h6 {font-size:1.2em} hr {display:none} .left {float:left} .right {float:right} .clearfix:after, .comment:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix, .comment{ display: inline-block; } html[xmlns] .clearfix, html[xmlns] .comment { display: block; } * html .clearfix, * html .comment{ height: 1%; } a {color:#aaa;text-decoration:none} a:hover {text-decoration:underline;color:#777} a:link,a:visited,a:hover,a:active {outline:0} img {border:none} pre {font-size:1em;font-family:courier, arial, sans-serif;padding:5px;border:1px solid #ddd;background:#fafafa;overflow:auto;letter-spacing:-1px} pre.html {color:blue} pre.css {color:green} /* main layout */ #wrapper {width:620px;margin:55px auto auto 35px;position:relative;float:left;display:inline;background:transparent} #header,#footer{float:left;width:600px;padding:0 5px;background:transparent/*url(design/images/header.jpg) bottom left no-repeat*/;position:relative} #main {float:left;width:600px;padding:3em 5px; display:inline; background:transparent; position:relative;} #footer {clear:both;display:inline;margin-left:195px;padding:10px 0 40px 0} #sidebar_a{float:left;width:160px;margin-top:55px;padding:0 5px 10px 5px;line-height:1.4;background:#fff;} #banners {position:absolute;left:840px;top:55px;width:160px;overflow:hidden} #pages a {text-transform:uppercase} #pages a:hover,#pages li.current_page_item a{color:#222} /* header*/ #header h1 {float:left;font-size:2.8em;line-height:1;font-variant:normal} #header h1 a{color:#111;text-transform:lowercase;letter-spacing:-2px} #header h1 a:hover{color:#aaa;text-decoration:none} #header h2 {float:left;clear:left;margin:0;font:normal 1em/1 "Inconsolata", Consolas, Monaco, sans-serif;color:#999;display:inline;padding-bottom:4em} #metanav {float:right;font-size:.9em;width:150px;display:inline;padding-bottom:20px} #metanav li {float:left;width:150px;position:relative} #metanav a {float:right;padding:2px 0 2px 5px;background:transparent;color:#222;text-decoration:none;} #metanav li.feed a{background-image:url(design/images/feed.gif);background-position: right center;background-repeat: no-repeat;padding-right:20px} #metanav a:hover {text-decoration:underline} /* main*/ #main p{font-family:"courier new", georgia, times, serif;font-size:1.1em} #main a {text-decoration:underline;color:#aaa} #main a:hover {text-decoration:none} .item {float:left;width:600px;border-top:1px solid #ccc;padding:10px 0 0 0;clear:both;margin-bottom:3em} .item div,.comments form{float:right;width:445px;} .item div div {width:auto;float:none} .item p {padding:5px 0} .item img {float:left;margin:5px 5px 5px 0;padding:5px;border:1px solid #eee} .item p.item_actions {float:left;width:445px;padding:5px 0;padding-left:155px;display:inline;font-size:.95em;} .item div p.item_actions {margin-left:0;padding-left:0;} .item h3.item_title,.item h3.page_title, h3.archive{float:left;width:600px;font-size:1.6em;margin-top:0;font-weight:normal;} .item h4.workcat {font-weight:normal;font-size:1.6em;border:none;margin:0;padding:0} .item h3.page_title {width:140px;text-transform:lowercase} #main .item h3.item_title a {float:right;width:445px;color:#202020} .item h3.item_title span {float:left;width:140px;font-weight:normal;font-size:.7em;line-height:1.2;text-align:right} .item h3.item_title span cite {display:block} .item h3.item_title span a {float:none;width:auto} .item div h2, .item div h3,.item div h4 {margin-bottom:0;padding-top:3px;} .item .more-link {display:block;margin:5px 0} .comments {clear:both;padding:5px 0;border-top:1px dotted #fff} .navigator {float:left;width:600px;clear:both;padding:5px 0;} .navigator span {width:290px} .navigator span.right {text-align:right} .comments h4 {padding-left:150px;} .comments h4 em {color:#202020} .comments ol {border-bottom:1px solid #ddd;padding-bottom:0;margin-bottom:5px} .comments ol li {margin:0;padding:10px 5px;border-top:1px solid #ddd;} .comments ol li.alt {background:#f7f7f7} .comments ol li address{float:left;width:140px;margin-right:10px;display:inline;font-size:.9em;color:#202020;text-align:right} .comments ol li address a,.comments ol li address cite {display:block} .comments ol li div{float:left;width:435px;} .comments form p {margin-bottom:5px} #copy {padding:5px 0 50px 150px;width:790px;background:transparent;clear:both;float:left;color:#ccc;position:relative;} p.item_actions {padding:5px} /* #sidebar_a,#sidebar_b */ #sidebar_a h2,#sidebar_a h3,#sidebar_a h4,#sidebar_b h2,#sidebar_b h3,#sidebar_b h4 {margin-bottom:5px;font-weight:normal;font-size:1.3em;border-bottom:1px solid #ddd;} #sidebar_a li ul {padding-bottom:3px} #sidebar_a li li, #sidebar_b li li {margin-bottom:10px} #footer li {display:inline;margin-right:10px} #sidebar_a li.widget_pages a {text-transform:uppercase} #sidebar_a li.widget_pages .current_page_item a {color:#777;text-decoration:underline} /* forms*/ input, textarea {padding:2px;border:1px solid #ccc;outline:0;font-size:1.2em !important;} #searchform input,input.submit {cursor:pointer;background:#666;color:#fff;font-size:.9em !important;overflow:visible;width:auto} input#s {width:122px;margin-right:2px;line-height:1;font-size:.9em;padding:3px 2px;cursor:text;background:#fff;color:#444} #sidebar_b input.submit {width:50px;line-height:1;font-size:.9em} #sidebar_b input.submit:hover,#sidebar_b input.submit:focus {border-color:#777;background:#777} #main textarea {width:440px;font-family:courier, "courier new", monospace} #main textarea#message {width:420px} #searchform br {display:none} #gb_form_div label span, #gb_form_div legend small span,#commentform span {font-size:12px;color:#202020} #gb_form_div label small.whythis a {text-decoration:none} #gb_form_div label small.whythis a:hover {background:transparent;color:#fff} #gb_form_div label small.whythis a span {color:#202020;visibility:hidden} #gb_form_div label small.whythis a:hover span {visibility:visible} /* widgets */ #sidebar_a li.current_language_item a,#sidebar_b li.current_language_item a {font-weight:bold} table#wp-calendar {width:99%;float:left} table#wp-calendar caption {text-align:left;font-weight:bold} table#wp-calendar td {text-align:center;border:1px solid #ddd;background:#fff;color:#666} table#wp-calendar td.pad {border:0;background:transparent} table#wp-calendar td#today {font-weight:bold;background:#eee;border-color:#777} table#wp-calendar a {color:#777;font-weight:bold;display:block;background:#ddd} table#wp-calendar a:hover {color:#666;background:#fff} /* individual sections or pages * ul#works */ /* .item .works {float:left;width:445px;clear:both;margin-bottom:15px} .item .works li {float:left;clear:both;width:445px;padding:8px 0;border-bottom:1px dotted #ddd} .item .works h4 {border:none;float:left;width:140px;margin:0 10px 0 0;padding:0;display:inline;font-size:1.1em;text-transform:lowercase} .item .works h4 a {color:#202020;padding:55px 0 0 0;background-repeat:no-repeat;float:left;width:140px} .item .works dl {float:left;width:295px} .item .works dt {font-style:italic;line-height:1} .item .works dd {margin-bottom:5px;color:#777} .item .works dd a {color:#202020} ul.works.aicomm li,ul#works.freelance li {background:transparent} ul.works li:hover {background-color:#fafafa} ul.works.freelance li:hover {background-color:#fafafa} ul.works li h4 a {background-image:url(design/images/sites/noimg.jpg)} ul.works li#eurk h4 a{background-image:url(design/images/sites/euro.jpg)} ul.works li#helv h4 a{background-image:url(design/images/sites/helv.jpg)} ul.works li#buec h4 a{background-image:url(design/images/sites/buec.jpg)} ul.works li#smar h4 a{background-image:url(design/images/sites/smar.jpg)} ul.works li#pipe h4 a{background-image:url(design/images/sites/pipe.jpg)} ul.works li#dnep h4 a{background-image:url(design/images/sites/dnep.jpg)} ul.works li#irus h4 a{background-image:url(design/images/sites/irin.jpg)} ul.works li#video h4 a{background-image:url(design/images/sites/vide.jpg)} ul.works li#slas h4 a{background-image:url(design/images/sites/slas.jpg)} ul.works li#meie h4 a{background-image:url(design/images/sites/meie.jpg)} ul.works li#kabu h4 a{background-image:url(design/images/sites/kabu.jpg)} ul.works li#trus h4 a{background-image:url(design/images/sites/trus.jpg)} ul.works li#jodi h4 a{background-image:url(design/images/sites/jodi.jpg)} ul.works li#groh h4 a{background-image:url(design/images/sites/groh.jpg)} ul.works li#gral h4 a{background-image:url(design/images/sites/gral.jpg)} ul.works li#stylefruits h4 a{background-image:url(design/images/sites/stylefruits.jpg)} ul.works li#xcstats h4 a{background-image:url(design/images/sites/xcstats.jpg)} ul.works li#bugcollect h4 a{background-image:url(design/images/sites/bugcollect.jpg)} ul.works li#psychotherapie h4 a{background-image:url(design/images/sites/psychotherapie.jpg)} ul.works li#karola h4 a{background-image:url(design/images/sites/karola.jpg)} ul.works li#bde h4 a{background-image:url(design/images/sites/bde.jpg)} ul.works li#worm h4 a{background-image:url(design/images/sites/worm.jpg)} ul.works li#thalia h4 a{background-image:url(design/images/sites/thalia.jpg)} ul.works li#brandenburg h4 a{background-image:url(design/images/sites/brandenburg.jpg)} ul.works li#lerntherapie h4 a{background-image:url(design/images/sites/lerntherapie.jpg)} ul.works li#scriptito h4 a{background-image:url(design/images/sites/scriptito.jpg)} ul.works li#ag h4 a{background-image:url(design/images/sites/ag.jpg)} ul.works li#doerre h4 a{background-image:url(design/images/sites/doerre.jpg)} ul.works li#anca h4 a{background-image:url(design/images/sites/anca.jpg)} ul.works li#zunflower h4 a{background-image:url(design/images/sites/zunflower.jpg)} ul.works li#riechelmann h4 a{background-image:url(design/images/sites/riechelmann.jpg)} ul.works li#knoll h4 a{background-image:url(design/images/sites/knoll.jpg)} ul.works li#rundfertig h4 a{background-image:url(design/images/sites/rundfertig.jpg)} ul.works li#kobs h4 a{background-image:url(design/images/sites/kobs.jpg)} */ .item .works {margin-bottom:15px;position:relative;} ul.works li {float:left;margin: 0 0 2px 2px;display:inline;} ul.works li div {position:absolute;z-index:auto;visibility:hidden;left:-155px;top:53px;width:140px;background:#fff;line-height:1.2} ul.works li div li {float:none;margin:0} ul.works li:hover div {visibility:visible;} .item .works h4 {margin:0 0 15px 0;padding:0;text-transform:lowercase;font-variant:normal} .item .works dt {font-style:italic;line-height:1} .item .works dd {margin-bottom:5px;color:#777} .item .works dd a {color:#202020} ul.works li a {width:85px;height:50px;float:left;text-indent:-9999px;background-image:url(design/images/sites/noimg.jpg);border:1px solid #ddd;} ul.works li div a {width:auto;height:auto;float:none;background:none;text-indent:0;border:none} ul.works li a:hover {border-color:#aaa} ul.works li#dubro a{background-image:url(design/images/sites/dubro.jpg)} ul.works li#eurk a{background-image:url(design/images/sites/euro.jpg)} ul.works li#helv a{background-image:url(design/images/sites/helv.jpg)} ul.works li#buec a{background-image:url(design/images/sites/buec.jpg)} ul.works li#smar a{background-image:url(design/images/sites/smar.jpg)} ul.works li#pipe a{background-image:url(design/images/sites/pipe.jpg)} ul.works li#dnep a{background-image:url(design/images/sites/dnep.jpg)} ul.works li#irus a{background-image:url(design/images/sites/irin.jpg)} ul.works li#video a{background-image:url(design/images/sites/vide.jpg)} ul.works li#slas a{background-image:url(design/images/sites/slas.jpg)} ul.works li#meie a{background-image:url(design/images/sites/meie.jpg)} ul.works li#kabu a{background-image:url(design/images/sites/kabu.jpg)} ul.works li#trus a{background-image:url(design/images/sites/trus.jpg)} ul.works li#jodi a{background-image:url(design/images/sites/jodi.jpg)} ul.works li#groh a{background-image:url(design/images/sites/groh.jpg)} ul.works li#gral a{background-image:url(design/images/sites/gral.jpg)} ul.works li#stylefruits a{background-image:url(design/images/sites/stylefruits.jpg)} ul.works li#xcstats a{background-image:url(design/images/sites/xcstats.jpg)} ul.works li#bugcollect a{background-image:url(design/images/sites/bugcollect.jpg)} ul.works li#psychotherapie a{background-image:url(design/images/sites/psychotherapie.jpg)} ul.works li#karola a{background-image:url(design/images/sites/karola.jpg)} ul.works li#bde a{background-image:url(design/images/sites/bde.jpg)} ul.works li#worm a{background-image:url(design/images/sites/worm.jpg)} ul.works li#thalia a{background-image:url(design/images/sites/thalia.jpg)} ul.works li#brandenburg a{background-image:url(design/images/sites/brandenburg.jpg)} ul.works li#lerntherapie a{background-image:url(design/images/sites/lerntherapie.jpg)} ul.works li#scriptito a{background-image:url(design/images/sites/scriptito.jpg)} ul.works li#ag a{background-image:url(design/images/sites/ag.jpg)} ul.works li#doerre a{background-image:url(design/images/sites/doerre.jpg)} ul.works li#anca a{background-image:url(design/images/sites/anca.jpg)} ul.works li#zunflower a{background-image:url(design/images/sites/zunflower.jpg)} ul.works li#riechelmann a{background-image:url(design/images/sites/riechelmann.jpg)} ul.works li#knoll a{background-image:url(design/images/sites/knoll.jpg)} ul.works li#rundfertig a{background-image:url(design/images/sites/rundfertig.jpg)} ul.works li#kobs a{background-image:url(design/images/sites/kobs.jpg)} ul.works li#opel a{background-image:url(design/images/sites/dibas-opel.jpg)} ul.works li#chev a{background-image:url(design/images/sites/dibas-chev.jpg)} ul.works li#ravensburer a{background-image:url(design/images/sites/ravensburger.jpg)} /* * dropdown1 */ .item div.test {float:left;width:446px} .item #list h2 {font-size:1.2em;font-family:"Inconsolata", Consolas, Monaco, sans-serif;letter-spacing:-.05em;border:none;margin:0} .item #list a {color:#c30;text-decoration:none} .item div.info {float:none;width:140px;color:#444} ul#list {width:444px;border-width:1px;border-style: solid none;border-color:#ddd;} ul#list li {border-bottom:1px solid #ddd;padding:.4em;float:left;width:138px;background:#fff;border-left:1px solid #eee;position:relative} .item #list .info p a.close {text-align:right;display:block} .hide .info{display:none;position:absolute;top:4em;left:0;z-index:100;background:#eee;padding:5px;border:1px solid #202020;font-size:.9em} .show h2 a:hover {text-decoration:none;cursor:text} .show .info .close {display:none !important} /* * css3 selectors*/ #css3selectors {float:left;clear:both;width:445px;} #css3selectors li {float:left;width:445px;} #css3selectors li li {padding:5px;margin:5px 0;background:#f1f1f1;border:1px solid #ccc;float:left;clear:both;width:433px;} #css3selectors li li a {display:none} #css3selectors.hide li li a {display:block} #css3selectors dt {color:#333} .item #css3selectors li div.info {width:435px;position:static;padding:0;border:0} .item #css3selectors.hide li div.info {width:420px;background:#fff;padding:5px} .item #css3selectors.hide li div.info div {font-style:italic;padding:10px 5%;line-height:1.4;width:80%} #css3selectors dd code {display:block;margin:5px 0} #main .item #css3selectors li p {padding:0;font-size:1em;line-height:1.2;margin:5px 0} #css3selectors li li li {float:none;padding:0;margin:0;background:transparent;border:none;clear:none;width;auto} #css3selectors li li li a {display:block} #selectdiv1 p[class^="bar"] {color:red} #selectdiv2 p[class*="bar"] {color:red} #selectdiv3 p[class$="bar"] {color:red} html:root #selectdiv4 p:first-child{color:red} #selectdiv5 p:nth-child(2n){color:green} #selectdiv5 p:nth-child(2n+1){color:red} #selectdiv6 p:nth-last-child(2n){color:green} #selectdiv6 p:nth-last-child(2n+1){color:red} #selectdiv7 p:nth-of-type(3) {color:red} #selectdiv7 p:nth-of-type(2n+1) {font-weight:bold} #selectdiv8 p:nth-last-of-type(1) {color:red} #selectdiv8 p:nth-last-of-type(3) {font-weight:bold} #selectdiv9 p:last-child {color:red} #selectdiv10 p:first-of-type {color:red} #selectdiv11 p:last-of-type {color:red} #selectdiv12 :only-child {color:red} #selectdiv121 :only-child {color:red} #selectdiv13 p:only-of-type {color:red} #selectdiv131 :only-of-type {color:red} #main .item #css3selectors p:empty,#main .item #css3selectors div:empty {padding:50px 0} /*#main .item #css3selectors #selectdiv14 p:empty {padding:50px 0}*/ #selectdiv15 :target {background:#fc3} #selectdiv16 :enabled {border:1px solid red} #selectdiv16 :disabled {border:1px solid blue} #selectdiv17 input:checked {border:1px solid red} #selectdiv18 ::selection {color:red} #selectdiv19 :not(.some_class) {color:red} #selectdiv20 h3 ~ p,#selectdiv201 h3 ~ p {color:red} #selectdiv201 h3.blue ~ p {color:blue} #gb_form legend#mainlegend {font-family:georgia, times, serif !important} #gb_form legend#mainlegend small {font-size:.9em !important} input.short, input.med, select.med, textarea.textbox, textarea {font-family:arial, helvetica, sans-serif !important} #wrapper ol.cf-ol li {clear:both;padding:2px 0} #wrapper .cform label { float:left; margin:0 10px 0 0; text-align:left; vertical-align:top; width:120px; } #wrapper .cf_li_err label {color:#c30} #wrapper .cf_li_err input, #wrapper .cf_li_err textarea {border-color:#c30} #wrapper .cf_li_err input.cf-box-b {border:none} #wrapper .cform label span {width:120px} #wrapper .cform textarea, #wrapper .cform input { width:270px; } #main img#cf_captcha_img {padding:0;border:none;margin: 0 2px} #main img.captcha-reset {height:24px;width:24px;padding:0;margin:0} #wrapper .cform input#cforms_captcha {width:109px;float:left} #wrapper input.cf-box-b {width:auto} #wrapper span.reqtxt, #wrapper span.emailreqtxt { display:block; font-size:0.85em; margin:0 0 0 130px; vertical-align:top;} } fieldset {border:none;} .cf_hidden {display:none} .cform input.backbutton, .cform input.resetbutton, .cform input.sendbutton {width:100px !important} p.linklove{position:absolute;top:-9999px} .ngg-galleryoverview img {width:85px;height:50px}