diff options
| -rw-r--r-- | css/maps.css | 4 | ||||
| -rw-r--r-- | css/page.css | 80 |
2 files changed, 59 insertions, 25 deletions
diff --git a/css/maps.css b/css/maps.css index ad787be..3032c34 100644 --- a/css/maps.css +++ b/css/maps.css @@ -129,7 +129,8 @@ background: #b85555 url(../images/OverlayTileFaceted50b.png);
}
.grid_td_gray {
- background: #CCCCCC url(../images/OverlayTileFaceted50b.png);
+ background-color: #CCCCCC;
+ background: url(../images/OverlayTileFaceted50b.png);
}
.grid_td_path {
background: #FFFFEE url(../images/OverlayTeleport.png);
@@ -139,7 +140,6 @@ background: inherit;
}
.grid_td_walls {
-
background-color: #F00;
background: url(../images/OverlayTileFaceted50b.png);
transition:background-color 1.6s ease-out;
diff --git a/css/page.css b/css/page.css index ef26a0a..de0d953 100644 --- a/css/page.css +++ b/css/page.css @@ -1,9 +1,16 @@ html {
- font-family: Helvetica, Arial, sans-serif;
+ font-family: Trebuchet MS1, Trebuchet MS, sans-serif;
}
html.wf-active {
/* font-family: "Comic Sans MS", sans-serif; */
- font-family: Cantarell, Helvetica, Arial, sans-serif;
+ /* Not websafe */
+ /* font-family: Cantarell, Helvetica, Arial, sans-serif; */
+ /* font-family: Helvetica, Arial, sans-serif; */
+ /* font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
+ /* font-family: Book Antiqua3; */
+
+
+
}
body {
@@ -12,6 +19,7 @@ body { background-color: #121212;
color: #ddd;
margin: 0;
+ opacity: 1;
}
p {
@@ -43,6 +51,18 @@ a:hover { width: 900px;
margin: 0 auto;
}
+.wrapper2 {
+ width:900px;
+ min-height:20px;
+ margin: 0 auto;
+}
+
+.hidden-maps {
+ display:none;
+}
+.shown-maps {
+}
+
.float {
float:left;
@@ -52,6 +72,7 @@ a:hover { }
#topbar {
+ font-weight:bold;
padding: 15px 15px;
margin: 0 auto 40px;
text-align: center;
@@ -127,10 +148,14 @@ table.score { border: 1px solid #777;
background-color: #252530;
color: #ccc;
- margin: 40px auto 0;
+ margin: 0px auto;
+
}
table.score th, table.score td {
- padding: 5px;
+ padding: 2px 4px 1px 4px;
+}
+table.score td {
+ font-size:105%;
}
table.score th {
border: 1px solid #777;
@@ -139,6 +164,7 @@ table.score th { #copy {
text-align: center;
margin: 40px auto 0;
+ width: 400px;
}
#copy iframe {
border: none;
@@ -157,35 +183,35 @@ table.score th { @keyframes notifiAnimate
{
-0% {top:-200px;}
+0% {top:-300px;}
50% {height:700px;top:-200px;}
-65% {height:200px;top:200px;}
-80% {height:250px;top:175px;}
-100% {height:200px;top:200px;}
+65% {height:300px;top:200px;}
+80% {height:350px;top:175px;}
+100% {height:300px;top:200px;}
}
@-moz-keyframes notifiAnimate /* Firefox */
{
-0% {top:-200px;}
+0% {top:-300px;}
50% {height:700px;top:-200px;}
-65% {height:200px;top:200px;}
-80% {height:250px;top:175px;}
-100% {height:200px;top:200px;}
+65% {height:300px;top:200px;}
+80% {height:350px;top:175px;}
+100% {height:300px;top:200px;}
}
@-webkit-keyframes notifiAnimate /* Safari and Chrome */
{
-0% {top:-200px;}
+0% {top:-300px;}
45% {height:700px;top:-200px;}
-65% {height:180px;top:200px;}
-80% {height:250px;top:175px;}
-100% {height:200px;top:200px;}
+65% {height:280px;top:200px;}
+80% {height:350px;top:175px;}
+100% {height:300px;top:200px;}
}
@-o-keyframes notifiAnimate /* Opera */
{
-0% {top:-200px;}
+0% {top:-300px;}
45% {height:700px;top:-200px;}
-65% {height:180px;top:200px;}
-80% {height:250px;top:175px;}
-100% {height:200px;top:200px;}
+65% {height:280px;top:200px;}
+80% {height:350px;top:175px;}
+100% {height:300px;top:200px;}
}
.notification
@@ -196,11 +222,11 @@ table.score th { -o-animation: notifiAnimate 1s; /* Opera */
position:fixed;
left:50%;
- margin-left: -150px;
+ margin-left: -200px;
top:200px;
text-align: center;
- width:300px;
- height:200px;
+ width:400px;
+ height:300px;
color: #ddd;
background-color: #334;
padding: 1px 1px;
@@ -210,6 +236,14 @@ table.score th { box-shadow: 0 0 3px #445;
}
+.notification_close {
+ top:276px;
+ position:absolute;
+ text-align:right;
+}
+.notification_close a {
+ color: #FF5;
+}
.name_color_select span
{
|