Advertisement
Guest User

Untitled

a guest
Jan 22nd, 2017
124
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.10 KB | None | 0 0
  1. /* САНЯ */
  2.  
  3.  
  4. .short
  5. {
  6. overflow: hidden;
  7. float: left;
  8. margin: 0 10px 10px 0;
  9. background: #fff;
  10. box-shadow: 1px 5px 10px #ccc;
  11. }
  12. .short_1 {
  13. background:#fff7cc;
  14. }
  15. .short_2 {
  16. background:#edeff2;
  17. }
  18. .short_3 {
  19. background:#f5e1d7;
  20. }
  21.  
  22. .img-short{
  23. overflow: hidden;
  24. position: relative;
  25. }
  26. .img-short:hover .short-icon{
  27. display: block;
  28. z-index: 1000;
  29. }
  30. .short-icon{
  31. font-size:24px;
  32. display: block;
  33. color:white;
  34. position: absolute;
  35. top: 0px;
  36. right: 0px;
  37. background: #1ABC9C;
  38. padding: 2px 12px 1px 12px;
  39. ~border-radius: 5px;
  40. }
  41. .img-short-title{
  42. font-size:18px;
  43. bottom: 0;
  44. width: 100%;
  45. text-align: center;
  46. }
  47. .img-short-title a{
  48.  
  49. cursor:pointer;
  50. color: #7e7e7e;
  51. letter-spacing: 0,5px;
  52. ~text-transform: uppercase;
  53. font-family: "PT Sans";
  54. font-size: 24px;
  55. }
  56. .short-desc{
  57. padding: 0px;
  58. color: #999;
  59. height: 30px;}
  60.  
  61.  
  62. .short-btn-default {
  63. width:49.9999%;
  64. float:left;
  65. margin:0px;
  66. height:30px; /*Произвольная высота*/
  67. border:none;
  68. border-radius:0px;
  69. background:gray; /*Произвольный цвет*/
  70. position:relative;
  71. z-index:0;
  72. opacity: .99;
  73. -webkit-transition: all 0.1s ease-out 0s;
  74. -moz-transition: all 0.1s ease-out 0s;
  75. -o-transition: all 0.1s ease-out 0s;
  76. transition: all 0.1s ease-out 0s;
  77. }
  78. .short-btn-default.plus {
  79. background:#87e244; /*Зеленый цвет*/
  80. }
  81. .short-btn-default.minus {
  82. background:#ff3d3d; /*Красный цвет*/
  83. }
  84. .short-btn-default.plus.active,.short-btn-default.minus.active {
  85. width:85%;
  86. }
  87. .short-btn-default.plus.active {
  88. border-radius:0px 15px 15px 0px;
  89. margin-right:-5%;
  90. z-index:1;
  91. }
  92. .short-btn-default.minus.active {
  93. border-radius:15px 0px 0px 15px;
  94. margin-left:-5%;
  95. z-index:1;
  96. }
  97. .short-btn-default.plus.not_active,.short-btn-default.minus.not_active {
  98. width:19.999%;
  99. }
  100. /* САНЯ */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement