/* * @author ( Angie Radtke ) */ /* not ready */ /* ########################## general ########################### */ @font-face { font-family: 'Titillium Maps'; src: url("../fonts/TitilliumMaps29L002.eot"); src: local('Titillium Maps'), local('TitilliumMaps'), url("../fonts/TitilliumMaps29L002.otf") format("opentype"), url("../fonts/TitilliumMaps29L002.woff") format("woff"); } body { background: #e0dedf url(../images/personal/bg2.png) repeat-x; color: #333; font-family: arial, helvetica, sans-serif; } #all { color: #333; border:solid 0px ; padding-top:0px; background:#fff } em.keyword, strong.keyword {font-weight: normal;font-style: normal; } .sldsinput { background-color: #FFFFFF; border: 1px solid #C0C0C0; border-radius: 5px 5px 5px 5px; box-shadow: 0 0 10px rgba(192, 192, 192, 0.7) inset, 0 0 7px rgba(192, 192, 192, 0.7); color: #505050; margin: 0 3px !important; padding: 8px !important; font-size: medium; } .sldsinputlong { background-color: #FFFFFF; border: 1px solid #C0C0C0; border-radius: 5px 5px 5px 5px; box-shadow: 0 0 10px rgba(192, 192, 192, 0.7) inset, 0 0 7px rgba(192, 192, 192, 0.7); color: #505050; margin: 0 3px !important; padding: 8px !important; font-size: medium; width: 96%; } #header { padding-top:10em } a:link, a:visited { color:#25527E } a:hover, a:active, a:focus { background:#25527E; color:#FFF; } input:focus { border:solid 2px; } fieldset { border:solid 0px #ccc } .article-info { color:#444 } .article-info dd span { color:#444; border-right:solid 0px; background:#eee } /* ########################## back ########################### */ #back { } /* ########################## logo ########################### */ #logo span { color:#fff; padding-left:50px; font-size:0.3em !important; text-transform:none; font-family:arial, sans-serif } #all #header {padding-top:8.0em ; } .logoheader { background: #0c1a3e URL(../images/personal/personal2.png) no-repeat bottom right ; color:#fff; min-height:200px; margin:0em 10px 0 10px !important; } h1#logo { font-family: 'Titillium Maps', Arial; padding:0.9em 20px 20px 10px; text-transform:uppercase; font-weight:normal; margin-top:0; } #line { width:98% ; max-width:100% ; top:0px; left:0px; padding:5px 10px !important; margin-right:10px; text-align:right; } /* ########################## header ########################### */ #header { background:#fff; font-size:1em; position:relative } /* ++++++++++++++ lists, skiplinks ++++++++++++++ */ #header ul.menu { /* top:62px; */ top:5em; padding: 0px 0px 0px 0 ; background:#e0e0e0 url(../images/personal/ecke.gif) top left repeat-x ; border:0 ; text-align:left; left:0px; display:block; margin:0px 10px 0 10px; border-top:solid 1px #ddd; } #header ul.menu li {border:0; margin:0 !important; } #header ul.menu li a:link, #header ul.menu li a:visited { color:#333; border:0 ; border-right:solid 1px #ddd; margin:0px 0 0 0 ; padding:12px 15px ; position:relative; background: #e0e0e0 url(../images/personal/ecke.gif) repeat-x top left; display:inline-block } #header ul.menu li a:hover, #header ul.menu li a:active, #header ul.menu li a:focus { background:#0d4c89 ; color:#fff; } #header ul li.active a:link, #header ul li.active a:visited { color:#f5f5f5; background:url(../images/personal/navi_active.png) ; text-shadow: 1px 1px 1px #000; } #header ul.skiplinks { width:100%; text-align:left; background:none; z-index:20000; top:0; display:inline; padding:0 } #header ul.skiplinks li a.u2:active, #header ul.skiplinks li a.u2:focus { background:#25527E !important; color:#fff !important; border:solid 1px; top:0 !important; z-index:10000; right:auto; left:0 !important; display:block } /* ++++++++++++++ fontsize ++++++++++++++ */ #fontsize { display:inline; } #fontsize p a:link, #fontsize p a:visited { color:#222; border-right:solid 1px #ccc } #fontsize p a.larger, #fontsize p a.reset, #fontsize p a.smaller { padding-left:5px; padding-right:5px; text-decoration:none; margin:0; } #fontsize p a:hover, #fontsize p a:active, #fontsize p a:focus { background:#25527E !important; color:#fff } #fontsize h3 { color:#222; font-weight:bold } /* ++++++++++++++ search ++++++++++++++ */ #header form, #header form .search, #header form .finder { display:inline; padding-right:1px ; } #header form .inputbox { background:url(../images/header-bg.gif) repeat-x; border:solid 1px #ccc; border-bottom:0; border-right:0; padding:5px } #header form .inputbox:focus { border:solid 2px #000; } #header form .button { border:solid 0px #ddd; background:#ccc url(../images/personal/button.png); color:#333; padding:4px !important } /* ########################## contentarea ########################### */ #contentarea, #contentarea2 { background:#fff } /* ########################## breadcrumbs ########################### */ #breadcrumbs { color:#333; } #breadcrumbs span { color:#333; } #breadcrumbs span a:link, #breadcrumbs span a:visited { background:#fff; color:#333; } #breadcrumbs span a:hover, #breadcrumbs span a:active, #breadcrumbs span a:focus { background:#25527E; color:#fff; } /* ########################## navigation column ########################### */ .module_content { border:solid 1px #ddd; } .moduletable_js { border:solid 0px #ddd; } #right .moduletable_js { border:0 } #nav h3 { border-bottom:solid 1px #ddd; font-family: 'Titillium Maps', Arial; color:#555 } h3.js_heading { border-bottom:solid 1px #ddd; background:#eee; font-family: 'Titillium Maps', Arial; } h3.js_heading span.backh { border:solid 0px #000 } h3.js_heading span.backh1 { } h3.js_heading a { border:0 } h3.js_heading a img { border:0 } h3.js_heading a.opencloselink:hover, h3.js_heading a.opencloselink:active, h3.js_heading a.opencloselink:focus { background:none } #right h3 span.backh { } #right h3 span.backh2 { background:#fff; color:#555; border-bottom:solid 1px #ddd } #right h3 span.backh3 { padding-left:0 } h3.js_heading a:link, h3.js_heading a:visited, h3.js_heading a:hover, h3.js_heading a:active, h3.js_heading a:focus { } #nav h3.js_heading a:focus { } #nav form { color:#000; } #nav form a:hover, #nav form a:active, #nav form a:focus { color:#fff; background:#25527E; text-decoration:none } /* ++++++++++++++ first level ++++++++++++++ */ #nav .moduletable-example ul.menu { background:#fff; border:0; } ul.menu { border:0; background:#fff /* url(../images/nature/nav_level_1.gif) repeat-x */; border:solid 0px #eee; } .module_content ul.menu { border:0; } ul.menu li { border-bottom:solid 1px #ddd; } ul.menu li a:link, ul.menu li a:visited { color:#444; background:url(../images/nature/karo.gif) 5px 12px no-repeat } ul.menu li.active a:link, ul.menu li.active a:visited { color:#333; } ul.menu li a:hover, ul.menu li a:active, ul.menu li a:focus, ul.menu li.active a:hover, ul.menu li.active a:active, ul.menu li.active a:focus { background: #fff url(../images/nav_level_1.gif) repeat-x ; color:#25527E; } /* ++++++++++++++ second level ++++++++++++++ */ ul.menu li ul { border:solid 0px #eee; } ul.menu li ul li { border:solid 0px #000; background:#fff; } ul.menu li.active ul li a:link, ul.menu li.active ul li a:visited { color:#444; border:0; border-bottom:solid 1px #fff; background: #e8e8e8 } ul.menu li.active ul li.active a:link, ul.menu li.active ul li.active a:visited { border:0; color:#333; border-bottom:solid 1px #fff; } ul.menu li.active ul li a:hover, ul.menu li.active ul li a:active, ul.menu li.active ul li a:focus { background:#666 !important; color:#fff !important; } /* ++++++++++++++ third level ++++++++++++++ */ ul.menu li ul li ul { border:0 !important; background:#f5f5f5 !important; padding-bottom:0 } ul.menu li.active ul li.active ul li a:link, ul.menu li.active ul li.active ul li a:visited { background:#f5f5f5 ; border-bottom:solid 1px #fff; color:#444 } ul.menu li.active ul li.active ul li.active a:link, ul.menu li.active ul li.active ul li.active a:visited { color:#333; } /* ++++++++++++++ fourth level ++++++++++++++ */ ul.menu li ul li ul li ul { border:solid 1px #eee !important; padding-top:10px !important; padding-bottom:10px !important; background:#fff url(../images/nature/level4.png) repeat-x !important; } ul.menu li.active ul li.active ul li.active ul li a:link, ul.menu li.active ul li.active ul li.active ul li a:visited { font-weight:normal; padding: 3px 2px 3px 40px; font-size:0.9em; background:#fff url(../images/nature/arrow_small.png) no-repeat 30px 5px; color:#444 } ul.menu li.active ul li.active ul li.active ul li.active a:link, ul.menu li.active ul li.active ul li.active ul li.active a:visited {font-weight:bold; color:#333 } /* ++++++++++++++ fifth level ++++++++++++++ */ ul.menu li ul li ul li ul li ul { border:solid 0px #eee !important; padding-top:5px !important; padding-bottom:10px !important; background:#fff !important; } ul.menu li.active ul li.active ul li.active ul li.active ul li a:link, ul.menu li.active ul li.active ul li.active ul li.active ul li a:visited { font-weight:normal; padding: 3px 2px 3px 5px; font-size:0.9em; background:#fff ; color:#444; margin:0 10px 0 35px; border-bottom:solid 1px #ddd } ul.menu li.active ul li.active ul li.active ul li.active ul li.active a:link, ul.menu li.active ul li.active ul li.active ul li.active ul li.active a:visited {font-weight:bold; color:#333} /* ########################## content - main ########################### */ #main { } #main a:link, #main a:visited { } #main a:hover, #main a:active, #main a:focus { background:#25527E; color:#fff; } #main th a:hover, #main th a:active, #main th a:focus { background:#333; color:#fff; } .items-row { background:#fff } .items-row h2 { border-bottom:solid 1px #ddd; border-top:solid 1px #ddd; color:#555 } .column-1, .column-2 { border: solid 0px ; } .item-separator { border: solid 0px #333333; } #main ul li { } .small { border:solid 0; } ul#archive-items li.row0, ul#archive-items li.row1 { border-bottom:solid 1px #ddd } .archive #adminForm fieldset { border:0; padding:0; margin:20px 0 } /* ++++++++++++++ images ++++++++++++++ */ .image-left { padding:2px; } .image-right { border:solid 1px #ddd; padding:2px } /* ++++++++++++++ leading ++++++++++++++ */ .items-leading { } /* ++++++++++++++++++++ headings +++++++++++++ */ #main h1 { color:#9C0000; border-bottom:solid 1px #ddd; font-family: 'Titillium Maps', Arial; } #main .blog h1, #main .blog-featured h1 { color:#0d4c89; border-top:solid 1px #ddd; border-bottom:solid 1px #ddd; font-family: 'Titillium Maps', Arial; margin-top:-1px !important } /* h1 on frontpage */ .items-row h2 { border-top:solid 1px #ddd; border-bottom:solid 1px #ddd; } .items-leading h2, #main h3, #main h4 { color:#555; } #main h2 { color:#555; font-family: 'Titillium Maps', Arial; } #main h2 a { color:#9C0000 } /* ++++++++++++++ readmore ++++++++++++++ */ .readmore a:link, .readmore a:visited, a.readmore:link, a.readmore:visited { color:#25527E; background:#eee url(../images/nature/arrow1.gif) no-repeat left top; border:solid 1px #ddd; } .readmore a:hover, .readmore a:active, .readmore a:focus, a.readmore a:hover, a.readmore a:active, a.readmore a:focus { background:#555 url(../images/nature/arrow2.gif) no-repeat left 6px !important; color:#fff; } a.readmore:hover, a.readmore:active, a.readmore:focus { background:#555; color:#fff; } /* ++++++++++++++ icons ++++++++++++++ */ .actions img { border:0; } /* ++++++++++++++ items-more ++++++++++++++ */ #main .items-more h3 { border-bottom:solid 1px #ddd; border-top:solid 1px #ddd; color:#444; } #main .items-more ol { color:#000; } #main .items-more ol li a { background:#FFFFFF url(../images/blog_more.gif) no-repeat 0px center; color:#25527E } #main .items-more ol li a:hover, #main .items-more ol li a:active, #main .items-more ol li a:focus { background: #25527E url(../images/blog_more_hover.gif) no-repeat 0px center; color:#fff; } /* ++++++++++++++ pagination ++++++++++++++ */ #main .pagination { border-top:solid 1px #ddd; clear: both; } /* ++++++++++++++ article index ++++++++++++++ */ table.contenttoc { border:solid 1px #ccc; } /* ########################## right column ########################### */ #right { border:solid 0px #e6e6e6; background:#fff } #right h3 { } #right h4 { color:#555; border:solid 0; } #right ul li a:hover, #right ul li a:active, #right ul li a:focus { background:#25527E; color:#fff; } /* ++++++++++++++ button for closing right column ++++++++++++++ */ #close span { color:#000; } /* ########################## modules ########################### */ /* ++++++++++++++ mostread, latest news ++++++++++++++ */ .mostread li a:link, .mostread li a:visited, .latestnews li a:link, .latestnews li a:visited { background: url(../images/personal/arrow2_grey.png) 2px 7px no-repeat ; } .mostread li a:hover, .latestnews li a:hover, .mostread li a:active, .latestnews li a:active, .mostread li a:focus, .latestnews li a:focus { background:#555 url(../images/arrow_white_grey.png) 2px 7px no-repeat !important; } /* ++++++++++++++ newsfeed ++++++++++++++ */ ul.newsfeed { border:solid 0px #000; } .newsfeed-item { border-bottom:solid 1px #ddd; } .newsfeed-item h5 a { } /* ++++++++++++++ newsflash ++++++++++++++ */ /* newsflash horizontal */ ul.newsflash-horiz { background:#F5F5F5 url(../images/nature/box.png) repeat-x; border:1px solid #EEEEEE; } ul.newsflash-horiz li { border:solid 0px #eee; background:#f5f5f5; } ul.newsflash-horiz li h4 { font-family: 'Titillium Maps', Arial; } /* newsflash vertical */ .newsflash-vert { } /* ++++++++++++++ banner ++++++++++++++ */ .banneritem { border:0 } .banneritem a { background:none } .banneritem a img { background:none; border:0 } /* ++++++++++++++ login ++++++++++++++ */ #login-form .inputbox { border:solid 1px #ddd; background:url(../images/content_bg.gif) repeat-x; } fieldset.input { border:0 ; } input.button, button.button, button.validate { background:#FFFFFF url(../images/nature/arrow1.gif) no-repeat left top; border:1px solid #DDDDDD; color:#444444; } /* ++++++++++++++ tabs/ slide ++++++++++++++ */ ul.tabs { border:solid 1px #ddd; border-bottom:0; background:#f5f5f5 url(../images/nature/box.png) repeat-x; } ul.tabs li { background:#f5f5f5 url(../images/nature/box.png) repeat-x; border-right:solid 1px #ddd } ul.tabs li a:link, ul.tabs li a:visited { color:#333; } ul.tabs li a:hover, ul.tabs li a:active, ul.tabs li a:focus { color:#000 } .tabcontent { border:solid 1px #ddd; background:#fff; color:#000; } .tabcontent .linkclosed { color:#000; border-bottom:solid 1px #e5e5e5; } ul.tabs li a.linkopen { background:#fff; color:#333; border:0 } ul.tabs li a.linkclosed:hover, ul.tabs li a.linkclosed:active, ul.tabs li a.linkclosed:focus, ul.tabs li a.linkopen:hover, ul.tabs li a.linkopen:active, ul.tabs li a.linkopen:focus { background:#555; color:#fff } /* ++++++++++++++ category-module ++++++++++++++ */ #right .category-module h4 a:link, #right .category-module h4 a:visited { color:#0D4C89 } #right .category-module h4 a:hover, #right .category-module h4 a:active, #right .category-module h4 a:focus { color:#fff } .category-module li { border-bottom:solid 1px #ddd; } .category-module li li { border:0 } /* ########################## search ########################### */ .searchintro img { border:0px } .inputbox:focus { border:solid 2px #000; } .word { background:#fff; border:solid 0px #ccc ; } .word input { border:solid 1px #ddd; background:url(../images/content_bg.gif) repeat-x; color:#333; } .only { border:solid 1px #ccc; } .phrases { color:#000; border:solid 1px #ccc; } /* ++++++++++++++ selects ++++++++++++++ */ .phrases .inputbox { background:#fff; color:#000; } .phrases .inputbox option { background:#f5f5f5; border-bottom:solid 1px #ccc; } .phrases .inputbox option a:hover { background:#C00; border-color:#CFD0D6; color:#fff; } /* ++++++++++++++ search results ++++++++++++++++++ */ dl.search-results { background:#f5f5f5; } dl.search-results dt.result-title { border-top:dotted 1px #ddd } dl.search-results dd.result-url { border-bottom:solid 5px #fff; color:#115599; } dl.search-results dd.result-created { border-bottom:solid 5px #fff; } /* ########################## forms ########################### */ /* ++++++++++++++ form validation ++++++++++++++ */ .invalid { border-color:red !important; } label.invalid { color:red; } /* ########################## user profile ########################### */ #users-profile-core, #users-profile-custom { border:solid 1px #ccc; } #member-profile fieldset { border:solid 1px #ccc; } /* ########################## tables ########################### */ table { } tbody { } tr.odd, .cat-list-row1 { background:url(../images/news.gif) repeat-x; } table.newsfeeds td, table.weblinks td { } table.weblinks th, table.newsfeeds th, table.category th, table.jlist-table th { background:#444 ; } table.weblinks th a, table.newsfeeds th a, table.category th a, table.jlist-table th a, table.weblinks th, table.newsfeeds th, table.category th, table.jlist-table th { color:#fff } td.table_footer { background:#ddd url(../images/table_footer.gif) bottom left repeat-x; } td.counter { } td.num, td.hits { } td p { } table.category th a img { border:solid 0px ; } /* for opera */ tr, td { border:solid 1px #ddd } #main table.moduletable td, #main table.moduletable tr {border:0;} fieldset.filters { border:solid 0px #ddd; } /* ########################## contacts ########################### */ .contact form { background:#fff; color:#000; } .contact input { background:#fff; color:#000; } .contact .button { } .contact input.invalid, .contact textarea.invalid { border:solid 2px red; } .contact label.invalid { color:red; } /* ++++++++++++++ Error Message contact form ++++++++++++++ */ p.error { color:#044b63; background:#eee; border-top:3px solid #044b63; border-bottom:3px solid #044b63; } body.contentpane { background:#fff; } /* ########################## footer ########################### */ #footer { /* background:url(../images/footer_bg.gif) repeat-x;*/ background:#333333 url(../images/personal/tabs_back.png) repeat-x; color:#fff; border-top:solid 0px #ccc; } #footer-inner { background:#f5f5f5 url(../images/personal/footer.jpg) repeat-x left bottom; border-top:solid 1px #ddd } #footer a { color:#fff; } #bottom a img { border:0 } .box h3 { font-family: 'Titillium Maps', Arial; font-size:1.2em } .box ul {padding-left:0} .box1 {border-right:solid 1px #ccc} .box3 {border-left:solid 1px #ccc} #bottom ul li a {background-image:none; padding-left:0} /* ########################## editor ########################### */ .contentpaneopen_edit img { border:0 } form.editor fieldset { border:solid 1px #ccc; } /* ++++++++++++++ edit ++++++++++++++ */ form#adminForm { border:solid 0px #000 } .edit form#adminForm fieldset { border:solid 1px #ddd } .edit form#adminForm legend { font-weight:bold } /* ++++++++++++++ tooltip ++++++++++++++ */ .tip { border:solid 1px #333; background:#ffffcc; } /*-------------------------------*/ table.pagenav, table.pagenav tr, table.pagenav td {border:0 !important} .cat-children ul ul, .categories-list ul ul { list-style-type:none; } .cat-children ul ul ul, .categories-list ul ul ul { } .categories-list .category-desc ul li {list-style-type:square } /* contact plain */ #main .contact h3 { border-bottom:solid 1px #ddd; margin: 20px 0 } .form-required { font-weight:bold; margin:10px 0; background:#fff url(../images/req.png) no-repeat; padding:10px 40px } .contact .inputbox, .registration input, .profile-edit input, .login-fields input, .remind input, .reset input { background:#fff url(../images/content_bg.gif) repeat-x ; border:solid 1px #ccc; padding:3px } .profile-edit select { padding:0px; border:solid 1px #ccc; background:#f5f5f5; } .profile-edit select option { padding:3px } /* contact slider */ .panel { border:solid 1px #ddd; margin-top:-1px } #main .contact .panel h3 { margin:0px 0 0px 0; padding: 0; background:#eee; border:0 } .panel h3 a { display:block; padding:6px; text-decoration:none; color:#444; padding:6px; } .panel h3.pane-toggler a { background:#f5f5f5 url(../images/slider_plus.png) right top no-repeat; } .panel h3.pane-toggler-down a { background:#f5f5f5 url(../images/slider_minus.png) right top no-repeat; border-bottom:solid 1px #ddd; } .pane-slider { border:solid 0px; padding:0px 10px !important; margin:0; background: url(../images/nav_level_1.gif) repeat-x ; } .panel .contact-form, .panel .contact-miscinfo { padding:10px } .contact .panel .contact-form form, .contact .panel .contact-address { margin:20px 0 0 0 } /* tabs */ div.current { background: url(../images/nav_level_1.gif) repeat-x ; } /* image upload modal */ #all #upload-flash ul li a:hover, #all .item a:hover span { background:#25527E; color:#fff; } #close a {text-decoration:none} /* ########################## sample module styling ########################### */ div.sample-module { border: 2px dashed #ddd; padding: 10px; background-color: #f5f5f5; }