Template:Concordia/CSS


/* html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 16px; vertical-align: baseline; }

  • /


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1.2; }

body header{ 

  margin: 5px;

}

table { border-collapse: collapse; border-spacing: 0; }

ol { padding-left: 1.4em; list-style: decimal; }

ul { padding-left: 1.4em; list-style: square; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ; content: none; }

  • {

box-sizing: border-box; -moz-box-sizing: border-box; } /* end reset browser styles */

  1. globalWrapper, #content {

height: 100%; width: 100%; /* background-color: transparent; */ } /* WIKI SETTINGS*/


/* Change Background color*/ body { background-color: #333333; }

#content{ width: 100%; margin: 5px; padding: 5px; background-color:transparent; border: none; }

#bodyContent{ width: 100%; margin: 5px; padding: 5px; background-color:transparent; border: none; } img { margin: 30px; } 


@import url(http://fonts.googleapis.com/css?family=Oxygen+Mono);

/* Starter CSS for Menu */


  1. cssmenu {
 padding: 0;
 margin: 0;
 border: 0;
 width: 100%;

}

  1. cssmenu ul,
  2. cssmenu li {
 list-style: none;
 margin: 0;
 padding: 0;

}

  1. cssmenu ul {
 position: relative;
 z-index: 597;

}

  1. cssmenu ul li {
 float: left;
 min-height: 1px; 
 vertical-align: middle;

}

  1. cssmenu ul li.hover,
  2. cssmenu ul li:hover {
 position: relative;
 z-index: 599;
 cursor: pointer;

}

  1. cssmenu ul ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;

}

  1. cssmenu ul ul li {
 float: none;

}

  1. cssmenu ul ul ul {
 top: 0;
 left: 190px;
 /* width: 190px; */

}

  1. cssmenu ul li:hover > ul {
 visibility: visible;

}

  1. cssmenu ul ul {
 bottom: 0;
 left: 0;

}

  1. cssmenu ul ul {
 margin-top: 0;

}

  1. cssmenu ul ul li {
 font-weight: normal;

}

  1. cssmenu a {
 display: block;
 line-height: 1em;
 text-decoration: none;

} /* Custom CSS Styles */

  1. cssmenu {
 background: #333333;
 /* border-bottom: 4px solid #1b9bff; */
 font-family: 'Oxygen Mono', Tahoma, Arial, sans-serif;
 font-size: 12px;
 text-align:center;

}

  1. cssmenu > ul {
 *display: inline-block;

}

  1. cssmenu:after,
  2. cssmenu ul:after {
 content: ;
 display: block;
 clear: both;

}

  1. cssmenu ul {
 text-transform: uppercase;

}

  1. cssmenu ul ul {
 border-top: 4px solid #1b9bff;
 text-transform: none;
/* min-width: 190px;  */

}

  1. cssmenu ul ul a {
 background: #1b9bff;
 color: #ffffff;
 border: 1px solid #0082e7;
 border-top: 0 none;
 line-height: 150%;
 padding: 16px 20px;
 font-size: 14px;

}

  1. cssmenu ul ul ul {
 border-top: 0 none;

}

  1. cssmenu ul ul li {
 position: relative;

}

  1. cssmenu ul ul li:first-child > a {
 border-top: 1px solid #0082e7;

}

  1. cssmenu ul ul li:hover > a {
 background: #9bde3ff;
 color: #ffffff;

}

  1. cssmenu ul li ul a:hover {
 background-color: #ff4eb1;

}

  1. cssmenu ul ul li:last-child > a {
 -moz-border-radius: 0 0 3px 3px;
 -webkit-border-radius: 0 0 3px 3px;
 border-radius: 0 0 3px 3px;
 -moz-background-clip: padding;
 -webkit-background-clip: padding-box;
 background-clip: padding-box;
 -moz-box-shadow: 0 1px 0 #1b9bff;
 -webkit-box-shadow: 0 1px 0 #1b9bff;
 box-shadow: 0 1px 0 #1b9bff;

}

  1. cssmenu ul ul li:last-child:hover > a {
 -moz-border-radius: 0 0 0 3px;
 -webkit-border-radius: 0 0 0 3px;
 border-radius: 0 0 0 3px;
 -moz-background-clip: padding;
 -webkit-background-clip: padding-box;
 background-clip: padding-box;

}

  1. cssmenu ul ul li.has-sub > a:after {
 content: '+';
 position: absolute;
 top: 50%;
 right: 15px;
 margin-top: -8px;

}

  1. cssmenu ul li:hover > a,
  2. cssmenu ul li.active > a {
 background: #1b9bff;
 color: #ffffff;

}

  1. cssmenu ul li.has-sub > a:after {
 content: '+';
 margin-left: 5px;

}

  1. cssmenu ul li.last ul {
 left: auto;
 right: 0;

}

  1. cssmenu ul li.last ul ul {
 left: auto;
 right: 99.5%;

}

  1. cssmenu a {
 background: #333333;
 color: #CBCBCB;
 padding: 0 20px;

}

  1. cssmenu > ul > li > a {
 line-height: 70px;
 font-size: 24px;
 /* min-width: 190px; */

}


  1. bodyContent a[href^="https://"], .link-https {

background: none; padding-right: 0; } .Content { position: relative; padding: 50px 6%; top: 5px; text-align: left; overflow: hidden; }

.Content p, .Content li { font: 16px/125% 'Open Sans', sans-serif; }

.Content h1, .Content h2, .Content h3, .Content h4, .Content h5, .Content h6 { font-family: 'Archivo Narrow', sans-serif; line-height: 150%; } .Content h1 { font-weight: bold; }

.Content h2, .Content h3, .Content h4, .Content h5, .Content h6 { margin-top: 20px; text-decoration: underline; } .Content h1, .Content h1 i { font-size: 30px; font-weight: bold; }

.Content h2, .Content h2 i { font-size: 26px; font-weight: bold; }

.Color-Pink { 

       background: #ff07c4;

color: #00344f; }

.Color-Pink h1, .Color-Pink h2 { color: #ffffff; }


.Color-LightBlue { background: #75faff; color: #00344f; }

.Color-LightBlue h1, .Color-LightBlue h2{ color: #ffffff; }

.Color-Green{ background: #96ffcf; color: #00344f; }

.Color-Green h1, .Color-Green h2, .Color-Green p { color: #00344f; }

.Text p, .Text ol, .Text ul, .Text table { margin-bottom: 1em; }

.Text p { text-indent: 1.5em; }

  1. HomeIntro, #HomeScaffold, #HomeIntolerance{

width: 300px; margin: 0 130px 0 70px; }

  1. HomeScaffold {

float: right; }

  1. HomeIntro, #HomeIntolerance {

float: left; }


h2.HomeIntroH2, h2.HomeScaffoldH2, h2.HomeIntoleranceH2 { text-decoration: none; margin-bottom: 25px; font-size: 40px; }

p.HomeIntroP, p.HomeScaffoldP, p.HomeIntoleranceP{ font-size: 24px; text-indent: 0; }

  1. HomeIntrod {

background: #ff07c4; background-size: 600px 100px; }

  1. HomeScaffolding {

background: #96ffcf; background-size: 600px 100px; }

  1. HomeMilk {

background: #75faff; background-size: 600px 100px; }