Difference between revisions of "User:Paxed/vector.css"

From NetHackWiki
Jump to navigation Jump to search
m (hide copywarn)
m (testing simpletabs)
Line 1: Line 1:
 +
 +
 +
.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) {
 
@media screen and (min-width:1200px) {

Revision as of 08:57, 11 May 2021

.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;
}

}