Difference between revisions of "Team:NCTU Formosa/Test"

Line 1: Line 1:
{{NCTU_Formosa}}
+
<!doctype html>
 
<html>
 
<html>
  
Line 5: Line 5:
 
     <meta charset="UTF-8">
 
     <meta charset="UTF-8">
 
     <title>Untitled Document</title>
 
     <title>Untitled Document</title>
 +
    <script src="//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 +
    <link href="Home.css" rel="stylesheet" type="text/css">
 +
    <script src="Home.js" type="text/javascript"></script>
 
     <style>
 
     <style>
ul.navigation {
+
    ul.navigation {
    list-style-type: none;
+
        list-style-type: none;
    margin: 0;
+
        margin: 0;
    padding: 0;
+
        padding: 0;
    overflow: hidden;
+
        overflow: hidden;
}
+
    }
  
li.navigation {
+
    li.navigation {
    float: left;
+
        float: left;
}
+
    }
  
li.dropdown {
+
    li.dropdown {
    display: inline-block;
+
        display: inline-block;
}
+
    }
  
.navigation li {
+
    .navigation li {
    float: left;
+
        float: left;
}
+
    }
  
.navigation li a, .dropbtn {
+
    .navigation li a, .dropbtn {
    display: inline-block;
+
        display: inline-block;
    text-align: center;
+
        text-align: center;
    padding: 14px 16px;
+
        padding: 14px 16px;
    text-decoration: none;
+
        text-decoration: none;
}
+
    }
  
.navigation li a:hover, .dropdown:hover .dropbtn {
+
    .navigation li a:hover, .dropdown:hover .dropbtn {
    background-color: red;
+
        background-color: red;
}
+
    }
  
.dropdown-content {
+
    .dropdown-content {
    display: none;
+
        display: none;
    position: absolute;
+
        position: absolute;
    background-color: #f9f9f9;
+
        background-color: #f9f9f9;
    min-width: 160px;
+
        min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
+
        z-index: 1;
}
+
    }
  
.dropdown-content a {
+
    .dropdown-content a {
    color: black;
+
        color: black;
    padding: 12px 16px;
+
        padding: 12px 16px;
    text-decoration: none;
+
        text-decoration: none;
    display: block;
+
        display: block;
    text-align: left;
+
        text-align: left;
}
+
    }
  
.dropdown-content a:hover {background-color: #f1f1f1}
+
    .dropdown-content a:hover {background-color: #f1f1f1}
  
.dropdown:hover .dropdown-content {
+
    .dropdown:hover .dropdown-content {
    display: block;
+
        display: block;
}
+
    }
</stlye>
+
  
 +
    </style>
 
</head>
 
</head>
  

Revision as of 04:00, 21 August 2017

<!doctype html> Untitled Document