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 | type27.css | Wed Nov 27 15:00:29 2019 UTC |
| Description | Between Files 1 and 2 |
|
|---|---|---|
| Text Blocks | Lines | |
| Unchanged | 0 | 0 |
| Changed | 0 | 0 |
| Inserted | 1 | 334 |
| 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 pe27 { | |||||
| 2 | border : 0; | |||||
| 3 | } | |||||
| 4 | .header-co ntainer.ty pe27 .top- links-cont ainer { | |||||
| 5 | paddin g: 0; | |||||
| 6 | } | |||||
| 7 | .header-co ntainer.ty pe27 .top- links-cont ainer > .c ontainer { | |||||
| 8 | paddin g-top: 0; | |||||
| 9 | paddin g-bottom: 0; | |||||
| 10 | displa y: flex; | |||||
| 11 | min-he ight: 50px ; | |||||
| 12 | align- items: cen ter; | |||||
| 13 | } | |||||
| 14 | .header-co ntainer.ty pe27 .top- links-cont ainer .hea der-top-le ft { | |||||
| 15 | flex: auto; | |||||
| 16 | } | |||||
| 17 | .header-co ntainer.ty pe27 .sepa rator { | |||||
| 18 | border -left: 1px solid rgb a(255,255, 255,.09); | |||||
| 19 | height : 14px; | |||||
| 20 | displa y: inline- block; | |||||
| 21 | vertic al-align: middle; | |||||
| 22 | margin : 0 12px; | |||||
| 23 | } | |||||
| 24 | .header-co ntainer.ty pe27 .top- select { | |||||
| 25 | float: none; | |||||
| 26 | displa y: inline- block; | |||||
| 27 | vertic al-align: middle; | |||||
| 28 | margin : 0; | |||||
| 29 | } | |||||
| 30 | .header-co ntainer.ty pe27 .sele ctbox .sel ect .text { | |||||
| 31 | font-s ize: 12px; | |||||
| 32 | font-w eight: 600 ; | |||||
| 33 | letter -spacing: 0.07px; | |||||
| 34 | line-h eight: 50p x; | |||||
| 35 | } | |||||
| 36 | .header-co ntainer.ty pe27 .top- select .se lectbox { | |||||
| 37 | height : 50px; | |||||
| 38 | } | |||||
| 39 | .header-co ntainer.ty pe27 .sele ctbox .sel ect { | |||||
| 40 | height : auto; | |||||
| 41 | border : 0; | |||||
| 42 | } | |||||
| 43 | .header-co ntainer.ty pe27 .sele ctbox .tri gger i { | |||||
| 44 | margin : 0; | |||||
| 45 | } | |||||
| 46 | .header-co ntainer.ty pe27 .sele ctbox .tri gger { | |||||
| 47 | line-h eight: 50p x; | |||||
| 48 | } | |||||
| 49 | .header-co ntainer.ty pe27 .sele ctbox .sel ect .text img { | |||||
| 50 | margin : -2px 6px 0 0; | |||||
| 51 | vertic al-align: middle; | |||||
| 52 | } | |||||
| 53 | .header-co ntainer.ty pe27 .comp are-link > a { | |||||
| 54 | line-h eight: 50p x; | |||||
| 55 | font-s ize: 12px; | |||||
| 56 | font-w eight: 600 ; | |||||
| 57 | text-t ransform: uppercase; | |||||
| 58 | letter -spacing: 0.07px; | |||||
| 59 | } | |||||
| 60 | .header-co ntainer.ty pe27 .comp are-link { | |||||
| 61 | margin -left: 10p x; | |||||
| 62 | } | |||||
| 63 | .header-co ntainer.ty pe27 .head er { | |||||
| 64 | displa y: flex; | |||||
| 65 | align- items: cen ter; | |||||
| 66 | } | |||||
| 67 | .header-co ntainer.ty pe27 .head er-main-ce nter { | |||||
| 68 | margin : 0 auto; | |||||
| 69 | } | |||||
| 70 | .header-co ntainer.ty pe27 .logo { | |||||
| 71 | margin : 0; | |||||
| 72 | } | |||||
| 73 | .header-co ntainer.ty pe27 .top- links-area { | |||||
| 74 | margin -right: 10 px; | |||||
| 75 | } | |||||
| 76 | .header-co ntainer.ty pe27 .top- links-icon { | |||||
| 77 | displa y: block; | |||||
| 78 | font-s ize: 12px; | |||||
| 79 | paddin g: 0; | |||||
| 80 | } | |||||
| 81 | .header-co ntainer.ty pe27 .top- links-icon :before { | |||||
| 82 | displa y: none; | |||||
| 83 | } | |||||
| 84 | .header-co ntainer.ty pe27 .top- links-icon a { | |||||
| 85 | font-s ize: 27px; | |||||
| 86 | } | |||||
| 87 | .header-co ntainer.ty pe27 .top- links-area .links { | |||||
| 88 | displa y: none; | |||||
| 89 | positi on: absolu te; | |||||
| 90 | left: 50%; | |||||
| 91 | right: auto; | |||||
| 92 | min-wi dth: 130px ; | |||||
| 93 | text-a lign: left ; | |||||
| 94 | top: 1 00%; | |||||
| 95 | backgr ound-color : #fff; | |||||
| 96 | transf orm: trans lateX(-50% ); | |||||
| 97 | margin -top: 15px ; | |||||
| 98 | border : 0; | |||||
| 99 | paddin g: 5px 0; | |||||
| 100 | width: auto; | |||||
| 101 | box-sh adow: 0 2p x 10px -2p x rgba(0,0 ,0,.3); | |||||
| 102 | } | |||||
| 103 | .header-co ntainer.ty pe27 .link s a { | |||||
| 104 | color: #222529; | |||||
| 105 | } | |||||
| 106 | .header-co ntainer.ty pe27 .link s li { | |||||
| 107 | displa y: block; | |||||
| 108 | paddin g: 5px 20p x; | |||||
| 109 | transi tion: all 0.3s; | |||||
| 110 | border : 0; | |||||
| 111 | } | |||||
| 112 | .header-co ntainer.ty pe27 .head er-main-ri ght > * { | |||||
| 113 | displa y: inline- block; | |||||
| 114 | vertic al-align: middle; | |||||
| 115 | float: none !imp ortant; | |||||
| 116 | } | |||||
| 117 | .header-co ntainer.ty pe27 .mini -cart .min i-products -list {pad ding: 10px 0 0;} | |||||
| 118 | .header-co ntainer.ty pe27 .myba g-link i { | |||||
| 119 | width: 25px; | |||||
| 120 | height : 20px; | |||||
| 121 | border : 2px soli d #222529; | |||||
| 122 | border -radius: 0 0 5px 5px ; | |||||
| 123 | positi on: relati ve; | |||||
| 124 | opacit y: .9; | |||||
| 125 | paddin g-right: 0 ; | |||||
| 126 | margin -top: 7px; | |||||
| 127 | } | |||||
| 128 | .header-co ntainer.ty pe27 .myba g-link i:b efore { | |||||
| 129 | conten t: ''; | |||||
| 130 | positi on: absolu te; | |||||
| 131 | border : 2px soli d; | |||||
| 132 | border -color: in herit; | |||||
| 133 | border -bottom: n one; | |||||
| 134 | border -radius: 1 0px 10px 0 0; | |||||
| 135 | left: 50%; | |||||
| 136 | top: - 8px; | |||||
| 137 | margin -left: -7. 5px; | |||||
| 138 | width: 15px; | |||||
| 139 | height : 11px; | |||||
| 140 | } | |||||
| 141 | .header-co ntainer.ty pe27 .topC artContent :before { | |||||
| 142 | right: 12px; | |||||
| 143 | } | |||||
| 144 | .header-co ntainer.ty pe27.heade r-newskin .mybag-lin k { | |||||
| 145 | paddin g-right: 1 0px; | |||||
| 146 | } | |||||
| 147 | .header-co ntainer.ty pe27.heade r-newskin .mybag-lin k .cart-qt y { | |||||
| 148 | right: 0; | |||||
| 149 | backgr ound-color : #ff5b5b; | |||||
| 150 | } | |||||
| 151 | .header-co ntainer.ty pe27 .mini -cart > a: after {dis play: none ;} | |||||
| 152 | .header-co ntainer.ty pe27 .mini -cart .top CartConten t {top:100 %;} | |||||
| 153 | .header-co ntainer.ty pe27.stick y-header . menu-wrapp er .mybag- link i{fon t-size:25p x;line-hei ght: 30px; } | |||||
| 154 | .header-co ntainer.ty pe27.heade r-newskin. sticky-hea der .menu- wrapper .m ini-cart . topCartCon tent { | |||||
| 155 | top: 1 00%; | |||||
| 156 | } | |||||
| 157 | .header-co ntainer.ty pe27 .head er .search -area { | |||||
| 158 | positi on: relati ve; | |||||
| 159 | margin : 0; | |||||
| 160 | displa y: inline- block; | |||||
| 161 | top: 0 ; | |||||
| 162 | left: 0; | |||||
| 163 | height : auto; | |||||
| 164 | z-inde x: 5; | |||||
| 165 | margin -right: 10 px; | |||||
| 166 | vertic al-align: middle; | |||||
| 167 | } | |||||
| 168 | .header-co ntainer.ty pe27 .head er .search -area a.se arch-icon { | |||||
| 169 | displa y: block; | |||||
| 170 | margin : 0; | |||||
| 171 | width: auto; | |||||
| 172 | text-t ransform: uppercase; | |||||
| 173 | font-s ize: 11px; | |||||
| 174 | font-w eight: 700 ; | |||||
| 175 | letter -spacing: 1px; | |||||
| 176 | } | |||||
| 177 | .header-co ntainer.ty pe27 .head er .search -area a.se arch-icon > span { | |||||
| 178 | displa y: none; | |||||
| 179 | } | |||||
| 180 | .header-co ntainer.ty pe27 .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} | |||||
| 181 | .header-co ntainer.ty pe27 .head er .search -area a.se arch-icon > i:before { | |||||
| 182 | font-w eight: 900 ; | |||||
| 183 | } | |||||
| 184 | .header-co ntainer.ty pe27 .icon -search:be fore{conte nt:"\e884" ;font-weig ht: 900;} | |||||
| 185 | .header-co ntainer.ty pe27 .head er .search -area a.se arch-icon: hover{text -decoratio n:none} | |||||
| 186 | .header-co ntainer.ty pe27 .head er #search _mini_form {width:aut o;display: none;margi n:0} | |||||
| 187 | .header-co ntainer.ty pe27 .head er .form-s earch { | |||||
| 188 | positi on: absolu te; | |||||
| 189 | right: -30px; | |||||
| 190 | top: 1 00%; | |||||
| 191 | overfl ow: hidden ; | |||||
| 192 | min-wi dth: 300px ; | |||||
| 193 | width: auto; | |||||
| 194 | border : 5px soli d #ccc; | |||||
| 195 | backgr ound: #fff ; | |||||
| 196 | margin -top: 15px ; | |||||
| 197 | border -radius: 5 0px !impor tant; | |||||
| 198 | } | |||||
| 199 | .header-co ntainer.ty pe27 .head er .form-s earch butt on.button, .header-c ontainer.t ype27 .hea der .form- search #se arch, .hea der-contai ner.type27 .header . form-searc h #cat{ | |||||
| 200 | color: #000; | |||||
| 201 | } | |||||
| 202 | .header-co ntainer.ty pe27 .wish list-link > a { | |||||
| 203 | font-s ize: 27px; | |||||
| 204 | } | |||||
| 205 | .header-co ntainer.ty pe27 .main -nav .menu -wrapper { | |||||
| 206 | backgr ound-color : transpar ent; | |||||
| 207 | } | |||||
| 208 | .header-co ntainer.ty pe27 .main -nav ul.me nu>li>a { | |||||
| 209 | font-s ize: 16px; | |||||
| 210 | font-w eight: 700 ; | |||||
| 211 | line-h eight: 25p x; | |||||
| 212 | letter -spacing: 0px; | |||||
| 213 | color: #fff; | |||||
| 214 | paddin g: 27px 27 px 30px !i mportant; | |||||
| 215 | } | |||||
| 216 | .header-co ntainer.ty pe27 .main -nav ul.me nu>li.act> a, .header -container .type27 .m ain-nav ul .menu>li:h over>a { | |||||
| 217 | color: #fff; | |||||
| 218 | backgr ound-color : #0078f2; | |||||
| 219 | } | |||||
| 220 | .header-co ntainer.ty pe27 .main -nav ul.me nu >li.men u-full-wid th >a:afte r, .header -container .type27 .m ain-nav ul .menu >li. menu-item- has-childr en >a:afte r, .header -container .type27 .m ain-nav ul .menu >li. menu-stati c-width >a :after { | |||||
| 221 | positi on: static ; | |||||
| 222 | margin : 0; | |||||
| 223 | margin -left: 6px ; | |||||
| 224 | } | |||||
| 225 | .header-co ntainer.ty pe27 .main -nav ul.me nu>li>a>i. category-i con { | |||||
| 226 | displa y: inline- block; | |||||
| 227 | font-s ize: 1.5em ; | |||||
| 228 | margin -right: 12 px; | |||||
| 229 | line-h eight: 33p x; | |||||
| 230 | vertic al-align: middle; | |||||
| 231 | positi on: relati ve; | |||||
| 232 | top: - 1px; | |||||
| 233 | } | |||||
| 234 | .header-co ntainer.ty pe27 .main -nav ul.me nu>li>a>i. category-i con.font-s ize-lg { | |||||
| 235 | font-s ize: 2em; | |||||
| 236 | } | |||||
| 237 | .header-co ntainer.ty pe27 .main -nav ul.me nu >li.men u-full-wid th >a:befo re, .heade r-containe r.type27 . main-nav u l.menu >li .menu-item -has-child ren >a:bef ore, .head er-contain er.type27 .main-nav ul.menu >l i.menu-sta tic-width >a:before { | |||||
| 238 | displa y: none; | |||||
| 239 | } | |||||
| 240 | .header-co ntainer.ty pe27 .main -nav ul.me nu >li .na v-sublist- dropdown { | |||||
| 241 | border -top-width : 5px; | |||||
| 242 | } | |||||
| 243 | .header-co ntainer.ty pe27.stick y-header { | |||||
| 244 | positi on: fixed; | |||||
| 245 | left: 0; | |||||
| 246 | right: 0; | |||||
| 247 | top: 0 ; | |||||
| 248 | z-inde x: 200; | |||||
| 249 | } | |||||
| 250 | .header-co ntainer.ty pe27.stick y-header . top-links- container { | |||||
| 251 | displa y: none; | |||||
| 252 | } | |||||
| 253 | .header-co ntainer.ty pe27.stick y-header . header-wra pper { | |||||
| 254 | positi on: static !importan t; | |||||
| 255 | paddin g: 0 !impo rtant; | |||||
| 256 | } | |||||
| 257 | .header-co ntainer.ty pe27 .main -nav { | |||||
| 258 | paddin g: 0; | |||||
| 259 | } | |||||
| 260 | .header-co ntainer.ty pe27.stick y-header . main-nav u l.menu>li> a, .header -container .sticky-he ader .main -nav ul.me nu>li.menu -full-widt h:hover>a, .header-c ontainer.s ticky-head er .main-n av ul.menu >li.menu-i tem-has-ch ildren:hov er>a, .hea der-contai ner.sticky -header .m ain-nav ul .menu>li.m enu-static -width:hov er>a { | |||||
| 261 | paddin g: 20px 27 px !import ant; | |||||
| 262 | line-h eight: 25p x; | |||||
| 263 | } | |||||
| 264 | .header-co ntainer.ty pe27.stick y-header . logo { | |||||
| 265 | max-wi dth: 100px ; | |||||
| 266 | } | |||||
| 267 | .header-co ntainer.ty pe27 .sele ctbox .dro pdown ul { | |||||
| 268 | backgr ound-color : #222529 !important ; | |||||
| 269 | } | |||||
| 270 | .header-co ntainer.ty pe27 .sele ctbox .dro pdown { | |||||
| 271 | border -color: #3 03438; | |||||
| 272 | } | |||||
| 273 | .header-co ntainer.ty pe27 .sele ctbox li a { | |||||
| 274 | color: #fff !imp ortant; | |||||
| 275 | } | |||||
| 276 | .header-co ntainer.ty pe27 .sele ctbox li { | |||||
| 277 | paddin g: 5px 10p x; | |||||
| 278 | } | |||||
| 279 | .header-co ntainer.ty pe27 .sele ctbox li:h over { | |||||
| 280 | backgr ound-color : #17191c; | |||||
| 281 | } | |||||
| 282 | @media (mi n-width: 9 92px) { | |||||
| 283 | .heade r-containe r.type27 . header-mai n-left > . logo { | |||||
| 284 | ma rgin-right : 60px; | |||||
| 285 | } | |||||
| 286 | .heade r-containe r.type27 . header-mai n-left { | |||||
| 287 | pa dding-top: 15px; | |||||
| 288 | pa dding-bott om: 15px; | |||||
| 289 | } | |||||
| 290 | } | |||||
| 291 | @media (ma x-width: 1 199px) { | |||||
| 292 | .heade r-containe r.type27 . main-nav u l.menu>li> a { | |||||
| 293 | fo nt-size: 1 4px; | |||||
| 294 | pa dding: 25p x 15px !im portant; | |||||
| 295 | } | |||||
| 296 | .heade r-containe r.type27.s ticky-head er .main-n av ul.menu >li>a, .he ader-conta iner.stick y-header . main-nav u l.menu>li. menu-full- width:hove r>a, .head er-contain er.sticky- header .ma in-nav ul. menu>li.me nu-item-ha s-children :hover>a, .header-co ntainer.st icky-heade r .main-na v ul.menu> li.menu-st atic-width :hover>a { | |||||
| 297 | pa dding: 20p x 15px !im portant; | |||||
| 298 | } | |||||
| 299 | } | |||||
| 300 | @media (ma x-width: 9 91px) { | |||||
| 301 | .heade r-containe r.type27 . menu-icon { | |||||
| 302 | di splay: inl ine-block; | |||||
| 303 | he ight: auto ; | |||||
| 304 | pa dding: 0; | |||||
| 305 | ma rgin-right : 15px; | |||||
| 306 | } | |||||
| 307 | .heade r-containe r.type27 . header-mai n-left > . logo { | |||||
| 308 | di splay: inl ine-block; | |||||
| 309 | ve rtical-ali gn: middle ; | |||||
| 310 | } | |||||
| 311 | .heade r-containe r.type27 . header-mai n-left, .h eader-cont ainer.type 27 .header -main-cent er, .heade r-containe r.type27 . header-mai n-right { | |||||
| 312 | pa dding-top: 17px; | |||||
| 313 | pa dding-bott om: 17px; | |||||
| 314 | } | |||||
| 315 | } | |||||
| 316 | @media (ma x-width: 7 67px) { | |||||
| 317 | .heade r-containe r.type27 . top-links- container .header-to p-left .cu stom-block { | |||||
| 318 | di splay: non e; | |||||
| 319 | } | |||||
| 320 | .heade r-containe r.type27 . header .mi ni-cart { | |||||
| 321 | ma rgin-left: 15px; | |||||
| 322 | } | |||||
| 323 | } | |||||
| 324 | @media (ma x-width: 5 75px) { | |||||
| 325 | .heade r-containe r.type27 . header-mai n-left > . logo { | |||||
| 326 | ma x-width: 8 0px; | |||||
| 327 | } | |||||
| 328 | .heade r-containe r.type27 . top-links- area, .hea der-contai ner.type27 .header . search-are a { | |||||
| 329 | ma rgin-right : 1px; | |||||
| 330 | } | |||||
| 331 | .heade r-containe r.type27 . header .mi ni-cart { | |||||
| 332 | ma rgin-left: 6px; | |||||
| 333 | } | |||||
| 334 | } |
Araxis Merge (but not the data content of this report) is Copyright © 1993-2010 Araxis Ltd (www.araxis.com). All rights reserved.