- <![CDATA[
/*
---------------------------------------------------------
Blogger Template Style
Name: AC Milan Template
Designer: Abdul Munir
Website URL: http://99computercity.com
Blogger URL: http://layout4all.blogspot.com
Date:Januari 2008
Distributed by: http://BTemplates.com
------------------------------------------------------
| 9999 9999 cccc |
| 99 99 99 99 ccc cc oooo mm mm |
| 999 999 999 999 cc oo oo mm m m mm |
| 999 999 999 999 cc oo oo mm m m mm |
| 999 999 cc oo oo mm m mm |
| 99 99 99 99 ccc cc oo oo mm mm |
| 9999 9999 cccc oooo mm mm |
------------------------------------------------------
*/
/* devinisi warna dan huruf
-----------------------------------------------------------------------------
<Variable name="mainBgColor" description="Main Background Color"
type="color" default="#fff" value="#ffffff">
<Variable name="mainTextColor" description="Text Color" type="color"
default="#333" value="#333333">
<Variable name="postTitleColor" description="Post Title Color" type="color"
default="#333" value="#333333">
<Variable name="dateHeaderColor" description="Date Header Color"
type="color" default="#357" value="#335577">
<Variable name="borderColor" description="Post Border Color" type="color"
default="#bbb" value="#bbbbbb">
<Variable name="mainLinkColor" description="Link Color" type="color"
default="#258" value="#225588">
<Variable name="mainVisitedLinkColor" description="Visited Link Color"
type="color" default="#666" value="#666666">
<Variable name="titleBgColor" description="Page Header Background Color"
type="color" default="#456" value="#445566">
<Variable name="titleTextColor" description="Blog Title Color"
type="color" default="#fff" value="#ffffff">
<Variable name="topSidebarHeaderColor"
description="Top Sidebar Title Color"
type="color" default="#234" value="#223344">
<Variable name="topSidebarBgColor"
description="Top Sidebar Background Color"
type="color" default="#cdc" value="#ccddcc">
<Variable name="topSidebarTextColor" description="Top Sidebar Text Color"
type="color" default="#345" value="#334455">
<Variable name="topSidebarLinkColor" description="Top Sidebar Link Color"
type="color" default="#258" value="#225588">
<Variable name="topSidebarVisitedLinkColor"
description="Top Sidebar Visited Link Color"
type="color" default="#258" value="#225588">
<Variable name="bodyFont" description="Text Font" type="font"
default="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif">
<Variable name="pageTitleFont" description="Blog Title Font" type="font"
default="normal bold 200% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 200% 'Trebuchet MS',Verdana,Arial,Sans-serif">
<Variable name="descriptionFont" description="Blog Description Font" type="font"
default="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif">
<Variable name="headerFont" description="Sidebar Title Font" type="font"
default="normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif">
<Variable name="postTitleFont" description="Post Title Font" type="font"
default="normal bold 135% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 135% 'Trebuchet MS',Verdana,Arial,Sans-serif">
<Variable name="startSide" description="Start side in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="End side in blog language"
type="automatic" default="right" value="right">
-------------------------------------------------------------------------------- *//* INFORMASI
Bila anda menggunakan Template ini, maka ada hak saya dan ada pula hak anda
hak anda adalah bila tidak suka dengan template ini silahkan ganti karena itu
hak anda, namun bila anda suka dan ingin menggunakan template ini ingat hak
saya yaitu jangan di hapus credits atau template by yang ada di bagian bawah.
--- TERIMA KASIH--
*/
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
body {
background: #000;
margin:0;
text-align:center;
line-height: 1.5em;
font:x-small Trebuchet MS, Verdana, Arial, Sans-serif;
color:$mainTextColor;
font-size/* */:/**/small;
font-size: /**/small;
}
#outer-wrapper {
width:985px;
background:#fff;
border-$startSide: 5px solid #ccc;
border-$endSide: 5px solid #ccc;
margin:0 auto;
text-align:$startSide;
font: $bodyFont;
word-wrap: break-word;
overflow: hidden;
}
/* Header */
#header-wrapper {
margin-$endSide:0;
margin-bottom:0;
margin-$startSide:0;
padding-$endSide:0;
padding-bottom:0;
padding-$startSide:0;
color:$titleTextColor;
}
#header {
margin: 0 auto;
/* you can remove or change header image */
background: #E11624 url(http://layoutforall.googlepages.com/milanheader.jpg);
color: #ffffff;
padding: 0;
height: 200px; /* you can remove or change height size for header image */
text-align: $startSide;
}
#header h1 {
margin:0;
padding:10px 30px 5px;
line-height:1.2em;
font: $pageTitleFont;
}
#header a,
#header a:visited {
text-decoration:none;
color: $titleTextColor;
}
#header .description {
margin:0;
padding:5px 30px 10px;
line-height:1.5em;
font: $descriptionFont;
}
#content {
width: 985px;
}
/* Main */
#main-wrap1 {
width:485px;
float:$startSide;
background:$mainBgColor url("http://i217.photobucket.com/albums/cc189/layout4all/bawah-1.gif") no-repeat $startSide bottom;
margin-top:10px;
margin-$startSide: 4px;
padding:0 0 30px;
color:$mainTextColor;
font-size:97%;
position: relative;
line-height:1.5em;
word-wrap: break-word; /* code ini jangan di hapus, untuk mengatur teks terutama pd IE */
overflow: hidden; /* untuk mengatur kontent */
margin-bottom: 15px;
}
#main-wrap2 {
float:$startSide;
width:100%;
background:url("http://i217.photobucket.com/albums/cc189/layout4all/mainatas-1.gif") no-repeat $startSide top;
padding:30px 0 0;
}
#main {
background:url("http://i217.photobucket.com/albums/cc189/layout4all/tengah.gif") repeat-y;
padding:0;
}
.main .widget {
margin-top: 4px;
width: 468px;
padding: 0 13px;
}
.main .Blog {
margin: 0;
padding: 0;
width: 484px;
}
/* Posts */
h2.date-header {
margin-top:0;
margin-$endSide:12px;
margin-bottom:0;
text-align: $endSide;
font-size:85%;
line-height:2em;
text-transform:lowercase;
letter-spacing:.2em;
color:$dateHeaderColor;
}
.post {
margin:.3em 0 25px;
padding:0 13px;
}
.post h3 {
margin:0;
line-height:1.5em;
background:url("http://i217.photobucket.com/albums/cc189/layout4all/title_03.gif") no-repeat top center;
display:block;
padding-top: 20px;
padding-$endSide:14px;
padding-bottom: 20px;
padding-$startSide:0px;
color: #FCDC01;
font: $postTitleFont;
text-align: center;
}
.post h3 a, .post h3 a:visited {
text-decoration:none;
color: #FCDC01;
}
a.title-link:hover {
background-color: $borderColor;
color: #0148FC;
}
.post-body {
padding-top: 10px;
padding-$endSide:4px;
padding-bottom: 1px;
padding-$startSide: 4px;
}
html>body .post-body {
border-bottom-width: 0;
}
.post p {
margin: 0px;
}
.post-footer {
background: #E1D6D6;
margin:0;
padding-top:2px;
padding-$endSide:14px;
padding-bottom:2px;
padding-$startSide:29px;
border:1px dotted $borderColor;
font-size:100%;
line-height:1.5em;
color: #666;
}
.post-footer p {
margin: 0px;
}
html>body .post-footer {
border-bottom-color:transparent;
}
.uncustomized-post-template .post-footer {
text-align: $endSide;
}
.uncustomized-post-template .post-author,
{
float: $startSide;
text-align:$startSide;
margin-$endSide: 0px;
}
.post-footer a {
color: #258;
}
.post-footer a:hover {
color: #666;
}
a.comment-link {
/* IE5.0/Win doesn't apply padding to inline elements,
so we hide these two declarations from it */
background/* */:/**/url("http://www.blogblog.com/rounders/icon_comment.gif") no-repeat $startSide 45%;
padding-$startSide:14px;
}
html>body a.comment-link {
/* Respecified, for IE5/Mac's benefit */
background:url("http://www.blogblog.com/rounders/icon_comment.gif") no-repeat $startSide 45%;
padding-$startSide:14px;
}
.post img {
margin-top:0;
margin-$endSide:0;
margin-bottom:5px;
margin-$startSide:0;
padding:4px;
border:1px solid $borderColor;
}
blockquote {
margin:.75em 0;
border:1px dotted $borderColor;
border-width:1px 0;
padding:5px 15px;
color: $dateHeaderColor;
}
.post blockquote p {
margin:.5em 0;
}
#blog-pager-newer-link {
float: $startSide;
margin-$startSide: 13px;
}
#blog-pager-older-link {
float: $endSide;
margin-$endSide: 13px;
}
#blog-pager {
text-align: center;
}
.feed-links {
clear: both;
line-height: 2.5em;
margin-$startSide: 13px;
}
/* Comments */
#comments {
margin:-25px 13px 0;
border:1px dotted $borderColor;
border-width:0 1px 1px;
padding-top:20px;
padding-$endSide:0;
padding-bottom:15px;
padding-$startSide:0;
}
#comments h4 {
margin:0 0 10px;
padding-top:0;
padding-$endSide:14px;
padding-bottom:2px;
padding-$startSide:29px;
border-bottom:1px dotted $borderColor;
font-size:120%;
line-height:1.4em;
color:$postTitleColor;
}
#comments-block {
margin-top:0;
margin-$endSide:15px;
margin-bottom:0;
margin-$startSide:9px;
}
.comment-author {
background:url("http://www.blogblog.com/rounders/icon_comment.gif") no-repeat 2px .3em;
margin:.5em 0;
padding-top:0;
padding-$endSide:0;
padding-bottom:0;
padding-$startSide:20px;
font-weight:bold;
}
.comment-body {
margin:0 0 1.25em;
padding-top:0;
padding-$endSide:0;
padding-bottom:0;
padding-$startSide:20px;
}
.comment-body p {
margin:0 0 .5em;
}
.comment-footer {
margin:0 0 .5em;
padding-top:0;
padding-$endSide:0;
padding-bottom:.75em;
padding-$startSide:20px;
}
.comment-footer a:link {
color: #333;
}
.deleted-comment {
font-style:italic;
color:gray;
}
#sidebar-wrapkiri {
width:240px;
float:$startSide;
margin-top: 10px;
margin-$startSide: 4.5px;
font-size:97%;
line-height:1.5em;
word-wrap: break-word;
overflow: hidden;
}
#sisikiriatas {
background:#fff url("http://i217.photobucket.com/albums/cc189/layout4all/kiriatas.gif") no-repeat $startSide top;
margin:0 0 10px;
padding:20px 0px 0px;
color: $mainTextColor;
}
#sisiatas { background:url(http://i217.photobucket.com/albums/cc189/layout4all/kiritengah_01.gif) repeat-y bottom center;
width: 240px;
}
#sisikiriatas2 { background:url("http://i217.photobucket.com/albums/cc189/layout4all/kiribawah_03.gif") no-repeat $startSide bottom;
padding:0px 0px 20px;
}
#kanan {
width:240px;
float:$startSide;
margin-top: 10px;
margin-$startSide: 4px;
font-size:97%;
line-height:1.5em;
word-wrap: break-word;
overflow: hidden;
}
#sisikanan {
background:#fff url("http://i217.photobucket.com/albums/cc189/layout4all/kananatas.gif") no-repeat $startSide top;
margin:0 0 15px;
padding: 20px 0px 0px;
color: #ccc;
}
#sisikanan2 { background:url("http://i217.photobucket.com/albums/cc189/layout4all/kananbawah_03.gif") no-repeat $startSide bottom;
padding: 0px 0px 20px;
}
#sisikanantengah { background:url(http://i217.photobucket.com/albums/cc189/layout4all/kanantengah_01.gif) repeat-y top center;
width: 240px;
}
/* Profile */
.profile-img {
float: $startSide;
margin-top: 5px;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
border: 4px solid $topSidebarTextColor;
}
.profile-datablock {
margin-top:0;
margin-$endSide:15px;
margin-bottom:.5em;
margin-$startSide:0;
padding-top:8px;
}
.profile-link {
background:url("http://www.blogblog.com/rounders/icon_profile.gif") no-repeat $startSide .1em;
padding-$startSide:15px;
font-weight:bold;
}
.profile-textblock {
clear: both;
margin: 0;
}
/* Sidebar Boxes */
.sidebar .widget {
margin:.5em 13px 1.25em;
padding:0 0px;
color: #fff;
}
#kanan a {
color: #f00;
}
#kanan a:hover,
#kanan a:visited {
color: #ffc;
}
#sidebar-wrapkiri a {
color: #eee;
}
#sidebar-wrapkiri a:hover,
#sidebar-wrapkiri a:visited {
color: #ffc;
}
.widget-content {
margin-top: 0.5em;
}
.sidebar h2 {
margin:0;
text-align: $endSide;
padding:5px 30px 5px 0px;
line-height:1.5em;
font:$headerFont;
background: url(http://i217.photobucket.com/albums/cc189/layout4all/sdbtitl_06.gif) no-repeat $startSide top;
color: #000;
}
.sidebar ul {
list-style:none;
margin:0 0 1.25em;
padding:0;
}
.sidebar ul li {
background:url("http://i217.photobucket.com/albums/cc189/layout4all/bola1_10.gif") no-repeat 2px .25em;
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:3px;
padding-$startSide:16px;
margin-bottom:3px;
border-bottom:1px dotted $borderColor;
line-height: 1.2em;
}
.sidebar p {
margin:0 0 .6em;
}
.sidebar .clear, .main .widget .clear {
clear: both;
}
/* Sidebar kanan */
.sidebarkn .widget {
margin:.5em 13px 1.25em;
padding:0 0px;
}
.widget-contentkn {
margin-top: 0.5em;
}
.sidebarkn h2 {
margin:0;
text-align: $startSide;
padding:5px 0px 5px 30px;
line-height:1.5em;
font:$headerFont;
background: url(http://i217.photobucket.com/albums/cc189/layout4all/kanan_06.gif) no-repeat $endSide top;
color: #f00;
}
.sidebarkn ul {
list-style:none;
margin:0 0 1.25em;
padding:0;
}
.sidebarkn ul li {
background:url("http://i217.photobucket.com/albums/cc189/layout4all/bola_10.gif") no-repeat 2px .25em;
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:3px;
padding-$startSide:16px;
margin-bottom:3px;
border-bottom:1px dotted $borderColor;
line-height: 1.2em;
}
.sidebarkn p {
margin:0 0 .6em;
}
.sidebarkn .clear, .main .widget .clear {
clear: both;
}
/* Footer */
#footer-wrap1 {
clear:both;
margin-$startSide:6px;
padding:10px 0px 0px;
background: url("http://i217.photobucket.com/albums/cc189/layout4all/footeratas_03.gif") no-repeat left top;
}
#footer-wrap2 {
background:url("http://i217.photobucket.com/albums/cc189/layout4all/fotbawah_03.gif") no-repeat left bottom;
padding:5px 0px 20px;
margin-bottom: 10px;
}
#footer { background:url("http://i217.photobucket.com/albums/cc189/layout4all/fottengah_03.gif") repeat-y left bottom;
padding:3px 15px 8px;
}
#footer hr {display:none;}
#footer p {margin:0;}
#footer a {color:#06358D;}
#footer .widget-content {
margin:0;
}
/** Page structure tweaks for layout editor wireframe */
body#layout #main-wrap1,
body#layout #sidebar-wrapkiri,
body#layout #kanan,
body#layout #header-wrapper {
margin-top: 0;
}
body#layout #header, body#layout #header-wrapper,
body#layout #outer-wrapper {
margin-$startSide:0,
margin-$endSide: 0;
padding: 0;
}
body#layout #outer-wrapper {
width: 0 auto;
}
body#layout #footer-wrap1 {
padding-top: 0;
}
/* Designer */
#Munir {
color: #ffc;
font-size: 11px;
text-align: center;
background: #A60707;
border-top: 2px solid #000;
}
#Munir a {
text-decoration: none;
color: #fff;
}
/* Links Global */
a:link {
color: #f00;
text-decoration: none;
}
a:visited {
color: #0148FC;
}
a:hover {
color: #FCED01;
}
a img {
border-width:0;
}
/* Menu */
#menu {
background: #000;
float: left;
list-style: none;
margin: 0;
padding: 0;
width: 100%;
border-top: 2px solid #fff;
border-bottom: 2px solid #f00;
}
#menu li {
float: left;
font: 87.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
margin-$startSide: 30px;
padding-$startSide: 10px;
}
#menu a {
color: #FCDC01;
display: block;
float: left;
margin: 0;
padding: 8px 12px;
text-decoration: none;
}
#menu a:hover {
background: url("htt://i217.photobucket.com/albums/cc189/layout4all/Untitled-3.gif") bottom center no-repeat;
color: #fff;
padding-bottom: 8px;
]]>
Tidak ada komentar:
Posting Komentar