/** ConfTool Custom CSS File **/ /** Main Background **/ body { background-color: #fff; background: url(bg_image.jpg) 50% 185px no-repeat, url(bg.png) top repeat-x,url(bodyBG.jpg) repeat; margin-top: 29px; /*background: 60% 60%, 100% 100%, 100% 100%;*/ } /** Link Colors **/ a:link, .link_button_logout { color: #841617; } a:visited { color: #5B1012; } a:active { color: #444; } a:hover { color: #444; } /** Login Page Colours **/ .tbldialog { background: #fff; } .td_dlg_title { background: #841617; } .td_dlg_title h3 { color: #ffffff; } /* playfair-display-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Playfair Display'; font-style: normal; font-weight: 400; src: url('fonts/playfair-display-v37-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/playfair-display-v37-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* playfair-display-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Playfair Display'; font-style: normal; font-weight: 700; src: url('fonts/playfair-display-v37-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/playfair-display-v37-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /** Navigation Bars **/ /** Main navigation bar with flat white background **/ /* .navbar { background: #f8f8f8; } */ /* .navbar_elements_hover:hover { background: #eeeeee; } */ /* .navbar_breadcrumb, .navbar_footer { background: #eef4ff; } */ /** Main navigation bar with dark gray background **/ /* .navbar { background: #858585 url(images/navbar_bg_dark.gif) repeat-x; border: 1px solid #666666; } /* */ /* .navbar_elements_hover:hover { background: #585858 url(images/navbar_bg_dark_hover.gif) repeat-x; } /* */ /* .cthead_a, .link_button_logout, .navbar_item { color: #ffffff !important;} /* */ /* .navbar_elements, .navbar_elements_td {border-right: 1px solid #333333; } /* */ /* .navbar_elements_right {border-right: 0; border-left: 1px solid #333333; } /* */ /** Main navigation bar with very dark background **/ /* .navbar { background: #2d2d2d; border: 1px solid #4c4c4c; } /* */ /* .navbar_elements_hover:hover { background: #4c4c4c; } /* */ /* .cthead_a, .link_button_logout, .navbar_item { color: #dddddd !important;} /* */ /* .navbar_elements, .navbar_elements_td {border-right: 1px solid #555555; } /* */ /* .navbar_elements_right {border-right: 0; border-left: 1px solid #555555; } /* */ /** Main navigation bar with colourful dark background and inverted white hover **/ .cthead_a, .link_button_logout, .navbar_item { color: #333 !important; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .navbar { background: #f5f5f5; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out;border: 1px solid #ddd; } .navbar_elements_hover:hover { background: #fff; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out;} .navbar_elements_hover:hover .cthead_a, .navbar_elements_hover:hover .link_button_logout, .navbar_elements_hover:hover .navbar_item { color:#333 !important;-webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out;} .navbar_elements, .navbar_elements_td {border-right: 1px solid #ddd; } .navbar_elements_right {border-right: 0; border-left: 1px solid #ddd; } /** Sub navigation bar with breadcrumbs */ /* .navbar_breadcrumb, .navbar_footer { border: 1px solid #d2d2d2; background: #fafafa; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } */ /* Extra navigation bars on browse and edit sessions pages */ /* .navbar_sessions { border-collapse: separate !important; border-spacing: 2px !important; } */ /* .navbar_sessions td { } */ /* .navbar_adminSessions { border-collapse: separate !important; border: 0 !important; border-spacing: 5px; } */ /* .navbar_adminSessions td { } */ /** Color of Form Separator - White Text! **/ .form_td_separator_gradient, .infoview_sep { background: #841617; } /** Colours for Lists and Details Pages **/ .oddrow { background-color: #f9f9f5; } .evenrow { background-color: #f3f3eb; } .oddrow_highlight { background-color: #edede2; } .evenrow_highlight { background-color: #edede2; } /** Menu pages: better do not change... **/ /* .mediumbg_gradient, .mediumbg { background: #cccccc; color: #000; } */ /* .brightbg { background-color: #f0f0f0; } */ /* .lightbg { background-color: #e6e6e6; } */ /** Buttons: Please remember to change all background colour definitions **/ input.button, .smallbutton, .tinybutton, .fakeButton { color:#fff !important; background:#754 !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e0c0b0), color-stop(1, #532)) !important; background: linear-gradient(to bottom, #e0c0b0, #532) !important; filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#e0c0b0',EndColorStr='#532') !important; border-color:#f8f8f8 #999999 #999999 #f8f8f8 !important; } /** Border of content area - OLD METHOD **/ /** Padding of Content Area - OLD METHOD **/ div#main_nw { padding: 0px; margin: 0px; } /* Outer box with CSS border and padding - NEW METHOD */ /* To use this add the following line to conftool.conf: $ctconf['web/newlayout'] = true; */ div#main_box { background: transparent; /* background: #fff url(main-bg.gif) repeat-x; */ /* background: transparent; */ /*padding: 10px; margin: 0px; border: 1px solid #999; -moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px; -moz-box-shadow: 0px 1px 6px #999; -webkit-box-shadow: 0px 1px 6px #999; box-shadow: 0px 1px 6px #999; behavior: url(jscripts/PIE.htc);*/ } /** With of content area including the padding */ .main { width: 940px; } /* 902 +10+10 (#main_box) +5+5 (#below_siteheader) */ /* Main div for siteheader. Add header background or transparency here */ /* ATTENTION: The main div of the sitehader must include