Advertisement
srikat

style.css

Sep 20th, 2014
298
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 3.92 KB | None | 0 0
  1. .page-title {
  2.     margin: 60px auto 0;
  3.     padding-top: 80px;
  4. }
  5.  
  6. .site-title {
  7.     font-size: 36px;
  8.     padding-top: 10px;
  9. }
  10.  
  11. .site-header .widget-area {
  12.     padding-top: 0;
  13. }
  14.  
  15. .site-header .wrap {
  16.     padding: 0 40px;
  17.     /*min-height: 60px;*/
  18.     min-height: 0;
  19. }
  20.  
  21. .home-featured {
  22.     background: #fff url(http://demo.studiopress.com/parallax/wp-content/themes/parallax-pro/images/bg-1.jpg) no-repeat fixed 50% 0;
  23.     -webkit-background-size: cover;
  24.     -moz-background-size:    cover;
  25.     background-size:         cover;
  26.     margin-top: 60px;
  27. }
  28.  
  29. .home-featured .wrap {
  30.     margin-top: 0;
  31. }
  32.  
  33. .home-featured .home-widgets-1 {
  34.     padding: 100px 0;
  35. }
  36.  
  37. .home-featured p {
  38.     margin-top: 28px;
  39. }
  40.  
  41. .home-featured a.button {
  42.     margin-top: 28px;
  43. }
  44.  
  45. /* @group Testimonials */
  46.  
  47. .testimonials-list .avatar {
  48.     margin: -.5rem 1rem 1rem;
  49.     -webkit-border-radius: 999em;
  50.     border-radius: 999em;
  51.     -moz-background-clip: padding;
  52.     -webkit-background-clip: padding-box;
  53.     background-clip: padding-box;
  54.     box-shadow: 2px 3px 0px rgba(0,0,0,0.2);
  55.     -webkit-box-shadow: 2px 3px 0px rgba(0,0,0,0.2);
  56.     float: right;
  57.     background-color: #fff;
  58.     border: 0px solid #f4f4f4;
  59. }
  60.  
  61. .testimonials-list .testimonials-text {
  62.     clear: both;
  63.     margin-bottom: 1rem;
  64.     font-size: 110%;
  65. }
  66.  
  67. .testimonials-list .testimonials-text p {
  68.     clear: none;
  69.     display: inline;
  70. }
  71.  
  72. .testimonials-list .quote {
  73.     clear: both;
  74.     margin-bottom: .7rem;
  75.     border-top: 1px solid #e4e4e4;
  76.     text-align: left;
  77. }
  78.  
  79. .testimonials-list .quote.first {
  80.     border-top: 0px;
  81. }
  82.  
  83. .testimonials-list .testimonials-text:before {
  84.     content: '“';
  85.     text-align: left;
  86. }
  87.  
  88. .testimonials-list .testimonials-text:after {
  89.     content: '”';
  90. }
  91.  
  92. .testimonials cite {
  93.     float: right;
  94.     text-align: right;
  95.     margin-bottom: 3rem;
  96. }
  97.  
  98. .testimonials cite span {
  99.     display: block;
  100. }
  101.  
  102. .widget_woothemes_testimonials cite span:first-of-type {
  103.     font-weight: 600;
  104. }
  105.  
  106. .testimonials cite a {
  107. }
  108.  
  109. .testimonials cite a:hover {
  110. }
  111.  
  112. #home-widgets .widget_woothemes_testimonials .quote {
  113.     border-top: 0px;
  114. }
  115.  
  116. #home-widgets .widget_woothemes_testimonials .avatar {
  117.     box-shadow: 2px 4px 0px rgba(0,0,0,0.5);
  118.     -webkit-box-shadow: 2px 4px 0px rgba(0,0,0,0.5);
  119.     float: right;
  120.     border: 3px solid #ccc;
  121. }
  122.  
  123. #home-widgets .widget_woothemes_testimonials .testimonials-text {
  124.     margin-bottom: 1rem;
  125.     padding: 0 10%;
  126. }
  127.  
  128. #home-widgets .widget_woothemes_testimonials cite {
  129.     text-align: right;
  130.     float: right;
  131.     color: #a4a4a4;
  132. }
  133.  
  134. #home-widgets .widget_woothemes_testimonials cite span {
  135. }
  136.  
  137. #home-widgets .widget_woothemes_testimonials cite span:first-of-type {
  138.     font-weight: 600;
  139.     color: #fff;
  140. }
  141.  
  142. #home-widgets .widget_woothemes_testimonials cite .url a {
  143.     color: #999;
  144. }
  145.  
  146. #home-widgets .widget_woothemes_testimonials cite a:hover {
  147. }
  148.  
  149. .home-widgets-4 .widget_woothemes_testimonials {
  150.     padding-bottom: 0;
  151. }
  152.  
  153. /* @end */
  154.  
  155. .home-featured .more-link,
  156. .home-widgets .more-link {
  157.     background-color: #59b184;
  158.     border-radius: 50px;
  159.     color: #fff;
  160.     display: block;
  161.     display: table;
  162.     font-size: 11px;
  163.     font-weight: 700;
  164.     line-height: 1;
  165.     margin: 20px auto 0;
  166.     max-width: 300px;
  167.     padding: 10px 24px;
  168.     text-align: center;
  169.     text-transform: uppercase;
  170.     letter-spacing: 1px;
  171. }
  172.  
  173. .home-featured .more-link:hover,
  174. .home-widgets .more-link:hover {
  175.     background-color: #4fa077;
  176.     color: #fff;
  177. }
  178.  
  179. @media only screen and (max-width: 1140px) {
  180.  
  181.     .home-featured {
  182.         background-attachment: scroll;
  183.         background-position: top;
  184.         -webkit-background-size: auto;
  185.         -moz-background-size:    auto;
  186.         background-size:         auto;
  187.     }
  188.  
  189. }
  190.  
  191. @media only screen and (max-width: 1023px) {
  192.  
  193.     #home-widgets .widget_woothemes_testimonials .testimonials-text {
  194.         padding: 0 5%;
  195.     }
  196.  
  197. }
  198.  
  199. @media only screen and (max-width: 768px) {
  200.  
  201.     #home-widgets .widget_woothemes_testimonials .testimonials-text {
  202.         padding: 0;
  203.     }
  204.  
  205. }
  206.  
  207. @media only screen and (max-width: 568px) {
  208.  
  209.     .site-header {
  210.         top: 0;
  211.     }
  212.  
  213.     .home-featured {
  214.         margin-top: 0;
  215.     }
  216.  
  217. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement