github/reddit
1
1
Fork 0
mirror of https://github.com/reddit-archive/reddit.git synced 2026-01-29 16:58:21 -05:00
Code Issues Packages Projects Releases Wiki Activity

.compact: Layer subreddit name above logo.

Browse Source 
Thanks 7oby! http://redd.it/18ccy5
This commit is contained in:
Max Goodman
2013-02-15 15:52:11 -08:00
parent 125abe9e8f
commit b309532b4f
2 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
r2/r2/public/static/css/compact.css
View File

@@ -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; }

4
r2/r2/public/static/css/compact.scss
View File

@@ -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;