forked from science-ation/science-ation
759 lines
11 KiB
CSS
759 lines
11 KiB
CSS
*{margin:0}
|
|
|
|
body
|
|
{
|
|
font-family: Verdana, Arial, Sans-Serif;
|
|
font-size: small;
|
|
margin: 0;
|
|
padding: 0;
|
|
background: #E0E0FF;
|
|
height:100%;
|
|
}
|
|
|
|
.clear {
|
|
clear: both;
|
|
}
|
|
|
|
input, textarea, select
|
|
{
|
|
font-family: Verdana, Arial, Sans-Serif;
|
|
font-size: 0.85em;
|
|
margin: 0;
|
|
}
|
|
|
|
td {
|
|
vertical-align: top;
|
|
}
|
|
|
|
|
|
table tr.even {
|
|
background: #EEEEFF;
|
|
}
|
|
|
|
table tr.odd {
|
|
background: #E0E0F8;
|
|
}
|
|
|
|
#topnav {
|
|
margin: 0px;
|
|
font-size: 0.95em;
|
|
background-color: white;
|
|
text-align: right;
|
|
background: #E0E0FF;
|
|
border-bottom: 1px solid silver;
|
|
}
|
|
|
|
#header {
|
|
height: 50px;
|
|
text-align: center;
|
|
background: #E0E0FF;
|
|
padding: 5px;
|
|
border-bottom: 2px solid silver;
|
|
margin-bottom: 5px;
|
|
height: 70px;
|
|
}
|
|
|
|
#header-logo {
|
|
position: absolute;
|
|
width: 170px;
|
|
text-align: center;
|
|
}
|
|
|
|
#header-title {
|
|
position: absolute;
|
|
left: 200px;
|
|
margin-right: 380px;
|
|
}
|
|
|
|
#header-conferences {
|
|
border: 1px solid #777777;
|
|
position: absolute;
|
|
right: 240px;
|
|
height: 70px;
|
|
background-color: #DDDDDD;
|
|
}
|
|
|
|
#header-login {
|
|
border: 1px solid #777777;
|
|
background-color: #DDDDDD;
|
|
position: absolute;
|
|
right: 5px;
|
|
height: 70px;
|
|
width: 230px;
|
|
}
|
|
#header-login table {
|
|
border-collapse: collapse;
|
|
width: 100%;
|
|
}
|
|
|
|
#primarymenu,
|
|
#channel-menu {
|
|
text-align: center;
|
|
background: #E0E0FF;
|
|
padding: 2px;
|
|
border-bottom: 1px solid silver;
|
|
margin-top: 0px;
|
|
margin-bottom: 5px;
|
|
height: 24px;
|
|
}
|
|
|
|
#secondarymenu #division-menu {
|
|
text-align: center;
|
|
background: #E0E0FF;
|
|
padding: 2px;
|
|
border-bottom: 1px solid silver;
|
|
margin-top: 0px;
|
|
margin-bottom: 5px;
|
|
height: 22px;
|
|
}
|
|
|
|
#tertiarymenu, #topic-menu {
|
|
width: 200px;
|
|
min-height: 600px;
|
|
background: #EEEEFF;
|
|
border: 2px solid Silver;
|
|
padding: 5px;
|
|
font-size: 1.1em;
|
|
float: left;
|
|
margin-left: 0px;
|
|
margin-right: 10px;
|
|
padding-left: 3px;
|
|
}
|
|
|
|
.topic-menu ul {
|
|
margin-left: 0px;
|
|
padding-left: 0px;
|
|
|
|
|
|
}
|
|
|
|
.topic-menu li {
|
|
margin-left: 0px;
|
|
padding-left: 0px;
|
|
}
|
|
.topic-menu li.selected {
|
|
color: red;
|
|
}
|
|
|
|
.sfiab-menu {
|
|
list-style-position: inside;
|
|
list-style-type: none;
|
|
}
|
|
|
|
.sfiab-menu .selected {
|
|
color: red;
|
|
}
|
|
|
|
|
|
#main {
|
|
background: #FFFFFF;
|
|
padding: 3px;
|
|
border: 2px solid Silver;
|
|
min-height: 600px;
|
|
margin: auto;
|
|
}
|
|
|
|
div#main-icon {
|
|
display: block;
|
|
float: left;
|
|
}
|
|
|
|
div#help-icon {
|
|
display: block;
|
|
float: right;
|
|
}
|
|
|
|
#main-title {
|
|
min-height: 45px;
|
|
}
|
|
|
|
div.link-icon {
|
|
padding: 4px;
|
|
}
|
|
|
|
#mainwhere {
|
|
margin-left: 185px;
|
|
margin-right: 3px;
|
|
background: #EEEEFF;
|
|
padding: 3px;
|
|
border-top: 2px solid Silver;
|
|
border-left: 2px solid Silver;
|
|
border-right: 2px solid Silver;
|
|
font-size: 0.85em;
|
|
}
|
|
|
|
#importantdatesbox {
|
|
float: right;
|
|
width: 280px;
|
|
border: 2px solid silver;
|
|
background-color: #E0E0FF;
|
|
padding: 5px;
|
|
}
|
|
|
|
#footer {
|
|
width: 100%;
|
|
margin-top: 5px;
|
|
text-align: center;
|
|
background-color : #5C6F90;
|
|
font-size: 0.8em;
|
|
}
|
|
|
|
#footer a {
|
|
text-decoration: none;
|
|
font-size: 1em;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
|
|
#emptypopup {
|
|
padding: 30px;
|
|
text-align: center;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 2.0em;
|
|
font-weight: bold;
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
h2 {
|
|
font-size: 1.6em;
|
|
font-weight: bold;
|
|
margin-top: 0.10em;
|
|
margin-bottom: 0.80em;
|
|
}
|
|
h3 {
|
|
font-size: 1.4em;
|
|
font-weight: bold;
|
|
margin-top: 0;
|
|
margin-bottom: .2em;
|
|
}
|
|
h4 {
|
|
font-size: 1.2em;
|
|
font-weight: bold;
|
|
margin-top: 0;
|
|
margin-bottom: .1em;
|
|
}
|
|
|
|
ul.primarynav li.primarynav-selected a {
|
|
background-color: white;
|
|
color: black;
|
|
}
|
|
|
|
ul.primarynav {
|
|
list-style : none;
|
|
margin : 0;
|
|
padding : 0;
|
|
border: 0px;
|
|
}
|
|
|
|
ul.primarynav li {
|
|
display: block;
|
|
float: left;
|
|
border: 1px solid black;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
ul.primarynav li a {
|
|
display : block;
|
|
padding : 3px;
|
|
background-color : #5C6F90;
|
|
font-weight: bold;
|
|
color : #fff;
|
|
text-decoration : none;
|
|
}
|
|
|
|
ul.primarynav li a:hover {
|
|
display : block;
|
|
background-color : #63616b;
|
|
color : #eee;
|
|
text-decoration: none;
|
|
}
|
|
|
|
ul.secondarynav {
|
|
list-style : none;
|
|
margin : 0;
|
|
padding : 0;
|
|
border: 0px;
|
|
}
|
|
|
|
ul.secondarynav li {
|
|
display: block;
|
|
float: left;
|
|
border: 1px solid black;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
ul.secondarynav li a {
|
|
display : block;
|
|
padding : 3px;
|
|
background-color : #5C6F90;
|
|
font-weight: bold;
|
|
color : #fff;
|
|
text-decoration : none;
|
|
}
|
|
|
|
ul.secondarynav li a:hover {
|
|
display : block;
|
|
background-color : #63616b;
|
|
color : #eee;
|
|
text-decoration: none;
|
|
}
|
|
|
|
ul.secondarynav li.secondarynav-selected a {
|
|
background-color: white;
|
|
color: black;
|
|
}
|
|
|
|
ul.tertiarynav {
|
|
list-style : none;
|
|
padding: 0;
|
|
|
|
}
|
|
ul.tertiarynav li {
|
|
display: block;
|
|
margin-left: 5px;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
li.link a {
|
|
color: black;
|
|
}
|
|
|
|
li.selected a {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.aligncenter {
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
|
|
a {
|
|
text-decoration: none;
|
|
font-size: 1em;
|
|
color: #5C6F90;
|
|
}
|
|
|
|
a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.summarytable {
|
|
border-collapse: collapse;
|
|
border-spacing: 0px;
|
|
border: 1px solid black;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
margin-left: 30px;
|
|
margin-right: 30px;
|
|
|
|
}
|
|
|
|
.summarytable th {
|
|
border: 1px solid black;
|
|
background-color: #5C6F90;
|
|
padding: 5px;
|
|
margin: 0px;
|
|
font-size: 1.0em;
|
|
color: white;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.summarytable th a{
|
|
font-size: 1.0em;
|
|
color: white;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.summarytable td {
|
|
border: 1px solid black;
|
|
margin: 0px;
|
|
padding: 2px;
|
|
|
|
}
|
|
|
|
.complete {
|
|
color: green;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.incomplete {
|
|
color: red;
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
div.error, span.error {
|
|
color: red;
|
|
font-weight: bold;
|
|
border: 1px solid red;
|
|
background: #F0DCDC;
|
|
}
|
|
|
|
|
|
.notice {
|
|
font-weight: bold;
|
|
border: 1px solid Silver;
|
|
/*background: #E0E0FF; */
|
|
background: #FFFFE0;
|
|
font-size: 1em;
|
|
}
|
|
|
|
.happy {
|
|
color: green;
|
|
font-weight: bold;
|
|
border: 1px solid Silver;
|
|
background: #D0EED0;
|
|
font-size: 1em;
|
|
}
|
|
|
|
.caution {
|
|
text-decoration: none;
|
|
font-weight: bold;
|
|
font-size: 1em;
|
|
color: red;
|
|
}
|
|
|
|
a.caution:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.requiredfield {
|
|
font-weight: bold;
|
|
font-size: 0.8em;
|
|
color: #FF0000;
|
|
}
|
|
|
|
.headertable td {
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
hr {
|
|
margin-top: 2px;
|
|
}
|
|
|
|
tr.externalaward {
|
|
font-style: italic;
|
|
color: #0000AA;
|
|
}
|
|
|
|
.adminconfigtable {
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
.adminconfigtable td {
|
|
text-align: center;
|
|
padding: 5px;
|
|
width: 128px;
|
|
color: #999999;
|
|
}
|
|
|
|
.fundraisingpending {
|
|
color: black;
|
|
border: 1px solid #FFAAAA;
|
|
background: #FFAAAA;
|
|
}
|
|
|
|
.fundraisingconfirmed {
|
|
color: black;
|
|
border: 1px solid #FFFFAA;
|
|
background: #FFFFAA;
|
|
}
|
|
|
|
|
|
.fundraisingreceived {
|
|
color: black;
|
|
border: 1px solid #AAFFAA;
|
|
background: #AAFFAA;
|
|
}
|
|
|
|
.fundraisingtable {
|
|
border-collapse: collapse;
|
|
border-spacing: 0px;
|
|
border: 0px;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
margin-left: 30px;
|
|
margin-right: 30px;
|
|
font-size: 0.8em;
|
|
|
|
}
|
|
|
|
.fundraisingtable th {
|
|
border: 1px solid black;
|
|
background-color: #5C6F90;
|
|
padding: 2px;
|
|
margin: 0px;
|
|
font-size: 1.0em;
|
|
color: white;
|
|
font-weight: bold;
|
|
text-align: left;
|
|
}
|
|
|
|
.fundraisingtable th a{
|
|
color: white;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.fundraisingtable td {
|
|
border: 1px solid black;
|
|
margin: 0px;
|
|
padding: 1px;
|
|
|
|
}
|
|
|
|
/* Notice area floating along the top of the page */
|
|
div.notice_area {
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
position: fixed;
|
|
z-index: 9999;
|
|
}
|
|
|
|
div.notice_area div {
|
|
padding: 0.1em 0;
|
|
border: 0;
|
|
text-align: center;
|
|
position: relative;
|
|
font-size: 1.5em;
|
|
background-color: #FFFFE0;
|
|
}
|
|
|
|
div.notice_area div.notice {
|
|
border: 3px solid yellow;
|
|
color: black;
|
|
background-color: #FFFFE0;
|
|
}
|
|
|
|
div.notice_area div.error {
|
|
border: 3px solid red;
|
|
color: red;
|
|
background-color: #FF9999;
|
|
}
|
|
|
|
div.notice_area div.happy {
|
|
/* border: 2px solid white;
|
|
color: green;
|
|
background-color: #99FF99;*/
|
|
color: white;
|
|
background-color: green;
|
|
}
|
|
|
|
.date {
|
|
width: 80px;
|
|
|
|
}
|
|
|
|
/* The popup windows created with jquery-ui use the following classes:
|
|
* div.ui-dialog
|
|
* div.ui-dialog-titlebar - includes the next 2 items in the div
|
|
* span.ui-dialog-title-dialog - Title text
|
|
* a.ui-dialog-titlebar-close
|
|
* ui-dialog-content */
|
|
|
|
/* Override the background colour */
|
|
.ui-dialog {
|
|
background: #e0e0ff;
|
|
}
|
|
|
|
.ui-widget {
|
|
font-size: 1em;
|
|
}
|
|
|
|
/* Override the titlebar padding, it's too big, make the font
|
|
* a happy size */
|
|
.ui-dialog .ui-dialog-titlebar {
|
|
padding: 0.2em 0.5em 0.2em .5em ;
|
|
font-size: 1.2em;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
/* Required for tabs to work */
|
|
.ui-tabs .ui-tabs-hide {
|
|
display: none;
|
|
}
|
|
|
|
/* Rework the tabs, the default layout with a separate div
|
|
behind only the tabs is silly, and it looks stupid. */
|
|
div.ui-tabs {
|
|
background: none;
|
|
border: none;
|
|
padding: 0;
|
|
}
|
|
|
|
div.ui-tabs div.ui-tabs-panel {
|
|
border: 1px solid #A5B5C6;
|
|
background: #eeeeff;
|
|
}
|
|
|
|
div.ui-tabs ul.ui-tabs-nav {
|
|
border: 0;
|
|
background: none;
|
|
}
|
|
|
|
/* Dump the HUGE tab border and change the font. We need to
|
|
* rework the fonts for ALL of sfiab. "1em" in here is about 20pt*/
|
|
.ui-tabs .ui-tabs-nav li a {
|
|
padding: 0.1em 0.3em 0.1em 0.3em;
|
|
font-size: 1em;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.ui-datepicker {
|
|
z-index: 1003;
|
|
}
|
|
|
|
.text-link {
|
|
cursor: pointer;
|
|
color: #5C6F90;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.text-link-selected {
|
|
font-weight: bold;
|
|
cursor: default;
|
|
text-decoration: none;
|
|
color: #000000;
|
|
}
|
|
|
|
.text-link-disabled {
|
|
font-weight: none;
|
|
cursor: default;
|
|
text-decoration: none;
|
|
color: #c0c0c0;
|
|
}
|
|
|
|
.judging_score {
|
|
text-align: right;
|
|
}
|
|
|
|
.switchon {
|
|
background-color: green;
|
|
color: white;
|
|
}
|
|
|
|
.switchoff {
|
|
background-color: red;
|
|
color: white;
|
|
}
|
|
|
|
ul.conferencenav {
|
|
list-style : none;
|
|
margin : 0;
|
|
padding : 0;
|
|
background-color : #DDDDDD;
|
|
width: 165px;
|
|
}
|
|
|
|
ul.conferencenav li {
|
|
display : block;
|
|
border-top : 1px solid #DDDDDD;
|
|
}
|
|
|
|
ul.conferencenav li a {
|
|
display : block;
|
|
margin : 0;
|
|
padding : 3px;
|
|
background-color : #DDDDDD;
|
|
font : 0.9em/1.2em Arial, sans-serif;
|
|
color : #000;
|
|
text-decoration : none;
|
|
}
|
|
|
|
ul.conferencenav li a.selected {
|
|
display : block;
|
|
margin : 0;
|
|
padding : 3px;
|
|
background-color : #1F6DFF;
|
|
font : 0.9em/1.2em Arial, sans-serif;
|
|
color : #fff;
|
|
text-decoration : none;
|
|
}
|
|
|
|
ul.conferencenav li a:hover {
|
|
background-color : #63616b;
|
|
color : #eee;
|
|
text-decoration: none;
|
|
}
|
|
|
|
|
|
.schedule {
|
|
border: 2px solid silver;
|
|
border-collapse: collapse;
|
|
margin-left: 20px;
|
|
padding: 0px;
|
|
}
|
|
|
|
.schedule th {
|
|
background-color: #1B86B7;
|
|
color: white;
|
|
font-weight: bold;
|
|
width: 150px;
|
|
text-align: center;
|
|
border: 0px solid black;
|
|
padding: 0px;
|
|
}
|
|
|
|
.schedule td {
|
|
border: 0px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
overflow: auto;
|
|
}
|
|
|
|
.schedule td div {
|
|
padding: 0px;
|
|
margin: 0px;
|
|
height: 30px;
|
|
border: 1px solid #CCCCCC;
|
|
}
|
|
|
|
.scheduletime {
|
|
font-size: 0.8em;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.schedule td:hover {
|
|
background-color: #25BEFF;
|
|
}
|
|
|
|
.scheduleevent {
|
|
position: absolute;
|
|
border: 2px solid #777777;
|
|
background: #FFC143;
|
|
margin:0;
|
|
z-index: 1000;
|
|
display: none;
|
|
overflow: auto;
|
|
font-size: 0.8em;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
padding: 0px;
|
|
box-sizing: content-box;
|
|
moz-box-sizing: content-box;
|
|
webkit-box-sizing: content-box;
|
|
|
|
}
|
|
|
|
.scheduleevent_title {
|
|
font-weight: bold;
|
|
font-size: 1.1em;
|
|
}
|
|
|
|
.scheduleevent_general {
|
|
background: #FFC552;
|
|
}
|
|
.scheduleevent_scienceolympic {
|
|
background: #8FB4FF;
|
|
}
|
|
.scheduleevent_sciencefairjudging {
|
|
background: #FFCCF6;
|
|
}
|
|
.scheduleevent_tour {
|
|
background: #CCFFD5;
|
|
}
|