API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Feb 28th, 2014
101
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 46.26 KB | None | 0 0
raw download clone embed print report
  1. /**
  2. * The Events Calendar Full Stylesheet
  3. * (Some of these styles may override your current theme's styles)
  4. *
  5. * To add your own custom styles, create a stylesheet with the name
  6. * tribe-events.css in the tribe-events/ directory of your theme.
  7. * Your new stylesheet will be loaded after our own stylesheet.
  8. *
  9. * To replace our stylsheet altogether, you can use the 'tribe_events_stylesheet_url' filter.
  10. *
  11. * @package TribeEventsCalendar
  12. * @since 1.0
  13. * @author Modern Tribe Inc.
  14. *s
  15. */
  16.  
  17. /* = Global & Miscellaneous Styles
  18. =============================================*/
  19.  
  20. #tribe-events-pg-template {
  21. max-width: 1000px;
  22. margin: 0 auto;
  23. }
  24. /* Default Events Template Base HTML STyles */
  25. .tribe-events-after-html {
  26. clear: both;
  27. }
  28. #tribe-events-pg-template .tribe-events-content p,
  29. .tribe-events-before-html p,
  30. .tribe-events-after-html p {
  31. margin: 0 0 10px;
  32. line-height: 1.7;
  33. }
  34.  
  35. #tribe-events-pg-template .tribe-events-content h1,
  36. .tribe-events-before-html h1,
  37. .tribe-events-after-html h1,
  38. #tribe-events-pg-template .tribe-events-content h2,
  39. .tribe-events-before-html h2,
  40. .tribe-events-after-html h2,
  41. #tribe-events-pg-template .tribe-events-content h3,
  42. .tribe-events-before-html h3,
  43. .tribe-events-after-html h3,
  44. #tribe-events-pg-template .tribe-events-content h4,
  45. .tribe-events-before-html h4,
  46. .tribe-events-after-html h4,
  47. #tribe-events-pg-template .tribe-events-content h5,
  48. .tribe-events-before-html h5,
  49. .tribe-events-after-html h5,
  50. #tribe-events-pg-template .tribe-events-content h6,
  51. .tribe-events-before-html h6,
  52. .tribe-events-after-html h6 {
  53. margin: 24px 0;
  54. margin: 20px 0;
  55. line-height: 1.7;
  56. }
  57.  
  58. .tribe-events-before-html h1,
  59. .tribe-events-after-html h1,
  60. #tribe-events-pg-template .tribe-events-content h1 {
  61. font-size: 21px;
  62. line-height: 1.5;
  63. }
  64. .tribe-events-before-html h2,
  65. .tribe-events-after-html h2,
  66. #tribe-events-pg-template .tribe-events-content h2 {
  67. font-size: 18px;
  68. line-height: 1.6;
  69. }
  70.  
  71. .tribe-events-before-html h3,
  72. .tribe-events-after-html h3,
  73. #tribe-events-pg-template .tribe-events-content h3 {
  74. font-size: 16px;
  75. line-height: 1.8;
  76. }
  77.  
  78. .tribe-events-before-html h4,
  79. .tribe-events-after-html h4,
  80. #tribe-events-pg-template .tribe-events-content h4 {
  81. font-size: 14px;
  82. line-height: 1.8;
  83. }
  84.  
  85. .tribe-events-before-html h5,
  86. .tribe-events-after-html h5,
  87. #tribe-events-pg-template .tribe-events-content h5 {
  88. font-size: 13px;
  89. line-height: 1.8;
  90. }
  91.  
  92. .tribe-events-before-html h6,
  93. .tribe-events-after-html h6,
  94. #tribe-events-pg-template .tribe-events-content h6 {
  95. font-size: 12px;
  96. line-height: 1.8;
  97. }
  98.  
  99. .tribe-events-before-html ul,
  100. .tribe-events-after-html ul,
  101. #tribe-events-pg-template .tribe-events-content ul {
  102. list-style: disc outside;
  103. }
  104.  
  105. .tribe-events-before-html ol,
  106. .tribe-events-after-html ol,
  107. #tribe-events-pg-template .tribe-events-content ol {
  108. list-style: decimal outside;
  109. }
  110.  
  111. .tribe-events-before-html ul li,
  112. .tribe-events-after-html ul li,
  113. .tribe-events-before-html ol li,
  114. .tribe-events-after-html ol li,
  115. #tribe-events-pg-template .tribe-events-content ul li,
  116. #tribe-events-pg-template .tribe-events-content ol li {
  117. margin: 0 0 20px;
  118. line-height: 1.7;
  119. }
  120. .tribe-events-back {
  121. margin: 0 0 20px 0;
  122. }
  123.  
  124. /* Links */
  125. #tribe-events-content a,
  126. .tribe-events-event-meta a {
  127. text-decoration: none;
  128. }
  129.  
  130. .tribe-events-read-more {
  131. display: block;
  132. }
  133.  
  134. /* Important Link Styles */
  135. ul.tribe-events-sub-nav a,
  136. .tribe-events-back a,
  137. .tribe-events-list-widget .tribe-events-widget-link a,
  138. .tribe-events-adv-list-widget .tribe-events-widget-link a {
  139. text-decoration: none;
  140. }
  141. ul.tribe-events-sub-nav a:hover,
  142. .tribe-events-back a:hover,
  143. .tribe-events-list-widget .tribe-events-widget-link a:hover,
  144. .tribe-events-adv-list-widget .tribe-events-widget-link a:hover {
  145. text-decoration: none;
  146. }
  147.  
  148. /* View Extra Padding */
  149. .tribe-events-day.page .hentry,
  150. .tribe-events-week.page .hentry {
  151. margin: 0;
  152. padding: 0 0 15px 0;
  153. }
  154.  
  155. /* Global Main Button Style */
  156. .tribe-events-button, .entry-content .tribe-events-button {
  157. background-color: #6695a5;
  158. color: #fff;
  159. background-image: none;
  160. font-size: 11px;
  161. font-weight: bold;
  162. padding: 6px 9px;
  163. text-align: center;
  164. text-transform: uppercase;
  165. letter-spacing: 1px;
  166. -webkit-border-radius: 3px;
  167. border-radius: 3px;
  168. border: 0;
  169. line-height: normal;
  170. cursor: pointer;
  171. -webkit-box-shadow: none;
  172. box-shadow: none;
  173. text-decoration: none;
  174. }
  175.  
  176. .tribe-events-button.tribe-active {
  177. background-color: #6695a5;
  178. color: #fff;
  179. }
  180.  
  181. .tribe-events-button.tribe-inactive,
  182. .tribe-events-button:hover,
  183. .entry-content .tribe-events-button:hover,
  184. .tribe-events-button.tribe-active:hover {
  185. background-color: #90bbcc;
  186. color:#fff;
  187. text-decoration: none;
  188. }
  189.  
  190. /* Calendar Add Buttons */
  191. a.tribe-events-ical,
  192. a.tribe-events-gcal {
  193. font-size: 10px;
  194. font-weight: normal;
  195. padding: 0 6px;
  196. float: right;
  197. text-decoration: none;
  198. line-height: 18px;
  199. margin-top: 21px;
  200. color: #fff;
  201. clear: both;
  202. }
  203. .tribe-events-gcal {
  204. margin-right: 9px;
  205. }
  206. .single-tribe_events a.tribe-events-ical,
  207. .single-tribe_events a.tribe-events-gcal {
  208. float: none;
  209. }
  210.  
  211. /* Google Maps */
  212. .tribe-events-event-meta .tribe-events-gmap,
  213. .tribe-events-event-meta-desc .tribe-events-gmap {
  214. white-space: nowrap;
  215. }
  216.  
  217. /* Fixes for rich snippets */
  218. .event .entry-title {
  219. color: inherit;
  220. font-size: inherit;
  221. font-weight: inherit;
  222. line-height: inherit;
  223. padding: inherit;
  224. }
  225.  
  226. .updated-info {
  227. text-indent: -9999px;
  228. height: 0;
  229. }
  230.  
  231. /* Featured Images */
  232. .tribe-events-event-image {
  233. margin: 0 0 20px 0;
  234. text-align: center;
  235. }
  236.  
  237. .tribe-events-event-image img {
  238. max-width: 100%;
  239. height: auto;
  240. }
  241.  
  242. /* Event Schedule Detail Styling */
  243. .tribe-events-schedule h2 {
  244. font-style: normal;
  245. font-weight: bold;
  246. }
  247. .tribe-events-event-schedule-details {
  248. display: inline;
  249. }
  250.  
  251. .tribe-events-divider {
  252. padding: 0 10px;
  253. font-weight: bold;
  254. }
  255.  
  256. /* 2011 Theme Extra Calendar Room */
  257. .events-archive .entry-content,
  258. .events-archive .entry-header { width: 98%; }
  259.  
  260. /* Remove "Edit" Link from unneeded templates */
  261. .events-archive span.edit-link {
  262. display: none;
  263. }
  264.  
  265. /* Event Notices */
  266. .tribe-events-notices {
  267. background: #d0e1e8; /* Light Blue */
  268. border: 1px solid #8cb7c8; /* Dark Blue */
  269. color: #3a87ad;
  270. margin: 10px 0 18px;
  271. padding: 8px 35px 8px 14px;
  272. text-shadow: 0 1px 0 #fff;
  273. -webkit-border-radius: 4px;
  274. border-radius: 4px;
  275. }
  276. div.tribe-events-notices > ul, div.tribe-events-notices > ul > li {
  277. margin:0;
  278. padding:0;
  279. list-style: none;
  280. }
  281.  
  282. /* Promotional Styles */
  283. #tribe-events-content p.tribe-events-promo {
  284. font-size: 12px;
  285. color: #999;
  286. }
  287. #tribe-events-content p.tribe-events-promo a {
  288. color: #666;
  289. }
  290.  
  291. /* Miscellaneous Helper Classes */
  292. .clearfix:before, .tribe-clearfix:before, .clearfix:after, .tribe-clearfix:after {content: ""; display: table;}
  293. .clearfix:after, .tribe-clearfix:after {clear: both;}
  294. .clearfix, .tribe-clearfix {zoom: 1;}
  295. .tribe-clear {clear: both;}
  296. .tribe-events-visuallyhidden {
  297. border: 0;
  298. clip: rect(0 0 0 0);
  299. height: 1px;
  300. margin: -1px;
  301. overflow: hidden;
  302. padding: 0;
  303. position: absolute;
  304. width: 1px;
  305. }
  306. .tribe-hide-text {
  307. text-indent: 100%;
  308. white-space: nowrap;
  309. overflow: hidden;
  310. }
  311. .tribe-events-error {display:none;}
  312. .tribe-events-multi-event-day {color: #0f81bb;}
  313. #tribe-events-content .tribe-events-abbr {border-bottom: 0; cursor: default;}
  314.  
  315. /* Tribe Spinner */
  316. .tribe-events-spinner {
  317. width: 32px;
  318. height: 32px;
  319. margin-left: -16px;
  320. }
  321. .tribe-events-spinner-medium {
  322. width: 24px;
  323. height: 24px;
  324. }
  325. .tribe-events-spinner-small {
  326. width: 16px;
  327. height: 16px;
  328. margin-left: -8px;
  329. }
  330. /* IE7 Tweaks */
  331. *+html .events-archive h2.tribe-events-page-title {
  332. padding-bottom: 30px;
  333. }
  334. *+html .events-archive .tribe-events-list h2.tribe-events-page-title {
  335. padding-bottom: 0;
  336. }
  337. *+html #tribe-events-header {
  338. margin-bottom: 30px;
  339. }
  340.  
  341. /* General Template Headers */
  342. h2.tribe-events-page-title {
  343. font-size: 24px;
  344. font-weight: normal;
  345. position: relative;
  346. z-index: 0;
  347. margin-bottom: .5em;
  348. text-align: center;
  349. clear: none;
  350. }
  351. /* don't float on filter view */
  352. .tribe-events-filter-view .tribe-events-list h2.tribe-events-page-title{
  353. width: 100%;
  354. float: none;
  355. }
  356. h2.tribe-events-page-title a {
  357. color: #000;
  358. }
  359. h2.tribe-events-page-title a:hover,
  360. h2.tribe-events-page-title a:focus {
  361. color: #333;
  362. text-decoration: underline;
  363. }
  364.  
  365. /* General Template Header/Footer Nav */
  366. #tribe-events-header,
  367. #tribe-events-footer {
  368. margin-bottom: .5em;
  369. clear: both;
  370. }
  371. #tribe-events-header .tribe-events-sub-nav,
  372. #tribe-events-footer .tribe-events-sub-nav {
  373. list-style-type: none;
  374. margin: 0;
  375. padding: 0;
  376. overflow: hidden;
  377. line-height: normal;
  378. text-align: center;
  379. }
  380. #tribe-events-header .tribe-events-sub-nav li,
  381. #tribe-events-footer .tribe-events-sub-nav li {
  382. display: inline-block;
  383. zoom: 1;
  384. *display: inline;
  385. margin: 0;
  386. vertical-align: middle;
  387. }
  388. #tribe-events-header .tribe-events-sub-nav li,
  389. #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-previous {
  390. float: left;
  391. margin-right: 5px;
  392. text-align: left;
  393. }
  394. #tribe-events-header .tribe-events-sub-nav .tribe-events-nav-next,
  395. #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-next {
  396. float: right;
  397. margin-left: 5px;
  398. text-align: right;
  399. }
  400. #tribe-events-header .tribe-events-sub-nav .tribe-events-nav-left,
  401. #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-left {
  402. float: left;
  403. text-align: left;
  404. }
  405. #tribe-events-header .tribe-events-sub-nav .tribe-events-nav-right,
  406. #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-right {
  407. float: right;
  408. text-align: right;
  409. }
  410.  
  411. .tribe-events-ajax-loading {
  412. display: none;
  413. position: absolute;
  414. left: 50%;
  415. margin-left: -27px;
  416. top: 150px;
  417. padding: 15px;
  418. background: #666666;
  419. z-index: 10;
  420. border-radius: 5px;
  421. -webkit-box-shadow: none !important;
  422. box-shadow: none !important;
  423. -moz-box-shadow: none !important;
  424. }
  425.  
  426. .tribe-events-loading .tribe-events-ajax-loading {
  427. display: block;
  428. }
  429.  
  430. .tribe-events-ajax-loading.tribe-events-active-spinner,
  431. .tribe-events-ajax-loading.tribe-events-active-spinner img {
  432. display: block;
  433. }
  434.  
  435. #tribe-events-header {
  436. position: relative;
  437. }
  438. #tribe-events-footer {
  439. margin-bottom: 1em;
  440. }
  441. /* List & Map & Day Nav Tweaks */
  442. .events-list #tribe-events-footer,
  443. .tribe-events-day #tribe-events-footer,
  444. .tribe-events-map #tribe-events-footer {
  445. margin: 1.25em 0 18px;
  446. clear: both;
  447. }
  448. /* Single Event & Map View Nav Tweaks */
  449. .tribe-events-map #tribe-events-header {
  450. margin: 1em 0;
  451. }
  452.  
  453. .single-tribe_events #tribe-events-header {
  454. margin: 1em 0 20px;
  455. }
  456. .single-tribe_events #tribe-events-header li,
  457. .single-tribe_events #tribe-events-footer li {
  458. width: 48%;
  459. }
  460.  
  461. #tribe-events-content .tribe-events-nav-date {
  462. padding-top: 16px;
  463. }
  464. select.tribe-events-dropdown {
  465. width: auto;
  466. font-size: 11px;
  467. margin: 33px 9px 0 0;
  468. }
  469. #tribe-events-events-picker,
  470. #tribe-events-picker {
  471. display: inline;
  472. }
  473.  
  474. @media only screen and (max-width: 767px) {
  475. #tribe-events-header .tribe-events-sub-nav .tribe-events-nav-next,
  476. #tribe-events-header .tribe-events-sub-nav .tribe-events-nav-previous,
  477. #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-next,
  478. #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-previous {
  479. display: block;
  480. width: 50%;
  481. margin: 0;
  482. -webkit-box-sizing: border-box;
  483. -moz-box-sizing: border-box;
  484. box-sizing: border-box;
  485. }
  486. .tribe-events-sub-nav li a {
  487. display: block;
  488. padding: 10px 15px;
  489. background: #666666;
  490. color: #fff;
  491. white-space: normal;
  492. }
  493. .tribe-events-sub-nav .tribe-events-nav-previous,
  494. .tribe-events-sub-nav .tribe-events-nav-left {
  495. padding: 0 1px;
  496. }
  497. .tribe-events-sub-nav .tribe-events-nav-next,
  498. .tribe-events-sub-nav .tribe-events-nav-right {
  499. padding: 0 0 0 1px;
  500. }
  501. }
  502.  
  503. /* = Calendar View & List View Template Styles
  504. @ Template: calendar.php & list.php
  505. =============================================*/
  506. #tribe-events-content {
  507. position: relative;
  508. margin-bottom: 48px;
  509. padding: 2px 0;
  510. }
  511. #tribe-events-content.tribe-events-list {
  512. padding: 0;
  513. }
  514.  
  515. /* = List View Template Styles
  516. @ Template: list.php
  517. =============================================*/
  518. .tribe-events-list h2.tribe-events-page-title {
  519. padding-top: 0px;
  520. margin-bottom: 15px;
  521. margin-top: 0px;
  522. }
  523.  
  524. h2.tribe-events-list-event-title {
  525. padding-top: 0px;
  526. padding: 0px 0px 0px 0px;
  527. margin-top: 0px;
  528. -webkit-margin-before: 0em;
  529. -webkit-margin-after: 0em;
  530. }
  531.  
  532. #tribe-events-content.tribe-events-list {
  533. margin-bottom: 60px;
  534. }
  535.  
  536. .tribe-events-list .vevent.hentry {
  537. border: 1px dotted #6695a5;
  538. background: #fff;
  539. padding: 10px;
  540. margin: 15px 0px 15px 0px;
  541. }
  542.  
  543. .tribe-events-list .vevent.hentry.tribe-events-first {
  544. /* padding-top: 0; */
  545. border: 1px dotted #6695a5;
  546. background: #fff;
  547. padding: 10px;
  548. }
  549.  
  550. .tribe-events-list .vevent.hentry.tribe-events-last {
  551. border-bottom: 1px dotted #6695a5;
  552. }
  553.  
  554.  
  555. .tribe-events-list h2.tribe-events-list-event-title {
  556. margin: 0;
  557. padding: 0;
  558. font-size: 15px;
  559. line-height: 18px;
  560. text-transform: none;
  561. letter-spacing: 0;
  562. display: block;
  563. border: none;
  564. }
  565.  
  566. .tribe-events-list h2.tribe-events-list-event-title {
  567. padding-top: 0px;
  568. float: none;
  569. display: inline;
  570. }
  571.  
  572. .tribe-events-event-details .tribe-events-event-meta address.tribe-events-address {
  573. font-style: normal;
  574. font-family: inherit;
  575. font-size: inherit;
  576. line-height: inherit;
  577. }
  578.  
  579. /* Image */
  580. .tribe-events-list .tribe-events-event-image {
  581. float: left;
  582. width: 30%;
  583. margin: 0 3% 0 0;
  584. }
  585.  
  586. .tribe-events-list .tribe-events-event-image img {
  587. width: 100%;
  588. height: auto;
  589. margin: 0;
  590. padding: 0;
  591. }
  592.  
  593. /* Details (Title, Meta, Content) */
  594. .tribe-events-list .tribe-events-event-image + div.tribe-events-content {
  595. float: left;
  596. width: 67%;
  597. position: relative;
  598. }
  599.  
  600. /* Meta */
  601. .tribe-events-loop .tribe-events-event-meta {
  602. float: none;
  603. clear: both;
  604. border: 0;
  605. margin: 5px 0 15px 0;
  606. line-height: 1.5;
  607. font-size: 14px;
  608. font-weight: bold;
  609. overflow: visible;
  610. }
  611.  
  612. .tribe-events-list .tribe-events-loop .tribe-events-event-meta .recurringinfo {
  613. display: inline-block;
  614. zoom: 1;
  615. *display: inline;
  616. }
  617.  
  618. .tribe-events-event-meta address.tribe-events-address {
  619. display: inline;
  620. font-style: normal;
  621. font-family: inherit;
  622. font-size: inherit;
  623. line-height: inherit;
  624. margin-right: 10px;
  625. }
  626.  
  627. .tribe-events-list .tribe-events-loop .tribe-events-event-meta .event-is-recurring {
  628. position: relative;
  629. }
  630.  
  631. .tribe-events-list .time-details,
  632. .tribe-events-list .tribe-events-venue-details {
  633. line-height: 1.2;
  634. margin: 0;
  635. display: block;
  636. }
  637.  
  638. .tribe-events-list .time-details {
  639. margin: 0 0 8px 0;
  640. }
  641.  
  642. /* Cost */
  643. .tribe-events-list .tribe-events-event-cost {
  644. float: right;
  645. margin: 0 0 5px 5px;
  646. }
  647.  
  648. .tribe-events-list .tribe-events-event-cost span {
  649. font-weight: bold;
  650. color: #748a51;
  651. text-transform: uppercase;
  652. background: #e4edd8;
  653. border: 2px dotted #d2ddb2;
  654. display: block;
  655. padding: 5px 10px;
  656. text-align: center;
  657. line-height: 1.3;
  658. font-style: normal;
  659. text-overflow: ellipsis;
  660. }
  661.  
  662. /* Content */
  663. .tribe-events-list .tribe-events-loop .tribe-events-content {
  664. width: 100%;
  665. padding: 0;
  666. }
  667.  
  668. .tribe-events-list .tribe-events-loop .tribe-events-content p {
  669. margin: 0;
  670. }
  671.  
  672. /* Date Seperators */
  673. .tribe-events-list-separator-year {
  674. display: block;
  675. text-align: center;
  676. font-size: 38px;
  677. color: #ccc;
  678. padding: 1em 2.25em 0;
  679. font-weight: bold;
  680. }
  681.  
  682. .tribe-events-list-separator-month {
  683. display: block;
  684. text-transform: uppercase;
  685. font-weight: bold;
  686. font-size: 14px;
  687. margin: 2.5em 0 0;
  688. background-color: #EEE;
  689. padding: 6px 10px;
  690. }
  691.  
  692. .tribe-events-list-separator-month + .vevent.hentry.tribe-events-first {
  693. padding-top: 2.25em;
  694. }
  695.  
  696. .tribe-events-list .vevent.hentry.tribe-event-end-month {
  697. border: 1px dotted #6695a5;
  698. background: #fff;
  699. padding: 10px;
  700. }
  701.  
  702. @media only screen and (max-width: 767px) {
  703. .tribe-events-list .tribe-events-event-image {
  704. float: none;
  705. width: 100%;
  706. margin: 0 0 20px 0;
  707. }
  708. .tribe-events-list .tribe-events-event-image + div.tribe-events-content {
  709. float: none;
  710. width: 100%;
  711. }
  712. .tribe-events-list .tribe-events-loop .tribe-events-event-meta .recurringinfo {
  713. display: block;
  714. margin: 8px 0 0;
  715. }
  716. .tribe-events-list .tribe-events-loop .tribe-events-event-meta .recurringinfo .tribe-events-divider {
  717. display: none;
  718. }
  719. }
  720.  
  721. /* = List View & Single Venue (Pro Version) Template Styles
  722. @ Template: list.php & single-venue.php
  723. =============================================*/
  724. /* Loop */
  725. .tribe-events-loop {
  726. clear: both;
  727. }
  728.  
  729. .tribe-events-loop .vevent.tribe-events-last {
  730. border: 1px dotted #6695a5;
  731. background: #fff;
  732. padding: 10px;
  733. }
  734. .tribe-events-loop .tribe-events-content {
  735. width: 60%;
  736. float: left;
  737. padding: 0 5% 0 0;
  738. }
  739. .events-archive .tribe-events-content p,
  740. .single-tribe_venue .tribe-events-loop .tribe-events-content p {
  741. margin: 0;
  742. }
  743.  
  744. .events-archive h3 .published,
  745. .single-tribe_venue h3 .published {
  746. font-size: 18px;
  747. margin-top: 0;
  748. font-style: italic;
  749. text-transform: none;
  750. }
  751. .tribe-events-event-meta-desc,
  752. .tribe-events-event-day {
  753. color: #333;
  754. }
  755.  
  756. /* = Single Event Template Styles
  757. @ Template: single-event.php
  758. =============================================*/
  759. .single-tribe_events h2.tribe-events-single-event-title {
  760. font-size: 1.7em;
  761. line-height: 1;
  762. margin: 0;
  763. padding: 0;
  764. }
  765. #tribe-events-content .tribe-events-single-event-description img.attachment-post-thumbnail {
  766. margin-left: auto;
  767. margin-right: auto;
  768. display: block;
  769. text-align: center;
  770. }
  771.  
  772. .tribe-events-meta-group .tribe-events-single-section-title {
  773. margin: 20px 0 10px;
  774. font-size: 1.4em;
  775. font-weight: bold;
  776. }
  777.  
  778. .tribe-events-meta-group + .tribe-events-single-section-title {
  779. margin-top: 0;
  780. }
  781.  
  782. .tribe-events-event-meta .tribe-events-meta-group address.tribe-events-address {
  783. margin: 0;
  784. display: block;
  785. }
  786.  
  787. /* Eventbrite */
  788. #eventbrite-embed {
  789. width: 100%;
  790. min-height: 225px;
  791. margin: 24px 0;
  792. }
  793.  
  794. .eventbrite-ticket-embed {
  795. margin: 0 0 30px 0;
  796. }
  797.  
  798. /* Date/Time */
  799. .tribe-events-schedule {
  800. margin: 20px 0 0;
  801. }
  802. .single-tribe_events .tribe-events-schedule .tribe-events-divider,
  803. .single-tribe_events .tribe-events-schedule .recurringinfo,
  804. .single-tribe_events .tribe-events-schedule .tribe-events-cost {
  805. font-size: 1.2em;
  806. }
  807.  
  808. .single-tribe_events .tribe-events-schedule h3 {
  809. font-size: 1.2em;
  810. display: inline-block;
  811. zoom: 1;
  812. *display: inline;
  813. margin: 0;
  814. padding: 0;
  815. vertical-align: middle;
  816. white-space: nowrap;
  817. }
  818.  
  819. .single-tribe_events .tribe-events-schedule .tribe-events-cost {
  820. vertical-align: middle;
  821. }
  822.  
  823. /* Cal Links */
  824. .single-tribe_events .tribe-events-cal-links {
  825. display: inline-block;
  826. zoom: 1;
  827. *display: inline;
  828. margin: 0 0 20px 0;
  829. vertical-align: middle;
  830. }
  831.  
  832. .single-tribe_events a.tribe-events-ical,
  833. .single-tribe_events a.tribe-events-gcal {
  834. margin-bottom: 0;
  835. }
  836.  
  837. /* Featured Image */
  838. .single-tribe_events .tribe-events-event-image {
  839. clear: both;
  840. text-align: center;
  841. margin-bottom: 30px;
  842. }
  843. /* Meta Sections */
  844. .single-tribe_events .tribe-events-event-meta {
  845. background: #e4edd8;
  846. border: 5px solid #d2ddb2;
  847. margin: 30px 0;
  848. -moz-border-radius: 10px;
  849. border-radius: 10px;
  850. }
  851.  
  852. /* Map */
  853. .single-tribe_events .tribe-events-venue-map {
  854. width: 58%;
  855. margin: 20px 4% 2% 0;
  856. padding: 5px;
  857. float: right;
  858. background: #eee;
  859. border: 1px solid #ddd;
  860. border-radius: 3px;
  861. display: inline-block;
  862. zoom: 1;
  863. *display: inline;
  864. vertical-align: top;
  865. }
  866.  
  867. .single-tribe_events #tribe-events-gmap {
  868. height: 0 !important;
  869. padding-top: 50%;
  870. width: 100% !important;
  871. margin: 0 !important;
  872. }
  873. .single-tribe_events .tribe-events-meta-group .tribe-events-venue-map {
  874. float: none;
  875. margin: 20px 0 0;
  876. width: 100%;
  877. }
  878. .single-tribe_events .tribe-events-meta-group #tribe-events-gmap {
  879. height: 0 !important;
  880. padding-top: 100%;
  881. width: 100% !important;
  882. margin-top: 50px;
  883. }
  884.  
  885. /* Event Meta */
  886. .single-tribe_events .tribe-events-event-meta {
  887. font-size: 13px;
  888. }
  889. .tribe-events-event-meta .tribe-events-meta-group,
  890. .tribe-events-event-meta .column {
  891. float: left;
  892. width: 33.3333%;
  893. padding: 0 4%;
  894. text-align: left;
  895. margin: 0 0 20px 0;
  896. display: inline-block;
  897. zoom: 1;
  898. *display: inline;
  899. vertical-align: top;
  900. -webkit-box-sizing: border-box;
  901. -moz-box-sizing: border-box;
  902. box-sizing: border-box;
  903. }
  904.  
  905. .single-tribe_events .tribe-events-event-meta dl {
  906. margin: 0;
  907. }
  908.  
  909. .single-tribe_events #tribe-events-content .tribe-events-event-meta dt {
  910. clear: left;
  911. font-weight: bold;
  912. line-height: 1;
  913. list-style: none;
  914. }
  915.  
  916. .single-tribe_events #tribe-events-content .tribe-events-event-meta dd {
  917. padding: 0;
  918. margin: 0 0 10px 0;
  919. line-height: 1.5;
  920. list-style: none;
  921. float: none;
  922. }
  923.  
  924. #tribe-events-content .tribe-events-event-meta dd span.adr {
  925. display: block;
  926. }
  927. /* Content */
  928. .single-tribe_events .tribe-events-content {
  929. width: 100%;
  930. max-width: 100%;
  931. padding: 0;
  932. }
  933. /* Twenty Thirteen Conflict */
  934. .sidebar.single-tribe_events .tribe-events-content {
  935. padding: 0;
  936. }
  937. @media only screen and (max-width: 767px) {
  938. .single-tribe_events .tribe-events-schedule h3 {
  939. display: block;
  940. margin-bottom: 10px;
  941. }
  942. .single-tribe_events .tribe-events-schedule .recurringinfo .tribe-events-divider {
  943. display: none;
  944. }
  945. .tribe-events-event-meta .tribe-events-meta-group,
  946. .tribe-events-event-meta .column {
  947. float: none;
  948. width: 100%;
  949. }
  950. }
  951.  
  952. /* = Calendar Styles (includes styles for both large & small calendars)
  953. @ Template: calendar.php & calendar-widget.php
  954. =============================================*/
  955. /* Global Calendar Styles */
  956. #tribe-events-content table.tribe-events-calendar {
  957. margin: 12px 0 .6em;
  958. clear: both;
  959. font-size: 12px;
  960. border-collapse: collapse;
  961. }
  962. #tribe-events-content table.tribe-events-calendar,
  963. #tribe-events-content .tribe-events-calendar td {
  964. border: 1px solid #bbb;
  965. }
  966. .tribe-events-calendar div[id*="tribe-events-daynum-"],
  967. .tribe-events-calendar div[id*="tribe-events-daynum-"] a {
  968. background-color: #f5f5f5;
  969. color: #333;
  970. font-size: 11px;
  971. font-weight: bold;
  972. }
  973. .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"],
  974. .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"] > a {
  975. background-color: #666;
  976. color: #fff;
  977. }
  978. .tribe-events-calendar td.tribe-events-past div[id*="tribe-events-daynum-"],
  979. .tribe-events-calendar td.tribe-events-past div[id*="tribe-events-daynum-"] > a {
  980. color: #999;
  981. }
  982. #tribe-events-content .tribe-events-calendar td {
  983. height: 110px;
  984. width: 14.28%;
  985. color: #114b7d;
  986. vertical-align: top;
  987. padding: 0 0 .5em;
  988. font-size: 12px;
  989. }
  990. .vevent.viewmore {
  991. font-weight:bold;
  992. }
  993.  
  994. /* Global Tooltips */
  995. .tribe-events-calendar .tribe-events-tooltip,
  996. .tribe-events-week .tribe-events-tooltip,
  997. .recurring-info-tooltip {
  998. border: 1px solid #666;
  999. position: absolute;
  1000. z-index: 1001;
  1001. bottom: 30px;
  1002. left: 3px;
  1003. width: 320px;
  1004. background-color: #f9f9f9;
  1005. color: #333;
  1006. line-height: 1.4;
  1007. display: none;
  1008. }
  1009. .tribe-events-tooltip .tribe-events-arrow {
  1010. width: 18px;
  1011. height: 11px;
  1012. background-image: url("http://www.sciotomile.com/wp-content/themes/sciotomile2011/images/events-calendar-icons/tribe-tooltips.png");
  1013. background-repeat: no-repeat;
  1014. background-position: 0 0;
  1015. -webkit-background-size: 44px 19px;
  1016. background-size: 44px 19px;
  1017. display: block;
  1018. position: absolute;
  1019. bottom: -11px;
  1020. left: 20px;
  1021. }
  1022. .tribe-events-calendar .tribe-events-right .tribe-events-tooltip,
  1023. .tribe-events-week .tribe-events-right .tribe-events-tooltip,
  1024. .recurring-info-tooltip {
  1025. left: auto;
  1026. right: 3px;
  1027. }
  1028. .tribe-events-right .tribe-events-tooltip .tribe-events-arrow {
  1029. left: auto;
  1030. right: 30px;
  1031. }
  1032.  
  1033. /* recurring info tooltip */
  1034. .recurringinfo {
  1035. display: inline-block;
  1036. vertical-align: middle;
  1037. zoom: 1;
  1038. *display: inline;
  1039. position: relative;
  1040. }
  1041. .event-is-recurring {
  1042. position: relative;
  1043. font-style: normal;
  1044. font-weight: 500;
  1045. color: rgba(0, 0, 0, .7);
  1046. }
  1047.  
  1048. .event-is-recurring:hover {
  1049. color: #000;
  1050. }
  1051.  
  1052. /*
  1053. .event-is-recurring img {
  1054. width: 16px;
  1055. height: 16px;
  1056. opacity: .7;
  1057. display: inline;
  1058. vertical-align: middle;
  1059. box-shadow: none !important;
  1060. }
  1061. .event-is-recurring:hover img {
  1062. opacity: 1.0;
  1063. }
  1064. */
  1065.  
  1066. .recurring-info-tooltip.tribe-events-tooltip {
  1067. left: 10px;
  1068. width: 200px;
  1069. padding-bottom: .8em;
  1070. }
  1071.  
  1072. /* Large Calendar Specifics */
  1073. .events-archive.events-gridview #tribe-events-content table .vevent {
  1074. margin: 0 5%;
  1075. padding: 6px 8px;
  1076. border-bottom: 0px;
  1077. }
  1078. .events-archive.events-gridview #tribe-events-content table .tribe-events-last {
  1079. border-bottom: 0px;
  1080. }
  1081. .tribe-events-viewmore {
  1082. margin: 0 5%;
  1083. padding: 9px 8px;
  1084. font-weight: bold;
  1085. line-height: 1;
  1086. border-top: 1px solid #e7e7e7;
  1087. }
  1088. .tribe-events-calendar td .tribe-events-viewmore a{
  1089. font-size: 100%;
  1090. }
  1091. .tribe-events-calendar th {
  1092. width: 250px;
  1093. height: 32px;
  1094. background: url("http://www.sciotomile.com/wp-content/themes/sciotomile2011/images/back_heading.jpg") top left no-repeat;
  1095. color: #fff;
  1096. padding: 4px 0;
  1097. text-align: center;
  1098. text-transform: uppercase;
  1099. letter-spacing: 1px;
  1100. }
  1101. .tribe-events-calendar td div[id*="tribe-events-daynum-"] {
  1102. padding: 6px 9px;
  1103. line-height: 1.2;
  1104. }
  1105. .tribe-events-calendar td a {font-size: 91.7%;}
  1106. .tribe-events-calendar div[id*="tribe-events-event-"],
  1107. .tribe-events-calendar div[id*="tribe-events-daynum-"] {
  1108. position: relative;
  1109. margin: 0;
  1110. }
  1111. #tribe-events-content .tribe-events-calendar div[id*="tribe-events-event-"] h3.tribe-events-month-event-title {
  1112. line-height: 1.25;
  1113. font-size: 10px;
  1114. font-weight: normal;
  1115. font-family: sans-serif;
  1116. font-weight: bold;
  1117. text-transform: none;
  1118. margin: 0;
  1119. padding: 0;
  1120. letter-spacing: 0;
  1121. }
  1122. .tribe-events-calendar div[id*="tribe-events-event-"] h3.tribe-events-month-event-title a {
  1123. font-size: 100%;
  1124. }
  1125.  
  1126. /* Large Calendar Tooltip Specifics */
  1127. #tribe-events-content .tribe-events-tooltip h4 {
  1128. margin: 0;
  1129. color: #fff;
  1130. background-color: #666;
  1131. font-size: 12px;
  1132. padding: 0 6px;
  1133. min-height: 24px;
  1134. line-height: 24px;
  1135. letter-spacing: 1px;
  1136. font-weight: normal;
  1137. }
  1138. .tribe-events-tooltip .tribe-events-event-body {
  1139. font-size: 11px;
  1140. padding: 3px 6px 6px;
  1141. font-weight: normal;
  1142. }
  1143. .tribe-events-tooltip .duration {
  1144. font-style: italic;
  1145. margin: 3px 0;
  1146. }
  1147. .tribe-events-tooltip .tribe-events-event-thumb {
  1148. float: left;
  1149. padding: 5px 5px 5px 0;
  1150. }
  1151. .tribe-events-tooltip .tribe-events-event-thumb img {
  1152. -moz-box-shadow: inset 0 0 5px 5px #888;
  1153. -webkit-box-shadow: inset 0 0 5px 5px#888;
  1154. box-shadow: inset 0 0 5px 5px #888;
  1155. }
  1156. .tribe-events-tooltip p.entry-summary {
  1157. padding: 0;
  1158. font-size: 11px;
  1159. line-height: 1.5;
  1160. }
  1161.  
  1162. .tribe-events-tooltip {
  1163. -moz-box-shadow: 3px 3px 5px #888;
  1164. -webkit-box-shadow: 3px 3px 5px #888;
  1165. box-shadow: 3px 3px 5px #888;
  1166. }
  1167. /* = Events List Widget Styles (Sidebar)
  1168. @ Template: list-widget.php
  1169. =============================================*/
  1170.  
  1171. .tribe-events-list-widget ol li {
  1172. margin-bottom: 30px;
  1173. list-style: none;
  1174. }
  1175.  
  1176. .tribe-events-list-widget .duration {
  1177. font-weight: bold;
  1178. }
  1179.  
  1180. /* = WooTickets
  1181. =============================================*/
  1182. table.tribe-events-tickets .tickets_price {
  1183. font-style: italic;
  1184. color: #000;
  1185. font-weight: bold;
  1186. }
  1187.  
  1188. td.tickets_name {
  1189. color: #777;
  1190. font-size: 13px;
  1191. }
  1192.  
  1193. .single-tribe_events #tribe-events-content form.cart,
  1194. .single-tribe_events #tribe-events-content div.cart {
  1195. background: #fafafa;
  1196. border: 1px solid #eee;
  1197. margin: 30px 0;
  1198. padding: 0 4% 3%;
  1199. }
  1200.  
  1201. table.tribe-events-tickets {
  1202. margin: 0;
  1203. width: 100%;
  1204. border-bottom: 0;
  1205. }
  1206.  
  1207. table.tribe-events-tickets td {
  1208. border-top: 1px solid #ddd;
  1209. border-bottom: 1px solid #ddd;
  1210. padding: 8px 10px 8px 0;
  1211. vertical-align: middle;
  1212. }
  1213.  
  1214. table.tribe-events-tickets td.wpec {
  1215. line-height: 0;
  1216. }
  1217.  
  1218. table.tribe-events-tickets td.woocommerce {
  1219. border-bottom: 0;
  1220. }
  1221.  
  1222. table.tribe-events-tickets td.wpec img {
  1223. display: none;
  1224. }
  1225.  
  1226. table.tribe-events-tickets td fieldset {
  1227. padding: 14px 0.625em 4px;
  1228. border: 0;
  1229. margin-top: 8px;
  1230. }
  1231.  
  1232. table.tribe-events-tickets .tickets_nostock {
  1233. display: inline-block;
  1234. text-align: center;
  1235. }
  1236.  
  1237. h2.tribe-events-tickets-title {
  1238. margin: 20px 0 25px;
  1239. font-size: 1.4em;
  1240. font-weight: bold;
  1241. }
  1242.  
  1243. /* = Events Navigation Bar
  1244. @ Template: /modules/bar.php
  1245. =============================================*/
  1246.  
  1247. /* Datepicker
  1248. ========================================================================== */
  1249. .datepicker td,
  1250. .datepicker table tr td span {
  1251. -webkit-border-radius: 0;
  1252. -moz-border-radius: 0;
  1253. border-radius: 0;
  1254. }
  1255. .datepicker td {
  1256. border-top: 1px solid #EDEDED;
  1257.  
  1258. }
  1259. .datepicker table tr td.active.active,
  1260. .datepicker table tr td span.active.active {
  1261. background: #666;
  1262. }
  1263. .datepicker table tr td.active.active:hover,
  1264. .datepicker table tr td span.active.active:hover {
  1265. background: #DADADA;
  1266. color: inherit;
  1267. }
  1268.  
  1269. #tribe-events-bar {
  1270. width: 100%;
  1271. min-width: 220px;
  1272. margin-bottom: 30px;
  1273. height: auto;
  1274. position: relative;
  1275. clear: none;
  1276. }
  1277. #tribe-events-bar * {
  1278. -webkit-box-sizing: border-box;
  1279. -moz-box-sizing: border-box;
  1280. box-sizing: border-box;
  1281. }
  1282. #tribe-bar-form {
  1283. background: #e4edd8; /* Very Light Green */
  1284. position: relative;
  1285. margin: 0;
  1286. width: 100%;
  1287. }
  1288.  
  1289. /* Form Elements */
  1290.  
  1291. #tribe-bar-form input {
  1292. font-size: 15px;
  1293. margin: 0 4px 0 0;
  1294. }
  1295. #tribe-bar-form input[type="text"] {
  1296. width: 100%;
  1297. padding: 0 0 5px 0;
  1298. background: 0;
  1299. border: none;
  1300. border-bottom: 1px dashed #b9b9b9;
  1301. line-height: 1;
  1302. height: auto;
  1303. font-weight: bold;
  1304. border-radius: 0;
  1305. box-shadow: none;
  1306. -moz-box-shadow: none;
  1307. -webkit-box-shadow: none;
  1308. }
  1309. #tribe-bar-form input[type=text]:focus {
  1310. outline: none;
  1311. }
  1312.  
  1313. input[name*="tribe-bar-"]::-webkit-input-placeholder {
  1314. color: #5f5f5f;
  1315. font-weight: normal;
  1316. font-style: italic;
  1317. line-height: 1.3;
  1318. }
  1319. input[name*="tribe-bar-"]:-moz-placeholder {
  1320. color: #5f5f5f;
  1321. font-weight: normal;
  1322. font-style: italic;
  1323. line-height: 1.3;
  1324. }
  1325. .placeholder {
  1326. color: #5f5f5f;
  1327. font-weight: normal;
  1328. font-style: italic;
  1329. line-height: 1.3;
  1330. }
  1331.  
  1332. #tribe-bar-form .tribe-bar-submit input[type=submit] {
  1333. font-size: 13px;
  1334. line-height: 20px;
  1335. letter-spacing: 0;
  1336. width: 100%;
  1337. height: auto;
  1338. padding: 10px;
  1339. background-image: none;
  1340. background: #666;
  1341. color: #fff;
  1342. border: none;
  1343. border-radius: 0;
  1344. -moz-border-radius: 0;
  1345. -webkit-border-radius: 0;
  1346. -webkit-appearance: button;
  1347. }
  1348.  
  1349. .tribe-bar-submit input[type=submit]:hover {
  1350. background: #999;
  1351. color: #fff;
  1352. }
  1353.  
  1354. #tribe-bar-form label {
  1355. display: block;
  1356. font-size: 11px;
  1357. line-height: 1;
  1358. text-transform: uppercase;
  1359. font-weight: bold;
  1360. margin: 0 0 5px 0;
  1361. padding: 0;
  1362. }
  1363.  
  1364. #tribe-bar-dates .select2-choice {
  1365. border-bottom: 1px dashed #b9b9b9;
  1366. }
  1367.  
  1368. /* Tribe Bar Full Layout */
  1369.  
  1370. #tribe-bar-form .tribe-bar-filters {
  1371. position: relative;
  1372. float: left;
  1373. width: 100%;
  1374. margin: 0;
  1375. }
  1376. #tribe-bar-form #tribe-bar-views + .tribe-bar-filters {
  1377. right: 16.66667%;
  1378. left: auto;
  1379. width: 83.3333%;
  1380. }
  1381.  
  1382. #tribe-bar-form .tribe-bar-filters-inner {
  1383. margin: 0;
  1384. }
  1385.  
  1386. #tribe-bar-form.tribe-bar-full .tribe-bar-filters {
  1387. display: block !important;
  1388. }
  1389. .tribe-bar-date-filter{
  1390. float: left;
  1391. width: 25%;
  1392. margin-bottom: 0;
  1393. padding: 15px;
  1394. }
  1395.  
  1396. .tribe-bar-search-filter{
  1397. float: left;
  1398. width: 33.3333%;
  1399. margin-bottom: 0;
  1400. padding: 15px;
  1401. }
  1402.  
  1403. .tribe-bar-submit {
  1404. float: left;
  1405. width: 25%;
  1406. margin-bottom: 0;
  1407. margin-left: 16.6667%;
  1408. padding: 15px;
  1409. }
  1410.  
  1411. #tribe-bar-form #tribe-bar-views {
  1412. position: relative;
  1413. left: 83.3333%;
  1414. right: auto;
  1415. float: left;
  1416. width: 16.66667%;
  1417. padding: 0 0 0 5px;
  1418. background: transparent;
  1419. margin: 0;
  1420. }
  1421.  
  1422. #tribe-bar-views:hover,
  1423. #tribe-bar-views label:hover {
  1424. cursor:pointer;
  1425. }
  1426.  
  1427. .tribe-bar-views-inner {
  1428. padding: 15px 0 45px 0;
  1429. background: #d0e1e8; /* Light Blue */
  1430. margin: 0;
  1431. }
  1432.  
  1433. #tribe-bar-form .tribe-bar-views-inner label {
  1434. padding: 0 15px;
  1435. text-align: left;
  1436. }
  1437.  
  1438. .tribe-bar-views-inner .select2-container {
  1439. padding: 0 15px;
  1440. }
  1441.  
  1442. .tribe-select2-results-views.select2-drop {
  1443. background: #d0e1e8; /* Light Blue */
  1444. border: none;
  1445. z-index: 10001;
  1446. box-shadow: none;
  1447. -moz-box-shadow: none;
  1448. -webkit-box-shadow: none;
  1449. }
  1450.  
  1451. #tribe-bar-form.tribe-bar-mini #tribe-bar-views {
  1452. width: 16.66667%;
  1453. }
  1454.  
  1455. #tribe-bar-views .tribe-bar-views-list {
  1456. list-style-type: none;
  1457. margin: 0 0 0 5px;
  1458. padding: 0;
  1459. position: absolute;
  1460. left: 0;
  1461. top: auto;
  1462. z-index: 99;
  1463. border-radius: 0 0 3px 3px;
  1464. }
  1465. #tribe-bar-views li.tribe-bar-views-option {
  1466. line-height: 14px;
  1467. margin: 0 5px 0 0;
  1468. padding: 0;
  1469. list-style: none;
  1470. background: none;
  1471. filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
  1472. list-style: none;
  1473. border: none;
  1474. padding: 0;
  1475. display: none;
  1476. box-shadow: none;
  1477. -moz-box-shadow: none;
  1478. -webkit-box-shadow: none;
  1479. }
  1480.  
  1481. #tribe-bar-views .tribe-bar-views-option:first-child, #tribe-bar-views .tribe-bar-views-option.tribe-bar-active,
  1482. #tribe-bar-views.tribe-bar-views-open .tribe-bar-views-option {
  1483. display: list-item;
  1484. }
  1485.  
  1486. #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a {
  1487. color: #444;
  1488. text-align: left;
  1489. display: block;
  1490. text-decoration: none;
  1491. padding: 6px 15px;
  1492. background: #d0e1e8; /* Light Blue */
  1493. }
  1494.  
  1495. #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a:hover {
  1496. background: #d9e8ed; /* Super Light Blue */
  1497. color: inherit;
  1498. }
  1499.  
  1500. #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option.tribe-bar-active a:hover {
  1501. background: #d9e8ed; /* Super Light Blue */
  1502. }
  1503.  
  1504. #tribe-bar-views .tribe-bar-views-option:last-child a {
  1505. border-radius: 0 0 3px 3px;
  1506. -webkit-border-radius: 0 0 3px 3px;
  1507. -moz-border-radius: 0 0 3px 3px;
  1508. }
  1509.  
  1510. /* Views Select */
  1511. .tribe-no-js #tribe-bar-views [name="tribe-bar-view"] {
  1512. display: block;
  1513. }
  1514. #tribe-bar-views [name="tribe-bar-view"] {
  1515. display: none;
  1516. }
  1517. #tribe-bar-views .tribe-bar-views-list {
  1518. width: 100%;
  1519. float: left;
  1520. }
  1521. #tribe-bar-views .tribe-bar-settings {
  1522. display: none;
  1523. }
  1524.  
  1525. /* Tribe Bar Mini Styles */
  1526.  
  1527. #tribe-bar-form.tribe-bar-mini * {
  1528. font-size: 12px;
  1529. }
  1530. #tribe-bar-form.tribe-bar-mini label {
  1531. font-size: 11px;
  1532. white-space: nowrap;
  1533. overflow: hidden;
  1534. text-overflow: ellipsis;
  1535. }
  1536.  
  1537. .tribe-bar-mini .tribe-bar-filters {
  1538. display: block !important;
  1539. float: left;
  1540. width: 83.3333%;
  1541. }
  1542.  
  1543. .tribe-bar-mini .tribe-bar-date-filter {
  1544. padding: 10px;
  1545. }
  1546.  
  1547. .tribe-bar-mini .tribe-bar-search-filter{
  1548. width: 45%;
  1549. padding: 10px;
  1550. }
  1551.  
  1552. .tribe-bar-mini .tribe-bar-submit {
  1553. width: 25%;
  1554. margin-left: 5%;
  1555. padding: 10px;
  1556. }
  1557.  
  1558. #tribe-bar-form.tribe-bar-mini .tribe-bar-submit input[type=submit] {
  1559. font-size: 11px;
  1560. padding: 10px 5px;
  1561. -webkit-appearance: button;
  1562. }
  1563.  
  1564. .tribe-bar-mini #tribe-bar-views {
  1565. width: 16.66667%;
  1566. }
  1567.  
  1568. .tribe-bar-mini .tribe-bar-views-inner {
  1569. padding: 10px 0 35px 0;
  1570. }
  1571.  
  1572. .tribe-bar-mini .tribe-bar-views-inner label {
  1573. padding: 0 10px;
  1574. }
  1575.  
  1576. .tribe-bar-mini #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a {
  1577. padding: 4px 10px;
  1578. }
  1579.  
  1580.  
  1581.  
  1582. /* Tribe Bar Collapse Styles */
  1583.  
  1584. #tribe-bar-collapse-toggle {
  1585. display: none;
  1586. float: left;
  1587. padding: 15px;
  1588. position: relative;
  1589. font-size: 13px;
  1590. line-height: 28px;
  1591. font-weight: bold;
  1592. text-transform: uppercase;
  1593. background: #e4edd8; /* Very Light Green */
  1594. }
  1595.  
  1596. #tribe-bar-collapse-toggle:hover {
  1597. cursor: pointer;
  1598. }
  1599.  
  1600. #tribe-bar-collapse-toggle span.tribe-bar-toggle-arrow {
  1601. display:inline-block;
  1602. margin:0 4px;
  1603. position: absolute;
  1604. right: 10px;
  1605. }
  1606.  
  1607. #tribe-bar-collapse-toggle span.tribe-bar-toggle-arrow:after{
  1608. top: 10px;
  1609. right: 0;
  1610. border: solid transparent;
  1611. content: " ";
  1612. height: 0;
  1613. width: 0;
  1614. position: absolute;
  1615. pointer-events: none;
  1616. border-color: rgba(136, 183, 213, 0);
  1617. border-top-color: inherit;
  1618. border-width: 8px;
  1619. }
  1620.  
  1621. #tribe-bar-collapse-toggle.tribe-bar-filters-open span.tribe-bar-toggle-arrow:after {
  1622. top: 0px;
  1623. border-top-color: transparent;
  1624. border-bottom-color: inherit;
  1625. }
  1626.  
  1627. #tribe-bar-form.tribe-bar-collapse #tribe-bar-views + .tribe-bar-filters {
  1628. display: none;
  1629. margin-top: 5px;
  1630. overflow: hidden;
  1631. clear: both;
  1632. left: auto;
  1633. right: auto;
  1634. width: 100%;
  1635. }
  1636.  
  1637. .tribe-bar-collapse .tribe-bar-filters-inner > div, .tribe-bar-collapse #tribe-bar-views {
  1638. width: 100%;
  1639. height: auto;
  1640. margin: 0;
  1641. }
  1642.  
  1643. .tribe-bar-collapse #tribe-bar-collapse-toggle {
  1644. display: block;
  1645. width: 70%;
  1646. }
  1647.  
  1648. .tribe-bar-collapse #tribe-bar-collapse-toggle.tribe-bar-collapse-toggle-full-width {
  1649. width: 100%;
  1650. }
  1651.  
  1652. #tribe-bar-form.tribe-bar-collapse #tribe-bar-views {
  1653. float: left;
  1654. left: auto;
  1655. width: 30%;
  1656. }
  1657.  
  1658. #tribe-bar-form.tribe-bar-collapse .tribe-bar-views-inner {
  1659. padding: 10px 0 40px 0;
  1660. }
  1661.  
  1662. #tribe-bar-form.tribe-bar-collapse .tribe-bar-views-inner label {
  1663. margin: 0;
  1664. }
  1665.  
  1666. @media only screen and (max-width: 767px) {
  1667. .tribe-bar-collapse #tribe-bar-collapse-toggle {
  1668. width: 60%;
  1669. }
  1670.  
  1671. #tribe-bar-form.tribe-bar-collapse #tribe-bar-views {
  1672. width: 40%;
  1673. }
  1674. }
  1675. .tribe-bar-is-disabled .tribe-events-page-title {
  1676. line-height: 45px;
  1677. text-align: left;
  1678. clear: none;
  1679. margin: 0;
  1680. }
  1681. .tribe-bar-disabled {
  1682. float: right;
  1683. position: relative;
  1684. z-index: 101;
  1685. }
  1686.  
  1687. .tribe-bar-disabled #tribe-events-bar {
  1688. width: auto;
  1689. min-width: 0;
  1690. float: none;
  1691. }
  1692. .tribe-bar-disabled #tribe-bar-form {
  1693. width: auto;
  1694. border-radius: 3px;
  1695. }
  1696.  
  1697. .tribe-bar-disabled .tribe-bar-filters {
  1698. float: left;
  1699. }
  1700.  
  1701. .tribe-bar-disabled .tribe-bar-filters .tribe-bar-date-filter {
  1702. padding: 5px 10px;
  1703. }
  1704.  
  1705. .tribe-bar-disabled #tribe-bar-form label {
  1706. font-size: 10px;
  1707. }
  1708. .tribe-bar-disabled #tribe-bar-form .tribe-bar-filters input[type="text"] {
  1709. border: none;
  1710. display: block;
  1711. width: 85px;
  1712. margin: 0;
  1713. padding: 0;
  1714. font-size: 13px;
  1715. line-height: 15px;
  1716. }
  1717.  
  1718. .tribe-bar-disabled #tribe-bar-form #tribe-bar-views + .tribe-bar-filters {
  1719. left: auto;
  1720. right: 50%;
  1721. width: 50%;
  1722. }
  1723.  
  1724. .tribe-bar-disabled .tribe-bar-date-filter,
  1725. .tribe-events-uses-geolocation .tribe-bar-disabled .tribe-bar-date-filter {
  1726. width: auto;
  1727. }
  1728.  
  1729. .tribe-bar-disabled #tribe-bar-form #tribe-bar-views {
  1730. width: 50%;
  1731. float: left;
  1732. left: 50%;
  1733. right: auto;
  1734. padding: 0;
  1735. }
  1736.  
  1737. .tribe-bar-disabled .tribe-bar-views-inner {
  1738. min-width: 100px;
  1739. padding: 5px 0 25px 0;
  1740. border-radius: 0 3px 3px 0;
  1741. }
  1742.  
  1743. .tribe-bar-disabled #tribe-bar-form .tribe-bar-views-inner label{
  1744. padding: 0 10px;
  1745. }
  1746.  
  1747. .tribe-bar-disabled #tribe-bar-views .tribe-bar-views-list,
  1748. .tribe-bar-disabled #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option {
  1749. margin: 0;
  1750. }
  1751.  
  1752. .tribe-bar-disabled #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a {
  1753. padding: 4px 10px;
  1754. margin: 0;
  1755. }
  1756. .tribe-bar-disabled #tribe-bar-views .select2-container .select2-choice {
  1757. line-height: 18px;
  1758. height: auto;
  1759. font-size: 13px;
  1760. }
  1761.  
  1762. .tribe-bar-is-disabled .tribe-select2-results-views.select2-drop .select2-results li {
  1763. padding: 0 10px;
  1764. }
  1765.  
  1766. .tribe-bar-disabled #tribe-bar-collapse-toggle,
  1767. .tribe-bar-disabled .tribe-bar-submit {
  1768. display: none;
  1769. }
  1770.  
  1771. /* Events Bar Icons */
  1772. .tribe-select2-results-views span[class^="tribe-icon-"],
  1773. .tribe-bar-views-list span[class^="tribe-icon-"],
  1774. .tribe-bar-view-list a[class*="tribe-icon-"] {
  1775. padding-left: 24px;
  1776. background-repeat: no-repeat;
  1777. background-position: 0 50%;
  1778. min-height: 16px;
  1779. display: block;
  1780. }
  1781. .tribe-select2-results-views span[class^="tribe-icon-"] {
  1782. min-height: 16px;
  1783. display: inline-block;
  1784. }
  1785.  
  1786. /* default icon */
  1787. .tribe-select2-results-views span[class^="tribe-icon-"],
  1788. .tribe-bar-views-list span[class^="tribe-icon-"],
  1789. .tribe-bar-view-list a[class^="tribe-icon-"] {
  1790. background-image: url("http://www.sciotomile.com/wp-content/themes/sciotomile2011/images/events-calendar-icons/icon-month.png");
  1791. -webkit-background-size: 15px 16px;
  1792. background-size: 15px 16px;
  1793. }
  1794.  
  1795. .tribe-select2-results-views span.tribe-icon-list,
  1796. .tribe-bar-views-list span.tribe-icon-list,
  1797. .tribe-bar-view-list a.tribe-icon-list {
  1798. background-image: url("http://www.sciotomile.com/wp-content/themes/sciotomile2011/images/events-calendar-icons/icon-list.png");
  1799. -webkit-background-size: 15px 10px;
  1800. background-size: 15px 10px;
  1801. }
  1802.  
  1803. .tribe-select2-results-views span.tribe-icon-upcoming,
  1804. .tribe-bar-views-list span.tribe-icon-upcoming,
  1805. .tribe-bar-view-list a.tribe-icon-upcoming {
  1806. background-image: url("http://www.sciotomile.com/wp-content/themes/sciotomile2011/images/events-calendar-icons/icon-list.png");
  1807. -webkit-background-size: 15px 10px;
  1808. background-size: 15px 10px;
  1809. }
  1810.  
  1811. .tribe-bar-view-list a.tribe-icon-upcoming,
  1812. .tribe-bar-view-list a.tribe-icon-month {
  1813. padding-left: 30px;
  1814. background-position: 10px 50%;
  1815. }
  1816.  
  1817. .tribe-select2-results-views .tribe-icon-month,
  1818. .tribe-bar-views-list span.tribe-icon-month,
  1819. .tribe-bar-view-list a.tribe-icon-month {
  1820. background-image: url("http://www.sciotomile.com/wp-content/themes/sciotomile2011/images/events-calendar-icons/icon-month.png");
  1821. -webkit-background-size: 15px 16px;
  1822. background-size: 15px 16px;
  1823. }
  1824. .tribe-select2-results-views span.tribe-icon-week,
  1825. .tribe-bar-views-list span.tribe-icon-week {
  1826. background-image: url("http://www.sciotomile.com/wp-content/themes/sciotomile2011/images/events-calendar-icons/icon-week.png");
  1827. -webkit-background-size: 15px 16px;
  1828. background-size: 15px 16px;
  1829. }
  1830. .tribe-select2-results-views span.tribe-icon-day,
  1831. .tribe-bar-views-list span.tribe-icon-day {
  1832. background-image: url("http://www.sciotomile.com/wp-content/themes/sciotomile2011/images/events-calendar-icons/icon-day.png");
  1833. -webkit-background-size: 15px 16px;
  1834. background-size: 15px 16px;
  1835. }
  1836. .tribe-select2-results-views span.tribe-icon-photo,
  1837. .tribe-bar-views-list span.tribe-icon-photo {
  1838. background-image: url("http://www.sciotomile.com/wp-content/themes/sciotomile2011/images/events-calendar-icons/icon-photo.png");
  1839. -webkit-background-size: 15px 14px;
  1840. background-size: 15px 14px;
  1841. }
  1842. .tribe-select2-results-views span.tribe-icon-map,
  1843. .tribe-bar-views-list span.tribe-icon-map {
  1844. background-image: url("http://www.sciotomile.com/wp-content/themes/sciotomile2011/images/events-calendar-icons/icon-map.png");
  1845. -webkit-background-size: 12px 16px;
  1846. background-size: 12px 16px;
  1847. background-position: 2px 50%;
  1848. }
  1849.  
  1850. /* Events Retina Bits */
  1851. @media
  1852. only screen and (min--moz-device-pixel-ratio: 2),
  1853. only screen and (-o-min-device-pixel-ratio: 2/1),
  1854. only screen and (-webkit-min-device-pixel-ratio: 2),
  1855. only screen and (min-device-pixel-ratio: 2) {
  1856. .tribe-events-tooltip .tribe-events-arrow {
  1857. background-image: url("http://www.sciotomile.com/wp-content/themes/sciotomile2011/images/events-calendar-icons/tribe-tooltips@2x.png");
  1858. }
  1859. #tribe-bar-filters .tribe-bar-button-search .tribe-bar-btn-small {
  1860. background-image: url("http://www.sciotomile.com/wp-content/themes/sciotomile2011/images/events-calendar-icons/icon-search@2x.png");
  1861. }
  1862. #tribe-events-bar .tribe-bar-button-settings span {
  1863. background-image: url("http://www.sciotomile.com/wp-content/themes/sciotomile2011/images/events-calendar-icons/icon-gear@2x.png");
  1864. }
  1865. #tribe-events-bar [class^="tribe-bar-button-"]:after {
  1866. background-image: url("http://www.sciotomile.com/wp-content/themes/sciotomile2011/images/events-calendar-icons/select2x2.png");
  1867. }
  1868.  
  1869. /* default icon */
  1870. .tribe-select2-results-views span[class^="tribe-icon-"],
  1871. .tribe-bar-views-list span[class^="tribe-icon-"],
  1872. .tribe-bar-view-list a[class^="tribe-icon-"] {
  1873. background-image: url("http://www.sciotomile.com/wp-content/themes/sciotomile2011/images/events-calendar-icons//icon-month@2x.png");
  1874. }
  1875. .tribe-select2-results-views span.tribe-icon-list,
  1876. .tribe-bar-views-list span.tribe-icon-list,
  1877. .tribe-bar-view-list a.tribe-icon-upcoming {
  1878. background-image: url("http://www.sciotomile.com/wp-content/themes/sciotomile2011/images/events-calendar-icons/icon-list@2x.png");
  1879. }
  1880. .tribe-select2-results-views span.tribe-icon-month,
  1881. .tribe-bar-views-list span.tribe-icon-month,
  1882. .tribe-bar-view-list a.tribe-icon-month {
  1883. background-image: url("http://www.sciotomile.com/wp-content/themes/sciotomile2011/images/events-calendar-icons/icon-month@2x.png");
  1884. }
  1885. .tribe-select2-results-views span.tribe-icon-week,
  1886. .tribe-bar-views-list span.tribe-icon-week {
  1887. background-image: url("http://www.sciotomile.com/wp-content/themes/sciotomile2011/images/events-calendar-icons/icon-week@2x.png");
  1888. }
  1889. .tribe-select2-results-views span.tribe-icon-day,
  1890. .tribe-bar-views-list span.tribe-icon-day {
  1891. background-image: url("http://www.sciotomile.com/wp-content/themes/sciotomile2011/images/events-calendar-icons/icon-day@2x.png");
  1892. }
  1893. .tribe-select2-results-views span.tribe-icon-photo,
  1894. .tribe-bar-views-list span.tribe-icon-photo {
  1895. background-image: url("http://www.sciotomile.com/wp-content/themes/sciotomile2011/images/events-calendar-icons/icon-photo@2x.png");
  1896. }
  1897. .tribe-select2-results-views span.tribe-icon-map,
  1898. .tribe-bar-views-list span.tribe-icon-map {
  1899. background-image: url("http://www.sciotomile.com/wp-content/themes/sciotomile2011/images/events-calendar-icons/icon-map@2x.png");
  1900. }
  1901. }
  1902.  
  1903. /* ==========================================================================
  1904. Theme Compatibility
  1905. ========================================================================== */
  1906.  
  1907. /* Twenty Fourteen
  1908. ========================================================================== */
  1909. .tribe-events-week.tribe-theme-twentyfourteen #masthead {
  1910. z-index: 1001;
  1911. }
  1912. .tribe-theme-twentyfourteen #tribe-events-pg-template #tribe-events {
  1913. padding: 20px;
  1914. }
  1915. .tribe-theme-twentyfourteen #tribe-bar-views .tribe-bar-views-list {
  1916. z-index: 3;
  1917. }
  1918. @media screen and (min-width: 1080px) {
  1919. .tribe-theme-twentyfourteen #tribe-events-pg-template {
  1920. padding-left: 222px;
  1921. }
  1922. }
  1923.  
  1924. /* Event Details Box
  1925. ========================================================================== */
  1926. dt {
  1927. font-weight: lighter;
  1928. color: #467b8b;
  1929. background-color: #d2ddb2;
  1930. border: 0px;
  1931. padding: 5px;
  1932. -moz-border-radius: 5px;
  1933. border-radius: 5px;
  1934. }
  1935.  
  1936. .tribe-events-meta-group.vcard dd.location span.country-name {
  1937. position: absolute;
  1938. top: -10000px;
  1939. visibility: hidden;
  1940. }
  1941.  
  1942. /* Navigation Top
  1943. ========================================================================== */
  1944.  
  1945. .calendar_back_arrow {
  1946. text-indent: -10000px;
  1947. background: url("http://www.sciotomile.com/wp-content/themes/sciotomile2011/images/left_small.png") no-repeat;
  1948. width: 18px;
  1949. height: 18px;
  1950. }
  1951.  
  1952. .calendar_forward_arrow {
  1953. text-indent: -10000px;
  1954. background: url("http://www.sciotomile.com/wp-content/themes/sciotomile2011/images/right_small.png") no-repeat;
  1955. width: 18px;
  1956. height: 18px;
  1957. }
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!