Team:EPF-Lausanne/Templates/thecss

From 2011.igem.org

(Difference between revisions)
 
(32 intermediate revisions not shown)
Line 13: Line 13:
       font-weight: normal;
       font-weight: normal;
       font-size: 16pt;
       font-size: 16pt;
 +
      clear: both; /* Place below any remaining floats */
}
}
Line 18: Line 19:
       font-family: 'Raleway', sans;
       font-family: 'Raleway', sans;
       font-weight: normal;
       font-weight: normal;
 +
      clear: left; /* don't place a title to the right of a float */
}
}
Line 33: Line 35:
body {
body {
       background-image: url("https://static.igem.org/mediawiki/2011/c/c1/EPFL-background-plasmids.png");
       background-image: url("https://static.igem.org/mediawiki/2011/c/c1/EPFL-background-plasmids.png");
-
       font-family: /*Comic Sans MS, */ Helvetica, Arial, sans-serif;
+
       font-family: Helvetica, Nimbus Sans L, Arial, sans-serif;
       /* color: #FF3366; (fuchsia) */
       /* color: #FF3366; (fuchsia) */
 +
}
 +
 +
#right a {
 +
      /* color: #006633; */
}
}
Line 79: Line 85:
table#toc, table.toc { /* I still want the little "Table of Contents" to stay left */
table#toc, table.toc { /* I still want the little "Table of Contents" to stay left */
         margin: 1em;
         margin: 1em;
 +
        border-bottom: 1px solid #AAA; /* undo harm done to TOC border */
}
}
Line 96: Line 103:
#right caption {
#right caption {
       font-style: italic;
       font-style: italic;
 +
}
 +
 +
table.thankstable {
 +
      border-bottom: solid 0px black;
 +
}
 +
 +
.thankstable tr {
 +
      margin: 40px;
}
}
Line 104: Line 119:
#twitter-widget {
#twitter-widget {
         /* float: right; --- leaving this for the moment; let's fiddle later */
         /* 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;
 +
       
}
}
Line 111: Line 160:
/* Add some spacing between the pictures of sponsors */
/* Add some spacing between the pictures of sponsors */
 +
span.sponsorpics img {
 +
        margin: 10px;
 +
}
-
.sponsorpics img {
+
#picasaStream img {
-
         display: inline;
+
         border: 1px solid #000; margin: 0 5px 5px 0;
-
        margin: 50px;
+
}
}
 +
/* -----------------------
/* -----------------------
Line 258: Line 310:
.left-menu {  
.left-menu {  
-
width: 400px;  
+
width: 410px;  
display: block;  
display: block;  
         margin-top: 5px;
         margin-top: 5px;

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 */