|
|
Line 18: |
Line 18: |
| body { | | body { |
| background: black; | | background: black; |
− | }
| |
− |
| |
− | ul, li {
| |
− | margin:0 auto;
| |
− | padding: 0;
| |
− | list-style: none;
| |
− | }
| |
− | .abgne_tab {
| |
− | clear: left;
| |
− | width: 70%;
| |
− | margin: 8px 0;
| |
− | }
| |
− | ul.tabs {
| |
− | width: 90%;
| |
− | height: 35px;
| |
− | }
| |
− | ul.tabs li {
| |
− | font-size: 25px;
| |
− | font-weight: 800;
| |
− | font-family:Agency FB;
| |
− | line-height: 50px;
| |
− | letter-spacing:9px;
| |
− | float: left;
| |
− | height: 31px;
| |
− | line-height: 31px;
| |
− | overflow: hidden;
| |
− | position: relative;
| |
− | margin-bottom: -1px; /* 讓 li 往下移來遮住 ul 的部份 border-bottom */
| |
− | border-left: none;
| |
− | background: #fff300;
| |
− | }
| |
− | ul.tabs li a {
| |
− | display: block;
| |
− | padding: 0 20px;
| |
− | color: #000;
| |
− | text-decoration: none;
| |
− | }
| |
− | ul.tabs li a:hover {
| |
− | background: #FFFFbb;
| |
− | }
| |
− | ul.tabs li.active {
| |
− | background: #fff300;
| |
− | }
| |
− | ul.tabs li.active a:hover {
| |
− | background: #fff300;
| |
− | }
| |
− | div.tab_container {
| |
− | clear: left;
| |
− | width: 100%;
| |
− | border-top: none;
| |
− | background: #000000;
| |
− | }
| |
− | div.tab_container .tab_content {
| |
− | padding: 20px;
| |
− | }
| |
− | div.tab_container .tab_content h2 {
| |
− | margin: 0 0 20px;
| |
| } | | } |
| | | |