perdedora/leftypol
1
0
Fork 0
forked from leftypol/leftypol
Code Pull requests Activity

stylesheets: fix controls styling

Browse source
This commit is contained in:
Zankaria 2024-08-29 16:28:46 +02:00
parent 691cd0b531
commit 36fddc852e
9 changed files with 71 additions and 71 deletions
Download patch file Download diff file Expand all files Collapse all files

10
stylesheets/8ch.cyber.css
View file

@ -18,7 +18,7 @@ form table tr td {
display: table; display: table;
position: fixed; position: fixed;
width: 100%; width: 100%;
left: 0px; left: 0px;
z-index: 3; z-index: 3;
background-color: #35363b; background-color: #35363b;
border-color: #39d958; border-color: #39d958;
@ -175,7 +175,7 @@ background-color: #2b2b2b;
form table { form table {
max-width: 500px; max-width: 500px;
min-width: 100% min-width: 100%
display: inline-block; display: inline-block;
margin: 5px auto; margin: 5px auto;
background-color: #2b2b2b; background-color: #2b2b2b;
@ -293,7 +293,7 @@ background-color: #1A1A1A;
border-bottom: double 3px #989898 !important; border-bottom: double 3px #989898 !important;
position:fixed; position:fixed;
} }
/*favorites in a new line*/ /*favorites in a new line*/
div.boardlist span.favorite-boards { div.boardlist span.favorite-boards {
display: ; display: ;
@ -386,7 +386,7 @@ max-width: 50%;
} }
span.subject:after { content: '\A'; white-space:pre; } span.subject:after { content: '\A'; white-space:pre; }
SPAN.controls.op:before { content: '\A'; white-space:pre; } div.controls.op:before { content: '\A'; white-space:pre; }
a:visited {color: #97094b} a:visited {color: #97094b}
@ -411,7 +411,7 @@ max-width: 50%;
} }
span.subject:after { content: '\A'; white-space:pre; } span.subject:after { content: '\A'; white-space:pre; }
SPAN.controls.op:before { content: '\A'; white-space:pre; } div.controls.op:before { content: '\A'; white-space:pre; }
a:visited {color: #97094b} a:visited {color: #97094b}

8
stylesheets/dark_roach.css
View file

@ -235,17 +235,17 @@ br.clear {
clear: left; clear: left;
display: block; display: block;
} }
span.controls { div.controls {
float: right; float: right;
margin: 0; margin: 0;
padding: 0; padding: 0;
font-size: 80%; font-size: 80%;
} }
span.controls.op { div.controls.op {
float: none; float: none;
margin-left: 10px; margin-left: 10px;
} }
span.controls a { div.controls a {
margin: 0; margin: 0;
} }
div#wrap { div#wrap {
@ -465,7 +465,7 @@ background: #333333;
border: 1px solid #666666; border: 1px solid #666666;
color: #999999; color: #999999;
} }
input[type="submit"]:hover input[type="submit"]:hover
{ {
color: #9999CC; color: #9999CC;
} }

8
stylesheets/lainchanjp.css
View file

@ -1,4 +1,4 @@
/* /*
Thank you very much the wonderful CSS lainchan.jp Developers , whose CSS theme was the orginal inspiration for this file Thank you very much the wonderful CSS lainchan.jp Developers , whose CSS theme was the orginal inspiration for this file
. It is was removed from CSS theme list at their request, and is included here as a derivative work licensed under fair use, . It is was removed from CSS theme list at their request, and is included here as a derivative work licensed under fair use,
with at least 40% of the file being different so that lainons can use it as user CSS if they like. with at least 40% of the file being different so that lainons can use it as user CSS if they like.
@ -346,18 +346,18 @@ br.clear {
clear: left; clear: left;
display: block; display: block;
} }
span.controls { div.controls {
float: right !important; float: right !important;
clear: none !important; clear: none !important;
margin: 0; margin: 0;
padding: 0; padding: 0;
font-size: 80%; font-size: 80%;
} }
span.controls.op { div.controls.op {
float: none; float: none;
margin-left: 10px; margin-left: 10px;
} }
span.controls a { div.controls a {
margin: 0; margin: 0;
} }
div#wrap { div#wrap {

6
stylesheets/luna.css
View file

@ -238,17 +238,17 @@ br.clear {
clear: left; clear: left;
display: block; display: block;
} }
span.controls { div.controls {
float: right; float: right;
margin: 0; margin: 0;
padding: 0; padding: 0;
font-size: 80%; font-size: 80%;
} }
span.controls.op { div.controls.op {
float: none; float: none;
margin-left: 10px; margin-left: 10px;
} }
span.controls a { div.controls a {
margin: 0; margin: 0;
} }
div#wrap { div#wrap {

88
stylesheets/mono.e.lain.css
View file

@ -1,38 +1,38 @@
/*monoelains ez css for VIP quality imageboards. steal this .css and edit it to your liking. */ /*monoelains ez css for VIP quality imageboards. steal this .css and edit it to your liking. */
/* OPTION HIDING */ /* OPTION HIDING */
/*lainchan bottom bar fix*/ /*lainchan bottom bar fix*/
.bar{ .bar{
background-color: #CDCDCD!important; background-color: #CDCDCD!important;
} }
/*removes footer (STI pls dont sue) /*removes footer (STI pls dont sue)
footer { footer {
display:none; display:none;
color: #ffffff; color: #ffffff;
} }
/* hides AA in catalog */ /* hides AA in catalog */
.theme-catalog span.aa { .theme-catalog span.aa {
display: none !important; display: none !important;
} }
/* hides expand all images */ /* hides expand all images */
#expand-all-images { #expand-all-images {
display: none; display: none;
} }
/* hides hints*/ /* hides hints*/
.hint { .hint {
} }
/* hides horizontal bar */ /* hides horizontal bar */
hr { hr {
display: none; display: none;
} }
/*banner stuff*/ /*banner stuff*/
img.banner, img.board_image { img.banner, img.board_image {
border: 8px ridge #B18108; border: 8px ridge #B18108;
@ -42,23 +42,23 @@
box-shadow: 7px 7px rgba(0, 0, 0, 0.5); box-shadow: 7px 7px rgba(0, 0, 0, 0.5);
margin: 30px auto 0px; margin: 30px auto 0px;
} }
/* hides delete options (obsolete) */ /* hides delete options (obsolete) */
div.delete { div.delete {
display: none; display: none;
} }
/*makes files align vertically (hw pls fix this shit)*/ /*makes files align vertically (hw pls fix this shit)*/
.file { .file {
display: block; display: block;
margin-right: 11px; margin-right: 11px;
} }
} }
div.boardlist a { div.boardlist a {
color: rgb(187, 51, 0); color: rgb(187, 51, 0);
} }
/*expanded image border/shadow*/ /*expanded image border/shadow*/
.full-image { .full-image {
border-top-right-radius: 0; border-top-right-radius: 0;
@ -81,7 +81,7 @@
float: none; float: none;
background-color: rgb(194, 194, 194); background-color: rgb(194, 194, 194);
} }
/*gives quick reply its border/shadow*/ /*gives quick reply its border/shadow*/
#quick-reply table { #quick-reply table {
background: none repeat scroll 0 0 #CBCBCB; background: none repeat scroll 0 0 #CBCBCB;
@ -93,14 +93,14 @@
box-shadow: 7px 7px rgba(0, 0, 0, 0.5); box-shadow: 7px 7px rgba(0, 0, 0, 0.5);
width: auto !important; width: auto !important;
} }
/*makes posting form maroon*/ /*makes posting form maroon*/
form table tr th { form table tr th {
background-color: rgb(187, 51, 0); background-color: rgb(187, 51, 0);
color: #FFFFFF; color: #FFFFFF;
font-family: Palatino Linotype, Book Antiqua, Palatino, serif; font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
} }
/*gives images border/shadow*/ /*gives images border/shadow*/
div.files img.post-image { div.files img.post-image {
-webkit-box-shadow: 7px 7px 0px 0px #000; -webkit-box-shadow: 7px 7px 0px 0px #000;
@ -117,7 +117,7 @@
border-radius: 0; border-radius: 0;
margin-bottom: 5px; margin-bottom: 5px;
} }
/* makes Youtube thumbs not obscenely big */ /* makes Youtube thumbs not obscenely big */
div.video-container { div.video-container {
width: auto !important; width: auto !important;
@ -125,7 +125,7 @@
max-height: 20% !important; max-height: 20% !important;
max-width: 20% !important; max-width: 20% !important;
} }
/* Image thumbs size limit (make as big as you want)*/ /* Image thumbs size limit (make as big as you want)*/
.post-image { .post-image {
border: double black; border: double black;
@ -137,7 +137,7 @@
padding: 5px; padding: 5px;
background-color: #cdcdcd; background-color: #cdcdcd;
} }
/* Keep small thumbnails in replies */ /* Keep small thumbnails in replies */
.post.reply a:not([data-expanded="true"]) .post-image { .post.reply a:not([data-expanded="true"]) .post-image {
width: auto !important; width: auto !important;
@ -145,13 +145,13 @@ background-color: #cdcdcd;
max-height: 60%; max-height: 60%;
max-width: 60%; max-width: 60%;
} }
/* reply box size */ /* reply box size */
.input[type="text"], textarea { .input[type="text"], textarea {
min-height: 117px; min-height: 117px;
min-width: 240px; min-width: 240px;
} }
/*boardwide font stuff goes here also background image*/ /*boardwide font stuff goes here also background image*/
body { body {
padding: 0; padding: 0;
@ -168,7 +168,7 @@ margin-left: 10px;
header { header {
margin-bottom: 0px; margin-bottom: 0px;
} }
/*gives posting table its border/shadow*/ /*gives posting table its border/shadow*/
form table { form table {
width: 100%; width: 100%;
@ -182,7 +182,7 @@ margin-left: 10px;
-webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
box-shadow: 7px 5px rgba(0, 0, 0, 0.5); box-shadow: 7px 5px rgba(0, 0, 0, 0.5);
} }
/*gives threads its border/shadow*/ /*gives threads its border/shadow*/
div[id^="thread_"] { div[id^="thread_"] {
-webkit-box-shadow: 11px 11px 0px 0px #000; -webkit-box-shadow: 11px 11px 0px 0px #000;
@ -195,7 +195,7 @@ margin-left: 10px;
-webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
box-shadow: 7px 7px rgba(0, 0, 0, 0.5); box-shadow: 7px 7px rgba(0, 0, 0, 0.5);
} }
/*adds horizontal bar below subject*/ /*adds horizontal bar below subject*/
p.intro { p.intro {
background-image: url('https://www.lainchan.org/static/UebGaj5.png'); background-image: url('https://www.lainchan.org/static/UebGaj5.png');
@ -203,7 +203,7 @@ margin-left: 10px;
background-position: bottom; background-position: bottom;
min-height: 25px; min-height: 25px;
} }
/*gives replies border/shadow*/ /*gives replies border/shadow*/
div.post.reply { div.post.reply {
max-width: 95% !important; max-width: 95% !important;
@ -216,19 +216,19 @@ margin-left: 10px;
border: double 3px #000; border: double 3px #000;
background-color: rgb(194, 194, 194); background-color: rgb(194, 194, 194);
} }
/*unfucks highlighting replies and gives border/shadow*/ /*unfucks highlighting replies and gives border/shadow*/
div.post.reply.highlighted { div.post.reply.highlighted {
background-color: #D6BDB0; background-color: #D6BDB0;
} }
/*dont touch this*/ /*dont touch this*/
div.body { div.body {
display: block; display: block;
clear: both; clear: both;
padding-top: 10px; padding-top: 10px;
} }
/*makes page bar have border/shadow*/ /*makes page bar have border/shadow*/
div.pages { div.pages {
-webkit-box-shadow: 7px 7px 0px 0px #000; -webkit-box-shadow: 7px 7px 0px 0px #000;
@ -241,12 +241,12 @@ margin-left: 10px;
border: double black; border: double black;
background-color: rgb(221, 221, 221); background-color: rgb(221, 221, 221);
} }
/*hovered links have underline*/ /*hovered links have underline*/
a:hover { a:hover {
text-decoration: underline; text-decoration: underline;
} }
/*stops textbox resizing shenanigans*/ /*stops textbox resizing shenanigans*/
.input[type="text"], textarea { .input[type="text"], textarea {
font-size: 14px; font-size: 14px;
@ -254,26 +254,26 @@ margin-left: 10px;
min-height: 115px; min-height: 115px;
min-width: 270px; min-width: 270px;
} }
/*boardname nice font. replace with something classy someday*/ /*boardname nice font. replace with something classy someday*/
header div.subtitle, h1 { header div.subtitle, h1 {
font-family: Palatino Linotype, Book Antiqua, Palatino, serif; font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
color: rgb(187, 51, 0); color: rgb(187, 51, 0);
} }
/*announcement font and color*/ /*announcement font and color*/
div.blotter { div.blotter {
padding: 15px; padding: 15px;
color: #000000; color: #000000;
font-family: Palatino Linotype, Book Antiqua, Palatino, serif; font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
} }
/*makes links red*/ /*makes links red*/
a { a {
color: rgb(187, 51, 0) !important; color: rgb(187, 51, 0) !important;
text-decoration: none; text-decoration: none;
} }
/*top boardlist stuff. change position to "fixed" to make it behave like normal 8chan*/ /*top boardlist stuff. change position to "fixed" to make it behave like normal 8chan*/
div.boardlist:not(.bottom) { div.boardlist:not(.bottom) {
background-color: rgba(221, 221, 221, 1) !important; background-color: rgba(221, 221, 221, 1) !important;
@ -293,47 +293,47 @@ div.boardlist {
} }
} }
/*favorites in a new line*/ /*favorites in a new line*/
div.boardlist span.favorite-boards { div.boardlist span.favorite-boards {
display: block; display: block;
} }
/*subject color*/ /*subject color*/
p.intro span.subject { p.intro span.subject {
color: rgb(117, 8, 8); color: rgb(117, 8, 8);
} }
/*bottom boardlist centered*/ /*bottom boardlist centered*/
div.boardlist.bottom { div.boardlist.bottom {
text-align: center; text-align: center;
background-color: rgba(228,228,228,1); background-color: rgba(228,228,228,1);
border: double #000000; border: double #000000;
width: 101%; width: 101%;
} }
/*colors name*/ /*colors name*/
p.intro span.name { p.intro span.name {
color: rgb(122, 77, 77); color: rgb(122, 77, 77);
font-family: ; font-family: ;
} }
/*catalog stuff*/ /*catalog stuff*/
.theme-catalog div.thread { .theme-catalog div.thread {
background-color: rgb(221, 221, 221); background-color: rgb(221, 221, 221);
border: double; border: double;
} }
.theme-catalog div.thread:hover { .theme-catalog div.thread:hover {
background-color: #D6BDB0; background-color: #D6BDB0;
border: double; border: double;
} }
span.trip { span.trip {
color: rgb(34, 136, 84); color: rgb(34, 136, 84);
} }
#updater, #thread-links { #updater, #thread-links {
background-color: rgba(228,228,228,1); background-color: rgba(228,228,228,1);
border:double; border:double;
@ -365,7 +365,7 @@ max-width: 50%;
} }
span.subject:after { content: '\A'; white-space:pre; } span.subject:after { content: '\A'; white-space:pre; }
SPAN.controls.op:before { content: '\A'; white-space:pre; } div.controls.op:before { content: '\A'; white-space:pre; }
div.post-menu div.post-menu
{ {
@ -373,7 +373,7 @@ color: #ffffff;}
#options_div { #options_div {
background-color: #dddddd; background-color: #dddddd;
} }
.options_tab_icon.active { .options_tab_icon.active {
color: #bb3300; color: #bb3300;
} }

6
stylesheets/sharp.css
View file

@ -232,17 +232,17 @@ span.omitted {
br.clear { br.clear {
clear: left; clear: left;
} }
span.controls { div.controls {
float: right; float: right;
margin: 0; margin: 0;
padding: 0; padding: 0;
font-size: 80%; font-size: 80%;
} }
span.controls.op { div.controls.op {
float: none; float: none;
margin-left: 10px; margin-left: 10px;
} }
span.controls a { div.controls a {
margin: 0; margin: 0;
} }
div#wrap { div#wrap {

4
stylesheets/style.css
View file

@ -618,12 +618,12 @@ br.clear {
display: block; display: block;
} }
span.controls { div.controls {
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
span.controls a { div.controls a {
margin: 0; margin: 0;
text-wrap: nowrap; text-wrap: nowrap;
display: inline-block; display: inline-block;

6
stylesheets/tsuki.css
View file

@ -354,19 +354,19 @@ br.clear {
display: block; display: block;
} }
span.controls { div.controls {
float: right; float: right;
margin: 0; margin: 0;
padding: 0; padding: 0;
font-size: 80%; font-size: 80%;
} }
span.controls.op { div.controls.op {
float: none; float: none;
margin-left: 10px; margin-left: 10px;
} }
span.controls a { div.controls a {
margin: 0; margin: 0;
} }

6
stylesheets/wasabi.css
View file

@ -231,17 +231,17 @@ span.omitted {
br.clear { br.clear {
clear: left; clear: left;
} }
span.controls { div.controls {
float: right; float: right;
margin: 0; margin: 0;
padding: 0; padding: 0;
font-size: 80%; font-size: 80%;
} }
span.controls.op { div.controls.op {
float: none; float: none;
margin-left: 10px; margin-left: 10px;
} }
span.controls a { div.controls a {
margin: 0; margin: 0;
} }
div#wrap { div#wrap {