User:Emma/common.css: Difference between revisions

Revision as of 12:55, January 31, 2012

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

}
.tabtest li, .tabtestselected li {
  float:left;
  margin:0 !important;
  text-align:center;
}
 
/* 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 #A6B4E7;
  border-bottom: 1px solid #AAA;
  float:left;
  display:block;
  text-decoration:none;
  font-weight:bold;
  color:black;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -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: #c8d0ff;
  background: -moz-linear-gradient(top,#c8d0ff 0,#F9F9F9 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c8d0ff),color-stop(100%,#F9F9F9));
  background: -webkit-linear-gradient(top,#c8d0ff 0,#F9F9F9 100%);
  background: -o-linear-gradient(top,#c8d0ff 0,#F9F9F9 100%);
  background: -ms-linear-gradient(top,#c8d0ff 0,#F9F9F9 100%);
  background: linear-gradient(top,#c8d0ff 0,#F9F9F9 100%);
}
 
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
.tabtest a:hover {float:none;}
/* End IE5-Mac hack */
.tabtest a:hover {
  color:#A6B4E7;
}

.tabtest a:hover, .tabtest strong:hover, .tabtestselected a, .tabtestselected strong{
  padding: 5px 15px 4px 6px;
  margin-right: 1px;
  margin-bottom: -1px;
  border: 1px solid #A6B4E7;
  font-weight: bold;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -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;
}