"

From 2014.igem.org

Revision as of 22:16, 8 October 2014 (view source) Mdlkwd (Talk | contribs) m ← Older edit		Latest revision as of 21:49, 16 October 2014 (view source) Mdlkwd (Talk | contribs) (Updated min-width)
(38 intermediate revisions not shown)
Line 8:		Line 8:
	}		}
	#menubar {		#menubar {
-	top: 0;
	width: 100%;		width: 100%;
	float: right;		float: right;
-	text-align: right;	+	position: relative;
		+	top: 0;
		+	}
		+	#menubar ul {
		+	-webkit-margin-before: 0;
		+	-webkit-margin-after: 0;
		+	-webkit-padding-start: 0;
		+	line-height: normal;
	}		}
	#menubar.right-menu {		#menubar.right-menu {
-	width: 151px;	+	width: auto;
	}		}
	#menubar.left-menu {		#menubar.left-menu {
-	width: 259px;	+	width: auto;
		+	}
		+	#menubar.left-menu:hover {
		+	background-color: transparent;
	}		}
	#top-section a {		#top-section a {
Line 26:		Line 35:
	text-decoration: none;		text-decoration: none;
	display: inline-block;		display: inline-block;
-	text-align: center;	+	text-align: right;
	background-color: black;		background-color: black;
	padding: 0;		padding: 0;
Line 39:		Line 48:
	text-decoration: none;		text-decoration: none;
	display: inline-block;		display: inline-block;
-	text-align: center;	+	text-align: right;
	background-color: black;		background-color: black;
	padding: 2px;		padding: 2px;
Line 79:		Line 88:
	margin: 0;		margin: 0;
	padding: 0;		padding: 0;
		+	margin-top: 0px;
	}		}
	#logo {		#logo {
Line 84:		Line 94:
	width: 95%;		width: 95%;
	max-width: 1000px;		max-width: 1000px;
		+	top: 0;
	}		}
	#logo img {		#logo img {
Line 167:		Line 178:
	color: #8A8A8A;		color: #8A8A8A;
	}		}
		+	min {
		+	height: auto;
		+	min-height: 138px;
		+	}
	p {		p {
		+	margin: 0;
		+	padding: 0;
		+	}
		+	#page p {
	font-family: Arial, Helvetica, sans-serif;		font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;		font-size: 14px;
Line 211:		Line 230:
	}		}
	#team p {		#team p {
-	height: 136px;	+	height: 138px;
	}		}
	#team img {		#team img {
Line 224:		Line 243:
	float: left;		float: left;
	}		}
-	@media (min-width: 682px) {	+	@media (min-width: 920px) {
	#menu a {		#menu a {
	font-size: 14pt;		font-size: 14pt;
Line 241:		Line 260:
	height: 100px;		height: 100px;
	width: 254px;		width: 254px;
-	}
-	#logo {
-	margin-top: -20px;
	}		}
	}		}
-	@media (max-width: 681px) {	+	@media (max-width: 919px) {
	#menu a {		#menu a {
	font-size: 10pt;		font-size: 10pt;
Line 267:		Line 283:
	height: 60px;		height: 60px;
	width: 158px;		width: 158px;
-	}
-	#logo {
-	margin-top: -8px;
	}		}
	}		}

---

Latest revision as of 21:49, 16 October 2014

/* Created by Missouri Miners iGEM 2014 https://2014.igem.org/Team:Missouri_Miners CC BY-SA 3.0 */

1. contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {

   display:none;}

1. top-section {

   border: none;
   height: 0px;
   width: 100%;
   }

1. menubar {

   width: 100%;
   float: right;
   position: relative;
   top: 0;
   }

1. menubar ul {

   -webkit-margin-before: 0;
   -webkit-margin-after: 0;
   -webkit-padding-start: 0;
   line-height: normal;
   }

1. menubar.right-menu {

   width: auto;
   }

1. menubar.left-menu {

   width: auto;
   }

1. menubar.left-menu:hover {

   background-color: transparent;
   }

1. top-section a {

   text-transform: uppercase;
   font-family: 'Abel', sans-serif;
   font-size: 9pt;
   color: white;
   text-decoration: none;
   display: inline-block;
   text-align: right;
   background-color: black;
   padding: 0;
   margin: 0;
   }

1. top-section li {

   float: right;
   text-transform: uppercase;
   font-family: 'Abel', sans-serif;
   font-size: 9pt;
   color: white;
   text-decoration: none;
   display: inline-block;
   text-align: right;
   background-color: black;
   padding: 2px;
   margin: 0;
   }

1. top-section ul {

   margin: 0;
   padding: 0;
   }

1. footer-box {

   width: 100%;
   margin: 0;
   padding: 0;
   }

1. content {

   border: none;
   background: transparent;
   width: 100%;
   margin: 0;
   padding: 0;
   line-height: normal;
   }

1. bodyContent h1 {

   margin-bottom: 0;
   font-size: 32px;
   border-bottom: 0;
   }

1. bodyContent h3 {

   font-size: 19px;
   margin-bottom: 0;
   }

html {

   margin: 0;
   padding: 0;
   }

body {

   background-image: url("");
   background-color: #40403e;
   margin: 0;
   padding: 0;
   margin-top: 0px;
   }

1. logo {

   margin: 0 auto;
   width: 95%;
   max-width: 1000px;
   top: 0;
   }

1. logo img {

   padding: 0;
   margin: 0;
   }

1. wiki {

   margin: 0;
   padding: 0;
   text-align: right;
   }

1. wiki a {

   text-transform: uppercase;
   font-family: 'Abel', sans-serif;
   font-size: 9pt;
   color: white;
   text-decoration: none;
   display: inline-block;
   text-align: center;
   background-color: black;
   padding: 2px;
   margin: 0;
   }

1. menu {

   margin:2.5% auto;
   margin-top: 0;
   margin-bottom: 0;
   background-color: #095707;
   text-align: center;
   max-width: 1000px;
   width: 92%;
   }

1. menu a {

   text-transform: uppercase;
   font-family: 'Abel', sans-serif;
   color: white;
   text-decoration: none;
   display: inline-block;
   text-align: center;
   }

1. menu a:link {

   background-color: #095707;
   }

1. menu a:visited {

   background-color: #095707;
   }

1. menu a:hover {

   background-color: #074506;
   }

1. menu a:active {

   background-color: #074506;
   }

1. igem-logo {

   display: inline;
   }

1. igem-logo a {

   float: right;
   }

1. igem-logo img {

   background-color: white;
   border-style: solid;
   border-width: 2px;
   border-color: #8A8A8A;
   }

1. page {

   background-color: white;
   margin:2.5% auto;
   width: 92%;
   margin-top: 0;
   max-width: 1000px;
   padding-top: 1%;
   padding-bottom: 1%;
   }

1. page img{

   border-width: 2px;
   border-color: #8A8A8A;
   border-style: solid;
   padding: 0;
   margin: 1.5%;
   margin-bottom: 0;
   }

1. page a {

   color: #8A8A8A;
   }

min {

  height: auto;
  min-height: 138px;
  }

p {

   margin: 0;
   padding: 0;
   }

1. page p {

   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   padding: 0px;
   margin: 1.5%;
   color: #8A8A8A;
   margin-bottom: 0;
   line-height: 1.3;
   }

1. references p {

   font-size: 12px;
   margin-top: 0.75%;
   }

h1 {

   margin: 1.5%;
   padding: 0px;
   text-transform: uppercase;
   font-family: 'Oswald', sans-serif;
   font-weight: 300;
   margin-top: 0;
   margin-bottom: 0;
   }

h3 {

   margin: 1.5%;
   padding: 0px;
   text-transform: uppercase;
   font-family: 'Oswald', sans-serif;
   font-weight: 200;
   margin-top: 1.5%;
   margin-bottom: 0;
   }

h4 {

   margin: 1.5%;
   padding: 0px;
   font-family: 'Oswald', sans-serif;
   font-weight: 200;
   margin-top: 1.5%;x
   margin-bottom: 0;
   }

1. team {

   margin: 0;
   padding: 0;
   }

1. team p {

   height: 138px;
   }

1. team img {

   height: 160px;
   width: 120px;
   border-width: 2px;
   border-color: #8A8A8A;
   border-style: solid;
   padding: 0;
   margin: 1.5%;
   margin-bottom: 0;
   float: left;
   }

@media (min-width: 920px) {

   #menu a {
       font-size: 14pt;
       padding: 18px;
       }
   #igem-logo a {
       padding: 0;
       margin: 4px;
       height: 52px;   
       }
   #igem-logo img {
       height: 48px;
       width: 60px;
   }
   #logo img {
       height: 100px;
       width: 254px;
       }
   }

@media (max-width: 919px) {

   #menu a {
       font-size: 10pt;
       padding: 3px;
       }
   #igem-logo a {
       padding: 0;
       margin: 4px;
       height: 36px;
       }
   #igem-logo img {
       height: 32px;
       width: 40px;
       }
   label:before {
       content: "\a";
       white-space: pre;
       }
   #logo img {
       height: 60px;
       width: 158px;
       }
   }