css/main.css
html {
height: 100%;
}
body {
min-height: 100%;
background-color: black;
}
#map {
margin: 0;
padding: 0;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
#crosshair {
pointer-events: none;
position: absolute;
top: 50%;
left: 50%;
z-index: 10000;
margin: -14px 0px 0px -8px;
font-family: "Helvetica Neue", HelveticaNeue, "Helvetica-Neue", Helvetica, "BBAlpha Sans", sans-serif;
font-size: 25px;
opacity: 0.75;
}
.ui-header, .ui-footer {
text-align: center;
height: 42px;
}
#pageDetails header div div div:last-child { /* save button container */
width: 6em;
}
#deleteButton {
background-color: red;
}
body:after { /* http://www.thecssninja.com/css/even-better-image-preloading-with-css2 */
content: url(../img/ajax-loader.gif);
display: none;
}
.ui-icon-pm-spinner {
background-image: url(../img/ajax-loader.gif);
background-size: 18px 18px;
}
/* style for toggling button on (same as pressed down style from jQM) */
.ui-btn-on-a {
border: 1px solid #000 /*{a-bdown-border}*/;
background: #222 /*{a-bdown-background-color}*/;
font-weight: bold;
color: #fff /*{a-bdown-color}*/;
text-shadow: 0 /*{a-bdown-shadow-x}*/ 1px /*{a-bdown-shadow-y}*/ 0 /*{a-bdown-shadow-radius}*/ #111 /*{a-bdown-shadow-color}*/;
background-image: -webkit-gradient(linear, left top, left bottom, from( #C7C7C7 /*{a-bdown-background-start}*/), to( #5E5E5E /*{a-bdown-background-end}*/)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient( #C7C7C7 /*{a-bdown-background-start}*/, #5E5E5E /*{a-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
background-image: -moz-linear-gradient( #C7C7C7 /*{a-bdown-background-start}*/, #5E5E5E /*{a-bdown-background-end}*/); /* FF3.6 */
background-image: -ms-linear-gradient( #C7C7C7 /*{a-bdown-background-start}*/, #5E5E5E /*{a-bdown-background-end}*/); /* IE10 */
background-image: -o-linear-gradient( #C7C7C7 /*{a-bdown-background-start}*/, #5E5E5E /*{a-bdown-background-end}*/); /* Opera 11.10+ */
background-image: linear-gradient( #C7C7C7 /*{a-bdown-background-start}*/, #5E5E5E /*{a-bdown-background-end}*/);
}
.ui-btn-on-a:visited, .ui-btn-on-a:hover, .ui-btn-on-a a.ui-link-inherit {
color: #fff /*{a-bdown-color}*/;
}
.ui-btn-on-a {
font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
text-decoration: none;
}
/* better missing tile style */
img.olImageLoadError {
background-color: transparent;
opacity: 0;
filter: alpha(opacity=0); /* IE */
}
#search-input-wrapper {
padding-bottom: 28px;
}
.ui-popup-screen.in {
opacity: 0.9;
filter: Alpha(Opacity=90);
}
.ui-disabled {
filter: Alpha(Opacity=70);
opacity: .7;
background-color: grey;
}
.ui-icon-gps {
background-image: url(../img/target.png);
background-size: 18px 18px;
}
/* Taller buttons in the header */
.ui-header .ui-btn-inner, .ui-mini .ui-btn-inner {
font-size: 12.5px;
padding: 1em 18px;
}
/* Less space lost at the top of the screen */
.ui-header-fixed .ui-btn-left, .ui-header-fixed .ui-btn-right {
top: 1px;
}
/* Title in details page: vertically centered */
.ui-header .ui-title {
margin: 0.8em 30%;
}
/* Larger info button */
.ui-btn-icon-notext {
width: 32px;
height: 32px;
}
/* Info icon properly placed inside its button */
.ui-btn-icon-notext .ui-btn-inner .ui-icon {
margin: 6px 7px;
}
.ui-footer > .ui-btn-icon-notext {
top: 3px;
}
/* New icon properly placed inside its button */
.ui-header .ui-btn-icon-notext .ui-btn-inner {
padding: 0px !important;
}
.ui-header > .ui-btn-icon-notext {
top: 3px;
}
/* Better placement of row of buttons in the footer */
.ui-controlgroup {
margin: 0px !important;
}
/* Chunkier buttons in the group in the footer */
.ui-footer .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner {
height: 26px;
}
.ui-controlgroup-horizontal .ui-btn-icon-notext .ui-btn-inner {
width: 26px;
}
/* Styling the title components */
.title {
text-align: center;
font-size:20px;
font-weight:bold;
}
/* Hiding the toggle button above tables */
.ui-table-columntoggle-btn {
display:none;
}
textarea.ui-input-text {
background-color: white;
height: 40px;
}
textarea.ui-input-text.ui-disabled {
background-color: #F1F1F1;
color: black;
height: 40px;
}
.fb-text-area-notes {
height: 120px !important;
}
select {
font-size:16px;
}
/* CSS Hack to have a more friendly icon in multi select */
#equipmentlist-listbox span.ui-icon-delete, #equipmentlist-dialog span.ui-icon-delete, #operatorlist-dialog span.ui-icon-delete {
background-position: -252px 50%;
}
/* Footer buttons to be properly top aligned */
.ui-footer .ui-btn-left, .ui-footer .ui-btn-right {
top:0px;
}
.ui-icon-mobile-map {
background-image: url("../img/map.png");
}