Difference between revisions of "Team:Lethbridge/main css"

Line 7: Line 7:
 
This section is a CSS hack for overriding the WikiMedia layout. HTML can then be uploaded and the CSS will work as if the page is independent of the WikiMedia markup
 
This section is a CSS hack for overriding the WikiMedia layout. HTML can then be uploaded and the CSS will work as if the page is independent of the WikiMedia markup
 
*/
 
*/
−
 
−
/* Page/HTML */
 
−
 
−
#globalWrapper,
 
−
#content,
 
−
#bodyContent
 
−
#mw-content-text,
 
−
#wrapper {
 
−
  min-height: 100% !important;
 
−
}
 
  
 
/* Menu Bar */
 
/* Menu Bar */
Line 81: Line 71:
  
  
 +
/* Page/HTML */
  
 +
#globalWrapper,
 +
#content,
 +
#bodyContent
 +
#mw-content-text,
 +
#wrapper {
 +
  min-height: 100% !important;
 +
}
  
  
−
/*
 
−
Actual CSS stuffs
 
−
*/
 
  
  
  
 +
 +
 +
 +
 +
/*
 +
Actual CSS stuffs
 +
*/
  
 
html, body {
 
html, body {

Revision as of 22:51, 17 September 2015

  • {
 margin: 0;
 padding: 0;

}

/* This section is a CSS hack for overriding the WikiMedia layout. HTML can then be uploaded and the CSS will work as if the page is independent of the WikiMedia markup

  • /

/* Menu Bar */

  1. top_menu_14 {
 border-left: none;
 border-right: none;
 margin-left: 0;
 width: 100%;

}

  1. top_menu_inside {
 border: none;
 margin-left: 0;
 padding: 0;
 width: 100%;

}

  1. bars_item {
 left: initial !important;
 right: 24px;
 width: 22px;
 position: fixed;

}

  1. user_item {
 text-align: right !important;
 margin-right: 65px !important;

}

  1. user_item .submenu {
 left: initial !important;
 right: 65px;

}

/* Content Area */

  1. content,

.mw-body,

  1. mainContainer {
 width: 100%;
 padding: 0;

}

  1. mainContainer {
 border: none;
 margin-left: 0;
 padding: 0;

}

  1. firstHeading {
 display: none;

}

h1, h2, h3, h4, h5, h6 { 

 border-bottom: none;
 text-decoration: none;

}

ul { 

 margin: 0 !important;
 padding: 0;

}


/* Page/HTML */

  1. globalWrapper,
  2. content,
  3. bodyContent
  4. mw-content-text,
  5. wrapper {
 min-height: 100% !important;

}





/* Actual CSS stuffs

  • /

html, body { 

 color: #333333;
 font-family: Century Gothic, sans-serif;
 height: 100%;
 min-height: 100%;
 min-width: 1280px;
 width: 100%;

}

a { 

 color: #333333;
 text-decoration: none;

} a:hover { 

 color: #208dd0;

}

p { 

 text-align: justify;
 margin: 1em 0px;

}

ol, ul { 

 padding-left: 24px;

}

.content_box { 

 margin: 0 auto;
 padding: 16px 0px;
 width: 1280px;

}

  1. menu_bar {
 background: #f5f9fa;
 height: 64px;
 position: fixed;
 top: 18px;
 width: 100%;
 z-index: 10000;

}

  1. menu_bar:after {
 clear: both;
 content: '.';
 display: block;
 height: 0;
 line-height: 0;
 visibility: hidden;

}

  1. menu_bar ul {
 height: 100%;
 list-style: none;
 padding-left: 0px;

}

  1. menu_bar ul li {
 float: left;
 line-height: 64px;

}

  1. menu_bar ul li a {
 display: block;
 height: 100%;
 padding: 0px 20px;

}

  1. menu_bar ul li a:hover {
 background: #d8d8d8;

}

  1. menu_bar ul li ul {
 background: #f5f9fa;
 display: none;
 height: auto;
 position: absolute;
 top: 64px;

}

  1. menu_bar ul li ul li {
 float: none;
 line-height: 39.68px;

}

  1. menu_bar ul li:hover ul {
 display: block;

}

.mini_banner { 

 background: url(http://fmforums.com/uploads/attachments/monthly_2009_10/Background-tile.gif.11107119f39d13d71f261c93ace94ed2.gif) repeat;
 height: 128px;
 width: 100%;

}

  1. content_wrapper {
 padding: 64px 0px 0px 0px;
 width: 100%;

}

/* Overrides

  • /

.mini_banner { 

 display: none;

}