David Lin avatar David Lin committed 7be29ae

modified color

Comments (0)

Files changed (2)

   
   margin-bottom: 0em;
   padding: 0 0 .5em 0;
-  border-right: 1px solid #000;
+  border-right: 2px solid #E60000;
   color: #333;
-  background-color: #90bade;
+  background-color: #FF8C00;
 }
 
 .side-navigation ul {
   margin: 0;
   list-style: none;
   list-style-image: none;
-  border-bottom: 1px solid #90bade;
+  border-bottom: 1px solid transparent;
 }
 
 .side-navigation a {
   color: #fff;
   padding: 5px 5px 5px 0.5em;
-  border-left: 10px solid #1958b7;
-  border-right: 10px solid #508fc4;
-  background-color: #2175bc;
+  border-left: 10px solid #ffc77a;
+  border-right: 10px solid #FFA347;
+  background-color: #ffa324;
   position: relative;
   display: block;
   text-decoration: none;
+  
+  transition: all .2s ease-out;
+  -moz-transition: all .2s ease-out;
+  -webkit-transition: all .2s ease-out;
+  -ms-transition: all .2s ease-out;
+  -o-transition: all .2s ease-out;
 }
 
 .side-navigation a:hover {
   color: #FFF;
-  border-left: 10px solid #1c64d1;
-  border-right: 10px solid #5ba3e0;
-  background-color: #2586d7;
+  border-left: 30px solid #ffc77a;
+  border-right: 10px solid #ffc77a;
+  background-color: #FFAD47;
 }
 
 .side-navigation > a {
   font-weight: bold;
-  background-color: #2080d0;
 }
 
 .side-navigation > ul {
   <body>
     
     <div class="side-navigation">
-      <a href="#">About</a>
-      <ul>
-        <li><a href="#">ABC</a></li>
-        <li><a href="#">ABC</a></li>
-        <li><a href="#">ABC</a></li>
-      </ul>
+      <a href="#">首頁</a>
     </div>
     
     <div class="side-navigation">
-      <a href="#">About</a>
+      <a href="#">本所簡介</a>
+    </div>
+    
+    <div class="side-navigation">
+      <a href="#">師資陣容</a>
       <ul>
-        <li><a href="#">ABC</a></li>
-        <li><a href="#">ABC</a></li>
-        <li><a href="#">ABC</a></li>
+        <li><a href="#">專任師資</a></li>
+        <li><a href="#">合聘師資</a></li>
+        <li><a href="#">行政團隊</a></li>
       </ul>
     </div>
     
+    <div class="side-navigation">
+      <a href="#">課程內容</a>
+    </div>
+    
+    <div class="side-navigation">
+      <a href="#">招生資訊</a>
+    </div>
+    
+    <div class="side-navigation">
+      <a href="#">聯絡我們</a>
+    </div>
+    
   </body>
 </html>
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.