Added entry for css overrides and cleaned up styles by lechd.

This commit is contained in:
FrozenCow 2011-02-20 23:55:16 +01:00
parent feb6d65d82
commit b097fb8321
2 changed files with 131 additions and 48 deletions

View File

@ -229,11 +229,11 @@ body {
}
.dynmap .sidebar .panel > .pin:hover {
background-image: url(window_pinned.png);
background-image: url(window_pinned_hover.png);
}
.dynmap .sidebar.pinned .panel > .pin:hover {
background-image: url(window_close.png);
background-image: url(window_close_hover.png);
}
.dynmap .sidebar.pinned .panel > .pin {
@ -244,8 +244,8 @@ body {
/*******************
* Sidebar clock style
*/
/*.dynmap .panel .clock {
/*
.dynmap .panel .clock {
display: inline-block;
height: 16px;
@ -253,24 +253,25 @@ body {
background-repeat: no-repeat;
padding-left: 20px;
margin-left: 8px;
}*/
}
*/
.clock {
position:relative;
bottom:12px;
text-align:center;
position: relative;
bottom: 16px;
text-align: center;
}
/*.clock.night {
background-image: url(clock_night.png);
.clock.night {
/* background-image: url(clock_night.png); */
color: #dff;
}
.clock.day {
background-image: url(clock_day.png);
/* background-image: url(clock_day.png); */
color: #fd3;
}*/
}
.clock.night, clock.day {
.clock.night, .clock.day {
-moz-transition: all 8s 8s linear;
-webkit-transition: all 8s 8s linear;
-o-transition: all 8s 8s linear;
@ -295,8 +296,8 @@ body {
margin: auto;
}
.timeofday {
background-repeat: no-repeat;
.timeofday {
background-repeat: no-repeat;
}
.timeofday.sun {
@ -397,9 +398,11 @@ body {
.dynmap .playerlist .playerIcon {
width: 16px;
height: 16px;
margin: 0px 7px;
display: block;
float: left;
margin: 0px 4px 0px 2px;
}
.dynmap .playerlist .player.following {
@ -431,6 +434,10 @@ body {
*/
.dynmap .playerName {
position: absolute;
top: 0px;
left: 34px;
color: #fff;
background: rgba(0,0,0,0.6);
padding: 2px;
@ -449,12 +456,89 @@ body {
position: absolute;
z-index: 10;
height: 830px;
width: 84px;
top: 10px;
right: 32px;
height: 84px;
width: 83px;
background-repeat: no-repeat;
background-image: url(compass.png);
}
}
/*******************
* Chat
*/
.chat {
position: absolute;
bottom: 0px;
left: 14px;
border-color: rgba(0,0,0,0.5);
background: rgba(0,0,0,0.6);
border-style: solid;
border-width: 1px 1px 0px 1px;
-moz-border-radius: 3px 3px 0px 0px;
-webkit-border-radius: 3px 3px 0px 0px;
-o-border-radius: 3px 3px 0px 0px;
border-radius: 3px 3px 0px 0px;
}
.chatinput {
width: 608px;
height: 16px;
outline: none;
color: #fff;
border: 0px;
background: rgba(0, 0, 0, 0.6);
background: url(chat_cursor.png) rgba(0,0,0,0.6);
background-repeat: no-repeat;
background-position: 1px center;
margin: 4px;
padding: 1px 1px 1px 15px;
}
.messagelist {
color: white;
overflow: hidden;
width: 622px;
max-height: 198px;
margin: 4px 4px 0px 4px;
padding: 1px;
}
.messagerow {
position: relative;
max-height: 200px;
left: 0px;
bottom: 0px;
color: #fff;
font-weight: bold;
}
.messageicon {
position: relative;
top: 1px;
left: 0px;
}
.messagetext {
position: relative;
top: -3px;
left: 0px;
}
/* Chat Balloons */
#content { color: #000; }

View File

@ -1,22 +1,19 @@
<!DOCTYPE html>
<html>
<head>
<link rel="icon" type="image/ico" href="dynmap.ico" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="Minecraft Dynamic Map" />
<meta name="keywords" content="minecraft, map, dynamic" />
<meta name="language" content="en"/>
<title>
Minecraft Dynamic Map
</title>
<link rel="shortcut icon" href="follow_off.png" type="image/png" />
<!DOCTYPE html>
<html lang="en">
<head>
<title>Minecraft Dynamic Map</title>
<meta charset="utf-8" />
<meta name="keywords" content="minecraft, map, dynamic" />
<meta name="description" content="Minecraft Dynamic Map" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<link rel="icon" href="dynmap.ico" type="image/ico" />
<link rel="stylesheet" type="text/css" href="dynmap_style.css" media="screen" />
<link rel="stylesheet" type="text/css" href="chat_style.css" media="screen" />
<!--
<link rel="stylesheet" type="text/css" href="override_example.css" media="screen" />
-->
<script type="text/javascript" src="jquery-1.4.4.min.js"></script>
<!-- <link rel="stylesheet" type="text/css" href="override.css" media="screen" /> -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" src="jquery.json.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="custommarker.js"></script>
@ -24,18 +21,20 @@
<script type="text/javascript" src="map.js"></script>
<script type="text/javascript" src="kzedmaps.js"></script>
<script type="text/javascript" src="clock.timeofday.js"></script>
<script type="text/javascript" src="clock.digital.js"></script>
<script type="text/javascript" src="chat.js"></script>
<script type="text/javascript" src="clock.digital.js"></script>
<script type="text/javascript" src="chat.js"></script>
<script type="text/javascript" src="config.js"></script>
<script type="text/javascript">
$(document).ready(function() {
window.dynmap = new DynMap($.extend({
container: $('#mcmap')
}, config));
});
$(document).ready(function() {
window.dynmap = new DynMap($.extend({
container: $('#mcmap')
}, config));
});
</script>
</head>
<body>
</head>
<body>
<div id="mcmap"></div>
</body>
</html>
</body>
</html>