Difference between revisions of "Template:Peking/NavBar"

Line 4: Line 4:
  
 
     <style>
 
     <style>
        /********************************* DEFAULT WIKI SETTINGS ********************************/
 
        #sideMenu,
 
        #top_title {
 
            display: none;
 
        }
 
  
        #content {
 
            padding: 0px;
 
            width: 100%;
 
        }
 
  
         body {
+
         /***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
            background-color: white;
+
            width: 100%;
+
            margin-top: 50px;
+
            !important;
+
        }
+
  
         #bodyContent h1,
+
         /* Clear the default wiki settings */
        #bodyContent h2,
+
        #bodyContent h3,
+
        #bodyContent h4,
+
        #bodyContent h5 {
+
            margin-bottom: 0px;
+
        }
+
  
         #bodyContent {
+
         #home_logo, #sideMenu { display:none; }
            padding-right: 0px;
+
        #sideMenu, #top_title, .patrollink  {display:none;}
         }
+
        #content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
 +
         body {background-color:white; }
 +
        #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
  
        #globalWrapper {
 
            font-size: 100%;
 
            padding: 0px;
 
            margin: -10px -20px -20px -20px;
 
        }
 
 
        .navbar-collapse {
 
            padding-left: 0px;
 
        }
 
 
        #banner {
 
            margin-top: 50px;
 
        }
 
 
        #sideMenu {
 
            margin-top: 10px;
 
        }
 
 
        .dropdown-menu li:hover .sub-menu {
 
            visibility: visible;
 
        }
 
 
        .dropdown:hover .dropdown-menu {
 
            display: block;
 
        }
 
 
        .navbar-nav .dropdown-menu,
 
        .navbar .dropdown-menu {
 
            margin-top: 0;
 
        }
 
 
        /********************************* CONTENT OF THE PAGE ********************************/
 
 
        /* Wrapper for the content */
 
 
        .content_wrapper {
 
            width: 85%;
 
            margin-left: 150px;
 
            padding: 0px;
 
            float: left;
 
            background-color: white;
 
        }
 
 
        /*LAYOUT */
 
 
        .column {
 
            padding: 10px 0px;
 
            float: left;
 
            background-color: white;
 
        }
 
 
        .full_size {
 
            width: 100%;
 
        }
 
 
        .full_size img {
 
            padding: 10px 15px;
 
            width: 96.5%;
 
        }
 
 
        .half_size {
 
            width: 50%;
 
        }
 
 
        .half_size img {
 
            padding: 10px 15px;
 
            width: 93%;
 
        }
 
 
        .img:hover {
 
            opacity: 1.0 !important;
 
        }
 
 
        .clear {
 
            clear: both;
 
        }
 
 
        .highlight {
 
            width: 90%;
 
            margin: auto;
 
            padding: 15px 5px;
 
            background-color: #f2f2f2;
 
        }
 
 
        .judges-will-not-evaluate {
 
            border: 4px solid #72c9b6;
 
            display: block;
 
            margin: 5px 15px;
 
            width: 95%;
 
            font-weight: bold;
 
        }
 
 
        /********************************* RESPONSIVE STYLING ********************************/
 
 
        /* IF THE SCREEN IS LESS THAN 1000PX */
 
 
        @media only screen and (max-width: 1000px) {
 
            #content {
 
                width: 100%;
 
            }
 
 
            .menu_wrapper {
 
                width: 15%;
 
            }
 
 
            .content_wrapper {
 
                margin-left: 15%;
 
            }
 
 
            .menu_item {
 
                display: block;
 
            }
 
 
            .icon {
 
                display: none;
 
            }
 
 
            .highlight {
 
                padding: 10px 0px;
 
            }
 
        }
 
 
        /* IF THE SCREEN IS LESS THAN 680PX */
 
 
        @media only screen and (max-width: 680px) {
 
            .collapsable_menu_control {
 
                display: block;
 
            }
 
 
            .menu_item {
 
                display: none;
 
            }
 
 
            .menu_wrapper {
 
                width: 100%;
 
                height: 15%;
 
                position: relative;
 
            }
 
 
            .content_wrapper {
 
                width: 100%;
 
                margin-left: 0px;
 
            }
 
 
            .column.half_size {
 
                width: 100%;
 
            }
 
 
            .column img {
 
                width: 100%;
 
                padding: 5px 0px;
 
            }
 
 
            .icon {
 
                display: block;
 
            }
 
 
            .highlight {
 
                padding: 15px 5px;
 
            }
 
        }
 
 
     </style>
 
     </style>
  

Revision as of 15:13, 16 October 2017

Title
Title