<data:blog.title/> <data:blog.pageName/> | <data:blog.title/> Archive for <data:blog.pageName/> <data:blog.pageName/> <data:blog.title/> - <data:blog.pageName/> Page Not Found <data:blog.pageTitle/> - All Post */ /** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}/* HTML5 display-role reset for older browsers */article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;display:block;}*{margin:0;padding:0;}html{display:block;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;} /* FRAMEWORK */ .navbar,.post-feeds,.feed-links{display:none; } .section,.widget{margin:0 0 0 0;padding:0 0 0 0; } strong,b{font-weight:bold; } cite,em,i{font-style:italic; } a:link{color:$(link.color);text-decoration:none;outline:none;transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s; } a:visited{color:$(link.visited.color);text-decoration:none; } a:hover{color:$(link.hover.color);text-decoration:none; } a img{border:none;border-width:0;outline:none; } abbr,acronym{border-bottom:1px dotted;cursor:help; } sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%; } sub{top:.4em;}small{font-size:86%; } kbd{font-size:80%;border:1px solid #999;padding:2px 5px;border-bottom-width:2px;border-radius:3px; } mark{background-color:#ffce00;color:black; } p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:1.5em 0; } hr{height:1px;border:none;background-color:#666; } /* heading */ h1,h2,h3,h4,h5,h6{font-weight:bold;line-height:normal;margin:0 0 0.6em; } h1{font-size:200% } h2{font-size:180% } h3{font-size:160% } h4{font-size:140% } h5{font-size:120% } h6{font-size:100% } /* list */ ol,ul,dl{margin:.5em 0em .5em 3em } ol{list-style:decimal outside } ul{list-style:disc outside } li{margin:.5em 0 } dt{font-weight:bold } dd{margin:0 0 .5em 2em } /* form */ input,button,select,textarea{font:inherit;font-size:100%;line-height:normal;vertical-align:baseline; } textarea{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; } /* code blockquote */ pre,code{font-family:"Courier New",Courier,Monospace;color:inherit; } pre{white-space:pre;word-wrap:normal;overflow:auto; } blockquote{background:#f8f8f8;margin-left:2em;margin-right:2em;border-left:4px solid #ccc;padding:1em 1em;font-style:italic; } /* table */ .post-body table[border="1"] th, .post-body table[border="1"] td, .post-body table[border="1"] caption{border:1px solid;padding:.2em .5em;text-align:left;vertical-align:top; } .post-body table.tr-caption-container {border:1px solid #ddd; } .post-body th{font-weight:bold; } .post-body table[border="1"] caption{border:none;font-style:italic; } .post-body table{background:#f6f6f6; } .post-body td, .post-body th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;border:1px solid #ddd; } .post-body th{background:#eee; } .post-body table.tr-caption-container td {background:#f6f6f6;border:none;padding:8px; } .post-body table.tr-caption-container, .post-body table.tr-caption-container img, .post-body img {max-width:440px;height:auto; } .post-body td.tr-caption {color:#666;font-size:80%;padding:0px 8px 8px !important; } body#layout #wrapper { padding:0 0 0 0; } .clear { clear:both; } .clear:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; } body { background:$(body.background); margin:0 0 0 0; padding:0 0 0 0; color:$(body.text.color); font:$(body.font); text-align:left; } /* WRAPPER */ #wrapper { background:$(wrapper.background.color) url(#) no-repeat top center; width:900px; margin:0 auto; padding:5px 24px 24px; } /* HEADER WRAPPER */ #header-wrapper { background:$(header.background.color); margin:0 auto; padding:10px 0; overflow:hidden; } #header-wrapper a img, .banner728 a img { display:block; } .header { float:left; width:250px; margin:0 0; } .header h1.title,.header p.title { font:$(header.font); margin:0 0 0 0 } .header .description { color:$(description.text.color); margin:0.5em 0 0; padding:0px 0px; } .header a { color:$(header.text.color); } .header a:hover { color:#999; } .banner468 { float:right; width:468px; margin:0 0; } /* MAIN MENU NAVIGATION */ #nav, #nav ul, #nav ul li, #nav ul li a, #nav #menu-button { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #nav:after, #nav > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } #nav #menu-button { display: none; } #nav { width: auto; font-family: Raleway, sans-serif; line-height: 1; } #nav > ul { background:#117AC9; } #nav > ul > li { float: left; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; } #nav.align-center > ul { font-size: 0; text-align: center; } #nav.align-center > ul > li { display: inline-block; float: none; } #nav.align-right > ul > li { float: right; } #nav > ul > li > a { padding: 16px 20px; font-size: 14px; color: #ffffff; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; background: $; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } #nav > ul > li.active > a { color: #dff2fa; } #nav > ul > li:hover > a, #nav > ul > li > a:hover { color: #dff2fa; -webkit-transform: rotateX(90deg) translateY(-23px); -moz-transform: rotateX(90deg) translateY(-23px); transform: rotateX(90deg) translateY(-23px); -ms-transform: none; } #nav > ul > li > a::before { position: absolute; top: 100%; left: 0; z-index: -1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; padding: 16px 20px; color: #dff2fa; background: #19799f; content: attr(data-title); -webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s; -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform-origin: 50% 0; -ms-transform: translateY(- -18px); } #nav > ul > li:hover > a::before, #nav > ul > li > a:hover::before { background: #3db2e1; } #nav.small-screen { width: 100%; } #nav.small-screen > ul, #nav.small-screen.align-center > ul { width: 100%; text-align: left; } #nav.small-screen > ul > li, #nav.small-screen.align-center { float: none; display: block; border-top: 1px solid rgba(100, 100, 100, 0.1); } #nav.small-screen > ul > li:hover > a, #nav.small-screen > ul > li > a:hover { color: #dff2fa; -webkit-transform: none; -moz-transform: none; transform: none; -ms-transform: none; } #nav.small-screen > ul > li > a::before { display: none; } #nav.small-screen #menu-button { display: block; padding: 16px 20px; cursor: pointer; font-size: 14px; text-decoration: none; color: #ffffff; text-transform: uppercase; letter-spacing: 1px; background: #3db2e1; } #nav.small-screen #menu-button:after { content: ""; position: absolute; right: 20px; top: 17px; display: block; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; border-top: 2px solid #ffffff; border-bottom: 2px solid #ffffff; width: 22px; height: 3px; } #nav.small-screen #menu-button.menu-opened:after { border-top: 2px solid #dff2fa; border-bottom: 2px solid #dff2fa; } #nav.small-screen #menu-button:before { content: ""; position: absolute; right: 20px; top: 27px; display: block; width: 22px; height: 2px; background: #ffffff; } #nav.small-screen #menu-button.menu-opened:before { background: #dff2fa; } /* CONTENT WRAPPER */ #content-wrapper { background:$(content.background.color); margin:0 auto; overflow:hidden; word-wrap:break-word; } /* POST WRAPPER */ #post-wrapper { background:$(post.background.color); float:left; width:642px; margin:5px 1px 5px 0px; } .post-container { margin:0 0; } .breadcrumbs { font-size:11px; color:#666; padding:0 0 8px; margin:0 0 10px; border-bottom:1px dotted #d5d5d5; } .post-label-block { margin:0 0 8px; } .post-label-block .label-block { background:#0099cc; color:#fff; display:inline-block; text-transform:uppercase; font-weight:bold; padding:1px 3px; font-size:10px; margin:0 0; } .post-label-block .date-block { background:#f39c12; color:$(date.header.color); display:inline-block; text-transform:uppercase; font-weight:bold; padding:1px 3px; font-size:10px; margin:0 0; } .post-label-block .label-block:hover, .post-label-block .date-block:hover { background:#333; } .post { border-bottom:1px solid #ddd; margin:0 0 10px; padding:0 0 10px; } .post-body { line-height: 1.4; } h2.post-title, h1.post-title { font:$(post.title.font); } h2.post-title a, h1.post-title a, h2.post-title, h1.post-title { color:$(post.title.color); font-size: 20px; } h2.post-title a:hover, h1.post-title a:hover { color:$(link.color); } .img-thumbnail { float:left; width:120px; height:90px; margin:0 10px 0 0; padding:3px; border:1px solid #ddd; } .img-thumbnail img { width:120px; height:90px; } .post-footer { background:$(post.footer.background.color); color:$(post.footer.text.color); padding:10px 0; margin:10px 0 0; border-top:2px solid $(post.footer.border.color); } #blog-pager { margin:0 0; clear:both !important; padding:0 0; text-transform:uppercase; font-size:10px; font-weight:normal; } a.home-link { background:#FFFFFF; display:inline-block; padding:1px 3px; color:#fff; } #blog-pager-older-link a:hover, #blog-pager-newer-link a:hover, a.home-link:hover { background-color:#333; color:#fff; } /* SIDEBAR WRAPPER */ #sidebar-wrapper { background:$(sidebar.background.color); float:right; width:250px; margin:10px 0px 10px 5px; } .sidebar-container { margin:0 0; } .sidebar h2 { font:$(widget.title.font); font-size:15px; background:$(widget.title.background.color); border-bottom:5px solid $(widget.border.color); color:$(widget.title.text.color); height:20px; margin:0 0 10px 0; padding:5px 10px; text-transform:uppercase; } .sidebar .widget { padding:0 0 10px; } .sidebar ul, .sidebar ol { list-style-type:none; margin:0 0 0 0; padding:0 0 0 0; } .sidebar li { margin:0 0 0 0; padding:3px 0; border-bottom:1px dotted #ddd } /* label */ .label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 { font-size:100%; filter:alpha(100); opacity:10 } .cloud-label-widget-content{ text-align:left } .label-size{ display:block; float:left; background:#f39c12; margin:0 3px 3px 0; color:#eee; font-size:10px; text-transform:uppercase; } .label-size a,.label-size span{ display:inline-block; color:#fff; padding:1px 3px; } .label-size:hover{ background:#333333 } .label-count { white-space:nowrap; padding-right:3px; margin-left:-3px; } .label-size { line-height:1.2 } /* popular post */ .PopularPosts .item-thumbnail{ margin:0 6px 0 0; display:inline; padding:3px; border:1px solid #ddd; } .PopularPosts .item-thumbnail a img{ height:78px; width:78px; display:block; margin:0; padding:0; } .PopularPosts .widget-content ul li{ padding:6px 0px !important; border-bottom:1px dotted #e2e2e2; } .PopularPosts .item-title{ font-weight:bold; } .PopularPosts .item-snippet { font-size:10px; color:#666; } .profile-img{ display:inline; opaciry:10; margin:0 6px 3px 0; } /* BOTTOMBAR WRAPPER */ #bottombar-wrapper { margin:0 auto; } .banner300 { margin:0 0 10px; } .banner300 img { max-width:640px !important; } /* FOOTER WRAPPER */ #footer-wrapper { background:$(footer.background.color); border-top:2px solid $(footer.border.color); margin:0 auto; overflow:hidden; color:$(footer.color); font:normal 10px Arial,Sans-Serif; text-transform:uppercase; } .footer-left { float:left; margin:10px 0 0; } .footer-right { float:right; margin:10px 0 0; } #footer-wrapper a { color:$(footer.color); } #footer-wrapper a:hover { color:$(link.color); } /* VIEWPORT */ @-wekit-viewport{width:device-width;max-zoom:1;min-zoom:1} @-moz-viewport{width:device-width;max-zoom:1;min-zoom:1} @-ms-viewport{width:device-width;max-zoom:1;min-zoom:1} @-o-viewport{width:device-width;max-zoom:1;min-zoom:1} @viewport{width:device-width;max-zoom:1;min-zoom:1} /* ICON SIDEBAR by www.operatorsekolah.com */ .form li a { width:225px; padding-left:20px; height:30px; line-height:30px; display:block; overflow:hidden; position:relative; text-decoration:none; text-transform:uppercase; font-size:14px; color:#686868; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; transition:all 0.2s linear; } .form li a:hover { background:#efefef; } .form li.selected a { background:#efefef; } /* SLIDER by www.operatorsekolah.com */ #featuredSlider {background:#fff;float:left;margin:0; padding:0 0 10px;-webkit-box-shadow:1px 1px 5px #c3c3c3;-moz-box-shadow:1px 1px 5px #c3c3c3;-ms-box-shadow:1px 1px 5px #c3c3c3;-o-box-shadow:1px 1px 5px #c3c3c3;box-shadow:1px 1px 5px #c3c3c3;border:1px solid #fff; width:99%; position:relative;color:#666;} #featuredSlider .featured-thumb {float:left; margin:10px; padding:0px;} #featuredSlider .container {height:266px; margin:0 10px 0 0;overflow:hidden; position:relative;} .featuredTitle{padding-top:15px;font:20px Oswald;text-shadow:1px 1px 1px #ccc;} .featuredTitle a{color:#f7441a} .featuredTitle a:hover{color:#000} .navigation {position:relative;bottom:35px;float:right;overflow:hidden;} ul.pagination {list-style-type:none; margin:0 auto; padding:0;} ul.pagination a { float:left; margin:0 5px; display:inline; } ul.pagination a { display:block;width:12px; padding-top:12px; height:0; overflow:hidden; background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcgn6vqPui4xrxEaPk1H9kQWTAFUQYn8wphQF5VD37zHSPgG4QdbJJMtIU0qog7vQUH0UVef9HRieXN0TcSQuj9HuPx7ox4s2kASzOstkLQTiwy9XnK58Q-y3DwY2IwCckkyzEIQy3Bso/s1600/slider+pagination.png); background-position:0 0; background-repeat:no-repeat; } ul.pagination a:hover { background-position:0 -12px; } ul.pagination a:hover { background-position:0 -12px; } ul.pagination a.activeSlide { background-position:0 -12px } a.readmore {float:left;border-bottom:5px solid #0565AE;background:#117AC9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtqttsERssZ41LJTuEAdJwiNjBiAL0XhEePVofGW6SSN_A7UdDyH_RSyVJEZe-C5A-xJa-Gtc92kvG6SIJTSMluBnArXj39ku1lMJoea25-EwDTR1oUyYCQuJ98EPVITFuLN20O_rEBRc/s1600/fade.png) repeat-x top;display:block;;font:bold 12px Arial;margin:10px 0 0 0;padding:15px 20px;color:#eee;-webkit-border-radius:3px;-moz-border-radius:3px; border-radius:2px;-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);} a.readmore:hover {color:#fff} #blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px; } .blog-pager {background: none;} .displaypageNum a,.showpage a,.pagecurrent{font-size: 12px;padding: 5px 12px;margin-right:5px; color: #222; background-color:#eee; border: 1px solid #EEEEEE;} .displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#117AC9;text-decoration:none;color: #222;} #blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#117AC9;} .showpageOf{display:none!important} #blog-pager .pages{border:none;} /*------LABEL by www.operatorsekolah.com------*/ .label-size{ background-image: linear-gradient(#f39c12, #f39c12); margin:0 3px 3px 0; padding: 4px 5px 5px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-transform: capitalize; float:left; text-decoration:none; font-size:13px; font-weight: bold; font-family: Arial, sans-serif; color:#fff; } .label-size a:link { color: #fff !important; font-family: Arial, sans-serif; text-decoration: none !important; } .label-size a:visited { color: #fff !important; text-decoration: none !important; } .label-size a:active { color: #fff !important; text-decoration: none !important; } .label-size a:hover { text-decoration: none !important; } .label-size:hover { text-decoration: none; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; background-image: linear-gradient(#3498db, #3498db); box-shadow: 0 1px 0 hsla(0,0%,100%,.2) inset, 0 0 0 1px hsla(0,0%,100%,.1) inset, 0 1px 0 hsla(210,54%,20%,.03); } .label-size a { text-transform: capitalize; float:left; text-decoration: none; } /*------by www.operatorsekolah.com------*/ .quickedit{ display:none;} ]]> <script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar.g?targetBlogID\0752198798279505215997\46blogName\75Sekolah+Negeri+Indonesia+v.2.0\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://websiteblogsekolahgratis.blogspot.com/search\46blogLocale\75in\46v\0752\46homepageUrl\75http://websiteblogsekolahgratis.blogspot.com/\46vt\75-4200389542064114424', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script><script type="text/javascript"> (function() { var script = document.createElement('script'); script.type = 'text/javascript'; script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js'; var head = document.getElementsByTagName('head')[0]; if (head) { head.appendChild(script); }})(); </script>

</div></div> <div class="date-outer"> <div class="date-posts">
</div></div>

blogger templates