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

 
(4 intermediate revisions by the same user not shown)
Line 10: Line 10:
 
/* Menu Bar */
 
/* Menu Bar */
  
 +
/*
 
#top_menu_14 {
 
#top_menu_14 {
 
   border-left: none;
 
   border-left: none;
Line 40: Line 41:
 
   right: 65px;
 
   right: 65px;
 
}
 
}
 +
*/
  
 
/* Content Area */
 
/* Content Area */
Line 191: Line 193:
 
   padding: 64px 0px 0px 0px;
 
   padding: 64px 0px 0px 0px;
 
   width: 100%;
 
   width: 100%;
 +
}
 +
 +
 +
table {
 +
  background: #ffffff;
 +
  border-spacing: 0px;
 +
  margin: 8px 0px;
 +
}
 +
table,
 +
tr,
 +
th,
 +
td {
 +
  border: 1px solid #333333;
 +
}
 +
th, td {
 +
  margin: 0px;
 +
  padding: 4px;
 +
}
 +
th {
 +
  background: #333333;
 +
  color: #ffffff;
 +
  font-weight: normal;
 +
}
 +
table tr:hover td {
 +
  background: #79bae3;
 
}
 
}
  

Latest revision as of 02:23, 19 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 */

html, body,

  1. globalWrapper,
  2. content,
  3. bodyContent
  4. mw-content-text,
  5. wrapper {
 background: #fff;

}






/* Actual CSS stuffs

  • /

html, body { 

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

}

a { 

 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 {
 color: #333333;
 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: nonet;
 height: 128px;
 width: 100%;

}

  1. content_wrapper {
 margin-top: -5px;
 padding: 64px 0px 0px 0px;
 width: 100%;

}


table { 

 background: #ffffff;
 border-spacing: 0px;
 margin: 8px 0px;

} table, tr, th, td { 

 border: 1px solid #333333;

} th, td { 

 margin: 0px;
 padding: 4px;

} th { 

 background: #333333;
 color: #ffffff;
 font-weight: normal;

} table tr:hover td { 

 background: #79bae3;

}

/* Overrides

  • /

.mini_banner { 

 display: none;

}