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

 
(66 intermediate revisions by 3 users not shown)
Line 19: Line 19:
 
     font-family: Oxygen;
 
     font-family: Oxygen;
 
     src: url(https://static.igem.org/mediawiki/2016/d/da/T--Arizona_State--Oxygen-Regular.ttf);
 
     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 {
 
body {
 
margin-top: 20px;
 
margin-top: 20px;
−
        font-family: "Oxygen", sans-serif;
+
    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;
 +
}
 +
 
 +
#HQ_page p {
 +
    font-size: 0.9em;
 +
    text-align: none;
 +
}
 +
 
 +
#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 {
 
.center {
 
     text-align: 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;
 
}
 
}
  
Line 37: Line 161:
 
.navbar-nav {
 
.navbar-nav {
 
     font-size: 16px;
 
     font-size: 16px;
−
float: right;
+
    float: right;
 
}
 
}
  
Line 52: Line 176:
 
.section2 {
 
.section2 {
 
     background-color: #EEEEEE;
 
     background-color: #EEEEEE;
 +
}
 +
 +
.btn {
 +
    padding: 18px 16px;
 +
    font-size: 18px;
 
}
 
}
  
Line 67: Line 196:
 
     background-size: cover;
 
     background-size: cover;
 
     border-radius: 0;
 
     border-radius: 0;
−
     min-height: 70vh;
+
     min-height: 90vh;
 
     color: #fff!important;
 
     color: #fff!important;
 
}
 
}
Line 83: Line 212:
 
     text-align: center;
 
     text-align: center;
 
     position: absolute;
 
     position: absolute;
−
     bottom: 10%;
+
     /* bottom: 10%; */
−
     right: 4%;
+
     top: 50%;
−
     float: right;
+
     left: 50%;
 +
    transform: translate(-50%, -50%);
 
}
 
}
  
Line 100: Line 230:
 
     padding: 16px 32px;
 
     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("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("T--Arizona_State--design.jpg");

}

.hp { 

   background-image: url("T--Arizona_State--fronttablehp.png");

}

.safety { 

   background-image: url("T--Arizona_State--fronttablesafety.png");

}

.results { 

   background-image: url("T--Arizona_State--fronttableplate.png");
   background-size: 500px;
   background-position: 0% 33%;

}

.notebook { 

   background-image: url("T--Arizona_State--notebook.jpg");

}

.parts { 

   background-image: url("T--Arizona_State--hp.jpg");

}


footer { 

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

}

  1. bodyContent footer p {
   text-align: center;

}