*/
.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;
}
]]>
<script type="text/javascript">
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener('load',
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] = val; });
}
}
</script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">
gapi.load("iframes-styles-bubble", function() {
if (window.iframes && iframes.open) {
iframes.open(
'//www.blogger.com/navbar.g?targetBlogID\075124224508742066548\46blogName\75Farhan+Choco\47s+blog\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75DISABLED\46layoutType\75LAYOUTS\46searchRoot\75http://supermonitor99.blogspot.com/search\46blogLocale\75en_GB\46v\0752\46homepageUrl\75http://supermonitor99.blogspot.com/\46blogFollowUrl\75https://plus.google.com/112941875219576067321\46vt\0757126513797138491983',
{
container: "navbar-iframe-container",
id: "navbar-iframe"
},
{
});
}
});
</script><script type="text/javascript">
(function() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
var head = document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(script);
}})();
</script>
</div></div>
<div class="date-outer">
<div class="date-posts">
</div></div>
© Copyright 2013 | ALL Right Reserved to Farhan. Design With Love by Nurrul.
Sunday, 11 August 2013
05:41