Хочется убрать ужастный серый фон и сделать сайт светлее демо: http://templates.joomlart.com/ja_ores/
Исходник temple.css /* COMMON STYLE --------------------------------------------------------- */ body { background: #fff; color: #333; font-family: Helvetica, Arial, sans-serif; line-height: 1.5; } body#bd { background: #151515; color: #969696 } body.fs1 { font-size: 10px; } body.fs2 { font-size: 11px; } body.fs3 { font-size: 12px; } body.fs4 { font-size: 13px; } body.fs5 { font-size: 14px; } body.fs6 { font-size: 15px; } /* Normal links ---*/ a { color: #fda40a; text-decoration: none; } a:hover, a:active, a:focus { text-decoration: underline; } /* Readon links ---*/ a.readon { padding: 0; text-decoration: none; color: #757575; } .ja-readon a.readon { padding: 0 10px; } a.readon:hover, a.readon:active, a.readon:focus { color: #fda40a; text-decoration: none !important; } /* Content spacing ---*/ .column p, .column pre, .column blockquote, .column h1, .column h2, .column h3, .column h4, .column h5, .column h6, .column ol, .column ul { margin: 10px 0; padding: 0; } /* Headings & Titles ---*/ h1 { font-size: 180%; } h2 { font-size: 200%; } h3 { font-size: 200%; } h4 { font-size: 100%; text-transform: UPPERCASE; } h5 { font-size: 100%; } .contentheading, .componentheading, h1, h2, h3, h4, h5 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; line-height: 1.2; } h1.componentheading, div.componentheading { color: #fff; margin: 0; } div.componentheading { line-height: 32px; } h1.componentheading span { font-size: 100%; font-weight: normal; } .componentheading { font-size: 200%; font-weight: normal; } h2.contentheading, .contentheading { margin: 0; padding: 0; } .contentheading { font-size: 200%; } h2.contentheading { color: #fff; margin-top: 10px; font-weight: 500; } .blog h2.contentheading { margin-top: 0px; } a.contentpagetitle { font-weight: normal; color: #fff; text-decoration: none; } a.contentpagetitle:hover, a.contentpagetitle:active, a.contentpagetitle:focus { color: #fda40a; } .category { font-size: 110%; font-weight: bold; } /* Small text ---*/ small, .small, .smalldark, .modifydate, .img_caption, .contenttoc, p.site-slogan, a.readon, .ja-navhelper, #ja-footer { font-size: 92%; } small, .small { color: #999; } .smalldark { text-align: left; } /* List ---*/ .column ul li { background: url(../images/bullet3.gif) no-repeat 20px 7px; line-height: 160%; overflow: hidden; padding-left: 30px; } .column ol li { line-height: 180%; margin-left: 30px; } /* Others ---*/ th { font-weight: bold; padding: 5px; text-align: left; } td { font-size: 100%; padding: 5px; } fieldset { border: none; padding: 10px 5px; } fieldset a { font-weight: bold; } fieldset.input { padding: 0; } hr { border-bottom: 0; border-left: 0; border-right: 0; border-top: 1px solid #353535; height: 1px; } /* FORM --------------------------------------------------------- */ form label { cursor: pointer; } input, select, textarea, .inputbox { background: #151515; border: 1px solid #303030; color: #ccc; font-size: 100%; font-family: Helvetica, Arial, sans-serif; padding: 5px; vertical-align: middle; } select { background: #151515; color: #999; } #frm_login input, #frm_login .inputbox, .contentpane input, .contentpane .inputbox { background: #fff !important; border: 1px solid #ccc; color: #101010; } #frm_login .button, .contentpane .button{ background: url(../images/grad4.gif) repeat-x left top !important; border:1px solid #CCCCCC; color:#101010; } #contact_text { width: 500px; } .contentpane .button { margin-left: 0px; margin-right: 5px; } .contentpane .button:hover, .contentpane .button:focus{ color: #444; } .inputbox { } .inputbox:hover, .inputbox:focus {} .button { background: url(../images/grad1.gif) repeat-x top #333; border: 1px solid #333; color: #ccc; font-size: 100%; padding: 5px 10px; text-transform: uppercase; cursor: pointer; margin-left: 5px; vertical-align: middle; line-height: 15px; } .button:hover, .button:focus { background: #333; border: 1px solid #999; color: #fff; } .checkbox { } .radio { margin: 0 5px; } input[type="radio"], input[type="checkbox"] { background-color: transparent !important; border: 0; } /* Cpanel */ .button-cpanel-switcher { clear: both; } .ja-cpanel-switcher { position: absolute; top: 0; right: 10px; color: #757575; width: 22px; height: 22px; text-decoration: none; font-size: 95%; font-weight: bold; text-indent: -5000px; } #ja-cpanel a { outline: none; } .hide { background: url(../images/cpanel-hide.png) no-repeat center center; } .show { background: url(../images/cpanel-show.png) no-repeat center center; } #ja-cpanel { background-color: #000; border-bottom: 1px solid #303030; } #ja-cpanel .main { position: static !important; } .cpanel-top .hide { background: url(../images/cpanel-hide.png) no-repeat center center; } .cpanel-top .show { background: url(../images/cpanel-show.png) no-repeat center center; } /* ja-cpanel Login */ #ja-login { float: left; margin-top: 8px; } #ja-login form { font-size: 90%; color: #fff; } #ja-login form a { color: #999; text-decoration: none; } #ja-login form a:hover { color: #fff; text-decoration: underline; } #ja-login form .inputbox { border: 1px solid #353535; width: 150px; font-weight: normal; padding: 3px 5px; } #ja-login form p, #ja-login form ul li, #ja-login fieldset { float: left; } #ja-login fieldset { padding: 0; } #ja-login form ul { float: left; padding-left: 10px; padding-top: 2px; } #ja-login form #form-login-password label, #ja-login form #form-login-username label, #ja-login #form-login-remember, #ja-login br { display: none; } #ja-login #form-login p { margin: 0 10px 0 0; padding: 0; } #remember, #modlgn_remember { vertical-align: middle !important; width: auto !important; border: 0px !important; margin: 0px !important; padding: 0px !important; background-color: transparent !important; } #ja-login form fieldset .button { background: url(../images/button-bg.gif) repeat-x left bottom; border: 1px solid #333; color: #333; font-weight: bold; margin: 0; cursor: pointer; } #ja-login form fieldset .button:hover, #ja-login form fieldset .button:focus { color: #fda40a; } #ja-login form ul li { margin-right: 10px; } #ja-login div { float: left; margin-right: 10px; line-height: 25px; } #ja-login #form-login div .button { margin: 0px; } /*usertools*/ #ja-usertools { position: absolute; top: 88px; } div#ja-usercolors { float: right; padding: 14px 10px 0 0; } #ja-usertools ul, #ja-usercolors ul { margin: 0; padding: 0; display: inline; } #ja-usertools ul li, #ja-usercolors ul li { margin: 0; padding: 0 2px; float: left; background: none; } /* Login ---*/ .login_form fieldset { padding: 15px 0 0; } .login_form fieldset p { margin: 0 0 5px; } .login_form label { font-weight: bold; text-align: right; display: block; float: left; width: 130px; } .login_form .inputbox { margin-left: 10px; width: 150px; } .login_form .remember .inputbox { width: 20px; } .login_form .button { margin-left: 140px; } /* Register ---*/ .form-register fieldset { padding: 0 0 10px; } .form-register p { margin: 0 0 5px; } .form-register p.form-des { margin: 15px 0; } .form-register label { font-weight: bold; text-align: right; display: block; float: left; width: 130px; } .form-register .inputbox { margin-left: 10px; width: 200px; } .form-register .button { margin-left: 140px; } /* User ---*/ .user-details { padding: 10px 0; } .user-details p { margin: 0 0 5px; } .user-details label { font-weight: bold; text-align: right; display: block; float: left; width: 130px; } .user-details .inputbox { margin-left: 10px; width: 200px; } .user-details .button { margin-left: 140px; } .user-details .paramlist .paramlist_key { width: 130px !important; padding: 0 0 5px !important; } .user-details .paramlist .paramlist_value { padding: 0 0 5px !important; } .user-details .user_name span { padding-left: 10px; font-weight: bold; } /* Search ---*/ form#searchForm { border-top: 1px solid #353535; padding: 15px 0; } .searchintro { border-bottom: 1px solid #353535; } .results h4 { text-transform: none; font-size: 110%; margin: 15px 0 0; } .results p { margin: 0 0 10px; } /* Contact ---*/ #component-contact address { font-style: normal; } #component-contact #emailForm { border-top: 1px solid #252525; padding-top: 15px; } .contact_email { margin: 0 0 10px; } .contact_email label { font-weight: bold; display: block; } .contact_email_checkbox { margin: 15px 0; } #component-contact img { float: right; } #component-contact table img { float: none; } /* JOOMLA STYLE --------------------------------------------------------- */ /* Blog style ---*/ #ja-blog-style { padding-top: 10px; } #ja-blog-style .article-contentwrap { width: 65%; float: left; } #ja-blog-style .article-meta { width: 100%; } #ja-blog-style .article-tools { background: url(../images/arrow-l.gif) no-repeat -12px 10px; clear: none; float: right; padding-left: 35px; width: 25%; } #ja-blog-style span.createdate, #ja-blog-style span.createby, #ja-blog-style span.article-section { text-transform: none; display: block; clear: both; } #ja-blog-style span.createdate strong, #ja-blog-style span.createby strong, #ja-blog-style span.article-section strong { color: #c5c5c5; } #ja-blog-style .article-tools .totalcomment { padding: 5px 0; clear: both; text-transform: none; } #ja-blog-style .article-tools .totalcomment a { background: none !important; padding-left: 0 !important; } #ja-blog-style .article-tools .buttonheading { clear: both; float: left; margin-top: 7px; } #ja-blog-style .article-tools .buttonheading img { float: left; } #ja-blog-style img.caption { margin-top: 0; } /* Date typo ---*/ #ja-blog-style .createdate-icon { margin-bottom: 5px; display: block; } #ja-blog-style .createdate-icon .ja-date, #ja-blog-style .createdate-icon .ja-month, #ja-blog-style .createdate-icon .ja-year { font-family: Georgia, "Times New Roman", Times, serif; text-shadow: 1px 1px 0 #000; } #ja-blog-style .createdate-icon .ja-date { background: url(../images/date-sep.gif) no-repeat right bottom; font-size: 45px; float: left; margin-right: 8px; padding-right: 8px; line-height: 100%; } #ja-blog-style .createdate-icon .ja-month, #ja-blog-style .createdate-icon .ja-year { display: block; font-size: 170%; float: left; line-height: 100%; } #ja-blog-style .createdate-icon .ja-month { margin-top: 10px; } /* Layout Deco ---*/ .blog { padding: 0px; } .article_separator, .leading_separator, .row_separator, .column_separator { display: none; } .leading { padding-bottom: 10px; padding-top: 10px; } .article_row { border-bottom: 1px solid #252525; padding-bottom: 15px; } .article_column { } .column_separator { padding: 0 25px; } /* Meta ---*/ .article-tools { clear: both; color: #999; display: block; line-height: normal; margin: 10px 0 5px; padding: 0; position: relative; text-transform: uppercase; font-size: 92%; } .article-content ul li p { margin: 0px; } .article-meta { float: left; padding: 0; width: 70%; } .article-section, .article-category { color: #999; } .createby { padding: 3px 3px 3px 0; } .createdate { padding: 3px 3px 3px 0; } .modifydate { color: #999; display: block; margin: 10px 0; } .content_rating { font-weight: bold; } .content_rating img { margin: 0 0 0 5px; vertical-align: middle } .content_vote { font-weight: bold; } .contentdescription { border-bottom: 1px solid #353535; display: block; padding: 10px 15px; } .contentdescription p { margin: 0; } .buttonheading { float: right; } .buttonheading img { border: 0; float: right; margin: 0 5px 0 0; } /*Inline images ---*/ p.img_caption { clear: both !important; } .img_caption.left { margin: 5px 20px 15px 0; color: #999; } .caption { border: 1px solid #252525; padding: 4px; background-color: #151515; } .img_caption p { color: #969696; margin: 0; padding: 1px 0; text-align: center; } /* Tables ---*/ .sectiontableheader { background: #151515; border: 1px solid #444; color: #fff; padding: 5px; border-top: 1px solid #353535; border-bottom: 1px solid #353535; text-transform: uppercase; } .sectiontableheader a, .sectiontableheader a:hover, .sectiontableheader a:focus, .sectiontableheader a:active { color: #fff; } .sectiontableentry, .sectiontableentry0, .sectiontableentry1, .sectiontableentry2 { border-bottom: 1px solid #252525; padding: 5px 5px 6px; } .sectiontableentry:hover, .sectiontableentry0:hover, .sectiontableentry1:hover, .sectiontableentry2:hover { background-color: #101010; } .sectiontableentry2 { background-color: #202020; } table.contentpane, table.tablelist { width: 100%; margin-top: 20px; } table.contentpaneopen { border: none; border-collapse: collapse; border-spacing: 0; } /* Content Toc */ table.contenttoc { border: 1px solid #252525; float: right; margin: 0 0 10px 12px; padding: 0; width: 30%; } table.contenttoc a { color: #c5c5c5; } table.contenttoc td { border-bottom: 1px dotted #444; padding: 5px 10px; } table.contenttoc th { background: #101010; border-bottom: 1px solid #252525; padding: 5px 10px; text-transform: uppercase; } /* Poll */ div.poll { padding: 15px 0; } form#poll { border-bottom: 1px dotted #444; font-weight: bold; margin-bottom: 10px; padding-bottom: 10px; } dl.poll { border-bottom: 1px dotted #444; font-size: 92%; margin-bottom: 10px; padding-bottom: 10px; } dl.poll dt, dl.poll dd { float: left; } dl.poll dt { clear: left; width: 100px; } dl.poll dd { clear: right; } table.pollstableborder { border: none; padding: 0; text-align: left; width: 100%; } table.pollstableborder img { vertical-align: baseline; } table.pollstableborder td { font-weight: bold; padding: 5px !important; } table.pollstableborder tr.sectiontableentry0 td, table.pollstableborder tr.sectiontableentry1 td { background: #151515; font-weight: normal; } /* Search */ table.searchintro { padding: 10px 0; width: 100%; } table.searchintro td { padding: 5px !important; } /* Misc. */ table.contentpaneopen, table.contentpane, table.blog { width: 100%; } /* Pagination ---*/ ul.pagination { margin: 10px 0; } ul.pagination li { background: none; display: inline; margin: 0; padding: 0; overflow: hidden; } ul.pagination li span { padding: 3px 5px; line-height: 15px; } ul.pagination a { background: url(../images/grad7.gif) repeat-x left bottom #1c1c1c; border: 1px solid #282828; color: #999; line-height: 15px; padding: 3px 7px; text-decoration: none; } ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus { border: 1px solid #303030; color: #fff; text-decoration: none; } .sortby { font-size: 92%; margin: 10px 0 5px; } .sortby .filter, .sortby .display { float: left; width: 40%; } .sortby .display { float: right; text-align: right; } .pagenavbar { font-weight: bold; } .pagenavcounter { margin: 15px 0 !important; text-align: center; } .counter { float: right; line-height: 1; margin: 15px 0 !important; text-align: right; width: 24%; } .counter span { background: #fda40a; border: 1px solid #fda40a; color: #fff; padding: 1px 5px; } .blog_more { border-bottom: 1px solid #252525; padding: 15px 0 5px; } .blog_more h2 { font-size: 100%; margin: 0 0 5px; text-transform: uppercase; } .blog_more ul li { background: url(../images/bullet.gif) no-repeat 5px 6px; padding-left: 15px; } div.back_button a, div.back_button a:hover, div.back_button a:active { display: block; margin: 10px 0; } /* Messages ---*/ #system-message dd.message ul, #system-message dd.error ul, #system-message dd.notice ul { margin: 0; padding: 0; } #system-message dd.message ul li, #system-message dd.error ul li, #system-message dd.notice ul li { background: none; color: #fff; margin: 0; padding: 5px; } /* System Standard Messages */ #system-message dd.message ul { background: #fda40a; border: 0; } /* System Error Messages */ #system-message dd.error ul { background: #fda40a; border: 0; } /* System Notice Messages */ #system-message dd.notice ul { background: #333; border: 0; }
/* Tooltips --- */ .tool-tip { background: #ffffcc; border: 1px solid #D4D5AA; float: left; max-width: 300px; padding: 5px; z-index: 1000; } .tool-title { background: url(../../system/images/selector-arrow.png) no-repeat; font-size: 100%; font-weight: bold; margin: 0; margin-top: -15px; padding: 0; padding-bottom: 5px; padding-top: 15px; } .tool-text { font-size: 100%; margin: 0; } .hasTip img { border: none; margin: 5px 5px 0 0; } .contentpaneopen_edit img { vertical-align: middle; } .contentpaneopen_edit { padding-left: 10px; } /* MODULE STYLES --------------------------------------------------------- */ div.ja-moduletable h3, div.moduletable h3 { background: url(../images/icon-line-grey.gif) no-repeat left bottom; padding: 0; color: #fff; padding-bottom: 10px; font-size: 200%; font-weight: normal; } div.moduletable_havecolor h3 { background: url(../images/icon-line-color.gif) no-repeat left bottom; } div.ja-moduletable h3 span { } div.ja-moduletable, div.moduletable { margin-bottom: 5px; position: relative; overflow: hidden; } div.ja-moduletable .ja-box-ct, div.moduletable .ja-box-ct { } /* Override moduletable for inset1 and inset2 ---*/ .ja-inset1 div.ja-moduletable h3, .ja-inset1 div.moduletable h3, .ja-inset2 div.ja-moduletable h3, .ja-inset2 div.moduletable h3 { background: url(../images/dot.gif) repeat-x left bottom #f8f8f8; padding: 0 20px; } .ja-inset1 div.ja-moduletable h3 span, .ja-inset1 div.moduletable h3 span, .ja-inset2 div.ja-moduletable h3 span, .ja-inset2 div.moduletable h3 span { margin: 0; } .ja-inset1 div.ja-moduletable, .ja-inset1 div.moduletable, .ja-inset2 div.ja-moduletable, .ja-inset2 div.moduletable { background: none; border-top: 1px solid #252525; } .ja-inset1 div.ja-moduletable:first-child, .ja-inset1 div.moduletable:first-child, .ja-inset2 div.ja-moduletable:first-child, .ja-inset2 div.moduletable:first-child { border-top: 0; } .ja-inset1 div.ja-moduletable .ja-box-ct, .ja-inset1 div.moduletable .ja-box-ct, .ja-inset2 div.ja-moduletable .ja-box-ct, .ja-inset2 div.moduletable .ja-box-ct { border: 0; margin: 0; padding: 0; } /* Moduletable nopadding ---*/ div.moduletable_nopadding .ja-box-ct { } /* Moduletable highlight ---*/ div.moduletable_hilite h3 { color: #fda40a; } div.moduletable_hilite h3 span { border-color: #fda40a; } /* Search module ---*/ div.moduletable_search { } div.moduletable_search .ja-box-ct { padding: 0; } div.moduletable_search .inputbox_search { background: url(../images/icon-search.gif) no-repeat right center #fff; border: 0px; margin: 0; padding: 6px 35px 6px 8px; width: 75%; } /* Badge Module ---*/ .badge { height: 46px; position: absolute; right: 0; top: 0; width: 45px; background-image: url(../images/icon-badge.png); background-repeat: no-repeat; } .badge-hot .badge { background-position: 0 0; } .badge-new .badge { background-position: 0 -46px; } .badge-pick .badge { background-position: 0 -92px; } .badge-top .badge { background-position: 0 -138px; } #ja-left .moduletable_badge span.badge { display: none; } /* Search Module ---*/ #ja-search { margin: 45px 15px 0 0; float: right; } #ja-search label { display: none; } #ja-search .inputbox { width: 200px; border-top: 1px solid #151515; border-left: 1px solid #151515; border-right: 1px solid #202020; border-bottom: 1px solid #202020; padding: 7px 10px; color: #757575; background-color: #303030; } #ja-search .inputbox:hover, #ja-search .inputbox:focus { } #ja-search .button { background: url(../images/but-bg.gif) repeat-x left bottom #202020; border: 1px solid #151515; font-family: Helvetica, Arial, sans-serif; margin-left: 5px; text-transform: none; font-weight: bold; } /* Login Module ---*/ #form-login-username .inputbox, #form-login-password .inputbox { background-position: 5px center; background-repeat: no-repeat; font-weight: bold; } #form-login-username .inputbox, #form-login-password .inputbox { width: 90%; } #form-login ul { margin: 0 !important; padding: 0; } #form-login p { margin: 0 0 5px; } #form-login .button { margin: 10px 0; } /* Poll Module ---*/ h4.poll-title { margin: 0; padding: 0; } a.poll-result { font-size: 92%; text-transform: uppercase; } form.poll input { border: 0px; background-color: transparent; } form.poll .button { margin-right: 5px; border-width: 1px; border-style: solid ; border-color: #303030; } /* Advertisement ---*/ div.bannergroup_text div.banneritem_text { border-bottom: 1px solid #252525; padding: 5px 0 20px } div.bannergroup_text div.firstitem { border-top: 0px; } div.bannergroup_text div.bannerheader, div.bannergroup_text div.bannerfooter_text a { color: #999; font-size: 92%; } div.bannergroup_text div.bannerfooter_text { padding: 5px 0 0; text-align: right; } div.bannergroup { margin-bottom: 10px; } .moduletable_blank { background: none !important; margin: 0; padding: 0; } .moduletable_blank .ja-box-ct { border: 0 !important; margin: 0 !important; padding: 10px 0 !important; } /* Module list ---*/ div.ja-moduletable ul, div.ja-module ul { margin: 0; } div.ja-moduletable ul li, div.ja-module ul li { background-position: 0px 8px; padding-left:10px; } /* MAIN LAYOUT DIVS --------------------------------------------------------- */ .wrap { } .main { } .ja-box { padding-bottom: 10px; padding-top: 15px; } #ja-wrapper { overflow: hidden; } #ja-container { position: relative; z-index: 5; border-top: 1px solid #252525; border-bottom: 1px solid #252525; background-color: #1c1c1c; padding: 20px 0; } /* 3 Columns - Classic Layout ---*/ #ja-container .ja-l1r1 { background: url(../images/dot.gif) 32% top repeat-y; } .ja-l1r1 h1{ } /* Full */ #ja-container {} /* Full left */ #ja-container .ja-r1 { } #ja-container.ja-r1 .main { background: url(../images/grad5.gif) 715px 0% repeat-y; } #ja-container.ja-r1 #ja-main .inner { padding-right: 45px; } /* Full right */ #ja-container .ja-l1 {} /* Mass ---*/ .ja-mass-top {} .ja-mass-top .ja-moduletable, .ja-mass-top .ja-module { margin-left: 0; margin-right: 0; } .ja-mass-bottom {} .ja-mass-bottom .ja-moduletable, .ja-mass-bottom .ja-module { margin-left: 0; margin-right: 0; } /* MAIN COLUMN --------------------------------------------------------- */ #ja-mainbody {} #ja-main { } #ja-main .inner { } #ja-contentwrap.ja-r1 { background: url(../images/dot.gif) 67% top repeat-y; } #ja-contentwrap.ja-l1 { background: url(../images/dot.gif) 33% top repeat-y; } #ja-mainbody { } #ja-main { } /* Content Top ---*/ .ja-content-top { } .ja-content-top .ja-moduletable, .ja-content-top .ja-module { margin-left: 0; margin-right: 0; } /* Content Main ---*/ .ja-content-main { padding: 0; } /* Content Bottom ---*/ .ja-content-bottom { } .ja-content-bottom .ja-moduletable, .ja-content-bottom .ja-module { margin-left: 0; margin-right: 0; } /* @end */ /* SIDE COLUMNS --------------------------------------------------------- */ .ja-colswrap { } .ja-col { } /* Left Columns ---*/ #ja-left .ja-l2 { } /* Right Columns ---*/ #ja-right .ja-r2 { } /* HEADER --------------------------------------------------------- */ #ja-header { background-color: #202020; border-bottom: 1px solid #151515; } #ja-header .main { height: 95px; position: relative; } h1.logo, div.logo-text h1 { font-size: 250%; line-height: 1; } h1.logo, div.logo-text { float: left; z-index: 1; } /* Logo Image ---*/ h1.logo { margin: 30px 0 0 15px; } h1.logo a { background: url(../images/logo.png) no-repeat left; display: block; height: 43px; width: 128px; } h1.logo a span { position: absolute; top: -1000px; } /* Logo Text ---*/ div.logo-text { margin-top: 8px; } div.logo-text h1 a { color: #fda40a; font-weight: bold; letter-spacing: 1px; text-decoration: none; } p.site-slogan { background: #444; color: #999; display: block; font-size: 85%; letter-spacing: 1px; margin: 8px 0 0; padding: 0 5px; text-align: center; text-transform: uppercase; } /* NAVIGATION --------------------------------------------------------- */ /* Main Nav ---*/ #ja-mainnav { line-height: 1; position: relative; z-index: 1000; float: right; background: url(../images/mainnav-bg.gif) left top repeat-x; border-bottom: 1px solid #000; } span.has-image { padding: 0 0 0 25px; display: block; overflow: hidden; background-repeat: no-repeat; background-position: 0px 0px; } span.menu-title { display: block; } span.menu-desc { display: block; font-weight: normal; font-size: 92%; color: #999; } /* Sub Nav ---*/ #ja-subnav { position: relative; z-index: 999; background-color: #101010 } #ja-subnav .main { line-height: 1; z-index: 10; } #ja-subnav ul { background: #101010; overflow: hidden; padding: 8px 0; } #ja-subnav ul.active {} #ja-subnav li { background: none; border-left: 1px dotted #444; display: block; float: left; padding: 0 15px 0 15px; } #ja-subnav li.first-item { border-left: 0; } #ja-subnav ul li a { color: #757575; display: block; text-decoration: none; cursor: pointer; } #ja-subnav ul li a span.has-image { font-size: 100%; } #ja-subnav ul li a:hover { color: #C5C5C5; } #ja-subnav ul li.active a, #ja-subnav ul li.active a:hover, #ja-subnav ul li.active a:active, #ja-subnav ul li.active a:focus { color: #C5C5C5; } #ja-subnav ul li.active li a, #ja-subnav ul li.active li a:hover, #ja-subnav ul li.active li a:active, #ja-subnav ul li.active li a:focus { color: #757575; } #ja-subnav ul.active li a { } #ja-subnav ul.active li a:hover { color: #C5C5C5; } #ja-subnav ul li.empty { visibility: hidden } /* Sub Nav (lv2) ---*/ #ja-subnav ul li ul { background-color: #101010; border: 1px solid #202020; display: block; height: auto; left: -999em; padding: 0; position: absolute; overflow: visible; } #ja-subnav ul li.hover ul { display: block; height: auto; left: auto; position: absolute; margin-top: 7px; } #ja-subnav li li { padding: 0; margin: 0; width: 14.9em; } #ja-subnav ul li.haschild a.haschild { background: url(../images/arrow-01.png) no-repeat right 3px; padding-right: 12px; } #ja-subnav ul li.haschild a.haschild:hover { background: url(../images/arrow3.png) no-repeat right center; } #ja-subnav ul li.haschild li a.haschild, #ja-subnav ul li.haschild li a.haschild:hover { background: url(../images/arrow-01.png) no-repeat 94% center; } #ja-subnav ul li ul li { border-bottom: 1px solid #202020; border-left: 0; display: block; float: none; text-align: left; color: #757575; position: relative; } #ja-subnav ul li ul li.last-item { border-bottom: 0; } #ja-subnav ul li ul li a { padding: 0 15px; background: none; color: #757575; line-height: 20px; } #ja-subnav ul li ul li a span.menu-title { padding-top: 3px; padding-bottom: 3px; } #ja-subnav ul li ul li a:hover { color: #C5C5C5 !important; background-color: #222 !important; } #ja-subnav ul li ul li a.active { color: #C5C5C5 !important; } #ja-subnav ul ul, #ja-subnav ul ul li { z-index: 99; } #ja-subnav ul ul ul, #ja-subnav ul ul ul li { z-index: 9999; } #ja-subnav ul ul ul { position: absolute; margin-left: 13em; top: 0; background-color: #fff; } #ja-subnav ul li.hover ul ul { display: none; } #ja-subnav ul ul li.hover ul { display: block; left: auto; } /* JA Slideshow ---*/ #ja-slideshow { background: url(../images/shadow-top.png) repeat-x left top #FB8819; } #ja-slideshow-inner1 { background: url(../images/shadow-bot.png) repeat-x left bottom; } #ja-slideshow-inner2 { background: url(../images/slideshow-bg.png) left bottom no-repeat; } #ja-slideshow .main { } #ja-slideshow .jac_links { display: none; } .ja-vertical_right { padding: 25px 0; } .ja-slide-thumbs, .ja-slide-thumbs-handles { top: 25px !important; } /* Breadcrumbs ---*/ .ja-navhelper { background-color: #151515; border-top: 1px solid #101010; border-bottom: 1px solid #101010; } .ja-navhelper .main { padding: 8px 0; } .ja-navhelper a { padding: 0 2px; color: #fda40a; text-decoration: none; } .ja-navhelper a:hover, .ja-navhelper a:active, .ja-navhelper a:focus { color: #fff; text-decoration: none; background-color: #fda40a;} .ja-breadcrums { float: left; margin-top: 2px; width: 80%; } .ja-breadcrums strong { margin-right: 5px; } .ja-breadcrums img { margin: 1px 5px; } .pathway { color: #fda40a; font-weight: bold; } .ja-breadcrums img { display: none; } .ja-breadcrums a { padding-right: 20px; background: url(../images/arrow-01.png) no-repeat 95% 4px; } /* Extras ---*/ .ja-links { float: right; margin-top: 2px; } .ja-links li { background: none; padding: 0; display: inline; } .ja-links li.top a { background: url(../images/arrow2.png) no-repeat 5px center; padding-left: 17px; padding-right: 5px; } .ja-links li.top a:hover { background-color: #fda40a; } .ja-links li.layout-switcher a { background: #fda40a; color: #fff; text-decoration: none; } .ja-links li.layout-switcher a:hover { background: #666; color: #fff; text-decoration: none; } .ja-links li.user-reset a { background: #fda40a; color: #fff; text-decoration: none; } .ja-links li.user-reset a:hover { background: #666; color: #fff; text-decoration: none; } /* Default Joomla! Menu ---*/ #ja-container ul.menu { margin: 0; padding: 0; } #ja-container ul.menu li { background: none; border-top: 1px dotted #303030; margin: 0; overflow: hidden; padding: 0; } #ja-container ul.menu li:first-child { border-top: 0px; } #ja-container ul.menu li.firstitem { border-top: 0px; } #ja-container ul.menu li a { color: #666; display: block; outline: none; padding: 6px 0; text-decoration: none; text-indent: 5px; background: url(../images/arrow-3.gif) no-repeat scroll 5px 13px; padding-left: 10px; } #ja-container ul.menu li a:hover, #ja-container ul.menu li a:active, #ja-container ul.menu li a:focus { background: url(../images/arrow-2.gif) 5px 13px no-repeat; color: #fda40a; } #ja-container ul.menu li.active a { background: url(../images/arrow-2.gif) 5px 13px no-repeat; color: #fda40a; font-weight: bold; } #ja-container ul.menu li ul { margin: 0 0 0 10px; border-top: 1px dotted #303030; } #ja-container ul.menu li li { border: 0; } #ja-container ul.menu li.active li a { background: url(../images/arrow-3.gif) no-repeat scroll 5px 10px; padding: 3px 0; text-indent: 15px; } #ja-container ul.menu li.active li a:hover { background: url(../images/arrow-2.gif) 5px 10px no-repeat; } #ja-container ul.menu li li a { color: #666 !important; font-weight: normal !important; text-indent: 10px; } #ja-container ul.menu li li a:hover, #ja-container ul.menu li li a:active, #ja-container ul.menu li li a:focus { color: #fda40a !important; } #ja-container ul.menu li.active li.active a { background: url(../images/arrow-2.gif) 5px 10px no-repeat; font-weight: bold; color: #fda40a !important; } #ja-container ul.menu li.active li.active li a { background: url(../images/arrow-3.gif) no-repeat scroll 5px 10px; color: #666 !important; } #ja-container ul.menu li.active li.active li a:hover, #ja-container ul.menu li.active li.active li.active a { background: url(../images/arrow-2.gif) 5px 10px no-repeat; color: #fda40a !important; } #ja-container ul.menu span.separator { display: none; }
/* SPOTLIGHT --------------------------------------------------------- */ #ja-topsl .ja-box, #ja-botsl1 .ja-box { padding: 0; } #ja-topsl .ja-box-right, #ja-botsl1 .ja-box-right, #ja-topsl .ja-box-full, #ja-botsl1 .ja-box-full { background: none; } #ja-topsl li, #ja-botsl1 li { background: url(../images/arrow-3.gif) left 7px no-repeat; padding-left: 10px; } #ja-topsl ol li, #ja-botsl1 ol li { margin-left: 25px; padding: 0 !important; } #ja-topsl ul, #ja-topsl p, #ja-topsl ol, #ja-botsl1 ul, #ja-botsl1 p, #ja-botsl1 ol { } #ja-topsl, #ja-botsl1 a { text-decoration: none; } #ja-topsl a:hover, #ja-topsl a:active, #ja-topsl a:focus, #ja-botsl1 a:hover, #ja-botsl1 a:active, #ja-botsl1 a:focus { text-decoration: underline; } /* Top spotlight ---*/ #ja-topsl { position: relative; z-index: 1; border-bottom: 1px solid #101010; } #ja-topsl .main { padding: 20px 0 10px; } #ja-topsl .ja-box-left .ja-moduletable { margin-left: 0; } #ja-topsl .ja-box-right .ja-moduletable { margin-right: 0; } #ja-topsl h3 { margin: 0 0 8px; padding: 0; color: #fff; font-weight: normal; border: 0px; text-transform: none; font-size: 200%; background-image: none; padding-bottom: 0; } #ja-topsl .ja-box-ct h3 { margin-bottom: 0px; clear: both; } /* JA Bot ---*/ #ja-bot { } #ja-bot .ja-moduletable h3, #ja-bot .moduletable h3 { margin-bottom: 10px; padding-left: 0; } #ja-bot .ja-moduletable h3 span, #ja-bot .moduletable h3 span { margin: 0; } #ja-bot .ja-moduletable, #ja-bot .moduletable { background: none; margin-left: 20px; margin-right: 20px; } #ja-bot .ja-box-ct { background: none; border: 0; margin: 0; padding: 0; overflow: hidden; } /* Bot spotlight ---*/ #ja-botsl1 { background: #101010; color: #C5C5C5; border-bottom: 1px solid #101010; } #ja-botsl1 .main { padding: 10px 0; } #ja-botsl1 .ja-moduletable h3 { margin-bottom: 10px; padding-left: 0; } #ja-botsl1 .ja-box-left .ja-moduletable { margin-left: 0; } #ja-botsl1 .ja-box-right .ja-moduletable { margin-right: 0; } #ja-botsl1 .ja-moduletable h3 span { margin: 0; } #ja-botsl1 .ja-moduletable .ja-box-ct, #ja-botsl1 .moduletable .ja-box-ct { background: none; border: 0; margin: 0; padding: 0; } .moduletable_linkWhite li { padding-left: 10px; margin-bottom: 7px; } .moduletable_linkWhite li:first-child { border-top: 0px; } .moduletable_linkWhite li a { color: #757575; } .moduletable_linkWhite li a:hover, .moduletable_linkWhite li a:focus, .moduletable_linkWhite li a:active { color: #fff; } #ja-botsl1 ul.address { padding-top: 10px; color: #757575; } #ja-botsl1 ul.address li { padding-left: 0 !important; margin-left: 0 !important; } .moduletable_colorGrey .ja-box-ct{ color: #757575; } .ja-box-right .ja-moduletable, .ja-box-right .moduletable, .ja-box-full .ja-moduletable, .ja-box-full .moduletable { border: 0 !important; background: 0 !important; } /* Bot spotlight ---*/ #ja-botsl { background: url(../images/shadow-top.png) left top repeat-x #fb8819; color: #101010; } #ja-botsl-inner1 { background: url(../images/shadow-bot.png) left bottom repeat-x; } #ja-botsl a { color: #000; text-decoration: none; border-bottom: 1px dotted #000; } #ja-botsl a:hover, #ja-botsl a:focus, #ja-botsl a:active { color: #fff; border-bottom: 1px dotted #fff; } #ja-botsl .ja-box-left .ja-moduletable { margin-left: 0; } #ja-botsl .ja-box-right .ja-moduletable { margin-right: 0; } #ja-botsl h3 { background-image: none; color: #101010; padding-bottom: 0; } /* JA Bulletin on bottom spotlight ---*/ #ja-botsl1 .ja-bulletin span.post-date { text-transform: none; margin-top: 3px; } /* FOOTER --------------------------------------------------------- */ #ja-footer { clear: both; background-color: #202020; border-top: 4px solid #303030; } #ja-footer .main { color: #666; padding: 0; position: relative; padding: 15px 0 30px 0; } #ja-footer .inner { clear: both; } #ja-footer .ja-copyright { } #ja-footer small { color: #757575; font-size: 100%; } #ja-footer small a { color: #fda40a; } /* T3 Framework logo ---*/ #ja-poweredby a#t3-logo { background: url(../images/t3-logo.png) no-repeat left top; display: block; position: absolute; top: 20px; right: 0; height: 20px; text-indent: -9999%; width: 160px; text-decoration: none; } #ja-poweredby a#t3-logo:hover, #ja-poweredby a#t3-logo:focus, #ja-poweredby a#t3-logo:active { background-position: left bottom; } /* Foot Links ---*/ #ja-footer .ja-footnav { font-size: 100%; } .ja-footnav ul { } .ja-footnav li { background: url(../images/icon-dash.gif) no-repeat left center; display: block; float: left; padding: 0 7px 0 10px; } .ja-footnav li a { color: #757575; display: block; text-decoration: none; } .ja-footnav li a:hover, .ja-footnav li a:active, .ja-footnav li a:focus { color: #fda40a; } .ja-footnav .ja-firstitem { background: none; padding-left: 0; } /* Copyright Info. ---*/ .ja-copyright small { display: block; } /* MISCELLANOUS ----------------------------------------------------------- */ /* User Tools ---*/ ul.ja-usertools-font { font-size: 11px; position: absolute; top: 15px; right: 20px; } ul.ja-usertools-font li, ul.ja-usertools-screen li { padding: 0; margin: 0; display: inline; background: none; } ul.ja-usertools-screen { font-size: 11px; position: absolute; top: 15px; right: 90px; } /* Others ---*/ #ja-banner { border-top: 1px solid #353535; margin: 0; overflow: hidden; padding-top: 15px; text-align: center; width: 100%; } div.ja-innerdiv { border-bottom: 1px dotted #ccc; clear: both; margin-bottom: 10px; padding-bottom: 12px; } div.ja-innerdiv h4 { font-size: 92%; font-weight: normal; margin: 5px 0; padding: 0; text-transform: uppercase; } .img-border { border: 1px solid #252525; margin: 0 0 10px 0; padding: 4px; } .cufon-canvas { padding: 1px 0 3px; } /* JA Popup ---*/ .ja-gallery { text-align: center; } div.ja-thumb { display: inline; margin: 5px 10px 8px 0; } div.last { margin-right: 0; } div.ja-thumb img { border: 1px solid #252525; padding: 4px; } /* Social Network ---*/ div.ja-moduletable ul.social li { border-top: 1px solid #252525; padding: 0 20px 0 45px; } div.ja-moduletable ul.social li:first-child { border-top: 0px; } ul.social li.flickr { background: url(../images/icon-flickr.gif) no-repeat 20px 5px; } ul.social li.digg { background: url(../images/icon-digg.gif) no-repeat 20px 5px; } ul.social li.youtube { background: url(../images/icon-youtube.gif) no-repeat 20px 5px; } /* */ .display { } /* weblink */ .weblinks .contentdescription img { margin: 0 20px 10px 0; border:1px solid #252525; padding:4px; } /* poll */ .poll br { clear: both; } /* ja-right */ #ja-right .ja-mass-top .ja-moduletable{ border-bottom: 1px solid #252525; padding-bottom: 15px; } /* ja-hot-news */ #ja-hot-news { background-color: #151515; border-bottom: 1px solid #000; padding-top: 5px; } #ja-hotnews h3 { background-image: none; float: left; font-size: 100%; color: #c5c5c5; font-weight: bold; font-family: Helvetica, Arial, sans-serif; padding-bottom: 0px; } #ja-hotnews div.ja-moduletable h3 span { padding-right: 10px; } .ja-headelines-buttons { margin-top: 2px; } .ja-headlines { width: 300px !important; float: left; } .ja-headelines-next { background:transparent url(../images/re-left1.gif) no-repeat scroll left 4px; } .ja-headelines-pre { background:transparent url(../images/re-right1.gif) no-repeat scroll left 4px; } a.ja-headelines-pre, a.ja-headelines-next { width: 10px; } /* */ .btlink { padding: 20px 0 !important; } .btlink a { border: 1px solid #fff; border-top: 0; background: url(../images/grad4.gif) left top repeat-x; color: #101010; font-family: Georgia, "Times New Roman", Times, serif; font-size: 140%; padding: 9px 12px; } .btlink a:hover { text-decoration: none; } .btlink span { margin: 0 10px; } /* */ #ja-hotnews { float: left; } #ja-hotnews .ja-box-ct { float: left; } /* About static */ #ja-slideshow { background: #fb8819 url(../images/shadow.png) repeat-x scroll left top; } .contentSlideshow { background: url(../images/blog-bg.png) left bottom no-repeat; } #ja-slideshow .ja-moduletable { margin: 0px 15px; } .moduletable_about .ja-box-ct { padding-top: 25px; } .moduletable_about { font-size: 300%; color: #fff; font-family: Georgia,"Times New Roman",Times,serif; height: 90px; } .moduletable_about .ja-box-ct p { color: #fff; } /* recent comments */ ul.recent-comments a{ color: #c5c5c5; } ul.recent-comments li { padding: 5px 0; margin: 0; padding-left: 0 !important; border-bottom: 0; background: none !important; } ul.recent-comments span { color: #757575; } a.jac-links:hover span, a.jac-links:focus span, a.jac-links:active span { color: #fda40a; } .article_column .jac-links { background: none !important; padding-left: 0; margin: 0; } div.type_captcha { clear: both; margin: 10px 0 0 !important; } /* BLOG LAYOUT ----------------------------------------------------*/ .blog-layout h2 { background: url(../images/icon-line-grey.gif) no-repeat left bottom; padding: 0; font-family: Georgia, "Times New Roman", Times, serif; color: #fff; padding-bottom: 10px; font-size: 24px; font-weight: normal; font-style: normal; } .blog-layout h2 a.contentpagetitle { color: #fff; } .blog-layout .article-tools { margin-top: 10px; } .article_row { border-bottom: 0px; margin-bottom: 20px; } #ja-current-content .article_row { margin-bottom: 0px; } #ja-blog-style .img_caption.left { margin-right: 0; } #ja-blog-style .img_caption.right { margin-left: 0; } #ja-blog-style img.caption { margin-right: 0; } #jac-wrapper input[type=checkbox] { background-color: transparent; border: 0; } /* .jac-add-button { padding-left: 10px; padding-right: 10px; }*/ #ja_twitter_div center { text-align: left; }