Team:EPF-Lausanne/Templates/thecss

From 2011.igem.org

(Difference between revisions)
 
(128 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: 2em;
+
     height: 203px;
     margin-top: 0 px;
     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: none;
+
     background-image: url("https://static.igem.org/mediawiki/2011/e/e5/EPFL-2011-banner.png");
-
    background-color: black;
+
}
}
#p-logo {
#p-logo {
-
     height:1px;
+
     height: 203px;
     overflow:hidden;
     overflow:hidden;
     border:none;
     border:none;
     display: none;
     display: none;
-
    background-color: black;
 
}
}
Line 126: Line 307:
     top: 100px;
     top: 100px;
     right: 40px;
     right: 40px;
-
}
 
-
 
-
#menubar {
 
-
    height: 100%;
 
}         
}         
.left-menu {  
.left-menu {  
-
width: 400px;
+
width: 410px;  
-
        height: 100%;
+
display: block;  
display: block;  
 +
        margin-top: 5px;
float: left;  
float: left;  
margin-right: 30px;  
margin-right: 30px;  
-
border: none; 
+
border: none
left: 20px;
left: 20px;
}
}
Line 144: Line 321:
.left-menu ul {  
.left-menu ul {  
     border: none;  
     border: none;  
-
     margin: auto;
+
     height: 100%
-
    vertical-align: middle;
+
}
}
 +
.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;
Line 162: Line 342:
.right-menu ul {  
.right-menu ul {  
     border: none;
     border: none;
 +
}
 +
 +
.right-menu a {
 +
    background-color: transparent;
}
}
#menubar li a{
#menubar li a{
     color: white;
     color: white;
 +
    background-color: transparent;
}
}
Line 173: Line 358:
}
}
-
/* #menubar li.selected a {
+
#menubar li.selected a {
     color:#555555;
     color:#555555;
}
}
 +
#catlinks {
 +
    display: none;
 +
}
#footer-box {
#footer-box {
Line 194: Line 382:
     padding: 0;
     padding: 0;
     background-color:white;
     background-color:white;
-
}
 
-
 
-
.firstHeading {
 
-
display: none;
 
}
}
Line 220: 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 */

Retrieved from "http://2011.igem.org/Team:EPF-Lausanne/Templates/thecss"