boiii/traxxx
1
0
Fork 0
forked from DebaucheryLibrarian/traxxx
Code Issues Pull Requests Projects Releases Wiki Activity

Added release page with photo viewer. Added photo count to database. Improved styling.

Browse Source
This commit is contained in:
ThePendulum
2019-07-06 05:29:12 +02:00
parent 70a67792c3
commit f2a6b58370
17 changed files with 308 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
public/css/style.css
View File

@@ -1,6 +1,6 @@
.scenes[data-v-5533e378] {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
grid-gap: 1rem;
}
.scene[data-v-5533e378] {
@@ -19,11 +19,16 @@
.scene-thumbnail[data-v-5533e378] {
width: 100%;
height: 200px;
display: block;
background-position: center;
background-size: cover;
display: flex;
justify-content: center;
align-items: center;
-o-object-fit: cover;
object-fit: cover;
background-position: center;
background-size: cover;
background-color: rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.5);
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
}
.scene-row[data-v-5533e378] {
display: flex;
@@ -50,6 +55,7 @@
}
.scene-site[data-v-5533e378] {
border-radius: 0 0 .25rem 0;
font-weight: bold;
}
.scene-date[data-v-5533e378] {
border-radius: 0 0 0 .25rem;
@@ -91,7 +97,7 @@
font-size: .75rem;
}
.scene-actor[data-v-5533e378]:not(:last-of-type)::after,
.scene-tag[data-v-5533e378]:not(:last-of-type):after {
.scene-tag[data-v-5533e378]:not(:last-child):after {
content: ",";
}
.actor-link[data-v-5533e378],
@@ -102,12 +108,49 @@
width: 300px;
}
.banner[data-v-2bc41e74] {
white-space: nowrap;
overflow-x: auto;
margin: 0 0 1rem 0;
scrollbar-width: none;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
.banner[data-v-2bc41e74]::-webkit-scrollbar {
display: none;
}
.banner-item[data-v-2bc41e74] {
height: 20rem;
vertical-align: middle;
}
.row[data-v-2bc41e74] {
display: block;
padding: 0 1rem;
margin: 0 0 .5rem 0;
}
.actors[data-v-2bc41e74],
.tags[data-v-2bc41e74] {
list-style: none;
}
.actor[data-v-2bc41e74],
.tag[data-v-2bc41e74] {
display: inline-block;
text-transform: capitalize;
}
.actor[data-v-2bc41e74]:not(:last-child)::after,
.tag[data-v-2bc41e74]:not(:last-child)::after {
content: ',';
display: inline-block;
width: .6rem;
}
html,
body {
height: 100%; }
body {
margin: 0; }
color: #222;
margin: 0;
font-family: Verdana, sans-serif; }
.nolist {
list-style: none;
@@ -125,7 +168,12 @@ body {
background: #ff886c;
padding: 1rem;
}
.logo-link[data-v-10b7ec04] {
color: inherit;
text-decoration: none;
}
.logo[data-v-10b7ec04] {
display: inline-block;
margin: 0;
}