diff options
Diffstat (limited to 'website/resources/css/custom.css')
| -rw-r--r-- | website/resources/css/custom.css | 59 |
1 files changed, 42 insertions, 17 deletions
diff --git a/website/resources/css/custom.css b/website/resources/css/custom.css index 6774a7d5..0166b84e 100644 --- a/website/resources/css/custom.css +++ b/website/resources/css/custom.css @@ -1,35 +1,60 @@ .importantNotification { - background-color: #FFEBCD; - border-radius: 20px; - padding: 10px; - margin: 10px; + background-color: #FFEBCD; + border-radius: 20px; + padding: 10px; + margin: 10px; } -#clickForVideo { - padding: 20px 30px; - background-color: #DDD; - cursor: pointer; - margin-left: auto; - margin-right: auto; - margin-bottom: 40px; +.tidelift-link-inline { + border-radius: 18px; + background-color: #626980; + background-color: #626980; + background-image: url('/img/tidelift-mark.png'); + background-repeat: no-repeat; + background-position: 6px; + background-size: 12px; + padding: 2px 8px 2px 26px; + color: #FFF; +} + +.tidelift-link { + border-bottom-left-radius: 18px; + border-top-left-radius: 18px; + background-color: #626980; + box-sizing: border-box; + color: #FFF; + display: flex; + top: 46px; + right: 0px; + position: absolute; + background-image: url('/img/tidelift-mark.png'); + background-repeat: no-repeat; + background-position: 10px; + background-size: 12px; + padding: 6px 12px 6px 28px; } -.tidelift-para { - margin-top: 10px; +.tidelift-link:hover, .tidelift-link-inline:hover { + color: white; } #tideliftlink { margin-left: 2px; padding: 4px 6px 4px 20px; - background-image: url('/img/tidelift-mark.png'); - background-repeat: no-repeat; - background-position: 4px; - background-size: 12px; background-color: #4b5168; border-radius: 5px; color: white; } +#clickForVideo { + padding: 20px 30px; + background-color: #DDD; + cursor: pointer; + margin-left: auto; + margin-right: auto; + margin-bottom: 40px; +} + pre { text-align: left; } |