Advertisement
maximus87

Untitled

Jul 18th, 2019
150
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.55 KB | None | 0 0
  1. /* Summary carousel styles */
  2.  
  3. .sqs-gallery-design-carousel .sqs-gallery-design-carousel-slide .summary-content {
  4. width: 53%;
  5. float: right;
  6. position: relative;
  7. padding: 5% 5%;
  8. display: flex;
  9. flex-direction: column;
  10. }
  11. .sqs-gallery-design-carousel .sqs-gallery-design-carousel-slide .summary-thumbnail-outer-container {
  12. width: 47%;
  13. float: left;
  14. position: absolute;
  15. top: 50%;
  16. transform: translateY(-50%);
  17. -webkit-transform: translateY(-50%);
  18. -moz-transform: translateY(-50%);
  19. }
  20. .sqs-gallery-design-carousel .sqs-gallery-design-carousel-slide {
  21. padding: 20px 0;
  22. }
  23. .sqs-gallery-design-carousel header.summary-block-header {
  24. position: absolute;
  25. bottom: -40px;
  26. width: 100%;
  27. }
  28. .sqs-gallery-design-carousel .summary-carousel-pager.sqs-gallery-controls {
  29. width: 200px!important;
  30. text-align: center!important;
  31. float: none!important;
  32. margin: 0 auto;
  33. display: flex!important;
  34. align-items: center;
  35. justify-content: space-between;
  36. }
  37. .sqs-gallery-design-carousel .sqs-gallery-controls .previous {
  38. order: 1;
  39. }
  40. .sqs-gallery-design-carousel .sqs-gallery-controls .next {
  41. order: 2
  42. }
  43. .sqs-gallery-design-carousel .summary-carousel-pager.sqs-gallery-controls:before {
  44. content: '';
  45. width: 40px;
  46. height: 1px;
  47. background: #d0d0d0;
  48. display: block;
  49. position: absolute;
  50. left: 50%;
  51. transform: translateX(-50%) rotate(45deg);
  52. -webkit-transform: translateX(-50%) rotate(45deg);
  53. -moz-transform: translateX(-50%) rotate(45deg);
  54. margin-top: -7px;
  55. }
  56. /* Carousel Summary content background */
  57.  
  58. .sqs-gallery-design-carousel .sqs-gallery-design-carousel-slide .summary-content:before {
  59. content: '';
  60. background: #fbfbfb;
  61. width: calc(~"100% + 40px");
  62. height: calc(~"100% + 23px");
  63. position: absolute;
  64. left: -40px;
  65. z-index: -1;
  66. top: -20px;
  67. }
  68.  
  69. /* Carousel summary title font styles */
  70.  
  71. .sqs-gallery-design-carousel .sqs-gallery-design-carousel-slide .summary-title a {
  72. font-family: Nunito;
  73. font-weight: 700!important;
  74. font-style: normal;
  75. letter-spacing: .3em;
  76. text-transform: uppercase;
  77. line-height: 1.2em;
  78. font-size: 9px;
  79. margin-top: 50px;
  80. display: block;
  81. }
  82. .sqs-gallery-design-carousel .sqs-gallery-design-carousel-slide .summary-excerpt p {
  83. line-height: 1.8
  84. }
  85. .sqs-gallery-design-carousel .sqs-gallery-design-carousel-slide .summary-excerpt {
  86. order: 0;
  87. }
  88. .sqs-gallery-design-carousel .sqs-gallery-design-carousel-slide .summary-title {
  89. order: 1
  90. }
  91.  
  92. .sqs-gallery-design-carousel a.summary-title-link, .sqs-gallery-design-carousel .summary-thumbnail-container {
  93. pointer-events: none;
  94. cursor: auto;
  95. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement