Delta Between Two Patch Sets: static/css/main-desktop.css
Issue 29558641:
Issue 5740 - Implemented new abp.org footer styles (Closed)
Base URL: https://bitbucket.org/adblockplus/adblockplus.org
Left Patch Set: Rebased on top of #5742
Created Oct. 5, 2017, 3:35 p.m.
Right Patch Set: Addressed comments
Created Oct. 11, 2017, 1:11 p.m.
| Left: | ||
| Right: |
Use n/p to move between diff chunks;
N/P to move between comments.
« no previous file with change/comment
|
« static/css/main.css ('k')
|
static/css/main-mobile.css » ('j')
|
no next file with change/comment »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
| LEFT | RIGHT |
|---|---|
| 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 | |
| 8 { | |
| 9 width: 1000px; | |
| 10 border-radius: 0 0 5px 5px; | |
| 11 margin-left: auto; | |
| 12 margin-right: auto; | |
| 13 | |
| 14 } | |
| 15 | |
| 16 header nav | |
| 17 { | |
| 18 padding: 40px 12px 10px 140px; | |
| 19 line-height: 1; | |
| 20 } | |
| 21 | |
| 22 html[dir="rtl"] header nav | |
| 23 { | |
| 24 padding: 40px 140px 10px 12px; | |
| 25 } | |
| 26 | |
| 27 header nav ul, | |
| 28 html[dir="rtl"] header nav ul * | |
| 29 { | |
| 30 text-align: right; | |
| 31 white-space: nowrap; | |
| 32 } | |
| 33 | |
| 34 header nav ul *, | |
| 35 html[dir="rtl"] header nav ul | |
| 36 { | |
| 37 text-align: left; | |
| 38 } | |
| 39 | |
| 40 header nav li | |
| 41 { | |
| 42 display: inline-block; | |
| 43 vertical-align: middle; | |
| 44 } | |
| 45 | |
| 46 header nav li | |
| 47 { | |
| 48 height: 18px; | |
| 49 border-left: 1px dotted #848484; | |
| 50 border-right-width: 0; | |
| 51 margin-left: 8px; | |
| 52 margin-right: 0; | |
| 53 padding: 2px 0 2px 12px; | |
| 54 } | |
| 55 | |
| 56 html[dir="rtl"] header nav li | |
| 57 { | |
| 58 border-right: 1px dotted #848484; | |
| 59 border-left-width: 0; | |
| 60 margin-right: 8px; | |
| 61 margin-left: 0; | |
| 62 padding: 2px 12px 2px 0; | |
| 63 } | |
| 64 | |
| 65 html[dir] header nav li.first, html[dir] .language-entry | |
| 66 { | |
| 67 border-left-width: 0; | |
| 68 border-right-width: 0; | |
| 69 margin-left: 0; | |
| 70 margin-right: 0; | |
| 71 padding-left: 0; | |
| 72 padding-right: 0; | |
| 73 } | |
| 74 | |
| 75 /* Needs to be duplicated because IE6 ignores the above rule */ | |
| 76 header nav li.first, .language-entry | |
| 77 { | |
| 78 border-left-width: 0; | |
| 79 border-right-width: 0; | |
| 80 margin-left: 0; | |
| 81 margin-right: 0; | |
| 82 padding-left: 0; | |
| 83 padding-right: 0; | |
| 84 } | |
| 85 | |
| 86 #language | |
| 87 { | |
| 88 position: relative; | |
| 89 cursor: pointer; | |
| 90 } | |
| 91 | |
| 92 #language-arrow | |
| 93 { | |
| 94 width: 16px; | |
| 95 height: 9px; | |
| 96 background-position: -31px -190px; | |
| 97 } | |
| 98 | |
| 99 #language-selector | |
| 100 { | |
| 101 display: none; | |
| 102 position: absolute; | |
| 103 right: -12px; | |
| 104 left: auto; | |
| 105 margin-top: 2px; | |
| 106 min-width: 100%; | |
| 107 padding: 5px 5px 5px 5px; | |
| 108 background: white; | |
| 109 border: 1px solid #D9D9D9; | |
| 110 border-radius: 5px; | |
| 111 } | |
| 112 | |
| 113 html[dir="rtl"] #language-selector | |
| 114 { | |
| 115 left: -12px; | |
| 116 right: auto; | |
| 117 } | |
| 118 | |
| 119 #language-selector.visible | |
| 120 { | |
| 121 display: block; | |
| 122 } | |
| 123 | |
| 124 .language-entry | |
| 125 { | |
| 126 display: block; | |
| 127 margin: 4px; | |
| 128 white-space: nowrap; | |
| 129 } | |
| 130 | |
| 131 #logo | |
| 132 { | |
| 133 top: -5px; | |
| 134 left: 10px; | |
| 135 right: auto; | |
| 136 } | |
| 137 | |
| 138 html[dir="rtl"] #logo | |
| 139 { | |
| 140 right: 25px; | |
| 141 left: auto; | |
| 142 } | |
| 143 | |
| 144 #content | 7 #content |
| 145 { | 8 { |
| 146 margin-top: 71px; | 9 margin-top: 71px; |
| 147 } | |
| 148 | |
| 149 #social | |
| 150 { | |
| 151 position: absolute; | |
| 152 top: 0; | |
| 153 right: 0; | |
| 154 left: auto; | |
| 155 } | |
| 156 | |
| 157 html[dir="rtl"] #social | |
| 158 { | |
| 159 left: 0; | |
| 160 right: auto; | |
| 161 } | 10 } |
| 162 | 11 |
| 163 #anwiki-admin | 12 #anwiki-admin |
| 164 { | 13 { |
| 165 position: absolute; | 14 position: absolute; |
| 166 bottom: 5px; | 15 bottom: 5px; |
| 167 right: 10px; | 16 right: 10px; |
| 168 left: 0; | 17 left: 0; |
| 169 } | 18 } |
| 170 | 19 |
| (...skipping 10 matching lines...) Expand all Loading... | |
| 181 margin-left: -150px; | 30 margin-left: -150px; |
| 182 margin-right: -150px; | 31 margin-right: -150px; |
| 183 width: 980px; | 32 width: 980px; |
| 184 } | 33 } |
| 185 | 34 |
| 186 #globalnav | 35 #globalnav |
| 187 { | 36 { |
| 188 margin-top: 5px; | 37 margin-top: 5px; |
| 189 margin-bottom: 5px; | 38 margin-bottom: 5px; |
| 190 } | 39 } |
| LEFT | RIGHT |
« static/css/main.css ('k')
|
static/css/main-mobile.css » ('j')
|
Toggle Intra-line Diffs ('i')
|
Expand Comments ('e')
|
Collapse Comments ('c')
|
Toggle Comments ('s')
