/* Theme Name: DailyJobs Wordpress Theme Version: 1.0 Theme URI: http://www.chazzuka.com Author: Ariel G. Saputra Author URI: http://developer.web.id/ */ * { padding:0; margin:0; } a { text-decoration:none; } body { background:#fff url(images/bg.jpg); font:normal 12px/normal Georgia, "Times New Roman", Times, serif; padding-bottom:25px; } h1 { font-size:40px; letter-spacing:-2px; font-style:normal; color:#fff; } h2 { font-family:Arial, Helvetica, sans-serif; font-size:30px; text-transform:uppercase; color:#000; letter-spacing:-2px; } /* NAVBAR ---------------------------------------*/ #navbar { background:url(images/nav.gif); height:63px; border-bottom:solid 5px #000; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:center; } #navbar p { width:818px; margin:0px auto; padding:10px 0px 0px; } #navbar p strong { font-weight:normal; } #navbar a { color:#fff; font-size:15px;} #navbar a:hover,#navbar a.current { color:#fff; } /* CONTAINER ---------------------------------------*/ #container { position:relative; left:50%; margin-left:-409px; width:818px; } /* HEADER ---------------------------------------*/ #header { height:100px; line-height:100px; } #header h1 { float:left; } #header a { color:#fff; } #header #page-link { float:right; color:#fff; font-weight:bold; } #header #page-link a { padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-transform:uppercase; font-weight:bold; margin:0px; border-left:solid 0px #fff; } #header #page-link a.first { border-left:solid 0px #fff; } #header #page-link a:hover,#header #page-link a.current { color:#000; background:#fd056e; } /* ---------------------------------------*/ #catbar { padding:20px 0px 0px 20px } #catbar strong { display:inline-block; padding:5px; color:#fff; font-size:16px; } #catbar a { padding:10px 10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-transform:uppercase; font-weight:bold; background:#fff; color:#000; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } #catbar a:hover,#catbar a.current { color:#fff; background:#fd056e; } /* SEARCHBOX ----------------------------------------*/ #search-bar { margin:0; } #search-bar form,#search-bar a.button { margin-top:20px; } #search-bar form { width:591px; height:65px; background:url(images/search-box.png) no-repeat; float:left;} #search-bar form input { background:#fff; border:none 0px #fff; font-size:18px; letter-spacing:-1px; color:#7a7a7a; padding:5px; margin:18px 0 0 15px; width:380px; float:left; } #search-bar form button { background:url(images/button-search.png) no-repeat; width:149px; height:42px; line-height:42px; text-align:center; color:#fff; border:none 0px #fff; float:right; margin:15px 15px 0 0; font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; text-transform:uppercase; letter-spacing:-2px;} #search-bar a.button { float:right; } /* CONTENT -----------------------------------------*/ #content { margin:20px 0 0 0; } #content-bar { float:left; width:556px; background:url(images/container-top.png) top left no-repeat; padding-top:18px; } #content-bar .outer { background:url(images/container-bottom.png) bottom left no-repeat; padding-bottom:18px; } #content-bar .inner { background:url(images/container-mid.png) repeat-y; padding:10px 18px; } #content-bar ul { margin-left:20px; } #content-bar ul li { list-style:circle; color:#999; } #content-bar blockquote { padding:5px 10px; margin-left:10px; background:#f5f5f5; } #content-bar .inlineads { margin:10px 0px; } #jobs ul.listing {} #jobs ul.listing li { list-style:none; } /* SIDEBAR ---------------------------------------*/ #sidebar { width: 245px; float:right; } #sidebar .box2 .outer .inner h2 { font-size:16px; float:none; border-bottom:solid 1px #eee; padding:0px 0px 5px 0px; } #sidebar a.feed { background:url(images/rss.png) no-repeat; width:245px; height:84px; display:inline-block; margin-bottom:10px; } #sidebar a.twitter { background:url(images/twitter.png) no-repeat; width:245px; height:84px; display:inline-block; margin-bottom:10px; } #sidebar ul { margin:0px; } #sidebar ul li { list-style:none; border-bottom:solid 1px #eee; padding:5px 0px 5px 20px; background:url(images/chain.png) center left no-repeat; } #sidebar a { color:#666; } #sidebar a:hover { color:#000000; } /* FOOTBAR --------------------------------------------*/ #foot-bar { margin:20px 0 0 0; } #foot-bar .box-content { text-align:right; padding:0px 15px; } #foot-bar a.chazzuka { background:url(images/chazzuka.png) top left no-repeat; width:60px; height:61px; display:inline-block; float:left; } #foot-bar a.chazzuka:hover { background:url(images/chazzuka-hover.png) no-repeat; } #foot-bar a.button,#foot-bar a.chazzuka { margin-top:25px; } /* FOOTER -------------------------------------------*/ #footer { margin:20px 0 0 0; font-size:24px; letter-spacing:-1px; color:#fff; } #footer a { color:#ff036e; } /* CLEARING -------------------------------*/ .clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .clearfix { display: block } .fix{ clear: both; height: 1px; margin: -1px 0 0; overflow: hidden; } /* BOX 1 -----------------------------------------*/ .box1 { background:url(images/search-bar-left.png) top left no-repeat; padding-left:19px; } .box1 .outer { background:url(images/search-bar-right.png) top right no-repeat; padding-right:19px; } .box1 .outer .inner { background:url(images/search-bar-mid.png) repeat-x;} .box1 .outer .inner .box-content { height:115px; line-height:115px;} /* BOX 2 ---------------------------------------*/ .box2 { background:url(images/sidebar-top.png) top left no-repeat; padding-top:18px; margin-bottom:10px; } .box2 .outer { background:url(images/sidebar-bottom.png) bottom left no-repeat; padding-bottom:18px; } .box2 .outer .inner { background:url(images/sidebar-mid.png) repeat-y; padding:0px 18px;} /* BUTTON -----------------------------------------*/ a.button { background:url(images/button.png) no-repeat; width:164px; height:60px; line-height:60px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; text-transform:uppercase; letter-spacing:-2px; color:#aaa; display:inline-block; } a.button:hover { background:url(images/button-hover.png) no-repeat; } /* ------------------------------------------*/ ul#bookmarklet { margin-left:20px; } ul#bookmarklet li { list-style:circle; color:#999; padding:5px; border-bottom:solid 1px #eee; } ul#bookmarklet li a { font-weight:bold; color:#666; } ul#bookmarklet li a:hover { color:#000; } .cl { clear: both; } #content h2 { color: #000000; font-size: 30px; letter-spacing: -1px; float: left; } #content h2 span { color: #FF3C00; } #content a.rss { color: #FF7F00; font-family:arial,verdana; font-size: 12px; text-transform: uppercase; letter-spacing: -1px; text-decoration: none; width: 65px; float: right; margin: 15px 0 0 0; background: url(images/rss.jpg) no-repeat center right; text-align: right; padding-right: 24px; } #content p { margin:5px 0px; } #jobs .listing { border-top: solid 1px #F0EBE4; } #jobs .listing { clear: both; margin: 0px; padding: 0px; list-style: none; } #jobs .listing .item { clear: both; font-size: 12px; padding: 10px 0 10px 0; border-bottom: solid 1px #F0EBE4; } #jobs .listing .item big a { letter-spacing: -1px; color: #232220; text-decoration: none; font-size: 18px; width: 500px; display: block; line-height: 18px; } #jobs .listing .item small { font-size: 12px; color: #AAA091; width: 500px; display: block; float: left; margin-top: 1px;} #jobs .listing .item small a { color: #FF3C00; font-weight: bold; text-decoration: none; } #jobs .listing .item em { color: #6A645B; width: 50px; display: block; float: right; text-align: right; margin-top: -15px; } #jobs .listing .item em strong { font-size: 22px; font-weight: normal; display: block; line-height: 18px; } #jobs .listing .alt { background: #F8F8EF; } #page .job-details p strong { color: #000000; } #jobs .listing #old big a { color: #6A645B; } #jobs .listing #old small a { color: #6A645B; } #page h2 { display: block; width: 600px; float: none; background: url(images/job-details-top.jpg) no-repeat 15% 100%; padding-bottom: 15px;} #page .company-details { font-size: 12px; margin-top: -5px;background: #F7F7ED; border: solid 15px #F7F7ED; color: #AAA091; } #page .company-details small { font-size: 12px; } #page .company-details big { display: block; font-size: 15px; color: #686358; text-decoration: none; line-height: 18px; display: block;} #page .company-details big a { color: #232220; text-decoration: none; letter-spacing: -1px; font-size: 18px; } .job-details h3 { font-size: 20px; font-weight: bold; letter-spacing: -1px; margin: 30px 0 0 0; } .job-details { clear:both; } .job-details p { font-size: 13px; line-height: 20px; color: #7b7569; } .job-details p a { color: #FF3300; font-weight: bold; } #inpage .job-details { border-top: solid 4px #F7F7ED; } #inpage h2 { margin-bottom: 10px; } .submission h3 { border-bottom: solid 5px #F8F8EF; } .fl, .ft, .pt { width: 66px; text-align: center; color: #ffffff; font-family:tahoma; font-size: 9px; letter-spacing: 0.6px; float: left; margin: 4px 3px 0 0; text-transform: uppercase; display: block; line-height: 11px; } .fl { background: url(images/freelance.gif); } .ft { background: url(images/fulltime.gif); } .pt { background: url(images/parttime.gif); } #jobs .listing #old .fl, #jobs .listing #old .ft, #jobs .listing #old .pt { background: url(images/oldbg.gif); } .switch { border-top: solid 5px #F0EBE4; clear: both;} .switch a { cursor: pointer; margin: 10px 0 0 0; width: 66px; float: right; text-decoration: none; padding-left: 5px; margin-bottom: 10px; } .switch a span { margin: 0px; } .switch small { width: 300px; margin: 10px 0 0 0; text-align: right; float: left; display: block; text-align: right; font-size: 11px; } .publisher { background:url(images/publish.png); width:247px; height:64px; text-align:center; margin-bottom:10px;} .publisher strong { display:block; } .publish { font-size: 16px; font-weight: bold; letter-spacing: -0.5px; text-decoration: none; color:#000; padding-top:10px; display:inline-block; line-height:18px;} .publish span { font-size: 30px; letter-spacing: -3px; color:#fff; } #sidebar a.publish { color: #000; } #sidebar a.publish:hover { color: #fff; } .submission label { font-size: 13px; display: block; margin-top: 10px; margin-bottom: 5px;} .submission label span { color: #FF3300; } .submission .job-details input , .submission select{ width: 380px; padding: 10px; border: solid 1px #D8D1C7; display: block; } .submission select { width: 402px; } .submission textarea { width: 500px; padding: 10px; border: solid 1px #D8D1C7; height: 130px; display: block; } .submission textarea.descp { height: 80px; } .submission input#submit, #submit, .navigation a { background:url(images/button-search.png) no-repeat; width:149px; height:42px; display: block; text-decoration: none; font-size: 12px; color: #ffffff; text-align: center;border: 0px; cursor: pointer;} .err { border: solid 10px #FF5019; background: #FF5019; font-size: 12px; color: #ffffff; line-height: 18px; margin-bottom: 20px;} .stepone, .steptwo, .stepthree { margin-bottom: 25px; border-top: solid 4px #D4D4CC; width: 150px; margin-right: 1px; float: left; display: block; background: #F7F7ED; padding: 10px; color: #A7A7A1; font-size: 11px; } .active { border-top: solid 4px #000000; color: #000000; } .atention { background: #FFFBE7; padding: 10px; border: dashed 2px #F1DE86; font-size: 12px; margin-bottom: 30px; } .atention a { color: #FF3300; } .navigation { margin-top: 20px; } .navigation a { background:#666; padding:5px 10px; } .alignleft { float: left; } .alignright { float: right; }