<![CDATA[ /* Blogger Template Style Name : simple cips V.2 template Author : Brando Mewo By : http://www.seocips.com Url 2 : http://www.template.areasatu.com Url 3 : http://www.areasatu.com */ #navbar-iframe { height:0; visibility:hidden; display:none; } body { background:url(http://theme.medioworks.com/rockpress/images/background-tile.jpg); color:#444; height:100%; font-family:Arial,Helvetica,Tahoma,sans-serif; font-size:14px; font-weight:400; line-height:22px; text-decoration:none; margin:0; padding:0; } a,a:link,a:visited { color:#eb4938; text-decoration:none; } a:hover,a:active { color:#666; text-decoration:none; } h2.date-header,.quickedit { display:none; } .header-wrapper { width:980px; color:#333; min-height:100px; overflow:hidden; position:relative; z-index:999; margin:0 auto; } #header { max-width:230px; float:left; width:auto; overflow:hidden; z-index:999; min-width:230px; margin:0; padding:0; } #header-inner { margin:10px 0 10px; padding:0; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkbQdjfSTHAWMs1FfoWoRSiJKwuQ_QRS1DhioMadaxIizvI2C4xtp2gQ67bqaWB0fwPoEYkZicm1e2ykYkuS19ge3hilZW-C9_S3QWL3wY5WekgRMp294BZizz_rzqBtY6GJ3OTdB6jGb-/s1600/simplecips.png)no-repeat top left; } #header h1,#header p { font:0 Oswald; line-height:30px; height:45px; color:#333; padding-bottom:10px; margin:2px; } #header h1 a,#header h1.title a:hover { color:#48b; text-decoration:none; } #header .description { color:#333; font:0 Oswald; text-shadow:none; height:15px; } #header img { border:0 none; background:none; width:auto; height:auto; margin:0 auto; } #header2 { float:right; width:728px; margin:6px 0 0; } .header2 .widget { margin:0 auto; padding:5px 0; } #menu { background:#343434; color:#eee; height:33px; border-bottom:2px solid #eb4938; } #menu ul,#menu li { margin:0 0; padding:0 0; list-style:none; } #menu ul { height:33px; } #menu li { float:left; display:inline; position:relative; font:bold 11px Arial; text-shadow:0 -1px 0 #000; border-right:1px solid #444; border-left:1px solid #111; text-transform:uppercase; } #menu li:first-child { border-left:none; } #menu a { display:block; line-height:33px; padding:0 14px; text-decoration:none; color:#eee; } #menu li:hover > a,#menu li a:hover { background:#111; } #menu input { display:none; margin:0 0; padding:0 0; width:80px; height:33px; opacity:0; cursor:pointer; } #menu label { font:bold 30px Arial; display:none; width:35px; height:36px; line-height:36px; text-align:center; } #menu label span { font-size:10px; position:absolute; left:35px; } #menu ul.menus { height:auto; overflow:hidden; width:180px; background:#111; position:absolute; z-index:99; display:none; border:0; } #menu ul.menus li { display:block; width:100%; font:10px Arial; text-transform:none; } #menu li:hover ul.menus { display:block; } #menu a.home { background-color:#eb4938; text-indent:-9999px; padding:0; width:45px; margin-left:4px; background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ_0EDfZvqoraQLB1t59uxD7mn5Z5WwXJ9QmXRoDbghv4RARLhLQ4yo0l8ulAMOsMG3mNwCr2Ti0MbVcyjjelbCBcJ51bFU9w8bao-SNv5brsHb_F6TUlqHJrcNOdNy_iL8O5l9f3hDv1q/w25/loading1.gif); text-indent:-9999px; background-repeat:no-repeat; background-position:10px 5px; } #menu a.prett { padding:0 27px 0 14px; } #menu a.prett::after { content:""; width:0; height:0; border-width:6px 5px; border-style:solid; border-color:#eee transparent transparent transparent; position:absolute; top:15px; right:9px; } #menu ul.menus a:hover { background:#333; } .page-menu { background:#f9f9f9; width:100%; margin:0 auto; padding:0; border-top:1px solid #FF6600; } .page-menu ul { list-style:none; color:#555; width:960px; margin:0 auto; padding:0; } .page-menu ul li { list-style:none; line-height:34px; display:inline-block; } .page-menu li a { color:#555; font-size:13px; font-family:Arial,Helvetica,Tahoma,sans-serif; text-decoration:none; text-transform:capitalize; padding:0 10px; border-right:1px solid #ddd; } .page-menu li a:hover { color:#000; } .menusearch { width:300px; float:right; margin:0 auto; padding:4px 10px 0 0; } .searchform { margin-top:0; display:inline-block; *display:inline; padding:0; background:#fff; width:300px; height:23px; overflow:hidden; border:1px solid #ddd; } .searchform input { font:12px Arial; color:#222; line-height:23px; height:23px; padding:0; margin:0; } .searchform .searchfield { background:transparent; padding:0 0 0 6px; margin:0; width:260px; height:23px; border:0; outline:none; line-height:23px; } .searchform .searchbutton { background:#FF6600; border:none; font-size:14px; height:23px; width:23px; margin:0; padding:0; } .outerpic-wrapper { background:#fff; width:100%; box-shadow:0 10px 10px #666; -moz-box-shadow:0 10px 10px #666; overflow:hidden; -webkit-box-shadow:0 10px 10px #666; filter:progid:DXImageTransform.Microsoft.Shadow(color='#999999',Direction=125,Strength=6); padding:10px; margin:15px auto; } .content-wrapper { position:relative; max-width:980px; margin:0 auto; } .outer-wrapper { position:relative; width:100%; padding:0; } .main-wrapper { width:650px; margin:0; float:left; word-wrap:break-word; overflow:hidden; } .clr { clear:both; float:none; } h2 { line-height:1.4em; text-transform:none; color:#333; margin:.5em 0 .25em; } h3.date-header { text-transform:none; font:normal 12px Arial; color:#666; line-height:1.2em; margin:.1em 0; } .post { margin:10px 5px; padding:10px 15px; border:1px solid #a7a7a7; } .post h1,.post h2 { font:24px Arial; line-height:1.2em; color:#222; margin:.0em 0 0; padding:4px 0; } .post h1 a,.post h1 a:visited,.post h1 strong,.post h2 a,.post h2 a:visited,.post h2 strong { display:block; text-decoration:none; color:#222; } .post h1 strong,.post h1 a:hover,.post h2 strong,.post h2 a:hover { color:#eb4938; } .post-body { border-top:2px solid #ddd; padding-top:10px; font:normal 13px 'Arial',serif; margin:1.0em 0 .75em; line-height:1.3em; } .post-body blockquote { line-height:1.3em; } .post-footer { color:#666; text-transform:none; letter-spacing:.01em; font:13px Arial; line-height:1.4em; margin:.75em 0; } .comment-link { margin-left:.1em; } .post blockquote { line-height:1.6em; color:#333; background:#eee; border-left:10px solid #eb4938; margin:10px 10px 10px 20px; padding:10px 15px; } .post blockquote p { margin:.75em 0; } .post th { background:#f2f2f2; padding:2px 8px; } .post td { border-top:1px solid #dfdfdf; background:#f9f9f9; padding:2px 8px; } .post table { width:100%; border:1px solid #ccc; margin:10px 0 0; padding:0; } .post img,#header2 img,.sidebar img,.crosscol1 img,.crosscol2 img { max-width:100%; width:auto; -ms-interpolation-mode:bicubic; border:0; } .video-container { position:relative; margin:0 0 15px 0; padding-bottom:51%; padding-top:30px; height:0; overflow:hidden; border:1px solid #ccc; } .video-container iframe,.video-container object,.video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; } #related-posts { float:left; width:100%; margin:5px 0; padding-top:10px; } #related-posts .judul { background:none; color:#333; font:16px Oswald; padding:5px 0; display:none; } #related-posts .maskolis_img { padding:0 0; width:140px; height:125px; transition:all 400ms ease-in-out; -webkit-transition:all 400ms ease-in-out; -moz-transition:all 400ms ease-in-out; -o-transition:all 400ms ease-in-out; -ms-transition:all 400ms ease-in-out; } #related-posts .maskolis_img:hover { opacity:.7; filter:alpha(opacity=70); -moz-opacity:.7; -khtml-opacity:.7; } #blog-pager-older-link a,#blog-pager-newer-link a,a.home-link { width:80px; text-align:center; display:inline-block; color:#fff; font:bold 12px Arial; text-transform:none; margin:0; padding:5px 5px; background:#eb4938; border:1px solid #d53b2b; } .blog-pager,#blog-pager { clear:both; font:bold 12px Arial; text-align:center; padding:15px 10px; } .showpageNum a,.showpage a { background:#fff; text-decoration:none; white-space:nowrap; color:#222; margin:10px 3px; padding:5px 10px; border:1px solid #ddd; } .showpageNum a:hover,.showpage a:hover { color:#fff; text-decoration:none; background-color:#eb4938; border:1px solid #d53b2b; } .showpageOf { display:none; margin:0; } .showpagePoint { color:#fff; text-decoration:none; background-color:#eb4938; font-size:12px; margin:10px 3px; padding:5px 10px; border:1px solid #d53b2b; } .feed-links { clear:both; line-height:2.5em; } .post-snippet:before { content:attr(data-snippet); } #twit_fb { background-clip:padding-box; box-shadow:0 14px 2px -10px #CCC; cursor:pointer; display:inline-block; vertical-align:top; width:100%; margin:0 11px 30px 0; padding:0; } #twit_fb .none-efect { border:3px solid #EEE; position:relative; margin:0; padding:0; } ul.twit_fbpanjang { clear:both; float:left; list-style:none outside none; position:absolute; z-index:10; margin:0; padding:5px 0 0 5px; } ul.twit_fbpanjang li { -moz-transition:opacity 300ms ease 0; -ms-transition:opacity 300ms ease 0; -o-transition:opacity 300ms ease 0; -webkit-transition:opacity 300ms ease 0; transition:opacity 300ms ease 0; margin-bottom:10px; opacity:0; } #twit_fb:hover .twit_fbpanjang li { opacity:1; } ul.twit_fbpanjang li a:before { -moz-transition:all 300ms ease-out 100ms; -ms-transition:all 300ms ease-out 100ms; -o-transition:all 300ms ease-out 100ms; -webkit-transition:all 300ms ease-out 100ms; transition:all 300ms ease-out 100ms; background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYYaOeRv5pgZVvCH21D1kkCsWTELDVweBqEAQ6rP_XX2NtaqnRzTlD5Ad08On-BeKqfU1V2vusmYcXZN2hz5Ha42PkZu8_La64sbYwZZKQSj-xkEJCAmLgn5z633_Rj34v1dVcJqATvtSv/h120/icon-roll.png); background-color:transparent; background-repeat:no-repeat; content:""; display:inline-block; height:25px; position:absolute; width:25px; } ul.twit_fbpanjang li a.f-like:hover:before { background-position:-31px -47px; } ul.twit_fbpanjang li a.f-like span { color:#5974FF; } ul.twit_fbpanjang li a.t-share span { color:#00aced; } ul.twit_fbpanjang li a.t-share:hover:before { background-position:0 -48px; } ul.twit_fbpanjang li a.t-share:before { background-position:0 0; left:2px; top:2px; } ul.twit_fbpanjang li a.f-like:before { background-position:-31px 0; left:4px; top:2px; } ul.twit_fbpanjang li a { -moz-transition:width 300ms ease-out 100ms; -ms-transition:width 300ms ease-out 100ms; -o-transition:width 300ms ease-out 100ms; -webkit-transition:width 300ms ease-out 100ms; transition:width 300ms ease-out 100ms; background-clip:padding-box; background-color:#fff; background-repeat:no-repeat; border-radius:4px 4px 4px 4px; display:block; opacity:0.6; overflow:hidden; text-align:center; text-transform:uppercase; white-space:nowrap; width:0; position:relative; margin:3px; padding:8px 0 5px 33px; } ul.twit_fbpanjang li a:hover { width:75px; opacity:1; } ul.twit_fbpanjang li a span { display:block; font-weight:700; vertical-align:baseline; } .sidebar-wrapper { width:320px; float:right; word-wrap:break-word; overflow:hidden; padding-top:10px; } .sidebar-wrapper { padding-top:0; } .sidebar h2 { background:#fff; color:#333; font:15px Oswald; border-bottom:1px solid #a7a7a7; margin:0; padding:5px 0 5px 10px; text-transform:uppercase; } .sidebar { color:#666; line-height:1.3em; border-top:none; font:11px Arial; } .sidebar li { line-height:1.3em; margin:0; padding:5px 0 4px; border-bottom:1px dashed #ddd; } .sidebar .widget { margin:2px 2px 10px; padding:0; background:#fff; border:1px solid #a7a7a7; } .sidebar .widget-content { margin:0 auto; padding:0 10px; } .sidebar a:link,.sidebar a:visited { font:bold 12px Arial; color:#555; text-decoration:none; } .sidebar li a:hover { color:#892f2d; } .sidebar ul { list-style:none; margin:0; padding:5px 0; } #footer { background:#292929 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4LQ2bkWjOWVBhDePKzX6MKz9Nzsx1QdNPkkOX6x0p1gVdgjwFQrjRqa7wQfNNimx_ff0tCj_VPjyhaPDmOPBSSgpy4Oj5rTYmAtlYzhj6MfdHEewmfIsJN65F6EsNtpPmP3hyqmbFI5I/s400/seocips7.png) no-repeat top left; margin:0 auto; text-align:left; padding:1px; border-top:10px solid #1b90fa; overflow:hidden; } .footer-wrapper { color:#ffffff; font:12px Arial; height:100%; line-height:16px; overflow:hidden; padding:0; } .footer { float:left; width:30%; margin-left:19px; margin-top:7px; } .footer .widget { margin-bottom:30px; } .footer h2 { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiH6Dt5WhNILOIffWiAQOU1JslhefBC7MvUBv44v0GXbk6mY8PIFtm-678e3t9KeUo6LGTd6m265k7JwRqU_N94_ReY-vNvNCKeSMq3aR-mUeLskfBlCbMWt6HDMNwggjlWpQUkjW41aFb/s1600/batas.gif) repeat-x scroll bottom; font:bold 14px Arial; padding-bottom:8px; margin-bottom:8px; line-height:1.3em; text-transform:uppercase; color:#ddd; } .footer .widget-content { line-height:20px; } .footer ul { list-style:none; color:#EAE9E8; margin:0; padding:0; } .footer li { background:none; font:normal 12px Arial; color:#626262; text-indent:0; line-height:1.2em; margin:0; padding:2px 0 3px 17px; } .footer a:link,.footer li a:visited { color:#6bb6f8; text-decoration:none; } .footer li a:hover { color:#ffffff; } #credit { background:#333333; border-top:1px solid ##a7a7a7; font:10px Tahoma; color:#fff; width:100%; overflow:hidden; clear:both; padding:10px 0; line-height:18px; text-align:center; } #credit a { color:#fff; text-decoration:none; } #credit a:hover { color:#fff; text-decoration:none; } .kotakRSS1 { background-color:rgb(255,255,255); -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #cccccc; padding:5px 5px; margin:0 0 5px 0; } .seocips33 { background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPw0vpvm2WGcXRwejho9WyKtE59xaRaCHJv4apSbbzstqLg72rLeHZvvleJMVnAtIJSxKo-7woEchOi3EK3hcrr5Zr4QIrfd2xE6e_7LQwMT5cOkb1_xOyWLDHtknmSXCInM4z2YFLUoQ/s1600/maskolis.co.cc.jpg') no-repeat bottom right; } .seocips33 a { background:none; } .inpseocips33 { border:1px solid #B9C1C6; width:170px; height:16px; font-size:12px; padding:3px 4px 4px 10px; } .sbmtseocips33 { background:#9b9b9b; border:1px #9b9b9b solid; color:#FFF; font-size:13,5px; font-family:Arial,Tahoma,Verdana; margin-left:5px; padding:3px 5px 3px 5px; font-weight:bold; } .cips33subs table { border-collapse:inherit; border:none; } .cips33subs tr { border:0; } .cips33subs td { border:0; } .cips33subs th { border:0; } .clear { clear:both; } /*--- seocips --- */ .popular-posts ul { padding-left:0; } .popular-posts ul li { background:#FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPAhKB-sUdmrd6ep986Sswgtk-Yb-OFtCDgKaHUPRufzbq5JMJzlOrUmq-7EqNdnEVF58AcbQftcL_LKD0GHO8gwTTAXLZ1i6y6ze6824mp-DT0x640CSrHVL77DVWCadvNnA6HhpkSj4/s1600/1.gif) no-repeat scroll 5px 10px; list-style-type:none; margin:0 0 5px 0; padding:5px 5px 5px 20px !important; border:1px solid #ddd; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } .popular-posts ul li:hover { border:1px solid #6BB5FF; } .popular-posts ul li a:hover { text-decoration:none; } .popular-posts .item-thumbnail img { webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px; -webkit-box-shadow:0 1px 3px rgba(0,0,0,.4); -moz-box-shadow:0 1px 3px rgba(0,0,0,.4); box-shadow:0 1px 3px rgba(0,0,0,.4); } .tagblog { display:none; } .breadcrumbs { font-size:11px; font-weight:normal; } #button-count-share { width:100%; overflow:hidden; background:transparent; margin:0 auto; padding:3px; } #button-count-share span { float:left; position:relative; font-size:13px; color:#fff; margin:12px 5px 12px 5px; border-bottom:1px solid #4eabff; } .button-share { background:#dce0e0; position:relative; display:block; float:left; height:40px; overflow:hidden; width:140px; margin:4px; border-radius:3px; } .ikons { display:block; float:left; position:relative; z-index:3; height:100%; vertical-align:top; width:38px; text-align:center; } .ikons i { color:#fff; line-height:33px; } .slide-share { z-index:2; display:block; height:100%; left:38px; position:absolute; width:108px; margin:0; } .slide-share p { font-family:Verdana; font-weight:400; border-left:1px solid rgba(255,255,255,0.35); color:#fff; font-size:14px; left:0; position:absolute; text-align:center; top:10px; width:100%; margin:0; } .button-share .slide-share { transition:all 0.4s ease-in-out; } .facebook .fb_iframe_widget { display:block; position:absolute; right:5px; top:0; z-index:1; } .twitter iframe { left:50px; top:10px; z-index:1; display:block; position:absolute; } .google #___plusone_0 { width:90px !important; top:10px; right:5px; position:absolute; display:block; z-index:1; } .facebook .ikons,.facebook .slide-share { background:#4f79bc; } .twitter .ikons,.twitter .slide-share { background:#63cef2; } .google .ikons,.google .slide-share { background:#f36261; } .facebook:hover .slide-share,.twitter:hover .slide-share,.google:hover .slide-share { left:180px; opacity:0.6; } .comments { margin:5px; background:#f6f6f6; height:260px; overflow:auto; border:1px solid #fff; } .comments .comments-content { font-size:12px; margin-bottom:16px; font-weight:normal; text-align:left; line-height:1.4em; } .comments .comment .comment-actions a { display:inline-block; margin:0; padding:1px 6px; border:1px solid #C4C4C4; border-top-color:#E4E4E4; border-left-color:#E4E4E4; color:#424242 !important; text-align:center; background:#EDEDED; font:11px/18px sans-serif; padding:2px 8px; margin-right:10px; } .comments .comment .comment-actions a:hover { text-decoration:none; background:#fff; border:1px solid #5AB1E2; } .comments .comments-content .comment-thread ol { list-style-type:none; padding:0; text-align:none; } .comments .comments-content .inline-thread { padding:0.5em 1em; } .comments .comments-content .comment-thread { margin:8px 0; } .comments .comments-content .comment-thread:empty { display:none; } .comments .comments-content .comment-replies { margin-top:1em; margin-left:40px; font-size:12px; background:#f6f6f6; } .comments .comments-content .comment { margin-bottom:16px; padding-bottom:8px; } .comments .comments-content .comment:first-child { padding-top:16px; } .comments .comments-content .comment:last-child { border-bottom:0; padding-bottom:0; } .comments .comments-content .comment-body { position:relative; } .comments .comments-content .user { font-style:normal; font-weight:bold; } .comments .comments-content .user a { color:#2D5E7B; font-size:14px; font-weight:bold; text-decoration:none; } .comments .comments-content .icon.blog-author { width:18px; height:18px; display:inline-block; margin:0 0 -4px 6px; } .comments .comments-content .datetime { color:#999999; float:right; font-size:11px; text-decoration:none; } .comments .comments-content,.comments .comments-content .comment-content { margin:0 0 8px; } .comment-header { background-color:#F4F4F4; border:thin solid #E6E6E6; margin-bottom:5px; padding:5px; } .comments .comments-content .comment-content { text-align:none; } .comments .comments-content .owner-actions { position:absolute; right:0; top:0; } .comments .comments-replybox { border:none; height:250px; width:100%; } .comments .comment-replybox-single { margin-top:5px; margin-left:48px; } .comments .comment-replybox-thread { margin-top:5px; } .comments .comments-content .loadmore a { display:block; padding:10px 16px; text-align:center; } .comments .thread-toggle { cursor:pointer; display:inline-block; } .comments .continue { cursor:pointer; } .comments .continue a { display:inline-block; margin:0; padding:1px 6px; border:1px solid #C4C4C4; border-top-color:#E4E4E4; border-left-color:#E4E4E4; color:#424242 !important; text-align:center; background:#EDEDED; background:-webkit-gradient( linear,left top,left bottom,color-stop(.2,white),color-stop(1,#E5E5E5) ); background:-moz-linear-gradient( center top,white 20%,#E5E5E5 100% ); font:11px/18px sans-serif; padding:2px 8px; margin-right:10px; } .comments .comments-content .loadmore { cursor:pointer; max-height:3em; margin-top:3em; } .comments .comments-content .loadmore.loaded { max-height:0; opacity:0; overflow:hidden; } .comments .thread-chrome.thread-collapsed { display:none; } .comments .thread-toggle { display:inline-block; } .comments .thread-toggle .thread-arrow { display:inline-block; height:6px; width:7px; overflow:visible; margin:0.3em; padding-right:4px; } .comments .thread-expanded .thread-arrow { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjamAY0ocZkMJ1Dq3dNmoJ0cR6gby4NJSXsKcKze7ipW4PSnPSkURh8wIS65bYuS0IpgzgOzVx4s1xaAVzIlLJ5x_YSvCP3xFUdsIljzbthVpwve2lPe5OcuusWSt4z9jpIEqj-oIiSDPw/s1600/arrow-down.png) no-repeat scroll 0 0 transparent; } .comments .thread-collapsed .thread-arrow { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmf9iuiphmidnXMnLg11dUlihtV0myJA80UovvDz4RPHpW8pf8eOpnZgevebF6rKxw4NuSXRHoUtxgqktydxx0My6JdDDBr3AFpSoGi3cyJAf41f21yqhKUlVZ2-8I3DX5KpssKJzSI5k/s1600/arrow-right.png) no-repeat scroll 0 0 transparent; } .comments .avatar-image-container { background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglAKHg50vYjoc8weMtlfM-GVYxKsLkjUicrPWUsS-L5Q0A9gy_sRz2jYQy7JFcuhPSYtAGqEbq_Ro3o_VTQyJfmwquYP7py6hrNSQ_Wcic0CWWk-gZpMi2-WSLMgE2KoFT0TdwdhDYhzY/s1600/avatar.jpg); background-position:center center; background-repeat:no-repeat; float:left; width:36px; max-height:36px; margin:0; outline:1px solid #FFFFFF; padding:3px; vertical-align:middle; overflow:hidden; border:1px solid #DDDDDD; } .comments .avatar-image-container img { width:36px; } .comments .comment-block { margin-left:48px; position:relative; } @media screen and (max-device-width:480px) { .comments .comments-content .comment-replies { margin-left:0; } } @media screen and (max-width:980px) { #header { float:none; max-width:none; text-align:center; margin-top:10px; } #header-inner { margin-bottom:0; } #header h1,#header p { margin-right:0; } #header .description { margin:0; } .menusearch { float:none; padding:5px 0 10px; } .main-wrapper { margin-right:0; width:66.5%; } .sidebar-wrapper { border:none; margin:0 auto; padding:0 10px; } .credit { padding:20px !important; } #credit .left,#credit .right { float:none; text-align:center; margin:0; } .outerpic-wrapper,.content-wrapper { padding:0; } #header2,.page-menu ul { text-align:center; width:100%; } } @media screen and (max-width:800px) { .header-wrapper { margin-right:0; min-height:0; width:100%; } #header { text-align:center; width:100%; max-width:none; } #header-inner { margin:10px 0; } .main-wrapper { width:55.4%; } #menu { position:relative; } #menu ul { background:#111; position:absolute; top:100%; right:0; left:0; z-index:3; height:auto; display:none; } #menu ul.menus { width:100%; position:static; padding-left:20px; } #menu li { display:block; float:none; width:auto; } #menu input,#menu label { position:absolute; top:7px; left:0; display:block; } #menu input { z-index:4; } #menu input:checked + label { color:white; } #menu input:checked ~ ul { display:block; } .page-menu li a { border-right:0; } .page-menu { margin:0; width:100%; } } @media screen and (max-width:760px) { .outer-wrapper { padding:0; } .main-wrapper { margin-right:0; width:100%; min-height:0; } .sidebar-wrapper { position:relative; top:auto; right:auto; clear:both; left:auto; width:auto; background:none; } #comment-editor { margin:10px; } .footer { width:auto; margin:15px; } #relpost_img_sum .news-text { display:none; } } @media screen and (max-width:480px) { #header img { width:100%; } #relpost_img_sum .news-title { font:11px Arial; } .post-comment-link { display:none; } .page-menu { display:none; } #related-posts .maskolis_img { width:100%; } .sidebar-wrapper,.tr-caption-container,.post-body img { width:100%; } } @media screen and (max-width:320px) { .comments .comments-content .datetime { display:block; float:none; } .comments .comments-content .comment-header { height:70px; } .page-menu,.kotakRSS1 { display:none; } } @media screen and (max-width:240px) { .header-wrapper { margin-right:0; min-height:0; width:100%; } #header { text-align:center; width:100%; max-width:none; } #header-inner { margin:10px 0; } #header img { border:0 none; background:none; width:auto; height:auto; margin:0 auto; } .comments .comments-content .comment-replies { margin-left:0; } } ]]>

 

Written By on |

Share

Like

G+

Tweet

Tweet

BLOG INI TELAH DI HACK wkwkwk

by:KID404

Hello!!