mclemens/wt32powermeter
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

„config_css.h“ ändern

Browse Source
This commit is contained in:
Michael Clemens // DK1MI 2023-05-30 16:59:05 +00:00
parent a66ef0ac39
commit 7f7854deb4
1 changed files with 170 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

220
config_css.h
View File

@ -1,51 +1,171 @@
const char CFG_STYLESHEET[] PROGMEM = R"=====( const char CFG_STYLESHEET[] PROGMEM = R"=====(
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<style> <style>
.styled-table{ .grid-container {
border-collapse: collapse; display: grid;
margin: 25px 0; grid-template-columns: 320px 320px;
font-size: 0.9em; grid-template-rows: 50px 30px auto 30px auto 30px;
font-family: sans-serif; grid-column-gap: 5px;
min-width: 400px; grid-row-gap: 5px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); }
}
.titlebox {
.styled-table thead tr{ grid-column: 1;
background-color: #009879; grid-row: 1;
color: #ffffff; }
text-align: left;
} .maintitlebox {
background: #FFFFFF;
.styled-table tbody tr{ color: #009879;
border-bottom: 1px solid #dddddd; border-style: solid;
} border-color: #009879;
font-family: verdana, sans-serif;
.styled-table tbody tr:nth-of-type(even){ font-style: normal;
background-color: #f3f3f3; font-weight: bold;
} font-variant: normal;
.styled-table tbody tr:last-of-type{ font-size: 22px;
border-bottom: 2px solid #009879; color: #009879;
} text-align: center;
letter-spacing: 0px;
.styled-table tbody tr.active-row{ line-height: 50px;
font-weight: bold; }
color: #009879;
} .subtitlebox {
background: #FFFFFF;
.backend_button{ color: #009879;
background-color: #009879; border-style: solid;
border: none; border-color: #009879;
color: white; font-family: verdana, sans-serif;
padding: 5px 5px; font-size: 16px;
text-align: center; color: #009879;
text-decoration: none; font-style: normal;
display: inline-block; font-weight: bold;
margin: 4px 2px; font-variant: normal;
cursor: pointer; text-align: center;
border-radius: 8px; letter-spacing: 0px;
} line-height: 20px;
}
</style>
.contentbox {
background: #FFFFFF;
color: #009879;
border-style: solid;
border-color: #009879;
font-family: verdana, sans-serif;
font-size: 16px;
color: #009879;
font-style: normal;
font-weight: bold;
font-variant: normal;
text-align: center;
letter-spacing: 0px;
line-height: 20px;
padding: 0px;
margin: 0px;
}
.subtitle1 {
grid-column: 1 / span 2;
grid-row: 2;
}
.translationitems {
grid-column: 1 / span 2;
grid-row: 3;
}
.subtitle2 {
grid-column: 1 / span 2;
grid-row: 4;
}
.configitems {
grid-column: 1 / span 2;
grid-row: 5;
}
.footerbox {
grid-column: 1 / span 2;
grid-row: 6;
background: #FFFFFF;
color: #009879;
border-style: solid;
border-color: #009879;
font-family: verdana, sans-serif;
font-size: 12px;
color: #009879;
font-style: normal;
font-weight: bold;
font-variant: normal;
text-align: center;
letter-spacing: 0px;
line-height: 20px;
}
textarea {
width: 310px;
}
.linkbutton {
background: none!important;
border: none;
padding: 0!important;
/*optional*/
font-family: verdana, sans-serif;
font-size: 12px;
font-weight: bold;
/*input has OS specific font-family*/
color: #009879;
text-decoration: underline;
cursor: pointer;
}
.styled-table{
border-collapse: collapse;
font-size: 0.9em;
font-family: sans-serif;
min-width: 400px;
width: 100%;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.styled-table thead tr{
background-color: #009879;
color: #ffffff;
text-align: left;
}
.styled-table tbody tr{
border-bottom: 1px solid #dddddd;
}
.styled-table tbody tr:nth-of-type(even){
background-color: #f3f3f3;
}
.styled-table tbody tr:last-of-type{
border-bottom: 2px solid #009879;
}
.styled-table tbody tr.active-row{
font-weight: bold;
color: #009879;
}
.backend_button{
background-color: #009879;
border: none;
color: white;
padding: 5px 5px;
text-align: center;
text-decoration: none;
display: inline-block;
margin: 4px 2px;
cursor: pointer;
border-radius: 8px;
}
</style>
)====="; )=====";