minor style changes

merge-requests/208/head
fatchan 5 years ago
parent f1a3f3848d
commit cf494c1f62
  1. 13
      gulp/res/css/style.css
  2. 13
      gulp/res/css/themes/chaos.css
  3. 4
      gulp/res/css/themes/tomorrow2.css

@ -2,7 +2,7 @@ body {
font-family: arial, helvetica, sans-serif; font-family: arial, helvetica, sans-serif;
font-size: 10pt; font-size: 10pt;
color: var(--font-color); color: var(--font-color);
background: linear-gradient(var(--background-top) 38px, var(--background-rest) 238px); background: linear-gradient(var(--background-top) 3em, var(--background-rest) 230px);
flex: 1; flex: 1;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -11,7 +11,7 @@ body {
} }
main { main {
margin: 38px 0 0 0; margin: 3em 0 0 0;
} }
.row { .row {
@ -59,6 +59,7 @@ pre {
.navbar { .navbar {
background: var(--navbar-color); background: var(--navbar-color);
box-shadow: 0 0 3px 1px var(--darken);
border-bottom: 1px solid var(--post-outline-color); border-bottom: 1px solid var(--post-outline-color);
position: fixed; position: fixed;
width: 100%; width: 100%;
@ -424,7 +425,7 @@ td, th {
max-width: calc(100% - 10px); max-width: calc(100% - 10px);
max-height: calc(100% - 50px); max-height: calc(100% - 50px);
position: fixed; position: fixed;
top: 38px; top: 3em;
background-color: var(--post-color); background-color: var(--post-color);
z-index: 4; z-index: 4;
box-sizing: border-box; box-sizing: border-box;
@ -731,7 +732,7 @@ input:invalid, textarea:invalid {
} }
.nav-item { .nav-item {
line-height: 38px; line-height: 3em;
text-decoration: none; text-decoration: none;
float: left; float: left;
padding-left: 10px; padding-left: 10px;
@ -793,7 +794,7 @@ input[type="file"] {
max-width: calc(100% - 10px); max-width: calc(100% - 10px);
max-height: calc(100% - 50px); max-height: calc(100% - 50px);
position: fixed; position: fixed;
top: 38px; top: 3em;
right: 5px; right: 5px;
background-color: var(--post-color); background-color: var(--post-color);
z-index: 2; z-index: 2;
@ -974,7 +975,7 @@ table.boardtable td:nth-child(6) {
} }
.pages { .pages {
width:100%; /*width:100%;*/
} }
.pad-anchor { .pad-anchor {

@ -27,6 +27,8 @@
--title-color:#d70000; --title-color:#d70000;
--greentext-color:#FF0000; --greentext-color:#FF0000;
} }
#livetext,
#threadstats,
#float .post-container, #float .post-container,
.catalog-tile, .catalog-tile,
.live, .live,
@ -63,3 +65,14 @@ a:hover {
background:var(--link-hover)!important; background:var(--link-hover)!important;
color:black!important; color:black!important;
} }
.anchor:target + .post-container .post-info, .post-container.highlighted .post-info {
border-bottom: none;
}
@media only screen and (max-width: 600px) {
.post-info{
background: none;
border-bottom: none;
}
}

@ -30,9 +30,7 @@
} }
.anchor:target + .post-container, .anchor:target + .post-container,
.post-container.highlighted, .post-container.highlighted {
.anchor:target + table tbody tr th,
.anchor:target + table {
border: 1px solid var(--highlighted-post-outline-color) !important; border: 1px solid var(--highlighted-post-outline-color) !important;
} }

Loading…
Cancel
Save