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

Adjust css theme

Fix responsive
This commit is contained in:
27chan 2022-06-01 11:46:28 -03:00
parent 6577a0d9d8
commit bfd0cc0bc2
3 changed files with 106 additions and 70 deletions

View File

@ -47,4 +47,16 @@
.box img {
float: none;
margin: 10px auto;
}
@media screen and (max-width: 696px) {
.box-wrap {
overflow: visible;
}
.box {
width: 100%;
}
.box ul {
text-align: center;
}
}

View File

@ -1,73 +1,85 @@
body {
color: #CCCCCC;
background: #1E1E1E;
}
header div.subtitle, h1 {
color: #CCCCCC;
}
a:link, a:visited, p.intro a.email span.name {
color: #CCCCCC;
text-decoration: underline;
font-family: sans-serif;
}
a:link:hover, a:visited:hover {
color: #FF0000;
font-family: sans-serif;
text-decoration: underline overline;
}
.box-wrap {
max-width: 670px;
min-width: 332px;
margin: 30px auto;
overflow: auto;
padding: 0;
}
.box {
background: white;
border: 1px solid #98E;
width: 330px;
margin: 8px 0;
padding: 0;
}
.box ul {
padding: 2px 15px;
}
.box ul li {
list-style: none;
margin: 0;
}
.box.left {
background: #333333;
background: #1E1E1E;
}
header div.subtitle, h1 {
color: #CCCCCC;
border: #555555 1px solid;
float: left;
}
.box.right {
background: #333333;
color: #CCCCCC;
border: #555555 1px solid;
float: right;
}
.box h2 {
padding: 3px 7px;
font-size: 12pt;
border: #555555 1px solid;
}
.box.left h2 {
background: #333333;
color: #CCCCCC;
border: #555555 1px solid;
}
.box.right h2 {
background: #333333;
color: #CCCCCC;
border: #555555 1px solid;
}
.box img {
float: none;
margin: 10px auto;
}
}
a:link, a:visited, p.intro a.email span.name {
color: #CCCCCC;
text-decoration: underline;
font-family: sans-serif;
}
a:link:hover, a:visited:hover {
color: #FF0000;
font-family: sans-serif;
text-decoration: underline overline;
}
.box-wrap {
max-width: 670px;
min-width: 332px;
margin: 30px auto;
overflow: auto;
padding: 0;
}
.box {
background: white;
border: 1px solid #98E;
width: 330px;
margin: 8px 0;
padding: 0;
}
.box ul {
padding: 2px 15px;
}
.box ul li {
list-style: none;
margin: 0;
}
.box.left {
background: #333333;
color: #CCCCCC;
border: #555555 1px solid;
float: left;
}
.box.right {
background: #333333;
color: #CCCCCC;
border: #555555 1px solid;
float: right;
}
.box h2 {
padding: 3px 7px;
font-size: 12pt;
border: #555555 1px solid;
}
.box.left h2 {
background: #333333;
color: #CCCCCC;
border: #555555 1px solid;
}
.box.right h2 {
background: #333333;
color: #CCCCCC;
border: #555555 1px solid;
}
.box img {
float: none;
margin: 10px auto;
}
@media screen and (max-width: 696px) {
.box-wrap {
overflow: visible;
}
.box {
width: 100%;
}
.box ul {
text-align: center;
}
}

View File

@ -55,3 +55,15 @@ body {
header div.subtitle, h1 {
color: #888A8C;
}
@media screen and (max-width: 696px) {
.box-wrap {
overflow: visible;
}
.box {
width: 100%;
}
.box ul {
text-align: center;
}
}