/* Theme Name: Joost Jansen Theme URI: joostjansen.be Author: Mr. Henry Author URI: www.mrhenry.be Version: 1.0 */ @import "assets/css/reset.css"; /* Reset */ #introVideo { position: fixed; z-index: 100; } #introVideo object { width: 100% !important; } strong { font-weight: bold; } em { font-style: italic; } h2 a { font-family: 'Times new roman'; font-size: 22px; color: #333; text-decoration: none; text-transform: uppercase; } h2 a:hover { color: #cc0000; } h2 a:active { color: #ff0000; } .collapsedEntry h2 a { cursor: se-resize; } .collapsedEntry .attachment-thumbnail { cursor: se-resize; } .openEntry h2 a { cursor: nw-resize; } .openEntry .attachment-large { cursor: nw-resize; } .openEntry.project { cursor: nw-resize; } #backgroundImage { position: fixed; overflow: hidden; } #backgroundOverlay { display: none; width: 100%; height: 100%; background: url('images/backgroundOverlay.png'); position: fixed; filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2; } #logotype { position: absolute; top: 50px; left: 50px; width: 260px; height: 200px; background: #000; } #logotype img { margin-top: 180px; visibility: hidden; } #menuWork { position: absolute; left: 50px; width: 240px; background: #000; padding: 10px; } #menuWork ul#work li { } #menuWork ul#work li a { display: block; float: left; clear: left; font-family: Arial; font-size: 14px; font-weight: bold; color: #ccc; text-transform: uppercase; text-decoration: none; padding-bottom: 2px; } #menuWork ul#work li a:hover { color: #fc3; } #menuWork ul#work li ul.children a { font-family: Arial; font-size: 9px; font-weight: normal; color: #ccc; text-decoration: none; text-transform: uppercase; padding-top: 2px; display: block; float: left; clear: left; } #menuWork ul#work li ul.children a:hover { color: #fc3; } #menuBlog { position: absolute; top: 580px; left: 50px; width: 240px; background: #000; padding: 10px; } #menuBlog ul.wp-tag-cloud li { margin-top: -3px; float: left; } #menuBlog ul.wp-tag-cloud li a { font-family: Arial; font-size: 9px !important; display: block; padding-right: 5px; padding-top: 6px; color: #ccc; text-decoration: none; text-transform: uppercase; } #menuBlog ul.wp-tag-cloud li a:hover { color: #fc3; } #menuWork .menuTitle a, #menuBlog .menuTitle a { font-family: Arial; font-size: 14px; font-weight: bold; color: #ccc; text-transform: uppercase; text-decoration: none; } #menuWork .menuTitle a:hover, #menuBlog .menuTitle a:hover { color: #fc3; } #mrHenry { position: fixed; left: 50px; width: 130px; height: 110px; bottom: 10px; background: #000; } #posts { min-width: 900px; } #posts .entry { position: absolute; margin-left: 10px; margin-bottom: 10px; } #posts .entry p a { color: #333; text-decoration: none; } #posts .entry p a:hover { color: #c00; } #posts .entry p a:active { color: #f00; } #posts .entry .entryContent, #posts .entry .entryMeta { background: #fff; padding: 10px; overflow: auto; } #posts .entry .separator { height: 2px; background: url("images/separator.png"); } #posts .entry ul { margin: 10px 20px; font-family: Helvetica; font-size: 11px; color: #999; list-style-type: circle; } #posts .entry ul li { } #posts .entry ol { margin: 10px 20px; font-family: Helvetica; font-size: 11px; color: #999; list-style-type: decimal; } #posts .entry ol li { } #posts .entry blockquote { } #posts .entry blockquote p:before { content: "'' "; } #posts .entry blockquote p:after { content: " ''"; } #posts .entry.blogPost { width: 280px; } #posts .entry.blogPost .attachment-thumbnail { margin-bottom: 10px; } #posts .entry.blogPost .attachment-large { width: 550px; margin-bottom: 10px; } #posts .entry.blogPost p { color: #999999; margin-top: 10px; font-family: "Tahoma", "Geneva", "Lucida Grande"; font-size: 10px; line-height: 14px; } #posts .entry.blogPost.collapsedEntry .postTags { float: right; width: 200px; } #posts .entry.blogPost.openEntry .postTags { float: right; width: 450px; } #posts .entry.blogPost .postTags a { float: right; text-decoration: none; padding-left: 2px; } #posts .entry.blogPost .postTags a .tagBackground { font-family: "Arial", "Tahoma", "Helvetica"; font-size: 8px; font-weight: bold; color: #fff; text-transform: uppercase; background: #ccc; padding: 2px 3px 1px 3px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; } #posts .entry.blogPost .postTags a .tagBackground:hover { background: #c00; color: #fff; } #posts .entry.blogPost span.postDate { font-family: "Arial", "Tahoma", "Helvetica"; font-size: 9px; color: #ccc; float: left; text-transform: uppercase; margin-top: 6px; } #posts .entry.blogPost .readMore a { padding-top: 4px; font-family: "Arial", "Tahoma", "Helvetica"; font-size: 9px; font-weight: bold; color: #333; float: right; text-decoration: none; text-transform: uppercase; } #posts .entry.blogPost .readMore a:hover { color: #cc0000; } #posts .entry.blogPost .readMore a:active { color: #ff0000; } #posts .entry.blogPost span.numberOfComents a { font-family: "Arial", "Tahoma", "Helvetica"; font-size: 10px; color: #333; float: right; text-decoration: none; } #posts .entry.blogPost span.numberOfComents a:hover { color: #cc0000; } #posts .entry.blogPost span.numberOfComents a:active { color: #ff0000; } #posts .entry.blogPost .size-large, #posts .entry.blogPost .size-full { width: 550px !important; } #posts .entry.project { background: #000; width: 280px; } #posts .entry.project .attachment-medium { display: block; cursor: se-resize; } #posts .entry.project object { width: 100% !important; display: block; } #posts .entry.project.openEntry img { display: block; } #posts .entry.project.openEntry p { padding: 0 10px 10px 10px; color: #ccc; font-family: "Tahoma", "Geneva", "Lucida Grande"; font-size: 10px; line-height: 14px; } #posts .entry.about { width: 280px; } #posts .entry.about .entryContent { background: #f9cf44; } #posts .entry.about p { color: #333; margin-top: 10px; font-family: "Tahoma", "Geneva", "Lucida Grande"; font-size: 10px; line-height: 14px; } #posts .entry.about .separator { height: 2px; background: url("images/separatorAbout.png"); } #posts .entry.about .entryMeta { background: #f9cf44; } #posts .entry.about h3 { font-family: 'Times new roman'; font-size: 22px; font-weight: bold; color: #333; text-decoration: none; text-transform: uppercase; } #posts #mrHenry { width: 280px; background: #000; } #posts #respond { width: 550px; } #posts .entry.comment { width: 260px; padding: 10px; } #posts .entry.comment h3 { font-family: 'Arial'; font-size: 14px; color: #333; text-decoration: none; text-transform: uppercase; } #posts .entry.comment .numberOfComents { color: #4b4b4b; font-family: Arial; font-size: 11px; margin-top: 10px; } #posts .entry.comment input { padding: 2px; background: #eee; } #posts .entry.comment .idleField { font-family: Arial; font-size: 11px; color: #bbb; } #posts .entry.comment .focusField { font-family: Arial; font-size: 11px; color: #000; } #posts .entry.comment input#submit { font-family: 'Arial'; font-weight: bold; font-size: 9px; color: #fff; background: #ccc; padding: 2px 4px 1px 4px; border-radius: 11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; text-transform: uppercase; } #posts .entry.comment input#submit:hover { background: #c00; } #posts .entry.comment textarea#comment { padding: 2px; width: 546px; background: #eee; } #posts .entry.comment p { color: #4b4b4b; font-family: Arial; font-size: 11px; margin-top: 10px; } #posts .entry.comment .comment-meta { color: #4b4b4b; font-family: Helvetica; font-size: 11px; text-decoration: none; } #posts .entry.comment .comment-meta .comment-edit-link { float: right; color: #c00; text-decoration: none; } #posts .entry.comment .comment-author { font-family: 'Arial'; font-size: 14px; font-weight: bold; color: #333; text-decoration: none; text-transform: uppercase; } #posts .entry.comment .comment-author a { color: #333; text-decoration: none; } #posts .entry.comment .commentTime { margin-top: 10px; font-family: "Arial", "Tahoma", "Helvetica"; font-size: 9px; color: #ccc; float: left; text-transform: uppercase; } .single #posts .entry.blogPost { width: 570px; } .single #posts .entry.comment { background: #fff; } ::selection { background: #cc0000; color: #fff; } ::-moz-selection { background: #cc0000; color: #fff; } .hiddenTrigger { display: none; } .navigation { display: none; }