Upstream/dynmap
1
0
Fork 0
mirror of https://github.com/webbukkit/dynmap.git synced 2024-12-25 10:07:37 +01:00
Code Issues Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

124
web/dynmap_style.css
View File

@ -229,11 +229,11 @@ body {
} }
.dynmap .sidebar .panel > .pin:hover { .dynmap .sidebar .panel > .pin:hover {
background-image: url(window_pinned.png); background-image: url(window_pinned_hover.png);
} }
.dynmap .sidebar.pinned .panel > .pin:hover { .dynmap .sidebar.pinned .panel > .pin:hover {
background-image: url(window_close.png); background-image: url(window_close_hover.png);
} }
.dynmap .sidebar.pinned .panel > .pin { .dynmap .sidebar.pinned .panel > .pin {
@ -244,8 +244,8 @@ body {
/******************* /*******************
* Sidebar clock style * Sidebar clock style
*/ */
/*
/*.dynmap .panel .clock { .dynmap .panel .clock {
display: inline-block; display: inline-block;
height: 16px; height: 16px;
@ -253,24 +253,25 @@ body {
background-repeat: no-repeat; background-repeat: no-repeat;
padding-left: 20px; padding-left: 20px;
margin-left: 8px; margin-left: 8px;
}*/ }
*/
.clock { .clock {
position:relative; position: relative;
bottom:12px; bottom: 16px;
text-align:center; text-align: center;
} }
/*.clock.night { .clock.night {
background-image: url(clock_night.png); /* background-image: url(clock_night.png); */
color: #dff; color: #dff;
} }
.clock.day { .clock.day {
background-image: url(clock_day.png); /* background-image: url(clock_day.png); */
color: #fd3; color: #fd3;
}*/ }
.clock.night, clock.day { .clock.night, .clock.day {
-moz-transition: all 8s 8s linear; -moz-transition: all 8s 8s linear;
-webkit-transition: all 8s 8s linear; -webkit-transition: all 8s 8s linear;
-o-transition: all 8s 8s linear; -o-transition: all 8s 8s linear;
@ -295,8 +296,8 @@ body {
margin: auto; margin: auto;
} }
.timeofday { .timeofday {
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.timeofday.sun { .timeofday.sun {
@ -397,9 +398,11 @@ body {
.dynmap .playerlist .playerIcon { .dynmap .playerlist .playerIcon {
width: 16px; width: 16px;
height: 16px; height: 16px;
margin: 0px 7px;
display: block; display: block;
float: left; float: left;
margin: 0px 4px 0px 2px;
} }
.dynmap .playerlist .player.following { .dynmap .playerlist .player.following {
@ -431,6 +434,10 @@ body {
*/ */
.dynmap .playerName { .dynmap .playerName {
position: absolute;
top: 0px;
left: 34px;
color: #fff; color: #fff;
background: rgba(0,0,0,0.6); background: rgba(0,0,0,0.6);
padding: 2px; padding: 2px;
@ -449,12 +456,89 @@ body {
position: absolute; position: absolute;
z-index: 10; z-index: 10;
height: 830px;
width: 84px;
top: 10px; top: 10px;
right: 32px; right: 32px;
height: 84px;
width: 83px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-image: url(compass.png); 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; }

55
web/index.html
View File

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