LEFT | RIGHT |
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:not(.selected) | |
74 { | |
75 display: none; | |
76 padding: 10px 5px; | |
77 } | |
78 | |
79 header nav>ul.visible>li | |
80 { | |
81 display: block; | |
82 } | |
83 | |
84 header nav>ul>li a | |
85 { | |
86 font-size: 24px; | |
87 } | |
88 | |
89 #language-selector, .language-entry | |
90 { | |
91 display: inline-block; | |
92 } | |
93 | |
94 #logo | |
95 { | |
96 width: 76px; | |
97 height: 76px; | |
98 top: 2px; | |
99 left: 2px; | |
100 right: auto; | |
101 background-size: 128px; | |
102 background-position: -50px -50px; | |
103 } | |
104 | |
105 html[dir="rtl"] #logo | |
106 { | |
107 right: 2px; | |
108 left: auto; | |
109 } | |
110 | |
111 #content | 1 #content |
112 { | 2 { |
113 margin-top: 20px; | 3 margin-top: 20px; |
114 margin-bottom: 50px; | 4 margin-bottom: 50px; |
115 } | 5 } |
116 | 6 |
117 #anwiki-admin, #pageactions | 7 #anwiki-admin, #pageactions |
118 { | 8 { |
119 display: none; | 9 display: none; |
120 } | 10 } |
LEFT | RIGHT |