Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* САНЯ */
- .short
- {
- overflow: hidden;
- float: left;
- margin: 0 10px 10px 0;
- background: #fff;
- box-shadow: 1px 5px 10px #ccc;
- }
- .short_1 {
- background:#fff7cc;
- }
- .short_2 {
- background:#edeff2;
- }
- .short_3 {
- background:#f5e1d7;
- }
- .img-short{
- overflow: hidden;
- position: relative;
- }
- .img-short:hover .short-icon{
- display: block;
- z-index: 1000;
- }
- .short-icon{
- font-size:24px;
- display: block;
- color:white;
- position: absolute;
- top: 0px;
- right: 0px;
- background: #1ABC9C;
- padding: 2px 12px 1px 12px;
- ~border-radius: 5px;
- }
- .img-short-title{
- font-size:18px;
- bottom: 0;
- width: 100%;
- text-align: center;
- }
- .img-short-title a{
- cursor:pointer;
- color: #7e7e7e;
- letter-spacing: 0,5px;
- ~text-transform: uppercase;
- font-family: "PT Sans";
- font-size: 24px;
- }
- .short-desc{
- padding: 0px;
- color: #999;
- height: 30px;}
- .short-btn-default {
- width:49.9999%;
- float:left;
- margin:0px;
- height:30px; /*Произвольная высота*/
- border:none;
- border-radius:0px;
- background:gray; /*Произвольный цвет*/
- position:relative;
- z-index:0;
- opacity: .99;
- -webkit-transition: all 0.1s ease-out 0s;
- -moz-transition: all 0.1s ease-out 0s;
- -o-transition: all 0.1s ease-out 0s;
- transition: all 0.1s ease-out 0s;
- }
- .short-btn-default.plus {
- background:#87e244; /*Зеленый цвет*/
- }
- .short-btn-default.minus {
- background:#ff3d3d; /*Красный цвет*/
- }
- .short-btn-default.plus.active,.short-btn-default.minus.active {
- width:85%;
- }
- .short-btn-default.plus.active {
- border-radius:0px 15px 15px 0px;
- margin-right:-5%;
- z-index:1;
- }
- .short-btn-default.minus.active {
- border-radius:15px 0px 0px 15px;
- margin-left:-5%;
- z-index:1;
- }
- .short-btn-default.plus.not_active,.short-btn-default.minus.not_active {
- width:19.999%;
- }
- /* САНЯ */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement