Mercurial > hg > isophonics-drupal-site
diff core/themes/seven/css/components/tour.theme.css @ 0:4c8ae668cc8c
Initial import (non-working)
author | Chris Cannam |
---|---|
date | Wed, 29 Nov 2017 16:09:58 +0000 |
parents | |
children | 1fec387a4317 |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/core/themes/seven/css/components/tour.theme.css Wed Nov 29 16:09:58 2017 +0000 @@ -0,0 +1,103 @@ +/** + * @file + * Styles for Tour theme. + */ + +/* Default styles for the container */ +.joyride-tip-guide { + background: #000; + background: rgba(0,0,0, 0.8); + color: #fff; + border-radius: 5px; +} + +/* Mobile */ +@media only screen and (max-width: 767px) { + .joyride-tip-guide { + border-radius: 0; + } +} + +/* Add a little css triangle pip, older browser just miss out on the fanciness of it. */ +.joyride-tip-guide .joyride-nub { + border: solid 14px rgba(0,0,0, 0.8); +} +.joyride-tip-guide .joyride-nub.top { + border-top-color: transparent; + border-left-color: transparent; + border-right-color: transparent; +} +.joyride-tip-guide .joyride-nub.bottom { + border-bottom-color: transparent; + border-left-color: transparent; + border-right-color: transparent; +} +.joyride-tip-guide .joyride-nub.right { + border-top-color: transparent; + border-right-color: transparent; /* LTR */ + border-bottom-color: transparent; +} +[dir="rtl"] .joyride-tip-guide .joyride-nub.right { + border-left-color: transparent; + border-right-color: rgba(0,0,0, 0.8); +} +.joyride-tip-guide .joyride-nub.left { + border-top-color: transparent; + border-left-color: transparent; /* LTR */ + border-bottom-color: transparent; +} +[dir="rtl"] .joyride-tip-guide .joyride-nub.left { + border-left-color: rgba(0,0,0, 0.8); + border-right-color: transparent; +} +.joyride-tip-guide .joyride-nub.top-right { + border-top-color: transparent; + border-left-color: transparent; + border-right-color: transparent; +} + +/* Typography */ +.joyride-tip-guide h2 { + color: #fff; +} +.joyride-tip-guide p { + line-height: 1.385em; +} +.joyride-tip-guide a { + color: #fff; +} + +/* Button Style */ +.joyride-tip-guide .joyride-next-tip { + margin: 0; +} +.joyride-timer-indicator-wrap { + border: solid 1px rgba(255,255,255, 0.1); +} +.joyride-timer-indicator { + background: rgba(255,255,255, 0.25); +} + +.joyride-close-tip { + color: rgba(255,255,255, 0.4); + text-decoration: none; + font-size: 1.4em; + font-weight: bold; +} +.joyride-close-tip:hover, +.joyride-close-tip:focus { + color: rgba(255,255,255, 0.9); + text-decoration: none; +} + +.joyride-modal-bg { + background: rgba(0,0,0, 0.5); +} + +.joyride-expose-wrapper { + background-color: #ffffff; +} + +.joyride-expose-cover { + background: transparent; +}