/********************************* * DAPILL - NEOJOOMLA! TEMPLATE * * Author : Neojoomla! www.neojoomla.com * Copyright © 01.2008 * * COMMONS STYLES **********************************/ /* *** ACCESSIBLITY */ #accessibility { display: none; position: absolute; left: -2000px; top: -2000px; } /* *** GLOBAL CONTENT */ .global_content { margin: 0 auto; } .thin .global_content { width: 770px; } .thin #center { width: 770px; } .thin #content { width: 755px; } .thin .column #content { width: 465px; } .thin #left { width: 282px; } .thin #topmodules, .thin #bottommodules { width: 770px; } .wide .global_content { width: 100%; } .wide #center { width: 100%; } .wide #content { width: 95%; } .wide .column #content { width: 75%; } .wide #left { width: 282px; } .wide #topmodules, .wide #bottommodules { width: 100%; } /* *** TEMPLATES STYLES */ .clear { clear: both; } .fsize-small { font-size: 11px; } .fsize-normal { font-size: 12px; } .fsize-large { font-size: 13px; } .background { background-color: #4B4F5A; } /* **** ALL MODULES *********************************************************** */ .moduletable table { border-collapse: collapse; } .moduletable a.mainlevel { display: block; margin: 0.1em 0; padding: 0.1em 0 0.1em 1em; font-size: 1em; font-weight: normal; text-decoration: none; background: url(../images/arrow-mediumgrey.png) no-repeat 0 5px; } .moduletable a.mainlevel:hover { text-decoration: underline; } .moduletable a.sublevel { display: block; margin: 0.2em 0; padding: 0.1em 0 0.1em 1em; font-size: 1em; font-weight: normal; text-decoration: none; background: url(../images/icon_square-grey.png) no-repeat 0 5px; } .moduletable a.sublevel:hover { text-decoration: underline; } .moduletable a#active_menu { font-weight: bold; } .moduletable .contentheading { padding: 0; font-size: 1.4em; } /* *** TOP & BOTTOM MODULES *********************************************************** */ .floatmodule { float: left; } .mod-1 .floatmodule { width: 100%; } .mod-2 .floatmodule { width: 50%; } .mod-3 .floatmodule { width: 33%; } .mod-4 .floatmodule { width: 25%; } .usermodules { clear: both; } .usermodules .moduletable { margin: 0 0 10px 0; } .usermodules .floatmodule .moduletable { margin: 10px 5px; } .usermodules h3 { margin: 0 0 0.5em 0; padding: 0.1em 0 0.2em 1.5em; font-weight: bold; font-size: 1.2em; color: #FFF; border-top: 1px solid #737883; border-bottom: 1px solid #1C1E22; border-right: 1px solid #26282D; } .usermodules a.mainlevel { display: block; width: auto; padding: 0.1em 0 0.2em 1.5em; margin: 0 0 0.1em 0; border-bottom: 1px solid #1C1E22; border-right: 1px solid #26282D; color: #FFF; } .usermodules a.mainlevel:hover { text-decoration: none; } .usermodules a.sublevel { background: url(../images/arrow_white.png) no-repeat 0 50%; color: #FFF; } .usermodules .article_seperator { height: 1px; background-image: none !important; } /* Toggle buttons */ a.togglemodules { display: block; float: none; width: 60px; height: 15px; margin: 0 auto; } a.togglemodules span { display: none; } #templateCustomizer a.togglemodules { background: url(../images/arrow_toggle_gray.png) no-repeat 50% 50%; } #header a.togglemodules { background: url(../images/arrow_toggle_white.png) no-repeat 50% 50%; } .tool a.togglemodules { background: url(../images/arrow_toggle_white.png) no-repeat 50% 50%; } /* Skip icons */ a.skipto { display: block; height: 15px; float: left; margin: 0 0 0 1em; padding: 0 0 0 1.2em; font-size: 10px; text-decoration: none; color: #FFF; } a.skipto:hover { color: #FFF; text-decoration: underline; } a#skipdown { background: url(../images/arrow-down_white.png) no-repeat 0 50%; } a#skiptop { background: url(../images/arrow-up_white.png) no-repeat 0 50%; } /* *** HEADER *********************************************************** */ #header { font-size: 1em; background: url(../images/pageheader_bkg.png) repeat-x 0 0; } .header_shadow { padding: 10px 0; background: #FFF url(../images/header_shadow.png) no-repeat 50% 0; } .header_bl { padding: 0 0 0.5em 0; background: url(../images/header_bl.png) no-repeat 0 0; } .header_br { padding: 8px 0 0 0; background: url(../images/header_br.png) no-repeat 100% 0; } #header .usermodules { color: #FFF; } #header a:hover { color: #FFF; } #header .article_seperator { background-color: #4B4F5A !important; } #banner p { margin: 0; } #banner { float: right; width: 468px; margin: 10px 20px 0 0; } a#logo { display: block; float: left; width: 220px; height: 75px; margin: 0 0 0 20px; cursor: pointer; background: url(../images/logo_dapill.png) no-repeat 0 0; } a#logo span { display: none; } /* *** MAIN *********************************************************** */ #main { background: url(../images/pagecontent_bkg.gif) repeat-x 0 0; font-size: 12px; } /* *** PATHWAY *********************************************************** */ #pathway .pathway_r { padding: 4px 0 5px 2.5em; background: url(../images/content_tr.png) no-repeat 100% 0; } span.pathway { font-size: 1em; color: #FFF; white-space: nowrap; } span.pathway img { display: none; } span.pathway a { padding: 0 0.8em 0 0; margin: 0 0.2em 0 0; font-weight: normal; text-decoration: none; color: #FFF; background: url(../images/arrow_white.png) no-repeat 100% 50%; } span.pathway a:hover { text-decoration: underline; } #center { float: left; background-color: #FFF; } #center.column { background: #FFF url(../images/column_bkg.gif) repeat-y 0 0; } /* *** LEFT *********************************************************** */ #left { float: left; background: url(../images/column_tl.gif) no-repeat 0 0; margin: 0 0 10px 0; } #left .left_r { background: url(../images/column_tr.gif) no-repeat 100% 0; padding: 10px; } #left a.sublevel { background-image: url(../images/arrow_gray.png); color: #29292B; } #left .article_seperator { background-color: #B3B2B7 !important; } /* *** CONTENT *********************************************************** */ #content { float: left; margin: 10px 0 10px 8px; padding: 0 0 0 0; background-color: #FFF; } .column #content { margin: 10px 0 10px 12px; } #content ol { margin-left: 4em; } #content ul { margin-left: 2em; } #content ol li { list-style-type: decimal; padding: 0.4em 0; } #content ul li { list-style-type: none; padding: 0.4em 0 0.4em 1.5em; } #content li p { margin: 0; } #content h1 { margin: 0.5em 0; font-size: 1.6em; } #content h2 { margin: 0.5em 0; padding: 0em 0.3em; font-size: 1.4em; } #content h3 { margin: 0.5em 0; padding: 0.1em 0.3em; font-size: 1.3em; } #content h4 { margin: 0.5em 0; font-size: 1.3em; } #content h5 { margin: 0.5em 0; font-size: 1em; } /* *** BOTTOM *********************************************************** */ .tool { padding: 0.2em 0; background: url(../images/bottom_bar.png) repeat-x 0 50%; } .bottom_shadow { background: #FFF url(../images/bottom_shadow.png) repeat-x 0 0; } .bottom_bl { background: url(../images/content_bl.gif) no-repeat 0 100%; } .bottom_br { background: url(../images/content_br.gif) no-repeat 100% 100%; padding: 4px 0 8px 0; } #bottommodules .moduletable { } #bottommodules a.sublevel { color: #29292B; background-image: url(../images/arrow_gray.png); } #bottommodules .article_seperator { background-color: #BFBFBF !important; } #bottommodules .contentpaneopen td { padding: 0.2em; } /* *** FOOTER *********************************************************** */ #footer { float: left; margin: 0 0 0.5em 0; padding: 0.5em 0.5em; font-size: 1em; color: #FFF; } #footer table { width: auto !important; } #footer a { font-weight: normal; text-decoration: none; color: #FFF; } #footer a:hover { color: #FFF; text-decoration: underline; } #footer a.mainlevel { display: inline; background: none; padding-left: 0; } /* *** COPYRIGHT *********************************************************** */ #copyright { float: right; text-align: right; margin: 0 0.5em 0 0; color: #FFF; } #copyright div { text-align: right; } #copyright a { color: #FFF; font-weight: normal; text-decoration: underline; } #copyright a:hover { color: #FFF; text-decoration: none; } a#neojoomla { clear: both; display: block; width: 145px; height: 30px; margin: 1em auto 2em auto; background: url(../images/logo_neojoomla.gif) no-repeat 0 0; cursor: pointer; } a#neojoomla span { display: none; } /* **** TEMPLATE CUSTMOZER *********************************************************** */ #templateCustomizer { background: #FFF; } #templateOptions { padding: 0.5em 0 0 0; } #templateOptions ul { float: left; margin: 0 2em 0 0; } #templateOptions li { display: inline; } #templateOptions a { display: block; float: left; width: 18px; height: 30px; margin: 0 0.2em; } #templateOptions li a span { display: none; } #templateOptions li.fsize-small a, #templateOptions li.fsize-normal a, #templateOptions li.fsize-large a { width: 18px; height: 30px; background: url(../images/fontsize.png) no-repeat 0 0; } #templateOptions li.fsize-small a { background-position: 0 0; } #templateOptions li.fsize-normal a { background-position: -18px 0; } #templateOptions li.fsize-large a { background-position: -36px 0; } #templateOptions li.width-thin a, #templateOptions li.width-wide a { width: 20px; height: 30px; background: url(../images/sitewidth.png) no-repeat 0 0; } #templateOptions li.width-thin a { background-position: 0 0; } #templateOptions li.width-wide a { background-position: -20px 0; } #templateOptions li.clr-green a { background: url(../images/color_green.png) repeat-x 0 50%; } #templateOptions li.clr-orange a { background: url(../images/color_orange.png) repeat-x 0 50%; } #templateOptions li.clr-blue a { background: url(../images/color_blue.png) repeat-x 0 50%; } /* **** JOOMLA & NEOJOOMLA MODULES STUFFS *********************************************************** */ /* NEOLATESTNEWS */ .neolatestnews li p { margin: 0.4em 0; } .neolatestnews a.newstitle { font-weight: bold; text-decoration: none; } .neolatestnews a.readon { text-decoration: underline; } .neolatestnews a.readon:hover { text-decoration: none; } /* LATESTNEWS, MOSTREAD */ ul.latestnews, ul.mostread, ul.neolatestnews { margin: 0; } ul.latestnews li, ul.mostread li, .neolatestnews li { margin: 0.4em 0; padding: 0.1em 0 0.1em 0.5em; border-left: 3px solid #656A76; } #left ul.latestnews li, #left ul.mostread li, #left .neolatestnews li { border-left-color: #B3B2B7; } ul.latestnews a, ul.mostread a, .neolatestnews a { text-decoration: none; } ul.latestnews a:hover, ul.mostread a:hover, .neolatestnews a:hover { text-decoration: underline; } ul.latestnews a:visited, ul.mostread a:visited, .neolatestnews a:visited { color: #656A76; } /* POLL */ .poll {} .pollstableborder { width: 100%; } .pollstableborder .sectiontableentry1 {} .pollstableborder .sectiontableentry2 {} .poll div { padding: 0.5em 0; } /* *** HTML TAGS *********************************************************** */ html, body { height: 100%; margin: 0px; padding: 0px; } body{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #29292B; background-color: #FFF; } table { font-size: 1em; } h1, h2, h3, h4, ol, ul, li, form { padding: 0px; margin: 0px; } ul li { list-style-type: none; } ul li p, ol li p { margin: 0; } a { text-decoration: underline; } a:hover { color: #29292B; text-decoration: none; } hr { height: 1px; border: 0px; color: #656A76; background-color: #656A76; } img { border: 0px; } input, select, textarea { font: normal 11px Arial, Helvetica, sans-serif; padding: 1px 2px; border-width: 1px; } /* **** JOOMLA STUFFS *********************************************************** */ /* *** FORMS */ input.inputbox, select.inputbox, textarea { color: #4B4235; background-color: #F0F0F0; } input.button { font-weight: bold; padding: 2px 4px !important; padding: 2px; color: #FFF; background: url(../images/formbutton.png) repeat-x 0 50%; border-top-color: #656A76; border-left-color: #656A76; border-right-color: #000; border-bottom-color: #000; } .search input.inputbox { margin: 0 2px 0 0; } /* *** SMALL TEXT, DATES */ .createdate, .modifydate, .small { font-size: 1em; color: #656A76; text-align: left; } /* **** PAGE CONTENT *********************************************************** */ /* *** PRINT PAGE */ body.contentpane { padding: 1em; } table.contentpaneopen, table.contentpane, table.blog { width: 100%; font-size: 1em; border-collapse: collapse; } .contentdescription { padding: 1em 0; } .pagenavcounter { text-align: right; } /* *** HEADING OF COMPONENT */ .componentheading { margin: 0 0 1em 0; padding: 0.2em 0 0.2em 1.5em; font-weight: bold; font-size: 1.4em; color: #FFF; border-top: 1px solid #737883; border-bottom: 1px solid #1C1E22; border-right: 1px solid #26282D; } /* *** HEADING OF CONTENT */ .contentheading { font-weight: bold; font-size: 1.4em; } .contentheading a { text-decoration: none; } .contentheading a:hover { color: #FFF; text-decoration: none; } /* *** BUTTONS HEADING (PRINT, EMAIL, PDF) */ .buttonheading { text-align: left; vertical-align: bottom; font-size: 0.85em; } .buttonheading img { border: 0; } .buttonheading a { text-decoration: none; } .buttonheading a:hover { text-decoration: underline; } /* *** TABLE OF CONTENT */ table.contenttoc { margin: 0 0.2em 0.2em 0.5em; } table.contenttoc th { font-weight: bold; font-size: 1.1em; text-align: center; padding: 0 0 0.2em 0; } table.contenttoc a.toclink { padding: 0 0 0 1em; font-weight: normal; text-decoration: none; background: url(../images/arrow-mediumgrey.png) no-repeat 0 4px; } table.contenttoc a.toclink:hover { text-decoration: underline; } /* **** MOS IMAGE */ div.mosimage { width: auto; margin: 0.2em 1em; border: 1px solid #C0C1BE; } div.mosimage img {} div.mosimage_caption { padding: 0.1em 0; color: #908D89; } /* *** READMODRE LINK FOR ARTICLES */ a.readon { text-decoration: underline; } a.readon:hover { text-decoration: none; } /* *** ARTICLE SEPERATOR */ span.article_seperator { display: block; height: 7px; margin: 1em 0; overflow: hidden; background: url(../images/article_seperator_thin.png) no-repeat 50% 50%; } .thin span.article_seperator { background: url(../images/article_seperator_thin.png) no-repeat 50% 50%; } .wide span.article_seperator { background: url(../images/article_seperator_wide.png) no-repeat 50% 50%; } /* *** BLOG MORE */ .blog_more { padding: 0.5em; } .blog_more ul{ padding: 0 0 0 0.5em !important; margin: 0 !important; } .blog_more li{ margin: 0 0 0.5em 0 !important; padding: 0 0 0.2em 1.5em !important; list-style-type: none !important; background-position: 0 2px !important; } /* *** TABLE ITEMS */ .sectiontableheader { padding: 0.4em 0.2em; color: #FFF; background: url(../images/formbutton.png) repeat-x 0 50%; } .sectiontableheader a, .sectiontableheader a:hover { color: #FFF; } tr.sectiontableentry1 td, td.sectiontableentry1, tr.sectiontableentry2 td, td.sectiontableentry2 { padding: 0.4em 0.2em; } .sectiontableentry1 a, .sectiontableentry2 a { text-decoration: none; } .sectiontableentry1 a:hover, .sectiontableentry2 a:hover { text-decoration: underline; } tr.sectiontableentry1 td, td.sectiontableentry1 { background-color: #EEEEED; } tr.sectiontableentry2 td, td.sectiontableentry2 { background-color: #FFF;} /* *** PAGIN NAVIGATION */ .pagenavbar { padding: 0.5em; text-align: left; } span.pagenav, a.pagenav { font-size: 1em; font-weight: bold; padding: 0 0.3em; } span.pagenav { color: #FFF; background-color: #E4E5E6; } a.pagenav, .pagenav_prev a, .pagenav_next a { font-size: 1em; font-weight: bold; text-decoration: none; color: #FFF; } .pagenav_prev a, .pagenav_next a { padding: 0 0.3em; } a.pagenav:hover, .pagenav_prev a:hover, .pagenav_next a:hover { text-decoration: none; background-color: #FFF; } /* *** BACK BUTTON */ div.back_button { text-align: right; padding: 0.5em 0; } div.back_button a { padding: 0 0.1em 0.1em 0.2em; font-size: 1em; font-weight: bold; text-decoration: none; } div.back_button a:hover { color: #FFF; text-decoration: none; } /* *** SEARCH RESULTS */ table.searchintro{ padding: 8px 0px; width: 100%; } span.highlight { background-color: #FFFF99; } /* *** MODULES STUFFS */ table.moduletable { width: 100%; } .syndicate img { margin: 1px 0px; } /* **** FRONTEND ADMIN STUFFS *********************************************************** */*/ /* *** VALIDATION MESSAGE */ div.message { font-size: 0.95em; font-weight: bold; color: #CC0000; text-align: center; padding: 5px 0px; } /* *** FORM TOOLBAR */ table#toolbar a.toolbar { border: 1px solid #CCC; background-color: #FFF; } table#toolbar a.toolbar:hover { border: 1px solid #666; background-color: #F5F5F5; } #mod_login_username { border: 1px solid Gray; width: 140px; background: transparent; color: #63C800; } #mod_login_password { border: 1px solid Gray; width: 115px; background: transparent; color: #63C800; } #mod_login_remember { background: transparent; } .button_login { color: #c64934; font-family: Arial, Hevlvetica, sans-serif; text-align: center; font-size: 10px; width: 20px; line-height: 18px !important; line-height: 16px; height: 20px; margin: 1px; border: 0px; background-color: White; }