SHARE
TWEET

Default DoStuff Embeddable Events Widget CSS

a guest Oct 2nd, 2017 62 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <style>
  2. .ds-home-link a,
  3. .ds-featured-venue-events {
  4. font-family:inherit;/*add your font family*/
  5. }
  6. .ds-events-widget {
  7. position:relative;
  8. text-transform: capitalize;/*uppercase lowercase etc*/
  9. }
  10. .ds-events-widget::-webkit-scrollbar {
  11. display: none;
  12. }
  13. ol.ds-featured-venue-events {
  14. list-style: none !important;
  15. }
  16. .ds-home-link {
  17. position:relative;
  18. width:100%;
  19. display:block;
  20. z-index: 9;
  21. }
  22. .ds-home-link a {
  23. font-family: inherit;
  24. font-size: 1rem;
  25. width:100%;
  26. display:block;
  27. text-transform: uppercase;
  28. letter-spacing: 0px;
  29. font-weight: inherit;
  30. font-style: normal;
  31. color: #fff;
  32. background-color: rgba(28,21,19,.86);
  33. border-color: rgba(28,21,19,.86);
  34. text-decoration: none;
  35. padding: 13px 26px;
  36. }
  37. .ds-events-widget a {
  38. color:#fff !important;
  39. }
  40. .ds-events-widget ol,
  41. .ds-events-widget ul {
  42. list-style: none !iimportant;
  43. padding:0;
  44. margin:0;
  45. }
  46. li.ds-featured-venue-event {
  47. -webkit-border-radius: 0;
  48. -moz-border-radius: 0;
  49. -ms-border-radius: 0;
  50. -o-border-radius: 0;
  51. border-radius: 0;
  52. background-color: rgba(255,255,255,0.8);
  53. margin-top: 1px;
  54. z-index: 2;
  55. position: relative;
  56. margin-left:0;
  57. margin-right:0;
  58. }
  59. .ds-featured-venue-event .ds-cover-image {
  60. position: absolute;
  61. top: 0;
  62. left: 0;
  63. bottom: 0;
  64. right: 0;
  65. z-index: -1;
  66. overflow: hidden;
  67. background-repeat: no-repeat;
  68. background-size: cover;
  69. background-color: #282828;
  70. background-position: 50% 50%;
  71. filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  72. opacity: 1 !important;
  73. }
  74. .ds-featured-venue-event .ds-cover-image:after {
  75. background: #000 !important;
  76. opacity: .5 !important;
  77. bottom: 0;
  78. content: "";
  79. left: 0;
  80. position: absolute;
  81. right: 0;
  82. top: 0;
  83. }
  84. .ds-featured-venue-event:hover .ds-cover-image:after {
  85. opacity:0.2 !important;
  86. }
  87. .ds-featured-venue-event a {
  88. padding: 35px 25px 35px 62px;
  89. display: block;
  90. color: #ffffff;
  91. text-decoration: none;
  92. }
  93. .ds-featured-venue-event .ds-event-date {
  94. position: absolute;
  95. top: 35px;
  96. left: 15px;
  97. }
  98. .ds-featured-venue-event .ds-event-date .ds-day,
  99. .ds-featured-venue-event .ds-event-date .ds-month {
  100. display: block;
  101. text-align: center;
  102. }
  103. .ds-featured-venue-event .ds-event-date .ds-day {
  104. vertical-align: text-top;
  105. font-size: 28px;
  106. line-height: 28px;
  107. font-family: inherit;
  108. font-style: normal;
  109. font-weight: 700;
  110. -webkit-font-smoothing: antialiased;
  111. }
  112. .ds-featured-venue-event .ds-event-meta {
  113. line-height: 1rem;
  114. }
  115. .ds-featured-venue-event .ds-event-meta .ds-title {
  116. vertical-align: text-top;
  117. font-size: 18px;
  118. line-height: 24px;
  119. display: block;
  120. margin-bottom: 5px;
  121. margin-bottom: 0.3rem;
  122. }
  123. .ds-featured-venue-event .ds-event-meta .ds-time,
  124. .ds-featured-venue-event .ds-event-meta .ds-extra {
  125. font-size: 16px;
  126. line-height: 16px;
  127. margin-right: 10px;
  128. }
  129. </style>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top