Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

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: Created Sept. 22, 2017, 1:13 a.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View unified diff | Download patch
OLDNEW
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 1 #hamburger
40 { 2 {
41 content: ""; 3 content: "";
42 cursor: pointer; 4 cursor: pointer;
43 display: inline-block; 5 display: inline-block;
44 position: absolute; 6 position: absolute;
45 width: 30px; 7 width: 30px;
46 height: 30px; 8 height: 30px;
47 top: 25px; 9 top: 25px;
48 right: 10px; 10 right: 10px;
49 left: auto; 11 left: auto;
50 font-size: 30px; 12 font-size: 30px;
51 background-image: url(../img/sprite-main.png); 13 background-image: url(../img/sprite-main.png);
52 background-position: 0px -166px; 14 background-position: 0px -166px;
53 } 15 }
54 16
55 html[dir="rtl"] #hamburger 17 html[dir="rtl"] #hamburger
56 { 18 {
57 left: 10px; 19 left: 10px;
58 right: auto; 20 right: auto;
59 } 21 }
60 22
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 23 #content
117 { 24 {
118 margin: 20px 10px 50px 10px; 25 margin: 20px 10px 50px 10px;
119 } 26 }
120 27
121 #footer-main 28 #footer-main
122 { 29 {
123 text-align: center; 30 text-align: center;
124 position: static; 31 position: static;
125 } 32 }
(...skipping 39 matching lines...) Expand 10 before | Expand all | Expand 10 after
165 72
166 #social-list 73 #social-list
167 { 74 {
168 padding: 0px; 75 padding: 0px;
169 } 76 }
170 77
171 #anwiki-admin, #pageactions 78 #anwiki-admin, #pageactions
172 { 79 {
173 display: none; 80 display: none;
174 } 81 }
OLDNEW

Powered by Google App Engine
This is Rietveld