css fixes, allow to use dynmap embedded into a website or standalone.

This commit is contained in:
Arthur Mayer 2011-03-07 08:10:30 +01:00
parent f4ba02cd23
commit fe93d372ab
3 changed files with 32 additions and 4 deletions

15
web/embedded.css Normal file
View File

@ -0,0 +1,15 @@
/* Embedded into website */
#mcmap {
width: 100%;
height: 500px;
}
.dynmap .sidebar {
width: 140px; /* original width 200px */
margin-right: -143px; /* original margin 203px, sidebar width +2xborder 1px +1px to hide */
}
.dynmap .hitbar {
right: 140px; /* width of sidebar */
}

View File

@ -10,6 +10,7 @@
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<link rel="icon" href="images/dynmap.ico" type="image/ico" />
<!--<link rel="stylesheet" type="text/css" href="/map/embedded.css" media="screen" />-->
<link rel="stylesheet" type="text/css" href="standalone.css" media="screen" />
<link rel="stylesheet" type="text/css" href="dynmap_style.css" media="screen" />
<!-- <link rel="stylesheet" type="text/css" href="override.css" media="screen" /> -->

View File

@ -1,8 +1,7 @@
/*******************
* Page setup
*/
/* Standalone Document */
html {
width: 100%;
height: 100%
}
@ -22,3 +21,16 @@ body {
/* Chat Balloons */
#content { color: #000; }
#mcmap {
height: 100%;
}
.dynmap .sidebar {
width: 200px; /* original width 200px */
margin-right: -203px; /* original margin 203px, sidebar width +2xborder 1px +1px to hide */
}
.dynmap .hitbar {
right: 200px; /* width of sidebar */
}