มุกกิ เฮดดินี่

ลำดับตอนที่ #3 : โค้ดธีม :: เค้กสามชั้น

 

<script type="text/javascript" src="http://static.tumblr.com/wgdkvue/gVgm6fcpv/jquery-v1.7.1.js"></script>
<meta content="1" name="image:topbarpicture" />
<meta content="1" name="if:show topbarpicture" />
<meta content="1" name="if:infinite scrolling" />
<link href="http://fonts.googleapis.com/css?family=Ubuntu+Mono" rel="stylesheet" type="text/css" />
<style type="text/css">
body{
color: #202020;
font-family: Ubuntu Mono;
font-size: 12px;
background-color: #ffffff;
background-image:url(http://www.sadmuffin.net/screamcute/layouts/patterns/37.gif);
background-attachment: fixed;
background-repeat: repeat;
background-position: center;
text-align:justify;
}
a:link, a:active, a:visited{
color: #202020;
text-decoration:none;
}
a:hover{
color:{color:hover};
}
#page{
width:525px;
height:400px;
margin-top:25px;
background-color:rgba(255,255,255,1.0);
border:solid 1px rgba(0,0,0,0.11);
padding:0px;
position:static;
padding-top:150px;
padding-bottom:3px;
overflow:scroll;
overflow-x:hidden;
}
#entrybox {
background: #ffffff;
border: 0px solid #202020;
margin:2px;
float: left;
overflow-x: hidden;
width:500px;
line-height: 13px;
padding:2px;
padding-left:3px;
{block:IndexPage}
{/block:IndexPage}
{block:permalinkpage}
{/block:permalinkpage}
overflow:hidden;
}

div#permalinkblock{
line-height: 13px;
font-size: 12px;
text-transform: uppercase;
text-align: center;
background: #F4F2F2;
border: 0px solid #202020;
display: block;
padding-top: 3px;
padding-bottom:3px;
margin-top: 5px;
}

#permalinkblock a{

text-transform: uppercase;
-webkit-transition: opacity 0.7s linear;
opacity: 1;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
}

#permalinkblock a:hover {

-webkit-transition: opacity 0.7s linear;
opacity: 0.6;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
}

perma {
font-family: Ubuntu Mono;
color: #404040;
text-align: center;
font-size: 12px; }

div.navigate
a{
background-color: transparent;
width: 75px;
color: #303030;
font-family: arial black;
text-transform: uppercase;
line-height:15px;
font-size: 12px;
letter-spacing: -1px;
display:block;
text-align: center;
float: center;
margin-top:1px;
margin-bottom;3px;
padding-top:0px;
padding-bottom:-4px;
position:relative;
text-align: center;
z-index:1;
display: inline-block;
border: 0px solid #202020;
-webkit-transition: opacity 0.7s linear;
opacity: 1;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
}

div.navigate a:hover{
font-family: arial black;
text-transform: uppercase;
line-height:15px;
font-size: 12px;
letter-spacing: -1px;
font-weight: normal;
-webkit-transition: opacity 0.5s linear;
opacity: 0.6;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

#topbar{
background-color: #ffffff;
width:501px;
height:140px;
margin-top:-150px;
margin-left:0px;
position:fixed;
padding:3px;
}

#sidebar{
background-color: #ffffff;
border:0px solid #202020;
width:500px;
height:112px;
margin-top:0px;
margin-left:-1px;
position:fixed;
padding:2px;
}
#title{
padding-top:5px;
color: #303030;
font-family: arial black;
text-transform: uppercase;
font-size: 12px;
text-align:center;
font-weight:normal;
letter-spacing:-1px;
}

::-webkit-scrollbar {
    width: 10px;
    background: #ffffff;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(192,192,192,0.7);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border: 1px solid rgba(192,192,192,0.5);
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 1px rgba(192,192,192,0.7);
}

#navbar{
text-transform: lowercase;
width:500px;
margin-top:123px;
margin-left:0px;
position:fixed;
padding:0px;
display:block;
}

.footer {
margin-top:5px;
color: rgba(0,0,0,0.2);
background-color: rgba(235,235,235,0);
font-family: Ubuntu Mono;
font-size: 10px;
line-height: 16px;
margin-bottom:2px;
text-align:center;
text-transform: uppercase;
}

.footer a{
margin-top:5px;
color: rgba(0,0,0,0.2);
background-color: rgba(235,235,235,0);
font-family: Ubuntu Mono;
font-size: 10px;
line-height: 16px;
margin-bottom:2px;
text-align:center;
text-transform: uppercase;
}

.footer a:hover{
margin-top:5px;
color: rgba(0,0,0,0.25);
background-color: rgba(235,235,235,0);
font-family: Ubuntu Mono;
font-size: 10px;
line-height: 16px;
margin-bottom:2px;
text-align:center;
text-transform: uppercase;
}

{CustomCSS]</style>
<style type="text/css">
#button {
width:96px;
height:20px;
position: absolute;    
right: 3px;    
top: 26px;
color: #ffffff;}</style>
<div id="DoNotEditImportant">
    <div id="button" style="top: 18px; left: 591px; width: 19px; height: 8px;">
        &nbsp;</div>
</div>
<center>
    &nbsp;</center>