Cleaning up a ton of CSS.. Removing unused selectors. Eliminated over 80% of CSS. Upgrading jQuery & FA

This commit is contained in:
spf13
2014-08-20 14:10:36 -04:00
parent 34a93fa1f3
commit f5157566ef
15 changed files with 1333 additions and 11325 deletions

659
docs/static/css/HPstyles.css vendored Normal file → Executable file
View File

@@ -1,364 +1,295 @@
/* Global Styles */
html,
body {
height: 100%;
width: 100%;
letter-spacing: 0.5px;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Cabin', "Helvetica Neue", "Helvetica", sans-serif;
}
body {
font-family: 'Arbutus Slab', "Helvetica Neue", "Helvetica", sans-serif !important;
line-height: 1.6;
}
.vert-text {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.vert-text h1 {
padding: 0;
margin: 0;
font-size: 4.5em;
font-weight: 700;
}
/* Full Page Image Header Area */
.header {
display: table;
height: 70%;
width: 100%;
min-height: 70%;
position: relative;
background: url(../img/desk.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
z-index: 99999;
background-color: black;
}
.logo {
max-width: 35em;
width: 100%;
padding: 2em;
}
.buttonbox {
margin: 2em 0 4em;
}
@media only screen
and (min-device-width : 320px)
and (max-device-width : 1024px)
and (orientation : portrait)
{
.header {
display: table;
height: 70%;
width: 100%;
position: relative;
background: url(../img/desk-mini.jpg) no-repeat;
background-size: 100% 100%;
z-index: 99999;
background-color: black;
}
}
@media only screen
and (min-device-width : 320px)
and (max-device-width : 1024px)
and (orientation : landscape) {
.header {
display: table;
height: 70%;
width: 100%;
position: relative;
background: url(../img/desk-long.jpg) no-repeat;
background-size: 100% 100%;
z-index: 99999;
background-color: black;
}
}
.header .btn {
margin: 10px;
}
#main {
z-index: 99999;
position: relative;
background: rgb(255, 255, 255);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}
.header h4, .header h3, .header h2, .header h1 {
color: white;
text-shadow: black 1px 1px 3px;
}
.header h4 {
text-shadow: black 1px 3px 3px;
font-weight: 100;
}
.header h2 {
font-weight: 200;
}
.header h1 {
font-weight: 500;
}
.header .btn {
font-weight: 100;
}
/* Intro */
.counterpoint {
padding: 50px 0;
background-color: rgb(255, 252, 244);
}
.point {
background: rgb(96,210,211);
padding: 50px 0;
color: #ffffff;
}
.point-item {
margin-bottom: 15px;
}
.point h2, .counterpoint h2 {
font-size: 32pt;
line-height: 1.7;
}
i.callout-icon, i.point-icon, i.lead-icon {
border-radius: 50%;
display: inline-block;
font-size: 56px;
width: 140px;
height: 140px;
line-height: 136px;
vertical-align: middle;
text-align: center;
-webkit-transition: box-shadow 0.2s;
-moz-transition: box-shadow 0.2s;
transition: box-shadow 0.2s;
}
i.lead-icon {
border: 3px solid #222;
}
i.point-icon, i.callout-icon {
border: 3px solid #ffffff;
}
i.lead-icon:hover {
color: #fff;
border: 3px solid black;
background: black;
}
i.point-icon:hover {
color: rgb(22, 203, 230);
border: 3px solid #fff;
background: #fff;
}
a:hover {
color: rgb(52, 73, 94);
}
i.service-icon:hover {
font-size: 68px;
}
.icon-2x {
font-size: 200%;
}
/* Callout */
.callout {
color: #ffffff;
display: table;
height: 420px;
width: 100%;
background-color: rgb(118,156,172);
padding: 50px 0;
color: #ffffff;
}
i.callout-icon:hover {
color: rgb(249, 176, 190);
border: 3px solid #fff;
background: #fff;
}
/* Portfolio */
.portfolio {
padding: 50px 0;
}
.portfolio-item {
margin-bottom: 25px;
}
.img-portfolio {
margin: 0 auto;
}
/* Call to Action */
.call-to-action {
color: #ffffff;
background-color: rgba(255, 255, 255, 0.19);
padding: 50px 0;
}
#action {
background: url(../img/gray.png);
padding: 50px 0px 30px;
position: fixed;
bottom: 130px;
z-index: 99998;
width: 100%;
}
#footerSpacer {
display: block;
min-height: 310px;
background-color: rgba(0, 0, 0, 0);
}
#footer {
bottom: 0px;
left: 0px;
padding: 10px 0px;
position: fixed;
width: 100%;
font-size: 14px;
z-index: 99998;
background: rgb(255, 255, 255);
}
.call-to-action .btn {
margin: 10px;
}
/* Footer */
footer {
padding: 100px 0;
}
footer a {
color: black;
}
footer a:hover {
text-decoration: none;
}
.point a, .counterpoint a {
color: rgb(7,162,166);
}
/* Bootstrap Addons */
.btn-dark {
color:white;
background-color: rgba(30,30,30, 0.8);
border-color: black;
}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active,
.open .dropdown-toggle.btn-dark {
color: black;
background-color: aliceblue;
border-color: black;
}
.btn-clear {
color:#888;
background-color: rgba(255, 255, 255, 0.5);
border-color: #FFF;
}
.btn-clear:hover,
.btn-clear:focus,
.btn-clear:active,
.btn-clear.active,
.open .dropdown-toggle.btn-clear {
color: #333333;
background-color: #ebebeb;
border-color: #adadad;
}
.btn-clear:active,
.btn-clear.active,
.open .dropdown-toggle.btn-clear {
background-image: none;
}
.btn-info:hover, .btn-primary:hover, .btn-success:hover {
background: aliceblue;
}
div#carousel-quotes {
width:100%;
}
.carousel-inner > .item {
height: 16em;
font-size: 140%;
}
@media all and (max-width: 685px) {
.carousel-inner > .item {
height: 22em;
}
}
@media all and (max-width: 1200px) and (min-width: 686px) {
.carousel-inner > .item {
height: 18em;
}
}
.slide blockquote {
border-left: 0;
}
.slide blockquote p {
font-size: 200%;
text-shadow: rgba(0,0,0,0.5) 2px 2px 5px;
}
.slide blockquote > a {
display: block;
color: rgb(249, 176, 190);
}
/* Global Styles */
html,
body {
height: 100%;
width: 100%;
letter-spacing: 0.5px;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Cabin', "Helvetica Neue", "Helvetica", sans-serif;
}
body {
font-family: 'Arbutus Slab', "Helvetica Neue", "Helvetica", sans-serif !important;
line-height: 1.6;
}
.vert-text {
display: table-cell;
vertical-align: middle;
text-align: center;
}
/* Full Page Image Header Area */
.header {
display: table;
height: 70%;
width: 100%;
min-height: 70%;
position: relative;
background: url(../img/desk.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
z-index: 99999;
background-color: black;
}
.logo {
max-width: 35em;
width: 100%;
padding: 2em;
}
.buttonbox {
margin: 2em 0 4em;
}
@media only screen
and (min-device-width : 320px)
and (max-device-width : 1024px)
and (orientation : portrait)
{
.header {
display: table;
height: 70%;
width: 100%;
position: relative;
background: url(../img/desk-mini.jpg) no-repeat;
background-size: 100% 100%;
z-index: 99999;
background-color: black;
}
}
@media only screen
and (min-device-width : 320px)
and (max-device-width : 1024px)
and (orientation : landscape) {
.header {
display: table;
height: 70%;
width: 100%;
position: relative;
background: url(../img/desk-long.jpg) no-repeat;
background-size: 100% 100%;
z-index: 99999;
background-color: black;
}
}
.header .btn {
margin: 10px;
}
#main {
z-index: 99999;
position: relative;
background: rgb(255, 255, 255);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}
.header .btn {
font-weight: 100;
}
/* Intro */
.counterpoint {
padding: 50px 0;
background-color: rgb(255, 252, 244);
}
.point {
background: rgb(96,210,211);
padding: 50px 0;
color: #ffffff;
}
.point h2, .counterpoint h2 {
font-size: 32pt;
line-height: 1.7;
}
i.callout-icon, i.point-icon, i.lead-icon {
border-radius: 50%;
display: inline-block;
font-size: 56px;
width: 140px;
height: 140px;
line-height: 136px;
vertical-align: middle;
text-align: center;
-webkit-transition: box-shadow 0.2s;
-moz-transition: box-shadow 0.2s;
transition: box-shadow 0.2s;
}
i.lead-icon {
border: 3px solid #222;
}
i.point-icon, i.callout-icon {
border: 3px solid #ffffff;
}
i.lead-icon:hover {
color: #fff;
border: 3px solid black;
background: black;
}
i.point-icon:hover {
color: rgb(22, 203, 230);
border: 3px solid #fff;
background: #fff;
}
a:hover {
color: rgb(52, 73, 94);
}
.icon-2x {
font-size: 200%;
}
/* Callout */
.callout {
color: #ffffff;
display: table;
height: 420px;
width: 100%;
background-color: rgb(118,156,172);
padding: 50px 0;
color: #ffffff;
}
i.callout-icon:hover {
color: rgb(249, 176, 190);
border: 3px solid #fff;
background: #fff;
}
/* Call to Action */
.call-to-action {
color: #ffffff;
background-color: rgba(255, 255, 255, 0.19);
padding: 50px 0;
}
#action {
background: url(../img/gray.png);
padding: 50px 0px 30px;
position: fixed;
bottom: 130px;
z-index: 99998;
width: 100%;
}
#footerSpacer {
display: block;
min-height: 310px;
background-color: rgba(0, 0, 0, 0);
}
#footer {
bottom: 0px;
left: 0px;
padding: 10px 0px;
position: fixed;
width: 100%;
font-size: 14px;
z-index: 99998;
background: rgb(255, 255, 255);
}
.call-to-action .btn {
margin: 10px;
}
/* Footer */
footer {
padding: 100px 0;
}
footer a {
color: black;
}
footer a:hover {
text-decoration: none;
}
.point a, .counterpoint a {
color: rgb(7,162,166);
}
/* Bootstrap Addons */
.btn-dark {
color:white;
background-color: rgba(30,30,30, 0.8);
border-color: black;
}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
color: black;
background-color: aliceblue;
border-color: black;
}
.btn-info:hover, .btn-primary:hover, .btn-success:hover {
background: aliceblue;
}
div#carousel-quotes {
width:100%;
}
.carousel-inner > .item {
height: 16em;
font-size: 140%;
}
@media all and (max-width: 685px) {
.carousel-inner > .item {
height: 22em;
}
}
@media all and (max-width: 1200px) and (min-width: 686px) {
.carousel-inner > .item {
height: 18em;
}
}
.slide blockquote {
border-left: 0;
}
.slide blockquote p {
font-size: 200%;
text-shadow: rgba(0,0,0,0.5) 2px 2px 5px;
}
.slide blockquote > a {
display: block;
color: rgb(249, 176, 190);
}

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@@ -1,19 +1,3 @@
@media (min-width: 980px) {
}
@media (min-width: 768px) and (max-width: 979px) {
.inbox-wrapper .inbox-left {
width: 30%;
}
.inbox-wrapper .inbox-right {
width: 70%;
}
}
@media (max-width: 768px) {
.header {
@@ -50,22 +34,6 @@
padding: 0 10px;
text-align: left;
}
#sidebar > ul > li > a i{
/*display: none !important;*/
}
.mail-info, .mail-info:hover {
display: none !important;
}
#sidebar ul > li > a .arrow, #sidebar > ul > li > a .arrow.open {
margin-right: 10px;
margin-top: 15px;
}
#sidebar ul > li.active > a .arrow, #sidebar ul > li > a:hover .arrow, #sidebar ul > li > a:focus .arrow,
#sidebar > ul > li.active > a .arrow.open, #sidebar > ul > li > a:hover .arrow.open, #sidebar > ul > li > a:focus .arrow.open {
margin-top: 15px;
}
#sidebar > ul > li > a, #sidebar > ul > li > ul.sub > li {
width: 100%;
@@ -73,242 +41,28 @@
#sidebar > ul > li > ul.sub > li > a {
background: transparent !important ;
}
#sidebar > ul > li > ul.sub > li > a:hover {
/*background: #4A8BC2 !important ;*/
}
/* sidebar */
#sidebar {
margin: 0px !important;
}
/* sidebar collabler */
#sidebar .btn-navbar.collapsed .arrow {
display: none;
}
#sidebar .btn-navbar .arrow {
position: absolute;
right: 35px;
width: 0;
height: 0;
top:48px;
border-bottom: 15px solid #282e36;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
}
/*---------*/
.btn {
margin-bottom: 5px;
}
.inbox-wrapper aside {
display: block;
}
.inbox-wrapper .inbox-left , .inbox-wrapper .inbox-right{
width: 100% ;
}
/* full calendar fix */
.fc-header-right {
left:25px;
position: absolute;
}
.fc-header-left .fc-button {
margin: 0px !important;
top: -10px !important;
}
.fc-header-right .fc-button {
margin: 0px !important;
top: -50px !important;
}
.fc-state-active, .fc-state-active .fc-button-inner, .fc-state-hover, .fc-state-hover .fc-button-inner {
background: none !important;
color: #FFFFFF !important;
}
.fc-state-default, .fc-state-default .fc-button-inner {
background: none !important;
}
.fc-button {
border: none !important;
margin-right: 2px;
}
.fc-view {
top: 0px !important;
}
.fc-button .fc-button-inner {
margin: 0px !important;
padding: 2px !important;
border: none !important;
margin-right: 2px !important;
background-color: #fafafa !important;
background-image: -moz-linear-gradient(top, #fafafa, #efefef) !important;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#efefef)) !important;
background-image: -webkit-linear-gradient(top, #fafafa, #efefef) !important;
background-image: -o-linear-gradient(top, #fafafa, #efefef) !important;
background-image: linear-gradient(to bottom, #fafafa, #efefef) !important;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fafafa', endColorstr='#efefef', GradientType=0) !important;
-webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, .8) !important;
-moz-box-shadow: 0 1px 0px rgba(255, 255, 255, .8) !important;
box-shadow: 0 1px 0px rgba(255, 255, 255, .8) !important;
-webkit-border-radius: 3px !important;
-moz-border-radius: 3px !important;
border-radius: 3px !important;
color: #646464 !important;
border: 1px solid #ddd !important;
text-shadow: 0 1px 0px rgba(255, 255, 255, .6) !important;
text-align: center;
}
.fc-button.fc-state-disabled .fc-button-inner {
color: #bcbbbb !important;
}
.fc-button.fc-state-active .fc-button-inner {
background-color: #e5e4e4 !important;
background-image: -moz-linear-gradient(top, #e5e4e4, #dddcdc) !important;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e5e4e4), to(#dddcdc)) !important;
background-image: -webkit-linear-gradient(top, #e5e4e4, #dddcdc) !important;
background-image: -o-linear-gradient(top, #e5e4e4, #dddcdc) !important;
background-image: linear-gradient(to bottom, #e5e4e4, #dddcdc) !important;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#e5e4e4', endColorstr='#dddcdc', GradientType=0) !important;
}
.fc-content {
margin-top: 50px;
}
.fc-header-title h2 {
line-height: 40px !important;
font-size: 12px !important;
}
.fc-header {
margin-bottom:0px !important;
}
.timeline-desk .album a {
margin-bottom: 5px;
margin-right: 4px;
}
.stepy-titles li {
margin: 10px 3px;
}
.mail-option .btn {
margin-bottom: 0;
}
}
@media (max-width: 740px) {
#task_notificatoin_bar,#mail_notificatoin_bar,#alert_notificatoin_bar {
display: none;
}
}
@media (max-width: 480px) {
.notification-row,.task_notificatoin_bar, .search-row,.knob-charts, .dont-show , .inbox-head .sr-input, .inbox-head .sr-btn {
.notification-row {
display: none;
}
.inbox-wrapper aside {
display: block;
}
.inbox-wrapper .inbox-left , .inbox-wrapper .inbox-right {
width: 100% ;
}
#top_menu .nav > li, ul.top-menu > li {
float: right;
}
.hidden-phone {
display: none !important;
}
.dataTables_filter {
float: left;
}
.dataTables_info {
margin-bottom: 10px;
}
.mail-option .btn {
margin-bottom: 0;
}
.mail-option .inbox-pagination {
margin-top: 10px;
float: left;
}
.chart-position {
margin-top: 0px;
}
}
@media (max-width:320px) {
.login-social-link a {
padding: 15px 17px !important;
}
.notification-row, .search, .dont-show, .inbox-head .sr-input, .inbox-head .sr-btn {
.notification-row {
display: none;
}
.inbox-wrapper aside {
display: block ;
}
.inbox-wrapper .inbox-left , .inbox-wrapper .inbox-right {
width: 100% ;
}
#top_menu .nav > li, ul.top-menu > li {
float: right;
}
.hidden-phone {
display: none !important;
}
.dataTables_filter {
float: left;
}
.dataTables_info {
margin-bottom: 10px;
}
.mail-option .btn {
margin-bottom: 0;
}
.mail-option .inbox-pagination {
margin-top: 10px;
float: left;
}
.chart-position {
margin-top: 0px;
}
}

File diff suppressed because it is too large Load Diff

View File

@@ -1,154 +0,0 @@
body {
background-color: rgb(253, 253, 251);
padding-top: 70px;
letter-spacing: 0.3px;
font-family: "Helvetica Neue", "Helvetica", sans-serif;
font-weight: 300;
}
p {
margin: 0 0 2em;
}
#main.container {
font-size: 21px;
line-height: 175%;
}
h1, h2, h3 {
padding-bottom: .3em;
padding-top: 1.4em;
margin-bottom: .7em;
}
h1, h2, h3, h4, h5, h6 {
color: rgb(25,71,86);
font-family: 'Cabin', "Helvetica Neue", "Helvetica", sans-serif;
}
h1 {
font-size: 46px;
padding-top: .3em;
}
h1, h2 {
border-bottom: 1px solid #CCC;
}
pre {
background-color: #022b34;
color: #e6e6e6;
font-family: 'Source Code Pro', monospace;
font-size: 17px;
line-height: 1.2;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}
a {
color: #2b91ae;
}
a:hover {
color: rgb(15, 166, 188);
}
#footer {
margin-bottom: 2em;
}
nav.navbar {
background: none repeat scroll 0% 0% rgb(96,210,211);
border-top: 4px solid rgb(15, 166, 188);
border-bottom: 1px solid rgb(15, 166, 188);
opacity: .97;
}
.navbar-nav a > i {
font-size: 140%;
line-height: 49%;
vertical-align: -4px;
}
.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-brand {
color: white !important;
}
.navbar-inverse .navbar-nav > .dropdown > a .caret {
border-top-color: white;
border-bottom-color: white;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
text-decoration: none;
color: rgb(255, 255, 255);
background-color: rgb(15, 166, 188);
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
background-color: rgb(15, 166, 188);
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
background-color: rgb(15, 166, 188);
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
color: rgb(255, 255, 255);
text-decoration: none;
outline: 0px none;
background-color: rgb(15, 166, 188);
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
background-color: rgb(15, 166, 188);
}
.navbar-inverse .navbar-toggle {
border-color: white;
}
@media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
color: white !important;
}
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
background-color: rgb(15, 166, 188);
}
}
.highlight {
background-color: #fdfdfb !important;
}
#toc {
float: right;
margin-left: 1em;
padding: 1em;
}
#TableOfContents > ul {
margin-left: -1em;
padding: 0;
}
#TableOfContents>ul>li {
list-style: none outside none;
}
#TableOfContents > ul > li > a {
padding-left: 1em;
}
#main table{width:100%;margin-bottom:20px;}#main table thead>tr>th,#main table tbody>tr>th,#main table tfoot>tr>th,#main table thead>tr>td,#main table tbody>tr>td,#main table tfoot>tr>td{padding:8px;line-height:1.428571429;vertical-align:top;border-top:1px solid #dddddd;}
#main table thead>tr>th{vertical-align:bottom;border-bottom:2px solid #dddddd;}
#main table caption+thead tr:first-child th,#main table colgroup+thead tr:first-child th,#main table thead:first-child tr:first-child th,#main table caption+thead tr:first-child td,#main table colgroup+thead tr:first-child td,#main table thead:first-child tr:first-child td{border-top:0;}
#main table tbody+tbody{border-top:2px solid #dddddd;}
#main table #main table{background-color:#ffffff;}
#main table>tbody>tr:nth-child(odd)>td,#main table>tbody>tr:nth-child(odd)>th{background-color:#f9f9f9;}
#main table>thead>tr>td.active,#main table>tbody>tr>td.active,#main table>tfoot>tr>td.active,#main table>thead>tr>th.active,#main table>tbody>tr>th.active,#main table>tfoot>tr>th.active,#main table>thead>tr.active>td,#main table>tbody>tr.active>td,#main table>tfoot>tr.active>td,#main table>thead>tr.active>th,#main table>tbody>tr.active>th,#main table>tfoot>tr.active>th{background-color:#f5f5f5;}
#main table>thead>tr>td.success,#main table>tbody>tr>td.success,#main table>tfoot>tr>td.success,#main table>thead>tr>th.success,#main table>tbody>tr>th.success,#main table>tfoot>tr>th.success,#main table>thead>tr.success>td,#main table>tbody>tr.success>td,#main table>tfoot>tr.success>td,#main table>thead>tr.success>th,#main table>tbody>tr.success>th,#main table>tfoot>tr.success>th{background-color:#dff0d8;border-color:#d6e9c6;}
#main table>thead>tr>td.danger,#main table>tbody>tr>td.danger,#main table>tfoot>tr>td.danger,#main table>thead>tr>th.danger,#main table>tbody>tr>th.danger,#main table>tfoot>tr>th.danger,#main table>thead>tr.danger>td,#main table>tbody>tr.danger>td,#main table>tfoot>tr.danger>td,#main table>thead>tr.danger>th,#main table>tbody>tr.danger>th,#main table>tfoot>tr.danger>th{background-color:#f2dede;border-color:#eed3d7;}
#main table>thead>tr>td.warning,#main table>tbody>tr>td.warning,#main table>tfoot>tr>td.warning,#main table>thead>tr>th.warning,#main table>tbody>tr>th.warning,#main table>tfoot>tr>th.warning,#main table>thead>tr.warning>td,#main table>tbody>tr.warning>td,#main table>tfoot>tr.warning>td,#main table>thead>tr.warning>th,#main table>tbody>tr.warning>th,#main table>tfoot>tr.warning>th{background-color:#fcf8e3;border-color:#fbeed5;}
@media (max-width:768px){#main table{width:100%;margin-bottom:15px;overflow-y:hidden;overflow-x:scroll;border:1px solid #dddddd;}#main table>#main table{margin-bottom:0;background-color:#fff;}#main table>#main table>thead>tr>th,#main table>#main table>tbody>tr>th,#main table>#main table>tfoot>tr>th,#main table>#main table>thead>tr>td,#main table>#main table>tbody>tr>td,#main table>#main table>tfoot>tr>td{white-space:nowrap;} }fieldset{padding:0;margin:0;border:0;}