MediaWiki:Css

.tabbertab { margin-bottom: 20px; border: 1px solid #D9D9D9 !important; } .tabbernav { background: transparent; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#FFFCD2'); /* for IE */ border: none !important; padding: 10px 0px !important; } ul.tabbernav li a { color: black !important; padding: 10px 14px !important; margin-left: 2px !important; background: transparent !important; border: none !important; font-weight: bold !important; -moz-border-radius-topright: 4px !important; border-top-right-radius: 4px !important; -moz-border-radius-topleft: 4px !important; border-top-left-radius: 4px !important; position: relative; top: 3px; } ul.tabbernav li a:hover { font-weight:bold; border: none !important; border-bottom: 1px solid #D9D9D9 !important; } ul.tabbernav li.tabberactive a { border: 1px solid #D9D9D9 !important; color: #000 !important; font-weight: bold !important; border-bottom: 1px solid #fff !important; background-color: #FFF !important; cursor: default; } ul.tabbernav li.tabberactive {line-height: 0px !important;} ul.tabbernav li.tabberactive:first-child a { margin-left: 0px !important; } ul.tabbernav li.tabberactive a:hover { background: white !important; border: 1px solid #D9D9D9 !important; border-bottom: 1px solid #fff !important; } .tabbertab .ajax-poll { border: red !important; } .editsection { visibility:hidden; } h1, h2, h3, h4, h5, h6 { font-weight:bold; } .tabbertab { margin-bottom: 20px; border: none !important; } .tabbernav { background: red; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#FFFCD2'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(white), to(#FFFCD2)); /* for webkit browsers */ background: -moz-linear-gradient(top, white,  #FFFCD2); /* for firefox 3.6+ */ border-bottom: #D20611 !important; padding: 10px 6px !important; } ul.tabbernav li a { color: #D20611 !important; font color: #D20611 !important; padding: 10px 14px !important; margin-left: 2px !important; background: #D20611 !important; border: 1px solid #D20611 !important; font-weight: normal !important; -moz-border-radius-topright: 4px !important; border-top-right-radius: 4px !important; -moz-border-radius-topleft: 4px !important; border-top-left-radius: 4px !important; position: relative; top: -7px; } ul.tabbernav li a:hover { background: #FFFFFF !important; font color: #D20611 !important; border: 1px solid #FFFFFF !important; border-bottom: 1px solid #FFFFFF !important; } ul.tabbernav li.tabberactive a { border: 2px solid #FFFFFF !important; color: #D20611 !important; font-weight: bold !important; border-bottom: 1px solid #fff !important; background-color: #FFFFFF !important; cursor: default; } ul.tabbernav li.tabberactive {line-height: 0px !important;} ul.tabbernav li.tabberactive:first-child a { margin-left: 0px !important; } ul.tabbernav li.tabberactive a:hover { background: white !important; border: 1px solid #D9D9D9 !important; border-bottom: 1px solid #fff !important; } .tabbertab .ajax-poll { border: #F3700E !important; } /*-- 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:0px !important; } /*-- ul.tabbernav = the tab navigation list li.tabberactive = the active tab --*/ ul.tabbernav { padding: 8px 0px 3px 0px !important; border-style: 1px solid #D20611 !important; font: 12px Verdana, sans-serif; background: none } ul.tabbernav li { list-style: none; margin: 0; display: inline; } ul.tabbernav li a { padding: 4px 0.25em; margin-left: 1px !important; border-style: 1px solid #D20611 !important; border-bottom: none; background: red !important; text-decoration: none; } ul.tabbernav li a:link { color: #FFFFFF !important; } ul.tabbernav li a:visited { color: #FFFFFF !important; } ul.tabbernav li a:hover { color: #FFFFFF; background: none !important; } ul.tabbernav li.tabberactive a { text: white; background: none !important; border-style: none !important; } ul.tabbernav li.tabberactive a:hover { text: white; background: none !important; border-style: none !important; } /*-- .tabbertab = the tab content Add style only after the tabber interface is set up (.tabberlive) --*/ .tabberlive .tabbertab { padding:0px !important; margin:0px !important; border-style: #D20611 !important; 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; */ } .tabberlive .tabbertab p { margin:2px 0px 0px 0px !important; } hr { color:red; background-color:red; }