supremeauctiononlinesoftware.responsive.2016 li { padding-left:15px; } .descriptions div>li:first-of-type { padding-top:10px; } .descriptions div>li:last-of-type { padding-bottom:10px; } /* --------------- */ /* theme */ /* --------------- */ /* fonts */ .font-magazine h1, .font-magazine h2, .font-magazine h3, .font-magazine h4, .font-magazine h5, .font-magazine h6 { font-family: sans-serif; } .font-magazine .descriptions { font-family: sans-serif; } /* colors */ .color-plume h1, .color-plume h2, .color-plume h3, .color-plume h4, .color-plume h5, .color-plume h6 { } .color-plume .site_title { color: #333; } .color-plume .site_subtitle { color: #222; } .color-plume #navigation, .color-plume .imageBox, .color-plume .imgCrop, .color-plume hr.small { } .color-plume .imgCrop:hover { } /* animations */ @keyframes widenSupreme { 0% { width: 0%; visibility: visible; } 100% { width: 40%; visibility: visible; } } @-webkit-keyframes widenSupreme { 0% { width: 0%; visibility: visible; } 100% { width: 40%; visibility: visible; } } @-webkit-keyframes slideInUpSupreme { from { transform: translate3d(0, 180%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); visibility: visible; } } @keyframes slideInUpSupreme { from { -webkit-transform: translate3d(0, 180%, 0); transform: translate3d(0, 180%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: visible; } } @-webkit-keyframes slideInDownSupreme { from { transform: translate3d(0, -200%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); visibility: visible; } } @keyframes slideInDownSupreme { from { -webkit-transform: translate3d(0, -200%, 0); transform: translate3d(0, -200%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: visible; } } .slideInUpSupreme { /* http://cubic-bezier.com/#.76,-0.07,.37,.99 */ visibility: hidden; -webkit-animation: slideInUpSupreme 1s; -webkit-animation-timing-function: cubic-bezier(.76, -0.07, .37, .99); -webkit-animation-delay: 1.5s; -webkit-animation-fill-mode: forwards; animation: slideInUpSupreme 1s; animation-timing-function: cubic-bezier(.76, -0.07, .37, .99); animation-delay: 1.5s; animation-fill-mode: forwards; } .slideInDownSupreme { visibility: hidden; -webkit-animation: slideInDownSupreme 1s; -webkit-animation-timing-function: cubic-bezier(.76, -0.07, .37, .99); -webkit-animation-delay: 2s; -webkit-animation-fill-mode: forwards; animation: slideInDownSupreme 1s; animation-timing-function: cubic-bezier(.76, -0.07, .37, .99); animation-delay: 2s; animation-fill-mode: forwards; } .supremeTitleSection .small { visibility: hidden; -webkit-animation: widenSupreme 1s; -webkit-animation-timing-function: cubic-bezier(.76, -0.07, .37, .99); -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 1s; animation: widenSupreme 1s; animation-timing-function: cubic-bezier(.76, -0.07, .37, .99); animation-fill-mode: forwards; animation-delay: 1s; } .overflow { overflow: hidden; } ]]>