|
|
(39 intermediate revisions by the same user not shown) |
Line 1: |
Line 1: |
| /* **************************************************
| |
| * 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 {
| |
| 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 {
| |
| 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 white!important;
| |
| color: black;
| |
| background: white;
| |
| background: -moz-linear-gradient(top,white 0,#E5E5E5 5%,white 55%);
| |
| background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,white),color-stop(5%,#E5E5E5),color-stop(55%,white));
| |
| background: -webkit-linear-gradient(top,white 0,#E5E5E5 5%,white 55%);
| |
| background: -o-linear-gradient(top,white 0,#E5E5E5 5%,white 55%);
| |
| background: -ms-linear-gradient(top,white 0,#E5E5E5 5%,white 55%);
| |
| background: linear-gradient(top,white 0,#E5E5E5 5%,white 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;
| |
| }
| |