/* SIDDHARTHA SCHOOL CSS ---------------------------------------------------------- */ /* FONTS ---------------------------------------------------------- */ body { font:13px Helvetica, Verdana, Arial, Lucida Grande, Sans-Serif;*font-size:small;*font:x-small;} /* cheat sheet: [px,%] [10,77] [11,85] [12,92] [13,100] [14,107] [16,122] [18,136] [20,152] [24,182] [26,197] */ table { font-size:inherit;font:100%;} select, input, textarea { font:99% arial,helvetica,clean,sans-serif;} body * { line-height:1.22em;} body { background-image:url(../assets/images/SBG_bg.gif); background-repeat:repeat-x; background-color:#FFFFFF; margin:0;} body { font-family: Helvetica, Verdana, Arial, Lucida Grande, Sans-Serif; vertical-align: top;} table, tr, td{ border:none; border-spacing:0; padding:0;} table {} a {text-decoration:none;} /*a:hover { color: #ae8bb0; }*/ /* Content ---------------------------------------------------------- */ .Container{ vertical-align:top; margin-top:6px; height:100%;} .Content { width:870px; height:578px; vertical-align:top;} #pageContent { text-align:left; color:#650460; margin: 0px 120px 0px 30px; height:inherit;} .break { background-color:#bda5bb; height: 3px; clear:both;} .break2 { background-color:#bda5bb; height: 2px; clear:both;} /* Layout & Background Images ---------------------------------------------------------- */ /*.SBG_wrap { background-image:url(../assets/images/sidebar.gif); background-repeat:repeat-y; background-color:#dbcad9; left:20px; top:141px; width:830px; height:auto; vertical-align:top; float:left; }*/ .Container2 { background-image:url(../assets/images/SBG_sidebar.gif); background-repeat:repeat-y; width:870px; vertical-align:top;} .SBG_01 { background-image:url(../assets/images/SBG_01.gif); background-repeat:no-repeat; left:0px; top:0px; width:870px; height:20px;} .SBG_02 { background-image:url(../assets/images/SBG_02.gif); background-repeat:no-repeat; left:0px; top:20px; width:20px; height:712px; float:left;} .SBG_03 { background-image:url(../assets/images/SBG_03.gif); background-repeat:no-repeat; left:20px; top:20px; width:830px; height:121px; float:left;} .SBG_04 { background-image:url(../assets/images/SBG_04.gif); background-repeat:no-repeat; left:850px; top:20px; width:20px; height:712px; float:right;} .SBG_05 { background-image:url(../assets/images/SBG_05.gif); background-repeat:no-repeat; left:20px; top:141px; width:135px; height:591px; vertical-align:top; float:left; text-align:right;} .SBG_06 { background-image:url(../assets/images/SBG_06.gif); background-color:#ffffff; background-repeat:no-repeat; left:155px; top:141px; width:695px; vertical-align:top; float:right;} .filler { margin: 0px 120px 0px 0px; width:inherit; height:10px;} .SBG_08 { background-image:url(../assets/images/SBG_08.gif); background-repeat:no-repeat; width:870px; left:20px; float:right;} .footer { width:830px; left:20px; height:20px; vertical-align:bottom; text-align:right; margin-right:45px; font-size:85%; color:#ae8bb0; line-height:.8em;} /* Navigation ---------------------------------------------------------- */ .navTop{ text-align:right; margin-right:15px; height:0;} .navTop li{list-style:none; float:right; display:inline; margin-top:-7px; margin-right:10px; width:auto;} .navTop li a, a:link, a:active, a:hover, a:visited { font-size:85%; font-family: Helvetica, Verdana, Arial, Lucida Grande, Sans-Serif; font-weight:bold;} /*.navTop li a:link, a:active, a:visited { color: #650460; }*/ /*.navTop li a:hover { color: #ae8bb0; }*/ #sideNav { width:135px; display:inline;} #sideNav li{ text-align:right; margin-right:10px; margin-top:10px; margin-left:-30px; line-height:1em; list-style:none;} #sideNav li a /* a:link, a:active, a:hover, a:visited */{font-size:12px; font-family: Helvetica, Verdana, Arial, Lucida Grande, Sans-Serif; font-weight:bold;} #sideNav li a:link, a:active, a:visited { color: #650460; } /* #sideNav li a:hover { color: #ae8bb0; } */ .sideNav { color: #650460; } .sideNavSelected { color: #ae8bb0; } .sideNavHover { color: #904C80; } .sideNavunHover { color: #ae8bb0; } .unSelected { color: #ae8bb0; } .Selected { color: #650460; } .Hover { color: #904C80; } .unHover { color: #650460; } #submenu div { padding:10px 20px 10px 0px; float:left; display:inline; font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; } /*#submenu div a { font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold;} */ #submenu div { font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold;} /*#submenu div { color: #650460; }*/ /* PHP insert ---------------------------------------------------------- */ /* BLOG style ---------------------------------------------------------- */ #entry column {} #entry column #blogItem .blog p a, a:active, a:visited, a:hover {} #blogItem a:link, a:active, a:visited, a:hover { font-size:13px; font-family: Helvetica, Verdana, Arial, Lucida Grande, Sans-Serif; font-weight:normal; line-height:1.22em;} #blogItem { color: #650460;} #blogItem a, a:link { color: #CC66CC;} #blogItem a:hover { color: #ae8bb0;} #blogItem {} #blogItem table {background-color:#DBCAD9; padding:1px;} #blogItem table th { padding:3px;} #blogItem table tr { padding:5px;} #blogItem table td {padding:3px;} #blogItem table tr .check {background-color:#FFFFFF;} #details {float:left; clear:both;} #details #left{float:left; clear:both;} #details #right{float:right;} /* IMAGES ---------------------------------------------------------- */ /* Begin Images */ .blog p img { padding: 0; margin-bottom: 10px; max-width: 100%; } .blog object { padding: 0; margin-bottom: 10px; max-width: 100%; } /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left } /* End Images */