diff --git a/src/layouts/page/package-detail.html b/src/layouts/page/package-detail.html index d2b82b0..bda1fae 100644 --- a/src/layouts/page/package-detail.html +++ b/src/layouts/page/package-detail.html @@ -34,7 +34,7 @@

don't have tea/gui yet? download here

- + {{ end }}
@@ -350,89 +350,4 @@ ); - {{ end }} diff --git a/src/layouts/partials/head.html b/src/layouts/partials/head.html index 0e7ac45..56eced1 100644 --- a/src/layouts/partials/head.html +++ b/src/layouts/partials/head.html @@ -56,6 +56,7 @@ integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"> + diff --git a/src/static/css/bottle-style.css b/src/static/css/bottle-style.css new file mode 100644 index 0000000..7b29fa8 --- /dev/null +++ b/src/static/css/bottle-style.css @@ -0,0 +1,82 @@ +/* Styling for bottle table on package detail pages */ + +.package-thumbnail{ + width: 100%; +} + +a:hover{ + text-decoration: none; +} + +#purple-bg-btn{ + background-color: #8000FF; + border: 2px solid #8000FF; +} + +#standard-detail-btn:hover{ + background-color: #212020 !important; + box-shadow: inset 0vw 0vw 0vw 0.335vw #1a1a1a !important; +} + +table{ + color: #fff; + width: 100%; +} + +table, th, td { + border: 1px solid #949494; + font-family: "sono", sans-serif; + padding: 20px; +} + +.expand{ + cursor: pointer; +} + +.tea-icon{ + display:block; + text-align:center; + animation: pulse 1s infinite; +} +@keyframes pulse { + 0% { opacity: 1; } + 50% { opacity: 0.5; } + 100% { opacity: 1; } +} +#bottle-preloader { + width: 100%; + height: 200px; + background: #1a1a1a; + border: 1px solid #949494;; +} +#bottle-status { + width: 100%; + height: 200px; + position: relative; + background-position: center; +} +#bottle-loading-text { + font-size: 20px; + text-align: center; + animation: pulse 1s infinite !important; +} + +@media screen and (max-width: 576px) { + + .bottles-container{ + padding: 0px !important; + } + + table, th, td { + border: 1px solid #949494; + font-family: "sono", sans-serif; + padding: 10px; + font-size: 12px; + } + + .title-col{ + padding: 4vw !important; + + } + +}