diff options
Diffstat (limited to 'css/page.css')
| -rw-r--r-- | css/page.css | 83 |
1 files changed, 62 insertions, 21 deletions
diff --git a/css/page.css b/css/page.css index ad45e8b..ec0f1c9 100644 --- a/css/page.css +++ b/css/page.css @@ -56,7 +56,7 @@ form { padding: 15px 0px;
text-align: center;
position: relative;
- min-width: 900px;
+ min-width: 960px;
background: #272727;
background: -moz-linear-gradient(top, #272727 0%, #111111 100%);
@@ -72,7 +72,7 @@ form { .copyAndButtons
{
margin: 0 auto;
- width: 900px;
+ width: 960px;
}
.copyAndButtons #copy
@@ -255,19 +255,24 @@ position:absolute;color:#333;left:25px;bottom:20px; -.topbarSpacer {
- width:900px;
- height:70px;
-}
.wrapper {
- width: 900px;
+ width: 960px;
margin: 0 auto;
}
.wrapper2 {
- width:900px;
+ width:960px;
min-height:20px;
margin: 0 auto;
}
+.contentWrapper {
+ width: 930px;
+ margin: 0 auto;
+ border: 1px solid #333;
+ border-top:0px;
+ border-bottom:0px;
+ padding-left:15px;
+ padding-right:15px;
+}
.hidden-maps {
display:none;
@@ -283,13 +288,18 @@ position:absolute;color:#333;left:25px;bottom:20px; float:right;
}
+.topbarSpacer {
+ width:960px;
+ height:0px;
+}
#topbar {
font-weight:bold;
- padding: 15px 15px;
- margin: 0 auto 40px;
- text-align: center;
- position: fixed; /* for #user */
- min-width: 900px;
+ padding: 15px 0px 15px 0px;
+ padding: 0px;
+ height:50px
+ text-align:center;
+ position: relative;
+ min-width: 960px;
width:100%;
background: -moz-linear-gradient(top, #555, #222);
background: -webkit-linear-gradient(top, #555, #222);
@@ -300,25 +310,47 @@ position:absolute;color:#333;left:25px;bottom:20px; -khtml-opacity: 0.9;
opacity: 0.9;
}
-#topbar a.nav {
+#topbarContent {
+ margin: 0 auto;
+ position: relative;
+ text-align: center;
+ width:960px;
+ height:100%;
+}
+#topbarContent a.nav {
background-color: #222;
- margin-right: 15px;
+ display: inline-block;
+ margin: 7px;
padding: 7px 10px;
border-radius: 5px;
text-decoration: none;
border: 1px solid #333;
box-shadow: 0 0 1px #444;
}
-#topbar a.nav.selected, #topbar a.nav:hover {
+#topbarContent a.nav.selected, #topbarContent a.nav:hover {
border: 1px solid #222;
- background-color: #2c2c2c;
+ background-color: inherit;
}
-#topbar #user {
- position: absolute;
- right: 45px;
- top: 5px;
+#topbarContent #user {
+ position: fixed;
+ right: 10px;
+ top: 2px;
text-align: right;
}
+#topbarBadge {
+ margin-left:10px;
+ margin-top:4px;
+ background-size: 100%;
+ width:41px;
+ height:41px;
+ float:left;
+}
+#topbarBadge div {
+ width:100%;
+ height:100%;
+ background-image: url(../images/OverlayTileFaceted50b.png);
+ background-size:100%;
+}
#difficulties {
width: 100%;
@@ -475,5 +507,14 @@ table.score th { background-color:#356;
cursor:default;
}
+.unselectable
+{
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -khtml-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
|