Template:Team:Clemson/style.css

From 2013.igem.org

Latest revision as of 12:30, 23 September 2013

@import url(http://fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic|Open+Sans+Condensed:700);

body {

   font-family: 'Roboto', sans-serif;

}

h1, h2, h3 {

   font-family: 'Open Sans Condensed', sans-serif;
   text-transform: uppercase;
   margin-bottom: 0;

}

1. top-section {

   height: auto;
   width: auto;

}

1. footer-box {

   box-sizing: border-box;
   -moz-box-sizing:border-box;
   -webkit-box-sizing: border-box;
   padding: 1em;
   border-radius: 10px;

}

1. catlinks {

   display: none;

}

1. content {

   padding: 0;
   top: -1.4em;

}

.firstHeading {

   display: none;

}

1. p-logo {

   display: none;

}

1. search-controls {

   display: none;

}

body {

   background-color: #522D80;

}

.menu-list li {

   margin-bottom: 0;
   background-color: #EA6A20;

}

1. menu-left, #menu-right {

   background-color: #EA6A20;

}

1. filler {

   position: absolute;
   top: 0;
   box-shadow: 0 2px 5px #A25016;
   width: 100%;
   background-color: #fff;
   height: 1.3em;
   // border: 0 solid #A25016;
   z-index: 3;

}

1. sponsor-banner {

   background-color: #EA6A20;
   list-style: none;
   margin: 0;
   padding: 0;
   border: 0 solid #a44b17;
   border-top-width: 2px;
   border-bottom-width: 2px;
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;

}

1. sponsor-banner ul {

   background-color: #EA6A20;
   list-style: none;
   margin: 0;

}

1. sponsor-banner li {

   background-color: #EA6A20;
   margin: 0;

}

1. sponsor-banner a {

   padding:1em 0;
   background:#EA6A20;
   color:#fff;
   width: 50%;
   float:left;
   text-align: center;
   font-family: 'Open Sans Condensed', sans-serif;
   font-size: 1.2em;
   text-transform: uppercase;

}

.menu-list {

   background-color: #EA6A20;
   list-style: none;
   margin-left: 0;
   position: relative;
   float: left;
   padding: 0;
   top: 1em;
   width: 38%;
   border: 0px solid #a44b17;
   border-bottom-width: 2px;
   box-sizing: border-box;

}

.menu-list a {

   padding:.75em 0;
   background:#EA6A20;
   color:#fff;
   width: 25%;
   float:left;
   text-align: center;
   font-family: 'Open Sans Condensed', sans-serif;
   font-size: 1.2em;
   text-transform: uppercase;

}

/*

1. menu-left:after

{ content: ' '; position: absolute;

   z-index: -1;

width: 0; height: 0; left: 0px; top: 4.1em; border-width: 0.6em 5em; border-style: solid; border-color: #a44b17 #a44b17 transparent transparent; }

1. menu-right:after

{ content: ' '; position: absolute;

   z-index: -1;

width: 0; height: 0; right: 0; top: 4.1em; border-width: 0.6em 5em; border-style: solid; border-color: #a44b17 transparent transparent #a44b17  ; }

• /

1. cu-content {

   display: block;
   padding: 8em 3em 3em 3em;

}

1. menu-splash {

   position: relative;
   box-sizing: border-box;
   -moz-box-sizing:border-box;
   -webkit-box-sizing: border-box;
   background-color: #EA6A20;
   float: left;
   width: 24%;
   top: 1.3em;
   border-radius: 0 0 20px 20px;
   padding: .5em .75em .75em .75em;
   overflow: hidden;
   border: 0px solid #a44b17;
   border-bottom-width: 2px;

}

1. menu-splash img {

   width: 100%;
   /* height: 100%; */
   display: block;
   min-height: 3em;
   min-width: 14em;

}