Added bottle table styling to a separate css file

This commit is contained in:
Thomas Smith 2023-05-05 15:30:26 +02:00
parent 0e5f86aaee
commit 262e7dd16a
3 changed files with 84 additions and 86 deletions

View file

@ -34,7 +34,7 @@
<p style="line-height: 60px">don't have tea/gui yet? download <a style="color:aquamarine" href="/gui">here</a></p> <p style="line-height: 60px">don't have tea/gui yet? download <a style="color:aquamarine" href="/gui">here</a></p>
</div> </div>
</div> </div>
{{ end }} {{ end }}
<div class="row"> <div class="row">
<div class="col"> <div class="col">
@ -350,89 +350,4 @@
); );
</script> </script>
<style>
.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;
}
}
</style>
{{ end }} {{ end }}

View file

@ -56,6 +56,7 @@
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"> integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<link rel="apple-touch-icon-precomposed" href="/favicon-180.png"> <link rel="apple-touch-icon-precomposed" href="/favicon-180.png">
<link rel="stylesheet" href="/css/homepage.css"> <link rel="stylesheet" href="/css/homepage.css">
<link rel="stylesheet" href="/css/bottle-style.css">
<link rel="stylesheet" href="/css/typography.css"> <link rel="stylesheet" href="/css/typography.css">
<link rel="stylesheet" href="/css/navbar.css"> <link rel="stylesheet" href="/css/navbar.css">
<link rel="stylesheet" href="/css/generative-art.css"> <link rel="stylesheet" href="/css/generative-art.css">

View file

@ -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;
}
}