Advertisement
Katsiree

news_lenraidee

Jun 1st, 2019
168
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 3.37 KB | None | 0 0
  1.  .pp_kwrapper {
  2.     margin: 30px auto;
  3.     width: 100%;
  4.   }
  5.   .pp_kpage {
  6.     background: #FFF;
  7.     box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  8.   }
  9.  
  10.   .pp_ktitle {
  11.     display: inline-block;
  12.     font-size: 1.6em;
  13.     line-height: 1.25em;
  14.     background: #1b7700;
  15.     color: #FFF;
  16.     margin: 10px 0 0 -20px;
  17.     padding: 10px 30px;
  18.     position: relative;
  19.     font-weight: 500;
  20.     z-index: 1;
  21.     position: absolute;
  22.   }
  23.  
  24.   .pp_ktitle:before {
  25.     bottom: -20px;
  26.     left: 0;
  27.     content: " ";
  28.     width: 0;
  29.     height: 0;
  30.     border-style: solid;
  31.     border-width: 0 20px 20px 0;
  32.     border-color: rgba(0, 0, 0, 0) #002F12 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  33.     position: absolute;
  34.     z-index: 0;
  35.   }
  36.  
  37. .pp_kbox_news{
  38.     width:401px;
  39.     display:inline-block;
  40.     margin: 1px 0px;
  41.     border-radius: 0px;
  42. }
  43.  
  44. .pp_kbox_news_mini{
  45.     width:266px;
  46.     display:inline-block;
  47.     margin: 1px 0px;
  48.     border-radius: 0px;
  49. }
  50.  
  51.  
  52. div.pp_ksnip1 {
  53.     position: relative;
  54.     overflow: hidden;
  55.     margin: 5px;
  56.     width: 100%;
  57.     height: 407px;
  58.     background: #000000;
  59.     text-align: left;
  60.     color: #ffffff;
  61.     box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  62. }
  63.  
  64. div.pp_ksnip2 {
  65.     position: relative;
  66.     overflow: hidden;
  67.     margin: 3px;
  68.     background: #000000;
  69.     text-align: left;
  70.     color: #ffffff;
  71.     box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  72.     height: 180px;
  73. }
  74.  
  75. div.pp_ksnip3 {
  76.     position: relative;
  77.     overflow: hidden;
  78.     margin: 3px;
  79.     height: 220px;
  80.     background: #000000;
  81.     text-align: left;
  82.     color: #ffffff;
  83.     box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  84. }
  85.  
  86. div.pp_ksnip1 img,
  87. div.pp_ksnip2 img,
  88. div.pp_ksnip3 img {
  89.     width: 100%;
  90.     vertical-align: top;
  91.     position: relative;
  92.     box-shadow: 0 0 15px rgba(0, 0, 0, 0.9);
  93.     -webkit-transition: all 0.15s ease-in-out;
  94.     -moz-transition: all 0.15s ease-in-out;
  95.     -ms-transition: all 0.15s ease-in-out;
  96.     -o-transition: all 0.15s ease-in-out;
  97.     transition: all 0.15s ease-in-out;
  98. }
  99.  
  100. div.pp_ksnip1 img:hover,
  101. div.pp_ksnip2 img:hover,
  102. div.pp_ksnip3 img:hover {
  103.     -moz-transform: scale(1.1);
  104.     -webkit-transform: scale(1.1);
  105.     -o-transform: scale(1.1);
  106.     -ms-transform: scale(1.1);
  107.     transform: scale(1.1);
  108. }
  109.  
  110.  
  111. div.pp_ksnip1 figcaption {
  112.     background-color: rgba(0, 0, 0, 0.5);
  113.     position: absolute;
  114.     bottom: 0;
  115.     left: 0;
  116.     width: 100%;
  117.     padding: 15px 20px;
  118. }
  119.  
  120. div.pp_ksnip2 figcaption,
  121. div.pp_ksnip3 figcaption {
  122.     background-color: rgba(0, 0, 0, 0.5);
  123.     position: absolute;
  124.     bottom: 0;
  125.     left: 0;
  126.     width: 100%;
  127.     padding: 5px 10px;
  128. }
  129.  
  130. div.pp_ksnip1 figcaption h3,
  131. div.pp_ksnip2 figcaption h3,
  132. div.pp_ksnip3 figcaption h3,
  133. div.pp_ksnip1 figcaption p,
  134. div.pp_ksnip2 figcaption p,
  135. div.pp_ksnip3 figcaption p {
  136.     margin: 0 0 5px;
  137. }
  138.  
  139. div.pp_ksnip1 figcaption h3,
  140. div.pp_ksnip2 figcaption h3,
  141. div.pp_ksnip3 figcaption h3 {
  142.     color: #fff;
  143.     font-weight: 600;
  144.     padding: 0 15px;
  145. }
  146.  
  147. div.pp_ksnip1 figcaption h3{
  148.     color: #fff;
  149.     font-weight: 600;
  150. }
  151.  
  152. div.pp_ksnip2 figcaption h3,
  153. div.pp_ksnip3 figcaption h3 {
  154.     color: #fff;
  155.     font-weight: 600;
  156.     font-size: 15px;
  157. }
  158.  
  159. div.pp_ksnip1 figcaption p,
  160. div.pp_ksnip3 figcaption p {
  161.     color: #fff;
  162.     font-size: 13px;
  163. }
  164.  
  165. div.pp_ksnip2 figcaption p,
  166. div.pp_ksnip3 figcaption p {
  167.     color: #fff;
  168.     font-size: 11px;
  169. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement