CanGrow/include/Webserver/File_cangrow_CSS.h

/*
 * 
 * include/Webserver/File_cangrow_CSS.h - /cangrow.css header file
 * 
 * 
 *
 */


const char File_cangrow_CSS[] PROGMEM = R"(body {
  color: #cae0d0;
  background-color: #1d211e;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-align: center;
}

.footer {
  color: #343B35;
}

.center {
  /*width: 100; */
  margin: auto;    
} 

.centered {
  margin-left: auto;
  margin-right: auto;
}

h1 {
  margin: 15px;
}

h2 {
  margin: 10px;
}

h3 {
  margin: 5px;
}

td {
  text-align: left; 
  vertical-align: middle;
  border-bottom: 1px solid #262B27;
}

hr {
  height: 1px;
  border-width: 0;
  color: #262B27;
  background-color: #262B27;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  border-style: inset;
  width: 320px;
}

a:link, a:visited {
  color: #04AA6D;
}
a:hover {
  color: #64AA6D;
}
a:active {
  color: #04AA6D;
}
.infomsg , .warnmsg {
  color: #fff;
  border-radius: 3px;
  padding: 4px;
  /*width: fit-content; min-width: 200px; max-width: 420px;*/
  display: inline-block;
  margin: auto;
  margin-bottom: 5px;
  font-weight: bold;
  /*text-align: center;*/
  text-decoration: none;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
}
.infomsg {
  background: #04AA6D;
}
.warnmsg {
  background: #aa4204;
}
.inputShort {
  width: 42px;
}

.sensorReading {
  font-style: italic;
  color: #64AA6D;
}

.helpbox {
  font-size: 0.8em;
  margin-left: 15px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.nav {
  background: #333;
  /*width: 100; */
  margin: auto;
  margin-bottom: 10px;
  padding: 0;
  position: relative;
  border-radius: 3px;
  display: inline-block;
  text-align: left;
}

.subnav {
  /*text-align: center;*/
  margin: auto;
  margin-bottom: 10px;
  padding: 0;
  position: relative;
  border-radius: 3px;
}

.subnavTitle {
  font-size: 1em;
  /*font-weight: bold;*/
  margin-top: -10px;
  margin-bottom: 10px;
  /*text-align: center;*/
}
.nav li {
  display: inline-block;
  list-style: none;
  border-radius: 3px;
}

.subnav li {
  background: #262B27;
  list-style: none;
  border-radius: 3px;
  margin-bottom: 3px;
  display: inline-block;
}

.nav li:first-of-type {
  background: #026b45;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.nav li a, .nav span, .subnav li a, .subnav span,  .button, .button:link, input[type=button], input[type=submit], 
input[type=reset], .linkForm input[type=submit] {
  color: #ddd;
  display: block;
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  font-size:0.8em;
  padding: 10px 20px;
  text-decoration: none;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
}

.subnav li a, .subnav span {
  padding: 5px 10px;
}

.nav li a:hover, .subnav li a:hover, .activeNav, .button:link:hover, .button:visited:hover, input[type=button]:hover, 
input[type=submit]:hover, input[type=reset]:hover, .linkForm input[type=submit]:hover  {
  background: #04AA6D;
  color: #fff;
  border-radius: 3px;
}

.nav li a:active, .subnav li a:active {
  background: #026b45;
  color: #cae0d0;
}

.activeNav {
  background: #444;
}

.navTime {
  background: #292929;
}

.button, .button:link, .button:visited, input[type=button], input[type=submit],input[type=reset],
.linkForm input[type=submit] {
  background: #026b45;
  color: #fff;
  border-radius: 3px;
  padding: 6px 12px;
  /*text-align: center;*/
  text-decoration: none;
  display: inline-block;
  border: none;
}

.button:link:active, .button:visited:active, input[type=button]:active, input[type=submit]:active,
input[type=reset]:active, .linkForm input[type=submit]:active {
  background: #026b45;
  color: #cae0d0;
}

input[type=text], input[type=date], input[type=number], input[type=password], select {
  background: #cae0d0;
  color: #1d211e;
  border: 1px solid #026b45;
  border-radius: 3px;
}

.linkForm {
  display: inline-block;
}

.linkForm input[type=submit] {
  background: #262B27;
  padding: 5px;
  
}

.hidden {
  display: none;
}

.force_hide {
  display: none !important;
}

.visible {
  display: inline;
  /*justify-content: center!important;*/
}
/* a disabled class */
a.disabled {
 pointer-events: none;
}
 @media only screen and (min-width: 1820px) {
  /*.center, .nav {
    width: 60; min-width: 420px;
  }*/
  .subnav li {
    display: '';
    margin-bottom: 3px;
   }
}

/*@media only screen and (min-width: 640px) {
  
}*/)";

void WebFile_cangrow_CSS(AsyncWebServerRequest *request) {
  AsyncWebServerResponse *response = request->beginResponse_P(200, F("text/css"), File_cangrow_CSS);
  response->addHeader(F("Cache-control"), F("max-age=600"));
  request->send(response);
  //request->send_P(200, "text/css", File_cangrow_CSS);
}