Difference between revisions of "Template:NYMU-sheet"

 
(45 intermediate revisions by the same user not shown)
Line 10: Line 10:
 
#panelcomputer{display:none;}
 
#panelcomputer{display:none;}
  
−
#panelsmartphone
+
#panelsmartphone1
 
{
 
{
 
     z-index: 100;
 
     z-index: 100;
Line 23: Line 23:
 
}
 
}
  
−
#centered-list
+
#panelsmartphone2
 +
{
 +
    z-index: 90;
 +
    position: fixed;
 +
    height: 38px;
 +
    width: 100%;
 +
    left: 0px;
 +
    top: 40px;
 +
    background-color: #FFFFFF;
 +
    font-family: 'Product Sans', Arial, sans-serif;
 +
    border-bottom: 1px solid #999;
 +
}
 +
 
 +
#centered-list1
 
{
 
{
 
     text-align: center;
 
     text-align: center;
 
     width: 100%;
 
     width: 100%;
 
     margin: 0px;
 
     margin: 0px;
 +
    margin-left:1.4px;
 +
}
 +
 +
#centered-list2
 +
{
 +
    text-align: center;
 +
    width: 100%;
 +
    margin: 0px;
 +
    margin-left:1.4px;
 +
}
 +
 +
 +
#panel-ul
 +
{
 +
    margin-left: -3px;
 +
    margin-right: 0px;
 +
    margin-top: 0px;
 +
    margin-bottom: 0px;
 +
    padding: 0px;
 +
    list-style-type: none;
 +
    display: inline-block;
 
}
 
}
  
Line 85: Line 119:
 
}
 
}
  
−
#panel-ul111 li
+
#panel-ul li
 
{
 
{
 
     display: inline-block;
 
     display: inline-block;
 
     top:0px;
 
     top:0px;
 +
    padding: 0;
 
     padding: 0px 0px;
 
     padding: 0px 0px;
 +
    margin: 0;
 +
    float: left;
 +
    border-right: 1px solid #999;
 +
    border-left: 1px solid #999;
 +
}
 +
 +
#panel-ul111 li
 +
{
 +
    display: inline-block;
 +
    top:0px;
 
     padding: 0;
 
     padding: 0;
 +
    padding: 0px 0px;
 
     margin: 0;
 
     margin: 0;
 
     float: left;
 
     float: left;
Line 100: Line 146:
 
     display: inline-block;
 
     display: inline-block;
 
     top:0px;
 
     top:0px;
−
    padding: 0px 0px;
 
 
     padding: 0;
 
     padding: 0;
 +
    padding: 0px 0px;
 +
    padding-left: -3px;
 +
    padding-right: -3px;
 
     margin: 0;
 
     margin: 0;
 
     float: left;
 
     float: left;
Line 116: Line 164:
 
     float: left;
 
     float: left;
 
     border-right: 1px solid #999;
 
     border-right: 1px solid #999;
 +
    border-left: 1px solid #999;
 
}
 
}
  
Line 138: Line 187:
 
     float: left;
 
     float: left;
 
     border-right: 1px solid #999;
 
     border-right: 1px solid #999;
 +
}
 +
 +
#panel-ul li a
 +
{
 +
    color: #FFFFFF;
 +
    text-decoration: none;
 +
    margin: 0px;
 +
    padding: 0px;
 
}
 
}
  
Line 178: Line 235:
 
     margin: 0px;
 
     margin: 0px;
 
     padding: 0px;
 
     padding: 0px;
 +
}
 +
 +
#panel-ul li:hover > a, #panel-ul-logo:hover
 +
{
 +
    text-decoration: none;
 +
    transition: opacity 0.2s ease;
 +
    -webkit-transition: opacity 0.3s ease;
 +
    -moz-transition: opacity 0.3s ease;
 +
    -o-transition: opacity 0.3s ease;
 +
    opacity: 0.65;
 
}
 
}
  
Line 228: Line 295:
 
     -o-transition: opacity 0.3s ease;
 
     -o-transition: opacity 0.3s ease;
 
     opacity: 0.65;
 
     opacity: 0.65;
 +
}
 +
 +
#panel-ul li a
 +
{
 +
padding: 10px 15px;
 +
display: block;
 +
color:#000000;
 +
text-decoration: none;
 
}
 
}
  
Line 269: Line 344:
 
color:#000000;
 
color:#000000;
 
text-decoration: none;
 
text-decoration: none;
 +
}
 +
 +
#panel-ul li:hover ul
 +
{
 +
display: block;
 +
margin: 0;
 +
list-style: none;
 +
position: absolute;
 +
width: 100px;
 +
color:#303030;
 
}
 
}
  
Line 321: Line 406:
 
color:#303030;
 
color:#303030;
 
}
 
}
 +
 +
#panel-ul li:hover
 +
{
 +
color:#CCCCCC;
 +
background-color:#CCCCCC;
 +
}
 +
  
 
#panel-ul111 li:hover
 
#panel-ul111 li:hover
Line 353: Line 445:
  
 
/*Submenus are not displayed as default*/
 
/*Submenus are not displayed as default*/
 +
 +
#panel-ul li ul
 +
{
 +
display: none;
 +
padding-top: 15px;
 +
margin-left: 0px;
 +
}
 +
 
#panel-ul111 li ul
 
#panel-ul111 li ul
 
{
 
{
Line 389: Line 489:
  
 
/*Submenus are displayed when hovering the menu button */
 
/*Submenus are displayed when hovering the menu button */
 +
 +
#panel-ul li:hover ul
 +
{
 +
/*display: inline-block; */
 +
display: block;
 +
position: absolute;
 +
float:right;
 +
margin-left:0px;
 +
margin-top:-11px;
 +
}
 +
 
#panel-ul111 li:hover ul
 
#panel-ul111 li:hover ul
 
{
 
{
Line 405: Line 516:
 
position: absolute;  
 
position: absolute;  
 
float:right;
 
float:right;
−
margin-left:-1px;
+
margin-left:-29px;
 
margin-top:-11px;
 
margin-top:-11px;
 
  }
 
  }
Line 416: Line 527:
 
position: absolute;  
 
position: absolute;  
 
float:right;
 
float:right;
−
margin-left:-37.5px;
+
margin-left:-1px;
 
margin-top:-11px;
 
margin-top:-11px;
 
  }
 
  }
Line 426: Line 537:
 
position: absolute;  
 
position: absolute;  
 
float:right;
 
float:right;
−
margin-left:-31.5px;
+
margin-left:-20.4px;
 
margin-top:-11px;
 
margin-top:-11px;
 
  }
 
  }
Line 436: Line 547:
 
position: absolute;  
 
position: absolute;  
 
float:right;
 
float:right;
−
margin-left:-38px;
+
margin-left:-63px;
 
margin-top:-11px;
 
margin-top:-11px;
 
  }
 
  }
Line 442: Line 553:
  
 
/*Style the submenu buttons*/
 
/*Style the submenu buttons*/
 +
 +
#panel-ul li ul li
 +
{
 +
background-color:#FFFFFF;
 +
padding-left:2px;
 +
padding-right:2px;
 +
padding-top:1px;
 +
padding-bottom: 4px;
 +
        margin-top:-5px;
 +
color:#999999;
 +
width: 120px;
 +
height:38px;
 +
border-bottom:1px solid #999;
 +
border-top:1px solid #999;
 +
border-left:1px solid #999;
 +
}
 +
 
#panel-ul111 li ul li
 
#panel-ul111 li ul li
 
{
 
{
Line 537: Line 665:
 
@media screen and (min-width: 1000px){
 
@media screen and (min-width: 1000px){
  
−
#panelsmartphone{display:none;}
+
#panelsmartphone1{display:none;}
 +
#panelsmartphone2{display:none;}
 +
 
  
 
#panelcomputer
 
#panelcomputer
Line 661: Line 791:
 
border-left:1px solid #999;
 
border-left:1px solid #999;
 
}
 
}
 +
 
/**/
 
/**/
  
Line 672: Line 803:
 
}
 
}
  
 +
</style>
  
−
 
−
/*
 
−
#panelcomputer{display:none;}
 
−
#panelsmartphone111{display:none;}
 
−
 
−
#panelsmartphone
 
−
{
 
−
    z-index: 100;
 
−
    position: fixed;
 
−
    height: 38px;
 
−
    width: 100%;
 
−
    left: 0px;
 
−
    top: 40px;
 
−
    background-color: #FFFFFF;
 
−
    font-family: 'Product Sans', Arial, sans-serif;
 
−
    border-bottom: 1px solid #999;
 
−
}
 
−
 
−
#centered-list
 
−
{
 
−
    text-align: center;
 
−
    width: 100%;
 
−
    margin: 0px;
 
−
}
 
−
 
−
#panel-ul
 
−
{
 
−
    margin: 0px;
 
−
    padding: 0px;
 
−
    list-style-type: none;
 
−
    display: inline-block;
 
−
}
 
−
 
−
#panel-ul li
 
−
{
 
−
    display: inline-block;
 
−
    top:0px;
 
−
    padding: 0px 0px;
 
−
    padding: 0;
 
−
    margin: 0;
 
−
    float: left;
 
−
    border-right: 1px solid #999;
 
−
}
 
−
 
−
#panel-ul li a
 
−
{
 
−
    color: #FFFFFF;
 
−
    text-decoration: none;
 
−
    margin: 0px;
 
−
    padding: 0px;
 
−
}
 
−
 
−
#panel-ul li:hover > a, #panel-ul-logo:hover
 
−
{
 
−
    text-decoration: none;
 
−
    transition: opacity 0.2s ease;
 
−
    -webkit-transition: opacity 0.3s ease;
 
−
    -moz-transition: opacity 0.3s ease;
 
−
    -o-transition: opacity 0.3s ease;
 
−
    opacity: 0.65;
 
−
}
 
−
 
−
#panel-ul li a
 
−
{
 
−
padding: 10px 15px;
 
−
display: block;
 
−
color:#000000;
 
−
text-decoration: none;
 
−
}
 
−
 
−
#panel-ul li:hover ul
 
−
{
 
−
display: block;
 
−
margin: 0;
 
−
list-style: none;
 
−
position: absolute;
 
−
width: 100px;
 
−
color:#303030;
 
−
}
 
−
 
−
#panel-ul li:hover
 
−
{
 
−
color:#CCCCCC;
 
−
background-color:#CCCCCC;
 
−
}
 
−
*/
 
−
/*Submenus are not displayed as default*/
 
−
/*
 
−
#panel-ul li ul
 
−
{
 
−
display: none;
 
−
padding-top: 15px;
 
−
margin-left: 0px;
 
−
}
 
−
*/
 
−
/*Submenus are displayed when hovering the menu button */
 
−
/*
 
−
#panel-ul li:hover ul
 
−
{
 
−
/*display: inline-block; */
 
−
display: block;
 
−
position: absolute;
 
−
float:right;
 
−
margin-left:-1px;
 
−
margin-top:-11px;
 
−
}
 
−
*/
 
−
/*Style the submenu buttons*/
 
−
/*
 
−
#panel-ul li ul li
 
−
{
 
−
background-color:#FFFFFF;
 
−
padding-left:2px;
 
−
padding-right:2px;
 
−
padding-top:1px;
 
−
padding-bottom: 4px;
 
−
        margin-top:-5px;
 
−
color:#999999;
 
−
width: 120px;
 
−
height:38px;
 
−
border-bottom:1px solid #999;
 
−
border-top:1px solid #999;
 
−
border-left:1px solid #999;
 
−
}
 
−
*/
 
−
</style>
 
 
</html>
 
</html>

Latest revision as of 21:12, 17 October 2016