/** * Introductory remarks */ @import "af-reset.css"; @import "style-h5.php"; .clear { clear: both; } .most-right { margin-right:0 !important; } .dots { clear:both; width:100%; height:10px; margin-bottom:20px; background:url('../images/hr-dot2.png') repeat-x; } #content .dots { width:510px; } /* End remarks */ /** * Links */ a, a:active, a:link, a:visited, a:hover { position:relative; color:#eee; text-shadow:#222 1px 1px 0; text-decoration:none; } p a { color:#eee; border-bottom: 1px dotted #aaa; } p a:hover { top: 1px; } a { outline: none !important; } /* End links */ /** * Elements of different sorts */ p { margin:12px 0; line-height:18px; } /* Elements: Indents */ .indent-1 { margin-left:10px; } .indent-2 { margin-left:20px; } .indent-3 { margin-left:30px; } .indent-4 { margin-left:40px; } .indent-5 { margin-left:50px; } /* Elements: Lists */ ul.no-list { margin:0; padding:0; } ul.no-list li { list-style-type:none; display:block; } ul.nice-list, ul.disc-list { margin:1em 0 1em 25px; } ul.nice-list li { margin-left:0; padding-left:10px; list-style:disc; color:#fff; font-family:"Myriad Pro", "Lucida Grande", Tahoma, Arial, sans-serif; font-size:16px; text-transform:uppercase; text-shadow:#222 1px 1px 0px; } ul.nice-list li.minor { margin-top:3px; margin-bottom:0; background-position:-5px -34px; color:#c27a4a; font-size:12px; } ul.disc-list { list-style:disc; font-size:1.2em; line-height:18px; } ul.disc-list li { margin-left:0; padding-left:10px; font-size:12px; } /* Elements: Tables */ table { } table.widetable { width:100%; } #content-wrap table th { color:#fff; padding:3px 0 8px; } table td { font-size:12px; vertical-align:top; padding:5px 5px 5px 0; } /* Elements: Small */ small, cite, .wp-caption p.wp-caption-text, form p, #twitter .aktt_tweet_time { color:#aa7a5a; font-family:"Myriad Pro", "Lucida Grande", Tahoma, Arial, sans-serif; font-size:10px; line-height:1.5em; letter-spacing:1px; text-transform:uppercase; text-shadow:#222 1px 1px 0px; } small a, cite a, .wp-caption p.wp-caption-text a, form p a, #twitter .aktt_tweet_time a { color:#c27a4a !important; border-bottom: 1px dotted #5f3920; } /* End elements */ /** * Headings */ h1, h2, h3, h4 { font-family:"Cuprum", Arial, serif !important; text-shadow:#170F0C 1px 2px 1px; } h1 a, h2 a, h3 a, h4 a, h5 a { color:#fff !important; text-decoration:none; } h2, h3 { color:#fff; } h2 { font-size:30px; font-weight:normal; margin:24px 0 14px; } .home .post h2:first-child, h2:first-child { margin-top:0; } h2.huge { margin:0 0 5px 0; font-size:54px; } .home h2.huge { margin-bottom:20px; } #sidebar h2 { font-size:1.2em; } h3 { margin:2px 0; padding:0; font-weight:normal; font-size:18px; line-height:1em; } body.single .entry h3 { margin-top:10px; } h3.comments { margin:40px auto 20px; } h3.h3-link { float:right; margin-left:10px; } h3.h3-link.alignleft { float:left; margin-right:10px; } h3.h3-link a { color:#b1fe4e !important; } h3#write-me { cursor:pointer; } h4 { margin:1em 0 -0.5em; color:#fff; font-family:"Myriad Pro", "Lucida Grande", Tahoma, Arial, sans-serif; font-size:12px; text-transform:uppercase; font-weight:normal; } /* Headings: Image headings */ .hide-text { text-indent:-9999px; } h2#about-heading { height:80px; background:url("../images/tree-love.png") no-repeat; } h4.h4-writing { height:25px; margin:0; background:url("../images/writing-sidebar.png") no-repeat; } h4.writing-behind-the-desk { background-position:0 -0px; } h4.writing-portfolio-sample { background-position:0 -30px; } h4.writing-from-the-blog { background-position:0 -60px; } h4.writing-inspiration { background-position:0 -90px; } h5.h5-note { z-index:15; position:absolute; width:120px; height:50px; background:url("../images/small-notes.png") no-repeat; text-indent:-9999px; } /* Headings: Icons */ img.h-type { position: absolute; right:0; width:auto !important; height:auto !important; } h3 img.h-type { height:18px !important; } .category .post h3 { padding-right: 18px; } /* Avoid icon */ /* End headings */ /** * Body and wrappers */ body { margin: 0; padding: 0; font-size:12px; font-family:"Lucida Grande", "Lucida Sans", Tahoma, Arial, Sans-Serif; background:url('../images/wood-plain-dark.jpg'); background-position:-100px top; color:#d1c3b4; text-align:left; } #top { position:absolute; width:100%; height:370px; background:url('../images/top-shadow.png') repeat-x; } #page { width:900px; height:auto; min-height:600px; padding:50px 0 0 50px; } /* End body and wrappers */ /** * Header */ #header { float:left; width:100%; margin-top:0; margin-bottom:40px; } #headerimg { float:left; } #headerimg h1 { width:0; height:0; font-size: 5em; text-indent:-9999px; } #headerimg a { display:block; } /* Header: Navigation */ ul#nav {position: absolute; bottom: 0; right: 0; } ul#nav li .nav-comment { -webkit-transition: all 0.2s ease-in-out; } ul#nav li { position: relative; list-style: none; display: inline; float: left; } ul#nav li a { z-index:1; display:block; width:120px; } ul#nav li .nav-comment { z-index:0; display:none; position:absolute; top:0; left:0; width: 220px; height:60px; background:url('../images/txt-nav-comments.png') no-repeat top left; } ul#nav li .comment-no-hover { display: block; } ul#nav li #nav-comment-home { top: -60px; left: -100px;} ul#nav li #nav-comment-portfolio { background-position: 0 -100px; top: -60px; left: -50px;} ul#nav li #nav-comment-weblog { background-position: 0 -200px; top: 50px; left: -10px;} ul#nav li #nav-comment-about { background-position: 0 -300px; top: -80px; left: -100px;} ul#nav li a { height: 36px; text-indent: -9999px; background: url('../images/txt-nav.png') no-repeat; } ul#nav li#nav-home a { background-position: 0 0; } ul#nav li#nav-portfolio a { background-position: 0 -50px;} ul#nav li#nav-weblog a { background-position: 0 -100px;} ul#nav li#nav-about a { background-position: 0 -150px;} ul#nav li#nav-home a:hover, ul#nav li#nav-home a.current-page { background-position: -200px -0px; } ul#nav li#nav-portfolio a:hover, ul#nav li#nav-portfolio a.current-page { background-position: -200px -50px; } ul#nav li#nav-weblog a:hover, ul#nav li#nav-weblog a.current-page { background-position: -200px -100px; } ul#nav li#nav-about a:hover, ul#nav li#nav-about a.current-page { background-position: -200px -150px; } /* End Menu */ /* End header */ /** * Content */ #catchfrase { width:100%; height:80px; margin-bottom:25px; text-indent:-9999px; background: url('../images/beautiful-websites-3.1.png') no-repeat; } #content-wrap { clear:both; float:left; width:100%; } #content { clear:both; float:left; width:500px; font-size: 12px; } .widecontent { margin-bottom:10px !important; } .widecontent-bottom { margin-bottom:25px !important; } /* Content: Showcase */ #showcase { width:100%; height:300px; } #showcase h2 { margin-bottom:0 !important; } #showcase .wrapper { width:800px; height:300px; overflow:hidden; } #showcase .wrapper ul li.showcase-item { width:800px; height:270px; } #showcase .wrapper ul li.showcase-item .showcase-info { float:left; width:400px; height:240px; padding:30px 0 0 30px; background:url('../images/showcase-info-bg.png') no-repeat; } #showcase .wrapper ul li.showcase-item .portfolio-screenshot { float:left; width:333px; height:250px; margin-left:0px; } #showcase .wrapper ul li.showcase-item .portfolio-screenshot a { float:left; } #showcase .wrapper ul li.showcase-item .portfolio-screenshot img { max-width:360px; max-height:280px; } .anythingSlider .arrow { display:block; position:absolute; top:120px; height:30px; width:30px; background-image:url('../js/AnythingSlider/images/slider-arrows.png'); background-repeat:no-repeat; text-indent:-9999px; cursor:pointer; } .anythingSlider .forward { background-position:0 0; right:30px; } .anythingSlider .back { background-position:0 -30px; left:-30px; } .anythingSlider .forward:hover { background-position:-30px 0; } .anythingSlider .back:hover { background-position:-30px -30px; } #thumbNav { position:absolute; top:10px; right:75px; } #thumbNav a { display:inline-block; width:18px; height:18px; margin-left:3px; background:url('../js/AnythingSlider/images/slider-dots.png'); background-position:0 0; text-indent:-9999px; } #thumbNav a:hover, #thumbNav a.cur { background-position:-30px 0; } /* Content: Samples */ .widecontent, .samples { clear:both; float:left; width:100%; margin-bottom:25px; } .widecontent .samples { margin-bottom:10px; } div.portfolio-sample { float:left; width:150px; margin-right:25px; } div.portfolio-sample p { margin:5px 5px; color:#fff; font-size:10px; line-height:15px; } div.portfolio-sample div.portfolio-screenshot, div.portfolio-screenshot { width:100%; height: 112px; overflow: hidden; border: 5px solid #000; -moz-box-shadow: 3px 3px 5px #170F0C; -webkit-box-shadow: 3px 3px 5px #170F0C; box-shadow:3px 3px 5px #170F0C; } div.portfolio-sample div.portfolio-screenshot img { max-width:200px; margin:-20px 0 0 -10px; } div.portfolio-sample h3 { margin:10px 0 0 5px; } span.shine { display:block; position:absolute; top:0; left:0; width:100%; height:144px; background:url("../images/shine.png") no-repeat; z-index:5; opacity:0.5; } /* End content */ /** * Posts */ .post { clear:both; float:left; width:100%; margin:0 0 40px; } .pseudo-post { margin-bottom:20px; } body.single .post { margin-bottom:10px; } body.category .entry p:last-child { margin-bottom:0; } /* Posts: Metadata */ .postmetadata, .metadata { clear:both; margin:3px 0 5px; } /* Posts: Share */ .share-box { float:right; margin:10px 0; padding:5px 0; } .share-box .share-btn { clear:both; float:right; margin-bottom:10px; } .share-box-horizontal { /*float:left;*/ padding:0; margin:0 0 0 25px; } /*.share-box-horizontal .share-btn { clear:none; margin:0 10px 0 0; }*/ .topsy-sm-total, .fb_share_count_inner { text-shadow:none !important; } .fb_share_count_nub_right { background-image:url("../images/1a8txe26.png") !important; } .share-btn iframe.twitter-share-button { float:left; width:93px !important; } /* Posts: Screenshots */ .post .portfolio-screenshot { float:left; width:200px; } .post .portfolio-screenshot a img { max-width:210px; margin:-1px 0 0 -1px; } .post .entry .portfolio-screenshot.large-screenshot a img { width:auto; height:auto; } .post.category-logotypes .portfolio-screenshot a img { margin-top:-20px; } /* Posts: Entries */ .post .entry strong { color:#fff; } .post .entry { float:right; width:275px; margin:5px 0 0 15px; } body.single .post .entry, body.page .post .entry { float:none; width:auto; margin:0; } /* Posts: Mini posts */ .mini-post { margin-bottom:25px; } .last-mini-post { margin-bottom:15px; } /* Posts: Single */ .single .postmetadata { margin-left:0; } .single .entry .portfolio-screenshot { float:left; width:333px; height:250px; margin:10px 0px; } .single .entry .portfolio-screenshot a { float:left; } .single .entry .portfolio-screenshot img { max-width:360px; } .single .entry .portfolio-screenshot-auto { /*width:auto;*/ } .single .entry .portfolio-screenshot-auto img { max-width:none; max-height:250px; } /* Posts: afEkenholm Tags */ .afekenh-tags { margin:20px 0; } .afekenh-tags img { width:auto !important; } /* Posts: Captions */ .wp-caption { display:inline-block; padding-top:4px; margin: 10px; } .wp-caption.alignnone { color:none; margin-left:0; } .wp-caption p.wp-caption-text { margin:0; padding:8px 0; } .wp-caption img { color:none; border:5px solid #000; -moz-box-shadow:3px 3px 5px #170F0C; -webkit-box-shadow:3px 3px 5px #170F0C; box-shadow:3px 3px 5px #170F0C; } /* Posts: Sibling articles */ .sibling-article { float:left; width:100%; margin-top:3px; padding:3px 0 8px; color:#aa7a5a; font-size:12px; background:#2e1707; background-color:rgba(37,15,4,0.5); border:1px solid #000; /* background: url("../images/codeblock-bg.png"); background: rgba(9, 33, 59, 0.5);*/ -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } .sibling-article p { margin:5px 0; } .sibling-article .sibling-thumbnail { float:left; overflow:hidden; width:65px; height:50px; border:1px solid #000; } .sibling-article .sibling-thumbnail img { max-width:75px; max-height:75px; } .sibling-article .sibling-content { float:left; width:380px; margin:0 0 0 10px; } .sibling-article a { color:#c27a4a; font-weight:bold; border:none; } /* border-bottom-color:#c27a4a; }*/ .sibling-article span { color:#d1c3b4; font-size:11px; } /* End posts */ /** * Portfolio navigation */ ul#portfolio-navigation { margin: 10px 0 20px; padding: 0; } ul#portfolio-navigation li, form #submit, form .submit-btn { display:inline-block; margin-right:10px; padding-right:10px; background:#2e1707; border:none; color:#6d3611; -webkit-border-radius:10px; -webkit-box-shadow:1px 1px 1px #000; -webkit-transition:all 0.2s ease-out; -moz-border-radius:10px; -moz-box-shadow:1px 1px 1px #000; -moz-transition:all 0.2s ease-out; border-radius:10px; box-shadow:1px 1px 1px #000; } ul#portfolio-navigation li:hover, ul#portfolio-navigation li.current-cat, form #submit:hover, form .submit-btn:hover { background: #ff771d; } ul#portfolio-navigation li a, form #submit, /*{ display:inline-block; padding:5px 0 5px 10px; color:#fff; font-family:"Myriad Pro", Tahoma; font-size:12px; text-transform:uppercase; }*/ form .submit-btn { display:inline-block; padding:5px 0 5px 10px; color:#fff; font-family:"Myriad Pro", Tahoma; font-size:12px; text-transform:uppercase; } /* End portfolio navigation */ /** * Sidebar */ #sidebar { float:right; width:300px; height:auto; padding:5px 20px 0 0; } #sidebar ul li { margin-bottom: 45px; } #sidebar #behind-the-desk img#alexander-photo { float:right; margin-left:10px; } #sidebar #behind-the-desk img#pen { position:absolute; top:-10px; right:-55px; } #sidebar .bookmarks { margin-top:10px; margin-left: 0; } #sidebar .bookmarks li { display:block; clear:left; margin:0 0 15px 0; } #sidebar .bookmarks a.bookmark-image { display:block; float:left; margin-right:10px; border:2px solid #000; -moz-box-shadow:3px 3px 5px #170F0C; -webkit-box-shadow:3px 3px 5px #170F0C; } /* Sidebar: Twitter */ #sidebar li#twitter { margin-top: -20px; margin-bottom:30px; } #sidebar li#twitter img { margin-top:5px; } .tweet { float:right; width:220px; margin:0; padding:10px; background-color:#2b1506; background-color:rgba(43, 21, 6, 0.5); color:#c5a088; font-size:14px; line-height:18px; text-transform:none; text-shadow:#222 1px 1px 0px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } #twitter .tweet .aktt_tweet_time { display:block; margin-top:5px; font-size:10px; line-height:11px; border-bottom: none; } /* End sidebar */ /** * Footer */ #footer { clear:both; width:100%; margin-top:20px; border-top:1px solid #190c03; } #footer p { margin:0; padding:20px 0; text-align: center; } #footer p.metadata { width:900px; margin-left:50px; } #powered-by { z-index:10; position:absolute; top:0px; left:810px; } #footer #copyright { border-bottom:1px solid #190c03; background:#362112 url("../images/top-shadow.png") repeat-x; } #footer #projects { display:none; width:900px; /*height:50px;*/padding:10px 0; margin-left:50px; border-top:1px solid #4a2914; text-align: right; } #footer #projects a { display:inline-block; margin-left:10px; } #footer #projects a img { /* height: 25px;*/ } /* End footer */ /** * Forms */ select { width:130px; } input[type="text"], input[type="password"], textarea { background-color:#362112; background-color:rgba(54, 33, 18, 0.7); background-image:url("../images/top-shadow.png"); background-repeat:repeat-x; border:1px solid #190c03; color:#fff; font-size:12px; } input[type="text"], input[type="password"] { padding:3px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } textarea { padding:3px 0; font-family: "Lucida Grande", Tahoma; -webkit-border-radius:5px; -moz-border-radius:10px; border-radius:10px; } #commentform input, .wpcf7-form input { width:170px; margin:5px 5px 1px 0; } #commentform { margin:5px 10px 0 0; } #commentform textarea { width:100%; } form #submit, form .submit-btn{ z-index:2; float:right; width:auto !important; margin:0 0 10px auto; padding:5px 10px; cursor: pointer; } /* End forms */ /** * Comments */ .commentlist { margin:10px 0 25px; } .commentlist li { margin:15px 0 10px; padding:10px; background-image:url("../images/top-shadow.png"); background-repeat: repeat-x; border:1px solid #190c03; } .commentlist li .comment-author-admin, .commentlist .bypostauthor { background-color:#4e2b13; } .commentlist li .avatar { float:right; border:1px solid #eee; padding:2px; background:#fff; } .commentlist p { margin:10px 5px 10px 0; } .commentlist .children { padding:0; } /* Comments: Threads */ .thread-alt { background-color: #29170a; } .thread-even { background-color: #362112; } .depth-1 { border:1px solid #ddd; } .even, .alt { border-left:1px solid #ddd; } .commentlist .alt { margin:0; padding:10px; } /* End comments */ /** * Code and quotes */ blockquote { margin:15px 30px 0 10px; padding-left:20px; border-left:5px solid #ddd; } blockquote cite { margin:5px 0 0; display: block; } code { font-size:inherit; font-family:'Andale Mono', 'Courier New', Courier, Fixed; text-transform:none !important; white-space:pre; line-height:auto; word-wrap:break-word; } code.docs-param { font-size:14px; } code .code-tab { display:inline-block; width:20px; } /* Code: TextMate */ blockquote.codeblock { margin: 10px 0px 20px; padding: 5px 15px; border: none; background: url("../images/codeblock-bg.png"); background: rgba(9, 33, 59, 0.5); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } /* End code and quotes */ /** * Alignments */ .alignright { float: right; } .alignleft { float: left; } .centered { margin-left:auto; margin-right:auto; } .center { text-align: center; } .hidden { display: none; } .screen-reader-text { position: absolute; left: -1000em; } /* End alignments */ /** * Color classes */ .afekenh-green { color:#b1fe4e; } .afekenh_yellow { color:#fef84e; } .afekenh_turqouse { color:#4efec6; } .afekenh_blue { color:#4e88fe; } /* End color classes */