There is no RationalWiki without you. We are a small non-profit with no staff—we are hundreds of volunteers who document pseudoscience and crankery around the world every day. We will never allow ads because we must remain independent. We cannot rely on big donors with corresponding big agendas. We are not the largest website around, but we believe we play an important role in defending truth and objectivity. |
Fighting pseudoscience isn't free. We are 100% user-supported! Help and donate $5, $10, $20 or whatever you can today with ![]() ![]() |
Template:Main page/Documentation/css
Jump to navigation
Jump to search
.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; }