- remove size increase for layer chooser - it's large enough already (and matches the size of other android UI elements) - remove extra padding between layer chooser lines. yes, it'll be harder to click the right line, but smaller screens have it pushed off the bottom sometimes without this)
145 lines
2.1 KiB
CSS
145 lines
2.1 KiB
CSS
body {
|
|
background: #000;
|
|
color: #fff;
|
|
}
|
|
|
|
#sidebar, #updatestatus, #chatcontrols, #chat, #chatinput {
|
|
background: #0B3351 !important
|
|
}
|
|
|
|
.leaflet-top .leaflet-control {
|
|
margin-top: 5px !important;
|
|
margin-left: 5px !important;
|
|
}
|
|
|
|
.leaflet-control-layers {
|
|
margin-left: 0 !important;
|
|
margin-top: 0 !important;
|
|
}
|
|
|
|
#geosearch {
|
|
width: 100%;
|
|
}
|
|
|
|
#geosearchwrapper img {
|
|
display: none;
|
|
}
|
|
|
|
#chatcontrols {
|
|
height: 38px;
|
|
width: 100%;
|
|
display: none !important;
|
|
}
|
|
|
|
/* hide shrink button */
|
|
#chatcontrols a:first-child {
|
|
display: none;
|
|
}
|
|
|
|
#chatcontrols a {
|
|
width: 50px;
|
|
height:36px;
|
|
overflow: hidden;
|
|
vertical-align: middle;
|
|
line-height: 36px;
|
|
text-decoration: none;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
#chat {
|
|
left:0;
|
|
right:0;
|
|
top: 1px !important;
|
|
bottom:30px;
|
|
width: auto;
|
|
}
|
|
|
|
#chatinput {
|
|
width: 100%;
|
|
height: 30px;
|
|
}
|
|
|
|
#chat td:nth-child(2), #chatinput td:nth-child(2) {
|
|
width: 77px;
|
|
}
|
|
|
|
#chatcontrols a.active {
|
|
border-color: #FFCE00;
|
|
border-bottom-width:0px;
|
|
font-weight:bold
|
|
}
|
|
|
|
#chatcontrols a.active + a {
|
|
border-left-color: #FFCE00
|
|
}
|
|
|
|
#sidebartoggle {
|
|
display: none !important;
|
|
}
|
|
|
|
#scrollwrapper {
|
|
bottom: 0;
|
|
max-height: none !important;
|
|
width: 100% !important;
|
|
right: 0;
|
|
left:0;
|
|
}
|
|
|
|
#sidebar {
|
|
width: 100% !important;
|
|
min-height: 100%;
|
|
border:0;
|
|
}
|
|
|
|
#sidebar > * {
|
|
width: 100%;
|
|
}
|
|
|
|
#playerstat {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
#portaldetails {
|
|
min-height: 0;
|
|
}
|
|
|
|
.fullimg {
|
|
width: 100%;
|
|
}
|
|
|
|
/* base layer selection - first column */
|
|
.leaflet-control-layers-base {
|
|
float: left;
|
|
}
|
|
|
|
/* overlays layer selection - 2nd column */
|
|
.leaflet-control-layers-overlays {
|
|
float: left;
|
|
margin-left: 8px;
|
|
border-left: 1px solid #DDDDDD;
|
|
padding-left: 8px;
|
|
}
|
|
|
|
/* hide the usual seperator */
|
|
.leaflet-control-layers-separator {
|
|
display: none;
|
|
}
|
|
|
|
/* increase padding on list items - easier for touchscreens */
|
|
/* removed for now. could consider adding it back, conditional on device screen size?
|
|
.leaflet-control-layers-list label {
|
|
padding: 6px 0;
|
|
}
|
|
*/
|
|
|
|
.leaflet-control-attribution {
|
|
|
|
}
|
|
|
|
#portal_highlight_select{
|
|
top:0px !important;
|
|
left:0px !important;
|
|
}
|