User:D/common.css
< User:D
Jump to navigation
Jump to search
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
.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-mid-feature-wrap {
margin-top: 1em;
margin-right: 0;
margin-bottom: 1em;
margin-left: 0;
border: 1px solid #000;
background-image: linear-gradient(to right, rgba(255, 245, 142, 1), rgba(252, 254, 255, 1));
}
.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-right: 1em;
}
.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));
}
.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);
}
.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;
}
.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;
}