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

(Created page with "* { margin: 0; padding: 0; } html, body { color: #333333; font-family: Century Gothic, sans-serif; height: 100%; min-height: 100%; min-width: 1280px; width: 1...")
 
Line 1: Line 1:
 +
/*
 +
This file 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
 +
*/
 +
 +
#top_menu_14 {
 +
  border-left: none;
 +
  border-right: none;
 +
  margin-left: 0;
 +
  width: 100%;
 +
}
 +
 +
#top_menu_inside {
 +
  border: none;
 +
  margin-left: 0;
 +
  padding: 0;
 +
  width: 100%;
 +
}
 +
 +
#bars_item {
 +
  left: initial !important;
 +
  right: 24px;
 +
  width: 22px;
 +
  position: fixed;
 +
}
 +
 +
#user_item {
 +
  text-align: right !important;
 +
  margin-right: 65px !important;
 +
}
 +
 +
#user_item .submenu {
 +
  left: initial !important;
 +
  right: 65px;
 +
}
 +
 +
 +
/*
 +
Content Area
 +
*/
 +
 +
#content,
 +
.mw-body,
 +
#mainContainer {
 +
  width: 100%;
 +
}
 +
 +
#mainContainer {
 +
  border: none;
 +
  margin-left: 0;
 +
}
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 
* {
 
* {
 
   margin: 0;
 
   margin: 0;

Revision as of 02:24, 17 September 2015

/* This file 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%;

}

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

}







  • {
 margin: 0;
 padding: 0;

}

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: 0;
 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;

}