User:D/common.css

From RationalWiki
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;
}