Team:Evry/css v1
From 2012.igem.org
(146 intermediate revisions not shown) | |||
Line 3: | Line 3: | ||
width: auto; | width: auto; | ||
color: #333333; | color: #333333; | ||
- | background:#e9e4de; | + | /*background:#e9e4de;*/ |
+ | background-image:url(https://static.igem.org/mediawiki/2012/0/06/Embryos.png); | ||
+ | background-repeat:no-repeat | ||
margin:0px 0px 0px 0px; | margin:0px 0px 0px 0px; | ||
} | } | ||
Line 12: | Line 14: | ||
height: auto; | height: auto; | ||
margin-top: 0 px; | margin-top: 0 px; | ||
- | margin-left: | + | margin-left: auto; |
margin-right: auto; | margin-right: auto; | ||
margin-bottom: 0 !important; | margin-bottom: 0 !important; | ||
Line 31: | Line 33: | ||
#menubar | #menubar | ||
{ | { | ||
- | + | color:#000000; | |
} | } | ||
Line 45: | Line 47: | ||
{ | { | ||
background-color:transparent; | background-color:transparent; | ||
- | /*display:none;*/ | + | /*display:none;*/ |
} | } | ||
Line 54: | Line 56: | ||
text-decoration:none; | text-decoration:none; | ||
background-color:none; | background-color:none; | ||
+ | right: 15px; | ||
} | } | ||
Line 77: | Line 80: | ||
padding:none; | padding:none; | ||
margin:none; | margin:none; | ||
+ | line-height:1em; | ||
} | } | ||
Line 89: | Line 93: | ||
#bodyContent | #bodyContent | ||
{ | { | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
Line 102: | Line 100: | ||
width: 941px; | width: 941px; | ||
left: -1px; | left: -1px; | ||
- | margin-top: | + | margin-top:25px; |
margin-bottom:30px; | margin-bottom:30px; | ||
padding: 7px 15px 7px 15px; | padding: 7px 15px 7px 15px; | ||
background-color:#ffffff; | background-color:#ffffff; | ||
+ | -moz-border-radius-topright:15px; | ||
+ | -moz-border-radius-bottomright:15px; | ||
+ | -webkit-border-top-right-radius:15px; | ||
+ | -webkit-border-bottom-right-radius:15px; | ||
+ | border-top-right-radius:15px; | ||
+ | border-bottom-right-radius:15px; | ||
+ | border-radius: 15px; | ||
/*border: 1px solid black;*/ | /*border: 1px solid black;*/ | ||
} | } | ||
Line 122: | Line 127: | ||
} | } | ||
- | /* | + | /* ----------------End of the wiki hack -------------------------------------*/ |
- | + | /* position of the logo */ | |
- | #evry_logo | + | #evry_logo |
{ | { | ||
position:absolute; | position:absolute; | ||
- | top: | + | top:25px; |
- | left: | + | left: 35px; |
- | width: | + | width:200px; |
- | + | /*background-color:#FFA500;*/ | |
} | } | ||
- | /*#evry_banner{ | + | /* Position of the banner */ |
+ | #evry_banner{ | ||
position:absolute; | position:absolute; | ||
- | + | top:16px; | |
- | width: | + | width:720px; |
- | left: | + | left:230px; |
- | + | /*background-color:#800080;*/ | |
- | + | } | |
+ | |||
/*white font over the grey one on the top*/ | /*white font over the grey one on the top*/ | ||
#white_thingy | #white_thingy | ||
{ | { | ||
- | position: | + | position:relative; |
top:-20px; | top:-20px; | ||
- | + | height:200px; | |
- | height: | + | |
- | + | ||
background-color:#ffffff; | background-color:#ffffff; | ||
+ | -moz-border-radius-topright:15px; | ||
+ | -moz-border-radius-bottomright:15px; | ||
+ | -webkit-border-top-right-radius:15px; | ||
+ | -webkit-border-bottom-right-radius:15px; | ||
+ | border-top-right-radius:15px; | ||
+ | border-bottom-right-radius:15px; | ||
+ | border-radius: 15px; | ||
} | } | ||
Line 161: | Line 173: | ||
width:1280px; | width:1280px; | ||
background-color:transparent; | background-color:transparent; | ||
- | background-image:url(http://files.myopera.com/gokuss1234/albums/8827422/Opera-Background-Blue-Bubbles.png); | + | /*background-image:url(http://files.myopera.com/gokuss1234/albums/8827422/Opera-Background-Blue-Bubbles.png);*/ |
background-position:center; | background-position:center; | ||
background-repeat:no-repeat; | background-repeat:no-repeat; | ||
Line 176: | Line 188: | ||
width: 972px; | width: 972px; | ||
height: 100%; | height: 100%; | ||
- | |||
text-align: center; | text-align: center; | ||
} | } | ||
- | /* conteneur du texte */ | + | /* conteneur du texte wiki*/ |
#maincontainer_evry2012 | #maincontainer_evry2012 | ||
{ | { | ||
Line 186: | Line 197: | ||
background:#ffffff; | background:#ffffff; | ||
margin-bottom: 10px; | margin-bottom: 10px; | ||
+ | |||
/*border:1px solid black;*/ | /*border:1px solid black;*/ | ||
position:absolute; | position:absolute; | ||
text-align:justify; | text-align:justify; | ||
- | top: | + | top:210px;/*178px*/ |
width:940px; | width:940px; | ||
heigth:auto; | heigth:auto; | ||
- | - | + | -moz-border-radius-topright:15px; |
- | -moz-border-radius:15px; | + | -moz-border-radius-bottomright:15px; |
+ | -webkit-border-top-right-radius:15px; | ||
+ | -webkit-border-bottom-right-radius:15px; | ||
+ | border-top-right-radius:15px; | ||
+ | border-bottom-right-radius:15px; | ||
border-radius: 15px; | border-radius: 15px; | ||
} | } | ||
+ | /* conteneur du texte wiki pour la page d'acueil*/ | ||
+ | #maincontainer_evry2012bis | ||
+ | { | ||
+ | padding:15px 15px 15px 15px; | ||
+ | background:transparent; | ||
+ | margin-bottom: 10px; | ||
+ | color:white; | ||
+ | |||
+ | |||
+ | /*border:1px solid black;*/ | ||
+ | position:absolute; | ||
+ | text-align:justify; | ||
+ | top:210px;/*178px*/ | ||
+ | width:940px; | ||
+ | heigth:auto; | ||
+ | -moz-border-radius-topright:15px; | ||
+ | -moz-border-radius-bottomright:15px; | ||
+ | -webkit-border-top-right-radius:15px; | ||
+ | -webkit-border-bottom-right-radius:15px; | ||
+ | border-top-right-radius:15px; | ||
+ | border-bottom-right-radius:15px; | ||
+ | border-radius: 15px; | ||
+ | } | ||
+ | |||
+ | /* ------- Menu -----------*/ | ||
+ | |||
+ | /* Frame containg the entire menu (transparent) */ | ||
#menu_evry2012 | #menu_evry2012 | ||
{ | { | ||
Line 202: | Line 245: | ||
position:absolute; | position:absolute; | ||
z-index:10; | z-index:10; | ||
- | |||
- | |||
left:220px; | left:220px; | ||
- | top: | + | top:163px; |
- | float: | + | float:center; |
- | + | ||
font-weight:bold; | font-weight:bold; | ||
} | } | ||
+ | |||
+ | #menu_evry2012 a | ||
+ | { | ||
+ | color:#505050; | ||
+ | text-decoration:none; | ||
+ | display:block; | ||
+ | padding:8px; | ||
+ | margin: 0px 0px 0px 0px; | ||
+ | /*height:18px;*/ | ||
+ | width:auto; | ||
+ | background-color:#ffffff; | ||
+ | font-size:11px; | ||
+ | } | ||
+ | |||
+ | #menu_evry2012 .menu_list_item_evry2012 ul a | ||
+ | { | ||
+ | color:#696969; | ||
+ | font-size:11px; | ||
+ | width:120px; /* Size of the scroling menu*/ | ||
+ | border: 1px solid #e6e1db; | ||
+ | } | ||
+ | |||
+ | #menu_evry2012 a:hover | ||
+ | { | ||
+ | background-color:#e6e1db; | ||
+ | display:block; | ||
+ | width:auto; /* size of the hover block */ | ||
+ | position:relative; | ||
+ | } | ||
+ | |||
+ | #menu_evry2012 a:active | ||
+ | { | ||
+ | background-color:#e6e1db; | ||
+ | display:block; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* Style of the menu level1 */ | ||
#menu_list_evry2012 | #menu_list_evry2012 | ||
{ | { | ||
Line 221: | Line 299: | ||
border:none; | border:none; | ||
position:relative; | position:relative; | ||
- | |||
} | } | ||
Line 228: | Line 305: | ||
float: left; | float: left; | ||
width: 80px; | width: 80px; | ||
- | |||
padding: 0; | padding: 0; | ||
border:0; | border:0; | ||
Line 274: | Line 350: | ||
position:absolute; | position:absolute; | ||
top:0px; | top:0px; | ||
- | left: | + | left:140px; |
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | /* End of the menu */ | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | /* scroling buttons */ | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | /* | + | |
- | + | ||
#scroll_left | #scroll_left | ||
Line 324: | Line 363: | ||
display:block; | display:block; | ||
height:350px; | height:350px; | ||
- | width: | + | width:140px; |
background-color:transparent; | background-color:transparent; | ||
z-index:400; | z-index:400; | ||
Line 357: | Line 396: | ||
font-weight:bold; | font-weight:bold; | ||
} | } | ||
+ | |||
+ | |||
/*TEXT formating*/ | /*TEXT formating*/ | ||
Line 362: | Line 403: | ||
{ | { | ||
font-style:italic; | font-style:italic; | ||
+ | text-align: center; | ||
} | } | ||
Line 378: | Line 420: | ||
h1 | h1 | ||
{ | { | ||
- | font-style:bold; | + | font-style: normal; |
+ | text-decoration: none; | ||
+ | border: none; | ||
+ | line-height:1em; | ||
+ | padding:15px 0px 15px 0px; | ||
+ | font-weight:bold; | ||
font-size: 30px; | font-size: 30px; | ||
- | + | color:#cb6228; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
h2 | h2 | ||
{ | { | ||
+ | font-style: normal; | ||
+ | font-weight:bold; | ||
font-style:italic; | font-style:italic; | ||
font-size: 22px; | font-size: 22px; | ||
+ | line-height:1em; | ||
text-decoration:none; | text-decoration:none; | ||
border:none; | border:none; | ||
- | + | padding:0px 0px 10px 0px; | |
- | padding:10px | + | color:#364d01; |
- | color:# | + | |
margin-top:25px; | margin-top:25px; | ||
- | |||
- | |||
- | |||
} | } | ||
Line 409: | Line 447: | ||
{ | { | ||
padding-left:25px; | padding-left:25px; | ||
+ | font-style:bold; | ||
+ | font-size: 18px; | ||
+ | text-decoration:none; | ||
+ | border:none; | ||
+ | line-height:1em; | ||
+ | padding:0px 0px 5px 5px; | ||
+ | margin-top:20px; | ||
} | } | ||
Line 414: | Line 459: | ||
{ | { | ||
font-style:italic; | font-style:italic; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
Line 469: | Line 491: | ||
margin-right: auto; | margin-right: auto; | ||
cellpadding:0px; | cellpadding:0px; | ||
- | cellspacing:0px; | + | cellspacing:0px;Experimentals_Parameters |
align:middle; | align:middle; | ||
} | } | ||
Line 485: | Line 507: | ||
} | } | ||
- | .green | + | em { |
+ | color: #cb6228; | ||
+ | font-style: normal; | ||
+ | font-weight:bold; | ||
+ | } | ||
+ | |||
+ | strong { | ||
+ | color: #364d01; | ||
+ | } | ||
+ | |||
+ | .orange, a.orange:visited | ||
+ | { | ||
+ | color:#cb6228; | ||
+ | } | ||
+ | |||
+ | .green, a.green:visited | ||
+ | { | ||
+ | color:#364d01; | ||
+ | } | ||
+ | |||
+ | #param | ||
+ | { | ||
+ | border-collapse:collapse; | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | #param td, #param th | ||
+ | { | ||
+ | border: 1px solid black; | ||
+ | padding:10px; | ||
+ | } | ||
+ | |||
+ | #team | ||
+ | { | ||
+ | padding:5px; | ||
+ | } | ||
+ | |||
+ | #team td | ||
+ | { | ||
+ | align:left; | ||
+ | vertical-align:top; | ||
+ | } | ||
+ | |||
+ | .moredetails | ||
+ | { | ||
+ | width: 320px; | ||
+ | text-align: left; | ||
+ | background-color: #CEE9F4; | ||
+ | border-radius: 7px; | ||
+ | margin-left: 313px; | ||
+ | } | ||
+ | |||
+ | .moredetails a | ||
+ | { | ||
+ | font-style: italic; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | .moredetails a:hover | ||
{ | { | ||
- | + | text-decoration:underline | |
} | } | ||
- | . | + | .ania |
{ | { | ||
- | + | color:#cb6228; | |
} | } |
Latest revision as of 02:54, 27 September 2012
body {
width: auto; color: #333333; /*background:#e9e4de;*/ background-image:url(); background-repeat:no-repeat margin:0px 0px 0px 0px;
}
/* la barre titre (baniere igem+ menu haut)*/
- top-section
{
height: auto; margin-top: 0 px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important; padding:0; border: none; display: display;
}
/*le conteneur de la banière igem avec un lien vers igem*/
- p-logo
{
display:none; border:none; margin:none;
}
/* la barre de menu du haut */
- menubar
{
color:#000000;
}
/*les lien de la barre de menu du haut */
- menubar a
{
text-decoration:none; color:#000000;
}
/* le menu de haut gauche */ .left-menu {
background-color:transparent; /*display:none;*/
}
/* le menu de login haut droite*/ .right-menu {
color:transparent; text-decoration:none; background-color:none; right: 15px;
}
/* les lien du login */ .right-menu a {
color:transparent; text-decoration:transparent; background-color:none;
}
/* la barre de recherche*/
- search-controls
{
display:none;
}
/* le body de la page*/
- content
{
background-color: transparent; border:none; padding:none; margin:none; line-height:1em;
}
/*titre de page */ .firstHeading {
display:none; border: none;
}
/* contenu de page*/
- bodyContent
{ }
- footer-wrapper
{
position: absolute; width: 941px; left: -1px; margin-top:25px; margin-bottom:30px; padding: 7px 15px 7px 15px; background-color:#ffffff; -moz-border-radius-topright:15px; -moz-border-radius-bottomright:15px; -webkit-border-top-right-radius:15px; -webkit-border-bottom-right-radius:15px; border-top-right-radius:15px; border-bottom-right-radius:15px; border-radius: 15px;
/*border: 1px solid black;*/ }
/* la boite en bas de page*/
- footer-box
{
display: none; margin-bottom: 10px;
}
/* le cadre sous le body useless */
- catlinks
{
display: none;
}
/* ----------------End of the wiki hack -------------------------------------*/
/* position of the logo */
- evry_logo
{
position:absolute; top:25px; left: 35px; width:200px; /*background-color:#FFA500;*/
}
/* Position of the banner */
- evry_banner{
position:absolute; top:16px; width:720px; left:230px; /*background-color:#800080;*/
}
/*white font over the grey one on the top*/
- white_thingy
{
position:relative; top:-20px; height:200px; background-color:#ffffff; -moz-border-radius-topright:15px; -moz-border-radius-bottomright:15px; -webkit-border-top-right-radius:15px; -webkit-border-bottom-right-radius:15px; border-top-right-radius:15px; border-bottom-right-radius:15px; border-radius: 15px;
}
- back_image
{
position:absolute; top:147px; left:-155px; height:900px; width:1280px; background-color:transparent; /*background-image:url(http://files.myopera.com/gokuss1234/albums/8827422/Opera-Background-Blue-Bubbles.png);*/ background-position:center; background-repeat:no-repeat;
}
/* notre page !*/
- main_evry2012
{
position:absolute; top:0px; left:50%; margin-left:-486px; margin-bottom: 10px; width: 972px; height: 100%; text-align: center;
}
/* conteneur du texte wiki*/
- maincontainer_evry2012
{
padding:15px 15px 15px 15px; background:#ffffff; margin-bottom: 10px;
/*border:1px solid black;*/ position:absolute; text-align:justify; top:210px;/*178px*/ width:940px; heigth:auto; -moz-border-radius-topright:15px; -moz-border-radius-bottomright:15px; -webkit-border-top-right-radius:15px; -webkit-border-bottom-right-radius:15px; border-top-right-radius:15px; border-bottom-right-radius:15px; border-radius: 15px;
}
/* conteneur du texte wiki pour la page d'acueil*/
- maincontainer_evry2012bis
{
padding:15px 15px 15px 15px; background:transparent; margin-bottom: 10px; color:white;
/*border:1px solid black;*/ position:absolute; text-align:justify; top:210px;/*178px*/ width:940px; heigth:auto; -moz-border-radius-topright:15px; -moz-border-radius-bottomright:15px; -webkit-border-top-right-radius:15px; -webkit-border-bottom-right-radius:15px; border-top-right-radius:15px; border-bottom-right-radius:15px; border-radius: 15px;
}
/* ------- Menu -----------*/
/* Frame containg the entire menu (transparent) */
- menu_evry2012
{
text-align:center; position:absolute; z-index:10; left:220px; top:163px; float:center; font-weight:bold;
}
- menu_evry2012 a
{
color:#505050; text-decoration:none; display:block; padding:8px; margin: 0px 0px 0px 0px; /*height:18px;*/ width:auto; background-color:#ffffff; font-size:11px;
}
- menu_evry2012 .menu_list_item_evry2012 ul a
{
color:#696969; font-size:11px; width:120px; /* Size of the scroling menu*/ border: 1px solid #e6e1db;
}
- menu_evry2012 a:hover
{
background-color:#e6e1db; display:block; width:auto; /* size of the hover block */ position:relative;
}
- menu_evry2012 a:active
{
background-color:#e6e1db; display:block;
}
/* Style of the menu level1 */
- menu_list_evry2012
{
list-style:none; text-align:center; margin-left:0px; margin-top:0px; padding:0px; border:none; position:relative;
}
.menu_list_item_evry2012 {
float: left; width: 80px; padding: 0; border:0;
}
/*Second level menu*/ .menu_list_item_evry2012 ul {
display:none; /* initially hide the entire list hierarchy */ padding:2px; /* this is our box border width */ list-style: none; width:110px;
}
/* 2nd level drop-down box */ .menu_list_item_evry2012:hover ul, .menu_list_item_evry2012 a:hover ul {
display:block; position:relative; margin:0; top:0px; /* place us just up underneath the top-level images */ left:-2px; /* left-align our drop-down to the previous button border */ height:auto; /* the drop-down height will be determiend by line count */ width:110px; background-color:transparent; /* this sets our menu's effective "border" color */ font-size:12px; /* this (and also below) sets the menu's font size */ list-style: none;
}
/*Third level menu*/
/* hide inactive 3rd-level menus */ .menu_list_item_evry2012:hover ul li ul, .menu_list_item_evry2012 a:hover ul li a ul {
display:none;
}
.menu_list_item_evry2012:hover ul li:hover ul, /* 3rd level drop-down box */ .menu_list_item_evry2012 a:hover ul li a:hover ul {
display:block; position:absolute; top:0px; left:140px;
}
/* End of the menu */
/* scroling buttons */
- scroll_left
{
display:block; height:350px; width:140px; background-color:transparent; z-index:400; position:fixed; top:400px; left:5px;
}
- scroll_left a
{
font-size:11px; color:#273572; font-weight:bold;
}
- scroll_right
{
display:block; height:350px; width:100px; background-color:transparent; z-index:400; position:fixed; top:400px; right:5px;
}
- scroll_right a
{
font-size:11px; color:#273572; font-weight:bold;
}
/*TEXT formating*/ .legende_schema {
font-style:italic; text-align: center;
}
a {
text-decoration:none;
}
- title
{
display:block; top:-400px; left:60px;
}
h1 {
font-style: normal; text-decoration: none; border: none; line-height:1em; padding:15px 0px 15px 0px; font-weight:bold; font-size: 30px; color:#cb6228;
}
h2 {
font-style: normal; font-weight:bold; font-style:italic; font-size: 22px; line-height:1em; text-decoration:none; border:none; padding:0px 0px 10px 0px; color:#364d01; margin-top:25px;
}
h3 {
padding-left:25px; font-style:bold; font-size: 18px; text-decoration:none; border:none; line-height:1em; padding:0px 0px 5px 5px; margin-top:20px;
}
h4 {
font-style:italic;
}
/*block for paper citations*/
- citation_box
{
margin-top:30px; padding:10px; border-style:none; border-width:2px; border-color:#BDFEBC; background-color:#ECECEC; text-align:left;
}
- citation_box ol,li
{
text-style:italic;
}
- references
{
text-style:bold; text-size:14px;
}
table.parameter {
width:100%; display: block; margin-left: auto; margin-right: auto; cellpadding:0px; cellspacing:0px;Experimentals_Parameters align:middle;
}
table.parameter td {
padding:5px;
}
- table-fixed-size
{
table-layout:fixed; word-wrap: break-word; width:100px;
}
em {
color: #cb6228; font-style: normal; font-weight:bold;
}
strong {
color: #364d01;
}
.orange, a.orange:visited {
color:#cb6228;
}
.green, a.green:visited {
color:#364d01;
}
- param
{
border-collapse:collapse; text-align:center;
}
- param td, #param th
{
border: 1px solid black; padding:10px;
}
- team
{
padding:5px;
}
- team td
{
align:left; vertical-align:top;
}
.moredetails {
width: 320px; text-align: left; background-color: #CEE9F4; border-radius: 7px; margin-left: 313px;
}
.moredetails a {
font-style: italic; font-weight: bold;
}
.moredetails a:hover {
text-decoration:underline
}
.ania {
color:#cb6228;
}