/* Theme Name: smartclick Theme URL: http://www.g-excess.com Description: SmartClick themes untuk agan Naufals [$] Author: WordPress Designer Author URI: http://www.geoklik.com Version: 1.0 Tags: Slacky, Naufal, Kriwul. */ /******************************* Body & wrap container ********************************/ body { background:#c2c2c2 url(file/body.gif) repeat-x; width:965px; color:#000; font-size:12px; font-family:Arial, "Lucida Sans Unicode",Helvetica,sans-serif; margin:auto; padding:0px; } #adcarywcpar { background:#ffffff; width:935px; padding:5px 15px 15px 15px; margin: 20px auto 50px auto; position:relative;} #clear { clear:both;} *:focus { outline: none; } /******************************* Global links Style & Hover ********************************/ a, a:visited { color: #1359AE; text-decoration: none;} a:hover { color: #BE0C0C; text-decoration: none;} a img { border:none;} a:hover img { border:none;} /******************************* Header & ads ********************************/ #logo { float:left; width:200px; height:70px; } #gsearch { float:right; width:660px; height:25px; margin:30px 0px 0px 0px; } #gtop_link_ads { width:935px; height:20px; background:#eee; padding-top:5px; margin-bottom:20px; } #gtop_ads { width:935px; height:90px; background:#fff; padding-top:5px; margin-bottom:20px; } /******************************* Footer & ads ********************************/ #footer { overflow:hidden; width:945px; margin:0px auto -15px -15px; border:10px solid #dfe8f7; } #footer_ads { padding:5px; border-bottom:1px solid #ccc;} #footer h4 { font-size:13px; padding:0px; margin:0px 0px 5px 0px; display:inherit; font-family:Arial, "Lucida Sans Unicode",Helvetica,sans-serif;} #footer_mss { font-size:10.5px; font-family:"Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif; overflow:hidden; background:#ecf3fd; padding:10px 0px 5px 0px; border-bottom:2px solid #f5fafe; border-left:2px solid #f5fafe; border-right:2px solid #f5fafe;} #footer_a { float:left; width:283px; padding:0px 15px 0px 15px; border-right:1px solid #ccc;} #footer_b { float:left; width:283px; padding:0px 15px 0px 15px; border-right:1px solid #ccc;} #footer_c { float:left; width:283px; padding:0px 15px 0px 15px; } /******************************* Category navigation ********************************/ #catnav_box { width:935px; height:25px; margin-top:10px; background:#403f3f; border-bottom:1px solid #ff6b6b;} #catnav { margin: 0px; padding: 0px; } #catnav ul { float: left; list-style: none; margin: 0px; padding: 0px;} #catnav li { list-style: none; margin: 0px; padding: 0px; } /*******************************/ #catnav li a, #catnav li a:link, #catnav li a:visited { color:#fff; padding: 5px 15px 5px 15px; display: block; font-size: 12px; margin: 0px; font-weight:bold; } #catnav li a:hover, #catnav li a:active { color:#fff; padding: 5px 15px 5px 15px; text-decoration: underline; margin: 0px; font-weight:bold;} /*******************************/ #catnav li li a, #catnav li li a:link, #catnav li li a:visited { background:#333333; padding:5px 0px 5px 10px; opacity:0.95 !important; width:140px; font-weight:normal; text-transform:lowercase; float:none; margin:0px; border-bottom:1px solid #666666; border-left:1px solid #666666;border-right:1px solid #666666;} #catnav li li a:hover, #catnav li li a:active { background:#424242; padding:5px 0px 5px 10px; } /*******************************/ #catnav li { float: left; padding: 0px; } #catnav li ul { width: 152px; height: auto; position: absolute; left: -9999px; z-index: 9999; padding: 0px; margin: 0px; } #catnav li li { } #catnav li ul a { width: 140px; } #catnav li ul a:hover { } #catnav li ul a:active { } #catnav li ul ul { margin: -27px 0px 0px 151px; } /*******************************/ #catnav li:hover ul ul, #catnav li:hover ul ul ul, #catnav li.catnavhov ul ul, #catnav li.catnavhov ul ul ul { left: -9999px; } #catnav li:hover ul, #catnav li li:hover ul, #catnav li li li:hover ul, #catnav li.catnavhov ul, #catnav li li.catnavhov ul, #catnav li li li.catnavhov ul { left: auto; } #catnav li:hover, #catnav li.catnavhov { position: static; } /******************************* Page Navigations ********************************/ #pagenav_cont { overflow:hidden; padding:0px; width:945px; margin:0px 0px 0px 0px; background:#f9f9f9; border-bottom:10px solid #dfe8f7; } #pagenav { margin:0px; padding:0px; } /*******************************/ #pagenav ul { list-style: none; margin: 0px auto 0px auto; padding:0px; } #pagenav li { list-style: none; margin: 0px auto 0px auto; padding: 0px; float: left; } #pagenav li a, #pagenav li a:visited, #pagenav li a:link { color:#000; margin:0px; padding: 5px 12px 5px 12px; font-weight:normal; display:block; } #pagenav li a:active, #pagenav li a:hover { color:#000; margin:0px; padding: 5px 12px 5px 12px; text-decoration: underline;} /*******************************/ #pagenav li li a, #pagenav li li a:link, #pagenav li li a:visited { background:#eee; color:#000; padding:5px 0px 5px 10px; width:140px; font-weight:normal; text-transform:lowercase; float:none; margin:0px; border-bottom:1px solid #ccc; border-left:1px solid #ccc;border-right:1px solid #ccc;} #pagenav li li a:active, #pagenav li li a:hover { background:#dadada; padding:5px 0px 5px 10px; } /*******************************/ #pagenav li ul { width: 152px; height: auto; margin: 0px; padding: 0px; z-index: 9999; left: -9999px; position: absolute; } #pagenav li li { } #pagenav li ul a { width: 140px;} #pagenav li ul a:hover { } #pagenav li ul a:active { } #pagenav li ul ul { margin: -25px 0px 0px 151px; } #pagenav li:hover ul ul, #pagenav li:hover ul ul ul, #pagenav li.pagenavhov ul ul, #pagenav li.pagenavhov ul ul ul{ left: -9999px; } #pagenav li:hover ul, #pagenav li li:hover ul, #pagenav li li li:hover ul, #pagenav li.pagenavhov ul, #pagenav li li.pagenavhov ul, #pagenav li li li.pagenavhov ul{ left: auto; } #pagenav li:hover, #pagenav li.pagenavhov { position: static; } /******************************* RSS Navigation ********************************/ #rssnav { float:left; margin: 0px; padding: 0px;} #rssnav ul { list-style: none; margin: 0px; padding: 0px;} #rssnav li { list-style: none; margin: 0px; padding: 0px; } /*******************************/ #rssnav li a, #rssnav li a:link, #rssnav li a:visited { padding: 0px 16px 0px 0px; background:url(file/rss.gif) left no-repeat; color: #000; display: block; font-size: 11px; margin: 0px; } #rssnav li a:hover, #rssnav li a:active { padding: 0px 16px 0px 0px; background:url(file/rss.gif) left no-repeat; color: #000; display: block; text-decoration: none; margin: 0px; } /*******************************/ #rssnav li li a, #rssnav li li a:link, #rssnav li li a:visited { width: 180px; background: #eee; padding: 4px 10px 4px 15px; float: none; margin: 0px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } #rssnav li li a:hover, #rssnav li li a:active { background: #e8e8e8; margin: 0px; padding: 4px 10px 4px 15px; } /*******************************/ #rssnav li { float: left; padding: 0px; } #rssnav li ul { width: 167px; height: auto; position: absolute; left: -9999px; z-index: 9999; padding: 0px; margin: 0px; } #rssnav li li { } #rssnav li ul a { width: 140px; } #rssnav li ul a:hover { } #rssnav li ul a:active { } #rssnav li ul ul { margin: -24px 0px 0px 166px; } /*******************************/ #rssnav li:hover ul ul, #rssnav li:hover ul ul ul, #rssnav li.rssnavhov ul ul, #rssnav li.rssnavhov ul ul ul { left: -9999px; } #rssnav li:hover ul, #rssnav li li:hover ul, #rssnav li li li:hover ul, #rssnav li.rssnavhov ul, #rssnav li li.rssnavhov ul, #rssnav li li li.rssnavhov ul { left: auto; } #rssnav li:hover, #rssnav li.rssnavhov { position: static; } /******************************* Container ********************************/ #container { float:left; width:605px; padding-right:10px; margin:0px 0px 15px 0px; border-right:1px solid #ccc;} #post { font-family:Arial, "Lucida Sans Unicode", "Lucida Grande",Helvetica,sans-serif; line-height:1.4em;font-size:12px; color:#565656; } #post #rc { padding:0px 10px 15px 0px; margin:0px 0px 10px 0px; border-bottom:1px solid #dadada;} #post h1, #post h1 a { margin:0px; padding:0px; display: inline ; color:#000; font-weight:normal; font:18px Arial,"Lucida Sans Unicode", Helvetica, "Century Gothic","Lucida Grande",sans-serif;} #post h1 a:active { text-decoration:underline; } #idx_recent { overflow:hidden; margin:20px 0px 0px 0px; background: #fff;} #idx_recent #left { float:left; width:295px; } #idx_recent #right { float:right; width:295px; } #idx_recent a:active { text-decoration:underline; } #idx_recent h3 { padding:0px; margin:0px 0px 10px 0px; border-bottom:1px solid #ccc;} /******************************* WP rules / posting rules ********************************/ #content { margin:8px 0px 0px 0px;line-height:1.4em;font-size:13px; color:#363636; font-family: Arial,"Lucida Grande","Lucida Sans Unicode",Helvetica,sans-serif; } #content p { } #content li { } #content p code { background:#eee; letter-spacing:normal; font-size:12px;} blockquote { color:#333333; background: #f4f7fc; margin: 0px; padding: 10px 20px 0px 15px; border: 1px solid #dadada; margin-bottom:10px; } blockquote p { color:#333333; margin: 0px; padding: 0px 0px 15px 0px; } #content h1 { font-size:18px; margin:0px; padding:5px 0px 5px 0px; } #content h2 { font-size:16px; margin:0px; padding:5px 0px 5px 0px; } #content h3 { font-size:14px; margin:0px; padding:5px 0px 5px 0px; } #content h4 { font-size:12px; margin:0px; padding:5px 0px 5px 0px; } #content h5 { font-size:10px; margin:0px; padding:5px 0px 5px 0px; } #content h6 { font-size: 8px; margin:0px; padding:5px 0px 5px 0px; } /* content images */ .wp-caption { margin: 5px 10px 10px 5px; padding: 10px 0px 5px 10px; background:#eee; border:1px solid #ccc; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .wp-caption img { margin: 0px 0px 0px 0px; border: 0px; } .wp-caption p.wp-caption-text { margin: 0px; padding: 5px 0px 0px 0px; font-size:11px; font-weight: bold; color:#666666; line-height:normal; } .alignright { float: right;} .alignleft { float: left; border:1px solid #ccc; -moz-border-radius: 10px; -webkit-border-radius: 10px;} .aligncenter { display: block; margin-left: auto; margin-right: auto; } img.alignleft { padding: 0px; margin: 5px 10px 5px 0px; display: inline; } img.alignnone { padding: 0px; margin: 5px 10px 5px 0px; display: inline; } img.alignright { padding: 0px; margin: 5px 0px 5px 10px; display: inline;} img.centered { display: block; margin-left: auto; margin-right: auto; } #content .wp-smiley { float: none; border: none; margin: 0px; padding:0px; } #content .wp-wink { float: none; border: none; margin: 0px; padding: 0px; } /******************************* Single & plugin optimized ********************************/ #info { overflow:hidden; margin:5px 0px 0px 0px; padding:5px 0px 5px 0px; font-size:11px; border-bottom:1px solid #dadada; border-top:1px solid #dadada; font-family:Arial,"Lucida Grande","Lucida Sans Unicode",Helvetica,sans-serif;} #page_info { border-bottom:1px solid #dadada; width:auto; clear:both; margin:5px 0px 0px 0px;} #edit { margin-top:10px; font-weight:bold; float:right; font-size:11px; background: #FFCC33; border-bottom:1px solid #FF6600; border-top:1px solid #FF6600; margin-bottom:10px;} #auth { float:left;} .post-ratings { float:left; width:auto;} /* share single */ #sharethis { padding:10px 0px 5px 0px; margin:5px 0px 0px 0px; font-size:12px; border-bottom:1px solid #dadada; border-top:1px solid #dadada; font-family:Arial,"Lucida Grande","Lucida Sans Unicode",Helvetica,sans-serif;} #stumble { padding:5px 0px 0px 20px; margin:0px 5px 0px 5px; background:url(file/stumble.gif) left no-repeat; } #digg { padding:5px 0px 0px 20px; margin:0px 5px 0px 5px; background:url(file/digg.gif) left no-repeat; } #techno { padding:5px 0px 0px 20px; margin:0px 5px 0px 5px; background:url(file/techno.gif) left no-repeat; } #delic { padding:5px 0px 0px 20px; margin:0px 5px 0px 5px; background:url(file/del.gif) left no-repeat; } #addthisb { padding:5px 0px 0px 20px; margin:0px 5px 0px 5px; background:url(file/addthis.gif) left no-repeat; } #wprp { font-family:Arial, "Lucida Grande","Lucida Sans Unicode",Helvetica,sans-serif; font-size: 12px; } #wprp ul { margin:10px 0px 0px 0px; border-bottom:1px solid #dadada;} #wprp li { list-style-image: url(file/list.png); margin:0px 0px 3px 0px; padding-bottom:3px;} #wprp h3 { border-bottom:1px solid #dadada; font-size:15px; margin-bottom:8px; padding-bottom:5px; } #adpost_468{ padding:10px; margin:0px auto 10px auto; border-bottom:1px solid #dadada;} #iklan_post{ width:auto; overflow:hidden;} /******************************* Comment ********************************/ #comment { } #add_comment { background:#f4f7fc; border:1px solid #ccc; padding:5px; margin:10px 0px 0px 2px; } #add_comment p { margin-left:10px;} #add_comment h4, #add_comment h3 { font-weight: bold; font-size:13px; color:#1359aE; margin-bottom:2px; margin-top:2px; padding-bottom:2px; margin-left:10px; font-family:Arial,"Lucida Grande", "Lucida Sans Unicode",Helvetica,sans-serif; } /* comment list */ #tp_com { font-family: Arial,"Lucida Grande","Lucida Sans Unicode",Helvetica,sans-serif; } #tp_com ol { list-style:none;} #tp_comcont { background:#fefefe; margin:0px 0px 10px -40px; padding:10px; border:1px solid #dadada;} #gravatar { float:left; background: #eee;} #com_post { margin-left:60px; background:#fefefe; } #com_post p { margin:10px 0px 0px 0px; padding:0px;} #log_com { color:#666666; text-decoration:underline;} #com_wait { color:#999999; font-size:11px; } #com_edit { font-weight:bold; float:right; font-size:11px; background: #FFCC33; border-bottom:1px solid #FF6600; border-top:1px solid #FF6600; margin-bottom:10px;} /* comment form */ #comform { border:none; padding:0px; margin:0px;} #comform fieldset { border:none;} #comform label { font-size:11px;} #comform #formlabel { height:10px; width:auto; color:#000; margin:15px 0px 0px 0px;} #label_auth { margin:0px 100px 0px 2px; } #label_mail { margin:0px 100px 0px 2px; } #label_site { margin:0px 0px 0px 4px; } #comform #forminput { height:20px; width:auto; color:#000; margin:10px 0px 0px 0px;} .input_auth { width:165px; margin:0px 7px 0px 0px; font-size:11px; padding:2px 2px 1px 2px; } .input_mail { width:165px; margin:0px 7px 0px 7px; font-size:11px; padding:2px 2px 1px 2px; } .input_site { width:165px; margin:0px 0px 0px 7px; font-size:11px; padding:2px 2px 1px 2px; } .replyarea { width:560px; height:130px; margin:20px 0px 10px 0px; padding:2px 3px 2px 2px;} .replybutton{ color: #fff; width: 60px; font-size:11px; padding: 1px; margin: 0px 0px 0px 10px; border: 1px solid #234B69; font-weight: bold; cursor:pointer; background: #376B9D url(file/subscribe_submit.gif); font-family: Arial,"Lucida Grande","Lucida Sans Unicode",Helvetica,sans-serif; } .subcheck { height:20px; width:auto; margin:15px 0px 0px 0px; } .subcheck label { float:left; } .subcheck input { float:right; height:15px !important; margin:0px; padding:0px; } .subcheck p { margin:0px; padding:0px; } /******************************* Archieve ********************************/ /* Seach archive page */ #srcformpage { margin:10px 0px 10px 0px;} #srcformpage fieldset { border:none;} #srcformpage #s_txt_page { width:350px; font-size:11px; padding:2px 0px 2px 2px; color:#666666; background:#FFFFFF url(file/tp_reply_bg.gif) center left repeat-x; border:1px solid #7f9db9;} #srcformpage #s_txt_pages { width:150px; font-size:11px; padding:2px 0px 2px 2px; color:#666666; background:#FFFFFF url(file/tp_reply_bg.gif) center left repeat-x; border:1px solid #7f9db9;} #srcformpage #srcpgbutton { font-size:11px; padding:0px 10px 0px 10px;} #search_none li, #search_none ul { list-style-image:url(file/list.png);} #post #judul_src { font-size:12px; padding:0px; margin:5px 0px 0px 0px;} #pnavi { font-size:12px; line-height:normal; margin:10px 0px 10px 0px !important;} /******************************* Sidebar container & custom ********************************/ /* container all */ #sidebar { float:right; color:#565656; width:312px; margin:0px 0px 15px 0px; background:#fff; } #xxsidebar { width:312px; overflow:hidden;} #sidebar_kiri { float:left; width:150px; background: #fff; } #sidebar_kanan { float:right; width:150px; background: #fff; } /* sidebar 300 / custom */ #sidebar p { margin: 0px; padding: 0px 10px 0px 10px; } #sidebar ul { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px; } #sidebar h2 { padding:5px 0px 0px 0px; margin:0px 0px 10px 0px; border-top:1px solid #dadada; font-weight: bold; font-size:15px; } #sidebar h2 a, #sidebar h2 a:visited { color:#1359ae; text-decoration:none; } #sidebar h2 a:hover { color: #FF6600; text-decoration:none; } #sidebar #subscribe h2 a:active { color: #BE0C0C; text-decoration:underline !important; } /* submisions */ #subscribe_title { text-indent:50px;} #subscribe { width:312px; height:100px; background: url(file/subscribe.gif) top no-repeat; padding-bottom:10px;} #subscribe_link { margin:-10px 0px 0px 50px;} #subscribe_txt { color:#737373; font-size:11px; margin:10px 0px 0px 10px; } #subscribe_submit { background: #376B9D url(file/subscribe_submit.gif); color: #fff; font-size: 11px; padding: 2px 4px 2px 4px; margin: 0px 0px 0px 5px; border: 1px solid #234B69; font-weight: bold; cursor:pointer; font-family: Arial,"Lucida Grande","Lucida Sans Unicode",Helvetica,sans-serif; } #subscribe_email { background: #fff; width: 160px; color: #666666; font-size: 12px; font-family: Arial, Tahoma, Verdana; font-weight: normal; padding: 3px; margin:3px 0px 0px 10px; border: 1px solid #c7c7c7; display: inline; } /* author */ #penulis { background:#ecf3fd; height:auto; overflow:hidden; font-size:11px; padding:0px 0px 5px 0px; } #penulis p { padding:0px 10px 0px 80px !important;} #penulis h2 { text-indent:10px; padding:5px 0px 0px 0px;} #avatar_penulis { height:64px; width:64px; float:left; margin-left:10px; } #avatar_penulis img { height:64px; width:64px; } #penulis_link { float:right; padding-right:30px;} /* translate */ #bahasa { padding:10px 0px 10px 0px; width:312px !important; overflow:hidden;} /* iklan */ #iklan300 { padding:10px 0px 10px 0px; border-top:1px solid #dadada;} #connect { padding:10px 0px 10px 0px; border-bottom:1px solid #dadada; margin-bottom:10px;} /******************************* Sidebar global wp style ********************************/ #xxsidebar p { margin: 0px; padding: 0px 10px 0px 10px; } #xxsidebar ul { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px; } #xxsidebar h2 { padding:3px 0px 3px 0px; margin:10px 0px 5px 0px; font-weight: bold; font-size:15px; border-bottom:1px solid #dadada; } #xxsidebar h2 a, #xxsidebar h2 a:visited { color:#565656; text-decoration:none; } #xxsidebar h2 a:hover { color: #565656; text-decoration:none; } /* container */ #xxsidebar ul li { list-style-type: none; } #xxsidebar ul ul { list-style-type: none; margin: 0px; padding: 0px; } #xxsidebar ul li li { padding: 3px 0px 0px 5px; margin: 0px 0px 0px 0px; width:150px; } /* one */ #xxsidebar ul li ul li { padding: 3px 0px 0px 5px; margin: 0px 0px 0px 0px; width:140px; } /* two */ #xxsidebar ul li ul li ul li { padding: 3px 0px 0px 0px; margin: 0px 0px 0px 0px; width:130px; } /* Tags ************************/ #xxsidebar .widget_tag_cloud { } #xxsidebar .widget_tag_cloud a{ display:block; margin:0px; padding:3px 3px 3px 5px; font-size:12px !important; } /* RSS widget ******************/ #xxsidebar .rssSummary { padding-right:5px;} /* Calendar ********************/ #xxsidebar .widget_calendar { } #xxsidebar #wp-calendar { width:150px; padding:0px; background:#f9f9f9; } #xxsidebar #wp-calendar caption { padding-top:5px; background:#f9f9f9; } /* Text ************************/ #xxsidebar .textwidget { text-align:left; } #xxsidebar .textwidget p { padding:0px; text-align: justify;} /* Drop list *******************/ #xxsidebar .widget_archive { } #xxsidebar .widget_archive select { width:150px; margin:5px auto 5px auto;} #xxsidebar .widget_categories { } #xxsidebar .widget_categories select { width:150px; margin:5px auto 5px auto;} /* Seach ***********************/ #xxsidebar .widget_search { } #xxsidebar .widget_search fieldset { border:none; } #xxsidebar .widget_search form{ } #xxsidebar .widget_search input { margin:5px 0px 0px 0px; font-size:12px; width:100px; } #xxsidebar #s_txt_input { width:130px; font-size:12px; padding:2px 0px 2px 2px; margin:0px 0px 0px 0px; color:#666666; border:1px solid #7f9db9;}