Difference between revisions of "Template:RISE head"

m
m
Line 844: Line 844:
 
         </style>
 
         </style>
 
         <!--end main.css-->
 
         <!--end main.css-->
 +
 +
        <!--start fixing igem page-->
 +
        <style type="text/css">
 +
 +
            /********************************* DEFAULT WIKI SETTINGS  ********************************/
 +
 +
            #sideMenu, #top_title {display:none;}
 +
            #content { padding:0px; width:1000px; margin-top:-7px; margin-left:0px;}
 +
            body {background-color:white; }
 +
            #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 +
 +
            /********************************* MENU ********************************/
 +
            /* Wrapper for the menu */
 +
            .menu_wrapper {
 +
                width:150px;
 +
                height:100vh;
 +
                position:fixed;
 +
                padding:0px;
 +
                float:left;
 +
                background-color:#f2f2f2;
 +
                text-align:left;
 +
            }
 +
 +
            /* styling for the menu items */
 +
            .menu_item {
 +
                width:100%;
 +
                margin:-2px 0px 0px -20px;
 +
                padding: 10px 10px; 
 +
                border-bottom: 1px solid #d3d3d3;
 +
                font-weight:bold;
 +
                color:#000000;
 +
                cursor: pointer;
 +
            }
 +
 +
            /* when hovering on a menu item */
 +
            .menu_item:hover {
 +
                color:#000000;
 +
                background-color: #72c9b6;
 +
            }
 +
 +
            /* decoration icon for the menu buttons*/
 +
            .icon {
 +
                float:right; 
 +
                font-size:16px;
 +
                font-weight:bold;
 +
            }
 +
 +
            /* this is the icon for when the content is collapsed */
 +
            .plus::before {
 +
                content: "+";
 +
            }
 +
            /* this is the icon for when the content is expanded */
 +
            .less::before {
 +
                content: "–";
 +
            }
 +
 +
            /* styling for the ul that creates the buttons */
 +
            ul.menu_items {
 +
                width:100%;
 +
                margin-left:0px;
 +
                padding:0px;
 +
                list-style: none;
 +
            }
 +
 +
            /* styling for the li that are the menu items */
 +
            .menu_items li {
 +
                width:90%;
 +
                margin-top:-2px;
 +
                padding: 15px 0px 15px 15px ;
 +
                display:block;
 +
                border-bottom: 1px solid #d3d3d3; 
 +
                text-align:left;
 +
                font-weight:bold;
 +
                text-decoration:none;
 +
                color:#000000;
 +
                list-style-type:none;
 +
                cursor:pointer;
 +
                -webkit-transition: all 0.4s ease;
 +
                -moz-transition: all 0.4s ease;
 +
                -ms-transition: all 0.4s ease;
 +
                -o-transition: all 0.4s ease; transition: all 0.4s ease; 
 +
            }
 +
 +
            .menu_item a {
 +
                width: 100%;
 +
                margin-left: -20px;
 +
                padding: 11px 90px 12px 20px;
 +
                text-decoration: none;
 +
                color:black;
 +
            }
 +
 +
            /* When hovering on a menu item */
 +
            .menu_items li:hover {
 +
                background-color:#72c9b6;
 +
                color: #000000;
 +
            }
 +
 +
            /* styling for the submenus */
 +
            .submenu {
 +
                width:100%;
 +
                display: none; 
 +
                font-weight:bold;
 +
                cursor:pointer;
 +
 +
            }
 +
 +
            /* moving the margin for the submenu ul list */
 +
            ul.submenu {
 +
                width: 100%;
 +
                margin: 10px 0px -11px 0px;
 +
                list-style: none;
 +
            }
 +
 +
            /*styling for the submenu buttons */
 +
            .submenu li {
 +
                width: 100%;
 +
                margin-left: 10px;
 +
                margin-bottom: 0px;
 +
            }
 +
 +
 +
            /* hover state for the submenu buttons */
 +
            .submenu li a {
 +
                width: 100%;
 +
                padding: 5px 10px;
 +
                display: inline-block;
 +
                border-bottom: 1px solid #d3d3d3;
 +
                background-color:white;
 +
                text-decoration:none;
 +
                color:#000000;
 +
            }
 +
 +
 +
 +
            .submenu li a:hover  {
 +
                background-color:#000000;
 +
                color: #72c9b6;
 +
            }
 +
 +
 +
            /* When the screen is smaller than 680px, the menu has the option to hide/show - this button controls that */
 +
            .collapsable_menu_control {
 +
                width:100%;
 +
                padding: 15px 0px;
 +
                display:none;
 +
                background-color:#000000;
 +
                text-align:center; 
 +
                font-weight:bold;
 +
                color:#72c9b6;
 +
                cursor:pointer;
 +
                -webkit-transition: all 0.4s ease;
 +
                -moz-transition: all 0.4s ease;
 +
                -ms-transition: all 0.4s ease;
 +
                -o-transition: all 0.4s ease;
 +
                transition: all 0.4s ease;
 +
            }
 +
 +
            /* when hovering on that button */
 +
            .collapsable_menu_control:hover {
 +
                background-color: #72c9b6;
 +
                color:#000000; 
 +
            }
 +
        </style>
 +
 +
        <!--start fixing igem page-->
  
  
Line 852: Line 1,017:
 
         <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
 
         <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
 
         <!--[if lt IE 9]>
 
         <!--[if lt IE 9]>
−
          <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
+
        <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
−
          <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 
         <![endif]-->
 
         <![endif]-->
  

Revision as of 17:58, 5 August 2016

Title