Difference between revisions of "Template:Arizona State/CSS"

Revision as of 01:14, 30 September 2016 (view source) Jiaqiwu (Talk | contribs) ← Older edit		Latest revision as of 03:58, 20 October 2016 (view source) Jixu2471 (Talk | contribs)
(34 intermediate revisions by 2 users not shown)
Line 91:		Line 91:
	.green {		.green {
	color: #8CB369;		color: #8CB369;
		+	}
		+
		+	.maroon-bg {
		+	background-color: #A10043;
		+	}
		+
		+	.gold-bg {
		+	background-color: #FFC124;
		+	}
		+
		+	.teal-bg {
		+	background-color: #58A4B0;
		+	}
		+
		+	.red-bg {
		+	background-color: #DB324D;
		+	}
		+
		+	.salmon-bg {
		+	background-color: #ED6A5A;
		+	}
		+
		+	.orange-bg {
		+	background-color: #FF7F51;
		+	}
		+
		+	.blue-bg {
		+	background-color: #507DBC;
		+	}
		+
		+	.green-bg {
		+	background-color: #8CB369;
	}		}
Line 110:		Line 142:
	.team-pic {		.team-pic {
−	height: 100%;	+	height: 350px;
−	width: 100%;	+	width: auto;
	}		}
Line 144:		Line 176:
	.section2 {		.section2 {
	background-color: #EEEEEE;		background-color: #EEEEEE;
		+	}
		+
		+	.btn {
		+	padding: 18px 16px;
		+	font-size: 18px;
	}		}
Line 199:		Line 236:
	.footer-button {		.footer-button {
−	height: 100px;	+	text-align: center;
		+	background-size: cover;
		+	min-height: 200px;
		+	}
		+
		+	/*adds overlay*/
		+	.footer-button:before {
		+	content: '';
		+	position: absolute;
		+	top: 0;
		+	bottom: 0;
		+	right: 0;
		+	left: 0;
		+	background: rgba(0,0,0,0.55);
		+	}
		+
		+	.footer-button:hover:before {
		+	transition: 0.5s ease;
		+	background: rgba(0,0,0,0.2);
		+	}
		+
		+	.footer-button p {
		+	font-size: 22px!important;
		+	position: absolute;
		+	color: #fff;
		+	top: 50%;
		+	left: 50%;
		+	transform: translate(-50%,-50%);
		+	}
		+
		+	.footer-button:hover p {
		+	color: #A10043;
	}		}
Line 205:		Line 273:
	margin-top: 30px;		margin-top: 30px;
	}		}
		+
		+	.design {
		+	background-image: url("https://static.igem.org/mediawiki/2016/c/c7/T--Arizona_State--design.jpg");
		+	}
		+
		+	.hp {
		+	background-image: url("https://static.igem.org/mediawiki/2016/8/88/T--Arizona_State--fronttablehp.png");
		+	}
		+
		+	.safety {
		+	background-image: url("https://static.igem.org/mediawiki/2016/a/a5/T--Arizona_State--fronttablesafety.png");
		+	}
		+
		+	.results {
		+	background-image: url("https://static.igem.org/mediawiki/2016/5/50/T--Arizona_State--fronttableplate.png");
		+	background-size: 500px;
		+	background-position: 0% 33%;
		+	}
		+
		+	.notebook {
		+	background-image: url("https://static.igem.org/mediawiki/2016/4/45/T--Arizona_State--notebook.jpg");
		+	}
		+
		+	.parts {
		+	background-image: url("https://static.igem.org/mediawiki/2016/c/c3/T--Arizona_State--hp.jpg");
		+	}
		+
		+
	footer {		footer {

---

Latest revision as of 03:58, 20 October 2016

/***OVERRIDE DEFAULT WIKI***/

1. globalWrapper, #content, #bodyContent {

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

}

.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul { margin: 0; }

/****/

@font-face {

   font-family: Oxygen;
   src: url(https://static.igem.org/mediawiki/2016/d/da/T--Arizona_State--Oxygen-Regular.ttf);

}

@font-face {

   font-family: Oxygen;
   src: url(https://static.igem.org/mediawiki/2016/d/da/T--Arizona_State--Oxygen-Light.ttf);
   font-weight: light;

}

@font-face {

   font-family: Oxygen;
   src: url(https://static.igem.org/mediawiki/2016/d/da/T--Arizona_State--Oxygen-Bold.ttf);
   font-weight: bold;

}

body { margin-top: 20px;

   font-family: "Oxygen", sans-serif;

}

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

   font-family: "Oxygen", sans-serif!important;

}

a, a:visited {

   color: #A10043;

}

a:hover, a:active {

   color: #FFC124;

}

1. HQ_page p {

   font-size: 0.9em;
   text-align: none;

}

1. HQ_page p.big {

   font-size: 1.2em;

}

.maroon {

   color: #A10043;

}

.gold {

   color: #FFC124;

}

.teal {

   color: #58A4B0;

}

.red {

   color: #DB324D;

}

.salmon {

   color: #ED6A5A;

}

.orange {

   color: #FF7F51;

}

.blue {

   color: #507DBC;

}

.green {

   color: #8CB369;

}

.maroon-bg {

   background-color: #A10043;

}

.gold-bg {

   background-color: #FFC124;

}

.teal-bg {

   background-color: #58A4B0;

}

.red-bg {

   background-color: #DB324D;

}

.salmon-bg {

   background-color: #ED6A5A;

}

.orange-bg {

   background-color: #FF7F51;

}

.blue-bg {

   background-color: #507DBC;

}

.green-bg {

   background-color: #8CB369;

}

.center {

   text-align: center;

}

.right {

   text-align: right;

}

.left {

   text-align: left;

}

.justify {

   text-align: justify;

}

.team-pic {

   height: 350px;
   width: auto;

}

.home-text {

   padding: 0 15%;

}

.section-head {

   font-weight: bold;

}

.navbar-fixed-top {

   background-color: #fff;

margin-top: 16px; }

.navbar-nav {

   font-size: 16px;
   float: right;

}

.navbar-default .navbar-brand {

   font-weight: 700;
   font-size: 25px;
   color: #A10043; /*MAROON*/

}

.navbar-default .navbar-brand:hover {

   color: #FFC124; /*GOLD*/

}

.section2 {

   background-color: #EEEEEE;

}

.btn {

   padding: 18px 16px;
   font-size: 18px;

}

.home {

   margin-top: 30px;

}

.home .jumbotron {

   position: relative;
   width: 100%;
   background-image: url('http://iamasundevil.asu.edu/images/about-asu-gallery-1.jpg');
   background-position: 50% 50%;
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-size: cover;
   border-radius: 0;
   min-height: 90vh;
   color: #fff!important;

}

.overlay {

   position: absolute;
   height: 100%;
   width: 100%;
   top: 0;
   left: 0;
   background-color: rgba(0, 0, 0, 0.4);

}

.header-text {

   text-align: center;
   position: absolute;
   /* bottom: 10%; */
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);

}

.header-text h1, .header-text h2 {

   margin-top: 0;

}

.button1 {

   float: right;
   color: #fff;
   background-color: #FFC124;
   margin: 15px 0;
   padding: 16px 32px;

}

.about-page .col-sm-6 {

   padding: 0 30px;

}

.footer-button {

   text-align: center;
   background-size: cover;
   min-height: 200px;

}

/*adds overlay*/ .footer-button:before {

   content: ;
   position: absolute;
   top: 0;
   bottom: 0;
   right: 0;
   left: 0;
   background: rgba(0,0,0,0.55);

}

.footer-button:hover:before {

   transition: 0.5s ease;
   background: rgba(0,0,0,0.2);

}

.footer-button p {

   font-size: 22px!important;
   position: absolute;
   color: #fff;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);

}

.footer-button:hover p {

   color: #A10043;

}

.footer {

   margin-top: 30px;

}

.design {

   background-image: url("");

}

.hp {

   background-image: url("");

}

.safety {

   background-image: url("");

}

.results {

   background-image: url("");
   background-size: 500px;
   background-position: 0% 33%;

}

.notebook {

   background-image: url("");

}

.parts {

   background-image: url("");

}

footer {

   background-color: #222;
   color: #fff;
   height: 100px;
   margin-bottom: -10px;
   padding: 20px;

}

1. bodyContent footer p {

   text-align: center;

}