forked from science-ation/science-ation
d2535f46bc
- Redirect all ajax load output to a debug div (which can be turned on with debug=true). The output has to go somewhere, and it can't go to the notification div, because it will overwrite what's already there. The ajax methods emit javascript now to add notifications.
436 lines
6.2 KiB
CSS
436 lines
6.2 KiB
CSS
body
|
|
{
|
|
font-family: Verdana, Arial, Sans-Serif;
|
|
font-size: small;
|
|
margin: 0;
|
|
padding: 0;
|
|
background: #E0E0FF;
|
|
height:100%;
|
|
}
|
|
|
|
input, textarea, select
|
|
{
|
|
font-family: Verdana, Arial, Sans-Serif;
|
|
font-size: small;
|
|
}
|
|
|
|
td {
|
|
vertical-align: top;
|
|
}
|
|
|
|
|
|
table tr.even {
|
|
background: #EEEEFF;
|
|
}
|
|
|
|
table tr.odd {
|
|
background: #E0E0F8;
|
|
}
|
|
|
|
#header {
|
|
height: 50px;
|
|
text-align: center;
|
|
background: #E0E0FF;
|
|
padding: 10px;
|
|
}
|
|
|
|
#footer {
|
|
width: 100%;
|
|
text-align: center;
|
|
background-color : #5C6F90;
|
|
font-size: 0.8em;
|
|
}
|
|
|
|
#footer a {
|
|
text-decoration: none;
|
|
font-size: 1em;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
#left {
|
|
width: 165px;
|
|
background: #EEEEFF;
|
|
border: 2px solid Silver;
|
|
padding: 5px;
|
|
font-size: 1.0em;
|
|
}
|
|
|
|
|
|
#main {
|
|
margin-right: 10px;
|
|
background: #EEEEFF;
|
|
padding: 3px;
|
|
border: 2px solid Silver;
|
|
min-height: 600px;
|
|
width: 99%;
|
|
}
|
|
|
|
#mainwhere {
|
|
margin-right: 10px;
|
|
background: #EEEEFF;
|
|
padding: 3px;
|
|
border-top: 2px solid Silver;
|
|
border-left: 2px solid Silver;
|
|
border-right: 2px solid Silver;
|
|
font-size: 0.85em;
|
|
width: 99%;
|
|
}
|
|
|
|
|
|
#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;
|
|
margin-bottom: .3em;
|
|
}
|
|
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.mainnav {
|
|
list-style : none;
|
|
margin : 0;
|
|
padding : 0;
|
|
background-color : #d6d6d6;
|
|
width: 165px;
|
|
}
|
|
|
|
ul.mainnav li {
|
|
display : block;
|
|
border-top : 1px solid #a5b5c6;
|
|
}
|
|
|
|
ul.mainnav li a {
|
|
display : block;
|
|
margin : 0;
|
|
padding : 6px;
|
|
background-color : #5C6F90;
|
|
font : bold 0.9em/1.5em Arial, sans-serif;
|
|
color : #fff;
|
|
text-decoration : none;
|
|
}
|
|
|
|
ul.mainnav li a:hover {
|
|
background-color : #63616b;
|
|
color : #eee;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.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: 2px solid black;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
margin-left: 30px;
|
|
margin-right: 30px;
|
|
|
|
}
|
|
|
|
.summarytable th {
|
|
border: 2px 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: 2px solid black;
|
|
margin: 0px;
|
|
padding: 2px;
|
|
|
|
}
|
|
|
|
.complete {
|
|
color: green;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.incomplete {
|
|
color: red;
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
.error {
|
|
color: red;
|
|
font-weight: bold;
|
|
border: 1px solid red;
|
|
background: #F0DCDC;
|
|
}
|
|
|
|
|
|
.notice {
|
|
font-weight: bold;
|
|
border: 1px solid Silver;
|
|
background: #E0E0FF;
|
|
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 {
|
|
background-color: #CCCCDD;
|
|
font-style: italic;
|
|
}
|
|
|
|
.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;
|
|
|
|
}
|
|
|
|
|
|
.SFIABDialog {
|
|
font-size: 0.8em;
|
|
background-color: #EEEEFF;
|
|
border: 3px solid #5C6F90;
|
|
z-index: 140;
|
|
}
|
|
|
|
.SFIABDialogInner {
|
|
background-color: #EEEEFF;
|
|
margin: 4px;
|
|
padding: 4px;
|
|
z-index: 150;
|
|
|
|
}
|
|
|
|
#FadeScreenDiv {
|
|
filter:alpha(opacity=50);
|
|
-moz-opacity:.50;
|
|
opacity:.50;
|
|
position: fixed;
|
|
display: block;
|
|
visibility: hidden;
|
|
top: 0px;
|
|
left: 0px;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 100;
|
|
background-color: black;
|
|
_background: none;
|
|
margin: 0px 0px 0px 0px;
|
|
clear: none;
|
|
}
|
|
|
|
.SFIABDialogTable {
|
|
border-spacing: 1px;
|
|
color: black;
|
|
margin-left: 20px;
|
|
margin-right: 20px;
|
|
font-size: 0.9em;
|
|
border: 0px;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
.SFIABDialogTable td {
|
|
border: 0px solid #5C6F90;
|
|
padding: 1px;
|
|
}
|
|
|
|
.SFIABDialogTable th {
|
|
border: 1px solid #5C6F90;
|
|
font-weight: bold;
|
|
text-align: left;
|
|
color: #FFFFFF;
|
|
background-color: #5C6F90;
|
|
padding: 2px;
|
|
}
|
|
|
|
div.notice_area {
|
|
position: fixed;
|
|
}
|
|
|
|
/* 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;
|
|
}
|
|
|