/* Variable definitions
====================
*/
/* Use this with templates/template-twocol.html */
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=20, FinishedOpacity=20)}
body {
background:black url(http://img36.imageshack.us/img36/9214/44128720.jpg?imgmax=100%) repeat-x fixed top center;
color:#e5e5e5;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
a:link {
color:#ffff00;
text-decoration:none;
}
a:visited {
color:#f1c232;
text-decoration:none;
}
a img {
border-width:0;
}
/* Header
-----------------------------------------------
*/
#header-wrapper {
width:1000px;
margin:0 auto 0px;
background:$bgheadercolor url(http://ahom24.googlepages.com/magazine_01.jpg) no-repeat top center;
height:170px;
}
#head-inner {
width:495px;
background-position: left;
margin-left: auto;
margin-right: auto;
float:left;
}
#header {
margin: 0px;
text-align: left;
color:#ffcc66;
}
#r_head{
width:495px;
float:right;
padding-top:0px;
}
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 1000px;
margin:0 auto;
padding:5px;
text-align:left;
font: normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
background:black;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
-khtml-opacity: 0.7;
}
#main-wrapper {
width: 556px;
float: left;
background:black;
border:0px solid #2BA94F;#80FF00;
padding:5px 5px .15em;
word-wrap: break-word;
overflow: hidden;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-radius-topleft: 10px;
-webkit-border-radius-topright: 10px;
-khtml-border-radius-topleft: 10px;
-khtml-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;}
#sidebaratas-wrapper {
border: 1px none #FFFFFF;
background:black;
width:422px;
float:right;
padding:5px 5px .25em;
margin-top:5px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-radius-topleft: 10px;
-webkit-border-radius-topright: 10px;
-khtml-border-radius-topleft: 10px;
-khtml-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;}
#sidebar-wrapper {
width: 206px;
float: right;
background:black;
border:0px solid #2BA94F;white;
padding:5px 5px .25em;
word-wrap: break-word;
overflow: hidden;
-moz-border-radius-bottomleft: 10px;
-webkit-border-radius-bottomleft: 10px;
-khtml-border-radius-bottomleft: 10px;
border-bottom-left-radius: 10px;}
#sidebarbaru-wrapper {
width: 206px;
float: right;
background:black;
border:0px solid
#2BA94F;white; padding:5px 5px .25em;
psdding-right:5px;
word-wrap: break-word;
overflow: hidden;
-moz-border-radius-bottomright: 10px;
-webkit-border-radius-bottomright: 10px;
-khtml-border-radius-bottomright: 10px;
border-bottom-right-radius: 10px;}
#sidebartengah-wrapper {
border: 0px solid #5A41AF;
background:black;
width:422px;
float:right;
padding:5px;
margin-bottom:0px;}
#sidebarbawah-wrapper {
width: 206px;
float: right;
background:black;
border:0px solid #2BA94F;white;
padding:2.5px 2.5px 2.5px .5em;
word-wrap: break-word;
overflow: hidden;}
#sidebarbawahbaru-wrapper {
width: 206px;
float: right;
background:black;
border:0px solid #2BA94F;white;
padding:5px 5px .25em;
word-wrap: break-word;
overflow: hidden;}
/* Headings
----------------------------------------------- */
.sidebar h2 {
padding-top:5px;
padding-bottom:5px;
font-family:Bradley Hand ITC;
font-size:100%;
color:#ffffff;
font-weight:bold;
text-transform:uppercase;
text-align:center;
border:3px solid #31363F;
background:#000033 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4nQkKcIypfiuMs0HKf1hgBu55zOx97HWmvBTSN7KJJigU94J-48yN1iPOjrUwzJ4ZrQlHERo2i7_RH6a6PZquSSa1DbvxNrcb2FXbs4TrNVA3-ex27r2hNLjOCNaEMU2nQ3c_Ws-2jFY/s912/bodybg.jpg) ;
padding;5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
.#sidebarbaru-wrapper h2 {
padding-top:5px;
padding-bottom:5px;
font-family:Bradley Hand ITC;
font-size:100%;
color:#ffffff;
font-weight:bold;
text-transform:uppercase;
text-align:center;
border:3px solid #31363F;
background:#000033 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4nQkKcIypfiuMs0HKf1hgBu55zOx97HWmvBTSN7KJJigU94J-48yN1iPOjrUwzJ4ZrQlHERo2i7_RH6a6PZquSSa1DbvxNrcb2FXbs4TrNVA3-ex27r2hNLjOCNaEMU2nQ3c_Ws-2jFY/s912/bodybg.jpg)no-repeat center left;
padding;5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
.sidebaratas h2 {
padding-top:5px;
padding-bottom:5px;
font-family:Bradley Hand ITC;
font-size:100%;
color:#ffffff;
font-weight:bold;
text-transform:uppercase;
text-align:center;
border:3px solid #31363F;
background:#000033 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4nQkKcIypfiuMs0HKf1hgBu55zOx97HWmvBTSN7KJJigU94J-48yN1iPOjrUwzJ4ZrQlHERo2i7_RH6a6PZquSSa1DbvxNrcb2FXbs4TrNVA3-ex27r2hNLjOCNaEMU2nQ3c_Ws-2jFY/s912/bodybg.jpg)no-repeat center left;
padding;5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
.sidebartengah h2 {
font-family:Bradley Hand ITC;
padding-top:5px;
padding-bottom:5px;
font-size:100%;
color:#ffffff;
font-weight:bold;
text-transform:uppercase;
text-align:center;
border:3px solid #31363F;
background:#000033 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4nQkKcIypfiuMs0HKf1hgBu55zOx97HWmvBTSN7KJJigU94J-48yN1iPOjrUwzJ4ZrQlHERo2i7_RH6a6PZquSSa1DbvxNrcb2FXbs4TrNVA3-ex27r2hNLjOCNaEMU2nQ3c_Ws-2jFY/s912/bodybg.jpg)no-repeat center left;
padding;5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
.sidebarbawah-wrapper h2 {
padding-top:5px;
padding-bottom:5px;
font-family:Bradley Hand ITC;
font-size:100%;
color:#ffffff;
font-weight:bold;
text-transform:uppercase;
text-align:center;
border:3px solid #31363F;
background:#000033 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4nQkKcIypfiuMs0HKf1hgBu55zOx97HWmvBTSN7KJJigU94J-48yN1iPOjrUwzJ4ZrQlHERo2i7_RH6a6PZquSSa1DbvxNrcb2FXbs4TrNVA3-ex27r2hNLjOCNaEMU2nQ3c_Ws-2jFY/s912/bodybg.jpg)no-repeat center left;
padding;5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
.sidebarbawahbaru-wrapper h2 {
padding-top:5px;
padding-bottom:5px;
font-family:Bradley Hand ITC;
font-size:100%;
color:#ffffff;
font-weight:bold;
text-transform:uppercase;
text-align:center;
border:3px solid #31363F;
background:#000033 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4nQkKcIypfiuMs0HKf1hgBu55zOx97HWmvBTSN7KJJigU94J-48yN1iPOjrUwzJ4ZrQlHERo2i7_RH6a6PZquSSa1DbvxNrcb2FXbs4TrNVA3-ex27r2hNLjOCNaEMU2nQ3c_Ws-2jFY/s912/bodybg.jpg)no-repeat center left;
padding;5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:1.5em 0 .5em;
}
.post {
width:255px;
background:#04031B url(http://img26.imageshack.us/img26/8659/bg1sj.jpg?imgmax=100%) repeat-x fixed top center;
float:left;
padding:5px; /* Jarak antara text post dengan garis pinggir */
Border-top: 3px solid #2F323D; /* warna garis pinggir atas */
Border-bottom: 3px solid #2F323D; /* warna garis pinggir bawah */
Border-left: 3px solid #2F323D; /* warna garis pinggir kiri */
Border-right: 3px solid #2F323D; /* warna garis pinggir kanan */
Margin-bottom:5px; /* jarak antara post yang satu dengan yang lainnya */
Margin-left: 7px;
Margin-top: 5px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-radius-topleft: 20px;
-webkit-border-radius-bottomright: 20px;
-khtml-border-radius-topleft: 20px;
-khtml-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.post blockquote {
margin:1em 20px;
}
.post h3 {
text-align:center;v-align:center;
margin:.25em 0 0;
padding:4px 4px 4px;
font-family:Footlight MT Light;
font-size:100%;
font-weight:normal;
line-height:1.4em;
height:35px;
color:#cccccc;
background:#31363F url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4nQkKcIypfiuMs0HKf1hgBu55zOx97HWmvBTSN7KJJigU94J-48yN1iPOjrUwzJ4ZrQlHERo2i7_RH6a6PZquSSa1DbvxNrcb2FXbs4TrNVA3-ex27r2hNLjOCNaEMU2nQ3c_Ws-2jFY/s912/bodybg.jpg);
border:3px solid #2F323D;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-radius-topleft: 10px;
-webkit-border-radius-bottomright: 10px;
-khtml-border-radius-topleft: 10px;
-khtml-border-radius-bottomright: 10px;
border-top-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:#cccccc;
font-weight:bold;
}
.post-body {
margin:0 0 0.75em;
height:190px;
overflow:hidden
margin:0 0 .75em;
line-height:1.6em;
}
.post-body blockquote {
line-height:1.3em;
}
.post-footer {
height:25px;
margin: .75em 0;
color:#ffff00;
text-transform:uppercase;
letter-spacing:.1em;
font: normal normal 95% Verdana, sans-serif;
line-height: 1.4em;
background:#31363F url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7V4p4WN2uMBYzUHw9G7_5SihoyOKXqBDvPpmz7VPTamW6fLgS28FbMl52GmXOzZAGZdbJ0PBsEQcc4qAuVpjyZwR8WhLjgpafG4RBS3YpXRVcN-hzkpJltOQegw_vujZzyo0En16TJvRp/s120/animatedbg1.gif);
border:3px solid #2F323D;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-radius-topleft: 10px;
-webkit-border-radius-bottomright: 10px;
-khtml-border-radius-topleft: 10px;
-khtml-border-radius-bottomright: 10px;
border-top-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.post blockquote {
margin:1em 20px;
}
.comment-link {
margin-left:.6em;
}
.post img {
padding:4px;
border:0px solid #2BA94F;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}
/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: #ffff00;
padding:20px 20px 20px 20px;
}
#comments-block {
line-height:1.6em;
}
#comments-block .comment-author {
background:;
border-top: 1px dotted #e1771e;
margin:0;
padding:0 0 0 20px;
}
#comments-block .comment-body {
background:darkblue;
padding:0px 20px 0px 20px;
margin-right:20px
}
#comments-block .comment-footer {
background: ;
border-top: 0px solid #e1771e;border-bottom: 0px dotted #e1771e;border-left: 0px solid #e1771e;border-right: 0px solid #e1771e;
line-height: 1.4em;
text-transform:;
letter-spacing:.1em;
}
#comments-block .comment-body p {
}
.deleted-comment {
font-style:italic;
color:gray;
}
.feed-links {
line-height: 2.5em;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
clear: both;
}
/* Sidebar Content
----------------------------------------------- */
.sidebaratas {
color: #ffffff;
line-height: 1.5em;
}
.sidebaratas ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebaratas li {
margin:0;
padding-top:0;
padding-right:0;
padding-bottom:.25em;
padding-left:15px;
text-indent:-15px;
line-height:1.5em;
}
.sidebaratas .widget{
background:black;
border:3px solid #2F323D;
margin:0 0 0.25em;
padding:0.5em;
}
.sidebaratas .widget:hover {
cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrl6UcyqcdAdG9YEtiO2WZJyPwN2RmRlVvcXeKHvMq2pvTPpFpF-TpiV2usEmdIxIe1oS4Z4dJckAUlHrhz4KMv-UHXpnzVQRX7D41iyzkBpsES9szt5v5QYzZgdjPU69jP0_SxQYVza8/s32/appstarting.gif"), default;
background:#000033;
}
.sidebartengah {
color: #ffffff;
line-height: 1.5em;
}
.sidebartengah ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebartengah li {
margin:0;
padding-top:0;
padding-right:0;
padding-bottom:.25em;
padding-left:15px;
text-indent:-15px;
line-height:1.5em;
}
.sidebartengah .widget{
background:black;
border:3px solid #2F323D;
margin:0 0 0em;
padding:0.5em;
}
.sidebartengah .widget:hover {
cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEy3_OcmytJrwYhG1wfF1XVSIQBdE-4YITppaeBP2vAYtfj1ZtW6WtuxLCba0wkAaKZ9PvB4KPgiijN3oCJTe9uc-TXaNK4-f6b6Nh3ufLp4jBcZzZFZV0rBLrsjdijhWqADT9MMJnbXw/s32/arrow4.gif"), default;
background:#000033;
}
.sidebar {
color: #ffffff;
line-height: 1.5em;
}
.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
margin:0;
padding-top:0;
padding-right:0;
padding-bottom:.25em;
padding-left:15px;
text-indent:-15px;
line-height:1.5em;
}
.sidebarbawah-wrapper .widget{
background:black;
border:3px solid #2F323D;
margin:0 0 0.5em;
padding:0.5em;
}
.sidebarbawah-wrapper .widget:hover {
cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRm2FSldadmUBuHMsM4WkdxK0KaUfQh6DlmifLkSJ8oEJkQboUfCnUxnqa-F3e33mRhn429FiIixxsRvjkRoQRLcadqUiPKd1_omJuOV0hsRlptatas_xY0hpCn24KcsRa-Y8T_uiz-Ec/s32/appstarting2.gif"), default;
background:#000033;
}
.sidebarbawahbaru-wrapper .widget{
background:black;
border:3px solid #2F323D;
margin:0 0 0.5em;
padding:0.5em;
}
.sidebarbawahbaru-wrapper .widget:hover {
background:#000033;
}
.sidebar .widget{
background:black;
border:3px solid #2F323D;
margin:0 0 1.5em;
padding:0.5em;
}
.sidebar .widget:hover {
background:#000033;
}
.main .widget{
cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGWukl-U8mimOkNVxi8GiUf4otnJa7oI5Yt9MWK5Baq1F61Y9cx3z4RApSMAdxEJcK5vlTkFJ3SuNRZAEujpDq0syR3H-s9K6Cy2_HRkWPljYXceuk9kyng1DGfP9DOApeCS-sRZd_S0o/s32/arrow7.gif"), default;
background:black;
border-bottom:0px dotted #2BA94F;
margin:0 0 1.5em;
padding:0 0 1.5em;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
.main .Blog {
border-bottom-width: 0;
}
/* Profile
----------------------------------------------- */
.profile-img {
float: left;
margin-top: 0;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 0;
padding: 4px;
border: 1px solid #2BA94F;
}
.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font: normal normal 95% Verdana, sans-serif;
color: #ffff00;
font-weight: bold;
line-height: 1.6em;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}
.profile-link {
font: normal normal 95% Verdana, sans-serif;
text-transform: uppercase;
letter-spacing: .1em;
}
/* Footer
----------------------------------------------- */
#footer {
width:1000px;
background:black;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}
#footer2 h2 {
font-size:100%;
color:#ffffff;
font-weight:bold;
text-transform:uppercase;
text-align:center;
border:3px solid #000033;
padding :5px 0 5px 0;
background:#31363F url(https://lh4.googleusercontent.com/-QQbAa4GWKns/T4gbi3AwppI/AAAAAAAAD3M/pQ1JaK33V1E/s426/3.jpg);
padding;5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
#footer3 h2 {
font-size:100%;
color:#ffffff;
font-weight:bold;
text-transform:uppercase;
text-align:center;
border:3px solid #000033;
padding :5px 0 5px 0;
background:#31363F url(https://lh4.googleusercontent.com/-QQbAa4GWKns/T4gbi3AwppI/AAAAAAAAD3M/pQ1JaK33V1E/s426/3.jpg);
padding;5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
#footer4 h2 {
font-size:100%;
color:#ffffff;
font-weight:bold;
text-transform:uppercase;
text-align:center;
border:3px solid #000033;
padding :5px 0 5px 0;
background:#31363F url(https://lh4.googleusercontent.com/-QQbAa4GWKns/T4gbi3AwppI/AAAAAAAAD3M/pQ1JaK33V1E/s426/3.jpg);
padding;5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
/* kode untuk hurup awal
----------------------------------------------- */
.awal {
float:left;
color: white;
background:;
padding-top:1px;
padding-right:5px;
font-family:times;
font-size:80px;
}
.comment-body-author {
background: #4D0000; /* warna background pemilik blog */
border-top: 0px solid #e1771e;border-bottom: 0px solid #e1771e;border-left: 0px solid #e1771e;border-right: 0px solid #e1771e;padding-left:50px;
margin-left:20px;
margin-right:20px;
}
.avatar-image-container img {
margin-left:20px;
background: url(http://www.blogger.com/img/logo40.png) no-repeat;
width: 35px;
height: 35px;
.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-
radius:100px}
}
#footer-column-container {
clear:both;
}
.footer-column {
background:black;
position:relative;
clear:both;
float:center;
padding:15px 0 15px 0;
}
.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;}
div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 126px; /* Lebar Menu Utama Atas */ text-align: center;
height: 24px; /* Tinggi Menu Utama Atas */
padding-top: 3px;
vertical-align: middle;
border: 2px solid #2F323D; /* Warna border Menu Atas */
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif; /* Font Menu Utama Atas */
font-weight: 900;
color: white; /* Warna Font Menu Utama Atas */
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-radius-topleft: 10px;
-webkit-border-radius-topright: 10px;
-khtml-border-radius-topleft: 10px;
-khtml-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: black;/* Warna background Menu Utama Atas */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #6E6E6E; /* Warna border Kotak Utama */
overflow: hidden;
background-color: black; /* Warna background Kotak Utama */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}
.comments-page { background-color:black;}
#blogger-comments-page { padding: 0px 5px; display: none;}
#fb-comments-page { padding: 0px 5px; display: none;}
.comments-tab { float: left; padding: 5px; margin-right: 3px; border:2px dotted #2F323D;-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px:
cursor: pointer; background-color:black;}
.comments-tab-icon { height: 14px; width: auto; margin-right: 3px}
.comments-tab:hover { background-color: black;}
.inactive-select-tab { background-color: black;}
-->