SHARE
TWEET

css events

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