|
|
| 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;
| |
| | } | | } |
| | | | |
