dynmap/web/style.css

178 lines
2.5 KiB
CSS

html { height: 100% }
body { height: 100%; margin: 0px; padding: 0px ; background-color: #000; }
#mcmap { width:100%; height: 100% }
#plist {
position: absolute;
top: 8px;
right: 8px;
border: 1px solid #808080;
background: #000;
opacity: 0.6;
padding: 2px;
}
input {
margin: 0px;
}
#lst, label {
clear:both;
font-family: sans-serif;
font-size: 8pt;
color: white;
}
#plistbtn {
float:right;
cursor:pointer;
}
#cavebtn {
float:right;
cursor:pointer;
}
#link {
position: absolute;
bottom: 4px;
left: 80px;
border: 1px solid #808080;
background: #000;
opacity: 0.6;
padding: 2px;
font-size: 8pt;
color: #ddd;
}
#controls {
position: absolute;
top: 12px;
left: 45px;
border: 1px solid #808080;
background: #000;
opacity: 0.6;
padding: 2px;
font-size: 8pt;
color: #ddd;
text-align:right;
}
#controls img{
height:14px;
width:14px;
}
a, a:visited, label {
color: white;
text-decoration: none;
}
.labels {
font-size: 10pt;
font-family: sans-serif;
white-space: nowrap;
color: white;
display:none;
}
.gmnoprint{
margin-top:-75px;
margin-left:-20px
}
.plisthead{
margin-left:3px;
margin-right:3px;
display:inline-block;
height:14px;width:14px;
background-color:#000;
border: 0px;
}
#clock {
padding-left: 16px;
color: #dede90;
background-repeat: no-repeat;
}
#clock.night { background-image: url(clock_night.png); }
#clock.day { background-image: url(clock_day.png); }
.playerIcon {
}
.playerrow {
width: 120px;
vertical-align: middle;
overflow: hidden;
padding: 1px;
cursor: pointer;
}
.playerrow:hover {
border: 1px solid #222222;
background-color: #333333;
padding: 0px;
}
.playerrow * {
vertical-align: middle;
}
.Marker {
font-family: Tahoma;
font-size: 12px;
color: white;
width: 100px;
white-space: nowrap;
margin-left: -12px;
margin-top: -12px;
}
.Marker * {
vertical-align: middle;
}
.Marker span {
visibility: hidden;
}
.Marker:hover span {
visibility: visible;
}
.Marker img {
width: 25px;
height: 25px;
}
.playerMarker {
margin-left: -16px;
margin-top: -16px;
}
.playerMarker span {
visibility: visible;
}
.followButton {
width: 16px;
height: 16px;
background-image: url(follow_off.png);
}
.followButton.enabled {
background-image: url(follow_on.png);
}
.maprow {
overflow: hidden;
width: 120px;
padding: 1px;
}
.maprow:hover {
border: 1px solid #222222;
background-color: #333333;
padding: 0px;
}
.maprow, .maprow * {
cursor: pointer;
}
.maprow label {
display: inline-box;
height: 15px;
margin-left: 5px;
}