Goyslop/4chan-x
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Gallery aesthetics

Browse Source
This commit is contained in:
Jordan Bates 2013-08-23 09:43:52 -07:00
parent 7c1bd2dbd3
commit fafc46952f
3 changed files with 17 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
builds/4chan-X.user.js
View File

File diff suppressed because one or more lines are too long

2
builds/crx/script.js
View File

File diff suppressed because one or more lines are too long

26
src/General/css/style.css
View File

@ -1118,6 +1118,7 @@ a:only-of-type > .remove {
padding: 3px; padding: 3px;
line-height: 0; line-height: 0;
transition: background .3s linear; transition: background .3s linear;
background: rgba(0,0,0,.5);
} }
.gal-highlight { .gal-highlight {
background: rgb(190, 190, 255); background: rgb(190, 190, 255);
@ -1127,35 +1128,38 @@ a:only-of-type > .remove {
} }
.gal-next { .gal-next {
order: 2; order: 2;
border-left: 1px solid #222;
} }
.gal-prev, .gal-prev,
.gal-next { .gal-next {
<%= flex %>: 0 0 20px; <%= flex %>: 0 0 20px;
background-color: #000;
position: relative; position: relative;
cursor: pointer; cursor: pointer;
opacity: 0.5; border-right: 1px solid #222;
opacity: 0.7;
background-color: rgba(0, 0, 0, 0.3);
} }
.gal-prev:hover, .gal-prev:hover,
.gal-next:hover { .gal-next:hover {
opacity: 0.9; opacity: 1;
} }
.gal-prev::after, .gal-prev::after,
.gal-next::after { .gal-next::after {
position: absolute; position: absolute;
top: 50%; top: 48.6%;
right: 2px;
<%= transform %>: translateY(-50%) <%= transform %>: translateY(-50%)
display: inline-block; display: inline-block;
border-top: 15px solid transparent; border-top: 11px solid transparent;
border-bottom: 15px solid transparent; border-bottom: 11px solid transparent;
content: ""; content: "";
} }
.gal-prev::after { .gal-prev::after {
border-right: 15px solid #fff; border-right: 12px solid #fff;
right: 5px;
} }
.gal-next::after { .gal-next::after {
border-left: 15px solid #fff; border-left: 12px solid #fff;
right: 3px;
} }
.gal-image { .gal-image {
order: 1; order: 1;
@ -1186,7 +1190,7 @@ a:only-of-type > .remove {
.gal-name { .gal-name {
position: fixed; position: fixed;
bottom: 5px; bottom: 5px;
right: 175px; right: 178px;
background: rgba(0,0,0,0.6) !important; background: rgba(0,0,0,0.6) !important;
border-radius: 3px; border-radius: 3px;
padding: 1px 5px 2px 5px; padding: 1px 5px 2px 5px;
@ -1200,7 +1204,7 @@ a:only-of-type > .remove {
.gal-count { .gal-count {
position: fixed; position: fixed;
bottom: 26px; bottom: 26px;
right: 175px; right: 178px;
background: rgba(0,0,0,0.6) !important; background: rgba(0,0,0,0.6) !important;
border-radius: 3px; border-radius: 3px;
padding: 1px 5px 2px 5px; padding: 1px 5px 2px 5px;