daily pastebin goal
20%
SHARE
TWEET

Untitled

a guest Dec 7th, 2017 53 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. body{
  2.   margin: 0 auto;
  3.   background: rgba(219,112,147, 0.2);
  4. }
  5. nav{
  6.   background: palevioletred;
  7.   width: 100%;
  8.   height: 50px;
  9.   position: fixed;
  10.   line-height: 50px;
  11.   top: 0px;
  12.   text-shadow: 1px 1px gray;
  13.  
  14. }
  15. nav > a.brand{
  16.   font-size: 20px;
  17.   color:white;
  18.   padding: 0px 10px;
  19. }
  20. nav > a{
  21.   color: #fff;
  22.   padding: 0px 15px;
  23.   text-decoration: none;
  24. }
  25. nav > a:hover{
  26.   background: palevioletred;
  27. }
  28. section.hero{
  29.   width: 100%;
  30.   min-height: 400px;
  31.   background-image: url('keksiukas.jpg');
  32.   background-repeat: no-repeat;
  33.   background-size: 100% auto;
  34.   margin-top: 50px;
  35.   text-align: center;
  36.   padding-top: 50px;
  37. }
  38.  
  39. section.hero > h1{
  40.   color: white;
  41.   margin-top: 50px;
  42.   font-size: 46px;
  43.   background: rgba(219,112,147, 0.7);
  44.   text-shadow: 1px 1px gray;
  45. }
  46.  
  47. section.hero > h2{
  48.   color: #fff;
  49.   font-size: 32px;
  50.   background: rgba(219,112,147, 0.7);
  51.   text-shadow: 1px 1px gray;
  52. }
  53.  
  54. section.hero > a{
  55.   color: #fff;
  56.   border: 1px solid #fff;
  57.   padding: 10px 20px;
  58.   border-radius: 10px;
  59.   background: rgba(219,112,147, 0.7);
  60.   text-shadow: 1px 1px gray;
  61. }
  62. section.about-us{
  63.   padding: 20px 10px;
  64.   clear: both;
  65.   height: auto;
  66.   display: block;
  67. }
  68. section.about-us > .image{
  69.   width: 49%;
  70.   float: left;
  71. }
  72.  
  73. section.about-us > .image > .responsive{
  74.   width: 100%;
  75. }
  76.  
  77. section.about-us > .image, section.about-us > .text{
  78.   width: 100%;
  79.  }
  80.  
  81. section.about-us > .text{
  82.   width:49%;
  83.   float: right;
  84. }
  85.  
  86. section.contacts{
  87.   background-color: pink;
  88.   padding: 50px 10px;
  89. }
  90.  
  91. section.contacts > .contact-text, section.contacts > .contact-form{
  92.   width: 49%;
  93. }
  94.  
  95. section.contacts > .contact-text{
  96.   color: #000;
  97.   text-align: right;
  98.   float: left;
  99. }
  100.  
  101. section.contacts > .contact-form{
  102.   float: right;
  103.   color: white;
  104. }
  105.  
  106. section.contacts > .contact-form h1{
  107.   color: white;
  108. }
  109.  
  110. section.contacts > .contact-form > .card{
  111.   background-color: rgba(255,20,147, 0.5);
  112.   padding: 10px;
  113. }
  114.  
  115. section.contacts > .contact-form > .card input{
  116.   width: 100%;
  117.   height: 30px;
  118.   border-radius: 5px;
  119. }
  120.  
  121. section.contacts > .contact-form > .card textarea{
  122.   width: 100%;
  123.   border-radius: 5px;
  124. }
  125.  
  126. section.contacts > .contact-form > .card button{
  127.   padding: 8px 15px;
  128.   background-color: firebrick;
  129.   border: 1px solid green;
  130.   color: #fff;
  131. }
  132.  
  133. section.prices{
  134.   padding: 50px 20px;
  135. }
  136. section.prices > table{
  137.   width: 100%;
  138.   text-align: center;
  139.   border: 1px solid #666;
  140. }
  141.  
  142.  
  143. section.prices > table td{
  144.   border: 1px solid #fff;
  145.   box-sizing: border-box;
  146. }
  147.  
  148.  
  149.  footer{
  150.   height: 50px;
  151.   line-height: 50px;
  152.   text-align: center;
  153.  }
  154.  
  155.  footer > a {
  156.   color: #fff;
  157.   text-decoration: none;
  158.   color: black;
  159.  }
  160.  
  161. @media screen and (max-width: 600px){
  162.   section.hero{
  163.     height: 600px;
  164.     background-size: cover;
  165.     background-position: center;
  166.   }
  167.   nav > a{
  168.     display: none;
  169.   }
  170.   nav > a.brand{
  171.     display: block;
  172.     float: left;
  173.   }
  174.   nav > a.on-mobile{
  175.     display: block;
  176.     float: right;
  177. }
  178.  
  179.  
  180. @media screen and (min-width: 601px){
  181.   nav > a.on-mobile{
  182.     display: none;
  183.   }
  184. }
RAW Paste Data
Top