User:Emma/common.css: Difference between revisions

Revision as of 11:59, January 31, 2012

/* ************************************************** 
 * Tab support based on http://www.alistapart.com/articles/slidingdoors/
 * ************************************************** */
 
.tabtest {
  float:left;
  width:100%;
  font-size:93%;
  line-height:normal;
  margin: 0;
  padding: 0;
}
 
.tabtest ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none !important;

}
.tabtest li {
  float:left;
  margin:0 !important;
}
 
/* MediaWiki automatically removes links for the current page and surrounds it with <strong> tags instead */
.tabtest a,.tabtest strong {
  padding: 5px 15px 4px 6px;
  margin-right: 1px;
  margin-bottom: -1px;
  border: 1px solid;
  float:left;
  display:block;
  text-decoration:none;
  font-weight:bold;
  color:#765;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
  background: #bbffff;
  background: -moz-linear-gradient(top,#bbffff 0,#F2F2F2 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#8bdee6),color-stop(100%,#F2F2F2));
  background: -webkit-linear-gradient(top,#bbffff 0,#F2F2F2 100%);
  background: -o-linear-gradient(top,#bbffff 0,#F2F2F2 100%);
  background: -ms-linear-gradient(top,#bbffff 0,#F2F2F2 100%);
  background: linear-gradient(top,#bbffff 0,#F2F2F2 100%);
}
 
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
.tabtest a:hover {float:none;}
/* End IE5-Mac hack */
.tabtest a:hover {
  color:#333;
}

.tabtest  a:hover, .tab  strong:hover {
  padding: 5px 15px 4px 6px;
  margin-right: 1px;
  margin-bottom: -1px;
  border: 1px solid black;
  font-weight: bold;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
  margin-bottom: -1px;
  border-bottom: 1px solid #F9F9F9!important;
  color: black;
  background: white;
  background: -moz-linear-gradient(top,white 0,#E5E5E5 5%,#F9F9F9 55%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,white),color-stop(5%,#E5E5E5),color-stop(55%,#F9F9F9));
  background: -webkit-linear-gradient(top,white 0,#E5E5E5 5%,#F9F9F9 55%);
  background: -o-linear-gradient(top,white 0,#E5E5E5 5%,#F9F9F9 55%);
  background: -ms-linear-gradient(top,white 0,#E5E5E5 5%,#F9F9F9 55%);
  background: linear-gradient(top,white 0,#E5E5E5 5%,#F9F9F9 55%);
  box-shadow: 0 -1px 1px #ddd;
  -moz-box-shadow: 0 -1px 1px #ddd;
  -webkit-box-shadow: 0 -1px 1px #ddd;
}
 
 
.tabcontent {
  border: 1px solid #AAA;
  padding: 0em 1em 1em 1em;
  background-color:#F9F9F9;
  color:#000;
  clear: left;
}