0byt3m1n1
Path:
/
home
/
kassiope
/
OLD
/
00-OLD
/
templates
/
siteground-j15-14
/
css
/
[
Home
]
File: template.css
html { height: 100%; margin-bottom: 0px; } form { margin: 0; padding: 0; } img,table { border:none; } body { font-family: Helvetica,Arial,sans-serif; line-height: 1.3em; margin: 0px 0px 0px 0px; font-size: 12px; color: #333; } a:link, a:visited { text-decoration: none; font-weight: normal; } a:hover { text-decoration: underline; font-weight: normal; } input.button { cursor: pointer; background:none; } p { margin-top: 0; margin-bottom: 5px; text-align:justify; } /*****************************************/ /*** Template specific layout elements ***/ /*****************************************/ #page_bg { padding: 0; background: #fff url(../images/bg.jpg) top left repeat-x; margin:0; } div.center { text-align: center; margin:20px 40px 20px 40px; } div#wrapper { margin-left: auto; margin-right: auto; width:980px; } #logo { padding:46px 40px; text-align: left; } #logo a, #logo a:link, #logo a:hover { font-weight: bold; font-family: Helvetica,Arial,sans-serif; font-size: 3em; padding:0; margin:0; line-height:1.4em; color:#fefefe; text-decoration:none; } div#newsflash { width: auto; margin-left: 350px; margin-right: 30px; border: 1px solid #00f; } div#tabarea { background: url(../images/top_menu_m_bg.jpg) top left repeat-x; } div#tabarea_r { background: url(../images/top_menu_r_bg.jpg) top right no-repeat; } div#tabarea_l { background: url(../images/top_menu_l_bg.jpg) top left no-repeat; height:33px; } div#footer_r { height: 52px; overflow: hidden; } div#footer_r div { text-align: center; font-size: .90em; color: #aaa; } div#footer_r a:link, div#footer_r a:visited { color: #fff; } #pathway { padding: 0px 10px 8px; width: auto; text-align: left; } #search { float: right; width:320px; margin-top: -20px; margin-right: 20px; height: 40px; overflow: hidden; text-align:right; } #area { padding: 0; width:100%; background: transparent url(../images/leftcolumn_bg.jpg) top left repeat; } #whitebox { margin: 0; width: auto; } #whitebox div { text-align: left; } #whitebox_t { background: #ebebeb url(../images/header_top_middle.jpg) 0 0 repeat-x; } #whitebox_tl { background: url(../images/header_top_left.jpg) 0 0 no-repeat; } #whitebox_tr { height: 17px; padding:12px 0 0 0; overflow: hidden; background: url(../images/header_top_right.jpg) 100% 0 no-repeat; } #whitebox_m { width: auto; padding: 0; margin:0 8px; } #whitebox_br { height: 13px; background: url(../images/mw_content_b_r.png) 100% 100% no-repeat; } /* horizontal pill menu */ table.pill { margin-left: auto; margin-right: auto; padding: 0; } td.pill_m { padding: 0; margin: 0; width: auto; } #pillmenu { white-space: nowrap; float: left; } #pillmenu ul { margin: 0; padding: 0; list-style:none; } #pillmenu li { float: left; margin: 0; padding: 0; } #pillmenu a { font-family: Tahoma, Helvetica, sans-serif; font-size: 11px; font-weight: bold; float:left; display:block; line-height: 32px; padding: 0px 15px; color: #fefefe; text-decoration: none; } #pillmenu a:hover { color: #fff; background: transparent url(../images/top_menu_arrow.gif) top center no-repeat; } #pillmenu a#active_menu-nav { } #leftcolumn ,#rightcolumn { margin: 0; width: 200px; padding:10px; float:left; } div#maincolumn { padding:10px 0; float:left; width: 524px; } div#maincolumn_full { padding:10px 0; width: 734px; float:left; } div.nopad { padding: 0; } td.middle_pad { width: 20px; } /*****************************************/ /*** Joomla! specific content elements ***/ /*****************************************/ div.offline { background: #fffebb; width: 100%; position: absolute; top: 0; left: 0; font-size: 1.2em; padding: 5px; } span.pathway { display: block; margin: 0 20px; height: 16px; line-height: 16px; font-size:12px; overflow: hidden; } /* headers */ div.componentheading { padding-left: 0px; } h1 { padding: 0; font-family:Helvetica ,Arial,sans-serif; font-size: 1.3em; font-weight: bold; vertical-align: bottom; color: #666; text-align: left; width: 100%; } h2, .contentheading { padding: 0; font-family: Tahoma, Helvetica,sans-serif; font-size: 12px; font-weight: bold; vertical-align: bottom; color: #5076b6; text-align: left; width: 100%; } table.contentpaneopen h3 { margin-top: 25px; } h4 { font-family: Arial, Helvetica, sans-serif; color: #333; } h3, .componentheading, table.moduletable th, legend { margin: 0; font-weight: bold; font-family: Tahoma,Helvetica,Arial,sans-serif; color:#5076b6; font-size: 1.4em; padding-left: 0px; margin-bottom: 10px; text-align: left; } /* small text */ .small { font-size: .90em; color: #999; font-weight: normal; text-align: left; } .modifydate { height: 20px; vertical-align: bottom; font-size: .90em; color: #999; font-weight: normal; text-align: left; } .createdate { height: 20px; vertical-align: top; font-size: .90em; color: #999; font-weight: normal; vertical-align: top; padding-bottom: 5px; padding-top: 0px; } a.readon { margin-top: 10px; display: block; float: left; background: url(../images/mw_readon.png) top right no-repeat; padding-right: 20px; line-height: 14px; height: 16px; } /* form validation */ .invalid { border-color: #ff0000; } label.invalid { color: #ff0000; } /** overlib **/ .ol-foreground { background-color: #f6f6f6; } .ol-background { background-color: #666; } .ol-textfont { font-family: Arial, Helvetica, sans-serif; font-size: 10px; } .ol-captionfont { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #f6f6f6; font-weight: bold; } .ol-captionfont a { color: #0B55C4; text-decoration: none; font-size: 12px; } .ol-closefont {} /* menu links */ a.mainlevel:link, a.mainlevel:visited { padding-left: 5px; } a.mainlevel:hover { } /* spacers */ span.article_separator { display: block; height: 20px; } .article_column { padding-right: 5px; } .column_separator { border-left: 1px dashed #e0e0e0; padding-left: 10px; } td.buttonheading { } .clr { clear: both; } div#maindivider { border-top: 1px solid #ddd; margin-bottom: 10px; overflow: hidden; height: 1px; } table.blog span.article_separator { display: block; height: 20px; } /* table of contents */ table.contenttoc { margin: 5px; border: 1px solid #ccc; padding: 5px; } table.contenttoc td { padding: 0 5px; } /* content tables */ td.sectiontableheader { background: #efefef; color: #333; font-weight: bold; padding: 4px; border-right: 1px solid #fff; } tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td { padding: 4px; } td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 { padding: 3px; } /* content styles */ table.contentpaneopen, table.contentpane { margin: 0; padding: 0; width: auto; } table.contentpaneopen li { margin-bottom: 5px; } table.contentpaneopen fieldset { border: 0; border-top: 1px solid #ddd; } table.contentpaneopen h3 { margin-top: 25px; } table.contentpaneopen h4 { font-family: Arial, Helvetica, sans-serif; color: #333; } .highlight { background-color: #fffebb; } /* module control elements */ table.user1user2 div.moduletable { margin-bottom: 0px; } div.moduletable, div.module { margin-bottom: 25px; } div.module_menu { margin: 0; padding: 0; margin-bottom: 15px; } div.module_menu div div div { padding: 0px; padding-top: 30px; padding-bottom: 10px; width: auto; } div.module_menu div div div div { background: none; padding: 0; } div.module_menu ul { margin: 10px 0; padding-left: 10px; list-style:none; } div.module_menu ul li { margin: 0; padding: 0; } div.module_menu ul li a:link, div.module_menu ul li a:visited { font-weight: bold; background:transparent url(../images/blue/bullet2.jpg) top left no-repeat; padding:2px 0 2px 25px; line-height:24px; } #leftcolumn div.module table ,#rightcolumn div.module table { width: auto; } #leftcolumn h3, #rightcolumn h3 { margin: 0; color:#fefefe; font-weight: bold; font-family: Helvetica,Arial,sans-serif; font-size: 1.1em; background:#eeeeee; padding:2px 0 2px 10px; line-height:20px; text-align: left; background:transparent url(../images/menu_t.jpg) top left repeat-x; } #leftcolumn .moduletable_menu, #leftcolumn .moduletable, #leftcolumn .moduletable_text, #leftcolumn .c, #rightcolumn .moduletable_menu, #rightcolumn .moduletable, #rightcolumn .moduletable_text, #rightcolumn .c { margin:0 0 20px 0; padding: 3px; border:1px solid #ccc; background:#fefefe; } #leftcolumn ul.menu, #rightcolumn ul.menu { margin:0; padding:0; list-style:none; border:1px solid #ccc; border-top:none; } #leftcolumn ul.menu li, #rightcolumn ul.menu li { margin:0; padding:0; background: #f5f5f5; } #leftcolumn ul.menu li a, #leftcolumn ul.menu li a:link, #rightcolumn ul.menu li a, #rightcolumn ul.menu li a:link { display:block; line-height:20px; background:#f5f5f5 url(../images/menu_link_bg.gif) left no-repeat; padding:2px 20px; border-top:1px solid #dddddd; text-decoration:none; color:#5076b6; } #leftcolumn ul.menu li a:hover, #rightcolumn ul.menu li a:hover { background:#eeeeee url(../images/menu_link_bg.gif) left no-repeat; color:#666666; } /* ****** left col current menu ****** */ #leftcolumn ul.menu li#current a, #leftcolumn ul.menu li#current a:link, #rightcolumn ul.menu li#current a, #rightcolumn ul.menu li#current a:link { display:block; line-height:20px; background:#f5f5f5 url(../images/menu_curren_link_bg.gif) left no-repeat; padding:2px 20px; border-top:1px solid #dddddd; text-decoration:none; color:#ff8800; } #leftcolumn ul.menu li#current a:hover, #rightcolumn ul.menu li#current a:hover { background:#eeeeee url(../images/menu_curren_link_bg.gif) left no-repeat; color:#666666; } /* ****** left col sub menu ****** */ #leftcolumn ul.menu li ul, #rightcolumn ul.menu li ul { margin:0; padding:0 0 0 0px; list-style:none; } #leftcolumn ul.menu li#current ul li a, #leftcolumn ul.menu li#current ul li a:link, #rightcolumn ul.menu li#current ul li a, #rightcolumn ul.menu li#current ul li a:link { background:#f5f5f5 url(../images/menu_sub_link_bg.gif) left no-repeat; text-decoration:none; color:#5076b6; padding:2px 25px; } #leftcolumn ul.menu li#current ul li a:hover, #rightcolumn ul.menu li#current ul li a:hover { background:#f5f5f5 url(../images/menu_sub_link_bg.gif) left no-repeat; color:#666666; } /* forms */ #leftcolumn .moduletable ul, #rightcolumn .moduletable ul { margin:6px 0; padding:0; list-style:none; } #leftcolumn .moduletable ul li, #rightcolumn .moduletable ul li { margin:0; padding:0 2px; } table.adminform textarea { width: 540px; height: 400px; font-size: 1em; color: #000099; } div.search input { width: 145px; border: 1px solid #ccc; margin: 15px 0 10px 0; } form#form-login fieldset { border: 0 none; margin: 0em; padding: 0.2em;} form#form-login ul { padding-left: 20px; } /* thumbnails */ div.mosimage { margin: 5px; } div.mosimage_caption { font-size: .90em; color: #666; } div.caption { padding: 0 10px 0 10px; } div.caption img { border: 1px solid #CCC; } div.caption p { font-size: .90em; color: #666; text-align: center; } /* Parameter Table */ table.paramlist { margin-top: 5px; } table.paramlist td.paramlist_key { width: 128px; text-align: left; height: 30px; } table.paramlist td.paramlist_value { } div.message { font-family : "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; font-size : 14px; color : #c30; text-align: center; width: auto; background-color: #f9f9f9; border: solid 1px #d5d5d5; margin: 3px 0px 10px; padding: 3px 20px; } /* Banners module */ /* Default skyscraper style */ .bannergroup { } .banneritem { } /* Text advert style */ .banneritem_text { padding: 4px; font-size: 11px; } .bannerfooter_text { padding: 4px; font-size: 11px; background-color: #F7F7F7; text-align: right; } /* System Messages */ /* see system general.css */ .pagination span { padding: 2px; } .pagination a { padding: 2px; } /* Polls */ .pollstableborder td { text-align: left; } /* Frontend Editing*/ fieldset { border: 1px solid #ccc; margin-top: 15px; padding: 15px; } legend { margin: 0; padding: 0 10px; } td.key { border-bottom:1px solid #eee; color: #666; } /* Tooltips */ .tool-tip { float: left; background: #ffc; border: 1px solid #D4D5AA; padding: 5px; max-width: 200px; } .tool-title { padding: 0; margin: 0; font-size: 100%; font-weight: bold; margin-top: -15px; padding-top: 15px; padding-bottom: 5px; background: url(../../system/images/selector-arrow.png) no-repeat; } .tool-text { font-size: 100%; margin: 0; } /* System Standard Messages */ #system-message dd.message ul { background: #C3D2E5 url(../../images/notice-info.png) 4px center no-repeat;} /* System Error Messages */ #system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;} /* System Notice Messages */ #system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;} /* ****************************************************************************** */ /* blue */ input,button { border:1px solid #dcdcdc; background:transparent; } /* blue */ a:link, a:visited { color: #5076b6; } a:hover { color: #0b3768; } #pillmenu a#active_menu-nav { color: #fff; background: transparent url(../images/top_menu_arrow.jpg) top center no-repeat; } #pillmenu a#active_menu-nav:hover { color: #fff; background: transparent url(../images/top_menu_arrow.gif) top center no-repeat; } h3, .componentheading, table.moduletable th { color: #5076b6; } div.module_menu { background: url(../images/blue/module_mright_bg.jpg) 100% 100% no-repeat; } div.module_menu div { background: url(../images/blue/module_mleft_bg.jpg) 0 100% no-repeat; } div.module_menu div div { background: url(../images/blue/module_right_bg.jpg) 100% 0 no-repeat; } div.module_menu div div div { background: url(../images/blue/module_left_bg.jpg) 0 0 no-repeat; } /* ********************************************************************************* */ /* blue */ div#wrapper { background: url(../images/left_shadow.jpg) 0 0 repeat-y; } div#wrapper_r { background: url(../images/right_shadow.jpg) 100% 0 repeat-y; } div#header { background: #5076b6 url(../images/header_top_middle_shadow_bg.jpg) bottom left repeat-x; height:164px; } div#header_r { background: transparent url(../images/header_r_bg.jpg) top right no-repeat; height:164px; } div#header_l { background: transparent url(../images/header_l_bg.jpg) top left no-repeat; height:164px; } div#logo_bg { background: transparent url(../images/logo.jpg) top center no-repeat; height:164px; } div#logo_bg div { text-align: center; } div#footer { background: url(../images/footer_m_bg.jpg) 0 100% repeat-x; } div#footer_l { background: url(../images/footer_l_bg.jpg) 0 0 no-repeat; } div#footer_r { background: url(../images/footer_r_bg.jpg) 100% 0 no-repeat; } /* ********************************************************************** */ input[type="checkbox"], input[type="radio"]{ background: transparent; border: none; } /* -------------------------- */ a.sgfooter:link, a.sgfooter:visited { color : #2861a4; font-family: Arial,sans-serif; text-decoration:none; } a.sgfooter:hover { color: #2861a4; font-family: Arial,sans-serif; text-decoration:none; } #sgf { font-size: 11px; text-align:center; width:100%; margin:0px auto; color: #2861a4; font-family: Arial,sans-serif; } .sgf { text-align:right; font-size: 11px; font-family: Arial,sans-serif; color: #2861a4; text-decoration:none; } .sgf1 { font-size: 11px; font-family: Arial,sans-serif; color: #2861a4; text-align:left; } a.sglink:link, a.sglink:visited { color : #2861a4; font-size : 11px; font-family: Arial,sans-serif; text-decoration:none; } a.sglink:hover { color : #2861a4; font-family: Arial,sans-serif; text-decoration:none; }