SRSoftware/Umbrella
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

css improvement, coping to other themes

Browse Source 
Signed-off-by: Stephan Richter <s.richter@srsoftware.de>
This commit is contained in:
Stephan Richter
2025-12-04 20:54:01 +01:00
parent 5e0b59bacf
commit 3833f2f978
5 changed files with 115 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
web/src/main/resources/web/css/bloodshed-color.css
View File

@@ -307,4 +307,11 @@ tr:hover .taglist .tag button {
.easylist .filter{ .easylist .filter{
background: black; background: black;
}
@media screen and (max-width: 900px) {
#app nav a{
background: black;
color: red;
}
} }

48
web/src/main/resources/web/css/bloodshed.css
View File

@@ -426,6 +426,45 @@ a.wikilink{
float: right; float: right;
} }
@media screen and (min-width: 900px) {
#app nav button.symbol{
display: none;
}
}
@media screen and (max-width: 900px) {
#app nav{
grid-template-columns: 33% 34% 33%;
display: grid;
padding: 0 10px;
position: absolute;
left: 0;
right: 0;
}
#app nav form{
grid-column-end: span 2;
}
#app nav .logout{
grid-column-end: 4;
}
#app nav.collapsed a{
display: none;
}
#app nav a {
font-size: 19px !important;
display: grid;
text-align: center;
border: 1px solid;
margin: 5px;
padding: 15px 0;
border-radius: 7px;
}
}
@media screen and (max-width: 600px) { @media screen and (max-width: 600px) {
.grid2{ .grid2{
display: grid; display: grid;
@@ -455,6 +494,15 @@ a.wikilink{
.easylist input{ .easylist input{
font-size: 20px; font-size: 20px;
} }
#app nav{
grid-template-columns: auto auto;
}
#app nav form{
grid-column-end: span 1;
}
#app nav .logout{
grid-column-end: 3;
}
} }
fieldset.vcard{ fieldset.vcard{

7
web/src/main/resources/web/css/default.css
View File

@@ -512,13 +512,12 @@ a.wikilink{
@media screen and (max-width: 900px) { @media screen and (max-width: 900px) {
#app nav{ #app nav{
grid-template-columns: auto auto auto; grid-template-columns: 33% 34% 33%;
display: grid; display: grid;
padding: 0 10px; padding: 0 10px;
position: absolute; position: absolute;
left: 0; left: 0;
right: 0; right: 0;
} }
#app nav form{ #app nav form{
grid-column-end: span 2; grid-column-end: span 2;
@@ -539,6 +538,10 @@ a.wikilink{
margin: 5px; margin: 5px;
border-radius: 7px; border-radius: 7px;
} }
#app nav a::before {
font-size: 30px;
}
} }

7
web/src/main/resources/web/css/winter-color.css
View File

@@ -282,4 +282,11 @@ tr:hover .taglist .tag button {
.easylist fieldset { .easylist fieldset {
border-color: blue; border-color: blue;
color: blue; color: blue;
}
@media screen and (max-width: 900px) {
#app nav a{
background: white;
color: blue;
}
} }

48
web/src/main/resources/web/css/winter.css
View File

@@ -426,6 +426,45 @@ a.wikilink{
float: right; float: right;
} }
@media screen and (min-width: 900px) {
#app nav button.symbol{
display: none;
}
}
@media screen and (max-width: 900px) {
#app nav{
grid-template-columns: 33% 34% 33%;
display: grid;
padding: 0 10px;
position: absolute;
left: 0;
right: 0;
}
#app nav form{
grid-column-end: span 2;
}
#app nav .logout{
grid-column-end: 4;
}
#app nav.collapsed a{
display: none;
}
#app nav a {
font-size: 19px !important;
display: grid;
text-align: center;
border: 1px solid;
margin: 5px;
padding: 15px 0;
border-radius: 7px;
}
}
@media screen and (max-width: 600px) { @media screen and (max-width: 600px) {
.grid2{ .grid2{
display: grid; display: grid;
@@ -455,6 +494,15 @@ a.wikilink{
.easylist input{ .easylist input{
font-size: 20px; font-size: 20px;
} }
#app nav{
grid-template-columns: auto auto;
}
#app nav form{
grid-column-end: span 1;
}
#app nav .logout{
grid-column-end: 3;
}
} }
fieldset.vcard{ fieldset.vcard{