First Commit
This commit is contained in:
mark committed
1 parent
5eb9dd037d
commit
2e62c0e60b
11877 files changed
+2035312
No files matched your search
@@ -0,0 +1,153 @@
|
||||
|
||||
#body {
|
||||
background-color: #ffffff}
|
||||
|
||||
|
||||
/*Navigation*/
|
||||
|
||||
#primary-nav a {
|
||||
background:url("../images/black/primary-nav/left-tab.gif") no-repeat left top;
|
||||
}
|
||||
|
||||
#primary-nav a span {
|
||||
background:url("../images/black/primary-nav/right-tab.gif") no-repeat right top;
|
||||
}
|
||||
|
||||
#primary-nav ul li ul {
|
||||
border-left: 1px solid #000000;
|
||||
border-right: 1px solid #000000;
|
||||
border-bottom: 1px solid #000000;
|
||||
background: #323232;
|
||||
}
|
||||
|
||||
#primary-nav ul li ul li {
|
||||
position: relative;
|
||||
width: 220px;
|
||||
border-top: 1px solid #000000;
|
||||
color: #008000;
|
||||
}
|
||||
|
||||
#secondary-nav ul {
|
||||
background-color: #008000;
|
||||
border-top: 8px solid #000000;
|
||||
border-bottom: 8px solid #000000;
|
||||
}
|
||||
|
||||
#primary-nav ul li li:hover,
|
||||
#primary-nav ul li li.sfhover {
|
||||
color: #008000;
|
||||
background: #008000;
|
||||
}
|
||||
|
||||
|
||||
.success {
|
||||
/* background: #C0C0C0; */
|
||||
background: #408020;
|
||||
font-weight: bold;
|
||||
font-size: 12px;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.error {
|
||||
background: #ee0000;
|
||||
font-weight: bold;
|
||||
font-size: 12px;
|
||||
color: #ffffff;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.heading {
|
||||
font: 12px Arial, Helvetica, sans-serif;
|
||||
font-weight: bold;
|
||||
background: #611A0B;
|
||||
background: #008000;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.subheading {
|
||||
font: 12px Arial, Helvetica, sans-serif;
|
||||
font-weight: bold;
|
||||
/* background: #B05801; */
|
||||
background: #000000;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.data-header{
|
||||
color: #ffffff;
|
||||
padding: 5px;
|
||||
background: #008000;
|
||||
}
|
||||
|
||||
.data-odd {
|
||||
background: #EEF8DC;
|
||||
}
|
||||
|
||||
.data-even {
|
||||
background: #DDDDDD;
|
||||
}
|
||||
|
||||
.menu-item {
|
||||
border: solid 0px #000000;
|
||||
/* background: #ffffff; */
|
||||
}
|
||||
|
||||
.menu-button {
|
||||
border: solid 0px #611A0B;
|
||||
background: #eeeeee;
|
||||
}
|
||||
|
||||
.menu-button a {
|
||||
color: #000000;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.content-table {
|
||||
border: solid 0px #611A0B;
|
||||
background: #106fb6;
|
||||
color: #ffffff !important;
|
||||
border-radius: 10px; /* Adjust the value as needed */
|
||||
overflow: hidden; /* This ensures that the content inside doesn't overflow the rounded corners */
|
||||
|
||||
}
|
||||
|
||||
table[width="500"] {
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.content-table td {
|
||||
padding: 15px 15px 15px 15px;
|
||||
margin-left: 100px !important;
|
||||
background-color: #106fb6 !important;
|
||||
border: solid 0px;
|
||||
color: #ffffff !important;
|
||||
}
|
||||
|
||||
.faqs {
|
||||
padding-left: 50px;
|
||||
}
|
||||
|
||||
/*Form Styles*/
|
||||
|
||||
input,textarea,select {
|
||||
border: 0px solid #611A0B;
|
||||
color: #f8de21;
|
||||
}
|
||||
|
||||
.submit {
|
||||
margin:0;
|
||||
padding:5px 0 4px 0;
|
||||
width: 200px;
|
||||
font: 12px Arial, Helvetica, sans-serif;
|
||||
color: #000000;
|
||||
color: #ffffff;
|
||||
height: 36px;
|
||||
background: url(../images/black/submit.gif) center -36px no-repeat;
|
||||
border:0;
|
||||
font-weight: bold;
|
||||
cursor:pointer
|
||||
}
|
||||
|
||||
.smallButton, a.smallButton, .largeButton, a.largeButton, input.submit, .formButton {
|
||||
border: 1px solid #008000;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,207 @@
|
||||
.clear { /* generic container (i.e. div) for floating buttons */
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
a.command-button {
|
||||
color: #ffffff;
|
||||
display: block;
|
||||
float: left;
|
||||
font: normal 12px arial, sans-serif;
|
||||
height: 18px;
|
||||
margin-right: 6px;
|
||||
padding-right: 7px; /* sliding doors padding */
|
||||
text-decoration: none;
|
||||
font-weight:bold
|
||||
}
|
||||
|
||||
a.command-button span {
|
||||
display: block;
|
||||
padding: 1px 0 1px 6px;
|
||||
}
|
||||
|
||||
a:hover.command-button span {
|
||||
display: block;
|
||||
padding: 1px 0 1px 6px;
|
||||
background-position: 0% -18px
|
||||
}
|
||||
|
||||
a:hover.command-button { /*Colour Moved*/
|
||||
color: #88dddd;
|
||||
display: block;
|
||||
float: left;
|
||||
font: normal 12px arial, sans-serif;
|
||||
height: 18px;
|
||||
padding-right: 7px; /* sliding doors padding */
|
||||
text-decoration: none;
|
||||
font-weight:bold;
|
||||
background-position: 100% -18px
|
||||
}
|
||||
|
||||
a.command-button {
|
||||
color: #ffffff;
|
||||
display: block;
|
||||
float: left;
|
||||
font: normal 12px arial, sans-serif;
|
||||
height: 18px;
|
||||
margin-right: 6px;
|
||||
padding-right: 7px; /* sliding doors padding */
|
||||
text-decoration: none;
|
||||
font-weight:bold
|
||||
}
|
||||
|
||||
/*Menu Button*/
|
||||
|
||||
.main-button {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
text-align: center
|
||||
}
|
||||
|
||||
a.main-button {
|
||||
margin: 5px;
|
||||
display: block;
|
||||
float: left;
|
||||
font: normal 12px arial, sans-serif;
|
||||
height: 36px;
|
||||
padding-right: 15px; /* sliding doors padding */
|
||||
text-decoration: none;
|
||||
font-weight:bold
|
||||
}
|
||||
|
||||
a.main-button span {
|
||||
display: block;
|
||||
padding: 10px 0 10px 15px;
|
||||
}
|
||||
|
||||
a:hover.main-button span {
|
||||
display: block;
|
||||
padding: 10px 0 10px 15px;
|
||||
background-position: 0% -36px
|
||||
}
|
||||
|
||||
a:hover.main-button {
|
||||
display: block;
|
||||
float: left;
|
||||
font: normal 12px arial, sans-serif;
|
||||
padding-right: 15px; /* sliding doors padding */
|
||||
text-decoration: none;
|
||||
font-weight:bold;
|
||||
background-position: 100% -36px
|
||||
}
|
||||
|
||||
.smallButton, a.smallButton {
|
||||
/* background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #606060), color-stop(1, #000000) ); */
|
||||
background:-moz-linear-gradient( center top, #606060 5%, #000000 100% );
|
||||
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#606060', endColorstr='#000000');
|
||||
background-color: #f8de21;
|
||||
-moz-border-radius:8px;
|
||||
-webkit-border-radius:8px;
|
||||
-opera-border-radius:8px;
|
||||
-khtml-border-radius:8px;
|
||||
border-radius: 15px;
|
||||
border:1px solid #dddddd;
|
||||
color: #000;
|
||||
font-family:arial;
|
||||
font-size: 20px;
|
||||
/* font-weight:bold; */
|
||||
padding: 5px 20px;
|
||||
text-decoration:none;
|
||||
/* text-shadow: 0px 0px 0px #000000; */
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.smallButton:hover {
|
||||
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #606060) );
|
||||
background:-moz-linear-gradient( center top, #000000 5%, #606060 100% );
|
||||
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#606060');
|
||||
background-color:#000000;
|
||||
}
|
||||
|
||||
.smallButton:active {
|
||||
position:relative;
|
||||
top:1px;
|
||||
}
|
||||
|
||||
.largeButton, a.largeButton {
|
||||
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
|
||||
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MDYwNjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
|
||||
background: -moz-linear-gradient(top, #000000 0%, #606060 100%); /* FF3.6+ */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#606060)); /* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, #000000 0%,#606060 100%); /* Chrome10+,Safari5.1+ */
|
||||
background: -o-linear-gradient(top, #000000 0%,#606060 100%); /* Opera 11.10+ */
|
||||
background: -ms-linear-gradient(top, #000000 0%,#606060 100%); /* IE10+ */
|
||||
background: linear-gradient(to bottom, #000000 0%,#606060 100%); /* W3C */
|
||||
-moz-border-radius:10px;
|
||||
-webkit-border-radius:10px;
|
||||
-opera-border-radius:10px;
|
||||
-khtml-border-radius:10px;
|
||||
border-radius:10px;
|
||||
border:1px solid #dddddd;
|
||||
background-color:#202020;
|
||||
color:#ffffff;
|
||||
font-family:arial;
|
||||
font-size:11px;
|
||||
/* font-weight:bold; */
|
||||
padding:4px 20px;
|
||||
text-decoration:none;
|
||||
text-shadow:1px 1px 0px #000000;
|
||||
text-align: center;
|
||||
display:block;
|
||||
width: 170px;
|
||||
}
|
||||
|
||||
.largeButton:hover {
|
||||
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #606060) );
|
||||
background:-moz-linear-gradient( center top, #000000 5%, #606060 100% );
|
||||
background-color:#000000;
|
||||
}
|
||||
|
||||
.largeButton:active {
|
||||
position:relative;
|
||||
top:1px;
|
||||
}
|
||||
|
||||
.formButton {
|
||||
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
|
||||
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MDYwNjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
|
||||
background: -moz-linear-gradient(top, #000000 0%, #606060 100%); /* FF3.6+ */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#606060)); /* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, #000000 0%,#606060 100%); /* Chrome10+,Safari5.1+ */
|
||||
background: -o-linear-gradient(top, #000000 0%,#606060 100%); /* Opera 11.10+ */
|
||||
background: -ms-linear-gradient(top, #000000 0%,#606060 100%); /* IE10+ */
|
||||
background: linear-gradient(to bottom, #000000 0%,#606060 100%); /* W3C */
|
||||
-moz-border-radius:10px;
|
||||
-webkit-border-radius:10px;
|
||||
-opera-border-radius:10px;
|
||||
-khtml-border-radius:10px;
|
||||
border-radius:10px;
|
||||
background-color:#202020;
|
||||
border:1px solid #dddddd;
|
||||
color:#ffffff;
|
||||
font-family:arial;
|
||||
font-size:11px;
|
||||
/* font-weight:bold; */
|
||||
padding:3px 2px;
|
||||
text-decoration:none;
|
||||
text-shadow:1px 1px 0px #000000;
|
||||
text-align: center;
|
||||
display:block;
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
.formButton:hover {
|
||||
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #606060) );
|
||||
background:-moz-linear-gradient( center top, #000000 5%, #606060 100% );
|
||||
background-color:#000000;
|
||||
}
|
||||
|
||||
.formButton:active {
|
||||
position:relative;
|
||||
top:1px;
|
||||
}
|
||||
|
||||
.smallSize {
|
||||
width: 140px;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,392 @@
|
||||
|
||||
.tooltip {
|
||||
background-color:#000;
|
||||
border:1px solid #fff;
|
||||
padding:10px 15px;
|
||||
width:200px;
|
||||
display:none;
|
||||
color:#fff;
|
||||
text-align:left;
|
||||
font-size:12px;
|
||||
|
||||
/* outline radius for mozilla/firefox only */
|
||||
-moz-box-shadow:0 0 10px #000;
|
||||
-webkit-box-shadow:0 0 10px #000;
|
||||
}
|
||||
|
||||
.ui-tooltip {
|
||||
background: #9DDDFF;
|
||||
color: black;
|
||||
text-align: left;
|
||||
width: 350px;
|
||||
}
|
||||
|
||||
|
||||
ul.ui-autocomplete li.ui-menu-item{text-align:left;}
|
||||
|
||||
|
||||
input,textarea,select,button {
|
||||
border: 0px solid #aaaaaa/*{borderColorContent}*/;
|
||||
color: #222222/*{fcContent}*/;
|
||||
border-top-left-radius: 4px/*{cornerRadius}*/;
|
||||
border-top-right-radius: 4px/*{cornerRadius}*/;
|
||||
border-bottom-left-radius: 4px/*{cornerRadius}*/;
|
||||
border-bottom-right-radius: 4px/*{cornerRadius}*/;
|
||||
padding: 10px;
|
||||
margin-top: 10px;
|
||||
width: 240px;
|
||||
}
|
||||
|
||||
|
||||
.data-odd {
|
||||
background: #f0f0f0;
|
||||
}
|
||||
|
||||
.data-even {
|
||||
background: #e0e0e0;
|
||||
}
|
||||
|
||||
.alert {
|
||||
background: #FCF172;
|
||||
}
|
||||
|
||||
.footer-row {
|
||||
color: #ffffff;
|
||||
background: #606060;
|
||||
}
|
||||
|
||||
.marker {
|
||||
background-color: Yellow;
|
||||
}
|
||||
|
||||
.header-controls {
|
||||
float:right;
|
||||
font-weight: normal;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.header-controls a {
|
||||
color: #ffffff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.hidden-item {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.menu-subheading {
|
||||
padding: 10px 0 0 0;
|
||||
}
|
||||
|
||||
#cafeteria-form {
|
||||
padding: 0 0 0 30px;
|
||||
}
|
||||
|
||||
.cafeteria-student-name, .cafeteria-student-name a {
|
||||
font-weight: bold;
|
||||
font-size: 16px;
|
||||
text-decoration: none;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.cafeteria-students-div {
|
||||
width: 100%;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.cafeteria-student-entry {
|
||||
width: 90%;
|
||||
background: #FFDD55;
|
||||
padding: 5px;
|
||||
margin: 10px 0 0 20px;
|
||||
}
|
||||
|
||||
.cafeteria-student-with-order {
|
||||
background: #00A000;
|
||||
}
|
||||
|
||||
.cafeteria-balance {
|
||||
width: 80px;
|
||||
float: right;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.cafeteria-student-name-text {
|
||||
font-weight: bold;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.cafeteria-student-class-text {
|
||||
font-weight: bold;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.cafeteria-menu-entry {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.cafeteria-menu-entry td {
|
||||
font-weight: bold;
|
||||
font-size: 16px;
|
||||
padding: 5px 0 5px 10px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.cafeteria-heading {
|
||||
background: #00A000;
|
||||
color: #FFFFFF;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.cafeteria-item {
|
||||
width: 100%;
|
||||
background: #FFDD55;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.cafeteria-item-description {
|
||||
padding: 0 0 0 20px;
|
||||
font-weight: normal;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.cafeteria-menu-item-title {
|
||||
width: 60%;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.cafeteria-menu-item-price {
|
||||
width: 250px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.cafeteria-menu-item-qty {
|
||||
width: 250px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.cafeteria-menu-item-total {
|
||||
width: 200px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.cafeteria-balance-low {
|
||||
background: #FF2020;
|
||||
}
|
||||
|
||||
|
||||
.qty-table, .qty-table td {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.selected-status {
|
||||
padding: 2px;
|
||||
margin: 0 0 2px 0;
|
||||
width: 150px;
|
||||
background-color: #79CA5E;
|
||||
}
|
||||
|
||||
.expiry-date {
|
||||
font-weight: bold;
|
||||
color: red;
|
||||
}
|
||||
|
||||
|
||||
.messages-table tr {
|
||||
max-height: 15px;
|
||||
padding: 0 0 5px 0;
|
||||
}
|
||||
|
||||
.error-msg-table, warning-msg-table, success-msg-table {
|
||||
width: 100%;
|
||||
max-height: 15px;
|
||||
padding: 0 0 5px 0;
|
||||
}
|
||||
|
||||
.error-span {
|
||||
background: #FF0000;
|
||||
font-weight: bold;
|
||||
font-size: 12px;
|
||||
color: #ffffff;
|
||||
padding: 5px 10px;
|
||||
}
|
||||
|
||||
.warning-span {
|
||||
background: #FAB085;
|
||||
font-weight: bold;
|
||||
font-size: 12px;
|
||||
color: #ffffff;
|
||||
color: #000000;
|
||||
padding: 5px 10px;
|
||||
}
|
||||
|
||||
.message-span {
|
||||
background: #008000;
|
||||
font-weight: bold;
|
||||
font-size: 12px;
|
||||
color: #ffffff;
|
||||
padding: 5px 10px;
|
||||
}
|
||||
|
||||
|
||||
.order-form-div {
|
||||
background-color: #eeeeee;
|
||||
width: 98%;
|
||||
}
|
||||
|
||||
.menu-title-table {
|
||||
margin: 30px 0 0 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.menu-item-table {
|
||||
border: #c0c0c0 1px solid;
|
||||
background-color: #ffffff;
|
||||
width: 95%;
|
||||
}
|
||||
|
||||
.menu-header-div {
|
||||
border: #c0c0c0 1px solid;
|
||||
height: 25px;
|
||||
}
|
||||
|
||||
.menu-heading-table {
|
||||
width: 95%;
|
||||
border: #c0c0c0 1px solid;
|
||||
height: 25px;
|
||||
}
|
||||
|
||||
.menu-title-div {
|
||||
display: block;
|
||||
width: 60%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.menu-date-div {
|
||||
display: block;
|
||||
width: 40%;
|
||||
float: left;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
|
||||
.item-qty-increase {
|
||||
display: block;
|
||||
width: 25px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.item-qty-decrease {
|
||||
display: block;
|
||||
width: 40px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.menu-item-title-div {
|
||||
display: block;
|
||||
width: 50%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.menu-item-price-div, .menu-item-qty-div {
|
||||
display: block;
|
||||
width: 10%;
|
||||
float: left;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.menu-item-extended-price-div {
|
||||
display: block;
|
||||
float: left;
|
||||
width: 100px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.item-description-div {
|
||||
display: block;
|
||||
width: 80%;
|
||||
float: left;
|
||||
margin: 0 0 0 10px;
|
||||
}
|
||||
|
||||
.missing-data-prompt {
|
||||
color: #ff0000;
|
||||
}
|
||||
|
||||
.missing-data {
|
||||
border: 2px solid #ff0000;
|
||||
}
|
||||
|
||||
#form-fields-div p {
|
||||
margin: 15px 0 0 0;
|
||||
}
|
||||
|
||||
.inactive-field {
|
||||
background-color: #e0e0e0;
|
||||
color: #ff8080;
|
||||
}
|
||||
|
||||
|
||||
img {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
/* Modified .cssplayMenu */
|
||||
.cssplayMenu {
|
||||
width: 950px !important;
|
||||
}
|
||||
|
||||
/* Modified .cssplayMenu ul */
|
||||
.cssplayMenu ul {
|
||||
background: #ffde59 !important;
|
||||
padding: 10px !important;
|
||||
width: 570px !important;
|
||||
margin-left: 185px;
|
||||
|
||||
|
||||
|
||||
/* Removed styles */
|
||||
border: none !important;
|
||||
border-radius: 0 !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.cssplayMenu > ul {
|
||||
display: block;
|
||||
margin-top: 80px !important;
|
||||
/* or use flexbox */
|
||||
display: flex;
|
||||
justify-content: center; /* if you want it centered */
|
||||
}
|
||||
a[href="http://www.hotlunches.net"] img {
|
||||
visibility: hidden;
|
||||
width: 225px;
|
||||
height: 45px;
|
||||
background-color: #f0f0f0; /* or any color or image you prefer */
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* Modified .cssplayMenu ul a */
|
||||
.cssplayMenu ul a {
|
||||
font: 14px/25px Oswald, Arial, sans-serif !important;
|
||||
color: #000 !important;
|
||||
}
|
||||
|
||||
/* Modified #main */
|
||||
#main {
|
||||
width: 950px !important;
|
||||
height: 100% !important;
|
||||
background-color: #ffffff !important;
|
||||
background: url(https://s3.ca-central-1.amazonaws.com/media.connexium.ca/maquette4.png) no-repeat !important;
|
||||
/* Removed margin and padding */
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
/* Modified .smallButton */
|
||||
.smallButton, a.smallButton, .largeButton, a.largeButton, input.submit, .formButton {
|
||||
border: 0px solid #002AFF !important;
|
||||
}
|
||||
@@ -0,0 +1,796 @@
|
||||
/*
|
||||
body{
|
||||
margin: 0 auto 20px auto;
|
||||
text-align: center;
|
||||
padding: 0;
|
||||
font: 10px Arial, Helvetica, sans-serif;
|
||||
background: #000 url(/admin/images/background4.jpg) top center no-repeat fixed;
|
||||
width: 965px
|
||||
}
|
||||
*/
|
||||
|
||||
p,ul,li,tr,td,dl,dt,dd {
|
||||
font: 15px 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: 20px Arial, Helvetica, sans-serif;
|
||||
font-weight: bold;
|
||||
padding: 0;
|
||||
color: #0;
|
||||
}
|
||||
|
||||
.readonly {
|
||||
border: 0px;
|
||||
color: #000000;
|
||||
font-weight: bold;
|
||||
background: #EEEEEE;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
input,textarea,select {
|
||||
font: 15px 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 0px 5px 0px;
|
||||
margin: 0px 0px 0px 0px;
|
||||
}
|
||||
|
||||
.warningspan {
|
||||
display: block;
|
||||
float: center;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
color: #ffffff;
|
||||
background: #FAB085;
|
||||
font-weight: bold;
|
||||
width: 100%;
|
||||
padding: 5px 0px 5px 0px;
|
||||
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: 5px 0px 5px 0px;
|
||||
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: 5px 0px 5px 0px;
|
||||
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(/admin/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;
|
||||
}
|
||||
@@ -0,0 +1,173 @@
|
||||
.menu-tougle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 600px) {
|
||||
.main-header__logo {
|
||||
width: 50%;
|
||||
}
|
||||
.main-header__logo a {
|
||||
overflow: hidden;
|
||||
display: inline-block;
|
||||
}
|
||||
.main-header__logo img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.main-header__content {
|
||||
font-size: 10px;
|
||||
}
|
||||
.menu-tougle {
|
||||
display: block;
|
||||
width: 25px;
|
||||
min-height: 20px;
|
||||
content: "";
|
||||
position: absolute;
|
||||
right: 5%;
|
||||
top: 0;
|
||||
z-index: 999;
|
||||
border-radius: 5px;
|
||||
border: solid 1px black;
|
||||
padding: 6px 10px;
|
||||
background: white;
|
||||
}
|
||||
span.menu-tougle__inner {
|
||||
display: block;
|
||||
background: black;
|
||||
height: 3px;
|
||||
top: initial;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
right: initial;
|
||||
margin: 5px auto;
|
||||
}
|
||||
a.hideonmobile {
|
||||
display: none;
|
||||
}
|
||||
.cssplayMenu ul {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
border-radius: 0;
|
||||
}
|
||||
.cssplayMenu ul li, .cssplayMenu ul li.hover {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
left: auto;
|
||||
display: block;
|
||||
border-radius: 0;
|
||||
display: none;
|
||||
}
|
||||
.cssplayMenu ul li.up-level, .cssplayMenu ul li.hover.up-level {
|
||||
display: block;
|
||||
}
|
||||
.cssplayMenu ul li.up-level.hover li, .cssplayMenu ul li.hover.up-level.hover li {
|
||||
display: block;
|
||||
}
|
||||
.cssplayMenu ul li:hover a, .cssplayMenu ul li.hover:hover a {
|
||||
background: none !important;
|
||||
color: white !important;
|
||||
text-shadow: none;
|
||||
}
|
||||
.cssplayMenu ul li:hover ul, .cssplayMenu ul li.hover:hover ul {
|
||||
left: auto;
|
||||
top: auto;
|
||||
}
|
||||
.cssplayMenu ul li a, .cssplayMenu ul li.hover a {
|
||||
font: 15px arial,sans-serif;
|
||||
font-weight: 400;
|
||||
letter-spacing: 1px;
|
||||
padding: 13px 0;
|
||||
display: inline-block;
|
||||
}
|
||||
.cssplayMenu ul li a.hideonmobile, .cssplayMenu ul li.hover a.hideonmobile {
|
||||
display: none;
|
||||
}
|
||||
.cssplayMenu ul ul {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
left: auto;
|
||||
border: none;
|
||||
border-bottom: solid 1px white;
|
||||
border-radius: 0;
|
||||
}
|
||||
.cssplayMenu ul ul li {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
left: auto;
|
||||
display: block;
|
||||
display: none;
|
||||
padding-left: 10px;
|
||||
}
|
||||
.cssplayMenu > ul {
|
||||
display: none;
|
||||
}
|
||||
.cssplayMenu.active > ul {
|
||||
display: block;
|
||||
position: absolute;
|
||||
z-index: 100;
|
||||
}
|
||||
body {
|
||||
background: none;
|
||||
margin: 0;
|
||||
}
|
||||
body, #main, #footer-bg, .cssplayMenu, .cssplayMenu ul, table, .largeButton, a.largeButton, .container, #checkout-form, .warningframedspan {
|
||||
width: auto;
|
||||
#
|
||||
margin-top: 50px;
|
||||
margin-top: 35px;
|
||||
}
|
||||
table, .select-width400 {
|
||||
width: 100%;
|
||||
}
|
||||
input[type="text"], input[type="password"] {
|
||||
padding: 5px;
|
||||
width: 93%;
|
||||
}
|
||||
table tr td {
|
||||
padding: 0;
|
||||
}
|
||||
.btns-home table tr td {
|
||||
width: 100%;
|
||||
width: auto;
|
||||
display: block;
|
||||
}
|
||||
.smallButton, a.smallButton, .largeButton, a.largeButton, input.submit, .formButton {
|
||||
width: auto;
|
||||
display: block;
|
||||
margin: 10% 0;
|
||||
width: 100%;
|
||||
width: -webkit-fill-available;
|
||||
width: -moz-available;
|
||||
width: stretch;
|
||||
display: block;
|
||||
margin: 10% 0;
|
||||
padding: 3%;
|
||||
font-size: 14px;
|
||||
margin: 6px 0;
|
||||
}
|
||||
#footer-bg {
|
||||
background-position: bottom center;
|
||||
height: inherit;
|
||||
}
|
||||
#footer-bg .smallButton, #footer-bg a.smallButton, #footer-bg .largeButton, #footer-bg a.largeButton, #footer-bg input.submit, #footer-bg .formButton {
|
||||
width: initial;
|
||||
display: inline-block;
|
||||
}
|
||||
#footer-bg table tr td {
|
||||
display: inline-block;
|
||||
}
|
||||
.content-table td {
|
||||
vertical-align: text-top;
|
||||
}
|
||||
.menu-item {
|
||||
border: none;
|
||||
padding: 0px 14px;
|
||||
}
|
||||
table[width="950"] {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
}
|
||||
/*# sourceMappingURL=mobile.css.map */
|
||||
Reference in new issue
Block a user