Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .pp_kwrapper {
- margin: 30px auto;
- width: 100%;
- }
- .pp_kpage {
- background: #FFF;
- box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
- }
- .pp_ktitle {
- display: inline-block;
- font-size: 1.6em;
- line-height: 1.25em;
- background: #1b7700;
- color: #FFF;
- margin: 10px 0 0 -20px;
- padding: 10px 30px;
- position: relative;
- font-weight: 500;
- z-index: 1;
- position: absolute;
- }
- .pp_ktitle:before {
- bottom: -20px;
- left: 0;
- content: " ";
- width: 0;
- height: 0;
- border-style: solid;
- border-width: 0 20px 20px 0;
- border-color: rgba(0, 0, 0, 0) #002F12 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
- position: absolute;
- z-index: 0;
- }
- .pp_kbox_news{
- width:401px;
- display:inline-block;
- margin: 1px 0px;
- border-radius: 0px;
- }
- .pp_kbox_news_mini{
- width:266px;
- display:inline-block;
- margin: 1px 0px;
- border-radius: 0px;
- }
- div.pp_ksnip1 {
- position: relative;
- overflow: hidden;
- margin: 5px;
- width: 100%;
- height: 407px;
- background: #000000;
- text-align: left;
- color: #ffffff;
- box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
- }
- div.pp_ksnip2 {
- position: relative;
- overflow: hidden;
- margin: 3px;
- background: #000000;
- text-align: left;
- color: #ffffff;
- box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
- height: 180px;
- }
- div.pp_ksnip3 {
- position: relative;
- overflow: hidden;
- margin: 3px;
- height: 220px;
- background: #000000;
- text-align: left;
- color: #ffffff;
- box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
- }
- div.pp_ksnip1 img,
- div.pp_ksnip2 img,
- div.pp_ksnip3 img {
- width: 100%;
- vertical-align: top;
- position: relative;
- box-shadow: 0 0 15px rgba(0, 0, 0, 0.9);
- -webkit-transition: all 0.15s ease-in-out;
- -moz-transition: all 0.15s ease-in-out;
- -ms-transition: all 0.15s ease-in-out;
- -o-transition: all 0.15s ease-in-out;
- transition: all 0.15s ease-in-out;
- }
- div.pp_ksnip1 img:hover,
- div.pp_ksnip2 img:hover,
- div.pp_ksnip3 img:hover {
- -moz-transform: scale(1.1);
- -webkit-transform: scale(1.1);
- -o-transform: scale(1.1);
- -ms-transform: scale(1.1);
- transform: scale(1.1);
- }
- div.pp_ksnip1 figcaption {
- background-color: rgba(0, 0, 0, 0.5);
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- padding: 15px 20px;
- }
- div.pp_ksnip2 figcaption,
- div.pp_ksnip3 figcaption {
- background-color: rgba(0, 0, 0, 0.5);
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- padding: 5px 10px;
- }
- div.pp_ksnip1 figcaption h3,
- div.pp_ksnip2 figcaption h3,
- div.pp_ksnip3 figcaption h3,
- div.pp_ksnip1 figcaption p,
- div.pp_ksnip2 figcaption p,
- div.pp_ksnip3 figcaption p {
- margin: 0 0 5px;
- }
- div.pp_ksnip1 figcaption h3,
- div.pp_ksnip2 figcaption h3,
- div.pp_ksnip3 figcaption h3 {
- color: #fff;
- font-weight: 600;
- padding: 0 15px;
- }
- div.pp_ksnip1 figcaption h3{
- color: #fff;
- font-weight: 600;
- }
- div.pp_ksnip2 figcaption h3,
- div.pp_ksnip3 figcaption h3 {
- color: #fff;
- font-weight: 600;
- font-size: 15px;
- }
- div.pp_ksnip1 figcaption p,
- div.pp_ksnip3 figcaption p {
- color: #fff;
- font-size: 13px;
- }
- div.pp_ksnip2 figcaption p,
- div.pp_ksnip3 figcaption p {
- color: #fff;
- font-size: 11px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement