/* $Id: style.css,v 1.2 2009/01/08 07:45:15 neerjasoftwares Exp $ */ /** * Garland, for Drupal 6.x * Stefan Nagtegaal, iStyledThis [dot] nl * Steven Wittens, acko [dot] net` * * If you use a customized color scheme, you must regenerate it after * modifying this file. */ /** * Generic elements */ body { padding:0px; margin:0px; background:#fff; color:#666; font:14px Georgia, "Times New Roman", Times, serif; } tr.odd td, tr.even td { padding: 0.3em; } div, p, img { padding:0px; margin:0px; } h1 { font-size: 220%; } h2 { font-size: 170%; } h3 { font-size: 150%; } h4 { font-size: 130%; } h5 { font-size: 120%; } h6 { font-size: 110%; } p { margin-top: 0.5em; margin-bottom: 0.9em; } a { color:#fff; text-decoration:none; } a:hover { text-decoration:underline; } a:link { color: #39c; } a:visited { color: #369; } fieldset { border: 1px solid #ccc; } pre { background-color: #eee; padding: 0.75em 1.5em; font-size: 12px; border: 1px solid #ddd; } table { /* make sizes relative to body size! */ font-size: 1em; } .form-item label { font-size: 1em; color: #222; } .item-list .title { font-size: 1em; color: #222; } .links { margin-bottom: 0; } .comment .links { margin-bottom: 0; } /* ** Page layout blocks / IDs */ #header, #content { width: 100%; } #header { background-color: #69c; } #logo { vertical-align: middle; border: 0; } #logo img { float: left; /* LTR */ padding: 0 1em; border: 0; } #menu { padding: 0.5em 0.5em 0 0.5em; /* LTR */ text-align: right; /* LTR */ vertical-align: middle; } #navlist { font-size: 1.0em; padding: 0 0.8em 1.2em 0; /* LTR */ color: #9cf; } #navlist a { font-weight: bold; color: #fff; } ul#navlist { margin:0px; padding:0px; } #subnavlist { padding: 0.5em 1.2em 0.4em 0; /* LTR */ font-size: 0.8em; color: #9cf; } #subnavlist a { font-weight: bold; color: #9cf; } ul.links li { } ul.links li.first { border: none; } #search .form-text, #search .form-submit { border: 1px solid #369; font-size: 1.1em; height: 1.5em; vertical-align: middle; } #search .form-text { width: 8em; padding: 0 0.5em; } #mission { background-color: #369; padding: 1.5em 2em; color: #fff; } #mission a, #mission a:visited { color: #9cf; font-weight: bold; } .site-name { margin: 0.6em 0 0; padding: 0; font-size: 2em; } .site-name a:link, .site-name a:visited { color: #fff; } .site-name a:hover { color: #369; text-decoration: none; } .site-slogan { font-size: 1em; color: #eee; display: block; margin: 0; font-style: italic; font-weight: bold; } #main { /* padding in px not ex because IE messes up 100% width tables otherwise */ padding:0 24px; } #mission, .node .content, .comment .content { line-height: 1.4em; } #help { font-size: 0.9em; margin-bottom: 1em; } .breadcrumb { margin-bottom: .5em; } .messages { background-color: #eee; border: 1px solid #ccc; padding: 0.3em; margin-bottom: 1em; } .error { border-color: red; } #sidebar-left, #sidebar-right { background-color: #ddd; width: 16em; /* padding in px not ex because IE messes up 100% width tables otherwise */ padding: 10px; vertical-align: top; } #footer { background-color: #eee; padding: 1em; font-size: 0.8em; } /* ** Common declarations for child classes of node, comment, block, box, etc. ** If you want any of them styled differently for a specific parent, add ** additional rules /with only the differing properties!/ to .parent .class. ** See .comment .title for an example. */ #main h1.title { background:url(images/page-title.jpg) no-repeat top left; padding-left:80px; padding-top:10px; color:#046cb8; font-size:45px; font-family:Arial; margin:5px 0px; } .title, .title a { color:#046cb8; font-weight:normal; } .submitted { color: #999; font-size: 0.8em; } .links { color: #999; } .links a { font-weight: bold; } .block, .box { padding: 0 0 1.5em 0; /* LTR */ } .block { padding-bottom: 0.75em; margin-bottom: 1.5em; } .block .title { margin-bottom: .25em; } .box .title { font-size: 1.1em; } .node { margin: .5em 0 2em; /* LTR */ } .sticky { padding: .5em; background-color: #eee; border: solid 1px #ddd; } .node .content, .comment .content { margin: .5em 0 .5em; } .node .taxonomy { color: #999; font-size: 0.8em; padding-left: 1.5em; /* LTR */ } .node .picture { border: 1px solid #ddd; float: right; /* LTR */ margin: 0.5em; } .comment { border: 1px solid #abc; padding: .5em; margin-bottom: 1em; } .comment .title a { font-size: 1.1em; font-weight: normal; } .comment .new { text-align: right; /* LTR */ font-weight: bold; font-size: 0.8em; float: right; /* LTR */ color: red; } .comment .picture { border: 1px solid #abc; float: right; /* LTR */ margin: 0.5em; } /* ** Module specific styles */ #aggregator .feed-source { background-color: #eee; border: 1px solid #ccc; padding: 1em; margin: 1em 0; } #aggregator .news-item .categories, #aggregator .source, #aggregator .age { color: #999; font-style: italic; font-size: 0.9em; } #aggregator .title { margin-bottom: 0.5em; font-size: 1em; } #aggregator h3 { margin-top: 1em; } #forum table { width: 100%; } #forum td { padding: 0.5em; } #forum td.forum, #forum td.posts { background-color: #eee; } #forum td.topics, #forum td.last-reply { background-color: #ddd; } #forum td.container { background-color: #ccc; } #forum td.container a { color: #555; } #forum td.statistics, #forum td.settings, #forum td.pager { height: 1.5em; border: 1px solid #bbb; } #forum td .name { color: #96c; } #forum td .links { padding-top: 0.7em; font-size: 0.9em; } #profile .profile { clear: both; border: 1px solid #abc; padding: .5em; margin: 1em 0em; } #profile .profile .name { padding-bottom: 0.5em; } .block-forum h3 { margin-bottom: .5em; } div.admin-panel .description { color: #999; } div.admin-panel .body { background: #f4f4f4; } div.admin-panel h3 { background-color: #69c; color: #fff; padding: 5px 8px 5px; margin: 0; } /*************************************************************MY CSS******************************************************************************/ #maintopPan { height:277px; background:url(images/headerbg2.gif) 0 0 repeat-x; margin:0 auto; } #topHeaderPan { width:514px; height:277px; float:left; background:url(images/header.jpg) 0 0 no-repeat; } #topHeaderPan ul { width:114px; height:124px; position:absolute; top:119px; left:16px; } #topHeaderPan ul li { background:url(images/dot-line.gif) repeat-x bottom; float:left } #topHeaderPan ul li a { display:block; width:102px; height:24px; background:url(images/bullet1.gif) 0 9px no-repeat; font:12px/24px Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; padding:0 0 0 12px; } #topHeaderPan ul li a:hover { text-decoration:underline; background:url(images/bullet2.gif) 0 9px no-repeat; } #topHeaderPan ul li.resources { width:114px; height:24px; background:none; } #topHeaderPan img { width:220px; height:53px; position:absolute; top:24px; left:24px; } /*----Top Side Menu--*/ #topSidemenuPan { width:264px; height:277px; float:left; background:url(images/right-bg.gif) 100% 0 no-repeat #fff; color:#000; } #topSidemenuPan ul { width:198px; margin:0 0 0 6px; padding:0px 10px 0px 13px; } #topSidemenuPan ul li { width:99px; height:277px; float:left; } #topSidemenuPan ul li.home { width:99px; height:277px; } #topSidemenuPan ul li.contact { width:99px; height:277px; } #topSidemenuPan ul li.home a { width:99px; height:277px; display:block; background:url(images/righttabs.jpg) no-repeat -99px 0px; text-indent:-20000px; } #topSidemenuPan ul li.home a:hover { width:99px; height:277px; background:url(images/righttabs.jpg)no-repeat; } #topSidemenuPan ul li.contact a { width:99px; height:277px; display:block; background:url(images/righttabs.jpg) no-repeat -297px; text-indent:-20000px; } #topSidemenuPan ul li.contact a:hover { width:99px; height:277px; background:url(images/righttabs.jpg) no-repeat -198px 0px; } /*----/TOP PANEL----*/ /*----BODY PANEL----*/ #bodyPan { width:778px; clear:both; } /*----Left Panel----*/ #leftPan { width:505px; float:left; } #leftPan p span { font-weight:bold; } #leftPan p.more { width:70px; height:23px; margin:0 0 0 340px; } #leftPan p.more a { width:70px; height:23px; display:block; background:url(images/icon2.gif) 0 0 no-repeat #fff; color:#589B02; font:14px/23px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; padding:0 0 0 36px; } #leftPan p.more a:hover { background:url(images/icon2.gif) 0 0 no-repeat #fff; color:#046CB8; text-decoration:none; } #leftPaninleftPan { width:270px; float:left; } #leftPaninleftPan p.strongtext { font:16px/18px Arial, Helvetica, sans-serif; background:#fff; color:#3A3A3A; font-weight:bold; padding:16px 24px 14px; } #leftPaninleftPan p.moreone { width:100px; height:23px; margin:0 0 35px; } #leftPaninleftPan p.moreone a { width:100px; height:23px; display:block; background:url(images/icon2.gif) 0 0 no-repeat #fff; color:#589B02; font:14px/23px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; padding:0 0 0 36px; } #leftPaninleftPan p.moreone a:hover { background:url(images/icon2.gif) 0 0 no-repeat #fff; color:#046CB8; text-decoration:none; } #leftPaninrightPan { width:235px; float:left; } #leftPaninrightPan h4 { width:209px; height:90px; background:url(images/image2.jpg) 0 0 no-repeat; text-indent:-2000px; margin:85px 0 0; } #leftPaninrightPan p { padding:0 0 14px; } #leftPaninrightPan p.strongtext { font:16px/18px Arial, Helvetica, sans-serif; background:#fff; color:#3A3A3A; font-weight:bold; padding:16px 24px 14px 0; } #leftPaninrightPan p span { font-weight:bold; } #leftPaninrightPan p.moretwo { width:100px; height:23px; margin:0 0 35px; } #leftPaninrightPan p.moretwo a { width:100px; height:23px; display:block; background:url(images/icon2.gif) 0 0 no-repeat #fff; color:#589B02; font:14px/23px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; padding:0 0 0 36px; } #leftPaninrightPan p.moretwo a:hover { background:url(images/icon2.gif) 0 0 no-repeat #fff; color:#046CB8; text-decoration:none; } /*----/Left Panel----*/ /*----Right Panel----*/ #rightPan { width:268px; float:left; background:url(images/rightpanbg.gif) 0 0 repeat-y; } #rightPan h2 { width:85px; height:74px; background:url(images/icon4.gif) 0 0 no-repeat #fff; color:#61A804; font:22px Arial, Helvetica, sans-serif; padding:8px 0 0 66px; text-transform:uppercase; margin:24px 0 0 0px; } #rightPan h2 span { font-size:48px; line-height:32px; background:#fff; color:#61A804; text-transform:none; } #rightPan ul { width:190px; } #rightPan ul li.dot { background:url(images/bullet.gif) 0 7px no-repeat; height:47px; padding:0 0 0 20px; font-weight:bold; } #rightPan ul li { background:none; } #rightbottomPan { background:url(images/rightbottompan.gif) left bottom no-repeat; padding:0 20px 0 20px; overflow:auto; overflow:hidden; } /*----Right Panel----*/ #footermainPan { height:168px; background:#4C4C4C; color:#fff; clear:both; } #footerPan { width:778px; float:left; position:relative; } #footerPan img { width:218px; height:52px; position:absolute; top:28px; right:30px; } #footerPan ul#subnavlist { width:359px; padding-top:38px; padding-left:53px; } #footerPan li { float:left; font:11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; } #footerPan ul li a { padding:0 5px 0; color:#fff; background:#4C4C4C; text-decoration:none; } #footerPan ul li a:hover { text-decoration:underline; } #footerPan ul.templateworld { width:158px; background:#4C4C4C; color:#fff; display:block; position:absolute; top:115px; left:56px; } #footerPan ul.templateworld li a { background:#4C4C4C; display:block; color:#fff; text-decoration:none; } #footerPan ul.templateworld li a:hover { text-decoration:underline; } #footerPan p.copyright { background:#4C4C4C; color:#79D000; font:11px/15px Tahoma, Arial, Helvetica, sans-serif; padding-left:45px; padding-top:15px; clear:both; } #footerPanhtml { width:75px; height:24px; display:block; position:absolute; top:95px; left:58px; } #footerPanhtml a { width:75px; height:24px; background:url(images/arrow1.gif) 90% 50% no-repeat #DFDFDF; display:block; font:14px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0; padding:0 0 0 5px; color:#111111; text-transform:uppercase; text-decoration:none; font-weight:bold; } #footerPanhtml a:hover { background:url(images/arrow2.gif) 90% 50% no-repeat #DFDFDF; color:#111; text-decoration:none; } #footerPancss { width:75px; height:24px; display:block; position:absolute; top:95px; left:145px; } #footerPancss a { width:75px; height:24px; background:url(images/arrow2.gif) 90% 50% no-repeat #DFDFDF; display:block; font:14px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0; padding:0 0 0 5px; color:#111111; text-transform:uppercase; text-decoration:none; font-weight:bold; } #footerPancss a:hover { background:url(images/arrow1.gif) 90% 50% no-repeat #DFDFDF; color:#111; text-decoration:none; } #topSidemenuPan li { background-image:none; list-style-type:none } #topSidemenuPan h2 { display:none } .design { font-family:Arial, Helvetica, sans-serif; font-size:11px; clear:both } #rightPan form#user-login-form ul { margin-left:19px; margin-top:6px; } #rightPan form#user-login-form ul li { padding:0px; height:20px; list-style-type:none; } #rightPan #block-user-0 h2.title { line-height:32px; } #footermainPan ul { padding:14px 30px 0px 40px; margin:0px; } #footermainPan ul li { padding:0px 0px 0px 0px; margin:0px; line-height:15px; } #footermainPan ul li a { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal } #footerPan ul#subnavlist li { border-right:1px solid #FFFFFF; } #main .breadcrumb { padding-left:10px; } #main .tabs { padding-left:10px; } #main .messages { padding-left:10px; } #main form#system-site-information-settings { padding-left:10px; } .footerlink { clear:both; padding-left:18px; padding-top:10px; } .footerlink ul li { list-style-type:none } .designby { clear:both; } .designby3 { clear:both; padding-top:5px } .footerlink .designby ul li { border-left:none; border-right:none; } .footerlink .designby3 ul li { border-left:none; border-right:none; } #block-user-1 .content ul.menu { margin-left:16px; } #block-user-1 .content ul.menu li.expanded ul.menu { margin:0px; } .primmenu { width:505px; height:20px; color:#ff0000; background-image:url(images/bg.jpg); } .primmenu ul li a { padding:0 5px 3px; } .primmenu ul li a:hover { background-color:#76c907; text-decoration:none; } div.admin .left { margin-left:0px; } #block-user-0 { margin:0px; padding-bottom:30px } #block-block-1 { margin:0px; padding:0px; }