Refactored 21sextury scraper.
This commit is contained in:
@@ -42,8 +42,10 @@
|
||||
/* $primary: #ff886c; */
|
||||
.filter-bar[data-v-6db17c96] {
|
||||
background: #fff;
|
||||
display: -webkit-box;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
-webkit-box-pack: justify;
|
||||
justify-content: space-between;
|
||||
padding: .5rem 1rem;
|
||||
z-index: 1;
|
||||
font-size: 0;
|
||||
@@ -93,8 +95,11 @@
|
||||
/* $primary: #ff886c; */
|
||||
.tile[data-v-3abcf101] {
|
||||
background: #fff;
|
||||
display: -webkit-box;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
flex-direction: column;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0 .5rem 0;
|
||||
overflow: hidden;
|
||||
@@ -108,9 +113,12 @@
|
||||
.thumbnail[data-v-3abcf101] {
|
||||
width: 100%;
|
||||
height: 12rem;
|
||||
display: -webkit-box;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
justify-content: center;
|
||||
-webkit-box-align: center;
|
||||
align-items: center;
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
background-position: center;
|
||||
@@ -120,18 +128,24 @@
|
||||
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
.row[data-v-3abcf101] {
|
||||
display: -webkit-box;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
-webkit-box-pack: justify;
|
||||
justify-content: space-between;
|
||||
-webkit-box-align: center;
|
||||
align-items: center;
|
||||
box-sizing: border-box;
|
||||
padding: 0 .5rem;
|
||||
margin: 0 0 .25rem 0;
|
||||
}
|
||||
.details[data-v-3abcf101] {
|
||||
width: 100%;
|
||||
display: -webkit-box;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
-webkit-box-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: justify;
|
||||
justify-content: space-between;
|
||||
position: absolute;
|
||||
font-size: 0;
|
||||
}
|
||||
@@ -162,9 +176,13 @@
|
||||
font-weight: bold;
|
||||
}
|
||||
.info[data-v-3abcf101] {
|
||||
display: -webkit-box;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-grow: 1;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
flex-direction: column;
|
||||
-webkit-box-flex: 1;
|
||||
flex-grow: 1;
|
||||
}
|
||||
.link[data-v-3abcf101] {
|
||||
text-decoration: none;
|
||||
@@ -281,9 +299,12 @@
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
height: 12rem;
|
||||
width: 100%;
|
||||
display: -webkit-box;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
-webkit-box-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
justify-content: center;
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
-o-object-position: 50% 0;
|
||||
@@ -324,8 +345,10 @@
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.row[data-v-2bc41e74] {
|
||||
display: -webkit-box;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
-webkit-box-align: center;
|
||||
align-items: center;
|
||||
margin: 0 0 1rem 0;
|
||||
}
|
||||
.row .icon[data-v-2bc41e74] {
|
||||
@@ -341,8 +364,10 @@
|
||||
cursor: default;
|
||||
}
|
||||
.info .column[data-v-2bc41e74] {
|
||||
display: -webkit-box;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
-webkit-box-align: center;
|
||||
align-items: center;
|
||||
padding: 0 1rem;
|
||||
}
|
||||
.tidbit[data-v-2bc41e74] {
|
||||
@@ -362,15 +387,21 @@
|
||||
margin: 0 1rem 0 0;
|
||||
}
|
||||
.site[data-v-2bc41e74] {
|
||||
display: -webkit-inline-box;
|
||||
display: inline-flex;
|
||||
flex-grow: 1;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
-webkit-box-flex: 1;
|
||||
flex-grow: 1;
|
||||
-webkit-box-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: end;
|
||||
justify-content: flex-end;
|
||||
padding: .25rem 0;
|
||||
font-size: 0;
|
||||
}
|
||||
.logo[data-v-2bc41e74] {
|
||||
display: inline-block;
|
||||
-webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.5));
|
||||
filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.5));
|
||||
}
|
||||
.logo-site[data-v-2bc41e74] {
|
||||
height: 3rem;
|
||||
@@ -379,6 +410,8 @@
|
||||
object-fit: contain;
|
||||
-o-object-position: 100% 50%;
|
||||
object-position: 100% 50%;
|
||||
-webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.5));
|
||||
filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.5));
|
||||
}
|
||||
.logo-network[data-v-2bc41e74] {
|
||||
height: 1.5rem;
|
||||
@@ -407,6 +440,7 @@
|
||||
font-size: 1rem;
|
||||
}
|
||||
.actors[data-v-2bc41e74] {
|
||||
display: -webkit-box;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
@@ -460,13 +494,17 @@
|
||||
|
||||
/* $primary: #ff886c; */
|
||||
.header[data-v-3e57cf44] {
|
||||
display: -webkit-box;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
-webkit-box-pack: justify;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.title[data-v-3e57cf44] {
|
||||
display: -webkit-inline-box;
|
||||
display: inline-flex;
|
||||
align-items: top;
|
||||
-webkit-box-align: top;
|
||||
align-items: top;
|
||||
margin: 0 1rem 0 0;
|
||||
}
|
||||
.title:hover .icon[data-v-3e57cf44] {
|
||||
@@ -477,10 +515,14 @@
|
||||
margin: 0 0 1rem 0;
|
||||
}
|
||||
.link[data-v-3e57cf44] {
|
||||
display: -webkit-box;
|
||||
display: flex;
|
||||
flex-shrink: 0;
|
||||
flex-direction: column;
|
||||
align-items: flex-end;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
flex-direction: column;
|
||||
-webkit-box-align: end;
|
||||
align-items: flex-end;
|
||||
}
|
||||
.logo[data-v-3e57cf44] {
|
||||
width: 20rem;
|
||||
@@ -490,8 +532,10 @@
|
||||
margin: 0 .5rem 1rem 0;
|
||||
}
|
||||
.networklogo-container[data-v-3e57cf44] {
|
||||
display: -webkit-box;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
-webkit-box-align: center;
|
||||
align-items: center;
|
||||
}
|
||||
.networklogo[data-v-3e57cf44] {
|
||||
color: #222;
|
||||
@@ -517,9 +561,13 @@
|
||||
/* $primary: #ff886c; */
|
||||
.tile[data-v-f4958086] {
|
||||
background: #fff;
|
||||
display: -webkit-box;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
flex-direction: column;
|
||||
-webkit-box-align: center;
|
||||
align-items: center;
|
||||
box-sizing: border-box;
|
||||
padding: .5rem 1rem;
|
||||
border-radius: .25rem;
|
||||
@@ -534,9 +582,12 @@
|
||||
width: 100%;
|
||||
height: 5rem;
|
||||
color: #222;
|
||||
display: -webkit-box;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
-webkit-box-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
justify-content: center;
|
||||
-o-object-fit: contain;
|
||||
object-fit: contain;
|
||||
font-size: 1rem;
|
||||
@@ -547,22 +598,29 @@
|
||||
.title[data-v-f4958086] {
|
||||
color: #222;
|
||||
height: 100%;
|
||||
display: -webkit-box;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
-webkit-box-align: center;
|
||||
align-items: center;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* $primary: #ff886c; */
|
||||
.header[data-v-e2e12602] {
|
||||
display: -webkit-box;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
align-items: top;
|
||||
-webkit-box-pack: justify;
|
||||
justify-content: space-between;
|
||||
-webkit-box-align: top;
|
||||
align-items: top;
|
||||
margin: 0 0 2rem 0;
|
||||
}
|
||||
.title[data-v-e2e12602] {
|
||||
display: -webkit-inline-box;
|
||||
display: inline-flex;
|
||||
align-items: top;
|
||||
-webkit-box-align: top;
|
||||
align-items: top;
|
||||
margin: 0 1rem 0 0;
|
||||
}
|
||||
.title:hover .icon[data-v-e2e12602] {
|
||||
@@ -592,9 +650,13 @@
|
||||
/* $primary: #ff886c; */
|
||||
.tile[data-v-8b4c90b0] {
|
||||
background: #fff;
|
||||
display: -webkit-box;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
flex-direction: column;
|
||||
-webkit-box-align: center;
|
||||
align-items: center;
|
||||
box-sizing: border-box;
|
||||
padding: .5rem 1rem;
|
||||
border-radius: .25rem;
|
||||
@@ -609,9 +671,12 @@
|
||||
width: 100%;
|
||||
height: 5rem;
|
||||
color: #222;
|
||||
display: -webkit-box;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
-webkit-box-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
justify-content: center;
|
||||
-o-object-fit: contain;
|
||||
object-fit: contain;
|
||||
font-size: 1rem;
|
||||
@@ -622,8 +687,10 @@
|
||||
.title[data-v-8b4c90b0] {
|
||||
color: #222;
|
||||
height: 100%;
|
||||
display: -webkit-box;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
-webkit-box-align: center;
|
||||
align-items: center;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
@@ -660,6 +727,7 @@
|
||||
.photos[data-v-0a0430c7] {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
display: -webkit-box;
|
||||
display: flex;
|
||||
overflow-x: scroll;
|
||||
scrollbar-width: none;
|
||||
@@ -680,8 +748,11 @@
|
||||
/* $primary: #ff886c; */
|
||||
.actor-inner[data-v-ea0483c2] {
|
||||
height: 100%;
|
||||
display: -webkit-box;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
flex-direction: column;
|
||||
padding: 0;
|
||||
overflow-x: auto;
|
||||
}
|
||||
@@ -689,8 +760,11 @@
|
||||
background: #222;
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
width: 100%;
|
||||
display: -webkit-box;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
-webkit-box-orient: horizontal;
|
||||
-webkit-box-direction: normal;
|
||||
flex-direction: row;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.profile .avatar-link[data-v-ea0483c2] {
|
||||
@@ -708,21 +782,27 @@
|
||||
object-position: 50% 0;
|
||||
}
|
||||
.bio[data-v-ea0483c2] {
|
||||
flex-grow: 1;
|
||||
-webkit-box-flex: 1;
|
||||
flex-grow: 1;
|
||||
min-width: 20rem;
|
||||
box-sizing: border-box;
|
||||
padding: 1rem;
|
||||
margin: 0 2rem 0 0;
|
||||
}
|
||||
.bio-header[data-v-ea0483c2] {
|
||||
display: -webkit-box;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
-webkit-box-pack: justify;
|
||||
justify-content: space-between;
|
||||
-webkit-box-align: center;
|
||||
align-items: center;
|
||||
margin: 0 0 1rem 0;
|
||||
}
|
||||
.bio-item[data-v-ea0483c2] {
|
||||
display: -webkit-box;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
-webkit-box-pack: justify;
|
||||
justify-content: space-between;
|
||||
padding: 0 0 .25rem 0;
|
||||
margin: 0 0 .25rem 0;
|
||||
line-height: 1.75;
|
||||
@@ -801,7 +881,8 @@
|
||||
font-size: .8rem;
|
||||
}
|
||||
.extra[data-v-ea0483c2] {
|
||||
flex-grow: 1;
|
||||
-webkit-box-flex: 1;
|
||||
flex-grow: 1;
|
||||
}
|
||||
.description[data-v-ea0483c2] {
|
||||
max-height: 12rem;
|
||||
@@ -837,9 +918,13 @@
|
||||
fill: #ff6c88;
|
||||
}
|
||||
.actor-content[data-v-ea0483c2] {
|
||||
display: -webkit-box;
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
flex-direction: row;
|
||||
-webkit-box-flex: 1;
|
||||
flex-grow: 1;
|
||||
-webkit-box-orient: horizontal;
|
||||
-webkit-box-direction: normal;
|
||||
flex-direction: row;
|
||||
}
|
||||
.heading[data-v-ea0483c2] {
|
||||
padding: 0;
|
||||
@@ -856,7 +941,8 @@
|
||||
display: none;
|
||||
}
|
||||
.releases[data-v-ea0483c2] {
|
||||
flex-grow: 1;
|
||||
-webkit-box-flex: 1;
|
||||
flex-grow: 1;
|
||||
padding: 1rem;
|
||||
}
|
||||
@media (max-width: 1500px) {
|
||||
@@ -870,7 +956,9 @@
|
||||
display: none;
|
||||
}
|
||||
.actor-content[data-v-ea0483c2] {
|
||||
flex-direction: column;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
flex-direction: column;
|
||||
}
|
||||
.photos-container[data-v-ea0483c2] {
|
||||
border: none;
|
||||
@@ -882,12 +970,15 @@
|
||||
display: none;
|
||||
}
|
||||
.photos.compact[data-v-ea0483c2] {
|
||||
display: -webkit-box;
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
@media (max-width: 720px) {
|
||||
.profile[data-v-ea0483c2] {
|
||||
flex-direction: column;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
flex-direction: column;
|
||||
padding: 0 0 .5rem 0;
|
||||
}
|
||||
.bio[data-v-ea0483c2] {
|
||||
@@ -931,10 +1022,15 @@
|
||||
|
||||
/* $primary: #ff886c; */
|
||||
.tag[data-v-7f130e7f] {
|
||||
display: -webkit-box;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-grow: 1;
|
||||
justify-content: stretch;
|
||||
-webkit-box-orient: horizontal;
|
||||
-webkit-box-direction: normal;
|
||||
flex-direction: row;
|
||||
-webkit-box-flex: 1;
|
||||
flex-grow: 1;
|
||||
-webkit-box-pack: stretch;
|
||||
justify-content: stretch;
|
||||
}
|
||||
.sidebar[data-v-7f130e7f] {
|
||||
background: #222;
|
||||
@@ -970,11 +1066,15 @@
|
||||
|
||||
/* $primary: #ff886c; */
|
||||
.tile[data-v-602c6fd8] {
|
||||
color: #fff;
|
||||
background: #222;
|
||||
color: #222;
|
||||
background: #fff;
|
||||
display: -webkit-box;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
flex-direction: column;
|
||||
-webkit-box-align: center;
|
||||
align-items: center;
|
||||
box-sizing: border-box;
|
||||
box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
|
||||
text-align: center;
|
||||
@@ -988,15 +1088,19 @@
|
||||
}
|
||||
.title[data-v-602c6fd8] {
|
||||
height: 100%;
|
||||
display: -webkit-box;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
-webkit-box-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
justify-content: center;
|
||||
font-size: 1rem;
|
||||
padding: .5rem 1rem;
|
||||
font-weight: bold;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
/* $primary: #ff886c; */
|
||||
.tags[data-v-66fa6284] {
|
||||
padding: 1rem;
|
||||
}
|
||||
@@ -1011,10 +1115,15 @@
|
||||
background: #fff;
|
||||
color: #ff6c88;
|
||||
height: 100%;
|
||||
display: -webkit-box;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
flex-direction: column;
|
||||
-webkit-box-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
justify-content: center;
|
||||
font-size: 2rem;
|
||||
}
|
||||
.error[data-v-29109daf] {
|
||||
@@ -1149,8 +1258,10 @@ body {
|
||||
|
||||
/* $primary: #ff886c; */
|
||||
.header[data-v-10b7ec04] {
|
||||
display: -webkit-box;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
-webkit-box-align: center;
|
||||
align-items: center;
|
||||
background: #fff;
|
||||
color: #ff6c88;
|
||||
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
|
||||
@@ -1171,9 +1282,12 @@ body {
|
||||
display: inline-block;
|
||||
}
|
||||
.nav-link[data-v-10b7ec04] {
|
||||
display: -webkit-box;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
-webkit-box-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
justify-content: center;
|
||||
padding: 1rem;
|
||||
border-bottom: solid 5px transparent;
|
||||
color: rgba(0, 0, 0, 0.5);
|
||||
@@ -1203,11 +1317,13 @@ body {
|
||||
display: none;
|
||||
}
|
||||
.nav .nolist[data-v-10b7ec04] {
|
||||
display: -webkit-box;
|
||||
display: flex;
|
||||
}
|
||||
.nav[data-v-10b7ec04],
|
||||
.nav-item[data-v-10b7ec04] {
|
||||
flex-grow: 1;
|
||||
-webkit-box-flex: 1;
|
||||
flex-grow: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1215,18 +1331,26 @@ body {
|
||||
.container {
|
||||
background: #fafafa;
|
||||
height: 100%;
|
||||
display: -webkit-box;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
}
|
||||
.content {
|
||||
display: -webkit-box;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-grow: 1;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
flex-direction: column;
|
||||
-webkit-box-flex: 1;
|
||||
flex-grow: 1;
|
||||
overflow-y: auto;
|
||||
}
|
||||
.content-inner {
|
||||
flex-grow: 1;
|
||||
-webkit-box-flex: 1;
|
||||
flex-grow: 1;
|
||||
padding: 1rem;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user