Difference between revisions of "Template:Wageningen UR/ResponsiveCSSv2"

 
(27 intermediate revisions by the same user not shown)
Line 72: Line 72:
  
 
         .nav-item {
 
         .nav-item {
             font-size: 1.0rem;
+
             font-size: 1.1rem;
 
         }   
 
         }   
 
         .sub-nav-item {
 
         .sub-nav-item {
Line 81: Line 81:
 
             margin-right:8px;           
 
             margin-right:8px;           
 
         }     
 
         }     
 
      .SubMenuButtonColumn ul li a{
 
            font-size: 8px;         
 
        }   
 
        .SubMenuButtonColumn ul li a {
 
            font-size: 8px;           
 
        }       
 
 
          
 
          
 
         #SideMenu-Wrapper {
 
         #SideMenu-Wrapper {
               width:120px;  
+
               width:160px;  
               left:-120px;
+
               left:-160px;
 
         }  
 
         }  
 
          
 
          
 
         #SideMenu {
 
         #SideMenu {
             width:120px;  
+
             width:160px;  
 
         }         
 
         }         
 
      
 
      
Line 107: Line 100:
 
               padding-bottom:0.4rem!important;
 
               padding-bottom:0.4rem!important;
 
           }
 
           }
 
        .sidebar-nav li a {
 
            font-size:0.7rem;
 
            padding-top: 0.25rem;       
 
            padding-left: 0.5rem;
 
            padding-right: 0.25rem;
 
        }
 
 
     }         
 
     }         
 +
 
 +
    @media (max-width: 1320px) {
  
 +
      .nav-item {
 +
            font-size: 0.9rem;
 +
        } 
 +
        .sub-nav-item {
 +
            font-size: 0.65rem;
 +
        } 
 +
 +
    }
  
      }
 
 
 
 
     /*Mobile devices*/     
 
     /*Mobile devices*/     
     @media screen and (max-width: 900px) {
+
     @media screen and (max-width: 1000px) {
 
         body,
 
         body,
 
         html {
 
         html {
Line 128: Line 122:
 
         }
 
         }
 
          
 
          
 +
      .Main-Border {
 +
            padding-left:10px!important;
 +
            padding-right:10px!important;
 +
        }
 +
 
         body p {
 
         body p {
 
             font-size:16sp!important;
 
             font-size:16sp!important;
Line 136: Line 135:
 
         }
 
         }
  
 +
        .table {
 +
            margin:0!important;
 +
            font-size:12px!important;
 +
            overflow: auto;
 +
            overflow-y: hidden;
 +
        }
  
      /* redo all titles for mobile */
+
        /* redo all titles for mobile */
 
         h1 {
 
         h1 {
 
         font-size:32sp!important;
 
         font-size:32sp!important;
Line 224: Line 229:
 
             display: none;
 
             display: none;
 
         }
 
         }
 +
 +
        #UpButton {
 +
            width:64px;
 +
            height:64px;
 +
            right:10%;
 +
        }
 
     }
 
     }
  
 
</style>
 
</style>
 
</html>
 
</html>

Latest revision as of 04:34, 19 November 2017