Learn Script Template Blogspot

/*
-----------------------------------------------
Blogger Template Style
Name: Autozine
URL : www.blogtemplate4u.com
----------------------------------------------- */
/*
<Group description="General Text" selector="body">
<Variable name="body.font" description="Font" type="font"
default="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="body.text.color" description="Text Color" type="color" default="#000000" value="#000000"/>
</Group>

<Group description="Links" selector="body">
<Variable name="link.color" description="Link Color" type="color" default="#2F4DBC" value="#2F4DBC"/>
<Variable name="link.hover.color" description="Hover Color" type="color" default="#757575" value="#757575"/>
</Group>

<Group description="Blog Title" selector="h1.title">
<Variable name="title.text" description="Title Font" type="font"
default="normal bold 36px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 35px Permanent Marker"/>
<Variable name="title.text.color" description="Title Text Color" type="color" default="#7c0000" value="#17265e"/>
<Variable name="title.link.color" description="Title Link Color" type="color" default="#7c0000" value="#17265e"/>
</Group>

<Group description="Blog Description" selector="#header-wrapper .description">
<Variable name="description.text" description="Description Font" type="font"
default="normal bold 36px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 42px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="description.text.color" description="Description Text Color" type="color" default="#3d3d3d" value="#3d3d3d"/>
</Group>

<Variable name="styling.font" description="Styling Font" type="font"
default="normal bold 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 13px Play"/>
*/

/* CSS Reset 
 * By Eric Meyer */
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,font,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{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}

/* Custom
 * ------------------ */
body#layout{
max-width:100%;
}
body#layout #slider-wrapper{
display:none
}
body#layout #header-wrapper {
height:100px;
}
body#layout #logo {
left:0;
top:15px;
}
.navbar {
display:none
}
.widget {
margin:0;
padding:0
}
.clearfix:after{
clear:both;
content:" ";
display:block;
font-size:0;
height:0;
visibility:hidden
}
* html .clearfix,:first-child+html .clearfix{
zoom:1
}
.clear {
display:block;
clear:both;
float:none;
border:none;
font-size:0;
height:0;
overflow:hidden;
margin:0;
padding:0
}

/* TYPOGRAPHY
 * ------------------ */
 
/* Link */
a {
color:$(link.color);
text-decoration:none
}
a:hover, 
a:focus,
a:active {
color:$(link.hover.color);
text-decoration:none
}

/* Styling Font */
h1,h2,h3,h4,h5,.sf-menu a,#blog-pager,.feed-links,.jump-link a, #navlist a{
font:$(styling.font);
}

/* Heading */
h1 {font-size:28px; line-height:45px; margin-bottom:24px;}
h2 {font-size:24px; line-height:35px; margin-bottom:20px;}
h3 {font-size:40px; line-height:25px; margin-bottom:18px;}
h4 {font-size:16px; line-height:15px; margin-bottom:16px;}
h5 {font-size:14px; line-height:15px; margin-bottom:14px;}
h6 {font-size:12px; line-height:15px; margin-bottom:10px;}

/* List */
ul{list-style:square;}
ol{list-style-type:decimal;padding-left:30px;}
ol ol{list-style:upper-alpha;}
ol ol ol{list-style:lower-roman;}
ol ol ol ol{list-style:lower-alpha;}

/* Pre/Code */
pre{
font:12px/18px Consolas, "Andale Mono", Courier, "Courier New", monospace;
white-space:pre;
overflow:auto;
clear:both;
line-height:19px;
background: #e0e0e0;
border:1px solid #c7c7c7;
padding:10px
}
code{
padding-left;
display:block;
padding:10px;
font:12px/18px Consolas, "Andale Mono", Courier, "Courier New", monospace;
background: #e0e0e0;
border:1px solid #c7c7c7
}

/* Blockquote */
blockquote {
margin: 15px 10px 15px 10px;
font:italic normal 13px Georgia, Bitstream Charter, serif;
padding:10px 10px 10px 50px;
background:#e0e0e0 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMwwoYMOweXgLcla-n4yzWyD-GVsSZiCbrUdod53M7b60AWQ8wzdbe0-YFPP5Zixi-KLXjkb6LXeDbvlEAloxNQ_joce1p6_hy6eSCo26FiV46LBTNIYcMSg1WDWzYqe7ir7OtVAOfwysz/h1600/quote.png) no-repeat top left;
border:1px solid #c7c7c7
}
blockquote cite{
font:12px "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight:300;
letter-spacing:1px;
text-transform:uppercase;
margin: 5px 0 0;
display: block;
}

/* MAIN LAYOUT
 * ================== */

body {
font:$(body.font);
color:$(body.text.color);
background:#070C1D url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy9KlSMPkaNZtvPkETGcpvNI33_HNNxw2JlhNH4PnNoVv1yfAnrUKbCj8y-Caaae5ChHyuvPk7g2-nRzYHiCQKatH12ZCplOMBEJcoO2Ve4wZfcJWBZPA69h6xKIL73KEGtnTVl5Dok97L/h1600/body.jpg) repeat;
}

#wrapper {
width:970px;
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheWnl_hQhoImLELhk_YBZDF7Fp5_k3Y9KM1eA8tvub-3ZajRKx9l1FZLdPN1qDjeZ6VkBTbJgkb2YQFXNBy2q3rAsPgRMEiwmuUDKXryPDVAdfMSqqMVeuH1nPEs00AEjLmkx9r75TeM-M/h1600/header.jpg) no-repeat top right;
border-left:4px solid #fff;
border-right:4px solid #fff;
margin:0 auto;
padding:0;
text-align:left;
}

/* HEADER AREA
 * ================ */
#header-wrapper {
height:335px;
padding:20px 0;
position:relative;
}

/* Logo */
#logo {
float:left;
width:300px;
margin:10px 0 0 30px;
}
#logo h1.title{
font-size:36px;
font:$(title.text);
color:$(title.text.color);
font-weight:normal;
margin:0 0 5px 0;
padding:0;
line-height:100%;
}
#logo h1.title a{
color:$(title.link.color);
}

/* Description */
#logo .description{
font:$(description.text);
color:$(description.text.color);
margin:0;
padding:0;
line-height:100%;
font-size:18px
}

/* Top Menu */

#navlist {
float:right;
width:580px;
position:absolute;
top:45px;
right:0
}
#navlist h2{
display:none
}
#navlist ul{
float:left;
font-size:20px;
font-weight:400;
text-transform:uppercase;
margin:0;
padding:8px 0 0 0
}
#navlist li {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEMF-eQbnWc5rBoJ3KUlAUgsGwM1GrjXDzrLr1gtLeEhXZhSgFfc6PbKlUFHgvWd0KiVUfWeGJn0DBZ9GvVgzgGEX_gUe0ECG-wA63QaeKrAp5fEl_KEoLe7IVRloShiG89qCVMhusIIHR/h1600/menu-separator.png) no-repeat right center;
float:left;
list-style:none;
margin:0;
padding:0
}
#navlist li:last-child {
background:none;
}
#navlist li a{
float:left;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif73korZfV8-KgZUV3fbYU0NxJLpxfKcu84uZMJyG73L1w2AQhLGebBYsKn72jed1FJVxdsH5SxldLc5NlenhfOTAo2kRYp0RchgmB1sa69bxlXZbgXDkF6_zNv_e7hXHhyphenhyphenVNfngjvyt5h/h1600/menu-item.png) no-repeat 0 0;
color:#fff;
height:29px;
line-height:29px;
margin:0 3px;
padding:0 15px
}
#navlist li a:hover {
background-position:0 -29px;
color:#000
}
#navlist li.selected a{
background-position:0 -58px;
color:#000
}

/* CONTENT AREA
 * ================ */
#content{
padding:10px 0 0 10px;
}
#main-wrapper{
width:600px;
float:left;
margin:0;
padding:0 10px;
overflow:hidden;
}
#sidebar-wrapper{
width:335px;
min-height:100%;
float:right;
margin:75px 0 0 0;
padding:0;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY7ryGcLWD7LZ5lKL_93Kb4VuhTxcrGoi6HS2d93-jAHfhRxLM6P7kAE99JuBrgIbNuxsBO_8hyRVCMf8YSPz65ueF-o4zHohmQ6m_xjb02os28Utv0BQfOzUylqSSV7ZmWUUrExYjKN4C/h1600/sidebar.png) repeat-y right
}

#main, #sidebar{
margin:0;
padding:0;
}

/* Post */
.date-header{
display:none
}
.post, #comments{
background:#fbfbfb;
border:1px solid #d3d3d3;
-moz-border-radius:4px;
webkit-border-radius:4px;
border-radius:4px;
margin:0 0 15px;
padding:10px;
}
.post-title {
font-size:20px;
color:#000;
margin:0 0 8px 0;
padding:5px 0 0 38px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRZ5YVKJ7_YWteHCWqeFE5upvgmHy0sfPuWgCzn3M2lz16aGWtFlvdOXDROuaj_65T0gpSPR1XsF1PJUEHocxENv9_IJ5Az3pJz_ExlbQpQ_ifBSPxr3UYpRV2EEtar7FVm0NDjKuLb4Z8/h1600/post-title.png) no-repeat left;
}
.post-header{
font-size:12px;
line-height:20px;
}
.post-timestamp{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdeqlTFallIdadR5oSKH-VZpbMceqnzxRfDW6SgVtptebaMpG-kj1oz3bFeeGR7ZiuHMSDJ6yUFQrm9gEsTXs-0YhYK9l6zeR4pc797xy6-fK3jS6ny_1pr4-qHP2K_XrGfZ5U-mffroI/h80/clock.png) no-repeat 0 2px;
margin:0px !important;
padding:2px 0 2px 20px;
}
.post-author{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLwqXM5iP4eW29uIn2VurYVWPqgbO6J-fhQwJlPCH2Mhp1XlDUmLaY54ryzp7CL_c_LyPSc2rhyphenhyphenfNzEq35aJWwEB9mZXoRTECDqcQq0gl9JQQ-vtHhwh5rSKCYLFwHQoazUkvaKciLQ2w/h80/author.png) no-repeat 0 0px;
margin:0 0 0 10px !important;
padding:2px 0 2px 20px;
}
.post-body{
margin:15px 0;
}
.post-body img{
border:solid 1px #A6A6A6;
padding:3px;
max-width:567px;
}
.post-footer{
background-color:#e0e0e0;
border-color:#C7C7C7;
font-size:11px;
padding:5px 10px;
position:relative;
}
.jump-link {
position:absolute;
right:10px;
top:20px;
}
.jump-link a{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgazZfVtT6oa6KaCbGVHJ_DwqbrT0PbD1rxkXOoVjBQBqfhze139g24or815Qhj-PGbVmXlNntTEhmZryzD6fsWc0ar-CsHEGB3GdIssFaVB7FM0J2RKs6LkMWhNBmX2KSXcHW1z1QtAiMY/h1600/widgets.png) repeat left;
padding:8px 12px;
font-weight:bold;
font-size:12px;
border-radius:4px;
-o-border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px 4px 4px 4px;
-khtml-border-radius:4px;
color:#fff
}
.feed-links {
heght:33px;
line-height:33px;
padding-left:33px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgLFSDyE3VGkThWWHyNl8ZOb48t5-QcgXRrrNNV6JtDMjCTwkSVOmCWhuKZl0DEW5H1feKTj3lT0LcThgRQsT7JGZDOTBO9ciG_EF6jajb4jaJxvHdteeR28ZjT8Hlt328PkixR7e2TPM/h1600/feed_icon.png) no-repeat left center;
font-size:14px;
font-weight:bold
}

/* Comments */
#comments h4 {
font-size:16px;
margin-bottom:10px;
}
#comments-block {
margin:0; 
position:relative;
}
.avatar-image-container {
float:left;
}
.avatar-image-container .photo,
.avatar-image-container img{
border:1px solid #none;
}
.comment-footer {
font-size:11px;
}

/* Blog Pager */

#blog-pager {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgazZfVtT6oa6KaCbGVHJ_DwqbrT0PbD1rxkXOoVjBQBqfhze139g24or815Qhj-PGbVmXlNntTEhmZryzD6fsWc0ar-CsHEGB3GdIssFaVB7FM0J2RKs6LkMWhNBmX2KSXcHW1z1QtAiMY/h1600/widgets.png);
padding:10px
}

#blog-pager a {
font-size:14px;
font-weight:bold;
color:#fff;
display:inline-block;
}

/* Sidebar Widget */
.sidebar h2{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFupKzr28GMzPlZR30zzIQppMO3yHWgLSudHxSv04VOoUW_M20fgR2UQIgm_RizWHUrMWaO9MRNYThU2svm-hVhQ_4rj_jkj4uWVuntRcx8kvXfkBTzGDd_KTfTzzN0zIvznihyphenhyphenPm6Sthm/h1600/heading.png) no-repeat right;
font-size:14px;
text-align:right;
margin:0;
padding:0 35px 0 10px;
color:#fff;
}
.sidebar .widget{
margin:0 0 15px 0;
padding:0;
}
.sidebar .widget-content{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgazZfVtT6oa6KaCbGVHJ_DwqbrT0PbD1rxkXOoVjBQBqfhze139g24or815Qhj-PGbVmXlNntTEhmZryzD6fsWc0ar-CsHEGB3GdIssFaVB7FM0J2RKs6LkMWhNBmX2KSXcHW1z1QtAiMY/h1600/widgets.png);
margin:5px 0 10px 0;
padding:10px;
-moz-border-radius:4px 0 0 4px;
-webkit-border-radius:4px 0 0 4px;
border-radius:4px 0 0 4px;
color:#C4CDDE;
}
.sidebar ul{
margin:0;
padding:0;
list-style:none
}
.sidebar ul li{
padding:3px 0;
}
.sidebar ul li a{
color:#C4CDDE;
}
.sidebar ul li a:hover{
color:#C4CDDE;
text-decoration:underline
}

/* FOOTER 
 * ---------- */

#footer {
padding:10px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgazZfVtT6oa6KaCbGVHJ_DwqbrT0PbD1rxkXOoVjBQBqfhze139g24or815Qhj-PGbVmXlNntTEhmZryzD6fsWc0ar-CsHEGB3GdIssFaVB7FM0J2RKs6LkMWhNBmX2KSXcHW1z1QtAiMY/h1600/widgets.png) repeat-y top left;
}
.footer {
margin:0 0 10px 0 !important;
overflow:hidden
}
#footer .widgets {
float:left;
width:227px;
margin:0 10px 0 0;
}
#footer #widgets3 {
float:right;
margin:0;
}

/* Credits */
#credit-footer {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixb35VgOuN3Yc1B5W3clCJ1hCT6f1oIqCmwfzqSjj3iCIttO-jYi_PBZlP9hriFY1YPd-2iYW9ErYzgSsWqWBtKDisLR6eeg3qydhZecUDLg5jcjwPKvUGTUQZdUpwNBa27ij8U6puCQ6H/h1600/footer.png) no-repeat bottom left;
padding:10px 0;
text-align:center;
font-size:11px;
overflow:hidden;
position:relative;
color:#C4CDDE
}
#credit-footer a{
text-decoration:none;
color:#C4CDDE
}

/* SLIDESHOW 
 * ---------- */
#slider-wrapper {
margin:0 0 15px;
padding:5px
}
#slider {
position:relative;
width:593px;
height:250px;
overflow:hidden
}

/* The Nivo Slider styles */
.nivoSlider {
position:relative
}
.nivoSlider img {
position:absolute;
top:0;
left:0
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
border:0;
z-index:6;
display:none;
margin:0;
padding:0
}

/* The slices and boxes in the Slider */
.nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%
}
.nivo-box {
display:block;
position:absolute;
z-index:5
}

/* Caption styles */
.nivo-caption {
position:absolute;
left:10px;
bottom:10px;
background:#000;
color:#fff;
z-index:8;
display:inline-block;
width:60%
}
.nivo-caption h1 {
margin-bottom:2px;
line-height:100%;
}
.nivo-caption h1 a {
font-size:18px;
}
.nivo-caption p {
margin:0;
padding:10px
}
.nivo-caption p p {
font-size:12px;
padding:0
}
.nivo-caption a,.nivo-caption a:hover {
color:#fff
}
.nivo-html-caption {
display:none
}

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
position:absolute;
right:15px;
bottom:15px;
font-size:12px
}
.nivo-controlNav a {
position:relative;
z-index:9;
cursor:pointer;
background-color:#000;
color:#fff;
opacity:0.67;
padding:4px 8px
}
.nivo-controlNav a.active {
background-color:#fff;
color:#000;
text-decoration:none
}


/* WIDGETS 
 * =============== */

/* Search Form */
#search{
float:right;
width:300px;
margin:0;
}
#searchform {
float:left;
width:241px;
height:26px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9QJQ9RoA77q1hSHegAjUG8lUyoQksmuIJrlbSDFqGIpC1alni4hf6S22nojcb72f3hKapQ3GYFkDxJIzhsxUlJ88_LYKi4EsStmssZ1zPxB3qH2x6t0TwElQfgurCMibQ_wRnXS6F04c/s1600/searchbox.png) top no-repeat;
border:none;
color:#fff;
font-size:12px;
font-family:arial, Times New Roman, Trebuchet MS;margin: 0 5px 0 0;
padding:3px 2px;
}
#submit {
width:26px;
height: 26px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRINK2y_cS87AAvwG0zmTrHMShjilKo8zJGGiJAjPig29lyk2Y74e1MHxfW8v9ZZ97YjHdiXGntg4LOfW1oiOs9nuHOrmY9tUoKCgbvOoOvYfh_xXXo_kjFVIUJAEcveIPczZgB7jlV44/s1600/search.png) top no-repeat;
margin: 1px 0px 0px 0px;
padding: 0;
border: none;
}

$(window).load(function() {
        $('#slider').nivoSlider({
            effect: 'fade',
            slices: 15,
            boxCols: 8,
            boxRows: 4,
            animSpeed: 500,
            pauseTime: 5000,
            pauseOnHover: 1,
            manualAdvance: 0,
            captionOpacity: 0.67,
            directionNav: false,
            controlNav: true
        });
    });
//