/* Theme Name: DesigniaNations Theme URI: http://www.designia.nl/ Description: Custom theme for designia.nl. Version: 1.0 Author: Gert Holterman Author URI: http://www.peridot.nl Tags: designianations */ /* GENERAL STYLE */ *{margin:0;padding:0;} a img{border:none;} body{font-family:Georgia, serif;font-size:13px;line-height:19px;color:#28292b;background-color:#FFF;} /* Font-size beinvloedt alleen sidebar */ a{color:#025a88;text-decoration:none;} a:hover, a:active{color:#3B3B3B;} .post a:hover,.post a:active{text-decoration:underline;} p{padding:0 0 1.3em 0;} h1{font-size:22px;line-height:23px;padding:0 0 0.5em 0;font-weight:normal;} h2{font-size:18px;line-height:20px;padding:0 0 1em 0;font-weight:normal;} /* Nations naam op Designia home */ h3{font-size:19px;line-height:20px;padding:0.5em 0;font-weight:normal;} /* koppen sidebar + subkoppen About tekst */ #signposts-and-navigation h3{text-align:right;} #blogcat #content, #blogsingle #content{width:668px;padding:0 11px;} #blogcat #content, #blogsingle #content, #designia-page #content, #designia-portfolio #content{padding-top:68px;} #content .post{padding:0 2px 40px 2px;margin-bottom:20px;} #blogsingle #content .post{background:transparent url(img/designia-divider-670.png) no-repeat center bottom;} #content .post h1{font-size:30px;line-height:34px;} #content .post h1 a{color:#1c1c1c;} #content .navigation{font-size:12px;line-height:14px;} #content .post .postmetadata{font-size:12px;line-height:12px;padding-top:12px;} #content .post .to-post, #content .post .in-post-react{font-size:15px;line-height:16px;padding-bottom:1em;float:right;} .to-post span, .in-post-react span{display:block;float:left;} .post a.respond span{display:none;} .post a.respond{display:block;font-size:9px;font-weight:bold;color:#FFF;background:#0000FF url(img/designia-reageer.png) no-repeat;font-family:Arial, Helvetica, sans-serif;width:67px;height:18px;float:left;} .post .in-post-react a, .post .in-post-react a{background-position:0 -36px} #content .post a.respond:hover, #content .post a.respond:active{background-position:0 -18px} #respond h2, h2#comments{font-size:22px;} /* SITEWIDE */ #page{width:960px;margin:0 auto;padding-top:30px;overflow:hidden;} #content{width:690px;float:right;font-size:1.10em;line-height:1.39em;} /* Font-size blog- en about text */ /* comments */ ol.commentlist{padding:0 2px 10px 2px;margin-bottom:15px;background:transparent url(img/designia-divider-670.png) no-repeat center bottom;} ol.commentlist li{list-style:none;padding-bottom:1em;} #content ol.commentlist li .comment-author-time{background-color:#F4F4F4;border-top:1px solid #B5B7B8;} #content ol.commentlist li .comment-author-time p{padding:14px 0 16px 12px;font-size:15px;line-height:19px;font-style:italic;} #content ol.commentlist li .comment-author-time a{text-decoration:underline;color:#025A88;} #content ol.commentlist li .comment-text{font-size:14px;line-height:18px;padding:12px 0 12px 12px;} #respond{padding: 0 1px;overflow:hidden;} #respond form div{overflow:hidden;float:none;clear:both;} #respond label{width:105px;float:left;font-weight:bold;padding:5px 0;} #respond .subscribe-to-comments {margin-bottom:3em;} #respond .subscribe-to-comments input{float:left;} #respond .subscribe-to-comments label{width:auto;padding:0 0 0 0.5em;} #respond label.errorMessage{width:auto;display:block;float:none;clear:both;color:#ee820d;padding-left:105px;} input, textarea{font-family:Georgia, "Times New Roman", Times, serif;padding:4px;background-color:#eeeeee;border:1px solid #b0afaf;margin:5px 0;} p.tip{padding:0;} p.tip em{font-size:10px;} #respond input.text{width:550px;float:right;} div.errorMessage input, div.errorMessage textarea{border:1px solid #ee820d;} #respond input.url{width:500px;float:right;} #respond span.helper{float:left;padding:7px 0;} #respond textarea.text{width:644px;float:right;clear:both;padding:10px;} #respond form div.submit{text-align:right;} #respond form div.submit input{ background:url(img/plaats-reactie.png) no-repeat -102px 0;width:102px;height:20px;border:none; text-indent:-300em;} #respond form div.submit input.over{background-position:0 0;} .designia #identity, .designia #navigate{padding-bottom:30px;} #navigate, #identity, #signposts-and-navigation, #sidebar{width:245px;float:left;} /* make sure we dont hit the footer*/ #sidebar, #content, #signposts-and-navigation{margin-bottom:50px;} .nation #signposts-and-navigation{margin-bottom:20px;} #identity a{display:block;text-align:right;width:245px;line-height:0;} #signposts-and-navigation ul#navigate li{list-style:none;} body.designia #signposts-and-navigation ul#navigate li a{display:block;background:#FFF url(img/designia-navigation.png) no-repeat;height:47px;} body.designia #signposts-and-navigation ul#navigate li a span{display:none;} body.designia #signposts-and-navigation ul#navigate li#home a{background-position:0 5px;} body.designia #signposts-and-navigation ul#navigate li#about a{background-position:0 -42px;} body.designia #signposts-and-navigation ul#navigate li#portfolio a{background-position:0 -89px;} body.designia #signposts-and-navigation ul#navigate li#blog a{background-position:0 -136px;} body.designia #signposts-and-navigation ul#navigate li#shop a{background-position:0 -183px;} body.designia #signposts-and-navigation ul#navigate li#home a:hover{background-position:-359px 5px;} body.designia #signposts-and-navigation ul#navigate li#about a:hover{background-position:-359px -42px;} body.designia #signposts-and-navigation ul#navigate li#portfolio a:hover{background-position:-359px -89px;} body.designia #signposts-and-navigation ul#navigate li#blog a:hover{background-position:-359px -136px;} body.designia #signposts-and-navigation ul#navigate li#shop a:hover{background-position:-359px -183px;} /* en een active state */ body.designia #signposts-and-navigation ul#navigate li#home a.current{background-position:-359px 5px;} body.designia #signposts-and-navigation ul#navigate li#about a.current{background-position:-359px -42px;} body.designia #signposts-and-navigation ul#navigate li#portfolio a.current{background-position:-359px -89px;} body.designia #signposts-and-navigation ul#navigate li#blog a.current{background-position:-359px -136px;} body.designia #signposts-and-navigation ul#navigate li#shop a.current{background-position:-359px -183px;} body.nation #signposts-and-navigation{height:140px;border-bottom:1px solid #d2d1d1} body.nation #signposts-and-navigation ul#navigate li{float:left;} body.nation #signposts-and-navigation ul#navigate li a{font-weight:bold;} body.nation #signposts-and-navigation, body.nation #signposts-and-navigation #identity{width:960px;} body.nation #signposts-and-navigation #identity a.nation-home{display:block;float:left;} body.nation #signposts-and-navigation #identity a.designia-home{display:block;float:right;} body.nation #signposts-and-navigation #identity{overflow:hidden;float:none;clear:both;} body.nation #signposts-and-navigation #navigate{float:none;clear:both;width:auto;} body.nation #signposts-and-navigation #navigate li{padding:0 1em 0 0;} body.nation #signposts-and-navigation #navigate a{font-family:Arial, Helvetica, sans-serif;text-decoration:none;} /* FIX IT body.designia #page{background:url(img/designia-background.png) no-repeat;} body#designia-home #page{background:none;} */ body.designia{background:url(img/designia-background.png) no-repeat fixed center top;} body#designia-home{background:none;} #nations-overview ul li{cursor:pointer;cursor:hand;} body#cartoonnation #page{background:url(img/cartoonnation-background.png) no-repeat;} body#conceptnation #page{background:url(img/conceptnation-background.png) no-repeat;} body#identitynation #page{background:url(img/identitynation-background.png) no-repeat;} /* body#illustrationnation #page{background:url(img/illustrationnation-background.png) no-repeat;} */ body#illustrationnation{background:url(img/illustrationnation-background.png) no-repeat fixed center top;} body#mobilesnation #page, body#mobilenation #page{background:url(img/mobilesnation-background.png) no-repeat;} body#printnation #page{background:url(img/printnation-background.png) no-repeat;} body#webdesignnation #page{background:url(img/webdesignnation-background.png) no-repeat;} body#wordnation #page{background:url(img/wordnation-background.png) no-repeat;} #designia-elsewhere{float:none;clear:both;width:960px;border-top:1px solid #d2d1d1;} #designia-elsewhere ul li{float:left;list-style:none;} #designia-elsewhere ul li a{display:block;background:#FFF url(img/designia-elsewhere.png) no-repeat;height:66px;} #designia-elsewhere ul li a span{display:none;} #designia-elsewhere li#flickr a{background-position:0 0;width:47px;} #designia-elsewhere li#deviantart a{background-position: -47px 0;width:48px;} #designia-elsewhere li#coroflot a{background-position: -95px 0;width:104px;} #designia-elsewhere li#hyvesnet a{background-position: -199px 0;width:69px;} #designia-elsewhere li#facebook a{background-position: -268px 0;width:74px;} #designia-elsewhere li#linkedin a{background-position: -342px 0;width:76px;} #designia-elsewhere li#netlog a{background-position: -418px 0;width:60px;} #designia-elsewhere li#flickr a:hover{background-position:0 -66px;} #designia-elsewhere li#deviantart a:hover{background-position: -47px -66px;} #designia-elsewhere li#coroflot a:hover{background-position: -95px -66px;} #designia-elsewhere li#hyvesnet a:hover{background-position: -199px -66px;} #designia-elsewhere li#facebook a:hover{background-position: -268px -66px;} #designia-elsewhere li#linkedin a:hover{background-position: -342px -66px;} #designia-elsewhere li#netlog a:hover{background-position: -418px -66px;} /* HOMEPAGE */ #designia-home #content .post{height:370px;overflow:hidden;margin-bottom:0;padding-bottom:0;} /* PAGE */ /* nations overview */ #nations-overview ul li{list-style:none;width:324px;float:left;height:72px;padding-bottom:11px;border-bottom:1px solid #d2d1d1;margin:0 10px 12px 10px;} #nations-overview ul li h2{padding:0;font-weight:normal;} #nations-overview ul li h2 a{color:#3B3B3B;} #nations-overview ul li h2 a em{font-size:16px;} /* correctie voor de em hieronder */ #nations-overview ul li em{font-size:12px;} #nations-overview ul li a{display:block;text-decoration:none;} #nations-overview ul li a.sightseeing{position:absolute;right:0;bottom:0;text-align:right;font-weight:bold;} #nations-overview ul li.active a.sightseeing{color:#3B3B3B;} #nations-overview div{background:url(img/logos-nations-all.png) no-repeat;padding-left:128px;position:relative;height:72px;margin:10px 0 0 0;} div#overview-cartoonnation{background-position:0 0;} div#overview-conceptnation{background-position:0 -356px;} div#overview-identitynation{background-position:0 -266px;} div#overview-illustrationnation{background-position:0 -539px;} div#overview-mobilesnation, div#overview-mobilenation{background-position:0 -631px;} div#overview-printnation{background-position:0 -171px;} div#overview-webdesignnation{background-position:0 -83px;} div#overview-wordnation{background-position:0 -447px;} #nations-overview li.active div#overview-cartoonnation{background-position:-435px 0;} #nations-overview li.active div#overview-conceptnation{background-position:-435px -356px;} #nations-overview li.active div#overview-identitynation{background-position:-435px -266px;} #nations-overview li.active div#overview-illustrationnation{background-position:-435px -539px;} #nations-overview li.active div#overview-mobilesnation, #nations-overview li.active div#overview-mobilenation{background-position:-435px -631px;} #nations-overview li.active div#overview-printnation{background-position:-435px -171px;} #nations-overview li.active div#overview-webdesignnation{background-position:-435px -83px;} #nations-overview li.active div#overview-wordnation{background-position:-435px -447px;} #portfolio-list li.nation{list-style:none;width:660px;position:relative;margin-top:30px;} #portfolio-list li.nation img.logo{} #portfolio-list li.nation p.sightseeing{position:absolute;right:5px;top:45px;} #portfolio-list ul.projects {width:660px;overflow:hidden;float:none;clear:both;} #portfolio-list ul.projects li{float:left;list-style:none;width:213px;height:213px;border:1px solid #d2d1d1;overflow:hidden;margin:0 5px 5px 0;} li.placeholder{background:url(img/portfolio-placeholders2.png) no-repeat;} li.placeholder span{display:none;} #illustrationnation li.placeholder{background-position:0 -430px;} #cartoonnation li.placeholder{background-position:-215px -430px;} #conceptnation li.placeholder{background-position:0 -215px;} #identitynation li.placeholder{background-position:-215px 0;} #mobilesnation li.placeholder, #mobilenation li.placeholder{background-position:-215px -215px;} #printnation li.placeholder{background-position:0 0;} #webdesignnation li.placeholder{background-position:-430px 0;} #wordnation li.placeholder{background-position:-430px -215px;} /* Porject portfolio detail */ .cms-tekst-html ul, .cms-tekst-html ol{margin:0 0 1em 2em;} #project{font-size:13px;} #project h1{padding:0;} #project p.navigate{padding:0.5em 0;} .project-data{overflow:hidden;float:none;clear:both;background-color:#edf1f2;margin-bottom:1em;} #project ul.data-list li{float:left;list-style:none;width:150px;font-size:11px;line-height:14px;padding:10px 10px 0 10px;} #project ul.data-list li h3{font-family:Arial, Helvetica, sans-serif;font-size:11px;padding-bottom:0.5em;} ul.projectmenu li {color:#025A88;padding-bottom:1em;overflow:hidden;list-style:none;} ul.projectmenu li span{display:block;float:left;padding-right:5px;} ul.projectmenu li a{display:block;width:210px;float:left;} ul.projectmenu li.active a{color:#3B3B3B;} .navigation .pagination{text-align:right;} .navigation .pagination a{text-decoration:none;} .navigation .pagination a:hover, .navigation .pagination a:active{color:#3B3B3B;} .navigation .pagination span.disabled{display:none;} #contact-line li#clp-385{color:#163402} p.homepage-view-portfolio{text-align:right;font-size:22px;} /* SIDEBAR ELEMENTS */ /* sidebar dividers */ #lastpost, #lastposts, #site-description, .searchform, #project-list, #forhire, #twitter, #rss-entries{padding:0px 0 15px 0;background:#FFF url(img/designia-divider-245.png) no-repeat center bottom;} .designia #lastpost, .designia #lastposts, .designia #site-description, .designia .searchform, .designia #rss-entries{text-align:right;} #lastpost span.date, #lastposts span.date{display:block;} #site-description h3{font-style:italic;} .nation #site-description h3{padding-top:0;} .searchform input#s{width:235px;} #forhire{color:#337309;overflow:hidden;} .designia #forhire{text-align:right;} .designia #forhire a#contact-button{float:right;} a#contact-button {display:block;background:url(img/hire-me.png) no-repeat;width:113px;height:22px;margin:2px 0;} a#contact-button span{display:none;} .designia #twitter{text-align:right;} /* #twitter p{/*background:url(img/twitter.png) no-repeat right center;padding-right:45px;height:35px;} .nation #twitter{/background:url(img/twitter.png) no-repeat left top;} .nation #twitter p{padding:0px 0 0px 0;background:transparent url(img/designia-divider-245.png) no-repeat center bottom;padding-left:45px;} .nation #twitter h3{padding-left:0px;} */ input.searchsubmit{width:61px;height:19px;border:none;background:url(img/search.png) no-repeat right center;text-indent:-300em;} #searchform input.over{background-position:left center;} #rss-entries p{padding:0 40px 0 0;background:url(img/rss.png) no-repeat right center;} #rss-entries p.rss-feed{padding:0;background:none;} .highlight { background-color: yellow; padding:0.5em; }