SHARE
TWEET

Untitled

a guest Apr 21st, 2017 54 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. body {
  2.   font-family: "Roboto", sans-serif;
  3.   font-weight: bold; }
  4.  
  5. .fl {
  6.   float: left; }
  7.  
  8. .fr {
  9.   float: right; }
  10.  
  11. .fixed {
  12.   position: fixed; }
  13.  
  14. .navbar-brand {
  15.   margin-top: -5px;
  16.   float: none !important; }
  17.   .navbar-brand img {
  18.     height: 200%;
  19.     display: inline-block;
  20.     margin-right: 5px; }
  21.  
  22. .background {
  23.   z-index: -1;
  24.   background: url("//188.165.150.115/img/background.jpg");
  25.   position: fixed;
  26.   background-size: cover;
  27.   margin: 0;
  28.   padding: 0;
  29.   top: 0;
  30.   left: 0;
  31.   background-repeat: no-repeat;
  32.   width: 100%;
  33.   height: 100%; }
  34.  
  35. .content {
  36.   margin-bottom: 50px; }
  37.   .content .group {
  38.     margin-bottom: 20px; }
  39.     .content .group .group-title {
  40.       font-size: 25px;
  41.       text-transform: uppercase;
  42.       margin-bottom: 10px; }
  43.   .content .cartproduct {
  44.     padding: 5px; }
  45.     .content .cartproduct .cartitem {
  46.       text-align: center;
  47.       display: block;
  48.       transition: .3s all ease; }
  49.       .content .cartproduct .cartitem:hover {
  50.         text-decoration: none;
  51.         cursor: pointer;
  52.         -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.75);
  53.         -moz-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.75);
  54.         box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.75); }
  55.       .content .cartproduct .cartitem .cartitem__image {
  56.         border-radius: 3px 3px 0px 0px;
  57.         display: block;
  58.         height: 125px;
  59.         overflow: hidden;
  60.         background-color: #ecf0f1; }
  61.         .content .cartproduct .cartitem .cartitem__image img {
  62.           position: relative;
  63.           margin-top: -10px;
  64.           -webkit-mix-blend-mode: multiply;
  65.           -moz-mix-blend-mode: multiply;
  66.           -o-mix-blend-mode: multiply;
  67.           mix-blend-mode: multiply; }
  68.       .content .cartproduct .cartitem .cartitem__price {
  69.         text-align: center;
  70.         float: right;
  71.         background: #e74c3c;
  72.         padding: 5px 15px;
  73.         position: relative;
  74.         top: -40px;
  75.         font-weight: bold;
  76.         color: white; }
  77.       .content .cartproduct .cartitem .cartitem__title {
  78.         border-radius: 0px 0px 3px 3px;
  79.         background: white;
  80.         display: block;
  81.         padding: 10px 20px;
  82.         text-align: left;
  83.         color: black; }
  84.   .content .back {
  85.     margin: 0px 0px 15px 10px; }
  86.     .content .back a {
  87.       padding: 7px;
  88.       background: #ccc;
  89.       border-radius: 4px; }
  90.       .content .back a i {
  91.         margin-right: 5px; }
  92.   .content .card {
  93.     background: white;
  94.     min-height: 50px;
  95.     -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.3);
  96.     -moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.3);
  97.     box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.3);
  98.     border-radius: 5px;
  99.     padding: 15px;
  100.     margin-bottom: 50px;
  101.     font-family: 'Raleway', sans-serif !important; }
  102.     .content .card .card__title {
  103.       padding: 15px 10px;
  104.       font-size: 20px; }
  105.       .content .card .card__title .card__title__price {
  106.         display: block;
  107.         font-weight: normal;
  108.         margin: 5px 0px 5px 0px; }
  109.       .content .card .card__title .btn {
  110.         border-radius: 0px;
  111.         margin: 10px 0px 0px 0px;
  112.         font-weight: bold;
  113.         font-size: 20px; }
  114.         .content .card .card__title .btn i {
  115.           margin-right: 5px; }
  116.     .content .card .card__body {
  117.       margin-bottom: 10px;
  118.       padding: 15px 10px; }
  119.       .content .card .card__body code {
  120.         font-size: 15px;
  121.         margin: 5px 0px 0px 0px; }
  122.       .content .card .card__body .text {
  123.         padding: 10px;
  124.         font-size: 15px;
  125.         font-family: "Roboto", sans-serif;
  126.         font-weight: normal; }
  127.     .content .card .image img {
  128.       display: block;
  129.       margin: auto;
  130.       min-height: 250px; }
  131.  
  132. footer {
  133.   background: white;
  134.   font-weight: normal;
  135.   padding: 20px;
  136.   bottom: 0;
  137.   width: 100%; }
  138.   footer .copyright, footer .author {
  139.     padding: 0px 15px; }
  140.     footer .copyright a, footer .author a {
  141.       color: black;
  142.       transition: .3 all ease; }
  143.       footer .copyright a:hover, footer .author a:hover {
  144.         color: #ccc;
  145.         text-decoration: none; }
  146.  
  147. @media screen and (max-width: 619px) {
  148.   text-align: center;
  149.   .fl, .fr {
  150.     float: none; }
  151.   .copyright, .author {
  152.     width: 100%;
  153.     display: block;
  154.     text-align: center; } }
RAW Paste Data
Top