Team:Paris Bettencourt/Templates/css/default

From 2011.igem.org

(Difference between revisions)
(Undo revision 32252 by BaptisteCouly (talk))
Line 1: Line 1:
-
*{
 
-
padding: 0px;
 
-
margin: 0px;
 
-
}
 
-
 
body
body
{
{
-
background: #F9F9F7 url('https://static.igem.org/mediawiki/2011/c/c9/Igem_jhu_a1.gif') repeat-x;
+
font: 11px verdana, sans-serif;/* taille, classe de police */
-
font-size: 11px;
+
/couleur du bg */
-
font-family: "trebuchet ms", helvetica, sans-serif;
+
margin: 0;/* marges */
-
color: #EEEEEE;
+
padding: 0;/* espace entre les caractËres*/
-
line-height: 18px;
+
}
}
-
 
+
#main
-
a
+
{
{
-
color: #FF7800;
+
width: 800px;
 +
height: 900px;
 +
background: #93B29B;/* un fond vert tout moche */
 +
text-align: center;
 +
position:absolute;
 +
left:50%;
 +
margin-left:-400px;
}
}
-
 
+
#banner
-
a:hover
+
{
{
-
text-decoration: none;
+
width:800px;
 +
text-align:center;
 +
left:50%;
 +
margin-left:-400px;
 +
position:relative;
 +
height:152px;
 +
background: #286639;/* couleur de fond du titre*/
}
}
-
 
+
#imgbanner
-
sup
+
{
{
-
font-size: 0.5em;
+
position:relative;
 +
width:800;
 +
height:124;
 +
text-align:center;
 +
left:50%;
 +
margin-left:-400px;
 +
top:0;
}
}
-
 
-
 
-
p
 
-
{
 
-
margin-bottom: 14px;
 
-
text-align: justify;
 
-
color: red;
 
-
}
 
-
 
-
img.picA
 
-
{
 
-
position: relative;
 
-
top: -2px;
 
-
background: url('images/a47.gif') no-repeat;
 
-
width: 76px;
 
-
height: 74px;
 
-
padding: 8px;
 
-
}
 
-
 
-
img.picB
 
-
{
 
-
position: relative;
 
-
top: -2px;
 
-
background: url('images/a26.gif') no-repeat;
 
-
width: 146px;
 
-
height: 75px;
 
-
padding: 7px;
 
-
}
 
-
 
-
img.floatleft
 
-
{
 
-
float: left;
 
-
margin: 0px 14px 3px 0px;
 
-
}
 
-
 
-
 
-
ul.linklist
 
-
{
 
-
list-style: none;
 
-
}
 
-
 
-
ul.linklist li
 
-
{
 
-
border-top: solid 1px #EEEEEE;
 
-
padding-top: 5px;
 
-
margin: 5px 0px 0px 0px;
 
-
}
 
-
 
-
ul.linklist li.first
 
-
{
 
-
border-top: 0px;
 
-
margin-top: 0px;
 
-
padding-top: 0px;
 
-
}
 
-
 
-
#upbg
 
-
{
 
-
position: absolute;
 
-
top: 0px;
 
-
left: 0px;
 
-
background: #fff no-repeat;
 
-
width: 965px;
 
-
height: 264px;
 
-
z-index: 1;
 
-
}
 
-
 
-
#outer
 
-
{
 
-
position: relative;
 
-
width: 100%;
 
-
margin: 0 auto;
 
-
background: #fff repeat-y;
 
-
}
 
-
 
-
#inner
 
-
{
 
-
position: relative;
 
-
padding: 13px 30px 13px 30px;
 
-
z-index: 2;
 
-
}
 
-
 
-
#header
 
-
{
 
-
position: absolute;
 
-
 
-
width: 25%;
 
-
height: 92px;
 
-
color: #fff;
 
-
padding-left: 20px;
 
-
 
-
background: #f6e6b4; /* Old browsers */
 
-
background: -moz-linear-gradient(top, #eeeeee 0%, #ed9017 100%); /* FF3.6+ */
 
-
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6e6b4), color-stop(100%,#ed9017)); /* Chrome,Safari4+ */
 
-
background: -webkit-linear-gradient(top, #feeeeee 0%,#ed9017 100%); /* Chrome10+,Safari5.1+ */
 
-
background: -o-linear-gradient(top, #eeeeee 0%,#ed9017 100%); /* Opera11.10+ */
 
-
background: -ms-linear-gradient(top, #eeeeee 0%,#ed9017 100%); /* IE10+ */
 
-
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e6b4', endColorstr='#ed9017',GradientType=0 ); /* IE6-9 */
 
-
background: linear-gradient(top, #f6e6b4 0%,#ed9017 100%); /* W3C */
 
-
}
 
-
 
-
#header span
 
-
{
 
-
font-weight: normal;
 
-
}
 
-
 
-
#header h1
 
-
{
 
-
position: absolute;
 
-
font-size: 23px;
 
-
letter-spacing: 5px;
 
-
font-weight: bold;
 
-
height: 80px;
 
-
border: none;
 
-
padding-top: 1.3em;
 
-
}
 
-
 
-
#header h2
 
-
{
 
-
position: absolute;
 
-
font-size: 10px;
 
-
font-weight: normal;
 
-
color: #FFFFFF;
 
-
top: 51px;
 
-
border: none;
 
-
}
 
-
 
-
#header sup
 
-
{
 
-
color: #FCE2CA;
 
-
}
 
-
 
-
#splash
 
-
{
 
-
position: absolute;
 
-
right: 30px;
 
-
background: #EAEAE2 url('https://static.igem.org/mediawiki/2011/4/4f/Jhu_splash.jpg') no-repeat;
 
-
width: 66%;
 
-
height: 92px;
 
-
}
 
-
 
#menu
#menu
{
{
-
position: relative;
+
text-align:center;
-
background: #EEEEEE url('https://static.igem.org/mediawiki/2011/f/f4/Igem_jhu_a16.gif') repeat-x;
+
position:relative;
-
height: 67px;
+
width:800px;
-
padding: 0px 20px 0px 5px;
+
left:50%;
-
margin: 98px 0px 20px 0px;
+
margin-left:-400px;
}
}
-
 
+
#maincontainer
-
#menu ul
+
{
{
 +
position:relative;
 +
text-align:center;
 +
width:1024;
 +
/*background: #FF0000;*//* conteneur du texte */
 +
left:50%;
 +
margin-left:-512px;
}
}
-
 
+
#menu_core/* la liste principale */
-
#menu ul li
+
{
{
-
display: inline;
+
list-style-type: none;
-
line-height: 52px;
+
margin: 0px 4px;
-
padding-left: 3px;
+
padding: 0;
 +
border: 0;
 +
text-align:center;
}
}
-
 
+
#menu_core li /* les menu principaux */
-
#menu ul li.first
+
{
{
-
border-left: 0px;
+
float: left;
 +
width: 88px;
 +
margin: 0;
 +
padding: 0;
 +
border: 0;
}
}
-
 
+
#menu_core li ul /* les sous menu */
-
#menu ul li a
+
{
{
-
background-color: transparent;
+
list-style-type: none;
-
background-repeat: repeat-x;
+
margin: 0;
-
padding: 8px 12px 8px 12px;
+
padding: 0;
-
font-size: 12px;
+
border: 0;
-
color: #fff;
+
display: none; /* par dÈfaut on ne les affichent pas */
-
font-weight: bold;
+
position:absolute;
}
}
-
#menu ul li a:hover
 
-
{
 
-
background: #fff url('images/a18.gif') repeat-x top;
 
-
color: #4A4A24;
 
-
text-decoration: none;
 
-
}
 
-
#date
+
#menu_core li a:link, #menu_core li a:visited /* couleur des liens */
{
{
-
position: absolute;
+
display: block;
-
top: 0px;
+
height: 20px;
-
line-height: 52px;
+
color: #FFF;/* couleur desmenu principaux*/
-
color: #BDBDA2;
+
background: #286639;/* couleur du menu */
-
right: 30px;
+
margin: 0;
-
font-weight: bold;
+
padding: 4px 8px;
-
font-size: 12px;
+
text-decoration: none;
-
letter-spacing: -1px;
+
}
}
-
 
+
#menu_core li a:hover { background-color: #85D28D; }/* couleur du menu au passage*/
-
#secondarycontent
+
#menu_core li a:active { background-color: #00B876; }/* couleur du menu actif*/
-
{
+
#menu_core li:hover ul{/*apparition des sous-menus */
-
position: relative;
+
display:block;
-
width: 25%;
+
-
float: right;
+
}
}
-
 
+
#menu_core li:hover ul li{/*apparition des sous-menus */
-
#secondarycontent h3
+
float:none;
-
{
+
-
position: relative;
+
-
top: 4px;
+
-
font-size: 16px;
+
-
line-height: 25px;
+
-
color: #656551;
+
-
letter-spacing: -1px;
+
-
background: url('https://static.igem.org/mediawiki/2011/0/08/Igem_jhu_a22.gif') bottom repeat-x;
+
-
padding: 0px 0px 10px 10px;
+
-
margin-bottom: 20px;
+
}
}
-
 
+
#menu_core li .sous_menu li a:link,
-
#secondarycontent .content
+
#menu_core li .sous_menu li a:visited
{
{
-
padding: 0px 10px 0px 10px;
+
display: block;
-
margin-bottom: 20px;
+
color: #FFF;/* texte du sous menu */
 +
margin: 0;
 +
border: 0;
 +
text-decoration: none;
 +
background: #85D28D;/* couleur du sous-menu */
}
}
-
#primarycontent
+
#menu_core li .sous_menu li /* les ÈlÈments des sous-menu */
{
{
-
position: relative;
+
margin: 0;
-
width: 73%;
+
padding: 0;
-
float: left;
+
border: 0;
-
}
+
width: 149px;
-
 
+
border-top: 1px solid;
-
#primarycontent h3
+
border-right: 1px solid;
-
{
+
-
position: relative;
+
-
top: 4px;
+
-
font-size: 18px;
+
-
line-height: 25px;
+
-
color: #656551;
+
-
letter-spacing: -1px;
+
-
background: url('images/a22.gif') bottom repeat-x;
+
-
padding: 0px 0px 10px 15px;
+
-
margin-bottom: 20px;
+
-
}
+
-
 
+
-
#primarycontent .content
+
-
{
+
-
padding: 0px 15px 0px 15px;
+
-
margin-bottom: 20px;
+
-
}
+
-
 
+
-
#primarycontent .post
+
-
{
+
-
margin-bottom: 30px;
+
-
border-top: 1px solid #ebebe9;
+
-
border-left: 1px solid #ebebe9;
+
-
border-right: 1px solid #ebebe9;
+
-
}
+
-
 
+
-
#primarycontent .post .header
+
-
{
+
-
position: relative;
+
-
}
+
-
 
+
-
#primarycontent .post .header:before
+
-
{
+
-
content:≡;
+
-
}
+
-
 
+
-
#primarycontent .post .date
+
-
{
+
-
position: absolute;
+
-
right: 15px;
+
-
top: 0px;
+
-
line-height: 35px;
+
-
color: #AFAFA4;
+
-
font-weight: bold;
+
-
}
+
-
 
+
-
#primarycontent .post .content
+
-
{
+
-
margin-bottom: 0px;
+
-
}
+
-
 
+
-
#primarycontent .post .footer
+
-
{
+
-
position: relative;
+
-
top: 0px;
+
-
background: url('https://static.igem.org/mediawiki/2011/9/94/Igem_jhu_a33.gif') repeat-x;
+
-
height: 64px;
+
-
}
+
-
 
+
-
#primarycontent .post .footer ul
+
-
{
+
-
list-style: none;
+
-
position: absolute;
+
-
right: 15px;
+
-
bottom: 15px;
+
-
}
+
-
 
+
-
#primarycontent .post .footer ul li
+
-
{
+
-
display: inline;
+
-
line-height: 14px;
+
-
padding-left: 17px;
+
-
margin-left: 25px;
+
-
background-repeat: no-repeat;
+
-
background-position: 0px 2px;
+
-
}
+
-
 
+
-
#primarycontent .post .footer ul li.printerfriendly
+
-
{
+
-
background-image: url('images/a41.gif');
+
-
}
+
-
 
+
-
#primarycontent .post .footer ul li.comments
+
-
{
+
-
background-image: url('images/a36.gif');
+
-
}
+
-
 
+
-
#primarycontent .post .footer ul li.readmore
+
-
{
+
-
background-image: url('images/a38.gif');
+
-
}
+
-
 
+
-
#footer
+
-
{
+
-
position: relative;
+
-
clear: both;
+
-
height: 66px;
+
-
text-align: center;
+
-
line-height: 66px;
+
-
background-image: url('images/a50.gif');
+
-
color: #A8A88D;
+
-
}
+
-
 
+
-
#footer a
+
-
{
+
-
color: #8C8C73;
+
-
}
+
-
 
+
-
 
+
-
/* WIKI HACKS */
+
-
 
+
-
.firstHeading {
+
-
  display:none;
+
-
}
+
-
 
+
-
#globalWrapper {
+
-
    background-color: transparent;
+
-
    padding-bottom:0px;
+
-
    border: none;
+
-
}
+
-
 
+
-
#content {
+
-
    background-color: white;
+
-
    border:none;
+
-
    padding-bottom:none;
+
-
    margin-bottom:none;
+
-
    border: 1px solid #efefef;
+
-
}
+
-
 
+
-
#bodyContent {
+
-
    border: none;
+
-
}
+
-
 
+
-
#top-section {
+
-
    height: 0px;
+
-
    margin-top: 0 px;
+
-
    margin-left: auto;
+
-
    margin-right: auto;
+
-
    margin-bottom: 0 !important;
+
-
  /* margin-bottom: 10px; */
+
-
    padding:0;
+
-
    border: none;
+
-
    display: display;
+
-
}
+
-
 
+
-
#p-logo {
+
-
    height: 203px;
+
-
    overflow:hidden;
+
-
    border:none;
+
-
    display: none;
+
-
}
+
-
 
+
-
#p-logo img {
+
-
    display: none;
+
-
}
+
-
 
+
-
#footer-box{
+
-
  display: none;
+
-
}
+
-
 
+
-
#catlinks{
+
-
  display: none;
+
-
}
+
-
 
+
-
#search-controls {
+
-
    overflow:hidden;
+
-
    display:none;
+
-
    background: none;
+
-
    position: absolute;
+
-
    top: 100px;
+
-
    right: 40px;
+
-
}
+
-
 
+
-
.right-menu li a:link{
+
-
  padding-top: 10px;
+
-
  background:transparent;
+
-
  text-decoration: none;
+
-
  color: #000;
+
-
}
+
-
 
+
-
.right-menu li a:hover{
+
-
  padding-top: 10px;
+
-
  background:transparent;
+
-
  text-decoration: underline;
+
-
  color: #000;
+
-
}
+
-
 
+
-
.right-menu li a:visited{
+
-
  padding-top: 10px;
+
-
  background:transparent;
+
-
  text-decoration: none;
+
-
  color: #000;
+
-
}
+
-
 
+
-
.mw-headline{
+
-
position: relative;
+
-
top: 4px;
+
-
font-size: 18px;
+
-
line-height: 25px;
+
-
color: #656551;
+
-
letter-spacing: -1px;
+
-
 
+
-
padding: 0px 0px 10px 15px;
+
-
margin-bottom: 20px;
+
-
}
+
-
 
+
-
.mw-headline :before{
+
-
content: '=';
+
-
}
+
-
 
+
-
/* Image Rotator CSS */
+
-
/* The Nivo Slider styles */
+
-
.nivoSlider {
+
-
position:relative;
+
-
}
+
-
.nivoSlider img {
+
-
position:absolute;
+
-
top:0px;
+
-
left:0px;
+
-
}
+
-
/* If an image is wrapped in a link */
+
-
.nivoSlider a.nivo-imageLink {
+
-
position:absolute;
+
-
top:0px;
+
-
left:0px;
+
-
width:100%;
+
-
height:100%;
+
-
border:0;
+
-
padding:0;
+
-
margin:0;
+
-
z-index:6;
+
-
display:none;
+
-
}
+
-
/* The slices and boxes in the Slider */
+
-
.nivo-slice {
+
-
display:block;
+
-
position:absolute;
+
-
z-index:5;
+
-
height:100%;
+
-
}
+
-
.nivo-box {
+
-
display:block;
+
-
position:absolute;
+
-
z-index:5;
+
-
}
+
-
/* Caption styles */
+
-
.nivo-caption {
+
-
position:absolute;
+
-
left:0px;
+
-
bottom:0px;
+
-
background:#000;
+
-
color:#fff;
+
-
opacity:0.8; /* Overridden by captionOpacity setting */
+
-
width:100%;
+
-
z-index:8;
+
-
}
+
-
.nivo-caption p {
+
-
padding:5px;
+
-
margin:0;
+
-
}
+
-
.nivo-caption a {
+
-
display:inline !important;
+
-
}
+
-
.nivo-html-caption {
+
-
    display:none;
+
-
}
+
-
/* Direction nav styles (e.g. Next & Prev) */
+
-
.nivo-directionNav a {
+
-
position:absolute;
+
-
top:45%;
+
-
z-index:9;
+
-
cursor:pointer;
+
-
}
+
-
.nivo-prevNav {
+
-
left:0px;
+
-
}
+
-
.nivo-nextNav {
+
-
right:0px;
+
-
}
+
-
/* Control nav styles (e.g. 1,2,3...) */
+
-
.nivo-controlNav a {
+
-
position:relative;
+
-
z-index:9;
+
-
cursor:pointer;
+
}
}
-
.nivo-controlNav a.active {
+
#menu_core li .sous_menu li:hover{ /* maintient des sous menu actifs */
-
font-weight:bold;
+
display:block;
 +
background-color: #F2462E;/* couleur du sous menu au survoul*/
}
}

Revision as of 13:25, 13 July 2011

body {

font: 11px verdana, sans-serif;/* taille, classe de police */
/couleur du bg */ 
margin: 0;/* marges */
padding: 0;/* espace entre les caractËres*/

}

  1. main

{ width: 800px; height: 900px; background: #93B29B;/* un fond vert tout moche */ text-align: center; position:absolute; left:50%; margin-left:-400px; }

  1. banner

{ width:800px; text-align:center; left:50%; margin-left:-400px; position:relative; height:152px; background: #286639;/* couleur de fond du titre*/ }

  1. imgbanner

{ position:relative; width:800; height:124; text-align:center; left:50%; margin-left:-400px; top:0; }

  1. menu

{ text-align:center; position:relative; width:800px; left:50%; margin-left:-400px; }

  1. maincontainer

{ position:relative; text-align:center; width:1024; /*background: #FF0000;*//* conteneur du texte */ left:50%; margin-left:-512px; }

  1. menu_core/* la liste principale */

{

list-style-type: none;
margin: 0px 4px;
padding: 0;
border: 0;
text-align:center;

}

  1. menu_core li /* les menu principaux */

{

float: left;
width: 88px;
margin: 0;
padding: 0;
border: 0;

}

  1. menu_core li ul /* les sous menu */

{

list-style-type: none;
margin: 0;
padding: 0;
border: 0;
display: none; /* par dÈfaut on ne les affichent pas */
position:absolute;

}


  1. menu_core li a:link, #menu_core li a:visited /* couleur des liens */

{

display: block;
height: 20px;
color: #FFF;/* couleur desmenu principaux*/
background: #286639;/* couleur du menu */
margin: 0;
padding: 4px 8px;
text-decoration: none;

}

  1. menu_core li a:hover { background-color: #85D28D; }/* couleur du menu au passage*/
  2. menu_core li a:active { background-color: #00B876; }/* couleur du menu actif*/
  3. menu_core li:hover ul{/*apparition des sous-menus */
display:block;

}

  1. menu_core li:hover ul li{/*apparition des sous-menus */
float:none;

}

  1. menu_core li .sous_menu li a:link,
  2. menu_core li .sous_menu li a:visited

{

display: block;
color: #FFF;/* texte du sous menu */
margin: 0;
border: 0;
text-decoration: none;
background: #85D28D;/* couleur du sous-menu */

}

  1. menu_core li .sous_menu li /* les ÈlÈments des sous-menu */

{

margin: 0;
padding: 0;
border: 0;
width: 149px;
border-top: 1px solid;
border-right: 1px solid;

}

  1. menu_core li .sous_menu li:hover{ /* maintient des sous menu actifs */
display:block;

background-color: #F2462E;/* couleur du sous menu au survoul*/ }