|
|
Line 7: |
Line 7: |
| #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } |
| #top_menu_inside {margin-left: 20px; margin-bottom: 0px;} | | #top_menu_inside {margin-left: 20px; margin-bottom: 0px;} |
− | .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> | | </style> |