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

 
(33 intermediate revisions by the same user not shown)
Line 5: Line 5:
  
 
/*
 
/*
−
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
+
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 */
  
 
/*
 
/*
−
Menu Bar
 
−
*/
 
−
 
 
#top_menu_14 {
 
#top_menu_14 {
 
   border-left: none;
 
   border-left: none;
Line 42: Line 41:
 
   right: 65px;
 
   right: 65px;
 
}
 
}
 +
*/
  
−
 
+
/* Content Area */
−
/*
+
−
Content Area
+
−
*/
+
  
 
#content,
 
#content,
Line 65: Line 62:
 
}
 
}
  
−
h1, h2, h3, h4, h5, h6 {
+
h1,
 +
h2,
 +
h3,
 +
h4,
 +
h5,
 +
h6 {
 
   border-bottom: none;
 
   border-bottom: none;
 
   text-decoration: none;
 
   text-decoration: none;
Line 76: Line 78:
  
  
 +
/* Page/HTML */
 +
 +
html,
 +
body,
 +
#globalWrapper,
 +
#content,
 +
#bodyContent
 +
#mw-content-text,
 
#wrapper {
 
#wrapper {
−
   background: red;
+
   background: #fff;
−
  margin-top: 100px;
+
 
}
 
}
  
Line 86: Line 95:
  
  
 +
 +
 +
 +
 +
/*
 +
Actual CSS stuffs
 +
*/
  
 
html, body {
 
html, body {
Line 97: Line 113:
  
 
a {
 
a {
−
  color: #333333;
 
 
   text-decoration: none;
 
   text-decoration: none;
 
}
 
}
Line 145: Line 160:
 
}
 
}
 
#menu_bar ul li a {
 
#menu_bar ul li a {
 +
  color: #333333;
 
   display: block;
 
   display: block;
 
   height: 100%;
 
   height: 100%;
Line 168: Line 184:
  
 
.mini_banner {
 
.mini_banner {
−
   background: url(http://fmforums.com/uploads/attachments/monthly_2009_10/Background-tile.gif.11107119f39d13d71f261c93ace94ed2.gif) repeat;
+
   background: nonet;
 
   height: 128px;
 
   height: 128px;
 
   width: 100%;
 
   width: 100%;
Line 174: Line 190:
  
 
#content_wrapper {
 
#content_wrapper {
 +
  margin-top: -5px;
 
   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;

}