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

Side by Side Diff: static/css/main-desktop.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.
Jump to:
View unified diff | Download patch
OLDNEW
1 html 1 html
2 { 2 {
3 position: relative; 3 position: relative;
4 min-height: 100%; 4 min-height: 100%;
5 } 5 }
6 6
7 header, #content, #footer-content 7 #content, #footer-content
8 { 8 {
9 margin-left: auto; 9 margin-left: auto;
10 margin-right: auto; 10 margin-right: auto;
11 } 11 }
12 12
13 header
14 {
15 width: 1000px;
16 border-radius: 0 0 5px 5px;
17 }
18
19 header nav
20 {
21 padding: 40px 12px 10px 140px;
22 line-height: 1;
23 }
24
25 html[dir="rtl"] header nav
26 {
27 padding: 40px 140px 10px 12px;
28 }
29
30 header nav ul,
31 html[dir="rtl"] header nav ul *
32 {
33 text-align: right;
34 white-space: nowrap;
35 }
36
37 header nav ul *,
38 html[dir="rtl"] header nav ul
39 {
40 text-align: left;
41 }
42
43 header nav li
44 {
45 display: inline-block;
46 vertical-align: middle;
47 }
48
49 header nav li
50 {
51 height: 18px;
52 border-left: 1px dotted #848484;
53 border-right-width: 0;
54 margin-left: 8px;
55 margin-right: 0;
56 padding: 2px 0 2px 12px;
57 }
58
59 html[dir="rtl"] header nav li
60 {
61 border-right: 1px dotted #848484;
62 border-left-width: 0;
63 margin-right: 8px;
64 margin-left: 0;
65 padding: 2px 12px 2px 0;
66 }
67
68 html[dir] header nav li.first, html[dir] .language-entry
69 {
70 border-left-width: 0;
71 border-right-width: 0;
72 margin-left: 0;
73 margin-right: 0;
74 padding-left: 0;
75 padding-right: 0;
76 }
77
78 /* Needs to be duplicated because IE6 ignores the above rule */
79 header nav li.first, .language-entry
80 {
81 border-left-width: 0;
82 border-right-width: 0;
83 margin-left: 0;
84 margin-right: 0;
85 padding-left: 0;
86 padding-right: 0;
87 }
88
89 #language
90 {
91 position: relative;
92 cursor: pointer;
93 }
94
95 #language-arrow
96 {
97 width: 16px;
98 height: 9px;
99 background-position: -31px -190px;
100 }
101
102 #language-selector
103 {
104 display: none;
105 position: absolute;
106 right: -12px;
107 left: auto;
108 margin-top: 2px;
109 min-width: 100%;
110 padding: 5px 5px 5px 5px;
111 background: white;
112 border: 1px solid #D9D9D9;
113 border-radius: 5px;
114 }
115
116 html[dir="rtl"] #language-selector
117 {
118 left: -12px;
119 right: auto;
120 }
121
122 #language-selector.visible
123 {
124 display: block;
125 }
126
127 .language-entry
128 {
129 display: block;
130 margin: 4px;
131 white-space: nowrap;
132 }
133
134 #logo
135 {
136 top: -5px;
137 left: 10px;
138 right: auto;
139 }
140
141 html[dir="rtl"] #logo
142 {
143 right: 25px;
144 left: auto;
145 }
146
147 #content, #footer-content 13 #content, #footer-content
148 { 14 {
149 margin-top: 15px; 15 margin-top: 15px;
150 padding-left: 10px; 16 padding-left: 10px;
151 padding-right: 10px; 17 padding-right: 10px;
152 } 18 }
153 19
154 #content 20 #content
155 { 21 {
156 width: 680px; 22 width: 680px;
(...skipping 97 matching lines...) Expand 10 before | Expand all | Expand 10 after
254 margin-left: -150px; 120 margin-left: -150px;
255 margin-right: -150px; 121 margin-right: -150px;
256 width: 980px; 122 width: 980px;
257 } 123 }
258 124
259 #globalnav 125 #globalnav
260 { 126 {
261 margin-top: 5px; 127 margin-top: 5px;
262 margin-bottom: 5px; 128 margin-bottom: 5px;
263 } 129 }
OLDNEW

Powered by Google App Engine
This is Rietveld