Advertisement
Guest User

Additional CSS

a guest
Jun 3rd, 2019
387
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 5.46 KB | None | 0 0
  1. /* GeneratePress Site CSS */ /* Content styles */
  2. @media (min-width: 769px) {
  3.     body:not(.home) .inside-article, .sidebar .widget, .separate-containers .comments-area {
  4.         box-shadow: 0 0 20px rgba(0,0,0,0.07);
  5.               border-radius: 10px;
  6.               -webkit-border-radius: 10px;
  7.               text-align: center;
  8.               vertical-align: middle;
  9.     }
  10.    
  11.     body:not(.home):not(.woocommerce) .site.container {
  12.         margin-top: -40px;
  13.               border-radius: 10px;
  14.               -webkit-border-radius: 10px;
  15.     }
  16. }
  17.  
  18. body:not(.home):not(.woocommerce).separate-containers .site-main {
  19.       margin-top: 0;
  20.       border-radius: 10px;
  21.       -webkit-border-radius: 10px;
  22. }
  23.  
  24. @media (max-width: 768px) {
  25.     .footer-bar {
  26.         margin-bottom: 5px;
  27.     }
  28. }
  29.  
  30. h2.home-slogan {
  31.     font-weight: 500;
  32.     margin-bottom: 1.5em;
  33. }
  34.  
  35. .section-center {
  36.     text-align: center;
  37.       border-radius: 10px;
  38.       -webkit-border-radius: 10px;
  39. }
  40.  
  41. button, html input[type="button"], input[type="reset"], input[type="submit"],
  42. a.button,
  43. a.button:visited,
  44. .woocommerce a.button {
  45.     border-width: 0px;
  46.     border-style: solid;
  47.     border-color: inherit;
  48.       border-radius: 10px;
  49.       -webkit-border-radius: 10px;
  50. }
  51.  
  52. .woocommerce .woocommerce-message a.button {
  53.     border: 0;
  54.     border-radius: 10px;
  55.     -webkit-border-radius: 10px;
  56. }
  57.  
  58. a.button:hover {
  59.     border-color: black;
  60.     border-radius: 10px;
  61.     -webkit-border-radius: 10px;
  62. }
  63.  
  64. .home-button-section .button {
  65.     margin-left: 10px;
  66.     margin-right: 10px;
  67.     width: 150px;
  68.     border-radius: 10px;
  69.     -webkit-border-radius: 10px;
  70. }
  71.  
  72. @media (max-width: 768px) {
  73.     body .button {
  74.         margin: 20px 10px;
  75.             border-radius:10px;
  76.             -webkit-border-radius: 10px;
  77.     }
  78. }
  79.  
  80. /* Primary navigation styles */
  81. @media (min-width: 769px) {
  82.     .sf-menu>li.search-item,
  83.     .sf-menu>li.wc-menu-item  {
  84.         float: right !important;
  85.               border-radius: 10px;
  86.               -webkit-border-radius: 10px;
  87.     }
  88. }
  89.  
  90. /* Secondary navigation styles */
  91. .secondary-navigation {
  92.     padding-top: 10px;
  93.     padding-right: 50px;
  94.     border-radius: 10px;
  95.     -webkit-border-radius: 10px;
  96.    
  97. }
  98.  
  99. .secondary-nav-aligned-center .secondary-navigation ul, .secondary-nav-aligned-right .secondary-navigation ul {
  100.     font-size: inherit;
  101.     border-radius: 10px;
  102.     -webkit-border-radius: 10px;
  103. }
  104.  
  105. .secondary-navigation ul ul {
  106.       width: 400px;
  107. }
  108.  
  109. /* Home Hero styles */
  110. .page-hero.home-hero h1 {
  111.     font-weight: 800;
  112.     text-shadow: 1px 5px 4px rgba(0, 0, 0, 0.5);
  113.     font-size: 40px;
  114.       border-radius: 30px;
  115.       -webkit-border-radius: 10px;
  116. }
  117.  
  118. .page-hero.home-hero a.button {
  119.     font-weight: 400;
  120.     box-shadow: 1px 5px 4px rgba(0, 0, 0, 0.5);
  121.       border: 0;
  122.       width: 130px;
  123.     border-radius:10px;
  124.     -webkit-border-radius: 10px;
  125. }
  126.  
  127. @media (max-width: 768px) {
  128.     .page-hero.home-hero {
  129.         background-position: 60% 0;
  130.             border-radius: 10px
  131.     }
  132. }
  133.  
  134. /* WPSP styles */
  135. h2.wp-show-posts-entry-title {
  136.     font-weight: 500;
  137.     font-size: 20px;
  138.     text-align: center;
  139.       border-radius: 10px;
  140.       -webkit-border-radius: 10px;
  141. }
  142.  
  143. @media (min-width: 769px) {
  144.     .wp-show-posts-image {
  145.         position: relative;
  146.         overflow: hidden;
  147.     }
  148.    
  149.     .wp-show-posts-image img {
  150.         max-width: 100%;
  151.  
  152.         -moz-transition: all 0.3s;
  153.         -webkit-transition: all 0.3s;
  154.         transition: all 0.3s;
  155.     }
  156.    
  157.     .wp-show-posts-image:hover img {
  158.         -moz-transform: scale(1.1);
  159.         -webkit-transform: scale(1.1);
  160.         transform: scale(1.1);
  161.     }
  162. }
  163.  
  164. /* HappyForm style */
  165. body .happyforms-flex {
  166.     padding: 0;
  167.     border-radius: 10px;
  168.     -webkit-border-radius: 10px;
  169. }
  170.  
  171. body input[type=submit].happyforms-button--submit {
  172.     margin-top: 5px;
  173.     padding: 5px 20px;
  174.     font-size: 16px;
  175.     background-color: transparent;
  176.       font-weight:normal;
  177.     border-radius:10px;
  178.     -webkit-border-radius: 10px;
  179. }
  180.  
  181. /* MailChimp styles */
  182.  
  183. .widget .mc4wp-form input {
  184.     width: 100%;
  185.     border-radius: 10px;
  186.     -webkit-border-radius: 10px;
  187. }
  188.  
  189. /* WooCommerce styles */
  190. .woocommerce ul.products li.product .woocommerce-LoopProduct-link {
  191.     border: 1px solid rgba(255,255,255,1);
  192.     box-sizing: border-box;
  193.       border-radius: 10px;
  194.       -webkit-border-radius: 10px;
  195. }
  196.  
  197. .woocommerce ul.products li.product .woocommerce-LoopProduct-link:hover {
  198.     border: 1px solid rgba(255,255,255);
  199.     box-sizing: border-box;
  200.       border-radius: 10px;
  201.       -webkit-border-radius: 10px;
  202. }
  203.  
  204. .woocommerce .wc-product-image {
  205.     margin: 5px 5px 0 5px;
  206.       border-radius: 10px;
  207.       -webkit-border-radius: 10px;
  208. }
  209.  
  210. .woocommerce ul.products li.product .price {
  211.     margin-bottom: 1em !important;
  212.       border-radius: 10px;
  213.       -webkit-border-radius: 10px;
  214. }
  215.  
  216. .woocommerce.single div.product div.images img {
  217.     padding: 3px;
  218.     border: 1px solid #e5e5e5;
  219.     box-sizing: border-box;
  220.     border-radius: 10px;
  221.     -webkit-border-radius: 10px;
  222. }
  223.  
  224. .woocommerce .related .product {
  225.     text-align: center !important;
  226.       border-radius: 10px;
  227.       -webkit-border-radius: 10px;
  228. }
  229. .woocommerce ul.products li.product .star-rating {
  230.     margin: auto;
  231. }
  232.  
  233. .woocommerce h2.woocommerce-loop-product__title {
  234.     margin-top: 0 !important;
  235.       border-radius: 10px;
  236.       -webkit-border-radius: 10px;
  237. }
  238.  
  239. .woocommerce nav.woocommerce-pagination ul {
  240.     border: 1px solid #FFFFFF;
  241.     border-right: 0;
  242.       border-radius:10px
  243. }
  244.  
  245. .woocommerce nav.woocommerce-pagination ul li {
  246.     border-right: 1px solid #FFFFFF;
  247.       border-radius: 10px;
  248.       -webkit-border-radius: 10px;
  249. } /* End GeneratePress Site CSS */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement