Team:EPF-Lausanne/Templates/thecss

From 2011.igem.org

(Difference between revisions)
Line 69: Line 69:
         display: block;
         display: block;
         float: right;
         float: right;
 +
}
 +
 +
#right table {
 +
        border-bottom: solid 1px black;
}
}

Revision as of 07:21, 27 July 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;

}

h3 {

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

}

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: /*Comic Sans MS, */ Helvetica, Arial, sans-serif;
     /* color: #FF3366; (fuchsia) */

}

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;

}

th {

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

}

td {

       padding: 0em 1em;
       margin: 0px;

}

caption {

      font-style: italic;

}

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

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

}

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

        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: 400px; 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 */