API tools faq
paste
Advertisement
Guest User

event-mod.css

a guest
Apr 8th, 2021
59
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.03 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3.  
  4. /*TRIBE CALENDAR*/
  5. #top #tribe-events-pg-template{ max-width: 100%; padding:0;}
  6. #top #tribe-events-pg-template .tribe-events-notices{border:none; border-radius:0; padding:14px; text-align: center; font-size: 15px; font-weight:normal; text-shadow: none;clear:both;}
  7.  
  8.  
  9. /*events bar*/
  10. #tribe-events-bar #tribe-bar-form{margin-bottom:20px; float:none;}
  11.  
  12. #tribe-events-bar:after{left:100%;}
  13. #top #tribe-events-bar input, #top #tribe-events-bar select{margin:0;}
  14. #tribe-bar-form input[type='text']{width:100%; max-width:100%; font-style: normal; padding: 13px; border-radius: 2px;}
  15.  
  16. .tribe-bar-views-inner{ padding: 20px 0 60px 0; border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px; position: relative;}
  17. #tribe-bar-views .tribe-bar-views-list{left:0px; padding:0;}
  18.  
  19.  
  20. .tribe-bar-search-filter{padding:23px 0; width:25%;}
  21. .tribe-bar-date-filter{padding:23px 0;}
  22. .tribe-bar-submit{padding:30px 0px 30px 23px; float:right; margin:0;}
  23.  
  24. #top #tribe-events-bar ::-webkit-input-placeholder {font-style: normal; }
  25. #top #tribe-events-bar ::-moz-placeholder {font-style: normal; }
  26. #top #tribe-events-bar :-ms-input-placeholder {font-style: normal; }
  27.  
  28. #top #wrap_all .tribe-events-button{
  29. border-radius: 3px; height:auto;
  30. border-bottom-style: solid; border-bottom-width: 1px;
  31. padding: 12px 16px;
  32. -webkit-transition: all 0.4s ease-out;
  33. -moz-transition: all 0.4s ease-out;
  34. transition: all 0.4s ease-out;
  35. position: relative;
  36. top: 13px;
  37. }
  38.  
  39. #tribe-events-bar{margin-top:-50px; position: relative; border-bottom-style: solid; border-bottom-width:1px; float:left; margin-bottom: 45px;}
  40. #tribe-events-bar #tribe-bar-form{margin:0; float:left;}
  41.  
  42. #tribe-events-bar:before, #tribe-events-bar:after{
  43. content: ".";
  44. position: absolute;
  45. height:100%;
  46. width:2000px;
  47. left:-2000px;
  48. text-indent: -50px;
  49. overflow: hidden;
  50. border-bottom-style: solid; border-bottom-width:1px;
  51. }
  52.  
  53. #tribe-events-bar:after{
  54. left:100%;
  55. }
  56.  
  57. #tribe-bar-form{background: transparent; z-index: 10;}
  58.  
  59. .tribe-bar-search-filter {
  60. padding: 23px 0;
  61. margin-left: 23px;
  62. width: 25%;
  63. }
  64.  
  65. #tribe-bar-views-toggle::after {
  66. display: none;
  67. }
  68.  
  69. #tribe-bar-form #tribe-bar-views {
  70. padding: 0 0 0 23px;
  71. }
  72.  
  73. .tribe-events-visuallyhidden {
  74. display: none;
  75. }
  76.  
  77. /*datepicker*/
  78. .datepicker table{ border-spacing: 1px; border-collapse: separate;}
  79. .datepicker table, .datepicker table td, .datepicker table th{border:none;}
  80. .datepicker.dropdown-menu{border-radius:1px; border:none; box-shadow: 0 0px 16px rgba(0, 0, 0, 0.2); min-width: 287px; padding:17px;}
  81. .datepicker td, .datepicker th{border-radius:0px;}
  82. .datepicker .datepicker-switch{cursor:default !important; background: transparent !important;}
  83. .datepicker table tr td.old, .datepicker table tr td.new{opacity: 0.2;}
  84. .datepicker table tr td span{margin: 0px 1px 1px 0; height: 47px; line-height: 47px; width: 24.5%;}
  85. .datepicker.datepicker-dropdown .datepicker-months td{padding:0;}
  86. .datepicker.datepicker-dropdown .datepicker-months th{padding:4px 15px;}
  87.  
  88. /*subnav*/
  89. #tribe-events-footer .tribe-events-sub-nav{display:none;}
  90.  
  91.  
  92. /* loading */
  93. .tribe-events-ajax-loading{ background: #000 url("../images/layout/preload-dark-big.gif") no-repeat center center; border-radius: 30px; height: 54px; width: 54px; opacity: 0.7;}
  94. .tribe-events-ajax-loading.tribe-events-active-spinner img{display: none;}
  95.  
  96.  
  97. /*small bar*/
  98. .tribe-bar-mini .tribe-bar-submit{padding:32px 0 0 0}
  99. .tribe-bar-mini .tribe-bar-search-filter{padding:17px 0; width: 30%;}
  100. .tribe-bar-mini .tribe-bar-date-filter{padding:17px 0; width: 30%;}
  101.  
  102. /*collapsed bar*/
  103. #tribe-bar-form.tribe-bar-collapse #tribe-bar-views{padding:0;}
  104. .tribe-bar-collapse .tribe-bar-views-inner{min-height: 0px;}
  105. .tribe-bar-collapse .tribe-bar-search-filter, .tribe-bar-collapse .tribe-bar-submit, .tribe-bar-collapse .tribe-bar-date-filter{padding:10px 0;}
  106.  
  107.  
  108. /*mobile*/
  109. .tribe-mobile-day-heading{margin-top: 30px;}
  110. #top #tribe-mobile-container .hentry.vevent{margin-bottom: 0; padding: 20px; border-style: solid; border-width: 1px;}
  111. .tribe-events-event-image img{display: block; border-radius: 2px;}
  112. #tribe-mobile-container .hentry.vevent .tribe-events-event-image{margin-top:13px;}
  113. #tribe-mobile-container .hentry.vevent .time-details {font-weight: normal;}
  114. #tribe-bar-collapse-toggle{ padding: 17px; }
  115. #tribe-mobile-container .tribe-events-viewmore{ border-top: none; }
  116. #tribe-mobile-container .hentry.vevent ~ .hentry.vevent{margin-top:10px;}
  117.  
  118. /*tooltip*/
  119. #tribe-events-content .tribe-events-tooltip h3{ padding: 8px 20px; }
  120. .tribe-events-tooltip .tribe-events-event-body{ padding: 10px 19px; }
  121. .tribe-events-tooltip .tribe-events-event-thumb{padding:4px 16px 5px 0;}
  122. .tribe-events-tooltip p.entry-summary{margin-top:0px; overflow: hidden;}
  123. .tribe-events-tooltip .tribe-events-event-thumb img{border-radius: 3px;}
  124. .tribe-events-calendar .tribe-events-tooltip, .tribe-events-week .tribe-events-tooltip, .recurring-info-tooltip{ box-shadow: 3px 4px 21px rgba(0, 0, 0, 0.38); border:none; }
  125. .tribe-events-tooltip .duration { margin: 0px 0 8px 0; }
  126.  
  127. .tribe-events-tooltip .tribe-events-arrow {
  128. background: #FFF;
  129. -webkit-transform: rotate(45deg);
  130. -moz-transform: rotate(45deg);
  131. transform: rotate(45deg);
  132. height: 14px;
  133. width: 14px;
  134. bottom: -6px;
  135. display:none;
  136. }
  137.  
  138. .avia_transform .tribe-events-tooltip .tribe-events-arrow {display:block;}
  139.  
  140. /*TABLE VIEW*/
  141. .tribe-events-calendar th{padding: 0.9em 0;}
  142.  
  143.  
  144. /*LIST VIEW*/
  145.  
  146. #top .tribe-events-list-event-title.entry-title, #top .tribe-events-list-event-title{
  147. font-size:18px; padding-bottom: 20px; display: block; line-height: 1.3em;
  148. font-weight: normal; border-bottom-style: solid; border-bottom-width: 1px; text-align: center; margin-bottom: 20px;
  149. }
  150. .tribe-events-loop .tribe-events-event-meta{
  151. font-size: 13px; font-weight: normal; display:table-cell; width: 33%; margin: 0;
  152. border-left-width: 1px; position: relative; vertical-align: middle; padding-right:20px;
  153. }
  154.  
  155. .av-tribe-events-content-wrap { padding:20px; border-style: solid; border-width:1px; position: relative; }
  156. .av-tribe-events-outer-content-wrap{ width: 100%; display: table; }
  157. .av-tribe-events-inner-content-wrap{ overflow:hidden; display:table-cell; vertical-align: middle; }
  158. .tribe-events-list .tribe-events-event-image { position: relative; margin: 0 0 0 30px; width: 30%; float:right;}
  159. .tribe-events-list .tribe-events-event-image+div.tribe-events-content { float: none; width: auto; overflow: hidden; }
  160. .tribe-events-list .vevent.hentry{ position: relative; border-bottom-style: none; border-bottom-width: 0; padding: 0; margin: 0 auto 30px;}
  161. .tribe-events-event-meta address.tribe-events-address{display:block; margin: 0 0 14px 0; }
  162. .tribe-events-list .time-details, .tribe-events-list .tribe-events-venue-details{line-height: 1.4em; margin: 0 0 14px 0; }
  163. .tribe-events-list-separator-month, #top .tribe-events-day .tribe-events-day-time-slot > h2{background: transparent; padding:0; margin: 20px 0 10px 0; line-height: 1.3em; }
  164. .tribe-events-list .tribe-events-event-cost{position: absolute; right:0; bottom:0; margin:0; z-index: 10;}
  165. .tribe-events-list .tribe-events-event-cost span{ padding:10px 20px;}
  166. .tribe-events-list-separator-month+.vevent.hentry.tribe-events-first{padding-top:0; }
  167. #tribe-events .entry-summary{line-height: 1.7em;}
  168. .tribe-events-read-more {display: block;}
  169. .tribe-events-notices + #tribe-events-header .tribe-events-sub-nav{top:-101px;}
  170. .single .template-event-page #tribe-events-header .tribe-events-sub-nav{top:0; display: none; }
  171.  
  172.  
  173. /*List view v 4*/
  174. #top .tribe-events-list .type-tribe_events{
  175. border-bottom:0;
  176. position: relative;
  177. padding:0;
  178. }
  179.  
  180.  
  181. /*Single VIEW*/
  182. .single-tribe_events .tribe-events-back{display:none;}
  183. .single-tribe_events .tribe-events-event-meta{border:none; background: transparent; margin:0;}
  184. .tribe-events-event-meta .tribe-events-meta-group, .tribe-events-event-meta .column{width:100%; margin:0 0 30px 0; padding:0;}
  185. .single-tribe_events .tribe-events-venue-map,
  186. #top.single-tribe_events .tribe-events-meta-group-gmap{background: transparent; border:none; padding:0; margin:0; width:100%;}
  187. .single-tribe_events .tribe-events-venue-map>div{margin-bottom:0 !important;}
  188.  
  189. .tribe-events-single-section.tribe-events-event-meta.primary .tribe-events-meta-group{width:100%}
  190.  
  191.  
  192. .av-single-event-content{width:60%; float:right; margin-left:50px;}
  193. .av-single-event-meta-bar{overflow: hidden;}
  194. .av-single-event-meta-bar.av-single-event-meta-bar-desktop{display: block; }
  195. .av-single-event-meta-bar.av-single-event-meta-bar-mobile{display: none; }
  196.  
  197. .av-single-event-meta-bar.av-single-event-meta-bar-mobile .tribe-events-event-meta{ padding: 0;}
  198.  
  199.  
  200. #top.single-tribe_events .tribe-events-single-event-title{ font-size: 34px; line-height: 1.1em; margin-bottom: 14px; margin:0;}
  201. .single-tribe_events .tribe-events-schedule{margin: 0 0 20px 0; font-size: 12px; font-weight: normal; }
  202. .single-tribe_events .tribe-events-schedule h3{ font-weight: normal; font-size: 12px; }
  203. .single-tribe_events .tribe-events-schedule .tribe-events-divider{font-size: 12px; font-weight: normal; padding:0px 4px; }
  204.  
  205. .av-single-event-meta-bar-inner { border: 1px solid; padding: 20px; }
  206. .av-single-event-meta-bar.av-single-event-meta-bar-mobile .av-single-event-meta-bar-inner {padding-bottom: 0px; }
  207. .tribe-events-meta-group .tribe-events-single-section-title{margin:0 0 10px 0}
  208.  
  209. .single-tribe_events #tribe-events-content .tribe-events-event-meta dd { border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: 8px; margin-bottom:10px;}
  210. .single-tribe_events #tribe-events-content .tribe-events-event-meta dd:last-child{border:none;}
  211.  
  212.  
  213. .single-tribe_events #tribe-events-pg-template .tribe-events-notices{margin: 0 0 50px 0; }
  214. .tribe-events-event-url a, #tribe-events .url a{white-space: pre;}
  215. .tribe-events-event-url, #tribe-events .url{overflow: hidden; text-overflow: ellipsis;}
  216. .single-tribe_events .comment-entry{ margin-top: 50px;}
  217.  
  218.  
  219. .single-tribe_events #tribe-events-content .tribe-events-event-meta dt{line-height: 1.5em; margin-right: 5px;}
  220. .single-tribe_events #tribe-events-content .tribe-events-event-meta dl{line-height: 1.5em;}
  221. .single-tribe_events #tribe-events-content .tribe-events-event-meta dd{line-height: 1.5em;}
  222. .single-tribe_events .tribe-events-cal-links{margin-bottom: 30px;}
  223.  
  224. /*VENUE VIEW*/
  225. .tribe-events-venue .tribe-events-venue-meta{border-width: 1px; border-style: solid; padding:20px; margin:0 0 46px 0;}
  226. .tribe-events-venue .tribe-events-map-wrap{background: transparent; border:none; padding:0; width:75%; margin: 0 0 0 50px;}
  227.  
  228. .single-tribe_events .secondary .tribe-events-venue-map{ width: 100%; }
  229.  
  230. @media only screen and (min-width: 989px) {
  231.  
  232. .responsive .single-tribe_events #tribe-events-content .tribe-events-event-meta dd { border:none; padding-bottom: 8px; }
  233. .responsive .tribe-events-single-section.tribe-events-event-meta.primary .tribe-events-meta-group{width:46%; float:left; margin-right:4%;}
  234. .responsive .tribe-events-single-section.tribe-events-event-meta.primary .tribe-events-meta-group.tribe-events-meta-group-organizer{margin:0;}
  235. .responsive .single-tribe_events #tribe-events-content .tribe-events-event-meta dd{margin:0;}
  236. }
  237.  
  238.  
  239.  
  240. @media only screen and (max-width: 842px) {
  241. .responsive .tribe-events-list .tribe-events-event-image{width:100%; float:none; margin:0 0 20px 0;}
  242. .responsive #top #tribe-events-header .tribe-events-sub-nav { top: 0;}
  243. }
  244.  
  245.  
  246.  
  247.  
  248.  
  249. @media only screen and (max-width: 768px) {
  250.  
  251. .responsive .single-tribe_events .tribe-events-schedule{border:none; background: transparent; padding:10px 0;}
  252. .responsive .av-single-event-content{width:100%; margin:0; float:none; }
  253. .responsive .av-single-event-meta-bar.av-single-event-meta-bar-desktop{display: none; }
  254. .responsive .av-single-event-meta-bar.av-single-event-meta-bar-mobile{display: block; }
  255.  
  256. .responsive #top .tribe-events-list-event-title.entry-title, .responsive #top .tribe-events-list-event-title{border:none; margin-bottom: 0;}
  257. .responsive .tribe-events-loop .tribe-events-event-meta, .responsive .av-tribe-events-inner-content-wrap{display: block; width:100%;}
  258. .responsive .tribe-events-list .tribe-events-event-image img{ border-top-left-radius: 0; border-top-right-radius: 0;}
  259. .responsive .tribe-events-loop .tribe-events-event-meta{padding-left:0; padding-right:0; padding-bottom: 0px;}
  260. .responsive .tribe-events-loop .tribe-events-content{margin-top:20px;}
  261. .responsive .tribe-events-venue .tribe-events-map-wrap{margin:0 0 20px 0; width: 100%;}
  262.  
  263. .responsive .single-tribe_events .secondary .tribe-events-venue-map{padding-bottom: 10px;}
  264. }
  265.  
  266.  
  267.  
  268.  
  269.  
  270.  
  271.  
  272.  
  273. /*PRO STYLES*/
  274.  
  275. .tribe-events-uses-geolocation .tribe-bar-date-filter, .tribe-events-uses-geolocation .tribe-bar-search-filter, .tribe-bar-geoloc-filter, .tribe-events-uses-geolocation .tribe-bar-submit{
  276. float: left;
  277. margin-bottom: 0;
  278. padding: 15px;
  279. width: 25%;
  280. }
  281.  
  282. .tribe-events-uses-geolocation .tribe-bar-submit{ width: 20%; }
  283.  
  284. .tribe-events-uses-geolocation .tribe-bar-mini .tribe-bar-date-filter, .tribe-events-uses-geolocation .tribe-bar-mini .tribe-bar-search-filter, .tribe-bar-mini .tribe-bar-geoloc-filter{padding:17px 0; width:24%;}
  285.  
  286. .tribe-events-uses-geolocation .tribe-bar-mini .tribe-bar-submit{padding: 32px 0 0 0;}
  287. .tribe-events-uses-geolocation .tribe-bar-mini .tribe-bar-geoloc-filter, .tribe-events-uses-geolocation .tribe-bar-mini .tribe-bar-search-filter{margin-left:10px;}
  288.  
  289. h3.tribe-events-related-events-title{margin-top:30px;}
  290. .tribe-events-single ul.tribe-related-events .tribe-related-events-title{line-height: 1.3em; font-size: 13px; margin:0;}
  291. .tribe-events-single ul.tribe-related-events .date-start, .tribe-events-single ul.tribe-related-events .date-end{line-height: 1.1em;}
  292.  
  293. .tribe-events-grid .hentry.vevent h3.entry-title{color:inherit;}
  294. .tribe-grid-body div[id*="tribe-events-event-"] .hentry.vevent{opacity: 0.85;}
  295. .tribe-grid-body div[id*="tribe-events-event-"] .hentry.vevent:hover{opacity: 0.95;}
  296. .tribe-events-grid .column.first, .tribe-week-grid-hours{padding:5px; width: 41px; margin-right: -41px; border-right-style: solid; border-right-width: 1px;}
  297. .tribe-events-grid .tribe-grid-header .column a{color: inherit;}
  298. .tribe-week-grid-inner-wrap .tribe-week-grid-block:first-child > div {border-top:none;}
  299. .tribe-events-grid:hover{z-index: 100;}
  300.  
  301. .tribe-grid-body .tribe-events-tooltip .tribe-events-arrow{left:-2px;}
  302. .tribe-grid-body .tribe-events-right .tribe-events-tooltip .tribe-events-arrow{right:-2px;}
  303. .tribe-events-grid.hfeed.vcalendar{ border-top: none; }
  304. .tribe-mobile-day-date{margin-top:20px; padding: 13px 20px; text-transform: none; font-weight: normal;}
  305.  
  306. .events-photo .tribe-events-list .tribe-events-event-image{margin:0; float:none; width:100%;}
  307. .events-photo .tribe-events-loop .tribe-events-event-meta, .events-photo .tribe-events-loop .av-tribe-events-inner-content-wrap{display:block; width:100%;}
  308. .events-photo .av-tribe-events-content-wrap{border:none;}
  309. .tribe-events-list .tribe-events-photo-event .tribe-events-event-details{padding:0; border:none;}
  310. .events-photo .tribe-events-event-meta .time-details{margin-bottom: 14px;}
  311. .events-photo .tribe-events-list #tribe-events-photo-events .tribe-events-event-details h2{text-align: left; border: none;padding:0; margin:0;}
  312. .events-photo .tribe-events-list .tribe-events-event-image img{border-radius: 0; top: -1px; position: relative;}
  313.  
  314. #tribe-geo-map{background: transparent !important; }
  315. #tribe-geo-map-wrapper{clear:both; background: transparent; border:none; padding: 0; margin-bottom: 42px; }
  316. span.tribe-events-distance { display: block; border-style: solid; border-width: 1px; border-radius: 0; position: absolute; top: -1px; right: -1px; margin: 0; }
  317. #top .event-is-recurring, #top .event-is-recurring:hover{color: inherit; cursor: help; }
  318. .event-is-recurring .tribe-events-divider{padding:0px 4px;}
  319. .tribe-events-event-meta .recurringinfo{ top: -2px; }
  320. #top .tribe-events-tooltip.recurring-info-tooltip{padding: 10px 0; box-shadow: 3px 4px 21px rgba(0, 0, 0, 0.18);}
  321. #top.single-tribe_events .recurringinfo{font-size:12px; font-weight: normal;}
  322.  
  323. .tribe-events-list .tribe-events-loop .tribe-events-event-meta .recurringinfo{display:block;}
  324. .tribe-events-list .event-is-recurring .tribe-events-divider{display:none;}
  325.  
  326.  
  327. /*WIDGETS*/
  328.  
  329. /*countdown*/
  330. .widget .event-is-recurring{display: none;}
  331. .tribe-events-countdown-widget{text-align: center; padding:0;}
  332. div.tribe-countdown-text{ border-style: solid; border-width: 1px; padding:15px 0; margin:0; }
  333. #top .tribe-countdown-text a, .tribe-mini-calendar-nav td a{color:inherit;}
  334. .tribe-countdown-time{padding:15px 0; margin:0;display: block; border-style: solid; border-width: 1px; border-top-style: none; border-top-width: 0;}
  335. div.tribe-countdown-number, div.tribe-countdown-colon{float:none; display:inline-block;}
  336.  
  337.  
  338. /*calendar*/
  339. #top .tribe-mini-calendar-nav td{padding: 10px;}
  340. #top .tribe-mini-calendar-dayofweek{padding:7px 0;}
  341. #top .tribe-mini-calendar .tribe-events-past{opacity: 1;}
  342. #top .tribe-mini-calendar .tribe-events-past div{opacity: 0.6;}
  343. #top .tribe-mini-calendar-event .list-info{line-height: 1.2em;}
  344.  
  345. /*venue*/
  346.  
  347. .tribe-venue-widget-venue-name{ padding:7px; text-align: center; border:1px solid; margin-bottom:15px; }
  348. #top .tribe-venue-widget-venue-name a{color: inherit;}
  349. .tribe-venue-widget-list .hentry{border-bottom-style: solid; border-bottom-width: 1px; margin-bottom:10px; padding-bottom:10px;}
  350.  
  351.  
  352. /*upcoming*/
  353. #top .tribe-events-adv-list-widget ol{margin:0;}
  354. #top .tribe-events-adv-list-widget li{border-bottom-style: solid; border-bottom-width: 1px; margin-bottom:10px; padding-bottom:10px;}
  355. #top .tribe-events-adv-list-widget li:first-child{border-top-style: solid; border-top-width: 1px; margin-top:10px; padding-top:10px;}
  356. #top .tribe-events-adv-list-widget span{display: inline-block; padding-right:4px;}
  357. #top .tribe-events-adv-list-widget .locality:after{content:", "}
  358. #top .tribe-events-adv-list-widget .location .tribe-venue, #top .tribe-events-adv-list-widget .tribe-events-event-cost{display:block;}
  359. #top .tribe-events-adv-list-widget .tribe-events-divider{display: none;}
  360. #top .tribe-events-adv-list-widget .duration{position: relative; top:-3px;}
  361.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!