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

Revision as of 14:11, 31 July 2015 (view source) Hhowardjenkins (Talk | contribs) ← Older edit		Revision as of 12:23, 2 August 2015 (view source) Hhowardjenkins (Talk | contribs) Newer edit →
Line 63:		Line 63:
	.title> .row {		.title> .row {
−	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: 3px 21px;		background-size: 3px 21px;
−	background-repeat: repeat;	+	background-repeat: repeat;*/
		+
		+	background: -webkit-linear-gradient(90deg, #E55D87 10%, #5FC3E4 90%); /* Chrome 10+, Saf5.1+ */
		+	background:    -moz-linear-gradient(90deg, #E55D87 10%, #5FC3E4 90%); /* FF3.6+ */
		+	background:    -ms-linear-gradient(90deg, #E55D87 10%, #5FC3E4 90%); /* IE10 */
		+	background:      -o-linear-gradient(90deg, #E55D87 10%, #5FC3E4 90%); /* Opera 11.10+ */
		+	background:        linear-gradient(90deg, #E55D87 10%, #5FC3E4 90%); /* W3C */
		+
	}		}

---

Revision as of 12:23, 2 August 2015

/* wiki width fixing */

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

   display:none;

}

1. top-section {

   border: none;
   height: 0px;

}

1. content {

   width:100%;

}

.row {

   background-color: #fff;

} .navbar {

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

}

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

}

1. main-container {

   top:0;
   left:0;
   right:0;
   margin:50px 0 0 0;
   padding:0;
   background-color:#fff;
   overflow:scroll;
   position:absolute;

}

.title> .row {

   /*background-image: url();
   background-size: 3px 21px;
   background-repeat: repeat;*/

 background: -webkit-linear-gradient(90deg, #E55D87 10%, #5FC3E4 90%); /* Chrome 10+, Saf5.1+ */
 background:    -moz-linear-gradient(90deg, #E55D87 10%, #5FC3E4 90%); /* FF3.6+ */
 background:     -ms-linear-gradient(90deg, #E55D87 10%, #5FC3E4 90%); /* IE10 */
 background:      -o-linear-gradient(90deg, #E55D87 10%, #5FC3E4 90%); /* Opera 11.10+ */
 background:         linear-gradient(90deg, #E55D87 10%, #5FC3E4 90%); /* W3C */

}

.title img {

   width:80%;
   margin-left: 10%;
   padding-top: 5%;
   padding-bottom: 10%;

}

1. project-byline {

   margin-top: -45px;
   background-color: #fff;
   padding: 15px 30px;
   border: 15px solid #fa2963;
   border-bottom: none;
   text-align: center;

}

h3 {

   color: #2d2c35;
   font-size: 2em;
   font-family: "Merriweather",serif;
   font-weight: bold;
   padding-bottom: 5px;
   padding-top: 5px;
   margin-top: 30px;
   padding-left: 15px;
   background-image: url();
   background-size: 4px;
   background-repeat: repeat;

}

h4 {

   font-size: 1.2em;
   font-family: "Merriweather",serif;
   font-weight: bold;
   margin-top: 30px;
   padding-top: 5px;
   margin-bottom: 30px;

}

p {

   text-align: justify;

}

1. project-byline h2 {

   border-bottom: 1px dotted #cccccc;

}

1. get {

   border: 15px solid #fa2963;
   border-top: none;
   border-bottom: none;
   margin: 0;

}

1. get h3 {

   font-size: 32px

}

1. davis-quote {

   background-color: #fa2963;
   color: #fff;
   margin:0;

}

1. davis-quote h3 {

   color: #fff;
   font-size: 24px;
   padding-left: 5%;
   padding-right: 10%;
   padding-top: 25px;
   padding-bottom: 50px;
   font-weight: normal;

}

.quote-name-box {

   border: 15px solid  #fa2963;
   background-color: #fff;
   margin-top: -60px;
   color: #2d2c35;
   margin-right: 15px;
   margin-left: 15px;
   text-align: center;

}

.quote-name-box h3 {

   font-size: 24px;
   margin-bottom: 0px;

}

1. sally {

   margin: 0 auto;

} .sponsors {

   background-color: #fff;

}

.sponsors img {

   max-width: 100px;
   padding-bottom: 15px;
   padding-top: 15px;
   display: block;
   margin-left: auto;
   margin-right: auto;

}

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;
   color: #000;

}

1. footer-links h2 {

   margin-top:0;
   border-bottom: 0;
   font-weight: bold;

}

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:hover{

   text-decoration: none;
   color: #000;
   background-image: url();
   background-size: 4px;
   background-repeat: repeat;

}

1. footer-links .footer-section-line {

   height: 15px;
   background-image: url();
   background-size: 3px 21px;
   background-repeat: repeat;
   margin-top: 5px;

}

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;

}