Difference between revisions of "Team:Oxford/Assets/Style.css"

Line 1: Line 1:
−
#main-container {
 
−
                height: auto;
 
−
                top:0;
 
−
                bottom: 0;
 
−
                left:0;
 
−
                right:0;
 
−
overflow:scroll;
 
−
margin: 20 0 0 0;
 
−
                position:fixed;
 
−
background-color: #fff;
 
−
}
 
−
 
 
.top-spacer {
 
.top-spacer {
 
     width: 100%;
 
     width: 100%;
Line 48: Line 36:
 
}
 
}
  
−
.page-title-section {
+
.title {
−
    margin-top: 66px;
+
−
    width: 100%;
+
 
     background-image: url(https://static.igem.org/mediawiki/2015/8/89/Ox_bluedots.jpg);
 
     background-image: url(https://static.igem.org/mediawiki/2015/8/89/Ox_bluedots.jpg);
−
     background-size: 8px 56px;
+
     background-size: 4px 28px;
 
     background-repeat: repeat;
 
     background-repeat: repeat;
−
    position: fixed;
 
−
    float: left;
 
−
    z-index:-1000;
 
−
    -webkit-transform: translateZ(0);
 
 
}
 
}
  
−
 
+
.title img {
−
.page-title-section img {
+
     width:80%;
−
     width: 80%;
+
−
    margin-left:10%;
+
−
    margin-right:10%;
+
−
    padding: 12% 0;
+
−
}
+
−
 
+
−
.title-spacer {
+
−
    margin-top: 66px;
+
−
    width:100%;
+
−
    padding-bottom: 38%;
+
−
    position: relative;
+
−
    float:left;
+
−
 
+
−
    z-index: -1001
+
 
}
 
}
  

Revision as of 12:40, 22 July 2015

.top-spacer { 

   width: 100%;

}

.navbar { 

   margin-top: 16px;
   position: fixed;
   font-size: 13px;
   background-color: #fff;

}

.navbar-right li { 

   font-family: "Avenir",sans-serif;
   color: #cccccc;
   font-weight: bolder;
   padding-right: 0;

}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav> .active > a:hover { 

   background-color: #fff;
   color:#777;
   border-bottom: 1px solid #fa2963;

}

.navbar-default .navbar-nav a{ 

   padding-left: 0;
   padding-right: 10px;
   margin-left: 15px;
   padding-bottom: 3px;
   border-bottom: 1px solid #cccccc;

}

.navbar-default .navbar-nav > .active { 

   background-color: #fff;

}

.title { 

   background-image: url(Ox_bluedots.jpg);
   background-size: 4px 28px;
   background-repeat: repeat;

}

.title img { 

   width:80%;

}

.row { 

   background-color: #fff;

}

.sponsors { 

   background-color: #fff;

}

.sponsors img { 

   max-width: 150px;
   padding-bottom: 30px;
   display: block;
   margin-left: auto;
   margin-right: auto;

}

  1. supporters-line {
   margin-top: 50px;
   margin-bottom: 30px;
   height:24px;
   background-image: url(Ox_bluedots.jpg);
   background-size: 4px 28px;
   background-repeat: repeat;
   float:left;

}

  1. footer-links {
   padding-left:0;
   padding-right:0;
   margin-left: -15px;
   margin-right:-15px;
   background-color: #fff;
   font-family: "Avenir", sans-serif;
   margin-bottom: 10px;

}

  1. footer-links a {
   margin-left: auto;
   margin-right: auto;

}

  1. footer-links h2 {
   margin-top:0;
   border-bottom: 0;

}

  1. footer-links ul {
   list-style-type: none;
   list-style-image: none;
   margin-left: 0;

}

  1. footer-links li {
   display: inline;
   color:#000;
   width:25%

}

  1. footer-links a {
   color: #000;

}

  1. footer-links .footer-section-line {
   height: 24px;
   background-image: url(Ox_bluedots.jpg);
   background-size: 4px 28px;
   background-repeat: repeat;

}

  1. made-with-love {
   margin-left: 0px;
   margin-right: 0px;
   padding-right: 30px;
   background-color: #fa2963;
   color: #fff;
   text-align: center;
   font-size: 10px;
   vertical-align: middle;

}

  1. made-with-love a , #made-with-love p {
   color:#fff;
   padding: auto 0;

}