Advertisement
rocketgenius

Build Pizza Demo CSS

Sep 15th, 2019
1,106
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700' rel='stylesheet' type='text/css'>
  2. <style type="text/css">
  3. body #content .post .post-content .gform_wrapper span.ginput_total {
  4.     width: 100%;
  5.     text-align: center;
  6.     padding: 6px 10px;
  7.     -webkit-border-radius: 8px;
  8.     -moz-border-radius: 8px;
  9.     border-radius: 8px;
  10.     background-color: #c4df9b;
  11.     font-family: 'Source Sans Pro', sans-serif;
  12.     font-weight: 700 !important;
  13.     font-size: 4em;
  14.     text-shadow: 1px 1px 1px #daf2b6;
  15.     margin: 0 auto !important;
  16.     display: -moz-inline-stack;
  17.     display: inline-block;
  18. }
  19.  
  20. body #content .post .post-content .gform_wrapper .top_label li.gfield.hidden-total.gfield_price label.gfield_label {
  21.     padding: 180px 0px 3px 0px;
  22.     background-image: url("../images/demo/gpizza_chef.svg");
  23.     background-repeat: no-repeat;
  24.     background-position: 35% top;
  25.     width: 100%;
  26.     text-align: center;
  27.     margin-top: -35px;
  28. }
  29.  
  30. .gform_wrapper:before {
  31.     content: "";
  32.     display: block;
  33.     height: 1rem;
  34.     background-color: rgba(212, 30, 38, 1);
  35.     border-bottom: 1rem solid rgba(0, 102, 1, 1);
  36.     margin-bottom: 2rem;
  37. }
  38.  
  39. .gform_wrapper input[type=submit],
  40. .gform_wrapper input[type=button] {
  41.     background: rgba(212, 30, 38, 1);
  42. }
  43.  
  44. .gform_wrapper input[type=submit]:hover,
  45. .gform_wrapper input[type=button]:hover {
  46.     background: rgba(167, 29, 24, 1);
  47. }
  48.  
  49. .gform_wrapper h2.gsection_title {
  50.     color: rgba(0, 102, 1, 1);
  51. }
  52.  
  53. /* media queries - portrait mode tablet or desktop styles */
  54.  
  55. @media only screen and (min-width: 761px) {
  56.     body #content .post .post-content .gform_wrapper li.gfield.hidden-total.gfield_price {
  57.     position: fixed;
  58.     right: 30px;
  59.     top: 50px;
  60.     padding: 0 10px 10px 10px;
  61.     -webkit-border-radius: 8px;
  62.     -moz-border-radius: 8px;
  63.     border-radius: 8px;
  64.     background-color: #fff;
  65.     text-shadow: 1px 1px 1px #daf2b6;
  66.     -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.5);
  67.     -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.5);
  68.     box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.5);
  69.     width: 240px;
  70.        
  71.     }
  72. }
  73. </style>
Advertisement
RAW Paste Data Copied
Advertisement