Better styling
This commit is contained in:
parent
be2e2b0ab5
commit
b0925c3de2
|
@ -51,9 +51,7 @@ export class ImagePreviewMutator {
|
|||
this.add('www.sex.com', this.getBaseJsMutatorScript('.image_frame img, .image_frame video'));
|
||||
this.add('sex.com', this.getBaseJsMutatorScript('.image_frame img, .image_frame video'));
|
||||
this.add('redirect.media.tumblr.com', this.getBaseJsMutatorScript('picture img, picture video'));
|
||||
|
||||
// this fixes videos only -- images are fine as is
|
||||
this.add('i.imgur.com', this.getBaseJsMutatorScript('video'));
|
||||
this.add('i.imgur.com', this.getBaseJsMutatorScript('img, video'));
|
||||
|
||||
this.add(
|
||||
'imgur.com',
|
||||
|
|
|
@ -14,14 +14,13 @@ This repository contains a modified version of the mainline F-Chat 3.0 client.
|
|||
* Profile
|
||||
* Kinks are auto-compared when profile is loaded
|
||||
* Custom kink explanations can be expanded inline
|
||||
* Custom kinks are highlighted
|
||||
* Gender, fur/human status, age, and sexual preference are highlighted if compatible or incompatible
|
||||
* Custom kinks are highlighted
|
||||
* Gender, anthro/human preference, age, and sexual preference are highlighted if compatible or incompatible
|
||||
* Guestbook, friend, and group counts are visible on tabs
|
||||
* Character pictures are expanded inline
|
||||
* Cleaner presentation for the side bar details (age, etc.), sorted in most relevant order
|
||||
* Less informative side bar details (views, contact) are separated and shown in a less prominent way
|
||||
* Cleaner guestbook view
|
||||
* Link previews
|
||||
|
||||
|
||||
|
||||
|
|
|
@ -255,6 +255,17 @@
|
|||
p:last-child {
|
||||
margin-bottom:0;
|
||||
}
|
||||
|
||||
|
||||
&.comparison-result {
|
||||
margin: -4px;
|
||||
padding: 4px;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
margin-top: 1px;
|
||||
margin-bottom: 1px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -408,16 +419,16 @@
|
|||
}
|
||||
|
||||
.character-images {
|
||||
column-width: auto;
|
||||
column-count: 2;
|
||||
column-gap: 0.5rem;
|
||||
|
||||
.character-image-wrapper {
|
||||
display: inline-block;
|
||||
background-color: rgba(0,0,0, 0.2);
|
||||
border-radius: 5px;
|
||||
width: calc(50% - 20px);
|
||||
box-sizing: border-box;
|
||||
margin: 5px;
|
||||
// float: left;
|
||||
/* margin-bottom: auto; */
|
||||
/* margin-top: auto; */
|
||||
|
||||
a {
|
||||
border: none;
|
||||
|
@ -460,28 +471,6 @@
|
|||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&.match {
|
||||
background-color: rgba(0, 255, 0, 0.5);
|
||||
border: solid 1px rgba(0, 255, 0, 0.15);
|
||||
}
|
||||
|
||||
&.mismatch {
|
||||
background-color: rgba(255, 0, 0, 0.6);
|
||||
border: 1px solid rgba(255, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
|
||||
&.weak-match {
|
||||
background-color: rgba(0, 162, 0, 0.35);
|
||||
border: 1px solid rgba(0, 162, 0, 0.15);
|
||||
}
|
||||
|
||||
|
||||
&.weak-mismatch {
|
||||
background-color: rgba(255, 225, 0, 0.6);
|
||||
border: 1px solid rgba(255, 225, 0, 0.3);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
@ -555,28 +544,6 @@
|
|||
color: white;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
&.match {
|
||||
background-color: rgba(0, 255, 0, 0.5);
|
||||
border: solid 1px rgba(0, 255, 0, 0.15);
|
||||
}
|
||||
|
||||
&.mismatch {
|
||||
background-color: rgba(255, 0, 0, 0.6);
|
||||
border: 1px solid rgba(255, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
|
||||
&.weak-match {
|
||||
background-color: rgba(0, 162, 0, 0.35);
|
||||
border: 1px solid rgba(0, 162, 0, 0.15);
|
||||
}
|
||||
|
||||
|
||||
&.weak-mismatch {
|
||||
background-color: rgba(255, 225, 0, 0.6);
|
||||
border: 1px solid rgba(255, 225, 0, 0.3);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -593,4 +560,46 @@
|
|||
font-family: 'Times New Roman', Georgia, serif;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.character-kinks-block .character-kink.comparison-favorite,
|
||||
.match-report .scores .match-score.match,
|
||||
.infotag.match {
|
||||
background-color: rgb(0, 142, 0);
|
||||
border: solid 1px rgb(0, 113, 0);
|
||||
|
||||
// background-color: #007700;
|
||||
// border: 1px solid #003e00;
|
||||
}
|
||||
|
||||
.character-kinks-block .character-kink.comparison-yes,
|
||||
.match-report .scores .match-score.weak-match,
|
||||
.infotag.weak-match {
|
||||
background-color: rgb(0, 80, 0);
|
||||
border: 1px solid rgb(0, 64, 0);
|
||||
|
||||
// background-color: #004200;
|
||||
// border: 1px solid #002900;
|
||||
}
|
||||
|
||||
.character-kinks-block .character-kink.comparison-maybe,
|
||||
.match-report .scores .match-score.weak-mismatch,
|
||||
.infotag.weak-mismatch {
|
||||
background-color: rgb(152, 134, 0);
|
||||
border: 1px solid rgb(142, 126, 0);
|
||||
|
||||
// border: 1px solid #613e00;
|
||||
// background-color: #905d01;
|
||||
}
|
||||
|
||||
.character-kinks-block .character-kink.comparison-no,
|
||||
.match-report .scores .match-score.mismatch,
|
||||
.infotag.mismatch {
|
||||
background-color: rgb(171, 0, 0);
|
||||
border: 1px solid rgb(128, 0, 0);
|
||||
|
||||
// border: 1px solid #420200;
|
||||
// background-color: #710300;
|
||||
}
|
||||
|
||||
</style>
|
|
@ -65,8 +65,12 @@
|
|||
};
|
||||
classes[`kink-id-${this.kinkId}`] = true;
|
||||
classes[`kink-group-${this.kink.group}`] = true;
|
||||
if(!this.kink.isCustom && typeof this.comparisons[this.kink.id] !== 'undefined')
|
||||
|
||||
if(!this.kink.isCustom && typeof this.comparisons[this.kink.id] !== 'undefined') {
|
||||
classes['comparison-result'] = true;
|
||||
classes[`comparison-${this.comparisons[this.kink.id]}`] = true;
|
||||
}
|
||||
|
||||
return classes;
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue