Template:Main page/Documentation/css

.np-container { 
  max-width: 136rem; 
  margin: 0 auto;
  box-sizing: border-box;
}

.np-header { 
  border: 1px solid grey;
  background-image: url(https://rationalwiki.org/w/images/f/f3/Brainbanner.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #c7c9cc;
  background-blend-mode: overlay;
  box-sizing: border-box;
}

.np-section { 
  padding: 1em;
  margin: 1em;
  box-sizing: border-box;
}

.np-nav-container {
  box-sizing: border-box;
  margin-top: 1em;
  margin-right: 0;
  margin-bottom: 1em;
  margin-left: 0;
}

.np-both-panel-container {
  display: -webkit-flex; /* Safari */
  display: flex;
  box-sizing: border-box;
}

.np-left-panel { 
  width: 50%;
  float: left;
  border: 1px solid grey;
  box-sizing: border-box;
  background-image: linear-gradient(to right, rgba(232, 232, 232, 1), rgba(252, 254, 255, 1));
  margin-top: 0;
  margin-right: 1em;
  margin-bottom: 1em;
  margin-left: 0;
}

.np-right-panel { 
  width: 50%;
  float: left;
  border: 1px solid green;
  box-sizing: border-box;
  background-image: linear-gradient(to right, rgba(208, 255, 196, 1), rgba(250, 255, 249, 0));
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 1em;
  margin-left: 0;
}

.np-footer { 
  border: 1px solid #000;
}

.np-header-text {
  font-family: "Liberation Serif", Liberation, Times, serif;
  font-size:250%;
}

.np-header-text-underline {
  min-height: 0.1em;
  display:block;
  height:0.1em;
  background-image: linear-gradient(to right, #000000 , #919191);
  width: 50%;
}

.np-section-header-text {
  font-family: "Liberation Serif", Liberation, Times, serif;
  font-size:150%;
}

.np-text-underline {
  min-height: 0.05em;
  display:block;
  height: 0.05em;
  background-image: linear-gradient(to right, #000000 , #c7c9cc);
}

/* more advanced responsive */
#np-flex div {
  -webkit-flex: 1; /* Safari 6.1+ */
  -ms-flex: 1; /* IE 10 */ 
  flex: 1;
}

/* navbar */

.np-navigation-wrap { /* ul */
  list-style-type: none;
  margin: 0;
  padding: 0;
  border: 1px solid darkblue;
  background-color: #c7c9cc;
  overflow: hidden;
}

.np-nav-element { /* li */
  display: inline;
  float: left;
  width: 25%;
  box-sizing: border-box;
}

.np-nav-element a {
  display: block;
  color: #000;
  font-size: 125%;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-family: "Liberation Serif", Liberation, Times, serif;
}

.np-nav-element a:hover {  /* Change the colors on hover */
  background-color: darkblue;
  color: #FFF;
}