diff options
| author | Olivier Hallot <olivier.hallot@libreoffice.org> | 2022-05-11 14:07:02 -0300 |
|---|---|---|
| committer | Olivier Hallot <olivier.hallot@libreoffice.org> | 2022-05-13 18:46:34 +0200 |
| commit | d9880014fd80f412d10b2f7536c45941552c4760 (patch) | |
| tree | 250aca756210bbf8a43dd2ba3ac4b27880f46fe0 /help3xsl/default.css | |
| parent | 11bafb045eecef25e05dca0dbc1f693410812056 (diff) | |
Fix YouTube display for Help online/offline
+ Enhance button CSS display
+ Refactor XSLT
+ Refactor XHP
Change-Id: I58e46c31a97ad49eb25a4489994aae5dac62dbc3
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/134207
Tested-by: Jenkins
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>
Diffstat (limited to 'help3xsl/default.css')
| -rw-r--r-- | help3xsl/default.css | 48 |
1 files changed, 48 insertions, 0 deletions
diff --git a/help3xsl/default.css b/help3xsl/default.css index bc053cc704..69d86fb2ce 100644 --- a/help3xsl/default.css +++ b/help3xsl/default.css @@ -397,6 +397,54 @@ h6 { [data-a11y-toggle]:not([aria-controls]) { display: none; } +/* You Tube matters */ +.youtube_placeholder{ + border: 1px solid #eee; + max-width:700px; + padding: 10px; + background-color: #eee; + text-align: center; +} +.youtube_button { + appearance: none; + backface-visibility: hidden; + background-color: #27ae60; + border-radius: 8px; + border-style: none; + box-shadow: rgba(39, 174, 96, .15) 0 4px 9px; + box-sizing: border-box; + color: #fff; + cursor: pointer; + display: inline-block; + font-size: 16px; + font-weight: 600; + letter-spacing: normal; + line-height: 1.5; + outline: none; + overflow: hidden; + padding: 13px 20px; + position: relative; + text-align: center; + text-decoration: none; + transform: translate3d(0, 0, 0); + transition: all .3s; + user-select: none; + -webkit-user-select: none; + touch-action: manipulation; + vertical-align: top; + white-space: nowrap; +} +.youtube_button:hover { + background-color: #1e8449; + opacity: 1; + transform: translateY(0); + transition-duration: .35s; + box-shadow: rgba(39, 174, 96, .2) 0 6px 12px; +} +.youtube_button:active { + transform: translateY(2px); + transition-duration: .35s; +} #langs-nav:not([aria-hidden='true']), #modules-nav:not([aria-hidden='true']) { z-index: 100; |