Last active
July 11, 2020 12:00
-
-
Save sisaacrussell/7b4c208a1442e8b660afdaa2cabe31bb to your computer and use it in GitHub Desktop.
Custom CSS for Tribe Events Plugin
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
* | |
* Custom CSS for Tribe Events Plugin | |
* | |
*/ | |
/* Ticket page styling */ | |
.tribe-rsvp-message-success { | |
background-color: #dff7dd; | |
border-color: #008000; | |
} | |
.tribe-rsvp-message { | |
font-size: 1.375em; | |
font-weight: bold; | |
text-align: center; | |
padding: 27px 43px 17px 66px; | |
color: #7ea57b; | |
border: 1px solid #008000; | |
-moz-box-shadow: inset 0 0 45px #cbe5c9; | |
-webkit-box-shadow: inset 0 0 45px #cbe5c9; | |
box-shadow: inset 0 0 45px #cbe5c9; | |
text-shadow: 1px 1px 1px #ffffff; | |
} | |
tr.tribe-tickets-order_status-row { | |
display:none | |
} | |
span.tickets_nostock { | |
color:red | |
} | |
.tribe-tickets-rsvp .tribe-tickets-remaining { | |
font-size: .8em | |
} | |
.tribe-tickets-rsvp .tribe-ticket.quantity { | |
border-bottom: none | |
} | |
.tribe-tickets-rsvp .tickets_name { | |
font-size: 1.375em | |
} | |
.tribe-tickets-rsvp .tickets_description { | |
font-size: 1em | |
} | |
.tribe-tickets-rsvp .tickets_name { | |
border: none; | |
margin-top: 10px ; | |
width: 20%; | |
color: #00AFB6; | |
font-weight:bold; | |
} | |
.tribe-tickets-rsvp .tribe-ticket.quantity input.tribe-ticket-quantity { | |
font-size:1em; | |
color:#00AFB6; | |
font-weight:bold; | |
} | |
.tribe-tickets-rsvp .tribe-ticket.quantity { | |
display: table-cell; | |
vertical-align: inherit; | |
} | |
.tribe-tickets-rsvp input[type=date], .tribe-tickets-rsvp input[type=datetime-local], .tribe-tickets-rsvp input[type=email], .tribe-tickets-rsvp input[type=month], .tribe-tickets-rsvp input[type=number], .tribe-tickets-rsvp input[type=password], .tribe-tickets-rsvp input[type=search], .tribe-tickets-rsvp input[type=tel], .tribe-tickets-rsvp input[type=text], .tribe-tickets-rsvp input[type=time], .tribe-tickets-rsvp input[type=url], .tribe-tickets-rsvp input[type=week], .tribe-tickets-rsvp select, .tribe-tickets-rsvp textarea { | |
font-size: 1em; | |
} | |
td.tribe-tickets-attendees, td.add-to-cart { | |
margin-top: ; | |
background:#00AFB6; | |
font-weight: bold; | |
color:#fff; | |
} | |
/* Widget styling */ | |
.tribe-event-duration { | |
font-size: .9em; | |
line-height: 1.2em; | |
color: #00AFB6; | |
padding-top: 0; | |
margin-bottom: 0; | |
} | |
.tribe-event-title { | |
font-weight: normal!important; | |
padding-top: .25rem; | |
padding-bottom: 0; | |
} | |
.tribe-events-list-widget .tribe-events-list-widget-events { | |
font-weight: normal!important; | |
margin-bottom: .25rem; | |
} | |
.tribe-events-page-template #main-content .container:before { | |
content: none; | |
} | |
#main-content .tribe-events-list-widget-events .entry-title { | |
font-size: 1em; | |
padding-bottom: 0; | |
} | |
#main-content .tribe-events-list-widget ol { | |
padding: 0; | |
} | |
.tribe-events-list-widget ol li { | |
margin-bottom: 1em; | |
margin-left: -1em; | |
} | |
#tribe-events-pg-template .tribe-events-content ul li { | |
margin-bottom: 0 | |
} | |
#main-content .tribe-events-widget-link a:hover, a.more-link:hover { | |
text-decoration: underline; | |
} | |
#tribe-events-content { | |
margin-bottom: 0; | |
} | |
/* Global Main Button Style */ | |
.tribe-events-button, | |
#tribe-events .tribe-events-button, #tribe-events .button { | |
background: #00afb6; | |
border-radius: 7px; | |
border: 2px solid; | |
font-size: 25px; | |
font-weight: 500; | |
line-height: 1.7em !important; | |
padding: 0.3em 1em; | |
text-decoration: none; | |
text-transform: none; | |
} | |
.tribe-events-button.tribe-active { | |
background-color: #00afb6; | |
color: #fff; | |
} | |
.tribe-events-button.tribe-inactive, | |
.tribe-events-button:hover, | |
#tribe-events .tribe-events-button:hover, | |
.tribe-events-button.tribe-active:hover, #tribe-events .button:hover { | |
background-color: #19b7bd; | |
color: #fff; | |
text-decoration: none; | |
} | |
/* Calendar Add Buttons */ | |
a.tribe-events-ical, | |
a.tribe-events-gcal { | |
color: #fff; | |
float: right; | |
font-size: 1em; | |
font-weight: 500; | |
line-height: 1.7em; | |
margin-top: 21px; | |
padding: 0 6px; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment