mirror of https://gitgud.io/fatchan/jschan.git
parent
a8080a324a
commit
1552bd42a5
3 changed files with 38 additions and 459 deletions
@ -1,433 +0,0 @@ |
||||
body { |
||||
font-family: arial, helvetica, sans-serif; |
||||
font-size: 10pt; |
||||
background: #EEF2FF; |
||||
flex: 1; |
||||
display: flex; |
||||
flex-direction: column; |
||||
min-height: 100vh; |
||||
margin: 0; |
||||
} |
||||
|
||||
.code { |
||||
border-left: 10px solid #B7C5D9; |
||||
display: block; |
||||
padding-left: 5px; |
||||
font-family: monospace; |
||||
margin: 0.5em 0; |
||||
} |
||||
|
||||
.pages a { |
||||
text-decoration: none; |
||||
} |
||||
|
||||
object { |
||||
object-fit: contain; |
||||
} |
||||
|
||||
.board-header { |
||||
display: flex; |
||||
flex-direction: column; |
||||
align-items: center; |
||||
} |
||||
|
||||
.catalog-tile-button { |
||||
width: 100%; |
||||
line-height: 30px; |
||||
float: left; |
||||
background: #B7C5D9; |
||||
text-decoration: none; |
||||
color: black; |
||||
} |
||||
|
||||
.catalog-tile-content { |
||||
padding: 5px; |
||||
} |
||||
|
||||
.catalog-tile { |
||||
margin: 2px; |
||||
text-align: center; |
||||
max-height: 300px; |
||||
width: 250px; |
||||
overflow: hidden; |
||||
overflow-y: auto; |
||||
border: 2px solid #B7C5D9; |
||||
box-sizing: border-box; |
||||
} |
||||
|
||||
.no-m-p { |
||||
margin: 0px; |
||||
padding: 0px; |
||||
} |
||||
|
||||
.catalog-thumb { |
||||
box-shadow: 0 0 3px black; |
||||
min-width: 64px; |
||||
min-height: 64px; |
||||
object-fit: cover; |
||||
} |
||||
|
||||
.catalog { |
||||
display:flex; |
||||
align-items:flex-start; |
||||
justify-content: space-evenly; |
||||
flex-flow: row wrap; |
||||
} |
||||
|
||||
.spoiler { |
||||
background: black; |
||||
} |
||||
|
||||
.spoiler:hover { |
||||
color: white; |
||||
} |
||||
|
||||
.mode { |
||||
background-color: red; |
||||
color: white; |
||||
font-weight: bold; |
||||
text-align: center; |
||||
} |
||||
|
||||
.reports { |
||||
background: #fca!important; |
||||
border-color: #c97!important; |
||||
border-width: 1px 0; |
||||
border-style: solid none; |
||||
} |
||||
|
||||
.redtext { |
||||
color: maroon; |
||||
} |
||||
|
||||
.greentext { |
||||
color: green; |
||||
} |
||||
|
||||
blockquote a { |
||||
color: #d00; |
||||
} |
||||
|
||||
blockquote { |
||||
word-break: break-all; |
||||
white-space: pre-wrap; |
||||
} |
||||
|
||||
span { |
||||
margin-right: 5px; |
||||
} |
||||
|
||||
section { |
||||
display: flex; |
||||
flex-direction: column; |
||||
align-items: flex-start; |
||||
} |
||||
|
||||
input, textarea { |
||||
font-family: arial, helvetica, sans-serif; |
||||
font-size: 10pt; |
||||
border-radius: 3px; |
||||
max-width:100%; |
||||
border: none; |
||||
margin: 2px; |
||||
padding: 5px; |
||||
} |
||||
|
||||
.form-wrapper { |
||||
align-items: center; |
||||
margin: 10px 0; |
||||
} |
||||
|
||||
.actions { |
||||
background: #D6DAF0; |
||||
border-color: #B7C5D9; |
||||
border-width: 0 1px 1px 0; |
||||
border-style: none solid solid none; |
||||
max-width: 100%; |
||||
display: flex; |
||||
flex-direction: column; |
||||
margin: 2px 0; |
||||
padding: 2px; |
||||
} |
||||
|
||||
.action-wrapper { |
||||
display: flex; |
||||
flex-direction: column; |
||||
align-items: flex-start; |
||||
} |
||||
|
||||
.actions label { |
||||
margin: 2px 0; |
||||
} |
||||
|
||||
.toggle-label:hover { |
||||
box-shadow: inset 0 0 100px 100px rgba(255,255,255,.25); |
||||
} |
||||
|
||||
.toggle-label { |
||||
background: #D6DAF0; |
||||
padding: 10px; |
||||
border-radius: 3px; |
||||
text-align: center; |
||||
border: 1px solid lightgray; |
||||
max-width: 100%; |
||||
box-sizing: border-box; |
||||
/*-webkit-appearance: button; |
||||
-moz-appearance: button; |
||||
appearance: button;*/ |
||||
} |
||||
|
||||
.toggle { |
||||
display: none; |
||||
} |
||||
|
||||
.toggle:checked + .form-post { |
||||
display: flex; |
||||
} |
||||
|
||||
.form-post { |
||||
display: flex; |
||||
flex-direction: column; |
||||
max-width: 100%; |
||||
margin-top: 10px; |
||||
} |
||||
|
||||
.togglable { |
||||
display: none; |
||||
} |
||||
|
||||
.user-id { |
||||
text-shadow: #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px; |
||||
color: white; |
||||
padding: 0px 2px; |
||||
} |
||||
|
||||
.post-check { |
||||
position: relative; |
||||
top: 3px; |
||||
margin: -3px 1px !important; |
||||
} |
||||
|
||||
.post-files { |
||||
float: left; |
||||
margin-right: 10px; |
||||
} |
||||
|
||||
.post-data { |
||||
margin-top: -10px; |
||||
padding-top: 10px; |
||||
} |
||||
|
||||
.post-file { |
||||
display: inline-flex; |
||||
flex-direction: column; |
||||
margin: 0 4px; |
||||
padding: 2px 0; |
||||
} |
||||
|
||||
.post-file-info { |
||||
text-align: center; |
||||
margin: 2px; |
||||
margin-top: 0px; |
||||
max-width: 128px; |
||||
word-break: break-all; |
||||
} |
||||
|
||||
.post-file-src { |
||||
margin: 0 auto; |
||||
} |
||||
|
||||
figure { |
||||
} |
||||
|
||||
input textarea { |
||||
padding: 8px; |
||||
} |
||||
|
||||
.container { |
||||
padding: 10px; |
||||
} |
||||
|
||||
.board-title { |
||||
color: #af0a0f; |
||||
font: bolder 28px Tahoma; |
||||
letter-spacing: -2px; |
||||
text-align: center; |
||||
margin: 0; |
||||
} |
||||
|
||||
.no-decoration { |
||||
text-decoration: none; |
||||
color: white; |
||||
} |
||||
|
||||
.banner-check { |
||||
display: flex; |
||||
align-items: center; |
||||
} |
||||
|
||||
.board-banner { |
||||
margin: 10px; |
||||
max-width: 100%; |
||||
} |
||||
|
||||
.board-description { |
||||
text-align:center; |
||||
margin: 0; |
||||
} |
||||
|
||||
.post-message { |
||||
/*overflow-y: auto;*/ |
||||
/*float: left;*/ |
||||
} |
||||
|
||||
.post-container, .ban { |
||||
box-sizing: border-box; |
||||
margin: 2px 0; |
||||
padding: 2px; |
||||
background: #D6DAF0; |
||||
border-color: #B7C5D9; |
||||
border-width: 0 1px 1px 0; |
||||
border-style: none solid solid none; |
||||
max-width: 100%; |
||||
} |
||||
|
||||
.post-container:target { |
||||
background-color: #d6bad0!important; |
||||
border-color: #ba9dbf; |
||||
} |
||||
|
||||
.post-container.op { |
||||
background: none; |
||||
border: none; |
||||
width: 100%; |
||||
} |
||||
|
||||
.post-subject { |
||||
color: #0F0C5D; |
||||
font-weight: bold; |
||||
} |
||||
|
||||
.post-capcode { |
||||
font-weight: bold; |
||||
color: red; |
||||
} |
||||
|
||||
.post-name { |
||||
color: #117743; |
||||
font-weight: bold; |
||||
} |
||||
|
||||
.post-container.op .post-info, .catalog-tile-content .post-info { |
||||
background: none; |
||||
} |
||||
|
||||
|
||||
.post-info { |
||||
margin: -2px; |
||||
/*margin-left: -3px;*/ |
||||
padding: 2px; |
||||
padding-left: 1px; |
||||
/*background-color: #B7C5D9;*/ |
||||
} |
||||
|
||||
.post-info * { |
||||
margin-bottom: 0; |
||||
margin-top: -2px; |
||||
} |
||||
|
||||
.navbar { |
||||
border-bottom: 1px solid lightgray; |
||||
} |
||||
|
||||
.nav-item { |
||||
line-height: 50px; |
||||
text-decoration: none; |
||||
float: left; |
||||
background: #D6DAF0; |
||||
padding-left: 10px; |
||||
padding-right: 10px; |
||||
border-right: 1px solid lightgray; |
||||
} |
||||
|
||||
.right { |
||||
float: right; |
||||
} |
||||
|
||||
.nav-item:hover { |
||||
box-shadow: inset 0 0 100px 100px rgba(255,255,255,.25); |
||||
} |
||||
|
||||
.footer { |
||||
border-top: 1px solid lightgray; |
||||
text-align: center; |
||||
flex-shrink: 0; |
||||
margin-top: auto; |
||||
line-height: 50px; |
||||
} |
||||
|
||||
table, th, td { |
||||
border-bottom: 1px solid lightgray; |
||||
border-collapse: collapse; |
||||
} |
||||
|
||||
.boards-table { |
||||
margin: 0 auto; |
||||
} |
||||
|
||||
th { |
||||
background: #D6DAF0; |
||||
} |
||||
|
||||
th, td { |
||||
padding: 5px; |
||||
} |
||||
|
||||
hr { |
||||
color: lightgray; |
||||
/*border-top: 1px solid black; |
||||
background: lightgray;*/ |
||||
} |
||||
|
||||
@media only screen and (max-width: 800px) { |
||||
|
||||
input { |
||||
height: 30px; |
||||
} |
||||
|
||||
.form-post { |
||||
width: 100%; |
||||
} |
||||
|
||||
.form-login { |
||||
width: 100%; |
||||
} |
||||
|
||||
blockquote { |
||||
margin: 1em; |
||||
} |
||||
|
||||
.post-check { |
||||
top: 2px; |
||||
margin-left: 2px!important; |
||||
height: 8px; |
||||
} |
||||
|
||||
.post-container { |
||||
width: 100%; |
||||
border: none; |
||||
} |
||||
|
||||
.catalog-tile { |
||||
overflow-y: hidden; |
||||
} |
||||
|
||||
.boards-table { |
||||
width: 100%; |
||||
} |
||||
|
||||
.post-info { |
||||
background-color: #B7C5D9; |
||||
} |
||||
|
||||
} |
Loading…
Reference in new issue