Difference between revisions of "Template:Pasteur Paris/Menu"

Line 23: Line 23:
 
             .judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;};
 
             .judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;};
 
         /* END : Default Wiki Settings */
 
         /* END : Default Wiki Settings */
 +
 +
 +
        *{
 +
            margin: 0;
 +
            padding: 0;
 +
        }
 +
 +
        body {
 +
            padding-top: 44px;
 +
            font-family: 'Raleway', Arial Black, sans-serif;
 +
        }
  
  
Line 28: Line 39:
  
 
             /* BEGIN : General Settings of Menu Bar */
 
             /* BEGIN : General Settings of Menu Bar */
−
            *{
 
−
            margin: 0;
 
−
            padding: 0;
 
−
            }
 
  
−
            body {
 
−
            padding-top: 44px;
 
−
                        font-family: 'Raleway', Arial Black, sans-serif;
 
−
            }
 
  
−
            #MenuIgem {
+
                    #MenuIgem {
−
            height: 18px;
+
                        height: 18px;
−
            background-color: black;
+
                        background-color: black;
−
            position: fixed;
+
                        position: fixed;
−
            top: 0%;
+
                        top: 0%;
−
            left: 0%;
+
                        left: 0%;
−
            width: 100%;
+
                        width: 100%;
−
            z-index: 2;
+
                        z-index: 2;
−
            }
+
                    }
  
−
            #Menu {
+
                    #Menu {
 
                                 opacity: .95;
 
                                 opacity: .95;
−
            height: 70px;
+
                        height: 70px;
−
            position: fixed;
+
                        position: fixed;
−
            top: 18px;
+
                        top: 18px;
−
            left: 0%;
+
                        left: 0%;
−
            width: 100%;
+
                        width: 100%;
−
            z-index: 2;
+
                        z-index: 2;
−
            border-bottom-left-radius: 15px;
+
                        border-bottom-left-radius: 15px;
−
            border-bottom-right-radius: 15px;
+
                        border-bottom-right-radius: 15px;
−
            }
+
                    }
  
−
            #Menu img {
+
                    #Menu img {
−
            float: left;
+
                        float: left;
−
            height: 100%;
+
                        height: 100%;
−
            width: auto;
+
                        width: auto;
−
            }
+
                    }
  
−
            #Menu-mobile-bar {
+
                    #Menu-mobile-bar {
−
            display: none;
+
                        display: none;
−
            height: 50px;
+
                        height: 50px;
−
            background-color: pink;
+
                        background-color: pink;
−
            position: fixed;
+
                        position: fixed;
−
            top: 18px;
+
                        top: 18px;
−
            left: 0%;
+
                        left: 0%;
−
            width: 100%;
+
                        width: 100%;
−
            z-index: 2;
+
                        z-index: 2;
−
            border-bottom-left-radius: 5px;
+
                        border-bottom-left-radius: 5px;
−
            border-bottom-right-radius: 5px;
+
                        border-bottom-right-radius: 5px;
−
            }
+
                    }
  
−
            #Menu-mobile-bar img {
+
                    #Menu-mobile-bar img {
−
            float: left;
+
                        float: left;
−
            height: 100%;
+
                        height: 100%;
−
            width: auto;
+
                        width: auto;
−
            }
+
                    }
  
 
             /* END : General Settings of Menu Bar */
 
             /* END : General Settings of Menu Bar */
Line 101: Line 104:
  
 
                 #naviconbar {
 
                 #naviconbar {
−
                height: 100%;
+
                    height: 100%;
 
                     min-width: 900px;
 
                     min-width: 900px;
 
                     background-image:  linear-gradient(to right, rgb(168, 48, 91), rgb(161, 47, 92), rgb(128, 52, 110),rgb(84, 59, 126),rgb(52, 82, 146));
 
                     background-image:  linear-gradient(to right, rgb(168, 48, 91), rgb(161, 47, 92), rgb(128, 52, 110),rgb(84, 59, 126),rgb(52, 82, 146));
Line 116: Line 119:
 
                         z-index: -20;    /*defines color behind icons */  
 
                         z-index: -20;    /*defines color behind icons */  
 
                         display: inline-block;
 
                         display: inline-block;
−
                    vertical-align: middle;
+
                        vertical-align: middle;
−
                    height: 100%;
+
                        height: 100%;
 
                     }
 
                     }
  
 
                     #navicons ul {
 
                     #navicons ul {
 
                         padding: 0px;
 
                         padding: 0px;
−
                    margin: 0px;
+
                        margin: 0px;
−
                    height: 100%;
+
                        height: 100%;
 
                         width: 100%;
 
                         width: 100%;
 
                         position: relative;  /*makes chip go directly behind home from left corner*/
 
                         position: relative;  /*makes chip go directly behind home from left corner*/
Line 260: Line 263:
 
                             transition: all 300ms ease-out;
 
                             transition: all 300ms ease-out;
 
                             z-index: 0;
 
                             z-index: 0;
−
                          border-bottom-left-radius: 5px;
+
                            border-bottom-left-radius: 5px;
−
                          border-bottom-right-radius: 5px;
+
                            border-bottom-right-radius: 5px;
−
                          background: #000000;
+
                            background: #000000;
 
                         }
 
                         }
  
Line 664: Line 667:
  
  
−
<body>
+
    <body>
  
 
         <!-- BEGIN Simulating Upper Igem Menu-->
 
         <!-- BEGIN Simulating Upper Igem Menu-->
−
    <header id="MenuIgem">
+
            <header id="MenuIgem">
  
−
    </header>
+
            </header>  
 
         <!-- END Simulating Upper Igem Menu-->
 
         <!-- END Simulating Upper Igem Menu-->
  
 
         <!-- BEGIN normal Menubar-->
 
         <!-- BEGIN normal Menubar-->
−
    <header id="Menu">
+
            <header id="Menu">
−
    <div id="naviconwrapper">
+
                <div id="naviconwrapper">
 
                     <!-- BEGIN icons -->
 
                     <!-- BEGIN icons -->
 
                     <div id="naviconbar">
 
                     <div id="naviconbar">
Line 780: Line 783:
  
 
     <script>
 
     <script>
−
    // FOR SMALLNAV
+
        // FOR SMALLNAV
 
         $(function() {
 
         $(function() {
 
             var pull        = $('#pull');
 
             var pull        = $('#pull');

Revision as of 09:00, 16 August 2018


""