User:DavidRamos/monobook.css: Difference between revisions

Revision as of 10:19, 12 July 2006

/* ************************************************** 
 * Tab support based on http://www.alistapart.com/articles/slidingdoors/
 * ************************************************** */

.tabs,.tabs-blue,.tabs-green {
  float:left;
  width:100%;
  background:#DAE0D2 url("/images/3/3a/Tab-bg.gif") repeat-x bottom;
  font-size:93%;
  line-height:normal;
  margin: 0;
  padding: 0;
}
.tabs-blue {
  background:#CCCCFF url("/images/b/bb/SDbg.gif") repeat-x bottom;
}
.tabs-green {
  background:#CCFFCC url ("/images/0/05/DRbg2.gif") repeat-x bottom;
}
.tabs ul,.tabs-blue ul,.tabs-green ul{
  margin:0;
  padding:10px 10px 0;
  list-style:none;
}
.tabs li,.tabs-blue li,.tabs-green li {
  float:left;
  background:url("/images/1/11/Tab-left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
}
.tabs-blue li {
  background:url("/images/b/b7/SDleft.gif") no-repeat left top;
}

.tabs-green li {
  background:url("/images/4/47/DRleft.gif") no-repeat left top;
}

/* MediaWiki automatically removes links for the current page and surrounds it with <strong> tags instead */
.tabs a,.tabs-blue a,.tabs-green a,.tabs strong,.tabs-blue strong,.tabs-green strong {
  float:left;
  display:block;
  background:url("/images/0/07/Tab-right.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#765;
}
.tabs-blue a,.tabs-blue strong {
  background:url("/images/f/f8/SDright.gif") no-repeat right top;
}

.tabs-green a,.tabs-green strong {
  background:url("/images/f/fb/DRright.gif") no-repeat right top;
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
.tabs a, .tabs-blue a, .tabs-green a {float:none;}
/* End IE5-Mac hack */
.tabs a:hover, .tabs-blue a:hover, .tabs-green a:hover {
  color:#333;
}

.tabs #current {
  background-image:url("/images/0/05/Tab-left_on.gif");
}
.tabs-blue #current {
  background-image:url("/images/a/a5/SDleft_on.gif");
}

.tabs-green #current {
  background-image:url("/images/a/a5/DRleft_on.gif");
}

.tabs #current a,.tabs #current strong,.tabs-blue #current a, .tabs-blue #current strong,
.tabs-green #current a, .tabs-green #current strong {
  background-image:url("/images/6/61/Tab-right_on.gif");
  color:#333;
  padding-bottom:5px;
}
.tabs-blue #current a,.tabs-blue #current strong {
  background-image:url("/images/5/59/SDright_on.gif");
}

.tabs-green #current a,.tabs-green #current strong {
  background-image:url("/images/2/2b/DRright_on.gif");
}

.tabcontent {
  border: 1px dashed #aa9988;
  padding: 0em 1em 1em 1em;
  border-top: none;
  background-color:#ffffff;
  color:#000;
  clear: both;
}

.tabcontent #prevtab {
  float: left;
  margin-top: -1.5em; 
  background-color: #DAE0D2; 
  color: #000; 
  padding: .2em .6em; 
  font-size: 130%; 
  border: 1px solid #765;
}

.tabcontent #nexttab {
  float: right; 
  margin-top: -1.5em; 
  background-color: #DAE0D2; 
  color: #000; 
  padding: .2em .6em; 
  font-size: 130%; 
  border: 1px solid #765;
}