Better styling

This commit is contained in:
Mr. Stallion 2019-06-30 14:15:23 -05:00
parent be2e2b0ab5
commit b0925c3de2
4 changed files with 65 additions and 55 deletions

View File

@ -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',

View File

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

View File

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

View File

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