Difference between revisions of "Template:Queens Canada/CSS/main.css"

Revision as of 17:31, 14 August 2015 (view source) JoannaS (Talk | contribs) ← Older edit		Latest revision as of 18:28, 22 August 2015 (view source) JoannaS (Talk | contribs)
(11 intermediate revisions by the same user not shown)
Line 24:		Line 24:
	h1, h2, h3, h4, h5, h6, p, a {		h1, h2, h3, h4, h5, h6, p, a {
	border-bottom: none;		border-bottom: none;
−	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	}		}
		+	top_menu_under {
		+	margin: 0;
		+	padding: 0;
		+	height: 0;
		+	width: 100%;
		+	border: 0;
		+	background-color: transparent;
		+	}
		+
		+	top_menu_14 {
		+	margin: 0;
		+	padding: 0;
		+	width: 100%;
		+	border: 0;
		+	padding-bottom: 2px;
		+	background-color: ##3F72A7;
		+	}
	/* Standard font things */		/* Standard font things */
Line 33:		Line 49:
	text-decoration: none;		text-decoration: none;
	color: #FFC107;		color: #FFC107;
		+	}
		+	a:visited{
		+	text-decoration: none;
		+	color: #FFC107;
	}		}
Line 64:		Line 84:
	#navbar ul li img {		#navbar ul li img {
−	height: 30px;	+	height: 35px;
−	margin-top: -20px;	+	margin-top: -15px;
	margin-bottom: -7px;		margin-bottom: -7px;
	}		}
Line 102:		Line 122:
	text-decoration: none;		text-decoration: none;
	padding: 10px 19px;/*space btwn the links */		padding: 10px 19px;/*space btwn the links */
		+	color: #d4dcef;
		+	}
		+
		+	nav li a:visited {
	color: #d4dcef;		color: #d4dcef;
	}		}
Line 109:		Line 133:
	background-color: #d4dcef;		background-color: #d4dcef;
	}		}
		+
		+
	nav ul ul{		nav ul ul{
	display: none;		display: none;
	position: absolute;		position: absolute;
−	top: 42px;	+	top: 12px;
−	margin-top: 1px;	+
	}		}

---

Latest revision as of 18:28, 22 August 2015

/* General Properties and Changes to default */ html, body {

 margin: 0 auto;
 padding: 0;
 width: 100%;
 height: 100%;
 background-color: #fff;

}

html {

 position: relative;
 min-height: 100%;

}

1. globalWrapper, #content, #bodyContent {

   margin: 0 auto;
   padding: 0;
   height: 100%;
   width: 100%;
   border: 0px;
   background-color: transparent;

}

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

   border-bottom: none;

}

top_menu_under {

  margin: 0;
  padding: 0;
  height: 0;
  width: 100%;
  border: 0;
  background-color: transparent;

}

top_menu_14 {

  margin: 0;
  padding: 0;
  width: 100%;
  border: 0;
  padding-bottom: 2px;
  background-color: ##3F72A7;

}

/* Standard font things */

a {

   text-decoration: none;
   color: #FFC107;

}

a:visited{

   text-decoration: none;
   color: #FFC107;

}

a:hover{

   text-decoration: underline;

}

1. webbanner img {

   height: auto;
   width: 100%;
   margin-top: -70px;
   

}

/* The navbar! The menubar is the iGEM login bar*/

1. navbar {

   display: block;
   height: 70px;
   width: 100%;
   margin-top: -21px;
   margin-left: auto;
   margin-right: auto;
   position: fixed;
   background-color: #3F72A7;
   z-index: 5;
  

}

1. navbar ul li img {

   height: 35px;
   margin-top: -15px;
   margin-bottom: -7px;

}

1. navbar a {

   text-decoration: none;
   font-size: 18px;
   font-family: 'Verdana', sans-serif;
   font-weight: bold;

}

nav ul {

   display: block;
   position: relative;
   list-style: none;
   margin-top: 27px;
   margin-left: auto;
   margin-right: auto;
   padding 0;
   border-radius: 5px;
   z-index: 5001;
   

}

nav ul li {

   display: list-item;
   float: right;
   list-style: none;
   background-color: #3F72A7;
   opacity: none;

}

nav ul li a {

   display: block;
   text-decoration: none;
   padding: 10px 19px;/*space btwn the links */
   color: #d4dcef;

}

nav li a:visited {

   color: #d4dcef;

}

nav li a:hover {

   color: #0f4f91;
   background-color: #d4dcef; 

}

nav ul ul{

   display: none;
   position: absolute;
   top: 12px;
   

}

nav ul li:hover > ul {

   display: list-item;

}

nav ul ul li {

   position: relative;
   float: none; /* submenu display */

}

nav ul ul ul li {

   position: absolute relative;
   top: -42px;
   left: 140px;

}

/* Footer style */

.footer {

   clear: both;
   height: 200px;
   width: auto;
   background-image: url("");
   padding 20px;

}

.footer img {

   float: right;
   margin: 45px;
   height: 60px;
   width: auto;

}

.footer #twitter {

   float: right;
   height: auto;
   width: 265px;
   margin-top: 120px;
   margin-right: -310px;

}