Difference between revisions of "Team:Imperial College/Resources/CSS:wiki"

Line 106: Line 106:
 
#menubar.right-menu {
 
#menubar.right-menu {
  
 +
}
 +
 +
body {
 +
    padding-top: 60px;
 +
    padding-bottom: 40px;
 +
}
 +
 +
.sidebar-nav {
 +
    padding: 9px 0;
 +
}
 +
 +
.dropdown-menu .sub-menu {
 +
    left: 100%;
 +
    position: absolute;
 +
    top: 0;
 +
    visibility: hidden;
 +
    margin-top: -1px;
 +
}
 +
 +
.dropdown-menu li:hover .sub-menu {
 +
    visibility: visible;
 +
}
 +
 +
.dropdown:hover .dropdown-menu {
 +
    display: block;
 +
}
 +
 +
.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
 +
    margin-top: 0;
 +
}
 +
 +
.navbar .sub-menu:before {
 +
    border-bottom: 7px solid transparent;
 +
    border-left: none;
 +
    border-right: 7px solid rgba(0, 0, 0, 0.2);
 +
    border-top: 7px solid transparent;
 +
    left: -7px;
 +
    top: 10px;
 +
}
 +
.navbar .sub-menu:after {
 +
    border-top: 6px solid transparent;
 +
    border-left: none;
 +
    border-right: 6px solid #fff;
 +
    border-bottom: 6px solid transparent;
 +
    left: 10px;
 +
    top: 11px;
 +
    left: -6px;
 
}
 
}

Revision as of 15:53, 12 July 2016

/* ---------------- WikiMedia Elements / Page Structure---------------- */

  1. content { border: none; }

/* HIDE Search Controls Page title, footerbox */

  1. p-logo,
  2. search-controls,
  3. footer-box,
  4. catlinks,

.firstHeading { 

   display: none;

}

  1. globalWrapper {

background-color: #fff; 

   width:960px;
   height:auto;
   margin:0 auto;
   padding:0;

font-size:14px; }

  1. bodyContent{
   background-color:#fff;
   border:none;
   border-color:none;
   padding:0;
   height:auto;
   width:960px;
   margin:0 auto;

}

body { 

   background: #fff;

}

  1. content{
   border:none;
   padding:0;
   margin:0;
   z-index:1;
   width:100%;
   height:auto;
   background:#fff;

}

  1. top-section { /*styling for default menu bar*/
   background-color: #ffcb6f;
   border: none;
   height:20px;
   margin-top: 0;
   margin-bottom: -30px;

width:960px; 

  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;

}

  1. top-section:hover { /*changes menu bar colour on hove*/
   background: #ffcb6f;

}


  1. menubar { /* Edit menubar link styles */
   top: 0 !important;
   font-size: 10px;

}

  1. menubar li,
  2. menubar li a:link {
   text-transform: uppercase;

}


  1. top-section:hover #menubar li a { /* Highlight with background colour on hover */
   color: #FFF;

}

  1. menubar li a:link,
  2. menubar li a:visited {
   color: #fff;
   background-color: transparent;

}

  1. menubar li a:hover,
  2. menubar li a:focus {
   color: #f1e8df;
   text-decoration: none;

}

/* Edit */

  1. menubar.left-menu{

}

  1. menubar.left-menu:hover {
   background-color: transparent;

}


/* User */

  1. menubar.right-menu {

}

body { 

   padding-top: 60px;
   padding-bottom: 40px;

}

.sidebar-nav { 

   padding: 9px 0;

}

.dropdown-menu .sub-menu { 

   left: 100%;
   position: absolute;
   top: 0;
   visibility: hidden;
   margin-top: -1px;

}

.dropdown-menu li:hover .sub-menu { 

   visibility: visible;

}

.dropdown:hover .dropdown-menu { 

   display: block;

}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu { 

   margin-top: 0;

}

.navbar .sub-menu:before { 

   border-bottom: 7px solid transparent;
   border-left: none;
   border-right: 7px solid rgba(0, 0, 0, 0.2);
   border-top: 7px solid transparent;
   left: -7px;
   top: 10px;

} .navbar .sub-menu:after { 

   border-top: 6px solid transparent;
   border-left: none;
   border-right: 6px solid #fff;
   border-bottom: 6px solid transparent;
   left: 10px;
   top: 11px;
   left: -6px;

}