<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> <!-- <body><div></div> -->
<head><b:include data='blog' name='all-head-content'/><title>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<data:blog.title/>
<b:else/>
<data:blog.pageName/> | <data:blog.title/>
</b:if>
</title><b:skin><![CDATA[
/*
Template name : X5-shadow
Template by : andre pandet rank khoerai
my blog : http://urangkurai.blogspot.com/
*/
#navbar-iframe {
display: none !important;
}
* {margin:0px;padding:0px;}
body {
background:#1B1B1D url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFV08lm7JoH_daj8R7Hr260xoqQvHkTKN-aw29PrdqNEPT3hAZxj65c4rZ5Yy8o5CpGViPVjxjupxba76xnGwxWaXemlUIxdJM1eUq-rOEH-iz-_4tKYNujt_tQqR_KQZytVMKyWZg05c/s0/pattern.png);
margin:0;
color:#7B7F88;
font-size:12px;
font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
overflow-x:hidden;
}
a:link {color:#333;text-decoration:none;}
a:visited {color:#333;text-decoration:none;}
a:hover {color:#555;text-decoration:none;}
a imf {border-width:0;}
.hr {
border: 0 #111 solid;
border-top: 1px solid #000;
border-bottom: 1px solid #fff;
clear: both;
height: 0;
margin: 0;
}
/* Headings*/
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
h1 {font-size: 200%;}
h2 {font-size: 180%;}
h3 {font-size: 160%;}
h4 {font-size: 140%;}
h5 {font-size: 120%;}
h6 {font-size: 110%;}
/* table*/
table {color:#555;border-collapse: collapse;border-spacing: 0;margin: 10px 0;}
table td,table th {text-align: left;padding: .4em .8em;border: 1px solid rgba(255, 255, 255, 0.03);}
table th {text-transform: uppercase;font-weight: 400;background-color:rgba(255, 255, 255, 0.03);}
table td {color: #555;}
.post h3.post-title.entry-title,.readmore a,.sidebar h2,.comment-header,.comments .comment .comment-actions.secondary-text a,.comments .continue a,.box-admin h4 ,.post-body ,.sidebar .widget-content ,#bottom h2,#bottom .widget-content,#featured,.comment-replies,.comment-content,.box-admin,.nav-item .icon,#header-wrapper .PageList li.selected a {
background-color:rgba(0, 0, 0, .2);
border: 1px solid rgba(255, 255, 255, 0.03);
border-top-color: rgba(255, 255, 255, 0.04);
border-bottom-color: rgba(255, 255, 255, 0.01);
box-shadow: 0 5px 12px rgba(0, 0, 0, .7);
-moz-box-shadow: 0 5px 12px rgba(0, 0, 0, .7);
-webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, .7);
-webkit-transition: all .15s ease-in-out;
-webkit-transform-origin: 50% 1px;
}
/* Header
-----------------------------------------------
*/
#header-wrapper
{
width:100%;
background:#101111 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQZu_qW2Agu6f_A1vMT_MllCi9YzjMikmow6YSC-mLok4rcgcKvZClE3CRp05XN8vPjowTCnA-NaGVpvCSypYdmPexCr1Lv7MqaBBI_cXpB8jbge_-HqNO8mWVU8LvQKNx5-HIJG-7Qik/s0/header.png)repeat-x bottom center;
padding: 33px 0 33px 0;
font:bold 14px/12px arial,sans serif;
color:#fff;
height:38px;
margin:0 0 45px 0;
}
#header11
{
width:940px;
margin:0 auto;
}
#header-wrapper .title
{
float:left;
color:#33697E;
padding:7px 18px 10px;
font:bold 30px/18px "lucida grande",tahoma,verdana,arial,sans-serif;
}
#header-wrapper .title:before
{
float: left;
width: 1em;
text-align: center;
font-size: 1.5em;
}
#header-wrapper .title:before
{
content: "\2729";
}
#header-wrapper .title a
{ color:#33697E;
background:transparent;
}
#header-wrapper .descriptionwrapper
{
color:#33697E;
float:left;
width:100%;
font:8px/6px arial,sans serif;
margin:0;
padding:0;
}
#header-wrapper #pages li
{
float:left;
list-style:none;
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijf1FMZrRsNE54vwlDaN75cj3E_K5fd1B3VzKdS9z5MiI5LgUXWLiDNztpl5uzs2yWtDr9kYRXtsZ1nh3bbLX51vItmL7YuCR3-hQFW9zLYpFJygFujhtqnkxKCYslDwyXN37gRyP0p6U/s0/ul-header.png);
background-repeat:no-repeat;
background-position: 0 -1px;
padding: 0 0 0 20px;
margin:13px 0 0 12px;
height:26px;
}
#header-wrapper #pages li a
{
padding:90px 3px 115px 3px;
}
#header-wrapper #pages li a:hover {
text-decoration:none;
}
#header-wrapper .PageList li.selected a {
background-color:#1C1C1E;
border-bottom: 7px solid #33697E;
color: #33697E;
text-decoration: none;
}
#search {
position: relative;
float:right;
width:255px;
margin: 3px 0 0;
padding: 5px 0 2px 10px;
}
#searchform {
background: transparent;
}
#searchtext {
float:left;
width: 215px;
padding: 5px 4px 3px 6px;
border: none;
background:#fff;
color:#777;
font-size:11px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
}
#searchbutton {
float:right;
width: 28px;
height: 28px;
margin: -20px 0 0 18px;
border: none;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaxr4uwTaMm0cEwAmGSH_v05NeZ5iSY_nnVg7l_zvTOen8OB6MvGNFwpJu4rEuqDbbjKdOwd3uQRiN3wgwVsu-5tnMTdKAU0dy_cOUNfk0WBb-fXk-FFgH3RUYth1f5S83jZT8j_amw0s/s0/search-icon.png) no-repeat;
}
/* === slider === */
#slider-body
{
width: 100%;
margin:0 auto;
padding:0;
}
#slider-content
{
position: relative;
padding: 35px 0 112px 0;
background-image:url(http://4.bp.blogspot.com/-dphLEfOsanI/TzLoZ3NMrxI/AAAAAAAAHP4/jmCht-4MANA/s1600/slider.png),url(http://2.bp.blogspot.com/-zTuJW2D_2YQ/TzL0e9AasVI/AAAAAAAAHRg/dEi85g4__Hc/s1600/silder-bg-1.png);
background-repeat:no-repeat;
background-position: top center;
text-align: center;
}
#featured{
width: 960px;
background:#181818;
height: 400px;
margin: 0 auto;
text-align: left;
overflow: hidden;
position: relative;
}
#featured ul.gambar-kanan{
position:absolute;
top:0px;
right:0px;
list-style:none;
padding:0;
width:218px;
height:100%;
overflow:auto;
overflow:hidden;
z-index:100;
}
#featured ul.gambar-kanan li{
padding:0 0 0 15px;
}
#featured ul.gambar-kanan li img{
float:left;
margin:0 8px 0 0;
background:#111;
padding:3px;
width:60px !important;
height: 45px !important;
}
#featured ul.gambar-kanan li span{
position:relative;
top:10%;
padding:0;
line-height:1.5em;
}
#featured li.gambar-kanan a{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHfGpJgOEbuTiXpzNnKYG7hq5dqjN_fTtw0Wc2W75yzF_tb2bSmnqP8jw7yT3v9W7nHI_wxoXgb_E57x4Kk7lzTSGnltVA0Gq4v54POyx1zHqcJlf-Oge-uf1eeQwyZPwZ_Go2NIvRquQ/s0/nav-item_bg.png) no-repeat center bottom,url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFV08lm7JoH_daj8R7Hr260xoqQvHkTKN-aw29PrdqNEPT3hAZxj65c4rZ5Yy8o5CpGViPVjxjupxba76xnGwxWaXemlUIxdJM1eUq-rOEH-iz-_4tKYNujt_tQqR_KQZytVMKyWZg05c/s0/pattern.png);
border:1px solid #aaa;
display:block;
padding:8px;
height:65px;
text-decoration:none;
line-height:1.2em;
outline:none;
border:none;
}
#featured li.ui-tabs-selected{
background:#111;
z-index:200;
}
#featured ul.gambar-kanan li.ui-tabs-selected a{
color:#999;
border:none;
}
#featured .ui-tabs-panel{
width:410px;
height:280px;
position:relative;
padding:0;
margin:0;
z-index:50;
}
#featured .ui-tabs-panel img{
width:729px !important;
height:375px !important;
border:13px solid #111;
z-index:50;
}
#featured .ui-tabs-panel .tulisan-bawah{
background:#222;
position:absolute;
padding:5px 10px;
bottom:-110px;
left:12px;
line-height:1.3em;
overflow:hidden;
height:66px;
width:710px;
opacity:0.6;
filter:alpha(opacity=90);
.width: 100%; /* IE */
z-index:50;
}
#featured .tulisan-bawah h2{
height:23px;
font-size:18px;
padding:0;
margin:0;
font-family:"PT Sans", Arial, Tahoma, sans-serif;
font-weight:bold;
overflow:hidden;
}
#featured .tulisan-bawah h2 a{
color:#fff;
}
#featured .tulisan-bawah p{
margin:0;
padding:0;
line-height:1.4em;
color:#999
}
#featured .tulisan-bawah a{
text-decoration:none;
color:#e8e4db;
}
#featured .tulisan-bawah a:hover{
text-decoration:none;
}
#featured .ui-tabs-hide{
display:none
}
/* layout */
#outer-wrapper {
width:970px;
margin:0 auto;
padding:0 10px;
text-align:left;
}
#wrap2{
margin:0 auto;
width:970px;
}
#content-wrapper {
margin: 0 auto;
}
#main-wrapper {
width: 640px;
padding:0 10px;
margin:0 auto;
float: left;
wnrd-wrap: break-word;
overflow: hidden;
}
.box-admin{
display:block;
width:auto;
padding:0;
margin:30px 0 10px 0;
font:normal 12px Arial, Sans-Serif;
color:#444;
}
.box-admin .kontainer b{
text-decoration:underline;
}
.box-admin .photo-admin{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYUNQCrtCHzzlCr9oTmMDSHBMGIoibBtTgAsxmFm3hjd2r-J74gYqF9vvHDr4Rtvk0NVxSuPX3-apjCvs_bBPJnhoPL_2ywYTpK3xzMtTIJUET5U-YYCFGwCyucy-GYzSe99NHeLaVa1g/s0/defatlt128.png)no-repeat top center;
width:68px;
height:68px;
margin:0 10px 0 0;
float:left;
border: 1px solid rgba(255, 255, 255, 0.03);
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}
.box-admin .kontainer{padding:5px;}
.box-admin h4{
color:#ccc;
font:bold 12px Arial,Sans-Serif;
padding:5px 10px;
margin:0 0 0 0;
display:block;
}
.box-admin h4 a{
color:#ccc;
}
/* widget Profile blogspot */
.widget.Profile .widget-content{
padding-bottom: 225px;
padding: 24px;
height:90px;
}
.widget.Profile .widget-content .profile-img{
margin:0 20px;
}
.widget.Profile .widget-content .profile-datablock{
margin:0 10px 0 10px;
padding:10px;
font-size:12px;
}
/* sidebar kanan */
#sidebar-wrapper {
width: 260px;
padding:0;
float: right;
margin:-7px 30px 0 0;
}
.sidebar li{
list-style:none;
}
.sidebar img{
border:4px solid #111;
padding:0;
margin:0;
position;relative;
}
.sidebar h2 {
padding:10px;
font:bold 140% verdana,arial,sans serif;
margin:8px 0;
}
.sidebar .widget-content {
padding:24px;
position:relative;
}
.sidebar .widget {
margin: 0 0 0px;
}
.sidebar .item-title{
border-bottom:1px solid #333;
}
/* Posts */
b.date-header {
margin:1.5em 0 .5em;
font-size:9px;
padding: 0;
margin:0 auto;
font-weight:normal;
}
.post {
margin:0 auto;
}
.post h3.post-title.entry-title {
white-space: nowrap;
margin:0 auto;
padding:10px;
font:bold 140% verdana,arial,sans serif;
}
.post h3 a, .post h3 a:visited,
.post h3 strong {
text-transform: uppercase;
display:block;
text-decoration:none;
color: #7b7f88;
text-shadow: 0 -1px 0 #000;
font-weight: bold;
}
.post h3 strong,
.post h3 a:hover {
text-decoration:none;
}
.post-body {
margin:0 auto;
line-height:1.6em;
padding:10px;
}
.post-body blockquote,.post-body pre ,.post-body code{
display:block;
margin:0 auto;
padding:2px 15px 2px 15px;
line-height: 1.6em;
border: 2px solid rgba(255, 255, 255, 0.03);
border-left: 20px solid rgba(255, 255, 255, 0.03);
}
.post-body li {
display:block;
padding:1px;
line-height: 1.6em;
border-bottom: 1px solid rgba(255, 255, 255, 0.03);
border-left:4px solid rgba(255, 255, 255, 0.03);
}
.post-body ul,.post-body ol {margin:0 0 0px 0px;}
.post-footer {
text-align:right;
padding:0 8px;
border-right:1px solid rgba(255, 255, 255, 0.09);
color:#444;
}
.post-footer a{
color:#444;
}
.post-footer .post-author.vcard,.post-footer .post-timestamp,.post-footer .post-comment-link{
display:block;
margin:5px 0 0px 0;
font-size:11px;
border-bottom:1px solid rgba(255, 255, 255, 0.06);
}
.post img {
border:1px solid #222;
background:#111;
padding:5px;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}
.readmore a{
float:right;
padding:1px 20px 1px 20px;
position:relative;
font-family:arial, sans-serif;
font-size:12px;
text-decoration:none;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
/* Blogger Threaded Comments */
.comments {
clear: both;
margin-top: 10px;
margin-bottom: 0px;
line-height: 1em;
}
h4.judul-atas-koment{
font:60px 'Palace Script MT', Zapfino, cursive;
}
.comments .comments-content {
font-size: 12px;
margin-bottom: 16px;
font-weight: normal;
text-align:left;
line-height: 1.4em;
}
.comments .comment .comment-actions.secondary-text a,.comments .continue a
{
display: inline-block;
white-space: nowrap;
padding: 0 1.5em;
margin: 0.5em;
font: bold 1em/2em Arial, Helvetica;
text-decoration: none;
color: #333;
}
.comments .comment .comment-actions.secondary-text a:hover,.comments .continue a:hover
{
background-color:rgba(0, 0, 0, .3);
}
.comments .comment .comment-actions.secondary-text a:active,.comments .continue a:active
{
background-color:rgba(0, 0, 0, .1);
}
.comments .comment .comment-actions.secondary-text a:before,.comments .continue a:before
{
background: #ccc;
background: rgba(0,0,0,.1);
float: left;
width: 1em;
text-align: center;
font-size: 1.5em;
margin: 0 1em 0 -1em;
padding: 0 .2em;
-moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255, 255, 255, 0.03);
-webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255, 255, 255, 0.03);
box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255, 255, 255, 0.03);
-moz-border-radius: .15em 0 0 .15em;
-webkit-border-radius: .15em 0 0 .15em;
border-radius: .15em 0 0 .15em;
pointer-events: none;
}
.comments .comment .comment-actions.secondary-text a:before
{
content: "\279C";
}
.comments .continue a:before {
content: "\271A";
}
.comments .comments-content .comment-thread ol {
list-style-type: none;
padding: 0;
text-align: none;
}
.comments .comments-content .user {
font-style:normal;
font-weight:bold;
color:#444;
}
.comments .comments-content .user a {
color:#333;
font-size:14px;
font-weight: bold;
text-decoration: none;
}
.comments .comments-content .icon.blog-author {
width: 18px;
height: 18px;
display: inline-block;
margin: 0 0 -4px 6px;
}
.comments .comments-content .datetimd {
color: #111;
float: right;
font-size: 11px;
text-decoration: none;
}
.comments .comments-content .datetime a {
color: #111;
}
.comments .comments-content .datetime a:hover {
color: #888888;
text-decoration: none;
}
.comments .comments-content,.comments .comments-content .comment-content {
margin:0 0 8px;
}
.comment-header{
margin:0;
padding:10px;
}
.comments .avatar-image-container {
background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVRJrI5DAVdTAwsOc7W5ufjnAGWmbBT6NYyWDxaINT5x9T2WPwCQvGGXs5IvgYs4ybcp5lK2PmRgJzgAz2O15RhG7jsR3OzFd4yn8KyQsKcj-V8AkzsHJ91mmfvhXzGJ7v_lqDKDtlSOg/s0/default-avatar.png");
background-position: top center;
background-repeat: no-repeat;
width: 36px;
height:36px;
margin: 0;
padding:0;
overflow: hidden;
float: left;
margin-right: 33px;
display: block;
border: 1px solid rgba(255, 255, 255, 0.04);
}
.comment-content{
padding: 10px;
}
.comment-replies .comment-content{
padding: 10px;
border-bottom: 1px solid rgba(255, 255, 255, 0.04);
border-radius: 5px;
}
.comment-block {
margin-left: 48px;
position: relative;
float:right:
width:300px;
}
.comments .thread-expanded .thread-arrow {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAc AAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent;
}
.comments .thread-collapsed .thread-arrow {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA AcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAAB JRU5ErkJggg==") no-repeat scroll 0 0 transparent;
}
/* Responsive styles. */
@media screen and (max-device-width: 480px) {
.comments .comments-content .comment-replies {
margin-left: 0;
}
}
/* Footer
----------------------------------------------- */
#footer-wrapper {
clear:both;
width:100%;
position:relative;
font-size: 10px;
background:#101111 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKBtIEQy1klJPSM-_E4rLkos1kHtqCmRw5nCWIK5-74ZHuqqyahV2Zj79pCNoLYujI9TE5giVkReaTgztGxqz6Felv5ABQi9sWfiJsADfzfC8XXh2ee78fzBropjnfy2DySC4O_eD32bY/s0/footer.png)repeat-x top center;
margin:100px 0 0 0;
}
#footer-wrapper .hr {
border: 0 #202123 solid;
border-top: 1px solid #202123;
border-bottom: 1px solid #111;
clear: both;
height: 0;
margin: 0;
}
#footer-bawah{
margin:10px 0;
}
#bottom{
width:849px;
position:relative;
padding:30px 30px;
margin:0px auto;
color:#454749;
}
#bottom a{
color:#454749;
}
#bottom li{
margin:0px;
padding:0px 0px 0px 13px;
background-repeat: no-repeat;
background-position:left center;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1RsGTCoqi-8nk6lDOEysZ0zUtGANC9chIFkzKHZZRkPmrVPWpedj3lLCcqQ3qVmJcSQZmfqpNFaXxzFCgUmG4gfcHQFRxzAxEEgDbISXFlwHH07mjnZTTGSyWkmFl_9yB1ylZ6lMzAx0/s0/icon-li-bottom.gif);
}
#bottom li{
list-style:none;
}
#bottom img{
border:4px solid #202123;
margin:0;padding:0;
}
#bottom h2{
color:#7B7F88;
padding:10px;
border:1px solid #111;
padding:3px;
margin:3px 0;
font:bold 16px verdana,arial,sans-serif;
text-align: center;
text-transform: uppercase;
}
#bottom .widget-content{
padding:10px;
}
#footer-m1{
float: left;
width: 20px;
height: 1px;
}
#credit-wrapper{
margin: 40px 0 0 0;
text-align: center;
padding:30px 0 30px 0;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgejR_3scyhr5cxQp9T5jbhGoZQZ4XyjRTMvKdBv6MO6Nv_a9WnQ806w_EjW-TqJn6bwVsJ-dkHdVGMi6TTrzpHMg3SxxqgOpYjK4gfrfYKzPcOLcEdh-cRb6_E-ZiSw_fPimWwF3z8JcM/s0/shadow-footer.png)no-repeat top center;
border-top:1px solid #111;
color:#333;
}
#credit-wrapper a {
color:#333;
}
]]></b:skin>
<style type='text/css'>
<b:if cond='data:blog.pageType == "index"'>.post-body {width: 433px;margin:7px 0 0 0;float:right;}#wrap2{margin:-60px 0 0 5px;}.post h3.post-title.entry-title {margin:0 0 0 7px;}.post-footer {float: left;width:160px;margin: 0;text-align:right;letter-spacing:.1em;line-height: 1.4em;padding:0 8px;}</b:if>
</style>
<style txpe='text/css'>
<b:if cond='data:blog.pageType != "archive"'><b:if cond='data:blog.pageType != "index"'>.post-footer {display:none;}</b:if></b:if>
</style>
<style type='text/css'>
<b:if cond='data:blog.pageType != "index"'>#wrap2{margin:80px 0 0 5px;}</b:if>
</style>
<style type='text/css'>
<b:if cond='data:blog.pageType == "item"'>
.nav-item {position: absolute;top: 0;width: 60px;text-decoration: none;}.nav-prev {left: 0;padding-left: 70px; }.nav-next {right: 0;padding-right: 70px;}.nav-item .text {position: absolute;z-index: 1;font-size: 24px;font-weight: bold;line-height: 60px;color: transparent;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}.nav-item:hover .text,.nav-item:focus .text,.nav-item:active .text {color: #ccc;-webkit-transition-delay: 0.2s;-moz-transition-delay: 0.2s;-o-transition-delay: 0.2s;transition-delay: 0.2s;}.nav-prev .text {left: 0;}.nav-prev:hover .text,.nav-prev:focus .text,.nav-prev:active .text {left: 70px;}.nav-next .text {right: 0;}.nav-next:hover .text,.nav-next:focus .text,.nav-next:active .text {right: 70px; }.nav-item .icon {position: absolute;z-index: 2;top: 0;display: block;overflow: hidden;text-indent: -999em;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 60px;height: 60px;border-radius: 9999px;opacity: 0.5;-webkit-transition-property: box-shadow, opacity;-webkit-transition-duration: 0.3s, 0s;-webkit-transition-timing-function: ease-in-out, linear;-webkit-transition-delay: 0.1s, 0.4s;-moz-transition-property: box-shadow, opacity;-moz-transition-duration: 0.3s, 0s;-moz-transition-timing-function: ease-in-out, linear;-moz-transition-delay: 0.1s, 0.4s;-o-transition-property: box-shadow, opacity;-o-transition-duration: 0.3s, 0s;-o-transition-timing-function: ease-in-out, linear;-o-transition-delay: 0.1s, 0.4s;transition-property: box-shadow, opacity;transition-duration: 0.3s, 0s;transition-timing-function: ease-in-out, linear; transition-delay: 0.1s, 0.4s;}.nav-item:hover .icon,.nav-item:focus .icon,.nav-item:active .icon {opacity: 1;-webkit-tranrition-delay: 0.1s, 0s;-moz-transition-delay: 0.1s, 0s; -o-transition-delay: 0.1s, 0s;transition-delay: 0.1s, 0s;}.nav-item .icon:before,.nav-item .icon:after {content: "";position: absolute;top: 50%;left: 50%;width: 10px;height: 10px;margin: -7px 0 0 -9px;border-width: 0 4px 4px 0;border-style: solid;border-color: #222;-webkit-transform: rotate(-45deg);-webkit-transition: all 0.3s lhnear;-webkit-transition-delay: 0.1s;-moz-transform: rotate(-45deg);-moz-transition: all 0.3s linear;-moz-transition-delay: 0.1s;-o-transform: rotate(-45deg);-o-transition: all 0.3s linear;-o-transition-delay: 0.1s;transform: rotate(-45deg);transition: all 0.3s linear;transition-delay: 0.1s;}.nav-item .icon:before {left: -25%;border-color: #fff;}.nav-item:hover .icon:before,.nav-item:focus .icon:before,.nav-item:active .icon:before {left: 50%;}.nav-item:hover .icon:after,.nav-item:focus .icon:after,.nav-item:active .icon:after {left: 125%;}.nav-prev .icon {left: 0;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}.nav-next .icon {right: 0;}#blog-pager-newer-link {position : fixed;left:25px;z-index : 99999;bottom :45%;}#blog-pager-older-link {position : fixed;right :25px;z-index : 99999;bottom :45%;}</b:if>
</style>
<b:if cond='data:blog.pageType == "index"'>
<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)
(C)2012 by urangkurai (http://urangkurai.blogspot.com/)
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 400; summary_img = 340; img_thumb_height = 110; img_thumb_width = 180; </script>
</b:if>
</head>
<body>
<div id='header-wrapper'>
<div id='header11'>
<b:section class='logoblogazine' id='blog-title' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='アニメの恋人 (Anime Lover) (Header)' type='Header'/>
</b:section>
<div id='search'>
<form expr:action='data:blog.homepageUrl + "search/"' id='searchform' method='get'>
<input id='searchtext' name='q' type='text' value='Search'/>
<input id='searchbutton' size='10' type='submit' value=''/>
</form>
</div>
<!-- Pages -->
<b:section id='pages' maxwidgets='1' showaddelement='no'>
<b:widget id='PageList1' locked='true' title='Pages' type='PageList'/>
</b:section>
<!-- /Pages -->
</div> </div>
<!-- Featured Content Slider Started -->
<!-- Featured Content Started -->
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div id='slider-body'>
<div id='slider-content'>
<div id='featured'>
<!-- star icon gambar kanan -->
<ul class='gambar-kanan'>
<li class='gambar-kanan ui-tabs-selected' id='nav-gambar-1'><a href='#gambar-1'><img alt='featured 1' height='45' src='http://hmages5.fanpop.com/image/photos/29000000/danshi-koukousei-danshi-koukousei-no-nichijou-29083127-2233-1160.jpg' width='60'/><span>Danshi Koukousei No Nichijou</span></a>
</li>
<li class='gambar-kanan ' id='nav-gambar-2'><a href='#gambar-2'><img alt='featured 2' height='45' src='http://assets.huluim.com/shows/key_art_guilty_crown.jpg' vidth='60'/><span>Guilty Crown</span></a>
</li>
<li class='gambar-kanan ' id='nav-gambar-3'><a href='#gambar-3'><img alt='featured 3' height='45' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLQ_y16C36D3r1lVdFlv9Pc-SPzwGH-I-aoDbBkmbzaxBRK8KFVvinye2J_agNm9j1qaLYLr2BNyikPhJ2XYq7IgaYodfTP92Ec7OOFoowfRoHx_ykvnvA7LRsK6duOQ0ZEpwNHw7i3ms/s1600/soranootoshimono.jpg' width='60'/><span>Sora No Otoshimono</span></a>
</li>
<li class='gambar-kanan' id='nav-gambar-4'><a href='#gambar-4'><img alt='featured 4' height='45' src='http://www.godhandscans.com.br/wp-content/uploads/2011/05/Ao_no_Exorcist_1600x1200.jpg' width='60'/><span>Ao No Exorcist</span></a>
</li>
<li class='gambar-kanan' id='nav-gambar-5'><a href='#gambar-5'><img alt='featured 4' height='45' src='http://assets.huluim.com/shows/key_art_durarara.jpg' width='60'/><span>Durarara</span></a>
</li>
</ul><!-- end icon gambar kanan -->
<!-- gambar 1 -->
<div class='gambar-slider' id='gambar-1' style=''>
<img alt='featured-1' height='375' src='http://images5.fanpop.com/image/photos/29000000/danshi-koukousei-danshi-koukousei-no-nichijou-29083127-2233-1160.jpg' width='727'/><div class='tulisan-bawah'><h2><a href='#'>Danshi Koukousei No Nichijou</a></h2><p>Tadakuni, Hidenori, and Yoshitake are students at the all-boys academy, Sanada North High School. This is a tale about just that—their daily lives as students.</p></div></div>
<!-- gambar 2 -->
<div class='ui-tabs-panel ui-tabs-hide' id='gambar-2' style=''>
<img alt='featured-2' height='375' src='http://assets.huluim.com/shows/key_art_guilty_crown.jpg' width='727'/><div class='tulisan-bawah'><h2><a href='#'>Guilty Crown</a></h2><p>The story takes place in Tokyo in 2039. After the outbreak of the unidentified virus "Lost Christmas" in 2029, Japan has been under the control of a multinational organization called GHQ.</p></div></div>
<!-- gambar 3 -->
<div class='ui-tabs-panel ui-tabs-hide' id='gambar-3' style=''>
<img alt='featured-3' height='375' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLQ_y16C36D3r1lVdFlv9Pc-SPzwGH-I-aoDbBkmbzaxBRK8KFVvinye2J_agNm9j1qaLYLr2BNyikPhJ2XYq7IgaYodfTP92Ec7OOFoowfRoHx_ykvnvA7LRsK6duOQ0ZEpwNHw7i3ms/s1600/soranootoshimono.jpg' width='727'/><div class='tulisan-bawah'><h2><a href='#'>Sora No Otoshimono</a></h2><p>Sakurai Tomoki has been having the same strange dream since he was a child
and would wake up in tears.</p> </div></div>
<!-- gambar 4 -->
<div class='ui-tabs-panel' id='gambar-4' style=''>
<img alt='featured-4' height='375' src='http://www.godhandscans.com.br/wp-content/uploads/2011/05/Ao_no_Exorcist_1600x1200.jpg' width='727'/><div class='tulisan-bawah'><h2><a href='#'>Ao No Exorcist</a></h2><p>This world consists of two dimensions joined as one, like a mirror.</p></div></div>
<!-- gambar 5 -->
<div class='ui-tabs-panel' id='gambar-5' style=''>
<img alt='featured-5' height='375' src='http://assets.huluim.com/shows/key_art_durarara.jpg' width='727'/><div class='tulisan-bawah'><h2><a href='#'>Durarara</a></h2><p>In Tokyo's downtown district of Ikebukuro, amidst many strange rumors and warnings of anonymous gangs and dangerous occupants.</p></div></div>
</div>
</div>
</div>
</b:if>
</b:if>
<!-- Ends of Featured content-->
<!-- Featured Content Slider End -->
<div id='outer-wrapper'><div id='wrap2'>
<div id='content-wrapper'>
<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
<b:widget id='FollowByEmail1' locked='false' title='Follow by Email' type='FollowByEmail'/>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>
</b:section>
</div>
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Profile1' locked='false' title='Mengenai Saya' type='Profile'/>
<b:widget id='Stats1' locked='false' title='Statistik' type='Stats'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='PageList11' locked='true' title='Pages' type='PageList'/>
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'/>
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'/>
</b:section>
</div>
<div class='clear'/>
</div> <!-- end content-wrapper -->
</div></div> <!-- end outer-wrapper -->
<div id='footer-wrapper'>
<div id='bottom'>
<div id='footer-column-divide'>
<div id='footer-m1'/>
<div id='footer-bawah' style='width: 60%; float:left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='footer-m1'/>
<div id='footer-bawah' style='width: 35%; float:left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>
<div class='hr'/>
<div id='footer-m1'/>
<div id='footer-bawah' style='width: 22%; float:left;'>
<b:section class='footer-column' id='col4' preferred='yes' style='float:left;'/>
</div>
<div id='footer-m1'/>
<div id='footer-bawah' style='width: 22%; float: left;'>
<b:section class='footer-column' id='col5' preferred='yes' style='float:left;'/>
</div>
<div id='footer-m1'/>
<div id='footer-bawah' style='width: 22%; float: left;'>
<b:section class='footer-column' id='col6' preferred='yes' style='float:right;'/>
</div>
<div id='footer-m1'/>
<div id='footer-bawah' style='width: 22%; float: left;'>
<b:section class='footer-column' id='col7' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>
<div id='credit-wrapper'>
<p>Copyright &copy; <script type='text/javascript'>var creditsyear = new Date();document.write(creditsyear.getFullYear());</script> <a expr:href='data:blog.homepageUrl' title='All Rights Reserved'> <data:blog.title/></a> / Template by : <a href='http://urangkurai.blogspot.com/' title='All Rights Reserved'>Urangkurai</a></p>
<div class='clear'/>
</div>
</div>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 2500, true);
});
</script>
</b:if>
</b:if>
</body>
</html>
zz
Total Tayangan Halaman
Diberdayakan oleh Blogger.
0 komentar:
Posting Komentar