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 */ -webkit-flex: 1; /* Safari 6.1+ */ -ms-flex: 1; /* IE 10 */ flex: 1; }
 * 1) np-flex div {

/* 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; }