-----------------------------------------------
Blogger Template Specifications
Name: Toggler
Author: Franklin Manuel
Rethnaraj Rambabu
URL: www.bloggermint.com
Date: February 2011
License: This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use. However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0
----------------------------------------------- */
#navbar-iframe {
display: none !important;
}
html,body,div,span,applet,object,iframe,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,b,u,i,center,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baselinebaseline;
}
/* Variable definitions
====================
*/
body {
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaskP21DcmQLPQ90djS-xlyDBUGHZbKtIoi4Ua3iD9IwFS7B8f1koN7W22yTKx9mUw7dTPk4yRBhXIw9tkf1rFFLb2L3Dj-VBH07dQo6khC8FJKui1IW64tcSz9daQiDuin3_QecgfQ4I/s1600/royalebg.png") repeat scroll 0 0 transparent;
color:$textcolor;
font-family: Arial, Helvetica, sans-serif;
margin:0;
text-align:center;
text-shadow:0 0 2px rgba(0, 0, 0, 0.2);
}
a:link {
color:#4f4c4b;
text-decoration:none;
}
a:visited {
color:#4f4c4b;
text-decoration:none;
}
a:hover {
color:#333;
text-decoration:underline;
}
a img {
border-width:0;
}
h1 { font-size: 32px;margin:5px 0; }
h2 { font-size: 28px;margin:5px 0; }
h3 { font-size: 36px; letter-spacing: -1px;margin:5px 0; }
h4 { font-size: 23px;margin:5px 0; }
h5 { font-size: 19px;margin:5px 0; }
h6 { font-size: 16px;margin:5px 0; }
.top-meta {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background: none repeat scroll 0 0 #EFEFEF;
display: block;
float: left;
margin-left: -85px;
position: relative;
top: 0;
width: 60px;
height:56px;
}
.tleft {
border-color: transparent #000000 transparent transparent;
border-style: solid;
border-width: 25px;
height: 0;
left: -47px;
position: relative;
top: 53px;
width: 0;
z-index: -1;
}
.tright {
border-color: transparent transparent transparent #EFEFEF;
border-style: solid;
border-width: 25px;
height: 0;
left: -27px;
position: relative;
top: 3px;
width: 0;
z-index: -1;
}
.PostTime {
background:;
color:#333 !important;
display:block;
font-family:"Old Standard TT",Helvetica Neue,helvetica,Arial,sans-serif;
font-size:20px;
font-weight:bold;
text-align:center;
text-decoration:none;
text-transform:uppercase;
width:60px;
}
.post-day {
font-size:30px;
}
.post-month {
margin-top:-3px;
font-size:13px;
font-weight:normal;
}
.post h2.trigger {
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
background: #333232;
float: left;
font-size: 2em;
font-weight: normal;
line-height: 46px;
margin: 0 0 5px;
padding: 5px 10px;
width: 600px;
}
.post h2.trigger a {
color: #fff;
text-decoration: none;
display: block;
padding:0 40px 0 15px;
}
.post h2.trigger a:hover {
color: #ccc;
}
.post h2.active {background-position: left bottom;}
.post .gopost {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvnxRti65t3AFTOKBVtgrXWsA8RU43lVjtI8Vwg61bWSlh6hl-8AcKf8RTWwZ0p5GtqZ_HN8J5ileUa8nGYy5dhD_JarJuux0tNmF1C20uCaY8Y-mEy1llgyKG4S9VK7Bk_W7xv2DSg3og/s1600/link.png") no-repeat scroll 0 0 transparent;
float: right;
height: 16px;
margin-right: -35px;
margin-top: 16px;
width: 16px;
}
.post .gopost img {
border:0 none;
margin-bottom: 12px;
margin-top: 12px;
}
.toggle_container {
margin: 0 0 5px 8px;
padding: 0;
border-top: 1px solid #d6d6d6;
background: #f0f0f0;
overflow: hidden;
font-size: 1.2em;
width: 605px;
clear: both;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
.toggle_container .block {
padding: 20px;
background: ;
}
.toggle_container .block .post-body {
line-height:1.6em;
margin:0 0 0.75em 8px;
font-size: 14px;
}
.toggle_container .block p {
padding: 5px 0;
margin: 5px 0;
}
.toggle_container h3 {
font: 2.5em normal Georgia, "Times New Roman", Times, serif;
margin: 0 0 10px;
padding: 0 0 5px 0;
border-bottom: 1px dashed #ccc;
}
.toggle_container img {
float: left;
margin: 10px 15px 15px 0;
padding: 5px;
background: #ddd;
border: 1px solid #ccc;
}
#header-wrapper {
height:120px;
margin:0 auto;
}
#header-inner {
background-position:center center;
margin-left:auto;
margin-right:auto;
}
#header {
color:#333232;
text-align:center;
}
#header h1 {
font-family: Georgia, Times New Roman, serif;
font-size: 50px;
letter-spacing: 2px;
margin: 10px 0 0;
padding: 10px 0;
text-shadow: 0 1px 2px #FFFFFF;
text-transform: none;
}
#header a {
color: #333232;
text-decoration:none;
}
#header a:hover {
color:#666666;
}
#header .description {
font: $descriptionfont;
color: $descriptioncolor;
letter-spacing:0.2em;
margin:0 5px 5px;
padding-left:20px;
padding-right:20px;
padding-top:0;
text-shadow:0 1px 0 #FFFFFF;
text-transform:none;
}
#header img {
margin-left:auto;
margin-right:auto;
}
#outer-wrapper {
text-align:left;
width:100%;
clear:both;
}
#main-wrapper {
float:left;
width:640px;
word-wrap:break-word;
}
#sidebar-wrapper {
float:right;
overflow:hidden;
width:280px;
word-wrap:break-word;
}
.date-header {
}
.post {
float: left;
margin: 15px;
padding: 0;
width: 620px;
}
.post-wrap {
margin-top: -65px;
margin-left: 10px;
}
.post h3 {
color:#4f4c4b;
font:160% Helvetica,Arial;
margin:0;
padding:0 0 8px;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
color: #333333;
display: block;
font-weight: bold;
text-decoration: none;
}
.post h3 strong, .post h3 a:hover {
color:#4f4c4b;
}
.post-body a {
text-decoration:underline;
}
.post-body a:hover {
}
.normal {
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
background: #F0F0F0;
border-top: 1px solid #D6D6D6;
clear: both;
font-size: 1.2em;
margin: 0 0 5px 8px;
overflow: hidden;
padding: 0;
width: 605px;
}
.normal .block {
padding:20px;
}
.normal .post-body {
line-height:1.6em;
margin:0 0 0.75em 8px;
font-size: 14px;
}
.post-body blockquote {
line-height:1.3em;
}
.post-footer {
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
background: none repeat scroll 0 0 #BBBBBB;
color: #444444;
font-size: 13px;
margin: 20px 0 0;
padding: 5px 10px;
}
.post-footer a {
color:#FFFFFF; }
.comment-link {
text-align:center;
}
.post img, table.tr-caption-container {
border:1px solid #C3C1B9;
padding:4px;
margin-bottom:10px;
margin-top:10px;
max-width:680px;
}
.tr-caption-container img {
border:medium none;
padding:0;
}
.post blockquote {
font:italic 13px georgia;
margin:1em 20px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
font: italic 13px/20px georgia;
margin: 1em 20px;
padding: 10px;
}
.post blockquote p {
margin:0.75em 0;
}
#comments h4 {
color:#666666;
font-size:14px;
font-weight:bold;
letter-spacing:0;
line-height:1.4em;
margin:1em 0;
text-transform:none;
}
#comments-block {
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
background: none repeat scroll 0 0 #EFEFEF;
line-height: 1.6em;
margin: 1em 0 1.5em;
padding:0 10px;
width: 585px;
}
#comments-block .comment-author {
-moz-background-inline-policy:continuous;
-moz-border-radius:0 0 0 5px;
-webkit-border-radius:0 0 0 5px;
border-radius:0 0 0 5px;
font-size:15px;
font-weight:normal;
margin-right:20px;
padding:10px 5px 0;
}
#comments-block .comment-author a.commentaut {
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
background: none repeat scroll 0 0 #555555;
color: #FFFFFF;
font-weight: bold;
padding: 3px 5px;
}
#comments .blogger-comment-icon, .blogger-comment-icon {
-moz-background-inline-policy:continuous;
background:none repeat scroll 0 0 #E8DEC4;
border-color:#E8DEC4;
border-style:solid;
border-width:2px 1px 1px;
line-height:16px;
padding:5px;
}
#comments-block .avatar-image-container img {
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
background: none repeat scroll 0 0 #EFEFEF;
border: 1px solid #CCCCCC;
float: right;
padding: 3px;
}
#comments-block.avatar-comment-indent {
margin-left: 35px;
}
#comments-block .comment-body {
margin-left:0;
margin-right:20px;
padding:7px;
}
#comments-block .comment-footer {
font-size:11px;
line-height:1.4em;
margin:-0.25em 20px 2em 0;
padding:5px;
padding-bottom:0;
text-transform:none;
}
#comments-block .comment-body p {
margin:0 0 0.75em;
}
.deleted-comment {
color:gray;
font-style:italic;
}
#blog-pager-newer-link {
float:left;
}
#blog-pager-older-link {
float:right;
}
#blog-pager {
float: left;
text-align: center;
width: 620px;
padding:5px 10px;
}
#blog-pager a {
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
background: none repeat scroll 0 0 #EFEFEF;
color: #333333;
font-weight: bold;
padding: 5px 10px;
text-decoration: none;
text-shadow: 0 1px #FFFFFF;
}
#blog-pager a:hover {
color:#111;
text-decoration:none;
}
.feed-links {
clear:both;
line-height:2.5em;
}
/* Navigation menu */
#nav{
position: fixed;
right: 0;
top: 140px;
z-index: 999999;
}
#nav .container {
margin:0 auto;
width:100px;
}
#nav ul{
height: 25px;
list-style: none outside none;
padding: 0;
width: 100px;
}
#nav ul li{
display: inline;
float: left;
margin: 5px 10px;
}
#nav a{
background: #333232;
color: #FAFAFA;
cursor: pointer;
float: left;
font-size: 15px;
font-weight: bold;
height: 16px;
line-height: 16px;
padding: 3px 5px;
text-decoration: none;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
#nav a:hover{
color: #888;
}
#nav a.top span, #nav a.bottom span{
float:left;
width:16px;
height:16px;
}
.sidebar {
color:$sidebartextcolor;
line-height:1.5em;
}
.sidebar ul {
list-style:none outside none;
margin:0;
padding:0;
}
.sidebar li {
line-height:1.5em;
margin:0;
padding:0 0 0.25em 15px;
text-indent:-15px;
}
.sidebar .widget, .main .widget {
border-bottom:1px dotted #CCCCCC;
margin:0;
padding:0 0 1.5em;
}
.main .Blog {
border-bottom-width:0;
}
.profile-img {
border:1px solid #CCCCCC;
float:left;
margin:0 5px 5px 0;
padding:4px;
}
.profile-data {
color:#999999;
font:bold 78%/1.6em 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
letter-spacing:0.1em;
margin:0;
text-transform:uppercase;
}
.profile-datablock {
margin:0.5em 0;
}
.profile-textblock {
line-height:1.6em;
margin:0.5em 0;
}
.profile-link {
font:78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
letter-spacing:0.1em;
text-transform:uppercase;
}
.feed-links {
display:none;
}
#Attribution1 {
display:none;
}
body#layout #footer {
display:none;
}
body#layout #addthis_toolbox {
display:none;
}
body#layout #crosscol-wrapper {
display:none;
}
body#layout #searchbox {
display:none;
}
.post-share-buttons {
}
#sidebar-wrapper .sidebar .widget {
}
#sidebar-wrapper .widget-content {
}
#footer {
clear: both;
color: #000000;
font-size: 12px;
font-weight: bold;
width: 100%;
}
#footer .container {
width:960px;
margin:0 auto;
}
.foot-l {
text-align:center;
margin-bottom: 5px;
}
.foot-r {
text-align:center;
margin-bottom: 10px;
font-size:10px;
}
#footer a {
}
#content-wrapper {
margin: 0 auto;
width: 640px;
}
#crosscol-wrapper {
margin:0 auto;
width:665px;
}
#wrapper {
}
#lower-wrapper {
margin-bottom:0;
margin-left:auto;
margin-right:auto;
text-align:left;
width:870px;
}
#lowerbar-wrapper {
float:left;
line-height:1.6em;
margin:5px 10px auto;
overflow:hidden;
padding-bottom:15px;
width:197px;
word-wrap:break-word;
}
.lowerbar {
margin:0;
padding:0;
}
body#layout #PageList1 {
display:none;
}
#lower {
color:#FFFFFF;
font:12px arial;
margin-top:0;
}
#lowerbar-wrapper .widget-content {
color:#333333;
margin-bottom:20px;
padding:5px;
text-shadow:0 1px 0 #FFFFFF;
}
#lowerbar-wrapper h2 {
border-bottom:1px solid #B6B7B4;
color:#222222;
font:bold 140% arial;
letter-spacing:-1px;
margin-bottom:0;
padding:5px;
text-shadow:0 1px 0 #FFFFFF;
text-transform:none;
}
#lowerbar-wrapper a {
color:#3366CC;
text-decoration:none;
}
#lowerbar-wrapper ul {
list-style:none outside none;
margin:0;
padding:0;
}
#lowerbar-wrapper li {
border-bottom:1px dotted #999999;
padding:3px;
}
.PageList li a {
color:#FFFFFF;
font:bold 13px arial;
padding:12px 20px;
}
#Attribution1 {
display:none;
}
.crosscol .PageList li, .footer .PageList li {
background:none repeat scroll 0 0 transparent;
float:left;
list-style:none outside none;
margin:0;
padding:10px 0;
}
]]>
