Template:Team:Clemson/style.css

From 2013.igem.org

(Difference between revisions)
 
(59 intermediate revisions not shown)
Line 1: Line 1:
 +
@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;
 +
}
 +
 +
#top-section {
 +
    height: auto;
 +
    width: auto;
 +
}
 +
 +
#footer-box {
 +
    box-sizing: border-box;
 +
    -moz-box-sizing:border-box;
 +
    -webkit-box-sizing: border-box;
 +
    padding: 1em;
 +
    border-radius: 10px;
 +
}
 +
 +
#catlinks {
 +
    display: none;
 +
}
 +
 +
#content {
 +
    padding: 0;
 +
    top: -1.4em;
 +
}
 +
 +
.firstHeading {
 +
    display: none;
 +
}
 +
#p-logo {
#p-logo {
     display: none;
     display: none;
Line 11: Line 49:
}
}
 +
.menu-list li {
 +
    margin-bottom: 0;
 +
    background-color: #EA6A20;
 +
}
 +
 +
#menu-left, #menu-right {
 +
    background-color: #EA6A20;
 +
}
#filler {
#filler {
     position: absolute;
     position: absolute;
     top: 0;
     top: 0;
-
    left: 0;
 
-
    right: 0;
 
     box-shadow: 0 2px 5px #A25016;
     box-shadow: 0 2px 5px #A25016;
     width: 100%;
     width: 100%;
     background-color: #fff;
     background-color: #fff;
-
     height: .75em;
+
     height: 1.3em;
-
     border: 0 solid #A25016;
+
     // border: 0 solid #A25016;
 +
    z-index: 3;
}
}
#sponsor-banner {
#sponsor-banner {
 +
    background-color: #EA6A20;
     list-style: none;
     list-style: none;
-
     margin: 0 4em 0 4em;
+
     margin: 0;
     padding: 0;
     padding: 0;
-
     border: 0px solid #a44b17;
+
     border: 0 solid #a44b17;
     border-top-width: 2px;
     border-top-width: 2px;
 +
    border-bottom-width: 2px;
     box-sizing: border-box;
     box-sizing: border-box;
 +
    -moz-box-sizing: border-box;
 +
    -webkit-box-sizing: border-box;
 +
}
 +
 +
#sponsor-banner ul {
 +
    background-color: #EA6A20;
 +
    list-style: none;
 +
    margin: 0;
 +
}
 +
 +
#sponsor-banner li {
 +
    background-color: #EA6A20;
 +
    margin: 0;
}
}
Line 40: Line 100:
     float:left;
     float:left;
     text-align: center;
     text-align: center;
-
}
+
    font-family: 'Open Sans Condensed', sans-serif;
-
 
+
     font-size: 1.2em;
-
#sponsor-banner:after {
+
    text-transform: uppercase;
-
content: ' ';
+
-
position: absolute;
+
-
     display: block;
+
-
    z-index: -1;
+
-
width: 0;
+
-
    bottom: -1em;
+
-
height: 5em;
+
-
left: 5em;
+
-
top: 4.2em;
+
-
border-width: 0.6em 1em;
+
-
border-style: solid;
+
-
border-color: #fff #fff transparent transparent;
+
}
}
.menu-list {
.menu-list {
 +
    background-color: #EA6A20;
     list-style: none;
     list-style: none;
     margin-left: 0;
     margin-left: 0;
 +
    position: relative;
 +
    float: left;
     padding: 0;
     padding: 0;
 +
    top: 1em;
     width: 38%;
     width: 38%;
-
    float: left;
 
     border: 0px solid #a44b17;
     border: 0px solid #a44b17;
     border-bottom-width: 2px;
     border-bottom-width: 2px;
Line 69: Line 120:
.menu-list a {
.menu-list a {
-
     padding:1em 0;
+
     padding:.75em 0;
     background:#EA6A20;
     background:#EA6A20;
     color:#fff;
     color:#fff;
Line 75: Line 126:
     float:left;
     float:left;
     text-align: center;
     text-align: center;
 +
    font-family: 'Open Sans Condensed', sans-serif;
 +
    font-size: 1.2em;
 +
    text-transform: uppercase;
}
}
 +
/*
#menu-left:after
#menu-left:after
{
{
Line 104: Line 159:
border-color: #a44b17 transparent transparent #a44b17  ;
border-color: #a44b17 transparent transparent #a44b17  ;
}
}
 +
*/
#cu-content {
#cu-content {
-
    background-color: #D4C99E;
 
     display: block;
     display: block;
-
    margin: 0 5em 0 5em;
 
     padding: 8em 3em 3em 3em;
     padding: 8em 3em 3em 3em;
}
}
#menu-splash {
#menu-splash {
 +
    position: relative;
     box-sizing: border-box;
     box-sizing: border-box;
     -moz-box-sizing:border-box;
     -moz-box-sizing:border-box;
 +
    -webkit-box-sizing: border-box;
     background-color: #EA6A20;
     background-color: #EA6A20;
     float: left;
     float: left;
     width: 24%;
     width: 24%;
 +
    top: 1.3em;
     border-radius: 0 0 20px 20px;
     border-radius: 0 0 20px 20px;
     padding: .5em .75em .75em .75em;
     padding: .5em .75em .75em .75em;
Line 127: Line 184:
#menu-splash img {
#menu-splash img {
     width: 100%;
     width: 100%;
-
     height: 100%;
+
     /* height: 100%; */
     display: block;
     display: block;
     min-height: 3em;
     min-height: 3em;
     min-width: 14em;
     min-width: 14em;
-
}
 
-
 
-
footer {
 
-
   
 
}
}

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;

}