Team:EPF-Lausanne/Templates/thecss

From 2011.igem.org

(Difference between revisions)
 
(164 intermediate revisions not shown)
Line 1: Line 1:
-
.firstHeading {
+
/* -----------------------
-
display: none;
+
        BODY STYLE
 +
  ----------------------- */
 +
 
 +
h1 {
 +
      font-family: 'Raleway', sans;
 +
      font-weight: normal;
 +
      font-size: 22pt;
}
}
 +
 +
h2 {
 +
      font-family: 'Raleway', sans;
 +
      font-weight: normal;
 +
      font-size: 16pt;
 +
      clear: both; /* Place below any remaining floats */
 +
}
 +
 +
h3 {
 +
      font-family: 'Raleway', sans;
 +
      font-weight: normal;
 +
      clear: left; /* don't place a title to the right of a float */
 +
}
 +
 +
h4 {
 +
      font-family: 'Raleway', sans;
 +
      font-weight: normal;
 +
}
 +
 +
p {
 +
      /* font-size: 11pt; */
 +
      text-align: justify;
 +
      /* color: #FF3366; (fuchsia) */
 +
}
 +
 +
body {
 +
      background-image: url("https://static.igem.org/mediawiki/2011/c/c1/EPFL-background-plasmids.png");
 +
      font-family: Helvetica, Nimbus Sans L, Arial, sans-serif;
 +
      /* color: #FF3366; (fuchsia) */
 +
 +
}
 +
 +
#right a {
 +
      /* color: #006633; */
 +
}
 +
 +
hr {
 +
      width: 60%;
 +
      margin: auto;
 +
}
 +
 +
.backlink {
 +
      color: #808080
 +
}
 +
 +
ul {
 +
      list-style-type: disc;
 +
      list-style-image: none;
 +
}
 +
 +
/* -----------------------
 +
        TABLE STYLE
 +
      (in body text)
 +
  ----------------------- */
 +
 +
table.center {
 +
        margin: auto;
 +
}
 +
 +
table.left {
 +
        display: block;
 +
        float: left;
 +
}
 +
 +
table.right {
 +
        display: block;
 +
        float: right;
 +
}
 +
 +
#right table {
 +
        border-bottom: solid 1px black;
 +
        margin: auto;
 +
        border-spacing: 0;
 +
}
 +
 +
table#toc, table.toc { /* I still want the little "Table of Contents" to stay left */
 +
        margin: 1em;
 +
        border-bottom: 1px solid #AAA; /* undo harm done to TOC border */
 +
}
 +
 +
#right th {
 +
        border-top: solid 1px black;
 +
        border-bottom: solid 1px black;
 +
        font-weight: bold;
 +
        padding: 0.2em 1em;
 +
        margin: 0px;
 +
}
 +
 +
#right td {
 +
        padding: 0em 1em;
 +
        margin: 0px;
 +
}
 +
 +
#right caption {
 +
      font-style: italic;
 +
}
 +
 +
table.thankstable {
 +
      border-bottom: solid 0px black;
 +
}
 +
 +
.thankstable tr {
 +
      margin: 40px;
 +
}
 +
 +
/* -----------------------
 +
        FRONT PAGE
 +
  ----------------------- */
 +
 +
#twitter-widget {
 +
        /* float: right; --- leaving this for the moment; let's fiddle later */
 +
}
 +
 +
.frontpagebox {
 +
        font-size: 110%;
 +
        margin-top: 20px;
 +
        -webkit-border-radius: 7px;
 +
        -moz-border-radius: 7px;
 +
}
 +
 +
.frontpagebox ol {
 +
        align: justify;
 +
}
 +
 +
.frontpagebox a {
 +
        color: #006633;
 +
}
 +
 +
.odd {
 +
        padding: 20px;
 +
        width: 95%;
 +
background-color: #e1f6c9;
 +
}
 +
 +
.even {
 +
        padding: 20px;
 +
        width: 95%;
 +
background-color: #eeeeee;
 +
}
 +
 +
.frontpagebox h2 {
 +
        font-family: Helvetica, Nimbus Sans L, Arial, sans-serif;
 +
        text-weight: bold;
 +
        border-bottom: 0px;
 +
       
 +
}
 +
 +
/* -----------------------
 +
        SPECIFICS
 +
  ----------------------- */
 +
 +
/* Add some spacing between the pictures of sponsors */
 +
span.sponsorpics img {
 +
        margin: 10px;
 +
}
 +
 +
#picasaStream img {
 +
        border: 1px solid #000; margin: 0 5px 5px 0;
 +
}
 +
 +
 +
/* -----------------------
 +
        MENU STYLE
 +
  ----------------------- */
#left {
#left {
float:left;
float:left;
width:200px;
width:200px;
 +
        margin-right: 20px;
padding:10px;
padding:10px;
-
background-color:#ddd;
+
/* background-color:#ddd; */
border-top:solid 5px #fff;
border-top:solid 5px #fff;
 +
        border-right: solid 0.5px #fff;
}
}
Line 23: Line 195:
padding-bottom:0px;
padding-bottom:0px;
padding:none;
padding:none;
-
font-family:verdana, Nobile;
+
/* font-family:verdana, Nobile; */
}
}
#left ul.llmenu li{
#left ul.llmenu li{
Line 69: Line 241:
#left a.hello{
#left a.hello{
display:inline;
display:inline;
 +
}
 +
 +
#right {
 +
        display: block;
 +
        float: right;
 +
        width: 700px;
 +
        margin-right: 20px;
}
}
Line 76: Line 255:
/* Thanks guys - Bill Collins */
/* Thanks guys - Bill Collins */
/* +1 - Douglas Watson */
/* +1 - Douglas Watson */
 +
 +
.firstHeading {
 +
display: none;
 +
}
#globalWrapper {
#globalWrapper {
Line 95: Line 278:
#top-section {
#top-section {
-
     height: 14px;
+
     height: 203px;
-
     margin-top: -14px;
+
     margin-top: 0 px;
     margin-left: auto;
     margin-left: auto;
     margin-right: auto;
     margin-right: auto;
     margin-bottom: 0 !important;
     margin-bottom: 0 !important;
-
    margin-bottom: 10px;
+
  /* margin-bottom: 10px; */
     padding:0;
     padding:0;
     border: none;
     border: none;
 +
    background-image: url("https://static.igem.org/mediawiki/2011/e/e5/EPFL-2011-banner.png");
}
}
-
/* #p-logo {
+
#p-logo {
-
     height:1px;
+
     height: 203px;
     overflow:hidden;
     overflow:hidden;
     border:none;
     border:none;
 +
    display: none;
 +
}
 +
 +
#p-logo img {
 +
    display: none;
}
}
Line 118: Line 307:
     top: 100px;
     top: 100px;
     right: 40px;
     right: 40px;
-
}          
+
}        
.left-menu {  
.left-menu {  
-
width: 400px;  
+
width: 410px;  
display: block;  
display: block;  
 +
        margin-top: 5px;
float: left;  
float: left;  
-
margin-top: -62px;
 
margin-right: 30px;  
margin-right: 30px;  
-
border: none
+
border: none
left: 20px;
left: 20px;
}
}
-
.left-menu ul { border: none; }
+
.left-menu ul {  
 +
    border: none;  
 +
    height: 100%
 +
}
 +
 
 +
.left-menu ul {
 +
    line-height: 2em;
 +
}
 +
 
#menubar.right-menu {
#menubar.right-menu {
     width:300px;
     width:300px;
 +
    height: 100%;
     display:block;
     display:block;
     float:left;
     float:left;
-
     margin-top:-62px;
+
     margin-top: 5px;
     padding-left:50px;
     padding-left:50px;
     border: none;
     border: none;
Line 143: Line 341:
.right-menu ul {  
.right-menu ul {  
-
border: none;
+
    border: none;
 +
}
 +
 
 +
.right-menu a {
 +
    background-color: transparent;
}
}
#menubar li a{
#menubar li a{
-
     color:#73a631;
+
     color: white;
 +
    background-color: transparent;
}
}
Line 157: Line 360:
#menubar li.selected a {
#menubar li.selected a {
     color:#555555;
     color:#555555;
 +
}
 +
 +
#catlinks {
 +
    display: none;
}
}
Line 175: Line 382:
     padding: 0;
     padding: 0;
     background-color:white;
     background-color:white;
-
}
 
-
 
-
.firstHeading {
 
-
display: none;
 
}
}
Line 201: Line 404:
     margin-right: 10px;
     margin-right: 10px;
     padding: 0;
     padding: 0;
-
} */
+
}
/* Wiki Hacks - END */
/* Wiki Hacks - END */

Latest revision as of 13:03, 23 October 2011

/* -----------------------

        BODY STYLE
  ----------------------- */

h1 {

      font-family: 'Raleway', sans;
      font-weight: normal;
      font-size: 22pt;

}

h2 {

      font-family: 'Raleway', sans;
      font-weight: normal;
      font-size: 16pt;
      clear: both; /* Place below any remaining floats */

}

h3 {

      font-family: 'Raleway', sans;
      font-weight: normal;
      clear: left; /* don't place a title to the right of a float */

}

h4 {

      font-family: 'Raleway', sans;
      font-weight: normal;

}

p {

      /* font-size: 11pt; */
      text-align: justify;
     /* color: #FF3366; (fuchsia) */

}

body {

      background-image: url("EPFL-background-plasmids.png");
      font-family: Helvetica, Nimbus Sans L, Arial, sans-serif;
     /* color: #FF3366; (fuchsia) */

}

  1. right a {
     /* color: #006633; */

}

hr {

      width: 60%;
      margin: auto;

}

.backlink {

      color: #808080

}

ul {

      list-style-type: disc;
      list-style-image: none;

}

/* -----------------------

        TABLE STYLE 
      (in body text)
  ----------------------- */

table.center {

       margin: auto;

}

table.left {

       display: block;
       float: left;

}

table.right {

       display: block;
       float: right;

}

  1. right table {
       border-bottom: solid 1px black;
       margin: auto;
       border-spacing: 0;

}

table#toc, table.toc { /* I still want the little "Table of Contents" to stay left */

       margin: 1em;
       border-bottom: 1px solid #AAA; /* undo harm done to TOC border */

}

  1. right th {
       border-top: solid 1px black;
       border-bottom: solid 1px black;
       font-weight: bold;
       padding: 0.2em 1em;
       margin: 0px;

}

  1. right td {
       padding: 0em 1em;
       margin: 0px;

}

  1. right caption {
      font-style: italic;

}

table.thankstable {

      border-bottom: solid 0px black;

}

.thankstable tr {

      margin: 40px;

}

/* -----------------------

        FRONT PAGE
  ----------------------- */
  1. twitter-widget {
       /* float: right; --- leaving this for the moment; let's fiddle later */

}

.frontpagebox {

       font-size: 110%;
       margin-top: 20px;
       -webkit-border-radius: 7px;
       -moz-border-radius: 7px;

}

.frontpagebox ol {

       align: justify;

}

.frontpagebox a {

       color: #006633;

}

.odd {

       padding: 20px;
       width: 95%;

background-color: #e1f6c9; }

.even {

       padding: 20px;
       width: 95%;

background-color: #eeeeee; }

.frontpagebox h2 {

       font-family: Helvetica, Nimbus Sans L, Arial, sans-serif;
       text-weight: bold;
       border-bottom: 0px;
       

}

/* -----------------------

        SPECIFICS
  ----------------------- */

/* Add some spacing between the pictures of sponsors */ span.sponsorpics img {

       margin: 10px;

}

  1. picasaStream img {
       border: 1px solid #000; margin: 0 5px 5px 0;

}


/* -----------------------

        MENU STYLE
  ----------------------- */
  1. left {

float:left; width:200px;

       margin-right: 20px;

padding:10px; /* background-color:#ddd; */ border-top:solid 5px #fff;

       border-right: solid 0.5px #fff;

}

  1. left ul{

list-style:none; overflow:hidden; padding-left:0px; margin-left:10px; }

  1. left ul li{

margin-bottom:8px; position:relative; padding-top:4px; padding-bottom:0px; padding:none; /* font-family:verdana, Nobile; */ }

  1. left ul.llmenu li{

padding-left:10px; }

  1. left ul li.backLava{

background-color:#eeeeee; border-left:solid; border-color:#96d446; border-width:5px; height:23px; }

  1. left ul.llmenugreen li{

border-color:#96d446; }

  1. left ul.llmenublue li{

border-color:#386abc; }

  1. left ul.llmenured li{

border-color:#fb5c2b; }

  1. left ul.llmenuyellow li{

border-color:#fad72a; }

  1. left a{

color:#555; font-size:15px; font-weight:bold; text-decoration:none; outline:none; display:block; width:200px; }

  1. left a:hover {

color:#181818; }


  1. left a.hello{

display:inline; }

  1. right {
       display: block;
       float: right;
       width: 700px;
       margin-right: 20px;

}

/* Wiki Hacks - START */ /* Author: Pieter van Boheemen */ /* Team: TU Delft */ /* Thanks guys - Bill Collins */ /* +1 - Douglas Watson */

.firstHeading { display: none; }

  1. globalWrapper {
   background-color: transparent;
   padding-bottom:0px;
   border: none;

}

  1. content {
   background-color: white;
   border:none;
   padding-bottom:none;
   margin-bottom:none;

}

  1. bodyContent {
   border: none;

}

  1. top-section {
   height: 203px;
   margin-top: 0 px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 0 !important;
  /* margin-bottom: 10px; */
   padding:0;
   border: none;
   background-image: url("EPFL-2011-banner.png");

}

  1. p-logo {
   height: 203px;
   overflow:hidden;
   border:none;
   display: none;

}

  1. p-logo img {
   display: none;

}

  1. search-controls {
   overflow:hidden;
   display:none;
   background: none;
   position: absolute;
   top: 100px;
   right: 40px;

}

.left-menu { width: 410px; display: block;

       margin-top: 5px;

float: left; margin-right: 30px; border: none left: 20px; }

.left-menu ul {

    border: none; 
    height: 100%

}

.left-menu ul {

    line-height: 2em;

}


  1. menubar.right-menu {
   width:300px;
   height: 100%;
   display:block;
   float:left;
   margin-top: 5px;
   padding-left:50px;
   border: none;
   right:50px;

}

.right-menu ul {

   border: none;

}

.right-menu a {

   background-color: transparent;

}

  1. menubar li a{
   color: white;
   background-color: transparent;

}

  1. menubar li a:hover {
   color:#73a631;
   text-decoration:underline;

}

  1. menubar li.selected a {
   color:#555555;

}

  1. catlinks {
   display: none;

}

  1. footer-box {
   background-color: white;
   border: none;
   width: 965px;
   margin: 0 auto;
   margin-bottom:none;
   padding-left:5px;
   padding-right:5px;

}

  1. footer {
   border: none;
   width: 965px;
   margin: 0;
   padding: 0;
   background-color:white;

}

  1. f-list a {
   color: #333;
   font-size: 10px;

}

  1. f-list a:hover {
   color: #666;

}

  1. footer ul {
   margin: 0;
   padding: 0;

}

  1. footer ul li {
   margin-top: 0;
   margin-bottom: 0;
   margin-left: 10px;
   margin-right: 10px;
   padding: 0;

}

/* Wiki Hacks - END */