| 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 |