diff options
author | Mateja <mail@matejamaric.com> | 2021-05-02 21:06:06 +0200 |
---|---|---|
committer | Mateja <mail@matejamaric.com> | 2021-05-02 21:06:06 +0200 |
commit | 7483bb5da6b22b94045a309d2ece2ed80ce48dc2 (patch) | |
tree | 2bcdb9c0e395ab967302fc1409b205f75b0a4f13 /public/css | |
parent | 4320439bb76922c13917845a2dcb17a84fc493d2 (diff) | |
download | node-playground-7483bb5da6b22b94045a309d2ece2ed80ce48dc2.tar.gz node-playground-7483bb5da6b22b94045a309d2ece2ed80ce48dc2.zip |
Add `public` directory for static files.
Diffstat (limited to 'public/css')
-rw-r--r-- | public/css/style.css | 77 |
1 files changed, 77 insertions, 0 deletions
diff --git a/public/css/style.css b/public/css/style.css new file mode 100644 index 0000000..d3a017d --- /dev/null +++ b/public/css/style.css @@ -0,0 +1,77 @@ +body { + font-family: 'Lato', sans-serif; + background: #cbd4ee; } + +footer, nav { + background: linear-gradient(to right, #3c1d43, #002147) !important; + color: white; + font-size: 1.1rem !important; } + footer .nav-item, nav .nav-item { + padding: 0.7rem; } + +.carousel { + max-height: 60vh; + overflow: hidden; } + .carousel .img-fluid { + width: 100%; } + +.badge { + background: #002147; + padding: 1rem; + border-radius: 0 35%; } + +.btn { + background: #002147; + color: white; } + .btn:hover { + color: #cbd4ee; } + +.card { + height: 100%; } + .card .card-title { + font-weight: bold; } + .card .card-header { + background: #3c1d43; + color: white; } + .card .card-footer { + background: #002147; + color: white; } + .card .img-fluid { + width: 100%; + height: 100%; } + +.repertory { + width: 55rem; } + +.soon { + height: auto; } + +.icons-index { + font-size: 10rem; + color: #002147; + opacity: 0.7; } + +.gallery-container { + max-width: 80vw; + max-height: 75vh; } + .gallery-container .gallery-image { + width: 100%; + height: 100%; + object-fit: cover; } + +.gallery-image-thumbnail { + width: 100%; + height: 100%; + opacity: 0.7; } + .gallery-image-thumbnail:hover { + cursor: pointer; } + +.selected { + opacity: 1; } + +.column { + float: left; + width: 16.66%; } + +.form-text { + color: #002147; } |