<![CDATA[/*
-----------------------------------------------
Do not remove this credit ! ! :3
Name: Sweet Sour Life
Designer: Nurrul
URL: http://youismysoul.blogspot.com
----------------------------------------------- */
#navbar-iframe {
display: none !important;
}
/* Variable definitions
====================
*/
.Header img {
margin-left: auto; margin-right: auto;
}
/* Content
----------------------------------------------- */
body, .body-fauxcolumn-outer {
background :url(http://media.tumblr.com/tumblr_meaxbt2Nep1qdlkyg.gif
) repeat;
margin: 0;
padding: 0px;
font: x-small Verdana, Arial;
color: #848484;
font-size/* */:/**/small;
font-size: /**/small;
}
html body .region-inner {
min-width: 0;
max-width: 100%;
width: auto;
}
a:link {
text-decoration: none;
color: #424242;
}
a:visited {
text-decoration: none;
color: #A4A4A4;
}
a:hover {
text-decoration: none;
color: #984545;
}
a:link,a:visited{
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
color:pink;
text-decoration:none;}
a:hover{
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
text-shadow:-1px 10px 3px #333333;
text-decoration:none;}
u {
text-decoration:none;
-moz-border-radius: 5px;
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 3px;
padding-right: 3px;
background: #D8D8D8;
border-radius: 3px;
color: black;
-webkit-transition-duration: 1s;
}
u:hover {
background: #E6E6E6;
color: black;
-moz-opacity:0.80;
opacity:.80;
-webkit-transition:1s;
transition:0.5s;
filter:alpha(opacity =80);
}
b {
text-decoration:none; color:#000000;
}
.content-outer {
border: 10px solid #BDBDBD;
}
.content-inner {
border: 5px solid #E6E6E6;
background :#FFF;
}
/* Header
----------------------------------------------- */
.Header h1 {
font: normal normal 40px 'Trebuchet MS',Trebuchet,Verdana,sans-serif;
color: transparent;
text-shadow: 0 0 0 rgba(0, 0, 0, .2);
}
.Header h1 a {
color: transparent;
}
.Header .description {
font-size: 18px;
color: transparent;
}
.header-inner .Header .titlewrapper {
padding: 22px 0;
}
.header-inner .Header .descriptionwrapper {
padding: 0 0;
}
/* Tabs
----------------------------------------------- */
.tabs-inner .section:first-child {
border-top: 0 solid #dddddd;
}
.tabs-inner .section:first-child ul {
margin-top: -1px;
border-top: 1px solid #dddddd;
border-left: 1px solid #dddddd;
border-right: 1px solid #dddddd;
}
.tabs-inner .widget ul {
background: transparent none repeat-x scroll 0 -800px;
_background-image: none;
border-bottom: 1px solid #dddddd;
margin-top: 0;
margin-left: -30px;
margin-right: -30px;
}
.tabs-inner .widget li a {
display: inline-block;
padding: .6em 1em;
font: normal normal 12px 'Trebuchet MS', Trebuchet, Verdana, sans-serif;
color: #000000;
border-left: 1px solid #ffffff;
border-right: 1px solid #dddddd;
}
.tabs-inner .widget li:first-child a {
border-left: none;
}
.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {
color: #000000;
background-color: #eeeeee;
text-decoration: none;
}
#side{
color:#333333;
font-family: Trebuchet Ms;
margin-right:-1px;
width:289px;
height:100px;
overflow:hidden;
}
#text{
font-family: Trebuchet Ms;
color:#333333;
font-size:11px;
text-align:center;
width:200px;
height:150px;
overflow:auto;
background-color:#fff;
}
#picture
{margin-left:-285px;
width:285px;
height:200px;
overflow:hidden;
-webkit-transition: opacity 0.9s linear;
-webkit-transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;}
#side:hover #picture
{margin-left:-550px;}
.header-outer {
background: transparent none repeat-x scroll 0 -400px;
_background-image: none;
}
/* Columns
----------------------------------------------- */
.fauxcolumn-left-outer .fauxcolumn-inner {
border-right: 1px solid transparent;
}
.fauxcolumn-right-outer .fauxcolumn-inner {
border-left: 1px solid transparent;
}
/* Headings
----------------------------------------------- */
h2 {
text-align:center;
background-image:url(URL BACKGROUND);
border-bottom: 2px dashed #000000;
margin:1em;
font: normal normal 12px Century Gothic;
color: #000000;
}
/* Widgets
----------------------------------------------- */
.sidebar .widget {
padding:3px;
margin-left:-10px
}
.widget .zippy {
margin-left:-10px
}
.widget .popular-posts ul {
list-style: none;
}
/* Posts
----------------------------------------------- */
.date-header span {
background-color: #bbbbbb;
color: #ffffff;
padding: 0.4em;
letter-spacing: 3px;
margin: inherit;
}
.main-inner {
padding-top: 35px;
padding-bottom: 65px;
}
.main-inner .column-center-inner {
padding: 0 0;
}
.main-inner .column-center-inner .section {
margin: 0 1em;
}
.post {
margin: 0 0 45px 0; background:#FAFAFA;
border:3px solid #D8D8D8;border-radius:4px ;
padding:0 0 4px;
font-size:100%;
font-weight:normal;
line-height:1.2em;
}
h3.post-title {
padding:3px;background:#D8D8D8;
text-align:center;
font-family: Century gothic;
font-size: 15px; text-transform: uppercase;
font-weight:normal;
color: #fff;text-shadow: 2px 2px 3px #000;
border-bottom : 4px solid #6E6E6E;
}
h3.post-title:first-letter {
font-size: 20px;
font-weight: bold;text-transform: uppercase;
font-family: Comic Sans MS;
text-align: center;
color: #000; text-shadow: 2px 2px 3px #FFFFFF;
}
.post-title a, .post-title a:visited, .post-title strong {
text-decoration: none;
color: #fff;
font-weight: bold;
}
.comments h4 {
font: normal normal 22px 'Trebuchet MS',Trebuchet,Verdana,sans-serif;
margin: .75em 0 0;
}
.post-body {
font-size: 110%;
line-height: 1.4;
position: relative;
}
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
padding: 2px;
background: #D8D8D8;
border: 1px solid #D8D8D8;border-radius:5px;
-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, .1);
-webkit-box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);
box-shadow: 0px 0px 0px rgba(0, 0, 0, .1);
}
.post-body img, .post-body .tr-caption-container {
padding: 1px;
}
.post-body .tr-caption-container {
color: #666666;
}
.post-body .tr-caption-container img {
padding: 0;
background: transparent;
border: none;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
box-shadow: 0 0 0 rgba(0, 0, 0, .1);
}
.post-header {
margin: 0 0 1.5em;
line-height: 1.6;
font-size: 90%;
}
.post-footer {
margin: 20px -2px 0;
padding: 5px 10px;
color: #888888;
background-color: transparent;
border-bottom: 1px solid transparent;
line-height: 1.6;
font-size: 90%;
}
#comments .comment-author {
color:#555;
padding:5px;
margin-top:10px;
line-height: 100%;
background-image: -webkit-linear-gradient(right, #FFF, #E6E0F8, #E6E0F8, #FFF);
text-align: center;font-size:12px;
}
#comments h4 {
border-top: 2px solid #D8D8D8;
background-image: -webkit-linear-gradient(right, #FFF, #E6E6E6, #E6E6E6, #FFF);
border-bottom: 4px solid #D8D8D8;
padding:4px;
font-family:short stack;
color:#000;letter-spacing:2px;text-align: center;font-size:12px;
}
#comments-block {
line-height:1.3em;
background: transparent;
color: black;
}
#comments-block .comment-author {margin:.5em 0;}
#comments-block .comment-body {margin:.25em 0 0; background: #ffffff;}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1em;font-size:11px;
}
#comments-block .comment-body p {
padding:15px;
Border-radius:10px;
Background: #D8D8D8;
color:#000000;
margin:3px;
}
.deleted-comment {
font-style:underlined;
color:transparent;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
}
#comments .comment-author:first-child {
padding-top: 0;
border-top: none;
}
/* Comments
----------------------------------------------- */
.comments .comments-content .icon.blog-author {
background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);
}
.comments .comments-content .loadmore a {
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
}
.comments .comment-thread.inline-thread {
background-color: transparent;
}
.comments .continue {
border-top: 2px solid #999999;
}
/* Accents
---------------------------------------------- */
.section-columns td.columns-cell {
border-left: 1px solid transparent;
}
.blog-pager {
background: transparent url(//www.blogblog.com/1kt/simple/paging_dot.png) repeat-x scroll top center;
}
.blog-pager-older-link, .home-link,
.blog-pager-newer-link {
background-color: #ffffff;
padding: 5px;
}
.footer-outer {
border-top: 1px dashed #bbbbbb;
}
/* Mobile
----------------------------------------------- */
body.mobile {
background-size: auto;
}
.mobile .body-fauxcolumn-outer {
background: transparent none repeat scroll top left;
}
.mobile .body-fauxcolumn-outer .cap-top {
background-size: 100% auto;
}
.mobile .content-outer {
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .15);
box-shadow: 0 0 3px rgba(0, 0, 0, .15);
padding: 0 0;
}
body.mobile .AdSense {
margin: 0 -0;
}
.mobile .tabs-inner .widget ul {
margin-left: 0;
margin-right: 0;
}
.mobile .post {
margin: 0;
}
.mobile .main-inner .column-center-inner .section {
margin: 0;
}
.mobile .date-header span {
padding: 0.1em 10px;
margin: 0 -10px;
}
.mobile h3.post-title {
margin: 0;
}
.mobile .blog-pager {
background: transparent none no-repeat scroll top center;
}
.mobile .footer-outer {
border-top: none;
}
.mobile .main-inner, .mobile .footer-inner {
background-color: #ffffff;
}
.mobile-index-contents {
color: #666666;
}
.mobile-link-button {
background-color: #2288bb;
}
.mobile-link-button a:link, .mobile-link-button a:visited {
color: #ffffff;
}
.mobile .tabs-inner .section:first-child {
border-top: none;
}
.mobile .tabs-inner .PageList .widget-content {
background-color: #eeeeee;
color: #000000;
border-top: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
}
.mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
border-left: 1px solid #dddddd;
}
.post blockquote{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_a24Vhc-Q4nL8bkShmlaYxAoDxN84k9XlMh886K5qODgzfqnajr_1it6rj102m005NZ44OQWfIqSQrZmva9gI_rkGmXYeUm00ssc-4zS0rA5wbzzLoK5USpWLKzKGvnZLFn74_3SXges/s1600/tinyorange.gif);
border:2px solid #fbd5dd;
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
colour:#FFFFFF}
blockquote:hover {
background: url(http://dl5.glitter-graphics.net/pub/590/590935ankbyj1xx4.gif) repeat right bottom ;
border:2px dotted #fbd5dd;
-moz-border-radius: 40px 10px;
border-radius: 40px 10px;
}
.footer-outer{display:none;
}
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
::-webkit-scrollbar-track-piece {
background-color:#D8D8D8 ;
border: 3px solid #FFFFFF;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #BDBDBD;
}
.avatar-image-container,
.avatar-image-container img {
margin-top:-3px;
max-width: 50px !important;
width: 50px !important;
max-height: 50px !important;
height: 50px !important;
padding: 0 !important;
border: 0px;
-webkit-border-radius: 999px;
-moz-border-radius: 999px;
border-radius: 999x; }
.avatar-image-container{
border:3px solid #fff !important;
-webkit-box-shadow: 0 1px 2px #BBB;
-moz-box-shadow: 0 1px 2px #BBB;
box-shadow: 0 1px 2px #BBB; }
.comment-body-author {
background:#BDBDBD;
color:#000000;
alpha (opacity=50); -moz-opacity: 0.50; opacity: 0.50;
margin: 0;
font-size: 11px;
margin-top: 10px; /*position*/
padding: 5px;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}
.post-footer{
padding:3px;background:#D8D8D8;
text-align:left;
font-family: Century gothic;
font-size: 12px;
font-weight:normal;
color: #000;
border-top : 4px solid #6E6E6E;
}
.tabmenu1 {
text-align:center;
width:260px;
color:#333333
}
a.tabmenu {
cursor:vertical-text;
background: #BDBDBD;
width:74px;
text-decoration:none;
color:#333333;
display:inline-block;
padding-top:5px;
padding-bottom:5px;
text-align:center;
font:12 georgia;
-webkit-transition-duration:0.5s;
}
a.tabmenu:hover {
background: #585858;
color:#fff;
-webkit-transition-duration:0.5s;
}
#menu img { max-width:260px;
}
/* to top */#toTop {
width:100px;background:none;
border:0px solid #ccc;
text-align:center;
padding:5px;position:
fixed;bottom:10px;
right:10px;cursor:pointer;
color:#666;
text-decoration:none;
}
.comment-footer{
margin-bottom:0 !important;
}
.author-comment{
background : #FFFFFF url(http://i600.photobucket.com/albums/tt88/Amalina_2009/KAWAN.png) no-repeat right top ;
padding:5px;
margin-bottom:1.5em;
border:1px solid #FFFFFF;
border-radius:10px;
}
.author-comment.blog-author {
background: #D8D8D8 url(http://i600.photobucket.com/albums/tt88/Amalina_2009/TUANBLOG.png) no-repeat right top;
}
.sidebar h2 {
background:url(http://i.imgur.com/IGdl4.png);
background-repeat: no-repeat;
background-position:left center;
padding-bottom: 4px;
padding:5px 3px 0 30px;
}
ul.tabs li {
float: left;
margin: 0;
padding: 0;
height: 31px; /*--Subtract 1px from the height of the unordered list--*/
line-height: 31px; /*--Vertically aligns the text within the tab--*/
border-left: none;
margin-bottom: -1px; /*--Pull the list item down 1px--*/
overflow: hidden;
position: relative;
}
ul.tabs li a {
font-weight: bold;
color: #000;
display: block;
font-size: 10px;
padding: 0 20px;
border: 2px solid #FFF; /*--Gives the bevel look with a 1px white border inside the list item--*/
outline: none;
}
ul.tabs li a:hover {
background: #e1c9f3;
}
html ul.tabs li.active, html ul.tabs li.active a:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/
background: #e1c9f3;
border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}
.tab_container {
overflow: hidden;
clear: both;
float: left; width: 98%;
background:#ffffff;
background-attachment:fixed;
}
.tab_content {
padding: 2px;
height :260px;
}
]]>
<![CDATA[
body {
min-width: $(content.width);
}
.content-outer, .content-fauxcolumn-outer, .region-inner {
min-width: $(content.width);
max-width: $(content.width);
_width: $(content.width);
}
.main-inner .columns {
padding-left: $(main.column.left.width);
padding-right: $(main.column.right.width);
}
.main-inner .fauxcolumn-center-outer {
left: $(main.column.left.width);
right: $(main.column.right.width);
/* IE6 does not respect left and right together */
_width: expression(this.parentNode.offsetWidth -
parseInt("$(main.column.left.width)") -
parseInt("$(main.column.right.width)") + 'px');
}
.main-inner .fauxcolumn-left-outer {
width: $(main.column.left.width);
}
.main-inner .fauxcolumn-right-outer {
width: $(main.column.right.width);
}
.main-inner .column-left-outer {
width: $(main.column.left.width);
right: 100%;
margin-left: -$(main.column.left.width);
}
.main-inner .column-right-outer {
width: $(main.column.right.width);
margin-right: -$(main.column.right.width);
}
#layout {
min-width: 0;
}
#layout .content-outer {
min-width: 0;
width: 800px;
}
#layout .region-inner {
min-width: 0;
width: auto;
}
.post ul {list-style:none;
}
.post ul li {
line-height: 1.4em;
background: transparent url(http://applepine.chu.jp/icon/sen/Doughnut5.gif) no-repeat scroll 0px 4px;
margin: 0.3em 0;
padding: 0 0 0.8em 20px;
}
]]>