User:Paxed/vector.css

From NetHackWiki
< User:Paxed
Revision as of 08:57, 11 May 2021 by Paxed (talk | contribs) (testing simpletabs)
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: 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.
.simpletabs {
  position: relative;   
  min-height: 200px; /* This part sucks */
  clear: both;
  margin: 25px 0;
}
.simpletabs .tab {
  float: left;
}
.simpletabs .tab label {
  background: #eee; 
  padding: 10px; 
  border: 1px solid #ccc; 
  margin-left: -1px; 
  position: relative;
  left: 1px; 
}
.simpletabs .tab [type=radio] {
  display: none;   
}
.simpletabs .content {
  position: absolute;
  top: 28px;
  left: 0;
  background: white;
  right: 0;
  bottom: 0;
  padding: 20px;
  border: 1px solid #ccc; 
}
.simpletabs [type=radio]:checked ~ label {
  background: white;
  border-bottom: 1px solid white;
  z-index: 2;
}
.simpletabs [type=radio]:checked ~ label ~ .content {
  z-index: 1;
}










@media screen and (min-width:1200px) {

#wpTextbox1 {
   float:left;
   width: 70%;
}

.editOptions,
.mw-editTools,
.templatesUsed {
    float: right;
    width: 25%;
}

.editOptions {
    border: 1px solid #ccc;
}

#editpage-copywarn,
.mw-editTools div:first-child {
    display: none;
}

}