/** ConfTool Custom CSS File **/ /* titillium-web-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: 'Titillium Web'; font-style: normal; font-weight: 400; src: url('./fonts/titillium-web-v17-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* titillium-web-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: 'Titillium Web'; font-style: normal; font-weight: 700; src: url('./fonts/titillium-web-v17-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } html { background: #ffffff; } /** Main Background **/ body { margin: 0; padding: 0; background: linear-gradient( 180deg, #BD5687 0px, #542059 177px, white 177px, white 217px, rgba(0, 0, 0, 0.15) 217px, rgba(255, 255, 255, 0) 225px, white 225px ); } /** Link Colors **/ a:link, .link_button_logout { color: #542059; } a:visited { color: #856088; } a:active { color: #E75294; } a:hover { color: #E75294; } /** Login Page Colours **/ .tbldialog { background: #fff; } .td_dlg_title { background: #384148; } .td_dlg_title h3 { color: #ffffff; } /** Example 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 colourful dark background and inverted white hover **/ /* .cthead_a, .link_button_logout, .navbar_item { color: #ffffff !important; } .navbar { background: #E5003D; border: 1px solid #E5003D; } .navbar_elements_hover:hover { background: #ffffff; } .navbar_elements_hover:hover .cthead_a, .navbar_elements_hover:hover .link_button_logout, .navbar_elements_hover:hover .navbar_item { color:#000000 !important;} .navbar_elements, .navbar_elements_td {border-right: 1px solid #E56688; } .navbar_elements_right {border-right: 0; border-left: 1px solid #E56688; } /* */ /** Higher main navigation bar with dark background and inverted gray hover and no outer border **/ .cthead_a, .link_button_logout, .navbar_item { color: #542059 !important; transition: all 0.2s ease-in-out; } .navbar { background: transparent; height: 34px; padding-top: 6px; padding-bottom: 15px; border:0; width: 100.3%; width: calc(100% + 2px); } .navbar_elements {margin-top: -6px; padding-top: 9px; height: 27px; transition: all 0.2s ease-in-out; } .navbar_elements_hover:hover { background: transparent; height: 27px; margin-top: -6px; padding-top: 9px; } .navbar_elements_hover:hover .cthead_a, .navbar_elements_hover:hover .link_button_logout, .navbar_elements_hover:hover .navbar_item { color: #E75294 !important; } .navbar_elements { border-right: 1px solid #F2F2F2; } .navbar_elements_right { border-right: 0; border-left: 1px solid #F2F2F2; } /* */ /* Define border of session navbar independently of main navbar */ .navbar_sessions_table { margin: 0 !important; padding: 0 !important; border: 1px solid #000000 !important; width: 100%; } .navbar_sessions_table .navbar_elements, .navbar_sessions_table .navbar_elements_td {border-right: 1px solid #000000;} .navbar_sessions_table .navbar_elements_right {border-left: 1px solid #000000;} .navbar_sessions { } .navbar_sessions td {padding-top: 1px !important; height: 29px !important; transition: all 0.2s ease-in-out; } .navbar_sessions td:hover {margin-top: 0 !important; padding-top: 1px !important;} #session_search_wrapper {margin-top: 4px; margin-right: 2px;} /* */ /* Define borders of admin navbar independently of main navbar */ .navbar_adminSessions {margin-top: 0 !important; padding-top: 0 !important; border: 1px solid #000000 !important; width: 100% !important; } .navbar_adminSessions .navbar_elements, .navbar_adminSessions .navbar_elements_td { border-right: 1px solid #000000; border-left: 0;} .navbar_adminSessions .navbar_elements_right { border-left: 1px solid #000000; } .navbar_adminSessions td {padding-top: 5px !important; height: 29px !important; } .navbar_adminSessions td:hover {} .navbar_adminSessions td:last-child { border-right: none;} /* */ /** 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: #384148; } /** Colours for Lists and Details Pages **/ .oddrow { background-color: #f6f4f7; } .evenrow { background-color: #f2eef3; } .oddrow_highlight { background-color: #d5f0f9; } .evenrow_highlight { background-color: #d5f0f9; } /** 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:#ffffff !important; /* background:#dddddd !important; */ /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #dddddd)) !important; */ background: linear-gradient(180deg,#D76195 0%,#742A68 100%)!important; /* filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ffffff',EndColorStr='#dddddd') !important; */ border-color:#bbbbbb #999999 #999999 #bbbbbb !important; } .button_clear { background: #384148; color: #fff; } .button_clear:hover { color: #fff; } /** 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; */ } /** With of content area including the padding */ .main { width: 900px; } /* 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