Skip to content

Instantly share code, notes, and snippets.

@Theminijohn
Last active May 7, 2020
Embed
What would you like to do?
AnyRoad Stylesheet | For fast color change just update the variable "--primary-color"
:root {
--primary-color: #8ec63f;
}
/* Currency Bar */
body .PluginHeader {
}
/* Tour Listing Page (Index) -------------------------------------------------------------------------------- */
body #results_container #search-bar #sbtn { /* search button */
background: var(--primary-color)!important;
}
body .website-tours .tour .book-tour-details .tour-actions .book-tour-btn { /* Book now button */
background: var(--primary-color)!important;
}
body #main.search-results .tours .search-pagination .pagination li a,
body #results_container .tours .search-pagination .pagination li a { /* Pagination top and bottom */
color: var(--primary-color)!important;
}
/* Tour Details Page (Show) -------------------------------------------------------------------------------- */
body .TourPage-About a { /* Location */
color: var(--primary-color)!important;
}
body .TourPage-ContactGuide-link.ui.basic.button { /* Questions Button */
color: var(--primary-color)!important;
box-shadow: 0 0 0 1px currentColor inset!important;
}
body .TourPage-ContactGuide-submit-button.ui.large.button { /* Inquiry Form */
background: var(--primary-color)!important;
}
body .pika-button:hover { /* Inquiry Form */
background: var(--primary-color)!important;
}
body .ui.dropdown.selected,
body .ui.dropdown .menu .selected.item { /* Inquiry Form */
background: var(--primary-color)!important;
color: #fff;
}
body .TourPage-About-description-more .link,
body .TourPage-About-description-more .af-angle-down-ar { /* more link under description */
color: var(--primary-color)!important;
}
body .Plugins-TourPage-GlanceWrapper .TourPage-Glance a { /* at a glance links */
color: var(--primary-color)!important;
border-color: var(--primary-color)!important;
}
body .Plugins-TourPage-GlanceWrapper .TourPage-Glance .TourPage-Glance-Addons-help .icon.af-help-circle { /* Help circle */
color: var(--primary-color)!important;
}
body .TourPage-BookingDetails .RequestBooking.ui.huge.anygreen.button.disabled,
body .TourPage-BookingDetails .RequestBooking.ui.huge.anygreen.button .disabled:hover { /* disabled button */
background: var(--primary-color)!important;
}
body .TourPage-BookingDetails .TourPage-BookingDetails-NoAvailability .link a { /* disabled link */
color: var(--primary-color)!important;
}
body .dropdown-wrapper.t-booking-request .ui.dropdown .menu .item.active,
body .dropdown-wrapper.t-booking-request .ui.dropdown .menu .item.selected,
body .dropdown-wrapper.t-booking-request .ui.dropdown .menu .item:hover { /* dropdown background */
background: var(--primary-color)!important;
}
body .pika-single .is-today .pika-button { /* calendar: todays date */
color: var(--primary-color)!important;
}
body .pika-single .is-selected .pika-button { /* calendar: selected date; */
background: var(--primary-color)!important;
}
body .DropdownCalendar .calendar .pika-button:hover { /* calendar: hover date; */
background: var(--primary-color)!important;
}
body .BookingRequest-Addons .BookingRequest-Addons-addon .ui.toggle.checkbox>input:checked~label:before { /* Addon switch */
background: var(--primary-color)!important;
}
body .BookingRequest-times .time .icon.af-checkmark { /* timeslots */
background: var(--primary-color)!important;
}
body .ui.anygreen.button,
body .ui.anygreen.button:hover { /* request booking button */
background: var(--primary-color)!important;
}
body .TourPage-BookingDetails-PaymentMethods .TourPage-BookingDetails-PaymentMethods-Content .TourPage-BookingDetails-PaymentMethods-Action-Secondary {
color: var(--primary-color)!important;
}
body .TourPage-BookingDetails-PaymentMethods .TourPage-BookingDetails-PaymentMethods-Content .TourPage-BookingDetails-PaymentMethods-Action-Secondary,
body .TourPage-BookingDetails-PaymentMethods .TourPage-BookingDetails-PaymentMethods-Content .TourPage-BookingDetails-PaymentMethods-Action {
border-color: var(--primary-color)!important;
}
/* Tour Details Page (Mobile) ------------------------------------------------------------------ */
#request-booking-mobile .ui.button {
background: var(--primary-color)!important;
}
/* Contact Form -------------------------------------------------------------------------------- */
body .datepicker table tr td.active.active { /* request date */
background: var(--primary-color)!important;
}
body .btn.btn-success#contact {
background: var(--primary-color)!important;
}
/* Breakpoints -------------------------------------------------------------------------------- */
@media screen and (max-width: 679px) {
body .website-tours .tour .tour-title-and-description .tour-title {
color: white!important;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment