<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>
