|
|
Line 1: |
Line 1: |
| <html lang="zh-CN"> | | <html lang="zh-CN"> |
− | <style type="text/css"> | + | <style type="text/css"> |
| + | #sideMenu, #top_title {display:none;} |
| + | #content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;} |
| | | |
− | #contentSub, #footer-box, #catlinks, #search-controls,
| + | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } |
− | #p-logo, .printfooter, .firstHeading, .visualClear {
| + | #top_menu_inside {margin-left: 20px; margin-bottom: 0px;} |
− | display: none;
| + | |
− | }
| + | |
| | | |
− | #top-section {
| + | *{ |
− | border: 0 none;
| + | font-family:"Open Sans",serif,sans-serif |
− | height: 14px;
| + | } |
− | z-index: 100;
| + | |
− | top: 0;
| + | body{ |
− | position: fixed;
| + | margin:0; |
− | width: 975px;
| + | } |
− | left: 50%;
| + | |
− | margin-left: -487px;
| + | |
− | }
| + | |
− |
| + | |
− | #globalWrapper, #content {
| + | |
− | width: 100%;
| + | |
− | height: 100%;
| + | |
− | border: 0px;
| + | |
− | background-color: transparent;
| + | |
− | margin: 0px;
| + | |
− | padding: 0px;
| + | |
− | font-size: 100%;
| + | |
− | }
| + | |
− |
| + | |
− | html, body, .wrapper {
| + | |
− | width: 100%;
| + | |
− | height: 100%;
| + | |
− | background-color: transparent;
| + | |
− | }
| + | |
| | | |
− | .navbar {
| |
− | margin: 0 auto;
| |
− | margin-top: 1em;
| |
− | padding: 1em;
| |
− | border-radius: 10px;
| |
− | }
| |
| | | |
− | </style> | + | |
| + | .main-container{ |
| + | background:#E8E3E8; |
| + | position:fixed; |
| + | width:100vw; |
| + | height:auto; |
| + | z-index:999; |
| + | } |
| + | |
| + | |
| + | .dropbtn{ |
| + | margin-top:5px; |
| + | } |
| + | |
| + | |
| + | |
| + | .dropbtn span:after{ |
| + | width: 0; |
| + | height: 0; |
| + | border: 0.313em solid transparent; |
| + | border-bottom: none; |
| + | border-top-color:black; |
| + | content: ''; |
| + | vertical-align: middle; |
| + | display: inline-block; |
| + | position: relative; |
| + | right: -0.313em; /* 5 */ |
| + | text-decoration:none !important; |
| + | list-style-type:none !important; |
| + | } |
| + | |
| + | .dropdown{ |
| + | float:left; |
| + | text-decoration:none !important; |
| + | list-style-type:none !important; |
| + | } |
| + | ul>.dropdown>a{ |
| + | color:black !important; |
| + | list-style-type:none !important; |
| + | text-decoration:none !important; |
| + | text-align:left; |
| + | } |
| + | li .dropdown{ |
| + | display:inline-block; |
| + | } |
| + | |
| + | .dropdown > a, .dropbtn { |
| + | display: inline-block; |
| + | text-align: center; |
| + | text-color:black; |
| + | padding-right: 10px; |
| + | margin-right:10px; |
| + | text-decoration:none !important; |
| + | } |
| + | |
| + | .main-menu{ |
| + | position:relative; |
| + | list-style-type: none !important; |
| + | margin-right:1px; |
| + | display:block; |
| + | float:right !important; |
| + | font-weight:400 !important; |
| + | font-size:15px; |
| + | font-family:"Open Sans",serif,sans-serif; |
| + | } |
| + | |
| + | /*下拉式menu*/ |
| + | |
| + | .dropdown > a:hover, .dropdown:hover .dropbtn{ |
| + | color:red !important; |
| + | } |
| + | |
| + | .dropdown-content{ |
| + | display:none; |
| + | background:#E8E3E8; |
| + | position:absolute; |
| + | width:auto !important; |
| + | |
| + | } |
| + | .dropdown-content a{ |
| + | color: black; |
| + | padding:15px; |
| + | text-decoration: none; |
| + | display: block; |
| + | text-align:left !important; |
| + | size:1em; |
| + | } |
| + | |
| + | |
| + | .dropdown-content a:hover{ |
| + | color:red; |
| + | } |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | /*manu*/ |
| + | @media screen and (min-width: 768px) { |
| + | .main-container{ |
| + | background:white !important; |
| + | position:fixed; |
| + | width:100vw; |
| + | height:10.5vh; |
| + | display:block important; |
| + | } |
| + | .NCTU_Formosa{ |
| + | left:1.5vw; |
| + | position:relative; |
| + | top:25px; |
| + | } |
| + | } |
| + | @media screen and (orientation: portrait) { |
| + | .main-container{ |
| + | background:white !important; |
| + | position:fixed; |
| + | width:100vw; |
| + | height:4vh; |
| + | display:block important; |
| + | } |
| + | .NCTU_Formosa{ |
| + | left:1.5vw; |
| + | position:relative; |
| + | top:35px; |
| + | } |
| + | } |
| + | |
| + | .menu_sign:after |
| + | { |
| + | width: 0; |
| + | height: 0; |
| + | border: 0.313em solid transparent; |
| + | border-bottom: none; |
| + | border-top-color: black; |
| + | content: ''; |
| + | vertical-align: middle; |
| + | display: inline-block; |
| + | position: relative; |
| + | right: -0.313em; /* 5 */ |
| + | |
| + | } |
| + | |
| + | .active_menu{display:none;} |
| + | |
| + | ul>.dropdown>a{ |
| + | color:black !important; |
| + | text-align:center !important; |
| + | list-style-type: none !important; |
| + | text-decoration: none; |
| + | } |
| + | .dropdown{ |
| + | background:white; |
| + | display:block !important; |
| + | text-align:center; |
| + | list-style-type: none !important; |
| + | text-decoration: none !important; |
| + | font-family:"Open Sans",serif,sans-serif; |
| + | } |
| + | |
| + | .dropdown > a, .dropbtn { |
| + | display:block !important; |
| + | text-align: center !important; |
| + | text-color:black !important; |
| + | padding: 12px 12px !important; |
| + | text-decoration:none !important; |
| + | } |
| + | |
| + | /*下拉式menu*/ |
| + | |
| + | .dropdown > a:hover, .dropdown:hover .dropbtn{ |
| + | color:red !important; |
| + | } |
| + | |
| + | .dropdown-content{ |
| + | background:white; |
| + | position:absolute; |
| + | width:100%; |
| + | text-align:center; |
| + | display: none; |
| + | Z-index:100; |
| + | } |
| + | .dropdown-content a{ |
| + | color: black; |
| + | padding-top:5px; |
| + | text-decoration: none; |
| + | text-align:center; |
| + | size:1.3em; |
| + | |
| + | } |
| + | |
| + | |
| + | .dropdown-content a:hover{ |
| + | color:red; |
| + | } |
| + | |
| + | } |
| + | |
| + | </style> |
| | | |
| <meta name= "viewport" content = "initial-scale=1.0, width= device-width" /> | | <meta name= "viewport" content = "initial-scale=1.0, width= device-width" /> |