/*
Theme Name: Sky3c
Description: 3 column version of Anthosia theme.
Author: Kaushal Sheth
Author URI:Kaushal Sheth
Credits:
Anthosia was designed by Kaushal Sheth developed by Chad Coleman.
License -
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
Modified By: http://ming.mysinablog.com
Version: 1.0
Last Updated: 12-11-2006
*/
html{
/* Force Vertical scrollbar in Mozilla/Firefox */
height : 100%;
margin : 1px;
}
body{
margin : 0px;
padding : 0px;
text-align : left;
background-color : #363636;
padding-bottom : 5px;
}
#document{ /* the blog's main frame */
padding : 0px;
margin-top : 5px;
width : 760px; /* blog's width */
margin-left : auto;
margin-right : auto;
border : 1px solid #E3E3E3;
background-color : #ffffff;
overflow : auto;
}
#header{
margin-top : 5px;
margin-left : 5px;
margin-right: 5px;
height : 265px; /* header's height */
background : transparent url(http://mysinablog.com/templates/css/2006104/img/banner.jpg) repeat top left; /* header's image */
}
#title{ /* the blog's title */
padding : 0px 20px 0px 20px;
position : relative;
top : 10%;
text-align : right;
font : bold 20px lucida grande, verdana, arial, sans-serif;
}
#title a{
color : #fff;
text-decoration : none;
}
textarea{
width : 300px;
}
#title a:hover{
color : #fff;
text-decoration : none;
}
.description{ /* the blog's description */
font : 15px arial, sans-serif;
color : #f2f2f2;
line-height : 1.5;
}
#top_menu{ /* the horiozontal menu under the header */
width : 100%;
height : 30px;
text-align : left;
font : 15px lucida grande, verdana, arial, sans-serif;
color : #163872;
}
#top_menu a { color: #fff; background: transparent; text-decoration: none;}
#top_menu a:link { color: #fff; background: transparent; text-decoration: none;}
#top_menu a:visited { color: #fff; background: transparent; text-decoration: none;}
#top_menu a:active { color: #fff; background: transparent; text-decoration: none;}
#top_menu a:hover { color: #fff; background: #1A71AB; padding-top: 4px; padding-bottom: 4px; text-decoration: none; }
#top_menu_nav{
position : relative;
top : 0px;
padding : 5px;
margin-left : 5px;
margin-right : 5px;
background-color: #163872;
}
#main{ /* the middle region between the "top_menu" & "footer" */
float : left;
}
#main_content{ /* the content's region */
float : left;
width : 530px;
background-color: white;
}
#content{
padding-top : 15px;
padding-bottom : 15px;
padding-right : 15px;
}
#main_sidebar{ /* the sidebar's region */
float : right;
width : 230px;
background-color: white;
}
/***********************************************/
/* post */
/***********************************************/
div.posted{ /* e.g. yourblog | 13-10-05, 3:26 PM | General | (88 Reads) */
padding : 5px;
text-align : right;
word-spacing : 1px;
color : #333333;
font : 0.9em lucida grande, verdana, arial, sans-serif;
}
div.posted a:link {color: #666;text-decoration: none;}
div.posted a:visited {color: #666;text-decoration: none;}
div.posted a:active {color: #666;text-decoration: none;}
div.posted a:hover {color: #999;text-decoration: underline;}
div.post_content + div.posted {
background-color : #f2f2f2;
text-align : left;
width : 100%;
}
div.post_content{ /*the post's content */
padding : 5%;
padding-top : 20px;
color : #333333;
font : 15px lucida grande, verdana, arial, sans-serif;
overflow : hidden;
margin-bottom : 15px;
width : 89%;
overflow : hidden;
line-height : 1.8;
text-align : left;
}
div.post_content a:link {color: #1A71AB;text-decoration: none;}
div.post_content a:visited {color: #1A71AB;text-decoration: none;}
div.post_content a:active {color: #1A71AB;text-decoration: none;}
div.post_content a:hover {color: #1A71AB;text-decoration: underline;}
#post_index{ /* e.g. Previos Page | Next Page */
margin-bottom : 10px;
text-align : center;
font-size : 12px;
}
#post_index a { color: #1A71AB; background: transparent; text-decoration: none;}
#post_index a:link { color: #1A71AB; background: transparent; text-decoration: none;}
#post_index a:visited { color: #1A71AB; background: transparent; text-decoration: none;}
#post_index a:active { color: #1A71AB; background: transparent; text-decoration: none;}
#post_index a:hover { color: #1A71AB; background: transparent; text-decoration: underline;}
#footer{ /* the footer at the bottom */
height : 40px;
padding : 5px;
margin-bottom : 5px;
margin-left : 5px;
margin-right : 5px;
background-color : #163872;
font-family : lucida grande, verdana, arial, sans-serif;
font-size : 12px;
color : #ffffff;
text-align : center;
line-height : 1.5;
}
/***********************************************/
/* common layout */
/***********************************************/
div.c_outline{ /* the outline */
width : 100%;
padding : 0px;
}
div.c_title{ /* title */
padding-top : 5px;
padding-bottom : 0px;
padding-left : 5px;
font-family : lucida grande, verdana, arial, sans-serif;
font-size : 16px;
font-weight : bold;
color : #145683;
text-align : left;
}
.c_title a, .c_title a:link, .c_title a:visited{
color : #145683;
text-decoration : none;
background : transparent;
}
.c_title a:active,.c_title a:hover{
color : #000;
text-decoration : none;
background : transparent;
}
.c_content_space{ /* the content */
padding : 5px;
height : 100%;
font-family : lucida grande, verdana, arial, sans-serif;
font-size : 12px;
color : #333333;
text-align : left;
}
.c_content_space a:link {color: #1A71AB;text-decoration: none;}
.c_content_space a:visited {color: #1A71AB;text-decoration: none;}
.c_content_space a:active {color: #1A71AB;text-decoration: none;}
.c_content_space a:hover {color: #1A71AB;text-decoration: underline;}
/***********************************************/
/* sidebar */
/***********************************************/
#sidebar{ /* the sidebar */
padding : 15px;
font : 13px lucida grande, verdana, arial, sans-serif;
margin : auto;
}
#sidebar a { color: #1A71AB; background: transparent; text-decoration: none;}
#sidebar a:link { color: #1A71AB; background: transparent; text-decoration: none;}
#sidebar a:visited { color: #1A71AB; background: transparent; text-decoration: none;}
#sidebar a:active, #sidebar a:hover { color: #000; text-decoration: underline;}
.sidetitle{ /* title of individual sidebar's item */
height : 31px;
padding-left : 45px;
padding-top : 5px;
font : 15px lucida grande, verdana, arial, sans-serif;
font-weight : bold;
text-align : left;
color : #1A71AB;
background : url(http://mysinablog.com/templates/css/2006104/img/cat-deco.gif) no-repeat;
}
.sideitem{ /* content of individual sidebar's item */
text-align : left;
padding : 1em;
font-size : 12px;
padding-bottom : 20px;
}
div.sideitem ul{
list-style : none url(http://mysinablog.com/templates/css/2006104/img/icon.gif);
margin : 5px 0px 0px 0px;
padding : 0px 0px 0px 17px;
}
div.sideitem li{
background : transparent;
font-family : lucida grande, verdana, arial, sans-serif;
}
.sideProfile{ /* the user's profile in the sidebar */
line-height : 1.3;
padding-top : 10px;
}
/***********************************************/
/* calendar */
/***********************************************/
.sideCal{
text-align : center;
width : 165px;
margin : auto;
}
.calendar{
font-size : 12px;
}
.calMonthToday{
font-weight : bold;
}
.calMonth td{
text-align : right;
padding : 2px;
margin : 0px;
font-size : 12px;
}
.calMonth table{
margin : 0px auto;
font-size : 12px;
background : black;
}
.calMonthCurrent{
color : #1A71AB;
font-weight : bold;
font-size : 12px;
}
.calMonthHeader{
margin-top : 2px;
color : #1A71AB;
font-weight : bold;
font-size : 12px;
}
th.calMonthBackward{
font-size : 12px;
}
th.calMonthForward{
font-size : 12px;
}
/************************************************/
/* comment form */
/************************************************/
.cf_left{
font-size : 12px;
font-family : lucida grande, verdana, arial, sans-serif;
width : 180px;
float : left;
text-align : left;
padding : 5px;
margin : 5px;
}
.cf_left label{
font-weight : normal;
}
.cf_right{
font-size : 12px;
font-family : lucida grande, verdana, arial, sans-serif;
background : transparent;
padding : 5px;
margin : 5px;
float : left;
text-align : left;
}
.cf_right label{
font-weight : normal;
}
/***********************************************/
/* albums */
/***********************************************/
#main_album{ /* album's region */
float : left;
width: 100%;
}
#album_content{
padding: 15px;
}
.album_folder{ /* for individual folder */
text-align : center;
float : left;
width : 175px;
height : 120px;
background : transparent;
padding-top : 20px;
}
.album{ /* for individual resource */
text-align : center;
float : left;
width : 175px;
height : 200px;
background : transparent;
}
.album p{ /* for resource's description */
padding-top : 0px;
margin : 0;
text-align : center;
font-family : lucida grande, verdana, arial, sans-serif;
font-size : 11px;
}
.album_description{ /* for album's description */
width : 92%;
padding : 5px;
margin : 5px;
text-align : left;
}
/************************************************/
/* misc */
/***********************************************/
.pager{
text-align : right;
}
label{
font-weight : bold;
}
.clear{ clear : both; }
img{ border : 0px; }
.button{
padding-top : 2px;
padding-right : 8px;
padding-left : 8px;
padding-bottom : 0px;
border-top : 1px solid #DEDEDE;
border-bottom : 1px solid #000000;
border-left : 1px solid #DEDEDE;
border-right : 1px solid #000000;
font : 12px sans-serif;
color : #000000;
background-color : #DEDEDE;
}
blockquote {
font-style : italic;
color : #101d27;
}
blockquote { border-top: 2px solid #013C80; border-bottom: 2px solid #013C80; margin-left: 1.5em; padding-left: 5px; background-color: #E6EAF3}
textarea{
width : 250px;
}