Produced by Araxis Merge on Fri Dec 13 16:40:55 2019 UTC. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a reasonably standards compliant browser such as the latest version of Firefox or Internet Explorer. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.
| # | Location | File | Last Modified |
|---|---|---|---|
| 1 | Fri Dec 13 16:40:55 2019 UTC | ||
| 2 | Porto v.3.2.2\Theme Files\Magento 1.x\Porto Theme\skin\frontend\smartwave\porto\css\header | type28.css | Fri Dec 13 11:24:01 2019 UTC |
| Description | Between Files 1 and 2 |
|
|---|---|---|
| Text Blocks | Lines | |
| Unchanged | 0 | 0 |
| Changed | 0 | 0 |
| Inserted | 1 | 327 |
| Removed | 0 | 0 |
| Whitespace | All differences in whitespace within lines are ignored |
|---|---|
| Character case | Differences in character case are significant |
| Line endings | Differences in line endings (CR and LF characters) are ignored |
| CR/LF characters | Not shown in the comparison detail |
No regular expressions were active.
| 1 | .header-co ntainer.ty pe28 { | |||||
| 2 | border : 0; | |||||
| 3 | } | |||||
| 4 | .header-co ntainer.ty pe28 .head er>.logo { | |||||
| 5 | margin -top: 25px ; | |||||
| 6 | margin -bottom: 2 5px; | |||||
| 7 | } | |||||
| 8 | .header-co ntainer.ty pe28 .top- links-area , .header- container. type28 .fo rm-currenc y, .header -container .type28 .f orm-langua ge { | |||||
| 9 | float: none; | |||||
| 10 | } | |||||
| 11 | .header-co ntainer.ty pe28 .form -currency, .header-c ontainer.t ype28 .for m-language { | |||||
| 12 | margin : 0; | |||||
| 13 | margin -left: 20p x; | |||||
| 14 | } | |||||
| 15 | .header-co ntainer.ty pe28 .top- links-cont ainer { | |||||
| 16 | backgr ound-color : #222529; | |||||
| 17 | paddin g: 0; | |||||
| 18 | } | |||||
| 19 | .header-co ntainer.ty pe28 .top- links { | |||||
| 20 | displa y: flex; | |||||
| 21 | paddin g-top: 0; | |||||
| 22 | paddin g-bottom: 0; | |||||
| 23 | positi on: relati ve; | |||||
| 24 | height : 60px; | |||||
| 25 | z-inde x: 8; | |||||
| 26 | } | |||||
| 27 | .header-co ntainer.ty pe28 .head er-top-lef t { | |||||
| 28 | flex: auto; | |||||
| 29 | } | |||||
| 30 | .header-co ntainer.ty pe28 .head er-top-rig ht { | |||||
| 31 | displa y: flex; | |||||
| 32 | align- items: cen ter; | |||||
| 33 | paddin g-left: 15 px; | |||||
| 34 | border -left: 1px solid #2c 3035; | |||||
| 35 | } | |||||
| 36 | .header-co ntainer.ty pe28 .top- links-cont ainer .cus tom-block a { | |||||
| 37 | color: #fff; | |||||
| 38 | text-d ecoration: none; | |||||
| 39 | } | |||||
| 40 | .header-co ntainer.ty pe28 .top- links-cont ainer .cus tom-block a:hover { | |||||
| 41 | color: #e1ddc3; | |||||
| 42 | } | |||||
| 43 | .header-co ntainer.ty pe28 .sele ctbox li { | |||||
| 44 | paddin g: 5px 10p x; | |||||
| 45 | } | |||||
| 46 | .header-co ntainer.ty pe28 .sele ctbox .sel ect .text { | |||||
| 47 | font-s ize: 12px; | |||||
| 48 | font-w eight: 500 ; | |||||
| 49 | } | |||||
| 50 | .header-co ntainer.ty pe28 .head er { | |||||
| 51 | displa y: flex; | |||||
| 52 | align- items: cen ter; | |||||
| 53 | } | |||||
| 54 | .header-co ntainer.ty pe28 .head er-main-ri ght { | |||||
| 55 | margin -left: aut o; | |||||
| 56 | } | |||||
| 57 | .header-co ntainer.ty pe28 .menu -icon, .he ader-conta iner.type2 8 .search- area, .hea der-contai ner.type28 .top-link s-area, .h eader-cont ainer.type 28 .wishli st-link { | |||||
| 58 | displa y: inline- block; | |||||
| 59 | vertic al-align: middle; | |||||
| 60 | positi on: relati ve; | |||||
| 61 | height : auto; | |||||
| 62 | } | |||||
| 63 | .header-co ntainer.ty pe28 .mini -cart .min i-products -list {pad ding: 10px 0 0;} | |||||
| 64 | .header-co ntainer.ty pe28 .myba g-link i { | |||||
| 65 | width: 25px; | |||||
| 66 | height : 20px; | |||||
| 67 | border : 2px soli d #fff; | |||||
| 68 | border -radius: 0 0 5px 5px ; | |||||
| 69 | positi on: relati ve; | |||||
| 70 | opacit y: .9; | |||||
| 71 | paddin g-right: 0 ; | |||||
| 72 | margin -top: 7px; | |||||
| 73 | } | |||||
| 74 | .header-co ntainer.ty pe28 .myba g-link i:b efore { | |||||
| 75 | conten t: ''; | |||||
| 76 | positi on: absolu te; | |||||
| 77 | border : 2px soli d; | |||||
| 78 | border -color: in herit; | |||||
| 79 | border -bottom: n one; | |||||
| 80 | border -radius: 1 0px 10px 0 0; | |||||
| 81 | left: 50%; | |||||
| 82 | top: - 8px; | |||||
| 83 | margin -left: -7. 5px; | |||||
| 84 | width: 15px; | |||||
| 85 | height : 11px; | |||||
| 86 | } | |||||
| 87 | .header-co ntainer.ty pe28 .topC artContent :before { | |||||
| 88 | right: 12px; | |||||
| 89 | } | |||||
| 90 | .header-co ntainer.ty pe28.heade r-newskin .mybag-lin k { | |||||
| 91 | paddin g-right: 1 0px; | |||||
| 92 | } | |||||
| 93 | .header-co ntainer.ty pe28.heade r-newskin .mybag-lin k .cart-qt y { | |||||
| 94 | right: 0; | |||||
| 95 | backgr ound-color : #222529; | |||||
| 96 | } | |||||
| 97 | .header-co ntainer.ty pe28 .mini -cart > a: after {dis play: none ;} | |||||
| 98 | .header-co ntainer.ty pe28 .mini -cart .top CartConten t {top:100 %;} | |||||
| 99 | .header-co ntainer.ty pe28.stick y-header . menu-wrapp er .mybag- link i{fon t-size:25p x;line-hei ght: 30px; } | |||||
| 100 | .header-co ntainer.ty pe28.heade r-newskin. sticky-hea der .menu- wrapper .m ini-cart . topCartCon tent { | |||||
| 101 | top: 1 00%; | |||||
| 102 | } | |||||
| 103 | .header-co ntainer.ty pe28 .head er .search -area { | |||||
| 104 | positi on: relati ve; | |||||
| 105 | margin : 0; | |||||
| 106 | displa y: inline- block; | |||||
| 107 | top: 0 ; | |||||
| 108 | left: 0; | |||||
| 109 | height : auto; | |||||
| 110 | z-inde x: 5; | |||||
| 111 | vertic al-align: middle; | |||||
| 112 | } | |||||
| 113 | .header-co ntainer.ty pe28 .head er .search -area a.se arch-icon { | |||||
| 114 | displa y: block; | |||||
| 115 | margin : 0; | |||||
| 116 | width: auto; | |||||
| 117 | text-t ransform: uppercase; | |||||
| 118 | font-s ize: 11px; | |||||
| 119 | font-w eight: 700 ; | |||||
| 120 | letter -spacing: 1px; | |||||
| 121 | color: #fff; | |||||
| 122 | } | |||||
| 123 | .header-co ntainer.ty pe28 .head er .search -area a.se arch-icon > span { | |||||
| 124 | displa y: none; | |||||
| 125 | } | |||||
| 126 | .header-co ntainer.ty pe28 .head er .search -area a.se arch-icon > i{font-s ize:21px;d isplay:inl ine-block; vertical-a lign:middl e;margin-r ight:0} | |||||
| 127 | .header-co ntainer.ty pe28 .head er .search -area a.se arch-icon > i:before { | |||||
| 128 | font-w eight: 900 ; | |||||
| 129 | } | |||||
| 130 | .header-co ntainer.ty pe28 .icon -search:be fore{conte nt:"\e884" } | |||||
| 131 | .header-co ntainer.ty pe28 .head er .search -area a.se arch-icon: hover{text -decoratio n:none} | |||||
| 132 | .header-co ntainer.ty pe28 .head er #search _mini_form {width:aut o;display: none;margi n:0} | |||||
| 133 | .header-co ntainer.ty pe28 .head er .form-s earch { | |||||
| 134 | positi on: absolu te; | |||||
| 135 | right: -30px; | |||||
| 136 | top: 1 00%; | |||||
| 137 | overfl ow: hidden ; | |||||
| 138 | min-wi dth: 300px ; | |||||
| 139 | width: auto; | |||||
| 140 | border : 5px soli d rgba(0,0 ,0,0.1); | |||||
| 141 | backgr ound: #fff ; | |||||
| 142 | margin -top: 15px ; | |||||
| 143 | border -radius: 5 0px !impor tant; | |||||
| 144 | } | |||||
| 145 | .header-co ntainer.ty pe28 .head er .form-s earch butt on.button, .header-c ontainer.t ype28 .hea der .form- search #se arch, .hea der-contai ner.type28 .header . form-searc h #cat{ | |||||
| 146 | color: #000; | |||||
| 147 | } | |||||
| 148 | .header-co ntainer.ty pe28 .wish list-link > a { | |||||
| 149 | font-s ize: 27px; | |||||
| 150 | color: #fff; | |||||
| 151 | } | |||||
| 152 | .header-co ntainer.ty pe28 .top- links-icon { | |||||
| 153 | displa y: block; | |||||
| 154 | font-s ize: 12px; | |||||
| 155 | paddin g: 0; | |||||
| 156 | } | |||||
| 157 | .header-co ntainer.ty pe28 .top- links-icon :before { | |||||
| 158 | displa y: none; | |||||
| 159 | } | |||||
| 160 | .header-co ntainer.ty pe28 .top- links-icon a { | |||||
| 161 | font-s ize: 27px; | |||||
| 162 | } | |||||
| 163 | .header-co ntainer.ty pe28 .top- links-area .links { | |||||
| 164 | displa y: none; | |||||
| 165 | positi on: absolu te; | |||||
| 166 | left: 50%; | |||||
| 167 | right: auto; | |||||
| 168 | min-wi dth: 130px ; | |||||
| 169 | text-a lign: left ; | |||||
| 170 | top: 1 00%; | |||||
| 171 | backgr ound-color : #fff; | |||||
| 172 | transf orm: trans lateX(-50% ); | |||||
| 173 | margin -top: 15px ; | |||||
| 174 | border : 0; | |||||
| 175 | paddin g: 5px 0; | |||||
| 176 | width: auto; | |||||
| 177 | box-sh adow: 0 2p x 10px -2p x rgba(0,0 ,0,.3); | |||||
| 178 | } | |||||
| 179 | .header-co ntainer.ty pe28 .link s li { | |||||
| 180 | displa y: block; | |||||
| 181 | paddin g: 5px 20p x; | |||||
| 182 | transi tion: all 0.3s; | |||||
| 183 | border : 0; | |||||
| 184 | } | |||||
| 185 | .header-co ntainer.ty pe28 .top- links-cont ainer .top -custom-li nks { | |||||
| 186 | positi on: relati ve; | |||||
| 187 | z-inde x: 1; | |||||
| 188 | } | |||||
| 189 | .header-co ntainer.ty pe28 .top- links-cont ainer .top -custom-li nks > a { | |||||
| 190 | displa y: inline- block; | |||||
| 191 | line-h eight: 50p x; | |||||
| 192 | paddin g: 0 20px; | |||||
| 193 | font-s ize: 12px; | |||||
| 194 | font-w eight: 600 ; | |||||
| 195 | positi on: relati ve; | |||||
| 196 | } | |||||
| 197 | .header-co ntainer.ty pe28 .top- links-cont ainer .top -custom-li nks > a > i { | |||||
| 198 | margin -left: 5px ; | |||||
| 199 | opacit y: 0; | |||||
| 200 | transi tion: opac ity 0.3s; | |||||
| 201 | } | |||||
| 202 | .header-co ntainer.ty pe28 .top- links-cont ainer .top -custom-li nks > a:ho ver { | |||||
| 203 | color: #222529; | |||||
| 204 | } | |||||
| 205 | .header-co ntainer.ty pe28 .top- links-cont ainer .top -custom-li nks > a:be fore { | |||||
| 206 | conten t: ''; | |||||
| 207 | positi on: absolu te; | |||||
| 208 | top: 0 ; | |||||
| 209 | left: -2px; | |||||
| 210 | right: -2px; | |||||
| 211 | bottom : 0; | |||||
| 212 | backgr ound-color : #fff; | |||||
| 213 | z-inde x: -1; | |||||
| 214 | transf orm: skew( -23deg); | |||||
| 215 | opacit y: 0; | |||||
| 216 | transi tion: opac ity 0.3s; | |||||
| 217 | } | |||||
| 218 | .header-co ntainer.ty pe28 .top- links-cont ainer .top -custom-li nks > a:ho ver:before { | |||||
| 219 | opacit y: 1; | |||||
| 220 | } | |||||
| 221 | .header-co ntainer.ty pe28 .top- links-cont ainer .top -custom-li nks > a:ho ver > i { | |||||
| 222 | opacit y: 1; | |||||
| 223 | } | |||||
| 224 | .header-co ntainer.ty pe28 .menu -icon { | |||||
| 225 | font-w eight: 600 ; | |||||
| 226 | font-s ize: 12px; | |||||
| 227 | text-t ransform: uppercase; | |||||
| 228 | paddin g: 0; | |||||
| 229 | } | |||||
| 230 | .header-co ntainer.ty pe28 .menu -icon a { | |||||
| 231 | color: #fff; | |||||
| 232 | margin -right: 5p x; | |||||
| 233 | } | |||||
| 234 | .header-co ntainer.ty pe28 .menu -icon i { | |||||
| 235 | width: 28px; | |||||
| 236 | height : 2px; | |||||
| 237 | border -top: 2px solid; | |||||
| 238 | positi on: relati ve; | |||||
| 239 | displa y: inline- block; | |||||
| 240 | vertic al-align: middle; | |||||
| 241 | margin -right: 10 px; | |||||
| 242 | } | |||||
| 243 | .header-co ntainer.ty pe28 .menu -icon i:be fore { | |||||
| 244 | conten t: ''; | |||||
| 245 | width: 28px; | |||||
| 246 | height : 2px; | |||||
| 247 | border -top: 2px solid; | |||||
| 248 | positi on: absolu te; | |||||
| 249 | left: 0; | |||||
| 250 | top: - 8px; | |||||
| 251 | } | |||||
| 252 | .header-co ntainer.ty pe28 .menu -icon i:af ter { | |||||
| 253 | conten t: ''; | |||||
| 254 | width: 28px; | |||||
| 255 | height : 2px; | |||||
| 256 | border -top: 2px solid; | |||||
| 257 | positi on: absolu te; | |||||
| 258 | left: 0; | |||||
| 259 | bottom : -6px; | |||||
| 260 | } | |||||
| 261 | .header-co ntainer.ty pe28 .menu -icon span { | |||||
| 262 | displa y: inline- block; | |||||
| 263 | vertic al-align: middle; | |||||
| 264 | } | |||||
| 265 | .header-co ntainer.ty pe28 .head er-main-ri ght > *:no t(.mini-ca rt) { | |||||
| 266 | paddin g: 0 15px 0 12px; | |||||
| 267 | border -right: 1p x solid rg ba(255,255 ,255,.2); | |||||
| 268 | height : 36px; | |||||
| 269 | line-h eight: 36p x; | |||||
| 270 | } | |||||
| 271 | body.mobil e-nav-show n .header- container. type28 ~ . mobile-nav .side-bloc k { | |||||
| 272 | left: 0; | |||||
| 273 | } | |||||
| 274 | body.mobil e-nav-show n .header- container. type28 ~ . mobile-nav -overlay { | |||||
| 275 | opacit y: .15; | |||||
| 276 | filter : alpha(op acity=15); | |||||
| 277 | visibi lity: visi ble; | |||||
| 278 | } | |||||
| 279 | .header-co ntainer.ty pe28 .head er .mini-c art { | |||||
| 280 | margin -left: 20p x; | |||||
| 281 | } | |||||
| 282 | .header-co ntainer.ty pe28 .top- links-area ul.links a { | |||||
| 283 | text-d ecoration: none; | |||||
| 284 | } | |||||
| 285 | .header-co ntainer.ty pe28.stick y-header . header > . logo { | |||||
| 286 | margin -top: 10px ; | |||||
| 287 | margin -bottom: 1 0px; | |||||
| 288 | max-wi dth: 72px; | |||||
| 289 | } | |||||
| 290 | .header-co ntainer.ty pe28.stick y-header . top-links- container { | |||||
| 291 | displa y: none; | |||||
| 292 | } | |||||
| 293 | .header-co ntainer.ty pe28.stick y-header { | |||||
| 294 | positi on: fixed; | |||||
| 295 | left: 0; | |||||
| 296 | right: 0; | |||||
| 297 | top: 0 ; | |||||
| 298 | z-inde x: 5; | |||||
| 299 | backgr ound-posit ion: botto m; | |||||
| 300 | } | |||||
| 301 | @media (ma x-width: 7 67px) { | |||||
| 302 | .heade r-containe r.type28 . top-links .custom-bl ock { | |||||
| 303 | di splay: non e; | |||||
| 304 | } | |||||
| 305 | .heade r-containe r.type28 . top-links { | |||||
| 306 | he ight: 40px ; | |||||
| 307 | } | |||||
| 308 | } | |||||
| 309 | @media (ma x-width: 5 75px) { | |||||
| 310 | .heade r-containe r.type28 . header-mai n-right > *:not(.min i-cart) { | |||||
| 311 | bo rder: 0; | |||||
| 312 | pa dding: 0; | |||||
| 313 | } | |||||
| 314 | .heade r-containe r.type28 . menu-icon span { | |||||
| 315 | di splay: non e; | |||||
| 316 | } | |||||
| 317 | .heade r-containe r.type28 . menu-icon a { | |||||
| 318 | ma rgin: 0; | |||||
| 319 | } | |||||
| 320 | .heade r-containe r.type28 . header .mi ni-cart { | |||||
| 321 | ma rgin-left: 5px; | |||||
| 322 | } | |||||
| 323 | .heade r-containe r.type28 . header>.lo go { | |||||
| 324 | ma rgin: 20px 0; | |||||
| 325 | ma x-width: 8 0px; | |||||
| 326 | } | |||||
| 327 | } |
Araxis Merge (but not the data content of this report) is Copyright © 1993-2010 Araxis Ltd (www.araxis.com). All rights reserved.