/** * @site Djoser Theme * @revision $Revision: 1.1.2.7 $ * * @styleguide: * colors { * white: #fff; * black: #000; * brown: #6c4314; * red: #f45d2b; * } * fonts { * headers: Journal; * naviagation: Univers Condensed Bold; * text: Verdana, Helvetica, sans-serif; * } */ /** * Elements * HTML elements, such as ul, img, p, a, etc. */ /* links */ a, a:link { padding: 0 0 1px 0; color: #f45d2b; text-decoration: none; border-bottom: 1px solid #f45d2b; } a:visited { color: #f45d2b; border-color: #f45d2b; } a:active { color: #6c4314; border-color: #6c4314;} a:hover { color: #6c4314; border-bottom-color: #6c4314; } /* headers */ h1, h2, h3, h4, h5, h6 { margin: 0 0 1em 0; font-family: Verdana, Helvetica, sans-serif; color: #f45d2b; } h1 { font-size: 1.2em; } h2 { font-size: 1.1em; } h3 { font-size: 1em; } /* images */ img, a img { border: 0; } /* paragraphs */ p { } /* lists and definition lists */ ul { } ul li {} dl {} dl dt {} dl dd {} /* tables */ table { font-size: 1em; vertical-align: top; border-collapse: collapse; } table thead { } table tbody { } table td, table th { text-align: left; } /* form elements, labels & fieldsets */ form { margin: 0; } input, select, textarea { border: 1px solid #f45d2b; padding: .2em 0; font: normal 1em Verdana, Helvetica, sans-serif; } input:hover, textarea:hover { border-color: #bbb; } input:focus, textarea:focus { border: 1px inset #afafaf; } input.disabled { cursor: default; background-color: #e8e8e8; } fieldset { border: 1px solid #f45d2b; padding: 0 1em 1em 1em; } fieldset legend { margin: 0 0 .5em .4em; padding: .1em .7em; color: white; font-weight: bold; background-color: #f45d2b; } label { cursor: pointer; } label:hover { color: #f45d2b; } iframe { min-height: 35em; } /** * Page layout */ html, body { margin: 0; padding: 0; border: 0; background: #f45d2b url(/assets/djoserthema_2011/images/default/frame_repeat.png) repeat-y center top; } body { font: normal .7em/1.4em Verdana, Helvetica, sans-serif; color: #6c4314; } #body { position: relative; margin: 0 auto; width: 998px; } .bottom-border { background-color: #f6efe0; } #container { margin: 0 38px; border-top: 1px solid #f6efe0; background: #f6efe0 url(/assets/djoserthema_2011/images/default/bg_all.gif) no-repeat 50% 42px; } #content { position: relative; margin: 183px 0 0 0; padding: 70px 252px 1em 210px; min-height: 750px; background: transparent url(/assets/djoserthema_2011/images/default/bg_content.png) repeat-y 187px 0; } #header { position: absolute; top: 15px; left: 0; width: 272px; height: 120px; z-index: 2; } #header h2 { margin: 0; width: 100%; height: 100%; background: transparent url(/assets/djoserthema_2011/images/default/logo.png) no-repeat left top; } #header h2 a { display: block; height: 100%; border: 0; padding-left: 0; background: none; } #headervisual { position: absolute; top: 205px; right: 0; } #frame-top { position: absolute; top: 0; left: 0; width: 998px; height: 161px; background: transparent url(/assets/djoserthema_2011/images/default/frame_top.png) no-repeat left top; z-index: 1; } #theme-slogan { position: absolute; top: 25px; left: 820px; width: 176px; height: 234px; text-indent: -9000px; background: transparent url(/assets/djoserthema_2011/images/default/visual_homepage.png) no-repeat left top; z-index: 2; } #mainnav { position: absolute; top: 90px; left: 0; width: 215px; z-index: 2; } #mainnav-navigation { padding: 90px 0 130px 0; } .logo-small { display: block; margin: 40px 0 0 65px; border: 0; width: 111px; height: 52px; background: transparent url(/assets/djoserthema_2011/images/default/djoser_logo.gif) no-repeat left top; } .logo-small span { visibility: hidden; } #mainnav ul { list-style-type: none; margin: 0 0 0 55px; padding: 7px 0 0 0; border-top: 1px solid #ad9646; width: 150px; } #mainnav li { margin-bottom: 7px; padding-bottom: 7px; border-bottom: 1px solid #ad9646; } #mainnav li a { line-height: 0; display: block; margin: 0; padding: 0; border: 0; background-color: transparent; background-position: left top; background-repeat: no-repeat; } #mainnav li a span { visibility: hidden; } #contact-by-phone { margin: 2.5em 0 1em 55px; padding: 0; background-color: transparent; background-repeat: no-repeat; background-position: left top; } #contact-by-phone span { visibility: hidden; } #bannercolumn { position: relative; margin: -115px 0 0 0; padding: 0; width: 165px; z-index: 2; } #bannercolumn a { border: 0; } #bannercolumn img { margin-bottom: 1em; } #bannercolumn object { margin-bottom: 1em; } #bannercolumn-right { position: absolute; top: 260px; right: 60px; border-top: 1px solid #ad9646; width: 170px; z-index: 3; } #bannercolumn-right a { border: 0; } #bannercolumn-right img { margin-bottom: 1em; } #bannercolumn-right object { margin-bottom: 1em; } #insurance-logos { margin: 0 0 0 60px; } #insurance-logos a { display: block; float: left; margin-left: 5px; width: 30px; height: 28px; background-color: transparent; background-repeat: no-repeat; background-position: left top; } #insurance-logos a span { visibility: hidden; } #insurance-logos a.calamiteitenfonds { background-image: url(/assets/djoserthema_2011/images/default/logo_calamiteiten.gif); } #insurance-logos a.anvr { background-image: url(/assets/djoserthema_2011/images/default/logo_anvr.gif); } #insurance-logos a.sgr { background-image: url(/assets/djoserthema_2011/images/default/logo_sgr.gif); } #quicksearch { margin: 0 0 40px 55px; width: 139px; } #quicksearch label { display: block; font-size: 0; margin: 0 0 8px 0; border: 0; background-color: transparent; background-position: left top; background-repeat: no-repeat; } #quicksearch label span { visibility: hidden; } #quicksearch input { float: left; } #quicksearch input.input { margin: 0; padding: 5px; border: 0; width: 116px; height: 13px; background: transparent url(/assets/djoserthema_2011/images/default/bg_search.gif) no-repeat left top; } #quicksearch input.submit { font-size: 0; color: white; margin: 4px 0 0 -30px; padding: 0; border: 0; width: 15px; height: 15px; background: transparent url(/assets/djoserthema_2011/images/default/bg_search_button.gif) no-repeat left top; } #quicksearch input.submit { cursor: pointer; } #breadcrumbs { position: absolute; top: 230px; left: 248px; right: 50px; } #breadcrumbs ul { list-style-type: none; margin: 0; padding: 0; } #breadcrumbs ul li { display: inline; margin-right: 0; padding-left: 15px; font-size: .9em; background: transparent url(/assets/djoserthema_2011/images/default/bullet_crumb_brown.gif) no-repeat 3px .4em; } #breadcrumbs li:first-child, #breadcrumbs li#firstcrumb { padding-left: 0; background-image: none; } #breadcrumbs li a { border: 0; color: #6c4314; padding-left: 0; background: none; } #breadcrumbs li a:hover { text-decoration: underline; } .addthis_buttons { position: absolute; top: 130px; right: 50px; z-index: 5; height:15px;} .addthis_buttons a { border: 0; } .addthis_buttons a.addthis_button_google_plusone { width:50px; } #globalnav { position: absolute; top: 0; left: 230px; right: 35px; margin: 0; z-index: 2; } #globalnav-zone1 { position: absolute; top: 0; left: 490px; padding-left: 10px; min-width: 235px; width: auto; height: 35px; background: transparent url(/assets/djoserthema_2011/images/default/bg_globalnav_zone1_left.png) no-repeat left top; z-index: 1; } #globalnav-zone1.chat { min-width: 320px; left:405px;} #globalnav-zone1 ul { list-style-type: none; margin: 0; padding: 3px 10px 0 0; height: 32px; background: transparent url(/assets/djoserthema_2011/images/default/bg_globalnav_zone1_right.png) no-repeat right top; } #globalnav-zone1 ul li { float: left; margin: 4px 15px 0 0; padding: 0 0 0 15px; border-left: 1px solid #3e3333; } #globalnav-zone1 ul li.first-item { padding-left: 0; border-left: 0; } #globalnav-zone1 ul li a { display: block; border: 0; background-repeat: no-repeat; background-position: left top; } #globalnav-zone1 ul li a span { visibility: hidden; } #globalnav-zone1 ul li:hover .subnav { display: block; } #globalnav-zone2 { position: absolute; top: 160px; left: 0; width: 730px; height: 32px; background: transparent url(/assets/djoserthema_2011/images/default/bg_globalnav_zone2.gif) no-repeat left top; } #globalnav-zone2 ul { list-style-type: none; margin: 0 0 0 5px; padding: 0; } #globalnav-zone2 ul li { float: left; margin: 3px 10px 0 0; padding: 0 0 0 10px; } #globalnav-zone2 ul li .tab { padding: 0 10px 0 0; } #globalnav-zone2 ul li a { display: block; height: 20px; padding-bottom: 10px; border: 0; background-repeat: no-repeat; background-position: left top; } #globalnav-zone2 ul li a span { visibility: hidden; } #globalnav-zone2 ul li:hover, #globalnav-zone2 ul li.selected { background: transparent url(/assets/djoserthema_2011/images/default/bg_menu_over_left.gif) no-repeat left top; } #globalnav-zone2 ul li:hover .tab, #globalnav-zone2 ul li.selected .tab { background: transparent url(/assets/djoserthema_2011/images/default/bg_menu_over_right.gif) no-repeat right top; } #globalnav-zone2 ul li.selected .subnav, #globalnav-zone2 ul li:hover .subnav { display: block; } #globalnav-zone2 .subnav { display: none; position: absolute; top: 24px; left: 0; width: 730px; background-color: #f2e5ac; } #globalnav-zone2 .subnav ul { } #globalnav-zone2 .subnav ul li { margin-top: 0; background: none !important; } #globalnav-zone2 .subnav ul li .tab { background: none; } #globalnav-zone2 .subnav ul li a { padding-bottom: 5px; } #mainnav h2, #breadcrumbs h2, #globalnav h2 { display: none; } #footer { } #props { position: absolute; bottom: 1em; left: 1em; } html>body #props { position: fixed; } #props a, #props a:visited { color: #afafaf; border: 0; } /** * Large content-area */ .large-content #content { padding-right: 150px; } .large-content #headervisual { display: none; } .subsite-homepage #container { min-height: 900px; } .subsite-homepage #content { padding: 30px 0 1em 172px; } .subsite-homepage #content .contenttext { } /** * Page content */ .contenttext { margin-bottom: 1em; } #pagebody { } /* .feed: RSS-feed button placement */ .feed { border: 0 !important; margin-left: 1em; } h1 .feed, dt .feed { float: right !important; } .feed img { vertical-align: text-top; } /* header is wrapped in when feed button is available */ #content h1 { background-color: transparent; background-repeat: no-repeat; background-position: left top; } #content h1 span.pagetitle { visibility: hidden; } /* inline sections on the homepage */ .inline-block { clear: both; position: relative; } dl.inline-sections { position: absolute; clear: both; margin: 0 0 1em 0; padding: 50px 0 0 0; width: 769px; background: transparent url(/assets/djoserthema_2011/images/default/bg_news_top.png) no-repeat left top; } dl.inline-sections dd { float: left; margin: 0; padding: 0 40px; width: 689px; min-height: 100px; background: transparent url(/assets/djoserthema_2011/images/default/bg_news_repeat.png) repeat-y left top; } dl.inline-sections dd h2 { margin: -30px 0 10px -20px; padding: 10px 20px; background: transparent url(/assets/djoserthema_2011/images/default/bg_news.png) no-repeat left top; } dl.inline-sections dd h2 span { display: block; text-indent: -9000px; background-color: transparent; background-repeat: no-repeat; background-position: left top; } dl.inline-sections dd ul { float: left; margin: 0 20px 0 0; padding: 0; width: 260px; list-style-type: none; } dl.inline-sections dd ul li { } dl.inline-sections dd ul li a { font-weight: bold; display: block; color: #6c4314; padding-left: 15px; border: 0; background: transparent url(/assets/djoserthema_2011/images/default/arrow_red.gif) no-repeat 0 .4em; } dl.inline-sections dd ul li a:hover { color: #f45d2b; background-image: url(/assets/djoserthema_2011/images/default/arrow_red.gif); } dl.inline-sections dd.bottom { color: #000000; margin-top: -1px; padding-top: 70px; min-height: 64px; height: 64px; background: transparent url(/assets/djoserthema_2011/images/default/bg_news_bottom.png) no-repeat left top; } /* destination searchform */ #trip-searchform { position: absolute; top: -35px; left: 535px; padding: 30px; width: 230px; height: 131px; background: transparent url(/assets/djoserthema_2011/images/default/bg_tripsearch.png) no-repeat left top; } #trip-searchform h2 { margin-bottom: 35px; } #trip-searchform h2 span { visibility: hidden; } #trip-searchform form { width: 170px; } #trip-searchform form fieldset { margin: 0; padding: 0; border: 0; } #trip-searchform form select { border-color: #6c4314; width: 170px; } /* block: (news)blocks on the homepage */ .blocks { width: 540px; } .theme-block { float: left; margin: 0 0 20px 20px; } .theme-block a { border: 0; } /* default and rich menu */ #menu-header { clear: both; background-color: transparent; background-repeat: no-repeat; background-position: left top; } #menu-header span { visibility: hidden; } .menu_default { clear: both; margin: 0; padding: .3em 0; list-style-type: none; } .menu_default li { margin-bottom: .3em; } .menu_default li a { display: block; font-weight: bold; padding-left: 15px; border: 0; background: url(/assets/djoserthema_2011/images/default/bullet_red.gif) no-repeat 0 .4em; } .menu_default li a:hover { background-image: url(/assets/djoserthema_2011/images/default/bullet_brown.gif); } .menu_rich { clear: both; margin: 1em 0 2em 0; padding: 0; width: 500px; list-style-type: none; } .menu_rich li { float: left; width: 240px; min-height: 180px; margin: 0 10px 1em 0; } .menu_rich li img { display: block; margin: 0; } .menu_rich li a { border: 0; } .menu_rich span { display: block; font-weight: bold; margin: 0; padding-left: 15px; background: transparent url(/assets/djoserthema_2011/images/default/bullet_red.gif) no-repeat 0 .3em; } .menu_rich a:hover span { background-image: url(/assets/djoserthema_2011/images/default/bullet_brown.gif); } .menu_group ul { clear: both; margin: 0; padding: 0; list-style-type: none; } .menu_group ul li.group-item { float: left; width: 170px; min-height: 110px; margin: 0 0 1em 0; padding-left: 105px; background-color: transparent; background-repeat: no-repeat; background-position: left top; } .menu_group ul li.group-item a { display: block; border: 0; background-color: transparent; background-repeat: no-repeat; background-position: left top; } .menu_group ul li.group-item a span { font-size: 0; visibility: hidden; } .menu_group ul li.group-item ul li a { display: inline; color: #6c4314; padding-left: 10px; background: transparent url(/assets/djoserthema_2011/images/default/arrow_red.gif) no-repeat 0 .3em; } .menu_group ul li.group-item ul li a:hover { color: #f45d2b; background-image: url(/assets/djoserthema_2011/images/default/arrow_red.gif); } /* Default and rich lists */ ul.default { clear: both; margin: 0; padding: 0; list-style-type: none; } ul.default li { clear: both; margin: 0 0 2em 0; } ul.default li h2 { margin: 0; padding: 0 0 0 15px; background: transparent url(/assets/djoserthema_2011/images/default/bullet_red.gif) no-repeat 0 .1em; } ul.default li h2 a { display: block; border: 0; background-color: transparent; background-repeat: no-repeat; background-position: left top; } ul.default li h2 a:hover { } ul.default li h2 a span { visibility: hidden; } ul.default li p { margin: 0; padding: 0; } ul.default li .read-more { float: right; padding: 6px 5px 6px 10px; background: transparent url(/assets/djoserthema_2011/images/default/bg_readmore.gif) no-repeat left top; } ul.default li .read-more a { display: block; border: 0; background-color: transparent; background-repeat: no-repeat; background-position: left top; } ul.default li .read-more span { visibility: hidden; } ul.rich { clear: both; margin: 0; padding: 0; list-style-type: none; } ul.rich li { min-height: 150px; margin-bottom: 1em; padding: .3em; } ul.rich li h2 { padding: .2em 1em .1em .3em; font-size: 1.2em; background-color: #e8e8e8; } ul.rich li h2 a { text-decoration: none; border: 0; } ul.rich li img { margin: 0 .3em .5em .5em; } /* default and rich group */ dl.group { clear: both; } dl.group dt { margin: 1em 0 .5em 0; } dl.group dt a { font-weight: bold; } dl.group dd { margin-left: .3em; } .group_rich { clear: both; } .group_rich dt { clear: both; margin-top: 1em; padding: .3em; background-color: #e8e8e8; } .group_rich dt a { border: 0; margin-bottom: .2em; } .group_rich h2 { margin-bottom: .2em; } .group_rich dd { min-height: 150px; margin: 0 0 0 1em; padding: 1em .5em 0em .5em; border-bottom: 2px solid #e8e8e8; } .group_rich img { vertical-align: top; border: 1px solid #afafaf; margin: .2em 0 1em 1em; padding: 5px; } /* semicolumn, for providing a 2-column layout, to be used in conjunction with float-left/float-right */ .semicolumn { width: 49%; padding: 0; margin: 0 0 1em 0; } /* imgbox and linkboxes */ .imgbox_wrapper { clear: both; margin: 1em 0; width: 100%; } .imgbox_wrapper .imgbox { margin: 0 .6em 0 0; padding: 0; border: 0; } .imgbox { float: left; margin: 0 1em .5em 0; padding: 0; } .imgbox img { display: block; margin: 0; border: 0; } .imgbox p { margin: 0; padding: .3em; font: bold .8em/1.2em Verdana, Helvetica, sans-serif; color: #f45d2b; background-color: #e8e8e8; } .linkbox_default, .linkbox_rich, .linkbox_video { clear: both; float: left; margin: 0 1em .5em 0; padding: 0; width: 175px; list-style-type: none; } .linkbox_default li { margin: 0; padding: 0 .6em; } .linkbox_default li a { display: block; font-weight: bold; padding-left: 15px; border: 0; background: transparent url(/assets/djoserthema_2011/images/default/bullet_red.gif) no-repeat 0 .4em; } .linkbox_default li a:hover { background-image: url(/assets/djoserthema_2011/images/default/bullet_brown.gif); } /* basicform styles form elements, marked up in a definition list */ .basicform dl input, .basicform dl textarea, .basicform dl select { width: 100%; } .radio, .radio:hover, .checkbox, .checkbox:hover { width: auto !important; border: 0 !important; } .basicform dl dt { clear: both; float: left; font-weight: bold; width: 40%; } .basicform dl dd { width: 60%; float: left; margin: 0 0 1em 0; } .errors { font-style: italic; color: #f45d2b; } .header { margin: 1em 0; } .header.formpage { display: block; width: auto; float: none; border-bottom: 1px solid #f45d2b; } .header.formpage+dd { display: none; } .basicform dl dd.calendar-container input { width: 85%; } .calendar { position: relative; } .calendar img { position: absolute; left: -30px; top: 0; cursor: pointer; } .calendar-input { display: none; position: absolute; left: 0; top: 25px; width: 300px; border: 2px outset #f6f6f6; background-color: #f6f6f6; } .calendar-input .calendar-navigation { } .calendar-input .calendar-date-selection select { width: 50%; } .calendar-input table { width: 100%; } .calendar-input table td.cpDayColumnHeader { background-color: #dedede; } .calendar-input table td.cpDayColumnHeader span { font-weight: bold; color: #002065; } .calendar-input table .cpOtherMonthDate, .calendar-input table .cpOtherMonthDate:visited, .calendar-input table .cpOtherMonthDate:active { color: #ceced0; } .calendar-input table table td:hover { background-color: #dedede; color: #002065; } .calendar-input table table td a { display: block; border-bottom: 1px solid #f6f6f6; } .calendar-input table table td.cpTodayText { text-align: center; background-color: #dedede; } .calendar-input table table td.cpTodayText a { border-bottom: 0px; font-weight: bold; } .progress { text-align: right; color: #f45d2b; font-weight: bold; width: 93%; } .progresstext { color: #f45d2b; font-weight: bold; } .progressbar { width: 92%; height: .7em; margin: 0 0 1em 0; border: 1px solid #6c4314; border-left-width: 5px; background-color: white; } #progressfill { height: 100%; background-color: #6c4314; } /* search styles: form, info and results */ #resultsinfo { padding-bottom: .2em; background-color: #e8e8e8; } #resultsinfo h2 { float: left; font-size: 1.2em; } #resultsinfo p { float: right; margin: 0; } #resultsinfo h2, #resultsinfo p { margin: 0; padding: .2em 1em .1em .3em; color: #f45d2b; } #searchform { margin: 0; padding: 1em 2em; min-height: 89px; background: transparent url(/assets/djoserthema_2011/images/default/bg_search_large.gif) no-repeat left top; } #searchform div { float: left; margin: 0 0 1em 1em; } #searchform div label { display: block; clear: both; } #searchform div input { float: left; margin: 0 1em 0 0; } #searchform div input.submit { border: 0; } #searchform div p { margin: 0 0 .5em 0; } #searchresults { clear: both; margin: 1.5em 0 0 0; } #searchresults dt { margin: 2em 0 .6em 0; background: transparent url(/assets/djoserthema_2011/images/default/bg_tape.gif) no-repeat left top; } #searchresults dd { margin: .3em 0 0 1.4em; } /* highlighting for search terms */ .highlight { background-color: #e8e8e8; } /* sitemap */ ul.sitemap { margin: 1em 1em 1em 0; padding: 0; list-style-type: none; } ul.sitemap li { } ul.sitemap li a { font-weight: bold; color: #6c4314; padding: .3em; border: 0; background-color: #d9cab4; } ul.sitemap li a:hover { color: #f45d2b; } ul.sitemap li ul { margin: 0 1em 1em 0; padding: 0; list-style-type: none; } ul.sitemap li ul li { margin-top: .3em; } ul.sitemap li ul li ul { margin: .3em 1em 1em 4em; padding: 0; list-style-type: none; } ul.sitemap li ul li ul li { margin-top: 0; } ul.sitemap li ul li ul li a { font-weight: normal; padding-left: 10px; background: transparent url(/assets/djoserthema_2011/images/default/bullet_crumb_brown.gif) no-repeat 0 .6em; } ul.sitemap li ul li ul li a:hover { background-image: url(/assets/djoserthema_2011/images/default/bullet_crumb_red.gif); } /* chapters in documents */ #chapters { clear: both; } #chapters h2 { clear: both; margin: 0; padding: 0; } #chapters ul.chapters { margin: 0; padding: 0; list-style-type: none; } #chapters li.chapter { margin: 0; padding: 0; } #chapters li.chapter a { font-weight: bold; padding-left: 15px; border: 0; background: transparent url(/assets/djoserthema_2011/images/default/bullet_red.gif) no-repeat 0 .2em; } #chapters li a:hover { background-image: url(/assets/djoserthema_2011/images/default/bullet_brown.gif); } li.chapter { margin: 1em 0 1em 0; } /* navbox, for displaying next/previous/index links */ .navbox { float: left; clear: both; margin-top: 2em; padding: 10px; width: 478px; height: 22px; text-align: center; background: transparent url(/assets/djoserthema_2011/images/default/bg_navbox.gif) no-repeat left top; } .navbox a { display: block; border: 0; background-color: transparent; background-repeat: no-repeat; background-position: left top; } .navbox span { visibility: hidden; background-color: transparent; background-repeat: no-repeat; background-position: left top; } /* previous, next, index and page links in navbox */ .prev { float: left; } .next { float: right; } .index { float: left; margin: 0 0 0 80px; } .page { margin: 0 .2em; } .page a { padding: 2px 6px; } /* more: paragraph with a "read more" link */ .more { clear: both; margin: 1em .5em; } .more a { padding: 0 15px 0 0; } .more a:hover { } /* date: date in messages */ .date { margin: 0; color: #999; } /* button: transforms a normal button to a styled button */ .button { float: right; width: auto !important; border: 1px solid #f3e6d6; cursor: pointer; padding: 0; font: bold 1.2em Verdana, Helvetica, sans-serif; color: #f45d2b; background-color: transparent; } .button:active { border-style: inset; } .submit { } /* preview bar */ #preview-bar { position: fixed; left: 0; right: 0; top: 0; margin: 0; padding: 0; border-bottom: 2px solid #f45d2b; text-align: center; background-color: white; } #preview-bar #previewselect { margin: 0; padding: .5em 0; background-color: #ffa; opacity: .5; } #preview-bar:hover #previewselect { opacity: .8; } #preview-bar #previewselect input, #preview-bar #previewselect select { margin: 0 1em; } /** * Djoser * Templates that are only used in Djoser-branch */ /* bookingform */ .bookingform { width: 556px; height: 478px; background: transparent url(/assets/djoserthema_2011/images/default/bg_tsa.gif) no-repeat left top; } .bookingform div.inner { padding: 25px 60px 25px 25px; } .bookingform iframe { width: 480px; height: 453px; margin: 25px 0 0 25px; } .booking { padding: 8px 0; margin-bottom: 11px; } .booking span.title { display: block; float: left; width: 100px; } #booking span.selecttitle { display: block; float: left; width: 100px; } .booking_submit { border: 0; } #livechat { position: absolute; top: 0; right: 250px; z-index: 5; } #livechat a { border: 0; } /** * Common * Very often used classes */ /* positioning and visibility */ .clear-both { clear: both; } .float-left { float: left; } .float-right { float: right; } .inline { display: inline; } .block-level { display: block; } .nodisplay { display: none; } .show { visibility: visible; } .hide { visibility: hidden; } .align-left { text-align: left; } .align-right { text-align: right; } /* coloring and text decoration/transformation */ .no-border { text-decoration: none; } .back { font-weight: bold; padding-left: 15px !important; border: 0; background: url(/assets/djoserthema_2011/images/default/bullet_red.gif) no-repeat 0 .3em; } .back:hover { background-image: url(/assets/djoserthema_2011/images/default/bullet_brown.gif); } .red { color: red; } .req { color: #f45d2b; } .err { color: #f45d2b; font-weight: bold; } input.err { font-weight: normal; background-color: #ffbfbf; } .notice { background-color: #ffa; color: #6c4314; border: 1px solid #ffdfca; padding: .3em; } .white { color: white; } .chosen { color: #6c4314; font-weight: bold; } /* odd, even and first for row coloring (zebra tables and distinctive first row) */ .odd { background-color: #fff; } .even { background-color: #ffdfca; } .first { background-color: #ffdfca; border: solid #e8e8e8; border-width: 0 1px; }