API tools faq
paste
Advertisement
BakerMan

For Stefan: tweaked events.css

BakerMan
Jun 27th, 2013
168
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 12.57 KB | None | 0 0
raw download clone embed print report
  1. /* Use Helvetica */
  2. #tribe-events-calendar-header, .tribe-events-calendar, #tribe-events-content .ical, .events-single #content .ical, a.gmap, .tribe-events-event-list-meta td, .tribe-events-nav, #tribe-events-event-meta, span.back, .eventsListWidget .dig-in, .eventsAdvancedListWidget .dig-in, .gcal-add {
  3.     font-family:"Helvetica Neue",Arial,Helvetica,"Nimbus Sans L",sans-serif;
  4. }
  5.  
  6. #tribe-events-content {
  7.     position:relative;
  8.     margin-bottom:48px;
  9.     padding:1px 20px;
  10. }
  11. .single #tribe-events-content {
  12.     font-size:16px;
  13.    
  14. }
  15. #tribe-events-content.upcoming {
  16.     margin-bottom:60px;
  17. }
  18.  
  19. #tribe-events-content a, #tribe-events-event-meta a {
  20.     text-decoration:none;
  21. }
  22.  
  23. #tribe-events-calendar-header {
  24.     position:relative;
  25.     height: 15px;
  26. }
  27.  
  28. .grid #tribe-events-calendar-header {
  29.     height: 50px;
  30. }
  31.  
  32. .tribe-events-calendar-buttons {
  33.     position:absolute;
  34.     right:0;
  35.     top:6px;
  36. }
  37. .upcoming .tribe-events-calendar-buttons {
  38.     top:-24px;
  39. }
  40. h2.tribe-events-cal-title {
  41.     padding-left:20px;
  42.     margin-bottom: 0px;
  43.     font-size:21px;
  44.     font-weight:bold;
  45.     color:#000;
  46.     position:relative;
  47.     z-index:0;
  48. }
  49.  
  50. .venue-events .tribe-events-event {
  51.     border-bottom: 1px solid #DDDDDD;
  52.     padding: 0 0 15px !important;
  53.     margin: 0 !important;
  54. }
  55.  
  56. .venue-events h2.tribe-events-cal-title {
  57.     padding-left: 0;
  58. }
  59.  
  60. .venue-events .entry-title {
  61.     color: #333;
  62.     text-decoration: none;
  63.     font-size: 18px;
  64.     margin: 15px 0 6px;
  65.     padding: 0;
  66.     line-height: 1em;
  67.     font-weight: bold;
  68. }
  69.  
  70. .upcoming h2.tribe-events-cal-title {
  71.     margin-bottom: 15px;
  72. }
  73.  
  74. h2.tribe-events-cal-title a {
  75.     color:#000;
  76. }
  77. h2.tribe-events-cal-title a:hover, h2.tribe-events-cal-title a:focus {
  78.     color:#333;
  79.     text-decoration:underline !important;
  80. }
  81. .tribe-events-month-nav a, .tribe-events-nav a, .back a, .eventsListWidget .dig-in a, .eventsAdvancedListWidget .dig-in a {
  82.     color:#888;
  83.     text-decoration:none;
  84. }
  85. .tribe-events-month-nav a:hover, .tribe-events-nav a:hover, .back a:hover, .eventsListWidget .dig-in a:hover, .eventsAdvancedListWidget .dig-in a:hover {
  86.     text-decoration:underline;
  87. }
  88. a.ical, a.gcal-add {
  89.     color:#fff !important;
  90.     font-size:10px;
  91.     background:#777;
  92.     padding:0 6px;
  93.     -moz-border-radius:3px;
  94.     -webkit-border-radius:3px;
  95.     border-radius:3px;
  96.     float:right;
  97.     text-transform:uppercase;
  98.     letter-spacing:1px;
  99.     text-decoration: none;
  100.     line-height:18px;
  101.     margin-bottom:21px;
  102. }
  103.  
  104. .gcal-add {
  105.     margin-right:9px;
  106. }
  107.  
  108. .tribe-events-calendar-buttons a {
  109.     background:#999;
  110.     border-radius:3px;
  111.     color:#fff !important;
  112.     display:block;
  113.     float:left;
  114.     font-size:11px;
  115.     font-weight:bold;
  116.     height:24px;
  117.     line-height:24px;
  118.     margin:21px 0 24px 10px;
  119.     padding: 0 9px;
  120.     text-align:center;
  121.     text-transform:uppercase;
  122.     letter-spacing:1px;
  123.     width:auto;
  124.     -moz-border-radius:3px;
  125.     -webkit-border-radius:3px;
  126.     border-radius:3px;
  127. }
  128. .tribe-events-calendar-buttons a.tribe-events-button-on {
  129.     background:#666;
  130. }
  131. .tribe-events-calendar-buttons a.tribe-events-button-off {
  132.     background:#ddd;
  133.     color:#444;
  134. }
  135.  
  136. .tribe-events-month-nav {
  137.     position: absolute;
  138.     left:0;
  139.     bottom:0;
  140.     z-index:0;
  141. }
  142. .tribe-events-prev-month {
  143.     margin-right:5px;
  144. }
  145. .tribe-events-next-month {
  146.     margin-left:5px;
  147. }
  148.  
  149. #tribe-events-nav-above {
  150.     margin:5px 0 0;
  151. }
  152. .events-archive #tribe-events-nav-below {
  153.     margin:21px 0;
  154. }
  155. select.tribe-events-dropdown {
  156.     width:auto;
  157.     font-size:11px;
  158.     margin:33px 9px 0 0;
  159. }
  160.  
  161. .singular .tribe-events-event.hentry {
  162.     padding-top: 1em !important;
  163. }
  164.  
  165. .events-archive .post {
  166.     overflow:hidden;
  167.     margin-bottom:0;
  168. }
  169. .single-tribe_venue .upcoming .entry-title, .events-archive .upcoming .entry-title {
  170.     margin:15px 0 6px;
  171.     font-size:18px;
  172.     font-weight:bold;
  173.     line-height: 1em;
  174.     padding: 0;
  175. }
  176. .events-archive .event-day, .single-tribe_venue .event-day, .venue-events .event-day {
  177.     font-size:18px;
  178.     margin-top:18px !important;
  179.     font-style:italic;
  180. }
  181. .events-archive .entry-title a, .tribe-events-event-meta-desc, .tribe-events-event-day {
  182.     color:#333;
  183. }
  184. .events-archive .hentry {
  185.     margin:0;
  186.     padding: 0 0 15px 0 !important;
  187. }
  188. table.tribe-events-calendar {
  189.     display: table;
  190.     table-layout: fixed;
  191.     margin:18px 0 12px !important;
  192.     clear:both;
  193.     font-size:12px;
  194.     border-collapse:collapse;
  195.     width: 740px !important;
  196.     overflow: hidden;
  197. }
  198. table.tribe-events-calendar, .tribe-events-calendar td {
  199.     border:1px solid #bbb;
  200. }
  201. .tribe-events-calendar .daynum, .tribe-events-calendar .daynum a {
  202.     background-color:#F5F5F5;
  203.     color:#333;
  204.     font-size:11px;
  205.     font-weight:bold;
  206. }
  207. .tribe-events-calendar td.tribe-events-present .daynum, .tribe-events-calendar td.tribe-events-present .daynum > a  {
  208.     background-color: #666;
  209.     color: #fff;
  210. }
  211. .tribe-events-calendar td.tribe-events-past .daynum, .tribe-events-calendar td.tribe-events-past .daynum > a {
  212.     color: #999;
  213. }
  214. .tribe-events-calendar th {
  215.     width: 14.286%
  216.     height: 10px;
  217.     background-color:#ddd;
  218.     color: #333;
  219.     padding:4px 0;
  220.     text-align:center;
  221.     text-transform:uppercase;
  222.     letter-spacing:1px;
  223. }
  224. .tribe-events-calendar td {
  225.     height: 110px !important;
  226.     color: #114B7D;
  227.     vertical-align: top;
  228.     padding:0 !important;
  229.     font-size:12px;
  230. }
  231. .tribe-events-calendar td .tribe-events-event {
  232.     padding:6px 9px !important;
  233.     line-height:1.2;
  234. }
  235. .tribe-events-calendar td a {font-size:91.7%;}
  236. .tribe-events-calendar hr {
  237.     border:0 none !important;
  238.     display:block;
  239.     height:1px;
  240.     background-color:#E7E7E7;
  241.     margin:0 9px !important;
  242. }
  243. .tribe-events-calendar .tribe-events-event {
  244.     position:relative;
  245.     margin:0;
  246. }
  247. .tribe-events-event .entry img.attachment-post-thumbnail {
  248.     margin-left: auto;
  249.     margin-right: auto;
  250.     display: block;
  251.     text-align: center;
  252. }
  253. .tribe-events-real-event {
  254.    cursor: pointer;
  255. }
  256. .tribe-events-calendar .tribe-events-tooltip {
  257.     border:1px solid #666;
  258.     position:absolute;
  259.     z-index:1001;
  260.     bottom:30px;
  261.     left:3px;
  262.     width:320px;
  263.     background-color:#f9f9f9;
  264.     color:#333;
  265.     line-height:1.4;
  266. }
  267. .tribe-events-tooltip .tribe-events-arrow {
  268.     width:19px;
  269.     height:11px;
  270.     display:block;
  271.     background:url(images/tooltip-arrow.png) no-repeat 0 bottom;
  272.     position:absolute;
  273.     bottom:-11px;
  274.     left:20px;
  275. }
  276. .tribe-events-calendar .tribe-events-right .tribe-events-tooltip {
  277.     left:auto;
  278.     right:3px;
  279. }
  280. .tribe-events-right .tribe-events-tooltip .tribe-events-arrow {
  281.     left:auto;
  282.     right:30px;
  283. }
  284. .tribe-events-tooltip .tribe-events-event-title {
  285.     margin:0;
  286.     color:#fff;
  287.     background-color:#666;
  288.     font-size:12px;
  289.     padding:0 6px;
  290.     min-height:24px;
  291.     line-height:24px;
  292.     letter-spacing:1px;
  293. }
  294. .tribe-events-tooltip .tribe-events-event-body {
  295.     font-size:11px;
  296.     padding:3px 6px 6px;
  297. }
  298. .tribe-events-tooltip .tribe-events-event-date {
  299.     font-style:italic;
  300.     margin:3px 0;
  301. }
  302. .tribe-events-tooltip .tribe-events-event-thumb {
  303.     float:left;
  304.     padding:5px;
  305. }
  306. .tribe-events-event .post {
  307.     position:relative;
  308. }
  309. #tribe-events-event-meta {
  310.     border-width:1px 0;
  311.     border-style:solid;
  312.     border-color:#bbb;
  313.     margin: 8px 0 18px 0;
  314.     padding: 12px 0 2px;
  315.     overflow:hidden;
  316.     clear:both;
  317.     font-size: 12px;
  318. }
  319. #tribe-events-event-meta .column {
  320.     float:left;
  321.     width:30%;
  322.     padding:0 4% 0 0;
  323.     text-align:left;
  324.     margin:0;
  325. }
  326. #tribe-events-event-meta dt {
  327.     float:left;
  328.     clear:left;
  329.     font-weight:bold;
  330.     width:70px;
  331. }
  332. #tribe-events-event-meta dd {
  333.     padding:0;
  334.     margin-left:80px;
  335.     margin-bottom: 10px;
  336. }
  337. #tribe-events-event-meta .gmap, .tribe-events-event-meta-desc .gmap {
  338.     color:#fff;
  339.     font-size:9px;
  340.     background:#004080;
  341.     padding:1px 4px;
  342.     -moz-border-radius:3px;
  343.     -webkit-border-radius:3px;
  344.     border-radius:3px;
  345.     white-space:nowrap;
  346. }
  347. span.back {
  348.     font-size:12px;
  349. }
  350. #tribe-events-loop {
  351.     font-size:13px;
  352.     clear:both;
  353. }
  354. .tribe-events-events .tribe-events-event-entry {
  355.     width:60%;
  356.     float:left;
  357.     padding:0 5% 0 0;
  358. }
  359. .events-archive .tribe-events-event-entry p, .venue-events .tribe-events-event-entry p {
  360.     margin:0;
  361.     font-size:16px;
  362.     line-height:24px;
  363. }
  364. .tribe-events-events .tribe-events-event-list-meta {
  365.     float:right;
  366.     border-left:1px solid #ccc;
  367.     padding:0 0 0 4%;
  368.     width:30%;
  369.     font-size:12px;
  370.     margin-bottom:20px;
  371. }
  372. .tribe-events-event-list-meta table {border-collapse:collapse; border: 0 !important;}
  373. .tribe-events-event-list-meta tr { border: 0 !important; }
  374. .tribe-events-event-list-meta td {
  375.     vertical-align:top;
  376.     padding: 0 0 4px 0 !important;
  377.     text-align:left;
  378.     border: 0 !important;
  379.     background-color: white;
  380. }
  381. .tribe-events-event-meta-desc {
  382.     font-weight:bold;
  383.     padding-right:12px;
  384.     width:64px;
  385. }
  386. h4.tribe-events-event-day {
  387.     font-weight:bold;
  388.     font-size:18px;
  389.     margin:12px 0 -3px;
  390.     clear:both;
  391. }
  392. h4.tribe-events-event-day + .post .entry-title {margin-top:6px;}
  393. #eventbrite-embed {
  394.     width:100%;
  395.     min-height:225px;
  396.     margin:24px 0;
  397. }
  398. #tribe-events-nav-below .tribe-events-nav-previous {
  399.     float:left;
  400. }
  401. #tribe-events-nav-below .tribe-events-nav-next {
  402.     float:right;
  403. }
  404. .view-larger-map {
  405.     font-size:13px;
  406.     text-align:right;
  407.     margin-bottom:1em;
  408.     line-height:16px;
  409. }
  410. .clearfix:before, .clearfix:after { content: ""; display: table; }
  411. .clearfix:after { clear: both; }
  412. .clearfix { zoom: 1; }
  413. .tribe-events-error {display:none;}
  414. .tribe-events-multi-event-day {color: #0F81BB;}
  415.  
  416. #tribe-events-events-picker, #tribe-events-picker {
  417.     display:inline;
  418. }
  419. .eventsListWidget li, .singular.page li.hentry, .eventsAdvancedListWidget li, .singular.page li.hentry {
  420.     margin:6px 0 !important;
  421.     padding: 0 0 10px 0 !important;
  422. }
  423.  
  424. .navlink{
  425.     width:30%;
  426.     padding-bottom:10px;
  427. }
  428.  
  429. .tribe-previous{
  430.     float:left;
  431.     clear:both;
  432. }
  433.  
  434. .tribe-next{
  435.     float:right;
  436.     text-align:right;
  437. }
  438.  
  439. /*===== Sidebar Calendar Widget =====*/
  440. .widget #calendar_wrap {
  441.     width:100%;
  442. }
  443. table.tribe-events-calendar-widget {
  444.     width:100%;
  445.     table-layout:fixed;
  446.     margin-top:0;
  447. }
  448. .events_calendar_widget h4.cal-header {
  449.     margin:12px 0 0;
  450. }
  451. h4 .tribe-view-all-events {
  452.     float:right;
  453. }
  454. .tribe-events-calendar-widget th {
  455.     font-size:10px;
  456.     background-color:#e8e8e8;
  457.     color:#555;
  458.     width:14.28%;
  459. }
  460. .tribe-events-calendar-widget td {
  461.     height:auto !important;
  462.     text-align:center;
  463. }
  464. .tribe-events-calendar-widget td .tribe-events-event {
  465.     padding:6px 0;
  466.     background-color:#f9f9f9;
  467. }
  468. .tribe-events-calendar-widget .daynum, .tribe-events-calendar-widget td a {
  469.     font-size:10px;
  470. }
  471. .tribe-events-calendar-widget td a.tribe-events-mini-has-event {
  472.     color:#06c;
  473.     cursor:default;
  474. }
  475. .tribe-events-calendar-widget .tribe-events-tooltip {
  476.     width:100px;
  477.     left:0;
  478.     text-align:left;
  479.     padding:5px 10px;
  480. }
  481. .tribe-events-calendar-widget .tribe-events-right .tribe-events-tooltip {
  482.     right:0;
  483. }
  484. .tribe-events-calendar-widget .tribe-events-tooltip .tribe-events-arrow {
  485.     left:4px;
  486. }
  487. .tribe-events-calendar-widget .tribe-events-right .tribe-events-tooltip .tribe-events-arrow {
  488.     left:auto;
  489.     right:3px;
  490. }
  491. .tribe-events-calendar-widget h5 a {
  492.     font-size:11px;
  493. }
  494.  
  495. /* Fixes for rich snippets */
  496. .event .entry-title {
  497.     color: inherit !important;
  498.     font-size: inherit !important;
  499.     font-weight: inherit !important;
  500.     line-height: inherit !important;
  501.     padding: inherit !important;
  502. }
  503.  
  504. .updated-info {
  505.     text-indent: -9999px;
  506.     height: 0;
  507. }
  508.  
  509. /* 2011 needs more calendar room */
  510. .events-archive .entry-content, .events-archive .entry-header { width: 98%; }
  511. .events-archive .tribe-events-event-entry { width: 60%; }
  512.  
  513. /* IE7, I love to hate you */
  514. *+html .events-archive h2.tribe-events-cal-title {
  515.     padding-bottom:30px;
  516. }
  517. *+html .events-archive .upcoming h2.tribe-events-cal-title {
  518.     padding-bottom:0;
  519. }
  520. *+html #tribe-events-calendar-header {
  521.     margin-bottom:30px;
  522. }
  523.  
  524. #googlemaps img {
  525.  max-width: 100%;
  526. }
  527.  
  528. /* Event-Passed styling */
  529. .event-passed {
  530.     background: #D9EDF7;
  531.     border: 1px solid #BCE8F1;
  532.     color: #3A87AD;
  533.     margin: 10px 0 18px;
  534.     padding: 8px 35px 8px 14px;
  535.     text-shadow: 0 1px 0 #fff;
  536.         -webkit-border-radius: 4px;
  537.         -moz-border-radius: 4px;
  538.         border-radius: 4px;
  539. }
  540.  
  541. /* Promo-Banner styling */
  542. p.tribe-promo-banner {
  543.     font-size: 12px;
  544.     color: #999;
  545. }
  546.  
  547. p.tribe-promo-banner a {
  548.     color: #666;   
  549. }
  550.  
  551. /* Tickets */
  552. .tribe-events-tickets td {
  553.     vertical-align : middle;
  554.     height: 35px;
  555. }
  556.  
  557. .tribe-events-tickets .tickets_description {
  558.     font-size : 0.8em;
  559.     color     : #666;
  560. }
  561.  
  562. .tribe-events-tickets .tickets_nostock {
  563.     font-size : 0.8em;
  564.     color     : #ff0000;
  565. }
  566.  
  567. .tribe-events-tickets .tickets_price {
  568.     font-style  : italic;
  569.     color       : #000;
  570.     font-weight : bold;
  571. }
  572.  
  573. table.tribe-events-tickets {
  574.     border-bottom : 1px solid #DDD;
  575.     margin        : 0 0 1.625em;
  576.     width         : 100%;
  577. }
  578.  
  579. table.tribe-events-tickets td {
  580.     border-top : 1px solid #DDD;
  581.     padding    : 6px 10px 6px 0;
  582. }
  583.  
  584. h2.tribe-events-tickets-title {
  585.     color       : black;
  586.     font-weight : bold;
  587.     margin      : 0 0 .8125em;
  588. }
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!