TENDENCIAS
|
Blogger Template Style<------------------------>
-----------------------------------------------------------
Template Name : Axis | Blogger Template
Author : Best Theme / Avinash
Author URI : http://besttheme.net/
Created Time : 14:22 Monday (IST) - Time in India
Created Date : Monday, April 16, 2012
------------------------------------------------------------
<------> Credit> BestTheme.Net / Www.Web2feel.Com <------->
-----------------------------------------------------------*/
#navbar-iframe{display:none;}*{margin: 0px;padding: 0px;}
#LinkList10 h2{display:none;}
body#layout #LinkList10 {width:500px;margin-top:50px;}
body#layout #search{display:none;}
/*----------------------------------------------------
{--------} Generic {--------}
----------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
:focus {
/* remember to define focus styles! */
outline: 0;
}
ol, ul {
list-style: none;
}
table {
/* tables still need 'cellspacing="0"' in the markup */
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
a img {
border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
/*----------------------------------------------------
{--------} Basic {--------}
----------------------------------------------------*/
body {
font-family: Tahoma,Arial,Century gothic, sans-serif;
color: #333;
font-size: 12px;
background: url(images/body.png);
margin: 0 auto;
padding: 0px 0px;
}
img {
border: 0;
margin: 0;
}
a {
color: #008FA8;
text-decoration: none;
outline: none;
}
a:hover {
color: #000;
text-decoration: none;
}
blockquote {
color: #59666f;
font-style: italic;
font-family: Georgia;
padding: 10px;
}
.clear {
clear: both;
}
table {
border-collapse: collapse;
border-spacing: 0;
border: 1px solid #fff;
margin: 10px 0;
}
table td,table th {
text-align: left;
border: 1px solid #fff;
padding: .4em .8em;
}
table th {
background: #ddd;
color: #999;
text-transform: uppercase;
font-weight: 400;
border: 1px solid #fff;
}
table td {
border: 1px solid #fff;
background: #eee;
color: #555;
}
table tr.even td {
background: #eee;
border: none;
}
table tr:hover td {
background: #FFF9DF;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
padding: 0;
}
img.alignnone {
display: inline;
background: #eee;
margin: 0 0 10px;
padding: 5px;
}
img.alignright {
display: inline;
background: #eee;
margin: 5px 0 10px 10px;
padding: 5px;
}
img.alignleft {
display: inline;
background: #eee;
margin: 10px 15px 10px 0;
padding: 5px;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}
.alignright {
float: right;
margin: 0 0 10px 10px;
}
.alignleft {
float: left;
margin: 10px 15px 10px 0;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
body {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipNbW2nLltKR0kmWmmT_QjFQbu2TrtmP-lwevlvTeIsDjCDRCgP0eQN5oLWUa3xEVIENERem7ZOfPxXs1wiTNTpL_AZdSB-4ym5tIp0FMwRT1f4ACKP19J629rA4k7grNRDvK3XY7K0ouq/s0/default.jpg); height:100%;
}
img { border:none; }
/*----------------------------------------------------
{--------} Outer {--------}
----------------------------------------------------*/
#wrapper {
margin: 0px auto;
}
/*----------------------------------------------------
{--------} Header {--------}
----------------------------------------------------*/
#masthead {
position: fixed;
top:0px;
left:0px;
width:100%;
}
#top {
height: 60px;
margin: 0px auto;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgymqmynumN43bWPox5ArLpFXZJR8YWjhfRoUfHwVERIvfSUJi0yTRzhz9-r3LyG4BoY8v3C43yMN3xcPC38BceoHWHWtTqlIN_AUJzZAOzOXFbRs7NIUVDGS2l7bwwC-vO03CJkIjtKsrd/s0/bg-black.png);
}
#blogname {
width: 250px;
float: left;
font-family: 'AllerRegular',Arial, Tahoma, Sans-serif;
}
#blogname h1 {
font-size: 24px;
margin: 15px 0px 0px 20px;
font-weight: normal;
}
#blogname h1 a:link, #blogname h1 a:visited {
color: #ddd;
}
#blogname h3 {
font-size: 16px;
margin: 5px 0px 0px 0px;
font-weight: normal;
}
/*----------------------------------------------------
{--------} Top Menu {--------}
----------------------------------------------------*/
#botmenu {
height: 60px;
margin: 0px auto;
float:left;
}
#submenu {
margin: 0px auto;
width: auto;
padding: 0px 0px;
}
#submenu ul {
width: 100%;
float: left;
list-style: none;
margin: 0;
padding: 0 0px;
}
#submenu li {
float: left;
list-style: none;
margin: 0px 1px 0px 0px;
padding: 0px;
color: #999;
text-shadow: 1px 1px 0px #000;
font-size: 11px;
font-weight:normal;
font-family: 'BebasNeueRegular',Arial, Tahoma, Sans-serif;
}
#submenu li span.menudescription{
display:block;
font-size:10px;
line-height:14px;
color:#cbc6bd;
font-family:Arial, Tahoma, Sans-serif;
}
#submenu li a {
color: #fff;
display: block;
margin: 0;
padding: 23px 15px 23px 15px;
text-decoration: none;
position: relative;
text-shadow: 1px 1px 0px #000;
}
#submenu li a:hover, #submenu li a:active{
color: #F92525;
text-shadow:1px 1px 0px #000;
background:#000;
}
#submenu li a.sf-with-ul {
padding-right: 10px;
}
#submenu li .sf-sub-indicator{
display:none;
}
#submenu li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 160px;
margin: 0px 0px 0px 0px;
padding: 5px 5px;
background:#000;
}
#submenu li ul li a, #submenu li ul li a:link, #submenu li ul li a:visited {
color: #fff;
font-size:11px;
text-shadow:none;
width: 150px;
font-family: Arial, Tahoma, Verdana;
margin: 0;
padding: 0px 5px;
line-height:35px;
height:35px;
text-transform: none;
position: relative;
}
#submenu li ul li a:hover, #submenu li ul li a:active {
background:transparent;
color: #F92525;
}
ul.sub-menu li a{}
#submenu li ul a {
width: 150px;
}
#submenu li ul a:hover, #submenu li ul a:active { }
#submenu li ul ul {
margin: -40px 0 0 165px;
}
#submenu li:hover ul ul, #submenu li:hover ul ul ul, #submenu li.sfHover ul ul, #submenu li.sfHover ul ul ul {
left: -999em;
}
#submenu li:hover ul, #submenu li li:hover ul, #submenu li li li:hover ul, #submenu li.sfHover ul, #submenu li li.sfHover ul, #submenu li li li.sfHover ul {
left: auto;
}
#submenu li:hover, #submenu li.sfHover {
position: static;
}
/*----------------------------------------------------
{--------} Search Forum {--------}
----------------------------------------------------*/
#search {
width: 258px;
padding: 0px;
margin: 0px 0px 20px 10px;
display: inline-block;
height: 31px;
float: left;
border: 1px solid #e8e8e8;
background:#fff;
}
#search form {
margin: 0px 0px 0px 0px;
padding: 0;
}
#search fieldset {
margin: 0;
padding: 0;
border: none;
}
#search p {
margin: 0;
font-size: 85%;
}
#s {
width: 250px;
background: transparent;
margin: 0px 0px 0px 3px;
padding: 5px 5px;
height: 20px;
border: none;
font: normal 100% "Tahoma", Arial, Helvetica, sans-serif;
color: #555;
float: left;
display: inline;
}
#searchsubmit {
background: #222;
border: none;
color: #fff;
display: block;
padding: 7px 7px;
float: right;
cursor: pointer;
}
/*----------------------------------------------------
{--------} Below Header {--------}
----------------------------------------------------*/
#casing {
width: 1000px;
padding: 0px 0px 0px 0px;
margin-top:80px;
margin-bottom:50px;
}
/*----------------------------------------------------
{--------} Content Area {--------}
----------------------------------------------------*/
#content {
width: 670px;
float: left;
margin-left: 20px;
background:#fff;
}
#full-content {
width: 960px;
float: left;
margin-left: 20px;
background:#fff;
}
.post {
margin: 0px 0px 40px 0px;
color: #666;
padding: 0px 0px 0px 0px;
}
.title {
margin: 0px 0px;
padding: 0px 0px;
font-family: 'AllerRegular', Arial,Tahoma,Century gothic,sans-serif;
}
.title h2 {
margin: 25px 25px 0px 25px;
padding:0px 0px 5px 0px;
font-size: 24px;
font-weight: normal;
color: #222;
line-height: 120%;
}
.title h2 a, .title h2 a:link, .title h2 a:visited {
color: #222;
background-color: transparent;
}
.title h2 a:hover {
color: #333;
background-color: transparent;
}
.entry {
margin: 10px 0px 10px 0px;
padding: 0px 25px;
}
.entry a:link,
.entry a:visited {
color: #D71A21;
}
.entry a:hover {
color: #F43A40;
}
.entry ul, .entry ol {
margin: .4em 0 1em;
line-height: 150%;
}
.entry ul li, .entry ol li {
list-style-position: outside;
margin-left: 1.6em;
}
.entry p {
margin: 0px 0px 0px 0px;
padding: 10px 0px;
line-height: 160%;
}
.postmeta{
padding:0px 0px;
margin:0px 25px 20px 25px;
font-size:10px;
color: #999;
text-transform:uppercase;
}
.postmeta a:link,
.postmeta a:visited {
color: #D71A21;
}
span.smore{
float:left;
padding: 0px 10px 0px 20px;
background: url(images/plus.png) left center no-repeat;
color: #999;
}
span.author{
margin-right:5px;
}
.comm {
float:left;
font-family: 'AllerRegular', Arial,Tahoma,Century gothic,sans-serif;
font-size:24px;
margin:0px 10px 25px 25px;
height:50px;
width:50px;
line-height:50px;
text-align:center;
background:#D71A21;
color:#fff;
display:inline;
}
.comm a:link,
.comm a:visited {
color: #fff;
}
.singleinfo{
padding:0px 0px;
margin:0px 25px 20px 25px;
font-size:10px;
color: #999;
text-transform:uppercase;
}
.categori{
float:left;
padding: 0px 10px 0px 0px;
color: #999;
}
.categori a:link,.categori a:visited {
color: #D71A21;
}
/*----------------------------------------------------
{--------} Sidebar {--------}
----------------------------------------------------*/
#sidebar-wrapper {
width: 280px;
padding:20px 10px;
float: right;
background:#fff;
}
.sidebar h2 {
color: #fff;
font-family: 'AllerRegular', Arial,Tahoma,Century gothic,sans-serif;
font-size: 14px;
margin-bottom: 10px;
padding: 10px 0px 10px 10px;
background:#D71A21;
font-weight:bold;
}
.sidebar .widget {
width: 260px;
list-style: none;
color: #666;
margin: 0px 0 30px 10px;
}
.sidebar .widget-content {
padding: 10px 20px 10px 10px;
margin:0;
}
.sidebar ul {
list-style-type: none;
margin: 0 0 0 -10px ;
padding: 0;
}
.sidebar li {
color: #777;
text-decoration: none;
padding: 0px 0px 0px 10px;
display:block;
list-style-type:none;
line-height:28px;
border-bottom: 1px solid #f3f3f3;
}
.sidebar li a:link, .sidebar li a:visited {
color: #777;
text-decoration: none;
}
.sidebar li a:hover {
color: #D71A21;
}
.sidebar img {
margin: 0 10px 10px 0;
border:1px dotted #f4f4f4;
background:#ccc;
padding:5px;
}
#BlogArchive1_ArchiveMenu {
border:1px dotted #ccc;
background:#f4f4f4;
color:#000;
text-decoration: none;
margin-top:5px;
padding:10px;
width:230px;
}
#Followers1-wrapper {
background:#f4f4f4 none repeat scroll 0 0;
border:1px dotted #ccc;
color:#716349
width:300px;
}
.profile-link {
display:none;
}
.smallbanner {width: 270px;
margin: 20px 0px 10px 0px;
}
.smallbanner h2{
color: #444;
font-size: 14px;
margin-bottom: 10px;
font-weight: bold;
padding: 10px 0px 10px 10px;
background: #fff;
}
.smallbanner ul{
list-style-type:none;
margin: 0px auto;
padding: 0px 5px 0px 0px;
overflow:hidden;
width:280px;
}
.smallbanner ul li{
list-style-type:none;
margin: 10px 10px 0px 5px;
float:left;
display:inline;
background:#eee;
}
.smallbanner ul li.rbanner{
margin-right:0px;
}
/*----------------------------------------------------
{--------} Comments {--------}
----------------------------------------------------*/
#commentsbox {
margin: 0px 25px 0px 25px;
}
h3#comments {
padding: 10px 0px;
font-family: 'AllerRegular', Arial,Tahoma,Century gothic,sans-serif;
font-size: 20px;
margin: 20px 0px 20px 0px;
color: #D71A21;
}
ol.commentlist {
clear: both;
overflow: hidden;
list-style: none;
margin: 0;
}
ol.commentlist li {
line-height: 18px;
background: #fff;
margin: 0px 0 20px 0px;
padding: 20px;
border: 1px solid #e8e8e8;
}
ol.commentlist li .comment-author a:link,ol.commentlist li .comment-author a:visited {
color: #333;
font-weight: 700;
text-decoration: none!important;
}
cite.fn {
color: #eee;
font-style: normal;
}
ol.commentlist li .comment-author .avatar {
float: right;
border: 1px solid #eee;
background: #fff;
padding: 3px;
}
ol.commentlist li .comment-meta .commentmetadata {
color: #000;
}
ol.commentlist li .comment-meta a {
color: #D71A21;
text-decoration: none!important;
}
ol.commentlist li p {
line-height: 22px;
margin-top: 5px;
color: #666;
font-size: 12px;
}
ol.commentlist li .reply {
margin-top: 10px;
font-size: 10px;
}
ol.commentlist li .reply a {
background: #D71A21;
border: 1px solid #B21117;
color: #fff;
text-decoration: none;
padding: 3px 10px;
}
ol.commentlist li ul.children {
list-style: none;
text-indent: 0;
margin: 1em 0 0;
}
.comment-nav {
height: 20px;
padding: 5px;
}
.comment-nav a:link,.comment-nav a:visited {
color: #E88F02;
}
.avatar-image-container {
float:right;
background:#fff;
border:1px solid #ccc;
margin:0px 0px 10px 0px;
padding:5px;
height:32px;
width:32px;
}
.avatar-image-container img {
background:url(http://www.opendrive.com/files/6532718_pabxK/avatar.png) no- repeat;
height:32px;
width:32px;
}
#respond {
margin: 10px 0;
padding: 0;
}
#respond h3 {
font-size: 14px;
font-weight: 400;
color: #444;
padding: 5px 0 0;
}
#commentform {
padding: 10px 0;
}
#commentform a {
color: #E1512A;
}
#commentform p {
color: #999;
margin: 5px 0;
}
#respond label {
display: block;
color: #999;
padding: 5px 0;
}
#respond input {
background: #fff;
border: 1px solid #ddd;
color: #02070F;
margin: 0 10px 10px 0;
padding: 5px;
}
#commentform input {
width: 50%;
}
#respond input#commentSubmit {
width: 100px;
background: #B21117;
border: 1px solid #6D0306;
color: #fff;
cursor: pointer;
margin: 10px 0;
padding: 3px 5px;
}
textarea#comment {
background: #fff;
border: 1px solid #ddd;
width: 70%;
color: #02070F;
margin: 10px 0 0;
padding: 5px;
}
ol.commentlist li .comment-author,ol.commentlist li .comment-author .fn {
color: #333;
}
ol.commentlist li .comment-meta,#respond label small {
font-size: 10px;
}
ol.commentlist li ul.children li.depth-2,ol.commentlist li ul.children li.depth-3,ol.commentlist li ul.children li.depth-4,ol.commentlist li ul.children li.depth-5 {
margin: 0 0 0 50px;
}
/* Archive title and pagination */
h1.pagetitle {
font-size: 14px;
margin-bottom: 20px;
color: #777;
}
/*----------------------------------------------------
{--------} Footer {--------}
----------------------------------------------------*/
#footer {
z-index:5;
height:30px;
position: fixed;
bottom:0px;
left:0px;
width:100%;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsScx5bFI5S4Q9UgM71qUC5D6ugiEFmHUmtfjjndMVAhnAPOzkNBOMvjHCL1T8-mPNTrL6uMvZ_2AzwfTi8lpCmu5ciN6pN4Y-83G6OlXzGUWzJGak0iAeG19Oa6TQ5jS_PJazIVkM-e_1/s0/foot.png) repeat-x;
color: #aaa;
}
#footer a:link , #footer a:visited {
color: #aaa;
}
#footer a:hover {
color: #aaa;
}
.fcred {
margin: 0px auto;
padding:8px 20px;
font-size:10px;
}
/*----------------------------------------------------
{--------} Toc {--------}
----------------------------------------------------*/
.judul-label{
background-color:#E5ECF9;
font-weight:bold;
line-height:1.4em;
margin-bottom:5px;
overflow:hidden;
white-space:nowrap;
vertical-align: baseline;
margin: 0 2px;
outline: none;
cursor: pointer;
text-decoration: none;
font: 14px/100% Arial, Helvetica, sans-serif;
padding: .5em 2em .55em;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 1px 1px 4px #AAAAAA;
box-shadow: 0 1px 2px rgba(0,0,0,.2);
color: #e9e9e9;
border: 2px solid white !important;
background: #6e6e6e;
background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
background: -moz-linear-gradient(top, #888, #575757);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.data-list{
line-height:1.5em;
margin-left:5px;
margin-right:5px;
padding-left:15px;
padding-right:5px;
white-space:nowrap;
text-align:left;
font-family:"Arial",sans-serif;
font-size:12px;
}
.list-ganjil{
background-color:#F6F6F6;
}
.headactive{
color: #fef4e9;
border: 2px solid white !important;
background: #1C8DFF;
background: -webkit-gradient(linear, left top, left bottom, from(#9dc2e7), to(#438cd2));
background: -moz-linear-gradient(top, #9dc2e7, #438cd2);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dc2e7', endColorstr='#438cd2');
}
]]>
</div></div>
<div class="date-outer">
<div class="date-posts">
</div></div>