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"=====(
<!DOCTYPE html>
<html>
<style>
.styled-table{
border-collapse: collapse;
margin: 25px 0;
font-size: 0.9em;
font-family: sans-serif;
min-width: 400px;
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>
const char CFG_STYLESHEET[] PROGMEM = R"=====(
<!DOCTYPE html>
<html>
<style>
.grid-container {
display: grid;
grid-template-columns: 320px 320px;
grid-template-rows: 50px 30px auto 30px auto 30px;
grid-column-gap: 5px;
grid-row-gap: 5px;
}
.titlebox {
grid-column: 1;
grid-row: 1;
}
.maintitlebox {
background: #FFFFFF;
color: #009879;
border-style: solid;
border-color: #009879;
font-family: verdana, sans-serif;
font-style: normal;
font-weight: bold;
font-variant: normal;
font-size: 22px;
color: #009879;
text-align: center;
letter-spacing: 0px;
line-height: 50px;
}
.subtitlebox {
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;
}
.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>
)=====";