scrif untuk templete blogspot

Download scrif untuk templete blogspot

Post on 07-Jul-2018

216 views

Category:

Documents

0 download

Embed Size (px)

TRANSCRIPT

  • 8/18/2019 scrif untuk templete blogspot

    1/84

     

              -                          

       

    /* ----------------------------------------------- Blogger Template Style Name : Cargam SchoolZine Author : @aasholah Url : http://www.caragampang.com/ Updated by: Blogger Team ----------------------------------------------- */

    /* Variable definitions

      ====================         

  • 8/18/2019 scrif untuk templete blogspot

    2/84

      type="color" default="#999" value="#666666">                        

    */

    body{background:#f6f6f6 url()no-repeat top right;color:$textcolor;font:x-small T rebuchet MS;font-size:normal;text-align:left;margin:0} a:link{color:$linkcolor;text-decoration:none} a:visited{color:$visitedlinkcolor;text-decoration:none} a:hover{color:$titlecolor;text-decoration:none} a img{border-width:0}

    #header-wrapper{width:970px;height:190px;border:0 solid $bordercolor;margin:0 au to} #header-inner{margin:50px 0 10px;background-position:center;margin-left:auto;mar gin-right:auto}

    #header{float:left;width:570px;height:105px;border:0 solid $bordercolor;text-align:left;color:$pagetitlecolor;margin:0} #header2{float:right;width:340px;margin-right:10px;text-align:left;color:#555} .header .widget,.header2 .widget{margin:0 auto;padding:10px 0} #header h1{line-height:1.2em;text-transform:none;letter-spacing:.1em;font:$paget itlefont;margin:0 auto;padding:10px 5px .15em} #header a{color:$pagetitlecolor;text-decoration:none} #header a:hover{color:$pagetitlecolor} #header .description{max-width:100%;text-transform:uppercase;letter-spacing:.01e m;line-height:1.2em;font:$descriptionfont;color:$descriptioncolor;margin:0 auto;

  • 8/18/2019 scrif untuk templete blogspot

    3/84

    padding:0 5px 5px} #header img{margin-startside:auto;margin-endside:auto}

    a#home{display:block;font:bold;width:27px;background-image:#fff;background-posit ion:0 0;float:right;margin:0px 10px 0 0} a#home:hover{background:#000033;} #cargammenu{height:38px;background:#003366;} #cargammenu .container{width:960px;height:auto;margin:0 auto} ul#topnav{float:left;width:940px;list-style:none;position:relative;font-size:1.1 em;margin:0 0 10px 0;padding:0px 0 0} ul#topnav li{float:left;border-right:1px solid #555;margin:0;padding:0} ul#topnav li a{font-size:14px;font-family:Play;display:block;color:#f0f0f0;text- decoration:none;padding:10px 13px} ul#topnav li:hover{background:#000033;} ul#topnav li span{float:left;margin-top:0px;position:absolute;left:0px;top:38px; display:none;width:940px;background:#000033;color:#fff;-moz-border-radius-bottom right:3px;-khtml-border-radius-bottomright:3px;-webkit-border-bottom-right-radiu s:3px;-moz-border-radius-bottomleft:3px;-khtml-border-radius-bottomleft:3px;-web kit-border-bottom-left-radius:3px;padding:5px 0 7px 20px} .active{background:#000033;display:block} ul#topnav li:hover span{display:block;z-index:100} ul#topnav li span a{display:inline} ul#topnav li span a:hover{text-decoration:none;color:#FF0000;} #fixed {position:fixed;top:0;left:0;width:100%;height:35px;z-index:100}

    #fixedinner{text-align:center;background:transparent;height:35px;position:relative;z-index:999}

    .toppica{background:#003366;width:100%;margin:0 auto;border-bottom:3px solid #00 3366;opacity:0.9} .topnav{width: 970px;height:35px;overflow: hidden;margin:0 auto;padding:0px 10px  0px 10px} h1{font-size:24px;} #searcha{float:right;width:180px;height:20px;margin-top:5px;padding-right:5px} #searcha form{float:left} #searcha input[type="text"]{background:#fff url(http://1.bp.blogspot.com/-sv3VBy 8Tch0/T6UzB3zDYMI/AAAAAAAAA-Y/dVtCsOgvB_o/s1600/search_button.png) no-repeat scr oll 4px center;float:left;border:1px solid #ccc;width:146px;margin-top:1px;paddi

    ng:3px 15px;font-size:12px;text-align:right}#searcha input[type="text"]:focus{background:#FFF} #searcha input[type="submit"]{display:none} ul.isocial{list-style:none;margin:0;padding:5px 20px 0 0} ul.isocial li{float:right;margin:0 5px;padding:0} ul.isocial li a{float:right;background-image:url(http://1.bp.blogspot.com/-Tg7Bi kflCm8/T4_x9T1aflI/AAAAAAAAAoo/jV53zVYzVDY/s1600/social+letter.png);background-p osition:0 0;background:repeat:no-repeat;display:inline-block;text-indent:-9999px ;overflow:hidden;width:24px;height:24px;position:relative} ul.isocial li a.rss{background-position:0 0} ul.isocial li a.rss:hover{background-position:0 -25px} ul.isocial li a.facebook{background-position:-25px 0} ul.isocial li a.facebook:hover{background-position:-25px -25px}

    ul.isocial li a.twitter{background-position:-50px 0}ul.isocial li a.twitter:hover{background-position:-50px -25px} ul.isocial li a.google{background-position:-75px 0} ul.isocial li a.google:hover{background-position:-75px -25px} ul.isocial li a.youtube{background-position:-100px 0} ul.isocial li a.youtube:hover{background-position:-100px -25px}

    #navbar-iframe{height:0;visibility:hidden;display:none} #nav-wrapper{height:30px;font-family:"Tahoma",Palatino,serif;overflow:hidden;} #nav{float:right;margin:0 auto;width:520px;height:30px;padding:0}

  • 8/18/2019 scrif untuk templete blogspot

    4/84

    #nav ul{float:left;width:auto;height:30px;margin:0;padding:0;list-style-type:non e} #nav ul li{float:left;height:30px} #nav ul li a,#nav ul li a:visited{float:left;height:30px;padding:7px 10px;color: #999;font:bold 12px Tahoma;text-transform:none;} #nav ul li a:hover,#nav .selected{background:#f7441a;color:#fff;text-decoration: none;} #ads-wrapper,#ads1-wrapper{padding-left:10px;width:635px;float:left;word-wrap:br eak-word;overflow:hidden} #mainpage-wrapper{width:640px;float:left;word-wrap:break-word;overflow:hidden} #main-wrapper{background:#fff url(http://1.bp.blogspot.com/-YLR0ecFMGcU/T94oo4ns VQI/AAAAAAAAG6w/yu9ZK1o-n98/s1600/bg_content.gif) repeat-x top;width:640px;float :$startSide;word-wrap:break-word;overflow:hidden;border-top:1px solid #fff} #midle-wrapper{padding-left:10px;width:300px;float:$startSide;word-wrap:break-wo rd;overflow:hidden} #box-wrapper{width:204px;float:left;word-wrap:break-word;overflow:hidden} #box1-wrapper,#box2-wrapper{padding-left:10px;width:203px;float:left;word-wrap:b reak-word;overflow:hidden} .ads .widget,.ads1 .widget,.midle .widget,.box .widget,.box1 .widget,.box2 .widg et{margin:0;padding:0 0 5px} .ads ul,.ads1 ul,.midle ul,.box ul,.box1 ul,.box2 ul{list-style:none;margin:0;pa dding:0}

    #sidebar-wrapper,#sidebar1-wrapper{width:325px;float:$endSide;word-wrap:break-wo

    rd;overflow:hidden;padding-bottom:10px}h2{font:$headerfont;line-height:1.4em;text-transform:none;letter-spacing:.01em;c olor:$sidebarcolor;margin:.5em 0 .25em} h2.date-header{text-transform:none;font:normal 12px Tahoma;color:#999;line-heigh t:1.2em;margin:.1em 0} .post{margin:.1em 0 .5em;padding:10px 15px} .post h3{font-family:Bree Serif;font-size:180%;font-weight:700;line-height:1.2em ;color:$titlecolor;margin:.25em 0 0;padding:0 0 4px;text-shadow:1px 1px 1px #ccc ;} .post h3 a,.post h3 a:visited,.post h3 strong{color:$titlecolor} .post h3 strong,.post h3 a:hover{color:#f7441a} .post-body{border-top:2px solid #bbb;font:13px Tahoma;line-height:1.4em;margin:4 0px 0 .75em}

    .post-body blockquote{line-height:1.3em}.post-footer{color:#666;text-transform:none;letter-spacing:.01em;font:$postfoote rfont;line-height:1.4em;margin:.75em 0} .comment-link{margin-startside:.6em} .post img,table.tr-caption-container{overflow:hidden;margin-top:5px;padding:0} .tr-caption-container img{border:none;padding:0} .post blockquote{margin: 10px 10px 10px 20px;padding: 10px 15px 10px 15px;line-h eight: 1.6em;color: #333;background: #eee;border-left: 20px solid #ccc} .post blockquote p{margin:.75em 0} table{width:100%;border-collapse:collapse;border-spacing:0;border:1px solid #999 ;color:#444;margin:10px 0} table td,table th{text-align:left;border:1px solid #999;padding:.4em .8em} table th{text-transform:uppercase;font-weight:400;border:1px solid #999}

    table td{border:1px solid #999}table tr.even td{border:none} .comments{padding:0 15px} #comments h4{font-size:16px;font-weight:400;margin:20px 0} .cm_wrap{clear:both;margin-bottom:10px;float:right;width:100%} .cm_head{width:60px;float:left;margin:0} .cm_avatar{vertical-align:middle;border:1px solid #DDD;background:url(http://4.b p.blogspot.com/-POy-pvgzudE/Tz0SPxJXQnI/AAAAAAAAFUI/SlCAfDMFIhg/s1600/anonymous. jpg) center no-repeat;width:35px;height:35px;margin:0;padding:3px} .cm_avatar_a{vertical-align:middle;border:1px solid #DDD;background:silver;backg

  • 8/18/2019 scrif untuk templete blogspot

    5/84

    round-position:center;background-repeat:no-repeat;width:35px;height:35px;margin: 0;padding:3px} .cm_reply a{display:inline-block;border:1px solid #C4C4C4;border-top-color:#E4E4 E4;border-left-color:#E4E4E4;color:#424242!important;text-align:center;text-deco ration:none;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;b ackground:0;font:11px/18px sans-serif;margin:0;padding:1px 6px} .cm_reply a:hover{text-decoration:none!important;background:#aaa} .cm_entry{background:#fcfcfc;border:1px solid #E4E4E4;overflow:hidden;padding:16 px} .cm_arrow{display:block;width:9px;height:18px;background:url(http://3.bp.blogspo t.com/-NONrBLhghFk/To0nNB1LmkI/AAAAAAAAAI4/CAuzDfYiCiU/s1600/comment-arrow.gif) no-repeat;position:absolute;margin-left:-25px} .cm_info{margin-bottom:5px;border:thin solid #E6E6E6;background-color:#F4F4F4;pa dding:5px} .cm_info_a{margin-bottom:5px;border:thin solid #E6E6E6;background-color:#e5e5e5; padding:5px} .cm_name{font-size:14px;color:#333!important;text-decoration:none;float:left} .cm_name_a{font:bold 13px Tahoma;color:#333!important;text-decoration:none;float :left} .cm_date{font-size:10px;color:#999;text-decoration:none