You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
356 lines
7.4 KiB
CSS
356 lines
7.4 KiB
CSS
/*body, .default {
|
|
font-size:14px;
|
|
font-family:sans-serif;
|
|
font-weight:lighter;
|
|
padding:10px;
|
|
|
|
}
|
|
.jsgrid-grid-header{
|
|
background: #f9f9f9;
|
|
background-color: rgb(249, 249, 249);
|
|
background-image: none;
|
|
background-repeat: repeat;
|
|
background-attachment: scroll;
|
|
background-clip: border-box;
|
|
background-origin: padding-box;
|
|
background-position-x: 0%;
|
|
background-position-y: 0%;
|
|
background-size: auto auto;
|
|
max-height: 48px;
|
|
}
|
|
.jsgrid-grid-body {
|
|
overflow-x:hidden;
|
|
overflow-y:scroll;
|
|
-webkit-overflow-scrolling:touch
|
|
}
|
|
|
|
|
|
.small {
|
|
font-family:sans-serif;
|
|
font-size:12px;
|
|
font-weight:lighter;
|
|
}
|
|
.bold {font-weight:bold}
|
|
.left {float:left}
|
|
.right{float:right}
|
|
.caption {
|
|
font-size:22px;
|
|
margin:2px;
|
|
padding:2px;
|
|
height:30px;
|
|
font-family:sans-serif;
|
|
font-weight:lighter;
|
|
|
|
}
|
|
.button {
|
|
padding:8px;
|
|
margin:2px;
|
|
border-radius:4px;
|
|
-moz-border-radius:4px;
|
|
-webkit-border-radius:4px;
|
|
cursor:pointer;
|
|
}
|
|
.button:hover{
|
|
background-color:#4682B4 ;
|
|
color:#ffffff;
|
|
|
|
}
|
|
.no-border{ border:1px solid transparent}
|
|
.border { border:1px solid #CAD5E0}
|
|
.border-bottom{ border-bottom:1px solid #CAD5E0;}
|
|
.border-right { border-right:1px solid #CAD5E0;}
|
|
.border-left { border-left:1px solid #CAD5E0;}
|
|
.border-top { border-top:1px solid #CAD5E0;}
|
|
.grid {
|
|
font-family:sans-serif;
|
|
font-weight:lighter;
|
|
|
|
margin:4px;
|
|
padding:4px;
|
|
}
|
|
.grid-half {
|
|
height:195px;
|
|
margin:4px;
|
|
width:98%;
|
|
padding:4px;
|
|
}
|
|
.grid .fa-check {color:green}
|
|
.grid .fa-times {color:maroon; }
|
|
|
|
.menu {
|
|
margin:5px;
|
|
padding:4px;
|
|
}
|
|
.menu .fa-chevron-right {color:transparent; margin:4px; }
|
|
.menu .menu-item { border:1px solid transparent; cursor:pointer; padding-bottom:4px; margin:2px;}
|
|
.menu .menu-item:hover {
|
|
border-bottom-color:#4682B4;
|
|
}
|
|
.menu .menu-item:hover .fa-chevron-right { color:#4582b4}
|
|
input[type=text]{
|
|
padding:4px;
|
|
margin:4px;
|
|
outline:0px;
|
|
border:1px solid transparent;
|
|
background-color:#f3f3f3;
|
|
font-size:14px;
|
|
font-weight:lighter;
|
|
font-family:sans-serif;
|
|
}
|
|
input[type=text]:focus{
|
|
border-left-color:#4682B4;
|
|
}
|
|
|
|
.padding-2x{padding:4px;}
|
|
.margin-2x {margin:4px;}
|
|
.info {
|
|
|
|
margin:4px;
|
|
width:43%;
|
|
|
|
|
|
}
|
|
.height-quarter{height:24%;}
|
|
.height-half{height:47%}
|
|
.width-quarter {width:24%}
|
|
.width-half {width:47%; }
|
|
.width-75 {width:72%}
|
|
|
|
.bad { color:maroon}
|
|
.good{ color:green}
|
|
.fa-warning, .warning{color:orange}
|
|
.number {font-size:42px; font-weight:lighter; padding:2px; margin:2px;}
|
|
|
|
.action {cursor:pointer; padding:1px; margin:1px; border:1px solid transparent}
|
|
.action:hover { border-bottom-color:#4682B4}
|
|
.shadow{box-shadow: 7px 7px 5px #888888;}
|
|
.gradient {
|
|
background-image:
|
|
linear-gradient(
|
|
#4682b4, #ffffff,#ffffff
|
|
);
|
|
}
|
|
.simple-gradient {
|
|
background-image: -ms-linear-gradient(top, #CAD5E0 0%, #F3F3F3 40%);
|
|
|
|
background-image: -moz-linear-gradient(top, #CAD5E0 0%, #F3F3F3 40%);
|
|
|
|
background-image: -o-linear-gradient(top, #CAD5E0 0%, #F3F3F3 40%);
|
|
|
|
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #CAD5E0), color-stop(40, #F3F3F3));
|
|
|
|
background-image: -webkit-linear-gradient(top, #CAD5E0 0%, #F3F3F3 40%);
|
|
|
|
background-image: linear-gradient(to bottom, #CAD5E0 0%, #F3F3F3 40%);
|
|
|
|
}
|
|
|
|
/* ----------- Non-Retina Screens ----------- */
|
|
@media screen
|
|
and (min-device-width: 1200px)
|
|
and (max-device-width: 1600px)
|
|
and (-webkit-min-device-pixel-ratio: 1) {
|
|
}
|
|
|
|
/* ----------- Retina Screens ----------- */
|
|
@media screen
|
|
and (min-device-width: 1200px)
|
|
and (max-device-width: 1600px)
|
|
and (-webkit-min-device-pixel-ratio: 2)
|
|
and (min-resolution: 192dpi) {
|
|
}
|
|
|
|
/* ----------- iPad mini ----------- */
|
|
|
|
/* Portrait and Landscape */
|
|
@media only screen
|
|
and (min-device-width: 768px)
|
|
and (max-device-width: 1024px)
|
|
and (-webkit-min-device-pixel-ratio: 1) {
|
|
}
|
|
|
|
}
|
|
|
|
/* Portrait */
|
|
@media only screen
|
|
and (min-device-width: 768px)
|
|
and (max-device-width: 1024px)
|
|
and (orientation: portrait)
|
|
and (-webkit-min-device-pixel-ratio: 1) {
|
|
|
|
}
|
|
|
|
/* Landscape */
|
|
@media only screen
|
|
and (min-device-width: 768px)
|
|
and (max-device-width: 1024px)
|
|
and (orientation: landscape)
|
|
and (-webkit-min-device-pixel-ratio: 1) {
|
|
|
|
}
|
|
|
|
/* ----------- iPad 1 and 2 ----------- */
|
|
/* Portrait and Landscape */
|
|
@media only screen
|
|
and (min-device-width: 768px)
|
|
and (max-device-width: 1024px)
|
|
and (-webkit-min-device-pixel-ratio: 1) {
|
|
.block {display: inline-block;}
|
|
|
|
}
|
|
|
|
/* Portrait */
|
|
@media only screen
|
|
and (min-device-width: 768px)
|
|
and (max-device-width: 1024px)
|
|
and (orientation: portrait)
|
|
and (-webkit-min-device-pixel-ratio: 1) {
|
|
|
|
}
|
|
|
|
/* Landscape */
|
|
@media only screen
|
|
and (min-device-width: 768px)
|
|
and (max-device-width: 1024px)
|
|
and (orientation: landscape)
|
|
and (-webkit-min-device-pixel-ratio: 1) {
|
|
|
|
}
|
|
|
|
/* ----------- iPad 3 and 4 ----------- */
|
|
/* Portrait and Landscape */
|
|
@media only screen
|
|
and (min-device-width: 768px)
|
|
and (max-device-width: 1024px)
|
|
and (-webkit-min-device-pixel-ratio: 2) {
|
|
|
|
}
|
|
|
|
/* Portrait */
|
|
@media only screen
|
|
and (min-device-width: 768px)
|
|
and (max-device-width: 1024px)
|
|
and (orientation: portrait)
|
|
and (-webkit-min-device-pixel-ratio: 2) {
|
|
|
|
}
|
|
|
|
/* Landscape ////////////////////////////////////////////////////////////////////////////////////////////////////// */
|
|
@media only screen
|
|
and (min-device-width: 768px)
|
|
and (max-device-width: 1024px)
|
|
and (orientation: landscape)
|
|
and (-webkit-min-device-pixel-ratio: 2) {
|
|
|
|
}
|
|
|
|
/* ----------- iPhone 4 and 4S ----------- */
|
|
|
|
/* Portrait and Landscape */
|
|
@media only screen
|
|
and (min-device-width: 320px)
|
|
and (max-device-width: 480px)
|
|
and (-webkit-min-device-pixel-ratio: 2) {
|
|
|
|
}
|
|
|
|
/* Portrait */
|
|
@media only screen
|
|
and (min-device-width: 320px)
|
|
and (max-device-width: 480px)
|
|
and (-webkit-min-device-pixel-ratio: 2)
|
|
and (orientation: portrait) {
|
|
}
|
|
|
|
/* Landscape */
|
|
@media only screen
|
|
and (min-device-width: 320px)
|
|
and (max-device-width: 480px)
|
|
and (-webkit-min-device-pixel-ratio: 2)
|
|
and (orientation: landscape) {
|
|
|
|
}
|
|
|
|
/* ----------- iPhone 5 and 5S ----------- */
|
|
|
|
/* Portrait and Landscape */
|
|
@media only screen
|
|
and (min-device-width: 320px)
|
|
and (max-device-width: 568px)
|
|
and (-webkit-min-device-pixel-ratio: 2) {
|
|
|
|
}
|
|
|
|
/* Portrait */
|
|
@media only screen
|
|
and (min-device-width: 320px)
|
|
and (max-device-width: 568px)
|
|
and (-webkit-min-device-pixel-ratio: 2)
|
|
and (orientation: portrait) {
|
|
}
|
|
|
|
/* Landscape */
|
|
@media only screen
|
|
and (min-device-width: 320px)
|
|
and (max-device-width: 568px)
|
|
and (-webkit-min-device-pixel-ratio: 2)
|
|
and (orientation: landscape) {
|
|
|
|
}
|
|
|
|
/* ----------- iPhone 6 ----------- */
|
|
|
|
/* Portrait and Landscape */
|
|
@media only screen
|
|
and (min-device-width: 375px)
|
|
and (max-device-width: 667px)
|
|
and (-webkit-min-device-pixel-ratio: 2) {
|
|
|
|
}
|
|
|
|
/* Portrait */
|
|
@media only screen
|
|
and (min-device-width: 375px)
|
|
and (max-device-width: 667px)
|
|
and (-webkit-min-device-pixel-ratio: 2)
|
|
and (orientation: portrait) {
|
|
|
|
}
|
|
|
|
/* Landscape */
|
|
@media only screen
|
|
and (min-device-width: 375px)
|
|
and (max-device-width: 667px)
|
|
and (-webkit-min-device-pixel-ratio: 2)
|
|
and (orientation: landscape) {
|
|
|
|
}
|
|
|
|
/* ----------- iPhone 6+ ----------- */
|
|
|
|
/* Portrait and Landscape */
|
|
@media only screen
|
|
and (min-device-width: 414px)
|
|
and (max-device-width: 736px)
|
|
and (-webkit-min-device-pixel-ratio: 3) {
|
|
|
|
}
|
|
|
|
/* Portrait */
|
|
@media only screen
|
|
and (min-device-width: 414px)
|
|
and (max-device-width: 736px)
|
|
and (-webkit-min-device-pixel-ratio: 3)
|
|
and (orientation: portrait) {
|
|
|
|
}
|
|
|
|
/* Landscape */
|
|
@media only screen
|
|
and (min-device-width: 414px)
|
|
and (max-device-width: 736px)
|
|
and (-webkit-min-device-pixel-ratio: 3)
|
|
and (orientation: landscape) {
|
|
|
|
}*/
|