forked from science-ation/science-ation
ba793ac8e0
Fix tableeditor css to only modify anything in the tableeditor/tableview classes Fix saving language for volunteers Fix error message for saving phone numbers on organization and personal Fix schoolfeedback and schoolinfo pages Update school select tab, better html and school options list Fix css for tertiary menu to show difference between selected and non-selected
760 lines
11 KiB
CSS
760 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;
|
|
}
|
|
|