| css level up |
| 1 | body{ background:#fff; font-family: 'Lato-Regular'; } body a{ transition: 0.5s all; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; } @font-face { font-family: 'Lora-Regular'; src:url(..fontsLora-Regular.ttf) format('truetype'); } |
| 2 | @font-face { font-family: 'Muli-Regular'; src:url(..fontsMuli-Regular.ttf) format('truetype'); } @font-face { font-family: 'Lato-Regular'; src:url(..fontsLato-Regular.ttf) format('truetype'); } @font-face { font-family: 'BreeSerif-Regular'; src:url(..fontsBreeSerif-Regular.ttf) format('truetype'); } *--starts-logo--* |
| 3 | .logo { text-align: center; padding: 25px 0 20px 0px; border-bottom: 1px solid #DEDEDE; } .logo a h1 { font-size: 32px; color: #000000; margin: 0; font-family: 'Lora-Regular'; text-transform: uppercase; display: inline-block; } .logo a:hover{ text-decoration:none; } |
| 4 | *--end-logo--* *--starts-top-header--* .top-header { background: #000; padding: 10px 0px; } .search-bar inputtype="text" { width: 100%; padding: 8px 45px 8px 8px; border: 1px solid #F5F5F5; background: none; outline: none; -webkit-appearance: none; color: rgba(0, 0, 0, 0.74); font-size: 0.875em; font-family: 'Lato', sans-serif; position: relative; } |
| 5 | .search-bar inputtype="submit" { background: url(..imagessearch.png)no-repeat 0px 0px; outline: none; -webkit-appearance: none; border: 0; display: inline-block; vertical-align: -webkit-baseline-middle; position: absolute; width: 18px; height: 18px; top: 9px; right: 10%; } |
| 6 | .search-bar { width: 93%; float: right; } *----* .itemContainer{ width:100%; float:left; } .itemContainer div{ float:left; margin: 5px 20px 5px 20px ; } .itemContainer a{ text-decoration:none; } .cartHeaders{ width:100%; float:left; } .cartHeaders div{ float:left; margin: 5px 20px 5px 20px ; } |
| 7 | .item_add { color: #fff; border:none; } .grid_1 img{ margin-bottom:1em; } .box_1 { float: right; } .box_1 h3 { color: #702428 !important; font-size: 1em; font-weight: 700; margin: 0; } .drop { margin-top: 10px; } a.simpleCart_empty { color: rgba(255, 255, 255, 0.6); font-family: 'Lato', sans-serif; font-size: 11px; } |
| 8 | span.simpleCart_total { font-size: 13px; } .box_1 p { margin: 0px 0 0px 8px; } .total { display: inline-block; vertical-align: middle; color: #fff; } .cart box_1 a:hover{ text-decoration:none; } .box_1 a img { margin: 3px 0 0 10px; } .box { float: left; width: 11%; margin-right: 10%; } |
| 9 | .box1{ float:left; width:20.5%; } .cssmenu ul{ float:right; padding:0; margin:0; list-style:none; } .cssmenu ul li { display: inline-block; } .cssmenu ul li a { color:#fff; display: block; margin:10px; font-size: 0.8125em; } .cssmenu li> a:hover { color: #ACEAFA; text-decoration:none; } |
| 10 | * PREFIXED CSS * .dropdown, .dropdown div, .dropdown li, .dropdown div::after, .dropdown .carat, .dropdown .carat:after, .dropdown .selected::after, .dropdown:after{ -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } |
| … |
Комментарии