Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*
- Author: Federico Ibba
- Date: 19/08/2014
- */
- /* http://meyerweb.com/eric/tools/css/reset/ 2. v2.0 | 20110126
- License: none (public domain)
- */
- html, body, div, span, applet, object, iframe,
- h1, h2, h3, h4, h5, h6, p, blockquote, pre,
- a, abbr, acronym, address, big, cite, code,
- del, dfn, em, img, ins, kbd, q, s, samp,
- small, strike, strong, sub, sup, tt, var,
- b, u, i, center,
- dl, dt, dd, ol, ul, li,
- fieldset, form, label, legend,
- table, caption, tbody, tfoot, thead, tr, th, td,
- article, aside, canvas, details, embed,
- figure, figcaption, footer, header, hgroup,
- menu, nav, output, ruby, section, summary,
- time, mark, audio, video {
- margin: 0;
- padding: 0;
- border: 0;
- font-size: 100%;
- font: inherit;
- vertical-align: baseline;
- }
- /* HTML5 display-role reset for older browsers */
- article, aside, details, figcaption, figure,
- footer, header, hgroup, menu, nav, section {
- display: block;
- }
- body {
- line-height: 1;
- }
- ol, ul {
- list-style: none;
- }
- blockquote, q {
- quotes: none;
- }
- blockquote:before, blockquote:after,
- q:before, q:after {
- content: '';
- content: none;
- }
- table {
- border-collapse: collapse;
- border-spacing: 0;
- }
- /* GRID */
- *,
- *:before,
- *:after {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- }
- /* CLEARFIX */
- .group:before,
- .group:after {
- content: "";
- display: table;
- }
- .group:after {
- clear: both;
- }
- .group {
- clear: both;
- /* *zoom: 1;*/
- }
- /* BOX MODEL */
- .container {
- margin: 0 auto;
- padding-left: 30px;
- padding-right: 30px;
- width: 960px;
- }
- /* LOGO */
- .logo {
- padding: 15px 0 15px 0;
- text-transform: uppercase;
- text-align: left;
- font-size: 40px;
- font-weight: 100;
- letter-spacing: .5px;
- color: white;
- line-height: 44px;
- }
- .logo a{
- color: #fff;
- text-decoration: none;
- }
- .logo a:hover{
- font-size: 45px
- }
- /* TOPOGRAPHY */
- body {
- background: #008080;
- font: 300 16px/22px "Raleway", "Georgia", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
- }
- h1, h2, h3, h4 {
- color: black;
- }
- h1, h3, h4, h5, p{
- margin-bottom: 22px;
- margin-left: 22px;
- }
- h1 {
- font-size: 36px;
- line-height: 44px;
- }
- h2{
- font-size: 24px;
- line-height: 44px;
- }
- h3{
- font-size: 21px;
- }
- h4{
- font-size: 18px;
- }
- h5{
- font-size: 14px;
- font-weight: 400;
- }
- strong {
- font-weight: 400;
- }
- cite, em {
- font-style: italic;
- }
- /* HEADER */
- .primary-header {
- background: #DF3013;
- width: 100%;
- height: 128px;
- padding-left: 15px;
- }
- .primary-header ul {
- margin: 0;
- padding: 0;
- }
- .primary-header li {
- display: inline-block;
- }
- .header-nav a{
- color: #fff;
- padding: 12px 20px;
- text-decoration: none;
- }
- .header-nav a:hover{
- background: #008080;
- box-shadow: inset 0 0 10px 1px rgba(0, 0, 0, .3);
- }
- .header-nav {
- text-align: right;
- }
- /** PAGE **/
- /* ASIDE*/
- .aside-nav{
- float: left;
- width: 25%;
- padding-left: 15px;
- text-transform: uppercase;
- font-weight: 100;
- }
- .aside-nav ul {
- margin: 0 22px;
- font-size: 25px;
- color: #fff;
- }
- li {
- line-height: 50px;
- }
- .aside-nav a{
- color: #fff;
- text-decoration: none;
- }
- .aside-nav a:hover{
- font-size: 30px;
- }
- /* SECTION */
- .primary-section{
- float: right;
- /*background: #FEF2BE;*/
- background: #fff;
- display: inline-block;
- margin: 0 auto;
- padding: 30px 22px 30px 22px;
- width: 75%;
- }
- .img-art {
- width: 250px;
- height: 250px;
- }
- .photo-article {
- padding: 0 15px 15px 100px;
- float: left;
- display: inline-block;
- }
- .description-article {
- float: left;
- display: inline-block;
- }
- .description-article h2 {
- padding: 50px 0 0 30px;
- }
- .row {
- padding: 22px 0 22px 0;
- text-align: center;
- }
- .text-art {
- display: inline-block;
- }
- /* DIV ARTICLE LIST */
- .box-article{
- width: 100%;
- height: 120px;
- border: 2px solid #DF3013;
- padding: 10px 10px 10px 20px;
- margin: 5px 5px 5px 5px;
- display: inline-block;
- float: left;
- }
- .box-image-article{
- display: inline-block;
- float: left;
- }
- .image-article{
- height: 100px;
- width: 100px;
- padding: 5px 5px 5px 0;
- }
- .name-article{
- padding: 15px 15px 5px 20px;
- width: 35%;
- display: inline-block;
- /*float: left;*/
- vertical-align: top;
- }
- .name-article h3{
- text-transform: uppercase;
- text-align: left;
- }
- .box-price-article{
- display: inline-block;
- float: right;
- width: 120px;
- height: 120px;
- padding: 20px 40px 10px 10px;
- }
- .cart-image{
- width: 50px;
- height: 50px;
- }
- .price-article{
- display: inline-block;
- margin-left: 0;
- margin-bottom: 0;
- }
- /* FOOTER */
- .primary-footer {
- clear: both;
- background: #DF3013;
- width: 100%;
- padding: 20px 0 20px 0;
- z-index: 9;
- }
- .footer-nav {
- text-align: center;
- text-transform: uppercase;
- }
- .copyright {
- text-align: center;
- margin: 0;
- }
- /* REGISTER */
- .register-group {
- display: block;
- }
- .register-group label{
- font-weight: 400;
- padding-left: 10px;
- }
- .register-group input,
- .register-group select {
- border: 1px solid #c6c9cc;
- border-radius: 5px;
- color: #888;
- margin: 5px 10px 27px 5px;
- padding: 5px 8px;
- font-weight: 300;
- }
- .reg-btn {
- border: 1px solid #008080;
- margin-left: 10px;
- border-radius: 5px;
- font-size: 18px;
- background: #008080;
- color: #fff;
- text-transform: uppercase;
- padding: 11px 11px;
- }
- .reg-btn:hover {
- background: #DF3013;
- border: 1px solid #DF3013;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement