/* Gallery CSS ArbesDJ www.arbesdj.com http://arbesdj.mywapblog.com */ /* CSS ini dikerjakan dengan susah payah,hargailah hasil karya orang lain. 27 Oktober 2013 Free Design by : Free CSS Templates Edited by ArbesDJ */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400; src: local('Oswald Regular'), local('Oswald-Regular'), url(http://themes.googleusercontent.com/static/fonts/oswald/v7/-g5pDUSRgvxvOl5u-a_WHw.woff) format('woff'); } body { margin: 0; padding:10px 0 0 0; background: #aaaaaa; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #181B20; } h1, h2, h3 { margin: 0; padding: 0; font-family: 'Oswald', san-serif; font-weight: normal; color: #38a; } h1 { font-size: 2.4em; } h2 { font-size: 2em; } h3 { font-size: 2em; } p, ul, ol { margin-top: 0; line-height: 180%; } ul, ol { } a { text-decoration: none; color: #3388aa; } a:hover { color:#000; } img.border { } img.alignleft { } img.alignright { float: right; } img.aligncenter { margin: 0px auto; } #wrapper { margin: 0 auto; padding: 0; } /* Header */ #header-wrapper { } #header { width: 980px; margin: 0 auto; background:#fff url(bg1.jpg)right top no-repeat } /* Logo */ #logo { margin: 0px auto; padding: 10px 20px ; font-family: 'Oswald', san-serif; color: #2E9F13; } #logo .heading, #logo .description { margin: 0; padding: 0; } #logo .heading { margin: 0; font-size: 30px; } #logo .heading a { color:#000; } #logo .heading a:hover { color:#777 } #logo .description { font-family: 'Oswald', san-serif; font-size: 16px; color:#999; padding:5px 0 } #logo a { border: none; background: none; text-decoration: none; color: #FFFFFF; } /* Search */ #search { margin:0; padding:0 13px 0 0 } #search-text { width: 290px; padding:0 5px; border: none; background: #fff url(
)left no-repeat; color: #000; margin:-2px 5px 0 0; height:28px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -o-border-radius:6px; border:#ddd 1px solid; } #search-submit { padding:0; width:60px; height:28px; border: none; background:#ddd; font: normal 11px Arial, Helvetica, sans-serif; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -o-border-radius:6px; } /* Menu */ #menu { font-family: 'Oswald', san-serif; width: 960px; height:20px; margin: 0px auto; padding:10px; background: #38a; border-top:1px solid #112; border-bottom:1px solid #112; } #menu ul { margin: 0; padding: 0px; list-style: none; } #menu li { margin-top:-3px; float: left; text-align:center; } #menu a { background:#000; width:100px; display: block; float: left; margin:-4px 10px 10px 10px; padding: 6px; letter-spacing: -1px; text-transform: uppercase; font-size: 18px; color: #fff; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -o-border-radius:6px; } #menu .current_page_item a { color: #fff; } #menu a:hover { text-decoration: none; color: #0cf; } /* Page */ #page { width: 980px; margin: 0 auto; padding: 40px 0 0 0; background:url(
); } #page-bgtop { } #page-bgbtm { margin: 0px; padding: 20px; } /* Content */ #content { float: left; width: 600px; padding: 0px; } .post { padding: 10px 15px; background:#f5f5f5; border:1px solid #ddd; margin:0 5px 12px; display: block; } .post + .post { display: block; width:253px; height:560px; float:left; margin:5px; overflow:hidden; } .post .title { font-family: 'Oswald', san-serif; padding-top: 10px; color: #3388ab; font-size: 20px; border-bottom:1px solid #ddd } .post .title a { color: #3388ab; } .post .title a:hover{ color:#000 } .post .meta { padding-bottom: 10px; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: italic; } .post .meta a { } .thumbnail{ float:left !important; width:320px !important; height:200px !important; margin:6px 10px 0 0px !important; border:solid #fff 4px !important; padding:0px !important; -moz-box-shadow: 5px 5px 5px #ddd; -webkit-box-shadow: 5px 5px 5px #ddd; -o-box-shadow:5px 5px 5px #ddd; box-shadow: 5px 5px 5px #ddd; } .post + .post .thumbnail { float:none !important; width:240px !important; height:130px !important; margin:9px 10px 0 0 !important; border:solid #fff 4px !important; -moz-box-shadow: 5px 5px 5px #ddd; -webkit-box-shadow: 5px 5px 5px #ddd; -o-box-shadow:5px 5px 5px #ddd; box-shadow: 5px 5px 5px #ddd; } .post .entry { text-align: justify; margin-bottom: 10px; padding: 0; } .post-single .entry img { border:3px solid #fff; max-width:80%; -moz-box-shadow: 5px 5px 5px #ddd; -webkit-box-shadow: 5px 5px 5px #ddd; -o-box-shadow:5px 5px 5px #ddd; box-shadow: 5px 5px 5px #ddd; } .links { display: block; width: 96px; padding: 2px 0px 2px 0px; background: #A53602; text-align: center; text-transform: uppercase; font-size: 10px; color: #FFFFFF; } #share_buttons:before{ display:block; content:'Share This'; color:#000; margin-bottom:10px; } #share_buttons { background:#eee; border:solid 1px #ddd; position:fixed; top:400px; left:0; right:auto; width:40px; display:inline-block; padding: 5px; clear: right; text-align:center; } #share_buttons img{border:none !important; margin:0 !important; padding:0 !important; box-shadow:none !important; } #comments{ padding: 0; background:#f5f5f5; border:1px solid #ddd; margin:0 5px } #comments h3{ background: #38a; padding:10px; color:#fff; font-size:23px } #comments h4{ padding:5px 10px; margin:0; font-size:20px } .comment{ padding:5px; margin:5px 10px 5px 70px; background:#fff; box-shadow:1px 1px 2px #aaa; } .comment:before{ content:url(
); float:left; margin:-6px 0 0 -70px; padding:5px; background:#fff; border:3px double #ddd } .comment h5{ margin:0 5px } .comment p{ margin:0; padding:5px } .comment a{ font-size:15px } /* Sidebar */ #sidebar { float: right; width: 320px; padding: 0 0 10px 0 ; background:#fafafa; border:1px solid #ddd } #sidebar ul { margin: 0; padding: 0; list-style: none; } #sidebar li { margin: 0; padding: 0; } #sidebar li ul { margin: 0px 0px; padding: 5px; } #sidebar li li { padding:5px; margin:0px; border-bottom:1px solid #ddd } #sidebar li+li li:before{ content:url(
); margin:0 2px 0 0 } #sidebar li+li+li li:before{ content:url(
) } #sidebar li li span { display: block; margin-top: -20px; padding: 0; font-size: 11px; font-style: italic; } #sidebar h3 { margin:0px; padding: 12px; text-transform: uppercase; font-size: 23px; background: #38a; color:#fff; display:block; text-align:center; } #sidebar p { margin: 0 0px; padding: 0px 20px 20px 20px; text-align: justify; } #sidebar a { border: none; } #sidebar a:hover { color:#000 } /* Footer */ #footer { font-family: 'Oswald', san-serif; width: 970px; margin: 0px auto ; font-size:12px; padding:10px 0 } #footer p { margin: 0; padding:5px; line-height: normal; text-align: center; color: #576475; } #footer a { } #comment_form{ padding:15px } .inp-text { width: 400px; } .inp-textarea { width: 400px; height: 150px; } #comment.inp-btn{ border:none; background:#38a; margin:2px 0 0 0; padding:5px; color:#fff } #comment.inp-btn:hover{ box-shadow:1px 1px 5px #389 } #pagination_links { font-size: 15px; padding: 8px; text-align:center; width:650px } #pagination_links span { background:#000; padding: 5px; display: inline-block; margin: 2px; color:#fff } #pagination_links a { padding: 5px; display: inline-block; border:1px solid #abc } #pagination_links a:hover { text-decoration: none; background:#000; color:#fff } .no-link, .no-link:hover { text-decoration: none; color: inherit; } .messages { background: #fff; padding:10px; border:#38a; margin:10px; } #ad { width: 980px; margin: 0 auto; background-color: #fff; height: 15px; overflow: hidden; } #footer p+p:before{content:" "; } #footer p+p:after{content:"Edited by : ArbesDJ"; display:block } .gallery {position:absolute;top:160px;right:0;left:0; margin:0px !important; padding:0px !important; text-align:center; font-family: 'Oswald', san-serif; font-size:16px } .gallery ul li { display:inline-block !important; padding:3px 6px !important; margin:2px !important; background:#38a; border:0 !important; list-style:none !important } .gallery ul li a { margin:0px !important; padding:0px !important; color:#fff !important; } .gallery ul li a:hover { color:#0cf !important; } .more { background:#fff; border:1px solid #ddd; margin-left:-5px !important;padding:0px; -moz-box-shadow: 5px 5px 5px #999; -webkit-box-shadow: 5px 5px 5px #999; -o-box-shadow:5px 5px 5px #999; box-shadow: 5px 5px 5px #999; } .more2 { text-align:right; margin:4px 3px; padding:3px; } .more ul { margin-left:0;padding:0; } .more ul li { padding:5px 0 !important; margin:0; border-bottom:1px solid #d1d7d7 !important; } .more2 a {background:#2586a3; padding:3px 5px !important; border:1px solid #125c72 !important; margin:0px !important; color:#fff !important; border-radius:5px; } .post iframe {width:320px;} .post-single .entry iframe {width:540px;} .post .entry2 iframe {width:460px} table{border-collapse:collapse} table caption{background:#000;color:#4dbce9;padding:5px;} table th{background:#ccc;border:1px solid #fff;padding:5px 3px;color:#f00;vertical-align:top} table tr{background:#e8f1f0;color:#000;} table tr:nth-child(even){background:#d2e2e2} table td{border:1px solid #fff;padding:5px 3px;font-size:14px;vertical-align:top} body:before { content: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKCcxNqDIjC-tlUcytY6TUtp6_h-34TSVigB_mTG9ErU0OhNw90WDz6FeQF4P5hLlrw3QcuZx7u7uE3LnVqHvCAptJe7nUCwThzMhhzgp5Lg01m42htR5w-tuUSrp8FA7fPRXuUz4DBNQC/s1600/desa+mb.jpg");display:block; text-align: center; font-weight:bold; margin:8px; padding:10px; border:15px solid #bbb; }
