1
0
mirror of https://github.com/vichan-devel/vichan.git synced 2025-02-25 22:48:00 +01:00

Update style.css

Made CSS formatting more consistent, really minor stuff
This commit is contained in:
PVNFU-28 2021-03-02 16:18:10 -03:00 committed by Fredrick Brennan
parent 75236d6ae5
commit 2d1420b763

View File

@ -831,8 +831,6 @@ pre {
border: 1px solid; border: 1px solid;
} }
#alert_div { #alert_div {
width: 500px; width: 500px;
} }
@ -945,7 +943,6 @@ span.pln {
color: grey; color: grey;
} }
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
.intro { .intro {
clear: none; clear: none;
@ -961,10 +958,8 @@ span.pln {
clear: both; clear: both;
visibility: hidden; visibility: hidden;
overflow: hidden; overflow: hidden;
font-size: 0px; font-size: 0px;
line-height: 0px; line-height: 0px;
box-sizing: border-box; box-sizing: border-box;
border: none; border: none;
height: 0; height: 0;
@ -979,14 +974,15 @@ span.pln {
/* Board List */ /* Board List */
div.boardlist { div.boardlist {
margin-top: 3px; margin-top: 3px;
color: #89A; color: #89A;
font-size: 9pt; font-size: 9pt;
} }
div.boardlist.bottom { div.boardlist.bottom {
margin-top: 12px; margin-top: 12px;
clear: both; clear: both;
} }
div.boardlist a { div.boardlist a {
text-decoration: none; text-decoration: none;
} }
@ -997,13 +993,16 @@ div.boardlist a {
margin: 8px 0; margin: 8px 0;
clear: both; clear: both;
} }
#thread-links { #thread-links {
float: left; float: left;
} }
#thread-links > a { #thread-links > a {
padding-left: none; padding-left: none;
padding-right: 10px; padding-right: 10px;
} }
#thread-quick-reply { #thread-quick-reply {
display: none; display: none;
position: absolute; position: absolute;
@ -1013,6 +1012,7 @@ div.boardlist a {
width: 100px; width: 100px;
margin-left: -50px; margin-left: -50px;
} }
#thread_stats { #thread_stats {
float: right; float: right;
} }
@ -1021,15 +1021,8 @@ div.boardlist a {
float: right; float: right;
text-align: right; text-align: right;
} }
#delete-fields {
}
#report-fields {
}
/* threadwatcher */ /* threadwatcher */
#watchlist { #watchlist {
display: none; display: none;
max-height: 250px; max-height: 250px;
@ -1069,9 +1062,11 @@ div.boardlist a {
background-color: rgba(200, 200, 200, 0.5); background-color: rgba(200, 200, 200, 0.5);
overflow-y: auto; overflow-y: auto;
} }
.dropzone-wrap { .dropzone-wrap {
width: 100%; width: 100%;
} }
.dropzone .file-hint { .dropzone .file-hint {
color: rgba(0, 0, 0, 0.5); color: rgba(0, 0, 0, 0.5);
cursor: pointer; cursor: pointer;
@ -1082,22 +1077,27 @@ div.boardlist a {
transition: 0.2s; transition: 0.2s;
border: 2px dashed rgba(125, 125, 125, 0.4); border: 2px dashed rgba(125, 125, 125, 0.4);
} }
.file-hint:hover, .dropzone.dragover .file-hint { .file-hint:hover, .dropzone.dragover .file-hint {
color: rgba(0, 0, 0, 1); color: rgba(0, 0, 0, 1);
border-color: rgba(125, 125, 125, 0.8); border-color: rgba(125, 125, 125, 0.8);
} }
.dropzone.dragover { .dropzone.dragover {
background-color: rgba(200, 200, 200, 1); background-color: rgba(200, 200, 200, 1);
} }
.dropzone .file-thumbs { .dropzone .file-thumbs {
text-align: left; text-align: left;
width: 100%; width: 100%;
} }
.dropzone .tmb-container { .dropzone .tmb-container {
padding: 3px; padding: 3px;
overflow-x: hidden; overflow-x: hidden;
white-space: nowrap; white-space: nowrap;
} }
.dropzone .file-tmb { .dropzone .file-tmb {
height: 40px; height: 40px;
width: 70px; width: 70px;
@ -1108,11 +1108,13 @@ div.boardlist a {
background-size: cover; background-size: cover;
background-position: center; background-position: center;
} }
.dropzone .file-tmb span { .dropzone .file-tmb span {
font-weight: 600; font-weight: 600;
position: relative; position: relative;
top: 13px; top: 13px;
} }
.dropzone .tmb-filename { .dropzone .tmb-filename {
display: inline-block; display: inline-block;
vertical-align: bottom; vertical-align: bottom;
@ -1120,6 +1122,7 @@ div.boardlist a {
position: relative; position: relative;
margin-left: 5px; margin-left: 5px;
} }
.dropzone .remove-btn { .dropzone .remove-btn {
cursor: pointer; cursor: pointer;
color: rgba(125, 125, 125, 0.5); color: rgba(125, 125, 125, 0.5);
@ -1130,6 +1133,7 @@ div.boardlist a {
margin-right: 5px; margin-right: 5px;
font-size: 20px font-size: 20px
} }
.dropzone .remove-btn:hover { .dropzone .remove-btn:hover {
color: rgba(125, 125, 125, 1); color: rgba(125, 125, 125, 1);
} }
@ -1145,6 +1149,7 @@ table.fileboard th, table.fileboard td {
padding: 2px; padding: 2px;
text-align: center; text-align: center;
} }
table.fileboard .intro a { table.fileboard .intro a {
margin-left: 0px; margin-left: 0px;
} }
@ -1159,6 +1164,7 @@ table.fileboard .intro a {
background-color: rgba(0, 0, 0, 0.4); background-color: rgba(0, 0, 0, 0.4);
overflow: auto; overflow: auto;
} }
#gallery_toolbar { #gallery_toolbar {
position: absolute; position: absolute;
right: 12%; right: 12%;
@ -1168,13 +1174,16 @@ table.fileboard .intro a {
background-color: rgba(0, 0, 0, 0.4); background-color: rgba(0, 0, 0, 0.4);
text-align: right; text-align: right;
} }
#gallery_images img { #gallery_images img {
width: 100%; width: 100%;
} }
#gallery_toolbar a { #gallery_toolbar a {
font-size: 28px; font-size: 28px;
padding-right: 5px; padding-right: 5px;
} }
#gallery_main { #gallery_main {
position: absolute; position: absolute;
left: 0px; left: 0px;
@ -1189,25 +1198,30 @@ table.fileboard .intro a {
-webkit-transition: all 0.5s; -webkit-transition: all 0.5s;
transition: all 0.5s; transition: all 0.5s;
} }
#gallery_images img:hover, #gallery_images img.active { #gallery_images img:hover, #gallery_images img.active {
opacity: 1; opacity: 1;
} }
#gallery_images img.active { #gallery_images img.active {
-webkit-box-shadow: 0px 0px 29px 2px rgba(255,255,255,1); -webkit-box-shadow: 0px 0px 29px 2px rgba(255,255,255,1);
-moz-box-shadow: 0px 0px 29px 2px rgba(255,255,255,1); -moz-box-shadow: 0px 0px 29px 2px rgba(255,255,255,1);
box-shadow: 0px 0px 29px 2px rgba(255,255,255,1); box-shadow: 0px 0px 29px 2px rgba(255,255,255,1);
z-index: 1; z-index: 1;
} }
#gallery_main img, #gallery_main video { #gallery_main img, #gallery_main video {
max-width: 100%; max-width: 100%;
max-height: 100%; max-height: 100%;
position: absolute; position: absolute;
} }
.own_post { .own_post {
font-style: italic; font-style: italic;
font-weight: normal; font-weight: normal;
opacity: .666; opacity: .666;
} }
div.mix { div.mix {
display: inline-block; display: inline-block;
} }