This repository has been archived by the owner. It is now read-only.
Permalink
Browse files

.compact: Layer subreddit name above logo.

  • Loading branch information...
chromakode committed Feb 15, 2013
1 parent 125abe9 commit b309532b4f80c1b186cdf8b82a10a772f8e69142
Showing with 7 additions and 3 deletions.
  1. +3 −3 r2/r2/public/static/css/compact.css
  2. +4 −0 r2/r2/public/static/css/compact.scss
@@ -91,11 +91,11 @@ button.button { padding: 0 5px; }
/*Toolbar*/
#topbar { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cee3f8), color-stop(100%, #a8c4e0)); background: -webkit-linear-gradient(top, #cee3f8, #a8c4e0); background: -moz-linear-gradient(top, #cee3f8, #a8c4e0); background: -o-linear-gradient(top, #cee3f8, #a8c4e0); background: linear-gradient(top, #cee3f8, #a8c4e0); background-color: #bbd3ec; border-bottom: 1px solid #7599BD; border-top: 1px solid #DCEAF7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0px 10px; height: 40px; position: relative; }
#topbar #header-img { height: 32px; width: auto; }
-#topbar .left { position: absolute; left: 0; bottom: 3px; overflow: hidden; max-height: 40px; }
-#topbar .right { position: absolute; right: 10px; bottom: 1px; }
+#topbar .left { position: absolute; left: 0; bottom: 3px; overflow: hidden; max-height: 40px; z-index: 1; }
+#topbar .right { position: absolute; right: 10px; bottom: 1px; z-index: 3; }
#topbar > h1 { color: #444; font-size: 18px; font-weight: bold; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin: 0 10px; padding: 0; padding-top: 16px; text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px, rgba(0, 0, 0, 0.1) 0px -1px 0px; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; box-flex: 1; }
-#topbar > h1 a { color: inherit; text-decoration: inherit; }
+#topbar > h1 a { position: relative; color: inherit; text-decoration: inherit; z-index: 2; }
body[orient="landscape"] > #topbar > h1 { margin-left: -125px; width: 250px; }
@@ -324,11 +324,13 @@ button.button {
bottom: 3px;
overflow: hidden;
max-height: 40px;
+ z-index: 1;
}
.right {
position: absolute;
right: 10px;
bottom: 1px;
+ z-index: 3;
}
& > h1 {
@@ -348,8 +350,10 @@ button.button {
}
#topbar > h1 a {
+ position: relative;
color: inherit;
text-decoration: inherit;
+ z-index: 2;
}
body[orient="landscape"] > #topbar > h1 {
margin-left: -125px;

0 comments on commit b309532

Please sign in to comment.