810 lines
12 KiB
CSS
810 lines
12 KiB
CSS
/*
|
|
body{
|
|
margin: 0 auto 20px auto;
|
|
text-align: center;
|
|
padding: 0;
|
|
font: 10px Arial, Helvetica, sans-serif;
|
|
background: #000 url(/images/background4.jpg) top center no-repeat fixed;
|
|
width: 965px
|
|
}
|
|
*/
|
|
|
|
p,ul,li,tr,td,dl,dt,dd {
|
|
font: 12px Arial, Helvetica, sans-serif;
|
|
}
|
|
|
|
hr {
|
|
border: none 0;
|
|
border-top: 1px solid #000000;
|
|
width: 100%;
|
|
height: 1px;
|
|
padding: 0;
|
|
overflow:hidden;
|
|
}
|
|
|
|
.question {
|
|
font: 14px Arial, Helvetica, sans-serif;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.op {
|
|
font: 16px Arial, Helvetica, sans-serif;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.lgtext {
|
|
font: 12px Arial, Helvetica, sans-serif;
|
|
}
|
|
|
|
.large {
|
|
font: 14px Arial, Helvetica, sans-serif;
|
|
}
|
|
|
|
.small {
|
|
font: 11px Arial, Helvetica, sans-serif;
|
|
}
|
|
|
|
.register-text {
|
|
font: 11px Arial, Helvetica, sans-serif;
|
|
font-weight: bold;
|
|
padding: 20px 0 0 0;
|
|
}
|
|
|
|
.options {
|
|
font: 11px Arial, Helvetica, sans-serif;
|
|
background: #ffeeee;
|
|
}
|
|
|
|
.options2 {
|
|
font: 11px Arial, Helvetica, sans-serif;
|
|
background: #eeeeff;
|
|
}
|
|
|
|
.options3 {
|
|
font: 11px Arial, Helvetica, sans-serif;
|
|
background: #eeffee;
|
|
}
|
|
|
|
.rtext {
|
|
text-align: right;
|
|
}
|
|
|
|
.ltext {
|
|
text-align: left;
|
|
}
|
|
|
|
.phrase {
|
|
padding: 20px 20px 20px 20px;
|
|
}
|
|
|
|
.loading {
|
|
font: 24px Arial, Helvetica, sans-serif;
|
|
font-weight: bold;
|
|
color: #006600;
|
|
}
|
|
|
|
b{
|
|
font-weight: bold;
|
|
}
|
|
|
|
h1{
|
|
font: 16px Arial, Helvetica, sans-serif;
|
|
font-weight: bold;
|
|
}
|
|
|
|
h2{
|
|
font: 14px Arial, Helvetica, sans-serif;
|
|
font-weight: bold;
|
|
padding: 0;
|
|
}
|
|
|
|
.readonly {
|
|
border: 0px;
|
|
color: #000000;
|
|
font-weight: bold;
|
|
background: #EEEEEE;
|
|
text-align: right;
|
|
}
|
|
|
|
input,textarea,select {
|
|
font: 12px Arial, Helvetica, sans-serif;
|
|
}
|
|
input.checkbox, input.radio {
|
|
border: none;
|
|
background: none;
|
|
}
|
|
|
|
.green_button {
|
|
background: #88cc88;
|
|
}
|
|
|
|
.red_button {
|
|
background: #ff6666;
|
|
}
|
|
|
|
.blue_button {
|
|
background: #9999ff;
|
|
}
|
|
|
|
.posted_button {
|
|
color: #ffffff;
|
|
background: #aa0000;
|
|
}
|
|
|
|
/*.button, .button a {
|
|
border: 1px solid #ff0000;
|
|
color: #000000;
|
|
background: #ffffff;
|
|
width: 140px;
|
|
height: 21px;
|
|
font: 11px Arial, Helvetica, sans-serif;
|
|
text-decoration: none;
|
|
vertical-align: middle;
|
|
}*/
|
|
|
|
a.button { /*Colour Moved*/
|
|
clear: both;
|
|
display: block;
|
|
margin: 0;
|
|
padding: 0;
|
|
line-height: 34px;
|
|
color: #FDFDFD!important;
|
|
width: 200px;
|
|
height: 36px;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
font-weight: bold;
|
|
}
|
|
|
|
a:hover.button { /*Colour Moved*/
|
|
background-position: 0 -36px;
|
|
}
|
|
|
|
.navbutton, .navbutton a {
|
|
border: 1px solid #ff0000;
|
|
color: #000000;
|
|
background: #eeeeee;
|
|
width: 300px;
|
|
height: 21px;
|
|
text-decoration: none;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.smbutton, .smbutton a {
|
|
border: 1px solid #ff0000;
|
|
font-size: 12px;
|
|
color: #000000;
|
|
background: #eeeeee;
|
|
width: 50px;
|
|
height: 18px;
|
|
text-decoration: none;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.lgbutton, .lgbutton a {
|
|
border: 1px solid #ff0000;
|
|
font-size: 12px;
|
|
color: #000000;
|
|
background: #eeeeee;
|
|
width: 100px;
|
|
height: 18px;
|
|
text-decoration: none;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
vlgbutton, .vlgbutton a {
|
|
border: 1px solid #000000;
|
|
font-size: 11px;
|
|
color: #000000;
|
|
background: #ffffff;
|
|
width: 150px;
|
|
height: 18px;
|
|
text-decoration: none;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.searchbutton, .searchbutton a {
|
|
border: 1px solid #000000;
|
|
font-size: 11px;
|
|
color: #000000;
|
|
background: #ffffff;
|
|
width: 100px;
|
|
height: 18px;
|
|
text-decoration: none;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.actionheader{
|
|
font: 12px Arial, Helvetica, sans-serif;
|
|
font-weight: bold;
|
|
color: #ff0000;
|
|
background: #ffffff;
|
|
}
|
|
|
|
.bold{
|
|
font-weight: bold;
|
|
}
|
|
|
|
.titles{
|
|
font-weight: bold;
|
|
color: #000000;
|
|
background: #dddddd;
|
|
}
|
|
|
|
.cmdtitles {
|
|
font-weight: bold;
|
|
color: #000000;
|
|
background: #eedddd;
|
|
}
|
|
|
|
.data{
|
|
color: #000000;
|
|
background: #eeeeee;
|
|
}
|
|
|
|
.cmd {
|
|
color: #000000;
|
|
background: #eedddd;
|
|
}
|
|
|
|
.expired{
|
|
font-weight: bold;
|
|
color: #000000;
|
|
background: #ffa0a0;
|
|
}
|
|
|
|
.warning{
|
|
color: #000000;
|
|
color: #ffffff;
|
|
background: #ff8040;
|
|
}
|
|
|
|
.notice{
|
|
color: #000000;
|
|
background: #fff000;
|
|
}
|
|
|
|
.preformatted {
|
|
font: 12px 'Courier New';
|
|
}
|
|
|
|
.head1{
|
|
font-size: 18px;
|
|
font-weight: bold;
|
|
color: #ff4444;
|
|
background: #ffffff;
|
|
}
|
|
|
|
.head2{
|
|
font-size: 15px;
|
|
font-weight: bold;
|
|
color: #448844;
|
|
background: #ffffff;
|
|
}
|
|
|
|
.rptcell{
|
|
border: solid 1px #000000;
|
|
}
|
|
|
|
.menu-item a {
|
|
color: #000000;
|
|
}
|
|
|
|
.submenu-item {
|
|
border: solid 1px #567476;
|
|
background: #feeeee;
|
|
}
|
|
|
|
.submenu-item a {
|
|
color: #000000;
|
|
}
|
|
|
|
.menu-days {
|
|
background: #ffc0c0;
|
|
}
|
|
|
|
/*
|
|
.command-button {
|
|
border: solid 1px #567476;
|
|
background: #ffffff;
|
|
}
|
|
|
|
.command-button a {
|
|
color: #000000;
|
|
text-decoration: none;
|
|
}
|
|
*/
|
|
|
|
.superuser {
|
|
background: #FFB871;
|
|
}
|
|
|
|
.error {
|
|
background: #ee0000;
|
|
font-weight: bold;
|
|
font-size: 12px;
|
|
color: #ffffff;
|
|
width: 100%;
|
|
}
|
|
|
|
.success {
|
|
background: #408020;
|
|
font-weight: bold;
|
|
font-size: 12px;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.message {
|
|
background: #404040;
|
|
font-weight: bold;
|
|
font-size: 12px;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.menudate-header {
|
|
background: #408020;
|
|
background: #00A71B;
|
|
font-weight: bold;
|
|
font-size: 12px;
|
|
color: #404040;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.menudate-noitems {
|
|
background: #408020;
|
|
background: #ff8040;
|
|
font-weight: bold;
|
|
font-size: 12px;
|
|
color: #000000;
|
|
}
|
|
|
|
.menudate-subheader {
|
|
background: #a0a0a0;
|
|
font-weight: bold;
|
|
font-size: 12px;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.incomplete {
|
|
font-weight: bold;
|
|
color: red;
|
|
}
|
|
|
|
.complete {
|
|
font-weight: bold;
|
|
color: blue;
|
|
}
|
|
|
|
.invisible {
|
|
display: none;
|
|
}
|
|
|
|
.visible {
|
|
display: table-row;
|
|
}
|
|
|
|
.oitem {
|
|
background: #ffffff;
|
|
}
|
|
|
|
.menu-heading {
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.item-title {
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
color: #000000;
|
|
}
|
|
|
|
.qtyfield {
|
|
text-align: center;
|
|
width: 35px;
|
|
border: solid 1px #611A0B;
|
|
border: solid 2px #808080;
|
|
}
|
|
|
|
.instructions {
|
|
background: #ddeddd;
|
|
color: #000000;
|
|
}
|
|
|
|
.instructions-text {
|
|
padding: 20px 20px 20px 20px;
|
|
}
|
|
|
|
.signup {
|
|
background: #ddeddd;
|
|
}
|
|
|
|
.signup-text {
|
|
padding: 20px 0px 20px 0px;
|
|
}
|
|
|
|
.blank {
|
|
background: #ffffff;
|
|
border: 0px;
|
|
}
|
|
|
|
.red {
|
|
background: #ff0000;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.white {
|
|
background: #ffffff;
|
|
color: #ff0000;
|
|
}
|
|
|
|
.yellow, .reseller {
|
|
background: #ffffc0;
|
|
color: #000000;
|
|
}
|
|
|
|
.blue {
|
|
background: #000080;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.green {
|
|
background: #008000;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.title-tip {
|
|
background: #E0E0E0;
|
|
color: #A00000;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.price-tip {
|
|
background: #00C000;
|
|
color: #ffffff;
|
|
}
|
|
|
|
|
|
.notice {
|
|
background: #FCF983;
|
|
background: #F9E471;
|
|
}
|
|
|
|
.class-select {
|
|
background: #F7EFE7 none repeat scroll 0 0;
|
|
margin-bottom:4px;
|
|
margin-right:4px;
|
|
margin-top:4px;
|
|
width:300px;
|
|
}
|
|
|
|
.select-width70 {
|
|
margin-bottom:4px;
|
|
margin-right:4px;
|
|
margin-top:4px;
|
|
width:70;
|
|
}
|
|
|
|
.select-width100 {
|
|
margin-bottom:4px;
|
|
margin-right:4px;
|
|
margin-top:4px;
|
|
width:100px;
|
|
}
|
|
|
|
.select-width200 {
|
|
margin-bottom:4px;
|
|
margin-right:4px;
|
|
margin-top:4px;
|
|
width:200px;
|
|
}
|
|
|
|
.select-width300 {
|
|
margin-bottom:4px;
|
|
margin-right:4px;
|
|
margin-top:4px;
|
|
width:300px;
|
|
}
|
|
|
|
.select-width400 {
|
|
margin-bottom:4px;
|
|
margin-right:4px;
|
|
margin-top:4px;
|
|
width:400px;
|
|
}
|
|
|
|
.select-width500 {
|
|
margin-bottom:4px;
|
|
margin-right:4px;
|
|
margin-top:4px;
|
|
width:500px;
|
|
}
|
|
|
|
.select-width600 {
|
|
margin-bottom:4px;
|
|
margin-right:4px;
|
|
margin-top:4px;
|
|
width:600px;
|
|
}
|
|
|
|
.header {
|
|
font: 12px Arial, Helvetica, sans-serif;
|
|
font-weight: bold;
|
|
background: #aaaaaa;
|
|
color: #000000;
|
|
}
|
|
|
|
.menu-item-header {
|
|
font: 12px Arial, Helvetica, sans-serif;
|
|
font-weight: bold;
|
|
background: #404040;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.footer-text, .footer-text a {
|
|
font: 9px Arial, Helvetica, sans-serif;
|
|
font-weight: normal;
|
|
color: #aaaaaa;
|
|
}
|
|
|
|
|
|
.calendar-date {
|
|
background: #ffffff;
|
|
border: 1px solid #000000;
|
|
}
|
|
|
|
.calendar-date-past {
|
|
border-color: #ff0000;
|
|
}
|
|
|
|
.non-current-date {
|
|
background: #dddddd;
|
|
border: 1px solid #000000;
|
|
}
|
|
|
|
.caldate {
|
|
font: 14px Arial, Helvetica, sans-serif;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.noncaldate {
|
|
font: 12px Arial, Helvetica, sans-serif;
|
|
}
|
|
|
|
.caltext {
|
|
font: 10px Arial, Helvetica, sans-serif;
|
|
}
|
|
|
|
.calitem {
|
|
background: #eeeeee;
|
|
font: 10px Arial, Helvetica, sans-serif;
|
|
}
|
|
|
|
.calitem-past {
|
|
background-color: #ffd0d0;
|
|
}
|
|
|
|
.cal-item-price {
|
|
font: 9px Arial, Helvetica, sans-serif;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.caltext {
|
|
font: 10px Arial, Helvetica, sans-serif;
|
|
}
|
|
|
|
.menu-title {
|
|
display: block;
|
|
background: #dddddd;
|
|
background: #408020;
|
|
color: #ffffff;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.menu-instructions {
|
|
display: block;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.menudate-past {
|
|
background: #ee0000;
|
|
background: #ECB9C1;
|
|
background: #FF2D2D;
|
|
color: #404040;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.menudate-linked {
|
|
background: #ffcc00;
|
|
font-weight: bold;
|
|
color: #000000;
|
|
}
|
|
|
|
.noticespan {
|
|
display: block;
|
|
float: center;
|
|
text-align: center;
|
|
position: relative;
|
|
color: #ffffff;
|
|
background: #408020;
|
|
font-weight: bold;
|
|
width: 100%;
|
|
padding: 5px 1px 5px 1px;
|
|
margin: 0px 0px 0px 0px;
|
|
}
|
|
|
|
.warningspan {
|
|
display: block;
|
|
float: center;
|
|
text-align: center;
|
|
position: relative;
|
|
color: #000000;
|
|
background: #BBBBBB;
|
|
font-weight: bold;
|
|
width: 100%;
|
|
padding: 3px 1px 3px 1px;
|
|
margin: 0px 0px 0px 0px;
|
|
}
|
|
|
|
.infoheader {
|
|
display: block;
|
|
float: center;
|
|
text-align: center;
|
|
position: relative;
|
|
color: #ffffff;
|
|
background: #C6521A;
|
|
font-weight: bold;
|
|
width: 100%;
|
|
padding: 1px 1px 1px 1px;
|
|
margin: 0px 0px 0px 0px;
|
|
}
|
|
|
|
.warningframedspan {
|
|
display: block;
|
|
float: center;
|
|
text-align: center;
|
|
position: relative;
|
|
color: #ffffff;
|
|
background: #ff8040;
|
|
font-weight: bold;
|
|
width: 500px;
|
|
padding: 1px 1px 1px 1px;
|
|
margin: 5px 0px 5px 0px;
|
|
border: solid 1px #000000;
|
|
}
|
|
|
|
.errorspan {
|
|
display: block;
|
|
float: left;
|
|
text-align: center;
|
|
position: relative;
|
|
z-index: 1;
|
|
color: #ffffff;
|
|
background: #ff0000;
|
|
font-weight: bold;
|
|
width: 100%;
|
|
padding: 1px 1px 1px 1px;
|
|
margin: 0px 0px 0px 0px;
|
|
}
|
|
|
|
.fb-like {
|
|
z-index: 99;
|
|
}
|
|
|
|
#fb {
|
|
margin: 0px 0px 0px 30px;
|
|
}
|
|
|
|
#fb a {
|
|
text-decoration: none;
|
|
color: #000000;
|
|
}
|
|
|
|
.item-description {
|
|
color: #f0e000;
|
|
}
|
|
|
|
#ui-datepicker-div { font-size: 10px; }
|
|
|
|
.fb-like {
|
|
z-index: 1;
|
|
}
|
|
|
|
.school-name {
|
|
font: 18px Arial, Helvetica, sans-serif;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.receipt-title {
|
|
font: 16px Arial, Helvetica, sans-serif;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.receipt-large {
|
|
font: 14px Arial, Helvetica, sans-serif;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.line {
|
|
display: block;
|
|
margin-before: 0.5em;
|
|
margin-after: 0.5em;
|
|
margin-start: auto;
|
|
margin-end: auto;
|
|
border-style: inset;
|
|
border-width: 2px;
|
|
}
|
|
|
|
|
|
@media print {
|
|
body, p, td, span {
|
|
font: 16px Arial, Helvetica, sans-serif;
|
|
padding: 0;
|
|
}
|
|
|
|
.school-name {
|
|
font: 28px Arial, Helvetica, sans-serif;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.receipt-title {
|
|
font: 22px Arial, Helvetica, sans-serif;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.receipt-large {
|
|
font: 18px Arial, Helvetica, sans-serif;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.line {
|
|
display: block;
|
|
margin-before: 0.5em;
|
|
margin-after: 0.5em;
|
|
margin-start: auto;
|
|
margin-end: auto;
|
|
border-style: inset;
|
|
border-width: 2px;
|
|
}
|
|
}
|
|
|
|
.invoices-table td {
|
|
background: #eeeeee;
|
|
margin: 2px;
|
|
border: 1px #808080 solid;
|
|
}
|
|
|
|
.pitapit-address {
|
|
padding: 0 0 0 240px;
|
|
font: 18px Arial, Helvetica, sans-serif;
|
|
font-weight: 900;
|
|
line-height: 90%;
|
|
}
|
|
|
|
.pitapit-header {
|
|
background: #fff url(/images/HotLunchLogo.pitapit.jpg) no-repeat;
|
|
}
|
|
|
|
.business-address {
|
|
padding: 0 0 0 500px;
|
|
font: 16px Arial, Helvetica, sans-serif;
|
|
font-weight: 900;
|
|
line-height: 90%;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.hidden-div {
|
|
display: none;
|
|
}
|
|
|
|
.prompt {
|
|
background: #eeeeee;
|
|
}
|
|
|
|
.school-data {
|
|
background: #ffeeee;
|
|
font-weight: bold;
|
|
}
|
|
|