mirror of
https://github.com/moparisthebest/Fresh-Food-Finder
synced 2025-02-16 06:50:15 -05:00
496 lines
8.2 KiB
CSS
Executable File
496 lines
8.2 KiB
CSS
Executable File
|
|
|
|
|
|
* {
|
|
-webkit-touch-callout: none;
|
|
-webkit-user-select: none;
|
|
}
|
|
|
|
input,
|
|
textarea {
|
|
-webkit-touch-callout: auto;
|
|
-webkit-user-select: auto;
|
|
}
|
|
|
|
body {
|
|
position:absolute;
|
|
top:0px;
|
|
bottom:0px;
|
|
left:0px;
|
|
right:0px;
|
|
overflow: hidden;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
background-color:#555;
|
|
}
|
|
* {
|
|
font-family:'SansationRegular', Arial, sans-serif;
|
|
letter-spacing: 0;
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
}
|
|
|
|
|
|
|
|
.subtext {
|
|
font-size:0.85em;
|
|
font-color: #888;
|
|
}
|
|
|
|
.data-list {
|
|
-webkit-touch-callout: none;
|
|
-webkit-user-select: none;
|
|
-khtml-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
overflow: hidden;
|
|
position:relative;
|
|
background-color: #EDEDED;
|
|
min-height:100%;
|
|
|
|
|
|
backface-visibility: hidden;
|
|
-webkit-backface-visibility: hidden;
|
|
}
|
|
|
|
.data-list ul,
|
|
.data-list li {
|
|
padding:0;
|
|
margin:0;
|
|
border:none;
|
|
}
|
|
|
|
|
|
.data-list ul {
|
|
display:block;
|
|
width:100%;
|
|
width:100%;
|
|
max-width:100%;
|
|
}
|
|
|
|
.data-list li {
|
|
cursor:pointer;
|
|
font-size:1em;
|
|
padding:1em;
|
|
padding-left:1em;
|
|
padding-right:1px;
|
|
display:block;
|
|
border-top:1px solid #fff;
|
|
border-bottom:1px solid #CCC;
|
|
|
|
background-image:url('graphics/more_disclosure.png');
|
|
background-position:right center;
|
|
background-repeat:no-repeat;
|
|
}
|
|
|
|
.listSelected {
|
|
color:#333;
|
|
border-top:1px solid #094C99;
|
|
background-color: #D9D900;
|
|
}
|
|
|
|
|
|
/*ViewNavigator Styles*/
|
|
|
|
.viewNavigator_header {
|
|
background:#444;
|
|
color:#444;
|
|
}
|
|
|
|
.viewNavigator_header_title {
|
|
color:#white;
|
|
font-size:1.5em;
|
|
max-width:65%;
|
|
}
|
|
|
|
.viewNavigator_backButton {
|
|
position:absolute;
|
|
top:5px;
|
|
left:5px;
|
|
width:40px;
|
|
color: rgba(0,0,0,0);
|
|
height:35px;
|
|
box-shadow: 0 0 0 0;
|
|
background: #DEDEDE;
|
|
border:1px solid #999;
|
|
padding:0px;
|
|
border-radius:0px;
|
|
background-image:url('graphics/back_arrow.png');
|
|
background-position: 3px center;
|
|
background-repeat:no-repeat;
|
|
}
|
|
|
|
@media only screen and (min-width:760px) {
|
|
.viewNavigator_backButton {
|
|
text-align:right;
|
|
vertical-align:middle;
|
|
padding-right:10px;
|
|
padding-left:50px;
|
|
padding-top:9px;
|
|
height:26px;
|
|
color: #444;
|
|
}
|
|
}
|
|
|
|
.viewNavigator_backButton:active {
|
|
background-color: #D9D900;
|
|
}
|
|
|
|
.viewNavigator_content {
|
|
border-top:1px solid #999;
|
|
background:#999;
|
|
color:#444;
|
|
}
|
|
|
|
.viewNavigator_contentHolder {
|
|
color:#444;
|
|
background:#999;
|
|
border-left:1px solid #999;
|
|
border-right:1px solid #999;
|
|
}
|
|
|
|
.viewNavigator_contentHolder > div:first-child {
|
|
min-height:100%;
|
|
background:#EDEDED;
|
|
/*background-image:url('graphics/wheat_bg.png');
|
|
background-position: top left;
|
|
background-repeat:repeat;*/
|
|
border-bottom:1px solid #444;
|
|
border-top:1px solid #444;
|
|
}
|
|
|
|
|
|
/*APPLICATION VIEWS*/
|
|
|
|
.right {
|
|
position:absolute;
|
|
right:0.75em;
|
|
top:0.5em;
|
|
}
|
|
|
|
.padded {
|
|
padding:1em;
|
|
}
|
|
|
|
.button {
|
|
padding:.5em;
|
|
cursor:pointer;
|
|
border:1px solid #999;
|
|
background-color: #AAA;
|
|
color: white;
|
|
text-decoration:none;
|
|
}
|
|
|
|
.button:active {
|
|
background-color: #D9D900;
|
|
}
|
|
|
|
.heading {
|
|
background-color: #fff;
|
|
color:#444;
|
|
border-bottom:1px solid #999;
|
|
backface-visibility: hidden;
|
|
-webkit-backface-visibility: hidden;
|
|
-webkit-transform:translate3d(0,0,0);
|
|
}
|
|
|
|
.warning {
|
|
background-color: #F2DEDE;
|
|
color:#B94A48;
|
|
border:1px solid #EED3D7;
|
|
}
|
|
|
|
#defaultView {
|
|
background-image:url('graphics/wheat_bg_nocolor.png');
|
|
background-position: bottom center;
|
|
background-repeat:no-repeat;
|
|
}
|
|
|
|
|
|
|
|
@media only screen and (min-width:760px) {
|
|
#defaultView {
|
|
background-image:url('graphics/wheat_bg.png');
|
|
}
|
|
}
|
|
|
|
#aboutView h2,
|
|
#defaultView h2 {
|
|
display:block;
|
|
padding:0em;
|
|
text-align:center;
|
|
}
|
|
#aboutView div,
|
|
#defaultView div {
|
|
display:block;
|
|
padding:1em;
|
|
padding-top:0em;
|
|
}
|
|
|
|
#defaultView a {
|
|
height:100%;
|
|
display:block;
|
|
border:1px solid #999;
|
|
padding:1.25em;
|
|
text-decoration: none;
|
|
color:#444;
|
|
font-size:1em;
|
|
background:rgba(230,230,230,0.85);
|
|
}
|
|
|
|
#defaultView a:active {
|
|
background-color:#D9D900;
|
|
}
|
|
|
|
#defaultView #nearMe {
|
|
padding-left:75px;
|
|
background-image:url('graphics/map_marker.png');
|
|
background-position: 15px center;
|
|
background-repeat:no-repeat;
|
|
}
|
|
|
|
#defaultView #search {
|
|
padding-left:75px;
|
|
background-image:url('graphics/search.png');
|
|
background-position: 5px center;
|
|
background-repeat:no-repeat;
|
|
}
|
|
|
|
#defaultView #about {
|
|
padding-left:75px;
|
|
background-image:url('graphics/info.png');
|
|
background-position: 10px center;
|
|
background-repeat:no-repeat;
|
|
}
|
|
|
|
|
|
#findMarketsNearMeView {
|
|
}
|
|
|
|
#aboutView {
|
|
padding:1em;
|
|
padding-top:0em;
|
|
|
|
backface-visibility: hidden;
|
|
-webkit-backface-visibility: hidden;
|
|
|
|
transform: translate3d(0,0,0);
|
|
-webkit-transform: translate3d(0,0,0);
|
|
}
|
|
|
|
#searchView {
|
|
padding:1.25em;
|
|
}
|
|
|
|
.leaflet-popup-content {
|
|
font-size:1em;
|
|
margin:05.em;
|
|
text-align:center;
|
|
}
|
|
|
|
.leaflet-popup-content a {
|
|
background:none;
|
|
border:none;
|
|
text-align:center;
|
|
}
|
|
|
|
#marketDetailsView {
|
|
padding:1.0em;
|
|
}
|
|
|
|
|
|
#marketDetailsView h2 {
|
|
padding:0em;
|
|
margin:0em;
|
|
}
|
|
|
|
.paragraph {
|
|
margin:0px;
|
|
margin-bottom:1em;
|
|
border-top:1px solid #CCC;
|
|
padding-top:1em;
|
|
}
|
|
|
|
.paragraph_noborder {
|
|
margin:0px;
|
|
margin-bottom:1em;
|
|
border: none;
|
|
padding-top:1em;
|
|
}
|
|
|
|
.amenities {
|
|
min-height:30px;
|
|
font-size: 1.25em;
|
|
padding-top:0.25em;
|
|
padding-left:62px;
|
|
background-repeat:no-repeat;
|
|
}
|
|
|
|
#credit_cards {
|
|
background-image:url('graphics/credit_card.png');
|
|
background-position: 10px center;
|
|
}
|
|
|
|
#wic_accepted {
|
|
background-image:url('graphics/family.png');
|
|
background-position: 15px center;
|
|
}
|
|
|
|
#senior {
|
|
background-image:url('graphics/senior.png');
|
|
background-position: 24px center;
|
|
}
|
|
|
|
#snap {
|
|
background-image:url('graphics/snap.png');
|
|
background-position: 20px center;
|
|
}
|
|
|
|
#bakedgoods {
|
|
background-image:url('graphics/bread.png');
|
|
background-position: 10px center;
|
|
}
|
|
|
|
#cheese {
|
|
background-image:url('graphics/cheese.png');
|
|
background-position: 7px center;
|
|
}
|
|
|
|
#arts {
|
|
background-image:url('graphics/arts.png');
|
|
background-position: 12px center;
|
|
}
|
|
|
|
#flowers {
|
|
background-image:url('graphics/flower.png');
|
|
background-position: 15px center;
|
|
}
|
|
|
|
#seafood {
|
|
background-image:url('graphics/fish.png');
|
|
background-position: 7px center;
|
|
}
|
|
|
|
#fruit {
|
|
background-image:url('graphics/fruit.png');
|
|
background-position: 15px center;
|
|
}
|
|
|
|
#herbs {
|
|
background-image:url('graphics/herb.png');
|
|
background-position: 15px center;
|
|
}
|
|
|
|
#vegetables {
|
|
background-image:url('graphics/vegetables.png');
|
|
background-position: 16px center;
|
|
}
|
|
|
|
#honey {
|
|
background-image:url('graphics/honey.png');
|
|
background-position: 17px center;
|
|
}
|
|
|
|
#jams {
|
|
background-image:url('graphics/jams.png');
|
|
background-position: 17px center;
|
|
}
|
|
|
|
#maple {
|
|
background-image:url('graphics/maple.png');
|
|
background-position: 17px center;
|
|
}
|
|
|
|
#nuts {
|
|
background-image:url('graphics/nuts.png');
|
|
background-position: 15px center;
|
|
}
|
|
|
|
#meat {
|
|
background-image:url('graphics/meat.png');
|
|
background-position: 10px center;
|
|
}
|
|
|
|
#plants {
|
|
background-image:url('graphics/plants.png');
|
|
background-position: 18px center;
|
|
}
|
|
|
|
#prepared {
|
|
background-image:url('graphics/prepared.png');
|
|
background-position: 15px center;
|
|
}
|
|
|
|
#soap {
|
|
background-image:url('graphics/soap.png');
|
|
background-position: 10px center;
|
|
}
|
|
|
|
|
|
|
|
|
|
#marketMapView {
|
|
width:100%;
|
|
height:100%;
|
|
position:absolute;
|
|
}
|
|
|
|
#marketMapView #marketMapContainer{
|
|
top:0px;
|
|
bottom:0px;
|
|
left:0px;
|
|
right:0px;
|
|
position:absolute;
|
|
}
|
|
|
|
#marketMapView #footer{
|
|
top:0px;
|
|
height:18px;
|
|
right:0px;
|
|
position:absolute;
|
|
padding:1em;
|
|
padding-right:0.5em;
|
|
z-index:99;
|
|
}
|
|
|
|
#search_state {
|
|
font-size:1.25em;
|
|
width:100%;
|
|
}
|
|
|
|
|
|
#search_searchPhrase {
|
|
width:96%;
|
|
font-size:1.25em;
|
|
}
|
|
|
|
#searchButton {
|
|
padding-left:2em;
|
|
padding-right:2em;
|
|
}
|
|
|
|
input[type='checkbox'] {
|
|
width:2em;
|
|
height:2em;
|
|
}
|
|
|
|
label {
|
|
font-size: .8em;
|
|
padding:.25em;
|
|
}
|
|
|
|
.searchfilter{
|
|
padding:.25em;
|
|
}
|
|
|
|
.searchfilter .amenities {
|
|
font-size: 1em;
|
|
}
|
|
|
|
#geoError{
|
|
padding:1.25em;
|
|
}
|
|
#geoError div {
|
|
padding:1.25em;
|
|
padding-top:0px;
|
|
} |