Cool_Tools/vichan
1
0
Fork 0
mirror of https://github.com/vichan-devel/vichan.git synced 2025-02-17 11:28:41 +01:00
Code Releases Wiki Activity

Update style.css

Browse Source 
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
1 changed files with 89 additions and 75 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

164
stylesheets/style.css
View File

@ -9,7 +9,7 @@ body {
} }
.hidden { .hidden {
display:none; display: none;
} }
a,a:visited { a,a:visited {
@ -420,13 +420,13 @@ fieldset label {
} }
div.pages { div.pages {
color: #89A; color: #89A;
background: #D6DAF0; background: #D6DAF0;
display: inline-block; display: inline-block;
padding: 8px; padding: 8px;
margin: 8px 0 4px 0; margin: 8px 0 4px 0;
border-right: 1px solid #B7C5D9; border-right: 1px solid #B7C5D9;
border-bottom: 1px solid #B7C5D9; border-bottom: 1px solid #B7C5D9;
} }
div.pages.top { div.pages.top {
@ -831,8 +831,6 @@ pre {
border: 1px solid; border: 1px solid;
} }
#alert_div { #alert_div {
width: 500px; width: 500px;
} }
@ -933,19 +931,18 @@ pre {
pre { pre {
/* Better code tags */ /* Better code tags */
max-width:inherit; max-width: inherit;
word-wrap:normal; word-wrap: normal;
overflow:auto; overflow: auto;
display: block!important; display: block!important;
font-size:9pt; font-size: 9pt;
font-family:monospace; font-family: monospace;
} }
span.pln { span.pln {
color:grey; color: grey;
} }
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
.intro { .intro {
clear: none; clear: none;
@ -957,103 +954,99 @@ span.pln {
} }
.clearfix { .clearfix {
display: block; display: block;
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;
border: none;
box-sizing: border-box; height: 0;
border: none; margin: 0;
height: 0; padding: 0;
margin: 0; width: 100%;
padding: 0; zoom: 1;
width: 100%;
zoom: 1;
} }
/* === SPECIFIC PAGES & FEATURES === */ /* === SPECIFIC PAGES & FEATURES === */
/* 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;
} }
/* Threads */ /* Threads */
/* Thread Footer */ /* Thread Footer */
#thread-interactions { #thread-interactions {
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;
left: 50%; left: 50%;
right: 50%; right: 50%;
text-align: center; text-align: center;
width: 100px; width: 100px;
margin-left: -50px; margin-left: -50px;
} }
#thread_stats { #thread_stats {
float: right; float: right;
} }
#post-moderation-fields { #post-moderation-fields {
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;
overflow: auto; overflow: auto;
border: 1px solid; border: 1px solid;
border-style: none solid solid none; border-style: none solid solid none;
width: 50%; width: 50%;
margin: 0 auto; margin: 0 auto;
margin-bottom: 10px; margin-bottom: 10px;
} }
.watchlist-inner, .watchlist-controls { .watchlist-inner, .watchlist-controls {
margin: 0 auto; margin: 0 auto;
margin-top: 10px; margin-top: 10px;
margin-bottom: 10px; margin-bottom: 10px;
text-align: center; text-align: center;
} }
#watchlist-toggle, .watchThread, .watchlist-remove, #clearList, #clearGhosts { #watchlist-toggle, .watchThread, .watchlist-remove, #clearList, #clearGhosts {
cursor: pointer; cursor: pointer;
} }
#youtube-size input { #youtube-size input {
width: 50px; width: 50px;
} }
/* File selector */ /* File selector */
@ -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;
} }