- -
-
-
-
-->
-
-
-
put your amazing slogan here!
-
-
-
-
-
-
-
-
-
-
Minggu, 27 Januari 2013
index.html
-
-
- <!-- Start - Changing the Blogger Title Tag
-
-
<data:blog.pageTitle />
-
<data:blog.pageName />
|
<data:blog.title />
-
-
You don't have permission to remove or change these!
Blogger Template Style
Name : Lugas
Author : Iksandi Lojaya
Date : March 25, 2012
URL : http://iksandi.com
License: This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use.
However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0/
----------------------------------------------- */
/**/
body{
background:#fff;
margin:0;
color:#333;
font:x-small Georgia Serif;
font-size:/**/small;
text-align:center;
}
a {
color:#5c90cd;
text-decoration:none;
}
a:hover{
color:#777;
text-decoration:underline;
}
a img{
border-width:0;
}
#header-wrapper{
width:900px;
margin:10px auto -8px;
display:inline-block;
}
#header-inner{
float:left;
text-align:left;
}
#header{
margin:5px;
text-align:center;
}
#header h1{
margin:0 20px;
line-height:1.2em;
text-transform:uppercase;
font:$pagetitlefont;
text-shadow:2px 2px 2px #ddd;
}
#header a{
color:#666;
text-decoration:none;
}
#header a:hover{
color:#666;
}
#header .description{
margin:0 5px 10px;
padding:0 20px;
text-transform:uppercase;
letter-spacing:.1em;
line-height:1.4em;
font:$descriptionfont;
color:#999;
}
#header img{}
#navbar{
display:none;
}
#srcnt{
position:absolute;
right:150px;
top:150px
}
#srch{
border:1px solid #999;
height:22px;
width:215px;
background:#f6f4f4;
line-height:22px
}
#srch input{
border:0;
background:none;
color:#777;
}
#srcbox{
font-size:12px;
width:180px;
padding-left:4px;
background:none;
}
#srcw #srch{
background:#fff;
border:1px solid #dedede;
border-radius:3px;
}
#srcw #srcbox{
width:190px;
}
/* LightBox */
#jquery-overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px}
#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0}
#jquery-lightbox a,#jquery-lightbox a:hover{border:none}
#jquery-lightbox a img{border:none}
#lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto}
#lightbox-container-image{padding:10px}
#lightbox-loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0}
#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}
#lightbox-container-image-box > #lightbox-nav{left:0}
#lightbox-nav a{outline:none}
#lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block}
#lightbox-nav-btnPrev{left:0;float:left}
#lightbox-nav-btnNext{right:0;float:right}
#lightbox-container-image-data-box{font:10px Verdana,Helvetica,sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;padding:0 10px 0}
#lightbox-container-image-data{padding:0 10px;color:#666}
#lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left}
#lightbox-image-details-caption{font-weight:bold}
#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1.0em}
#lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:0.7em}
*{
margin:0;
padding:0;
outline:0;
}
.nav{
width:100%;
height:36px;
background:#f9f9f9;
border-top:1px solid #e4e4e4;
border-bottom:1px solid #e4e4e4;
box-shadow: 0 2px 2px #eee;
z-index:1;
}
.menu{
width:900px;
list-style:none;
font:10px Oswald,Arial,Verdana;
text-align:center;
margin:0 auto;
}
.menu a{
float:left;
color:#777;
text-decoration:none;
width:100px;
line-height:36px;
-moz-transition:.2s linear;
-webkit-transition:.2s linear;
transition:.2s linear;
-o-transition:.2s linear;
}
.menu a:hover,li.menuhover a{
color:#111;
background:#efefef;
-moz-transition:.2s linear;
-webkit-transition:.2s linear;
transition:.2s linear;
-o-transition:.2s linear;
}
.menu li,.menu li span{
position:relative;
float:left;
width:100px;
z-index:2;
border-left:1px solid #e3e3e3;
}
.menu li span{
border-right:1px solid #e3e3e3;
border-left:none;
}
.menu ul{
display:none;
position:absolute;
font:normal 10px Oswald,Arial,Verdana;
top:36px;
left:0;
background:#fbfbfb;
display:none;
list-style:none;
box-shadow:0 2px 3px #ccc;
}
.menu ul li{
float:none;
border-top:1px solid #ccc;
width:150px;
}
.menu ul li a{
float:none;
display:block;
background:none;
line-height:36px;
width:137px;
text-align:left;
padding-left:10px;
color:#444;
}
.menu ul li a:hover{
background:#fefefe;
color:#777;
border-left:3px solid #a2354c;
-moz-transition:none;
-webkit-transition:none;
-o-transition:none;
transition:none;
}
#boxback{
margin:-10px auto 0;
z-index:-2;
position:relative;
width:410px;
height:30px;
background:#f8f8f8;
box-shadow: 0 0 2px 1px #ddd;
border-radius:0 0 3px 3px;
}
#boxbor{
margin:-20px auto 10px;
z-index:-1;
position:relative;
}
.box-intro{
width:auto;
border:1px solid #e4e4e4;
background:#fbfbfb;
border-radius:0 0 3px 3px;
padding:10px 20px;
display:inline-block;
text-shadow:1px 1px 0 #fff;
font-family:Trebuchet,Dosis;
font-size:11pt;
text-align:left;
color:#555;
font-style:italic;
box-shadow: 0 0 2px 1px #eee;
}
#jejaring{
float:right;
list-style:none;
margin:8px 0 0;
padding:0;
width:auto;
overflow:hidden;
}
#jejaring li{
float:left;
margin-right:10px;
border:none;
}
.icon,.icon a{
width:48px;
height:48px;
-o-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;
opacity:0.7;
filter:alpha(opacity=70);
}
.icon a:hover{
transition:.3s linear;
-o-transition:.3s linear;
-moz-transition:.3s linear;
-webkit-transition:.3s linear;
opacity:1.0;
filter:alpha(opacity=100);
}
#outer-wrapper{
width:900px;
margin:0 auto;
padding:10px 10px 0;
text-align:$startSide;
font:$bodyfont;
}
#main-wrapper{
width:660px;
float:$startSide;
word-wrap:break-word;
overflow:hidden;
}
#sidebar-wrapper{
width:220px;
float:$endSide;
word-wrap:break-word;
overflow:hidden;
}
h2{
margin:0 0 .75em;
font:$headerfont;
line-height:1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:#777;
font-size:80%;
font-family:Oswald;
background:#eee;
padding:5px;
}
h2.date-header{
margin:1.5em 0 .5em;
}
.post{
margin:.5em 0 1.5em;
border-bottom:1px dotted #ccc;
padding-bottom:1.5em;
font-family:Dosis,Verdana,Arial,Trebuchet MS,Sans-serif;
color:#444;
}
.post li{margin:0 0 0 20px;padding:0 0 0 10px}
.post h3{
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:400;
line-height:1.4em;
color:#777;
font-family:Oswald;
}
.post h3 a,.post h3 a:visited,.post h3 strong{
display:block;
text-decoration:none;
color:#777;
font-weight:400;
}
.post h3 strong,.post h3 a:hover{
color:#333;
}
.post-body{
margin:0 0 1.75em;
line-height:1.6em;
font-size:15px;
}
.post-body blockquote{
line-height:1.3em;
}
.post-footer{
margin:.75em 0;
color:#777;
text-transform:uppercase;
letter-spacing:.1em;
font:$postfooterfont;
line-height:1.4em;
}
.comment-link{
margin-startside:.6em;
}
.post img{
padding-top:6px
}
.post table.tr-caption-container{
padding-bottom:4px;
}
.tr-caption-container img{
border:none;
padding:0;
}
.post blockquote{
margin:1em 20px;
padding:2px 5px 2px 35px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfSiXQ3HzDk3FYqca1xqUDCxqykXzwJDbcgJQreb8alRmAJgfDd6uI16hmEiduRAKfbTA2-ZhCIcvvZFUgUJVR7NqdnHkFHZ-NGkj6hyow-O7hmH8zzVSFWmXiJ9pkpzjAdkG9Zt6EkuY/s0/blockquote.png) no-repeat top left #f8f8f8;border:1px solid #f1f1f1;
}
.post blockquote p{
margin:.75em 0;
}
.comment-block{
border:1px solid #f7f7f7;
background:#fbfbfb;
border-radius:5px;
padding:5px 10px;
}
#comment-holder{
padding:0 10px
}
.comment-header{
border-radius:3px;
padding:2px 5px;
background:#fff;
display:inline-block;
border:1px solid #f0f0f0;
}
.comment-header a{
color:#444;
}
#comments h4{
margin:1em 0;
line-height:1.4em;
letter-spacing:.2em;
color:#555;
text-transform:uppercase;
}
.avatar-image-container img{
border-radius:5px;
background:#fdfdfd;
}
.deleted-comment{
font-style:italic;
color:gray;
}
#blog-pager-newer-link{
float:$startSide;
}
#blog-pager-older-link{
float:$endSide;
}
#blog-pager{
text-align:center;
padding:5px;
background:#f7f7f7;
border-bottom:1px solid #e8e8e8;
}
.home-link{
margin-top:3px
}
.feed-links{
display:none;
line-height:2.5em;
}
#gpluslike{
background:#f4f6ff;
padding:2px 5px;
border-top:1px solid #ddd;
}
.sidebar{
color:#666;
line-height:1.5em;
font-size:90%;
}
.sidebar ul{
list-style:none;
margin:0;
padding:0;
}
.sidebar li{
margin:0;
padding-top:0;
padding-endside:0;
padding-bottom:.25em;
padding-startside:15px;
text-indent:-15px;
line-height:1.5em;
}
.sidebar .widget{
border-top:1px solid #ccc;
margin:0 0 1px;
padding:0 0 1.5em;
}
.main .widget{
border-bottom:1px solid #ccc;
margin:0 0 1px;
padding:0 0 1.5em;
}
.main .Blog{
border-bottom-width:0;
}
.profile-img{
float:$startSide;
margin-top:0;
margin-endside:5px;
margin-bottom:5px;
margin-startside:0;
padding:4px;
border:1px solid #ccc;
}
.profile-data{
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font:$postfooterfont;
color:#777;
font-weight:700;
line-height:1.6em;
}
.profile-datablock{
margin:.5em 0;
}
.profile-textblock{
margin:.5em 0;
line-height:1.6em;
}
.profile-link{
font:$postfooterfont;
text-transform:uppercase;
letter-spacing:.1em;
}
#middle-wrapper{
width:100%;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFXIl-PYP_ehFQAunKoB_incLsZOD6zNzui8YXfsnp0GnrhBbOkq0DtmXh6GBYneGZyOZIaVeeS0d6LWM-ceySTAjgOE_ARC8kLRGNvim4ADwJAm4oW3uXfAB8pJoDnPvnkvI5EyCVEj0/s0/middlebg.png) repeat #f4f4f4;border-top:1px solid #eee}
#middle-columns h2{
border:1px solid #ddd;
box-shadow:inset 0 0 0 1px #fff;
border-radius:3px;
text-shadow:1px 1px 0 #fff;
color:#666;
background:#efefef;
}
#middle-columns{
font-family:Dosis,Verdana,Arial;
width:900px;
margin:0 auto;
text-align:$startSide;
padding:10px 0 20px;
}
.column1{
width:290px;
float:left;
margin:3px 15px 3px 0;
text-align:left;
}
.column2{
width:290px;
float:left;
margin:3px 0;
text-align:left;
}
.column3{
width:290px;
float:left;
margin:3px 0 3px 15px;
text-align:left;
}
#col1,#col2,#col3{text-align:justify;color:#555;line-height:17.5px}
#col1 a,#col2 a,#col3 a{color:#5c90cd}
.addwidget{
padding:0;
}
#middle-columns ul{
list-style:none;
margin:0;
padding:0;
}
#middle-columns li{
margin:0;
padding-top:0;
padding-left:0;
padding-bottom:.25em;
padding-right:15px;
text-indent:-15px;
line-height:1.5em;
}
#footer-wrapper{width:100%;background:#f0f0f0;}
#footer{
width:900px;
background:#f0f0f0;
border-top:1px solid #ebebeb;
clear:both;
margin:0 auto;
padding:5px 0;
line-height:1.6em;
text-transform:none;
font-family:Arial;
font-size:11px;
display:inline-block;
}
#copyright{float:left;text-align:left}
#credit{float:right;text-align:right}
.thumbs{
width:218px;
height:155px;
position:relative;
line-height:1.6em;
margin:0;
overflow:hidden;
}
.thumbs img{
position:absolute;
top:0;
left:0;
border:0;
margin-top:-20px;
}
.thumbs a{
display:block;
position:relative;
overflow:hidden;
height:155px;
width:218px;
color:#555;
}
.thumbs a:hover{
text-decoration:none;
}
.summary{
padding-bottom:15px;
margin:10px 10px 0;
font-family:Dosis,Verdana,Arial;
font-size:12px;
}
.botsnip{
margin:0 10px;
}
]]>
-
-
-
-
-
-
-
-
-
- -
- -
tab
Design Template Dengan DreamWeaver
www.all-tutorial.org
www.all-tutorial.org
main-wrapper:content-wrapper
Langganan:
Komentar (Atom)