mirror of
https://github.com/ivabus/www
synced 2024-11-10 07:35:16 +03:00
Added bottle table styling to a separate css file
This commit is contained in:
parent
0e5f86aaee
commit
262e7dd16a
|
@ -350,89 +350,4 @@
|
|||
);
|
||||
</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 }}
|
||||
|
|
|
@ -56,6 +56,7 @@
|
|||
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
|
||||
<link rel="apple-touch-icon-precomposed" href="/favicon-180.png">
|
||||
<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/navbar.css">
|
||||
<link rel="stylesheet" href="/css/generative-art.css">
|
||||
|
|
82
src/static/css/bottle-style.css
Normal file
82
src/static/css/bottle-style.css
Normal 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;
|
||||
|
||||
}
|
||||
|
||||
}
|
Loading…
Reference in a new issue