aboutsummaryrefslogtreecommitdiff
path: root/public/css/style.css
diff options
context:
space:
mode:
authorMateja <mail@matejamaric.com>2021-05-02 21:06:06 +0200
committerMateja <mail@matejamaric.com>2021-05-02 21:06:06 +0200
commit7483bb5da6b22b94045a309d2ece2ed80ce48dc2 (patch)
tree2bcdb9c0e395ab967302fc1409b205f75b0a4f13 /public/css/style.css
parent4320439bb76922c13917845a2dcb17a84fc493d2 (diff)
downloadnode-playground-7483bb5da6b22b94045a309d2ece2ed80ce48dc2.tar.gz
node-playground-7483bb5da6b22b94045a309d2ece2ed80ce48dc2.zip
Add `public` directory for static files.
Diffstat (limited to 'public/css/style.css')
-rw-r--r--public/css/style.css77
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; }