/* Theme Name: (.)(.) Vikiworks screen styles Theme URI: http://vikiworks.com Description: Default styles Version: I don't know! Author: yichi (http://vikiworks.com) ****************************************************************************** PLEASE DO NOT COPY/USE MY STYLES WITHOUT PERMISSION! THANKS IN ADVANCE! ****************************************************************************** */ /* RESET /////////////////////// */ html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; } /* BODY SETUP /////////////////////// */ body {/* IE (10px=62.5%, 11px=68.75%, 12px=75%) remember that! */ background:#040507 url(images/main_background.jpg) top center no-repeat; color:#bbb; font:12px/14px helvetica, arial,Sans-serif; } html > body { font-size: 11px; } /* Other browsers */ /* h1,h2,h3 etc /////////////////////// */ h1, h2, h3, h4, h5, h6 { font-family: Helvetica, Arial, sans-serif; line-height: 1.2; letter-spacing: -0.050em; } h1 { font-size: 2.0em; } h2 { font-size: 1.6em; } h3 { font-size: 18px; } h4 { font-size: 18px; font-weight: bold; } h5 { clear: both; display: block; font-size: 12px; font-weight: bold;text-shadow: 0px 1px 0px #eee; } h6 { font-size: 1.25em; font-weight: bold; } /* TEXT ELEMENTS /////////////////////// */ a { font-weight: bold;text-decoration:none; outline:none; color: #9d6427; } a:hover { text-decoration: none; border-bottom: none; color: #eee; } a:focus { border: none; } a img { border: none; } strong { font-weight: bold; } em { font-style: italic; } abbr { border-bottom: 1px dotted #ccc; cursor: help; } pre { margin-bottom: 15px; padding: 15px; overflow: auto; } code { font: 10px Monaco, monospace; background:#ddd; border-bottom: 1px solid #ccc; line-height: 1.6; } ul, ol { margin: 0; padding:0;list-style: none; } ul, li { list-style-type: none; margin: 0; } blockquote { padding: 10px 10px 10px 30px; font: italic 13px Helvetica, Arial, sans-serif; line-height: 1.6; width: 90%; background:#fafafa url(images/blockquote.png) no-repeat 0 15px; border: 1px solid #ccc; } .clear { clear:both; } .left { float:left;margin-right:5px; } .right { float:right;margin-left:5px; } a.viewall { padding: 0 0 0 15px;border: none; background: url(images/folder.png) no-repeat 0 20%; } a.dollar { padding: 0 0 0 12px;border: none; font-weight:normal; background: url(images/dollar.png) no-repeat 0 20%; } a.more { display:block; width:50px;border: none; float:right; font-weight:normal; background:#ccc url(images/widescreen.png) no-repeat 0 20%; } /* header /////////////////////// */ #header { width:950px;margin:0 auto;padding:1em 0 16em 0; } #header h1 a { display:block;font-size: 20px; margin: 5px 0; width: 240px;text-indent: -999em; } #header h1 a:hover { color: #7ebe40; } #main-wrapper { display:block; margin:0 auto;width:960px;padding:10px;text-align:left;background:url(images/px.png); } .main { width: 540px;margin:0;padding:0;float:left;overflow: hidden; } /* top navigation /////////////////////// */ ul.topnav { list-style:none; text-align:left;margin-top: 5px; float: right; } .topnav li { float:left; display:block; } .topnav li a { font:bold 11px Helvetica,Arial; text-transform: uppercase; text-decoration:none; display:block; padding:5px 15px; } .topnav li a:hover { color:#eee !important; background:transparent; } .topnav li a span { font-size:11px; color:#555; font-weight: normal; text-transform: none; text-decoration: none; } .topnav li a span:hover { color: #9a9634; border-bottom: 2px solid #9a9634 !important; } #hireme { width:35px;height:50px; background:transparent url(images/skip.png) no-repeat 0 26%; display: block; float:right;} #hireme a { text-indent: -999em; display: block;width:35px;height:60px; } /* blurb /////////////////////// */ #blurb { width:950px; margin:0 auto; height: 120px; overflow: hidden; background: url(images/gear.png) no-repeat bottom right; } #blurb h2 { display:block;letter-spacing:-1px;color:#fff;line-height:1em;margin:8px 2px 0px 2px; width: 420px; height: 85px; text-indent: -999em; background: url(images/introduction.png) no-repeat; } #blurb p { font-size:1.0em;margin:0 4px; width:420px;color:#aaa; } #blurb p a { color: #9a9634; text-decoration: none; border-bottom: 1px solid #333; } #blurb p a:hover { color: #aaa; text-decoration: none; } /* cover thumbnails customization /////////////////////// */ .thumb { font:1em helvetica,arial; background:#222 url(images/thumb.png); display:block; width:250px; height:170px; margin:20px 0 10px 13px; position:relative; -webkit-box-shadow: 0 0 20px #000; -moz-box-shadow: 0 0 20px #000; } .thumb p { margin:2px 0; color:#666; line-height:1.2; } .thumb p a {color:#555; font-weight: normal; } .thumb-title { background:#f4f4f4; bottom:0; right:0; width:240px; display:block; position:absolute; padding:4px 5px; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; } .thumb-title:hover { filter:alpha(opacity=60); -moz-opacity:.60; opacity:.60; } .thumb-title h2, .thumb-title h2 a { font-size:12px; color:#333; display:block; text-decoration: none; line-height: 1.2em; } .thumb-comment { position: absolute; top:-2px; right:0; background:#0e0e0e url(images/opa2.png); opacity:.8; } .thumb-comment a { font:bold 10px helvetica,arial; color: #aaa !important; display: block; line-height: 1.8em; width: 2.6em; text-decoration: none; text-align: center; } .thumb SPAN { background: url(images/tape.png) no-repeat; width: 60px; height: 20px;display: block; position: absolute; z-index: 1; left: 60px; top: -10px;} .thumb small a { color:#666;font-weight: normal; } /* blog post styles /////////////////////// */ .single { color:#999; width:520px; padding:15px 10px; overflow:hidden; background:#ebebeb; } .single h2, .single h2 a { color:#7eabb0; font-size:28px; font-family: 'rockwell', times, arial;letter-spacing:-2px; text-decoration:none; text-shadow: 0px 1px 0px #fff; } .single h3 { font-size:14px; } .single p { margin: 1.2em 0; } .single p strong { font-weight: bold; } .single p em { font-style: italic; } .single .comment-cloud { background:url(images/comment.png) no-repeat;display:block; width:40px; height:25px; font:bold 1.2em helvetica,arial; letter-spacing:-1px; text-align:center; padding-top:6px; float:right; text-shadow: 0px 1px 0px #888; } .single .comment-cloud a { color:#333; } .single .timestamp {font-family:arial; font-size:11px; font-weight: bold; text-shadow: 0px 1px 0px #fff;} .single .entry { font-size: 1.0em; line-height: 1.6em; color:#444; text-shadow: rgba(255, 255, 255, .9) 0px 1px 0px; } .single .entry a { color:#9d6427; text-decoration:none; font-family: helvetica,arial; } .single .entry a:hover { color:#333; } .single .entry ul li:hover, .single .entry ol li:hover { background:url(images/li-on.png) no-repeat 0 50%;} .single .entry ul li a { color:#333; } .single .entry ul li a:hover { color:#9d6427; } .single .entry ul, .single .entry ol { margin: 1em; } .single .entry ul li, .single .entry ol li { margin:0; color:#222; line-height:1.6em; padding-left:14px;background:url(images/li.png) no-repeat 0 50%; } .single .entry img.wp-smiley { border:0px none; margin:0; vertical-align:middle; } .single .entry img, .single .entry a img { border:0px; } .single .dropletter { color:#fff; display:inline; float:left;font-size:2.0em; line-height:1.0em; text-transform:uppercase; background: #252525; padding: 4px; font-weight:300; margin:0.05em 0.15em 0 0; text-shadow:none; } /* in-post related & tags /////////////////////// */ .related { width:510px;padding:5px; } .st-related-posts li { float:left; } .st-related-posts li a { display:block;width:235px;font-size:11px; color: #666; padding: 3px 0;border-bottom: 1px solid #ccc; } #tags { font-size: 11px; padding:4px; margin:3px 0; display:block; background:#fafafa;border:1px solid #ddd; } #tags a { font-weight: normal;color:#7a7a7a; text-decoration: none; border-bottom: 1px solid #dedede; } #tags a:hover { color:#333; } /* secondary section for home.php /////////////////////// */ #secondary { background:#171717 url(images/secondary-colors.png) repeat-x top; color: #666; padding:15px 10px; overflow:hidden; text-shadow: #000 0 0px 2px; } #secondary h2 { font-size: 12px; font-family: 'rockwell';text-transform: uppercase; color: #ccc; margin:5px 0;} #secondary SPAN { color: #666; font-size: 0.9em; display: block; } #secondary SPAN a { color: #666; border: none; font-weight:normal; } #secondary a { color:#eee; text-decoration: none; } #secondary a:hover { color:#999; } #secondary .link a { padding:2px 2px 2px 13px; background:url(images/folder.png) no-repeat 0 40%; font-size: 12px; font-family: 'rockwell', arial; float: right; } .column_l { margin: 10px 0; width: 240px; float: left; border-right: 1px dotted #222; } .column_r { margin: 10px 0; width: 240px; padding-left:15px; float: left; } #secondary .title a { color: #9d6427; font-weight: bold; font-size:12px; text-decoration: none; } #secondary .title a:hover { color: #fff;} #secondary .meta { margin:0px 0px 20px 0px; color:#4f4235; font-size:11px; } #secondary .meta a {color: #999; text-decoration: none; border-bottom: 1px solid #222; } /* quick launcher for socials (disabled) /////////////////////// */ #socialme { float:right; width:320px; clear:both; } #socialme ul { color:#eee; line-height:14px; font-size:10px; } #socialme ul li { float:right;} #socialme li span { color:#f30892; } #socialme ul li a { color:#0c74af; padding: 6px 0; display:block; width:150px; height:24px; } #socialme ul li a:hover { text-decoration: none;} #socialme ul img { float:left; clear:left; padding:0 5px; position:relative; } #socialme ul a em { color: #bbb; font-weight:normal; font-size:11px; font-style: normal; } /* twitter /////////////////////// */ .mytweet { width:190px; float:right; margin-top:11px; background:url(images/tw_top.gif) top left no-repeat; font-size: 11px; color:#bbb; } ul#twitter_update_list a { color:#9d6427; text-decoration: none; padding: 2px 0; border-bottom: 1px solid #202020; } ul#twitter_update_list a:hover { color:#666; } ul#twitter_update_list li { margin-bottom:10px; } .mytweet a { font-weight:normal;padding: 2px 0; border-bottom: 1px solid #202020; } .mytweet div { background:url(images/tw_bot.gif) bottom left no-repeat; padding:8px 10px 50px 10px; } /* sidebar /////////////////////// */ #sidebar { width: 420px; float:left; overflow:hidden; text-shadow: #000 0 0px 3px; } #sidebar a { color:#bbb; text-decoration:none; } #sidebar a:hover { color:#9d6427; } #sidebar h3 { margin:.4em 0; font-size:1.2em; font-family:'rockwell', times, arial;color:#7eabb0; } #sidebar .spacer { background:transparent url(images/spacer.png) no-repeat; height:21px; } .smartnav { overflow:hidden; float:left; margin-bottom:5px; background:#ccc; } .smartnav li { float: left; height: 22px; width: 25px;} .smartnav li.previous { background:url(images/previous.png) no-repeat; } .smartnav li.next { float: left; background:url(images/next.png) no-repeat; } .smartnav li a { font-size: 11px; text-indent:-999em; display: block; border: 0; color: #aaa;} .smartnav li a:hover { color: #ac4e25; } .smartnav li a span { display: block; padding: 10px 0 0 10px; cursor: pointer; } #sidebar-one { width: 190px; font-size:11px; padding:10px; float: left; color: #666; } #sidebar-one li { line-height: 1.4em; padding:7px 0; display:block; border-top:1px dotted #202020; } #sidebar-one ul { list-type:none; } #sidebar-one li a { text-decoration: none; } #sidebar-one img { vertical-align: middle; padding:0 4px 0 0; } #sidebar-one .park a { color:#666; font-weight:normal;} #sidebar-one .park a:hover { color:#9d6427;} #sidebar-two { width: 190px; padding:10px; float: right; } #sidebar-two a { color:#666; font-size:11px; } /* tags /////////////////////// */ #tagcloud { font-family:helvetica,arial; padding-bottom:15px; line-height:2.2em; } #tagcloud h3 { margin:.4em 0; font-size:1.2em; font-family: 'rockwell';color:#ddd; } #tagcloud a { text-decoration:none; color:#333; font-weight:normal; padding: 2px 1px; } #tagcloud:hover a { color: #666; text-decoration: none; } #tagcloud:hover a:hover, #tagcloud a:hover { color: #eee; text-decoration: none; } /* IMAGEROLL, (NEVER DELETE IT OR SKY WILL COLLAPSE!!!!) /////////////////////// */ #fave { margin:10px 0; color:#333; } #fave h3 span { font-size:10px; color:#333; display:block; font-weight:normal; } #fave ul { list-style-type:none; } #fave li { display:block; float:left; } #fave li a img { display:block; width:55px; height: auto;float:left; margin:0 5px 5px 0; border: 1px solid #333; filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; } #fave li a:hover img { filter:alpha(opacity=99); -moz-opacity:.99; opacity:.99; } /* linkpage /////////////////////// */ .linkpage h2 { margin:.4em 0; font-size:1.2em; font-family:'rockwell', times, arial;color:#7eabb0; } .linkpage ul { list-style-type:none; border: 0; } .linkpage li { float:left;margin-right:5px; filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; } .linkpage li:hover { filter:alpha(opacity=99); -moz-opacity:.99; opacity:.99; } .linkpage img { width: 16px; height: 16px; border:1px solid #333; } /* comments /////////////////////// */ .commentwrap{ border-top:1px solid #222; padding-bottom:10px; padding-top:10px; } .commentpost{ float:left; width:80%; padding-left:10px; } .commentmetadata { float:left; color:#666; padding-right:10px; color:#333; font-size:10px; } .commentmetadata li { list-style-type:none; font-size: 10px; font-family: arial; } .commentmetadata li a { text-decoration:none; font-size:11px; color: #666; } .warning{ padding:10px; background:#930; color:#eee; margin-bottom:10px; } .commentlist { background:#1a1a1a; overflow:hidden; padding:10px; font-size:11px; font-family: georgia;text-shadow: #000 0 0px 3px; } .commentlist a { color:#9a9634; border-bottom:1px solid #222; font-family: arial; } li.bypostauthor {/* CSS styles for author comments /////////////////////// */} li.byuser {/* CSS styles for registered users comments /////////////////////// */} .children { margin:10px 10px 10px 20px; } .children .commentwrap { background:#151515; border:1px solid #222; padding:6px; } h2#comment-heading { font-size:13px; font-family: 'rockwell',arial; font-weight: normal; color:#9a9634; text-shadow: #000 0 -1px 0; padding:15px 10px 10px 10px; background:#1a1a1a url(images/zag.png) repeat-x; letter-spacing:0; } h2#comment-heading span { color:#eee; text-shadow: #000 0 -1px 0; font-weight: normal;} h2#comment-heading a { color: #eee; font-weight: normal; text-decoration: none; padding: 2px 0;border-bottom: 2px solid #333; } h2#comment-heading a:hover { color: #999; } #respond h3 { margin: 0; font-size:11px; color:#ddd; text-transform:uppercase; } #respond p { margin: .5em 0; } h3#reply { font: normal 13px 'rockwell', helvetica, arial; color:#ddd; padding:10px; display:block; background:#121212; text-shadow: #000 0 -1px 0; letter-spacing: 0; text-transform: none; } .nocomments { display:block; font-size:12px; color:#eee; padding:6px 8px; background:#930; } .cancel-comment-reply a { background:#962905; padding:3px; float:right; color:#ddd; } .avatar { width:32px; height:32px; } .vcard em { font-style: normal; padding-bottom: 10px; display: block; font-weight: 900; } .vcard small { font: 9px/10px verdana, Arial, Helvetica, sans-serif; color: #999; } #commentform { background:#121212; padding:10px; color:#666; } #commentform input#author,#commentform input#email,#commentform input#url { color:#999; font:normal 12px helvetica,arial; background:#090909; border:1px solid #141414; padding:6px; margin-right:10px; width:200px; } #commentform #comment { color:#999; font:12px helvetica,arial; background:#090909; border:1px solid #141414; padding:5px; width:90%; } .button{ border:1px solid #151515; font:bold 10px helvetica,arial;text-shadow: 0px 1px 0px #444; height:25px; margin:10px 0; padding:0 5px; text-transform:uppercase;background: #333; color: #090909; cursor: pointer; } .button:hover { border:1px solid #151515; font:bold 10px helvetica,arial;text-shadow: 0px 1px 0px #222; height:25px; margin:10px 0; padding:0 5px; text-transform:uppercase;background: #962905; color: #aaa; cursor: pointer; } /* footer /////////////////////// */ #footer { width:960px; overflow:hidden; margin:0 auto; color:#666; font-size:10px; text-shadow: #111 0 -1px 0; } #footer .section { float:left; width:200px; padding:10px; } #footer_subnav { width:250px; margin-left:350px; } #footer_subnav ul li { list-style:none; padding:0 5px; line-height:1.4; text-align:right; } #footer_subnav li a { font-weight:normal;} #footer_subnav ul li a { margin-left:4px; color:#999; } #footer_nav ul li a:hover { color:#aaa; } #footer #footer_cp p { margin-bottom:10px; } #footer #footer_cp p a { color:#666; } #footer #footer_cp { width:350px; } #footer #footer_cp a img { margin-right:10px; vertical-align:middle; } #footer #footer_cp span { color:#aaa; } #trans { width: 100%; height:110px; background:transparent url(images/trans.png) repeat-x; position: fixed; z-index: 10000; display: block; bottom: 0; overflow: visible; margin: 0 auto; } /* search /////////////////////// */ .search { top: 57px; left: 555px;float: left; position: relative; } #searchbox input { border: 1px; padding: 5px; color: #777; background: #191919; font: 11px 'lucida grande', arial; } #searchsubmit { border: 1px; background: #121212; padding: 5px; color: #eee; font: 11px 'lucida grande', arial; width: 210px;} /* 404 /////////////////////// */ #error404 { margin:0 auto; width:960px; } #error404 h1 { font:normal 36px helvetica,arial; letter-spacing:-1px; color:#fff; padding:14px; display:inline; width: 500px; line-height: 140%;background: #151515; } #error404 span {color:#c00;}