Difference between revisions of "Template:Kyoto"

Line 278: Line 278:
 
         /* top banner list */
 
         /* top banner list */
 
         ul.nv {  
 
         ul.nv {  
                display: table;               
 
                table-layout: fixed;
 
 
                 width: 90%;
 
                 width: 90%;
 
                 height: 10vh;
 
                 height: 10vh;
Line 287: Line 285:
 
        
 
        
 
         ul.nv li {
 
         ul.nv li {
                 display: table-cell;
+
                 display: inline-block;
 +
                list-style-type: none;
 +
                position: relative;
 
                 vertical-align: center;
 
                 vertical-align: center;
 
                 text-align: center;
 
                 text-align: center;
Line 294: Line 294:
 
                 padding: 10px;
 
                 padding: 10px;
 
         }
 
         }
 +
 +
        ul.nv a {
 +
                background-color: #cc0000;
 +
                color: white;             
 +
                line-height: 40px;       
 +
                text-align: center;       
 +
                text-decoration: none;   
 +
                font-weight: bold;       
 +
                display: block;           
 +
        }
 +
        ul.nv a:hover {
 +
                background-color: #ffdddd;
 +
                color: #dd0000;           
 +
        }
 +
 +
 +
        ul.nv ul {
 +
                display: none;
 +
        }
 +
 +
               
 
         /* top banner list project*/
 
         /* top banner list project*/
 
         ul.project{
 
         ul.project{
Line 303: Line 324:
 
                 width: 90%;
 
                 width: 90%;
 
                 height 10vh;
 
                 height 10vh;
 +
                disp
 
                 list-style-type: none;
 
                 list-style-type: none;
 
                 position: relative;
 
                 position: relative;
Line 315: Line 337:
 
                 display: block;             
 
                 display: block;             
 
         }
 
         }
         ul.ddmenu a:hover {
+
         ul.project a:hover {
 
                 background-color: #ffdddd;  
 
                 background-color: #ffdddd;  
 
                 color: #dd0000;             
 
                 color: #dd0000;             

Revision as of 06:20, 30 September 2017