Side by Side Diff: static/css/main-mobile.css
Issue 29551738:
Issue 5634 - Replaced logo and refactored navbar width and colors (Closed)
Base URL: https://hg.adblockplus.org/web.adblockplus.org
Patch Set: Major refactoring & mobile styles
Created Sept. 28, 2017, 12:45 a.m.
| Left: | ||
| Right: |
Use n/p to move between diff chunks;
N/P to move between comments.
« static/css/main.css ('K')
|
« static/css/main-desktop.css ('k')
|
static/img/navbar-logo.png » ('j')
|
templates/default.tmpl » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
| OLD | NEW |
|---|---|
| 1 header | |
| 2 { | |
| 3 width: auto; | |
| 4 min-height: 60px; | |
| 5 padding: 10px; | |
| 6 } | |
| 7 | |
| 8 header li a | |
| 9 { | |
| 10 display: block; | |
| 11 } | |
| 12 | |
| 13 header nav li.selected | |
| 14 { | |
| 15 position: absolute; | |
| 16 top: 0; | |
| 17 bottom: 0; | |
| 18 right: 10px; | |
| 19 left: 85px; | |
| 20 height: 80px; | |
| 21 padding-right: 40px; | |
| 22 padding-left: 0; | |
| 23 line-height: 84px; | |
| 24 font-size: 28px; | |
| 25 color: black; | |
| 26 text-overflow: ellipsis; | |
| 27 white-space: nowrap; | |
| 28 overflow: hidden; | |
| 29 } | |
| 30 | |
| 31 html[dir="rtl"] header nav li.selected | |
| 32 { | |
| 33 left: 10px; | |
| 34 right: 85px; | |
| 35 padding-left: 40px; | |
| 36 padding-right: 0; | |
| 37 } | |
| 38 | |
| 39 #hamburger | |
| 40 { | |
| 41 content: ""; | |
| 42 cursor: pointer; | |
| 43 display: inline-block; | |
| 44 position: absolute; | |
| 45 width: 30px; | |
| 46 height: 30px; | |
| 47 top: 25px; | |
| 48 right: 10px; | |
| 49 left: auto; | |
| 50 font-size: 30px; | |
| 51 background-image: url(../img/sprite-main.png); | |
| 52 background-position: 0px -166px; | |
| 53 } | |
| 54 | |
| 55 html[dir="rtl"] #hamburger | |
| 56 { | |
| 57 left: 10px; | |
| 58 right: auto; | |
| 59 } | |
| 60 | |
| 61 header nav>ul | |
| 62 { | |
| 63 margin-top: 55px; | |
| 64 margin-left: -11px; | |
| 65 margin-right: -11px; | |
| 66 padding: 12px 12px 0px 12px; | |
| 67 border: 1px solid #d9d9d9; | |
| 68 border-top: none; | |
| 69 border-bottom: none; | |
| 70 background-color: white; | |
| 71 } | |
| 72 | |
| 73 header nav>ul>li.selected, #footer-main nav section h1 | |
| 74 { | |
| 75 cursor: pointer; | |
| 76 } | |
| 77 | |
| 78 header nav>ul>li:not(.selected) | |
| 79 { | |
| 80 display: none; | |
| 81 padding: 10px 5px; | |
| 82 } | |
| 83 | |
| 84 header nav>ul.visible>li | |
| 85 { | |
| 86 display: block; | |
| 87 } | |
| 88 | |
| 89 header nav>ul>li a | |
| 90 { | |
| 91 font-size: 24px; | |
| 92 } | |
| 93 | |
| 94 #language-selector, .language-entry | |
| 95 { | |
| 96 display: inline-block; | |
| 97 } | |
| 98 | |
| 99 #logo | |
| 100 { | |
| 101 width: 76px; | |
| 102 height: 76px; | |
| 103 top: 2px; | |
| 104 left: 2px; | |
| 105 right: auto; | |
| 106 background-size: 128px; | |
| 107 background-position: -50px -50px; | |
| 108 } | |
| 109 | |
| 110 html[dir="rtl"] #logo | |
| 111 { | |
| 112 right: 2px; | |
| 113 left: auto; | |
| 114 } | |
| 115 | |
| 116 #content | 1 #content |
| 117 { | 2 { |
| 118 margin: 20px 10px 50px 10px; | 3 margin: 20px 10px 50px 10px; |
| 119 } | 4 } |
| 120 | 5 |
| 121 #footer-main | 6 #footer-main |
| 122 { | 7 { |
| 123 text-align: center; | 8 text-align: center; |
| 124 position: static; | 9 position: static; |
| 125 } | 10 } |
| (...skipping 39 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 165 | 50 |
| 166 #social-list | 51 #social-list |
| 167 { | 52 { |
| 168 padding: 0px; | 53 padding: 0px; |
| 169 } | 54 } |
| 170 | 55 |
| 171 #anwiki-admin, #pageactions | 56 #anwiki-admin, #pageactions |
| 172 { | 57 { |
| 173 display: none; | 58 display: none; |
| 174 } | 59 } |
| OLD | NEW |
« static/css/main.css ('K')
|
« static/css/main-desktop.css ('k')
|
static/img/navbar-logo.png » ('j')
|
templates/default.tmpl » ('J')
