Team:Trieste/static/main.css

From 2012.igem.org

(Difference between revisions)
(commented out helvetica, added margin to img)
Line 82: Line 82:
     padding: 5px;
     padding: 5px;
     border-radius: 5px;
     border-radius: 5px;
 +
    margin-right: 1em;
}
}
Line 88: Line 89:
}
}
-
.helvetica {
+
/*.helvetica {
     font-family:'HelveticaNeueW01-UltLtE 710282';
     font-family:'HelveticaNeueW01-UltLtE 710282';
-
}
+
}*/
#container {
#container {

Revision as of 15:38, 29 August 2012

html, body {

   margin: 0px;
   padding: 0px;
   border: 0px;
   font-family: arial,sans-serif;
   font-size: 13px;

}

  1. menu a {
   color: white;
   text-decoration: none;

}

  1. header {
   top: 0px;
   right: 0px;
   width: 100%;
   height: 100px;
   color: white;
   background-image: url('https://static.igem.org/mediawiki/2012/b/b2/Header_bg.jpg');

}

  1. header > h1 {
   width: 28em;
   position: relative;
   left: 25%;
   margin-left: 5%;
   margin-bottom: 0px;
   margin-top: 0.2em;

}

  1. header > h3 {
   width: 15em;
   position: relative;
   left: 25%;
   margin-top: 0px;
   padding-top: 0.5em;
   margin-bottom: 0.2em;

}

  1. logo {
   position: absolute;
   top: 0px;
   left: 10%;
   width: 120px;
   height: 200px;
   background-image: url('https://static.igem.org/mediawiki/2012/3/33/Logo_bg.png');
   background-repeat: no-repeat;

}

  1. menu {
   width: 100%;
   padding-top: 0.5em;
   padding-bottom: 0.5em;
   background-color: black;
   color: white;

}

  1. menu ul li{
   display: inline;
   font-variant: small-caps;
   font-size: 1.4em;
   margin-left: 1em;

}

  1. menu ul li.active {
   padding: 0.7em 0.7em 1.2em;
   background-color: #0A6CCB;

}

  1. menu ul {
   margin: 0px auto;
   text-align: center;

}

  1. menu img {
   float: right;
   position: relative;
   bottom: 35px;
   right: 10%;
   background-color: white;
   padding: 5px;
   border-radius: 5px;
   margin-right: 1em;

}

.light {

   font-weight: lighter;

}

/*.helvetica {

   font-family:'HelveticaNeueW01-UltLtE 710282';

}*/

  1. container {
   width: 100%;
   background-color: #e7e7e7;
   background-image: url('https://static.igem.org/mediawiki/2012/6/6d/Container_bg.jpg');
   background-repeat: no-repeat;
   padding-bottom: 2em;

}

  1. content {
   margin-left: auto;
   margin-right: auto;
   padding-top: 10em;
   width: 970px;
   background-image: url('https://static.igem.org/mediawiki/2012/5/55/Content_bg.jpg');
   background-color: white;
   background-repeat: no-repeat;
   border-bottom-right-radius: 5px;
   border-bottom-left-radius: 5px;
   text-align: justify;

}

  1. footer {
   width: 990px;
   background-color: white;
   padding-top: 0.2em;
   margin-top: 2px;
   margin-right: auto;
   margin-left: auto;
   border-radius: 5px;
   clear: both;

}

  1. footer img {
   margin-top: 0px;
   margin-left: 2em;
   margin-bottom: 2em;

}

  1. footer h1 {
   margin-left: 1.5em;

}

.column {

   position: relative;

}

  1. col1 {
   width: 36%;
   right: 10px;
   float: left;

}

  1. col1 .inner_column {
   border-top-right-radius: 25px;

}

  1. col2 {
   width: 36%;
   margin-left: 35%;
   z-index: 3

}

  1. col3 {
   width: 30%;
   margin-top: 5em;
   left: 10px;
   float: right;
   z-index: 5;
   padding-bottom: 2em;

}

.inner_column {

   position: relative;
   padding: 2em;
   border-radius: 5px;
   background-color: white;
   z-index: 1;

}

div.column h2 {

   font-variant: small-caps;
   font-size: 1.3em;
   font-style: normal;
   padding-bottom: 0.8em;
   border-bottom: 1px dotted;
   margin-top: 0px;

}

  1. content h1 {
   position: relative;
   top: 25px;
   right: 10px;
   height: 2.6em;
   color: white;
   background-image: url('https://static.igem.org/mediawiki/2012/5/53/Blue_bg.png');
   background-repeat: no-repeat;
   padding-top: 0.7em;
   padding-left: 1em;
   margin: 0px;

}

.shadow:before, .shadow:after {

 box-shadow: -10px 0px 10px rgba(0, 0, 0, 0.7);
 -webkit-transform: rotate(-3deg);
 -moz-transform: rotate(-3deg);
 -o-transform: rotate(-3deg);
 position: absolute;
 left: 10px;
 top: 7em;
 width: 50%;
 height: 60%;
 content: "";

}

.shadow:after {

   -webkit-transform: rotate(3deg);
 -moz-transform: rotate(3deg);
 -o-transform: rotate(3deg);
 box-shadow: 10px 0px 10px rgba(0, 0, 0, 0.7);
 left: 46%;

}

  1. content h1.red {
  background-image: url('https://static.igem.org/mediawiki/2012/a/a6/Red_bg.png');

}

  1. content h1.green {
  background-image: url('https://static.igem.org/mediawiki/2012/f/fe/Green_bg.png');

}

a.button {

   border-radius: 5px;
   padding: 0.5em;
   color: white;
   text-decoration: none;
   background-color: green;

}