default.css

/* lib@home, framework to develop distributed calculations.
 * Copyright (C) 2020  Dirk "YouDirk" Lehmann
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Lesser General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Lesser General Public License for more details.
 *
 * You have received a copy of the GNU Lesser General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */


/* ***************************************************************  */

img {
    border-style: none;
}

li {
  margin-top: 6px;
  margin-bottom: 6px;
}

a {
  outline: 0;

  color: #7000a0;
  text-decoration: none;
  border-style: none;
}
a:hover {
  color: #b000f0;
}

table {
  border-spacing: 0px;
  border-style: none;
}
td {
  border-style: none;
  padding: 5px;
}

body {
  padding: 0px;
  margin: 0px;

  background-color: #f8f8f8;

  font-family: Verdana;
  font-size: 16px;
  color: #404040;
  text-align: left;
}

/* ***************************************************************  */

div#page {
  margin: 20px auto;
  padding: 10px 10px 10px;

  border: 2px solid #202020;
  background-color: #60c0ff;

  min-width: 320px;
  max-width: 800px;
}

table#title_table {
}
table#title_table td {
  padding: 0px 10px 0px 0px;
}

img#title_img {
  background-color: transparent;
  height: 80px;
}

h2#title_h2 {
  margin: 0px 0px 3px;
}
span#titledescr_span {
  color: #303050;
  font-style: italic;
  font-size: 12px;
}

ul#linklist_ul {
  list-style-type: none;
  padding-left: 0px;
}
a.version_a {
  font-weight: bold;
  color: #e07000;
}
a:hover.version_a {
  color: #ff8000;
}

div#footer_div {
  text-align: center;
  font-size: 12px;
}
div#footer_div img {
  margin-top: 6px;
  height: 20px;
}
div#footer_div a {
  font-weight: bold;
  color: #1050a0;
  white-space: nowrap;
}
div#footer_div a:hover {
  color: #3070c0;
}

div#content_div {
  margin: 10px 0px;
  padding: 10px 20px;
  background-color: #a0e0ff;
  border: 1px solid #4080a0;
  border-radius: 6px;
}

/* ***************************************************************
 * Overrides for mobile devices
 */

@media only screen and (max-width: 840px) {
  div#page {
    margin: 0px;
    padding: 10px 0px;
    border-style: none;
    max-width: none;
  }
  div#content_div {
    border-style: solid none;
  }

  h2#title_h2 {
    font-size: 17px;
  }
} /* @media only screen and (max-width: 900px)  */


@media only screen and (max-width: 480px) {
  div#page {
    padding: 5px 0px;
  }
  div#content_div {
    margin: 5px 0px;
    padding: 5px 10px;
  }

  img#title_img {
    height: 40px;
  }

  h2#title_h2 {
    font-size: 13px;
  }
  span#titledescr_span {
    font-size: 7px;
  }
  body {
    font-size: 11px;
  }
  div#footer_div {
    font-size: 9px;
  }
  div#footer_div img {
    height: 16px;
  }
} /* @media only screen and (max-width: 600px)  */

/* ***************************************************************  */