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: Rebased Created Oct. 10, 2017, 11:29 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
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-top: 20px; 3 margin-top: 20px;
119 margin-bottom: 50px; 4 margin-bottom: 50px;
120 } 5 }
121 6
122 #footer-main 7 #footer-main
123 { 8 {
124 text-align: center; 9 text-align: center;
125 position: static; 10 position: static;
(...skipping 40 matching lines...) Expand 10 before | Expand all | Expand 10 after
166 51
167 #social-list 52 #social-list
168 { 53 {
169 padding: 0px; 54 padding: 0px;
170 } 55 }
171 56
172 #anwiki-admin, #pageactions 57 #anwiki-admin, #pageactions
173 { 58 {
174 display: none; 59 display: none;
175 } 60 }
OLDNEW

Powered by Google App Engine
This is Rietveld