Thành viên:Kietvnm/thử 3/styles.css

/*########
Tabber stuff. See code in mediawiki:common.js 
/
 
/*===Wikinews specific==== */
 
/*horizTabBox*/
 
div.horizTabBox ul.tabbernav li a {
background-color:#7ec9fd;
margin-left: 15px;border-bottom: solid 1px #7ec9fd;padding-left:0.8em;padding-right:0.8em;-moz-border-radius:1em 1em 0 0; /* this should be replaced with images for browsers that don't support it somehow*//*webkit doesn't like too big radii or having it in the shorthand form. Make sure radi < 1.7em */-webkit-border-top-left-radius:1em;-webkit-border-top-right-radius:1em;border-radius:1em 1em 0 0;}
 
div.horizTabBox ul.tabbernav li.tabberactive a{
background-color: #bce1ff;border-bottom: 3px solid #bce1ff;margin-left:10px;
}div.horizTabBox .tabbertab {border:solid 2px #7ec9fd;padding:0;}div.horizTabBox ul.tabbernav li a:hover{
color: #000;background: #bce1ff;border-bottom: 3px solid #bce1ff;
}
 
div.horizTabBox ul.tabbernav li.tabberactive a:hover{
color: #000;
 
}div.horizTabBox {
width:50%;text-align:left;margin-left:auto;margin-right:auto;/*min-width:41em;max-width:47em;*/
}
 
/* IMPORTANT: keep width:80% above or it will suck on IE*/
 
 
/* pict box */
 
div.pictChanger ul.tabbernav {line-height: 2.4;}div.pictChanger ul.tabbernav li a {border: #CCC 1px solid}div.pictChanger {width:400px;}div.pictChanger div.tabbertab {text-align:left;}
 
div.tabberNoBorder div.tabbertab, div.tabberNoBorder ul.tabbernav {
   border: none;
}
 
/* Copied from http://www.barelyfitz.com/projects/tabber/example.css used under mit licensesee http://www.barelyfitz.com/projects/tabber/
/
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */
 
/*--------------------------------------------------
 REQUIRED to hide the non-active tab content. But do not hide them in the print stylesheet! --------------------------------------------------*/
.tabberlive .tabbertabhide {
display:none;
}
 
/*--------------------------------------------------
 .tabber = before the tabber interface is set up .tabberlive = after the tabber interface is set up --------------------------------------------------*/
.tabber {}.tabberlive {
margin-top:1em;
}
 
/*--------------------------------------------------
 ul.tabbernav = the tab navigation list li.tabberactive = the active tab --------------------------------------------------*/
ul.tabbernav{
margin:0;padding: 3px 0;border-bottom: 1px solid #CCC;font: bold 12px Verdana, sans-serif;
}
 
ul.tabbernav li{
list-style: none;margin: 0;display: inline;
}
 
ul.tabbernav li a{
padding: 3px 0.5em;margin-left: 3px;border: 1px solid #ccc;border-bottom: none;background: #f2f7ff;text-decoration: none;
}
 
ul.tabbernav li a:link { color: #448; }ul.tabbernav li a:visited { color: #667; }
 
ul.tabbernav li a:hover{
color: #000;background: #fff9f2;border-color: #CCC;
}
 
ul.tabbernav li.tabberactive a{
background-color: #fff;border-bottom: 1px solid #fff;
}
 
ul.tabbernav li.tabberactive a:hover{
color: #000;background: white;border-bottom: 1px solid white;
}
 
/*--------------------------------------------------
 .tabbertab = the tab content Add style only after the tabber interface is set up (.tabberlive) --------------------------------------------------*/
.tabberlive .tabbertab {
padding:5px;border:1px solid #CCC;border-top:0;/* If you don't want the tab size changing whenever a tab is changed   you can set a fixed height *//* height:200px; *//* If you set a fix height set overflow to auto and you will get a   scrollbar when necessary *//* overflow:auto; */
}
 
/* If desired, hide the heading since a heading is provided by the tab */.tabberlive .tabbertab h2 {
display:none;
}.tabberlive .tabbertab h3 {
display:none;
}
 
/* Example of using an ID to set different styles for the tabs on the page */.tabberlive#tab1 {}.tabberlive#tab2 {}.tabberlive#tab2 .tabbertab {
height:200px;overflow:auto;
}