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

Line 47: Line 47:
 
.section2 {
 
.section2 {
 
     background-color: #EEEEEE;
 
     background-color: #EEEEEE;
 +
}
 +
 +
.home {
 +
    margin-top: 30px;
 
}
 
}
  
Line 69: Line 73:
 
     left: 0;
 
     left: 0;
 
     background-color: rgba(0, 0, 0, 0.4);
 
     background-color: rgba(0, 0, 0, 0.4);
 +
}
 +
 +
.header-text {
 +
    position: absolute;
 +
    bottom: 20%;
 
}
 
}
  

Revision as of 04:39, 29 August 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; }

/****/

body { margin-top: 20px;

   font-family: sans-serif;

}

.center {

   text-align: center;

}

.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;

}

.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: 70vh;
   color: #fff!important;

}

.overlay {

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

}

.header-text {

   position: absolute;
   bottom: 20%;

}

.button1 {

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

}

footer {

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

}

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

}