SHARE
TWEET

Untitled

a guest Nov 19th, 2019 99 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.         html{
  2.             background: #f7f7f7;
  3.         }
  4.  
  5.         body {
  6.             font-family: 'Barlow', sans-serif;
  7.             background: white;
  8.             max-width: 1000px;
  9.             margin: 0 auto;
  10.             color: rgb(49, 46, 46)
  11.         }
  12.  
  13.         header, footer {
  14.             background: #333a40;
  15.             color: white;
  16.             height: 70px;
  17.             padding: 70px;
  18.         }
  19.  
  20.         ul {
  21.             margin: 0;
  22.             padding: 0;
  23.  
  24.         }
  25.        
  26.         li {
  27.             list-style: none;
  28.             line-height: 30px;
  29.         }
  30.  
  31.         a {
  32.             text-decoration: none;
  33.             color: inherit;
  34.         }
  35.  
  36.         a:hover {
  37.             color: #0e69e9;
  38.         }
  39.  
  40.         header li {
  41.             display: inline;
  42.         }
  43.  
  44.         header h1, nav {
  45.             display: inline-block;
  46.  
  47.         }
  48.  
  49.         main {
  50.             width: 680px;
  51.             display: inline-block;
  52.             padding: 10px;
  53.         }
  54.  
  55.         aside {
  56.             width: 270px;
  57.             display: inline-block;
  58.             vertical-align: top;
  59.             padding: 10px;
  60.         }
  61.  
  62.         .product {
  63.             box-sizing: border-box;
  64.             border: 1px solid grey;
  65.             width: 210px;
  66.             margin: 5px;
  67.             padding: 5px;
  68.             display: inline-block;
  69.         }
  70.  
  71.         img {
  72.             max-width: 100%;
  73.         }
  74.        
  75.         .button {
  76.             padding: 10px;
  77.             display: inline-block;
  78.         }
  79.  
  80.         .button:last-of-type {
  81.             background: #0e69e9;
  82.             color: white;
  83.         }
  84.  
  85.         /* Product detail page */
  86.  
  87.         .product-detail {
  88.             width: 660px;
  89.         }
  90.  
  91.         .product-detail img {
  92.             max-width: 50%;
  93.             float:left;
  94.         }
  95.         table {
  96.             table-layout: fixed
  97.         }
  98.  
  99.         /* contact us */
  100.  
  101.         form {
  102.             padding: 10px;
  103.             margin: 10px 0;
  104.             width: 600px;
  105.         }
  106.  
  107.         form > div {
  108.             margin: 10px 0;
  109.         }
  110.  
  111.         .inline label {
  112.             display: inline-block;
  113.             width: 100px;
  114.  
  115.         }
  116.  
  117.         input[type="text"], input[type="email"], textarea {
  118.             padding: 10px;
  119.             width: 400px;
  120.         }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top