Team:Grenoble-EMSE-LSU/Design/current
From 2013.igem.org
(5 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo | + | /***** Removes header footer and borders *****/ |
+ | |||
+ | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo | ||
{ | { | ||
display:none; | display:none; | ||
} | } | ||
- | #top-section | + | #top-section |
{ | { | ||
border: none; | border: none; | ||
height: 0px; | height: 0px; | ||
} | } | ||
- | + | ||
- | #content | + | #content |
{ | { | ||
border: none; | border: none; | ||
} | } | ||
- | .left-menu:hover { | + | /***** Removes "teams" from the menubar *****/ |
- | background-color: transparent;} | + | |
+ | #menubar > ul > li:last-child | ||
+ | { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | /***** Resizes the menubar to fit the links (default is 400px) *****/ | ||
+ | |||
+ | #menubar | ||
+ | { | ||
+ | width: auto; | ||
+ | } | ||
+ | |||
+ | /***** Menubar show up only when moving on top of it *****/ | ||
+ | |||
+ | body | ||
+ | { | ||
+ | margin: 10px 0 0 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | #top-section | ||
+ | { | ||
+ | width: 965px; | ||
+ | height: 0; | ||
+ | margin: 0 auto; | ||
+ | padding: 0; | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | #menubar | ||
+ | { | ||
+ | font-size: 65%; | ||
+ | top: -14px; | ||
+ | } | ||
+ | |||
+ | .left-menu:hover | ||
+ | { | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | #menubar li a | ||
+ | { | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | #menubar:hover | ||
+ | { | ||
+ | color: white; | ||
+ | } | ||
+ | |||
+ | #menubar li a | ||
+ | { | ||
+ | color: transparent; | ||
+ | } | ||
+ | |||
+ | #menubar:hover li a | ||
+ | { | ||
+ | color: white; | ||
+ | } | ||
+ | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
/* Redesigning Table Of Content */ | /* Redesigning Table Of Content */ | ||
Line 139: | Line 193: | ||
nav | nav | ||
{ | { | ||
- | width: | + | width: 980px; |
- | margin-left: | + | margin-left: 150px; |
} | } | ||
Line 164: | Line 218: | ||
#up | #up | ||
{ | { | ||
- | |||
- | |||
position: fixed; | position: fixed; | ||
- | right: | + | right: 50px; |
- | bottom: | + | bottom: 20px; |
} | } | ||
/*Logo de l'équipe vers la page d'accueil*/ | /*Logo de l'équipe vers la page d'accueil*/ | ||
- | #home_icon | + | /*#home_icon |
{ | { | ||
- | width: | + | width: 10%; |
- | + | ||
position: fixed; | position: fixed; | ||
top: 50px; | top: 50px; | ||
right: 100px; | right: 100px; | ||
- | } | + | }*/ |
/*Lien vers la page officielle d'igem*/ | /*Lien vers la page officielle d'igem*/ | ||
Line 185: | Line 236: | ||
{ | { | ||
position: fixed; | position: fixed; | ||
- | top: | + | top: 100px; |
right: 50px; | right: 50px; | ||
} | } |
Latest revision as of 07:49, 20 June 2013
/***** Removes header footer and borders *****/
- contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo
{
display:none;
}
- top-section
{
border: none; height: 0px;
}
- content
{
border: none;
}
/***** Removes "teams" from the menubar *****/
- menubar > ul > li:last-child
{
display: none;
}
/***** Resizes the menubar to fit the links (default is 400px) *****/
- menubar
{
width: auto;
}
/***** Menubar show up only when moving on top of it *****/
body {
margin: 10px 0 0 0; padding: 0;
}
- top-section
{
width: 965px; height: 0; margin: 0 auto; padding: 0; border: none;
}
- menubar
{
font-size: 65%; top: -14px;
}
.left-menu:hover {
background-color: transparent;
}
- menubar li a
{
background-color: transparent;
}
- menubar:hover
{
color: white;
}
- menubar li a
{
color: transparent;
}
- menubar:hover li a
{
color: white;
}
/* Redesigning Table Of Content */ /********************************/ table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {
text-align: left;}
- toctitle {
margin: 5px 0;}
.toc, #toc {
background-color: #F6F6F6; border: 1px solid #CCCCCC; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); /* for the Safari browser*/ float: left; width: 228px; display: block; overflow: hidden; padding: 0;}
- toc ul, .toc ul {
margin: 0 5px 5px 5px;}
.toc ul li {
padding-left: 12px; text-indent: -12px; /*width: 200px;*/}
.toc ul li ul li {
padding-left: 30px; text-indent: -24px; /*width: 170px;*/}
- toc ul ul, .toc ul ul {
margin: 0;}
.toc {
margin-left: -250px; margin-top: 20px;}
.stickBelowNavigation {
position: fixed; top: 35px; left: 50%; margin-left: -462px;}
.tochidden {
position: static; margin-left: -250px;}
/*
Style d'écriture du contenu devrait permettre d'éviter de devoir écrire trop de truc pour p li ul ol table etc...
- /
- content, table tr
{
font: normal 14px Verdana, Arial, Helvetica, sans-serif; color:#000080;
}
.blocbackground {
width: 937px; margin: auto; text-align: justify; padding: 2px 12px 60px 12px; margin-bottom: 20px; border: 1px solid #800000;
/*-webkit-box-shadow: #ADD1FF 0px 2px 3px; -moz-box-shadow: #ADD1FF 0px 2px 3px;*/ -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #EEF0FC; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEF0FC), to(#FFFFFF)); background: -webkit-linear-gradient(#EEF0FC, #FFFFFF); background: -moz-linear-gradient(#EEF0FC, #FFFFFF); background: -ms-linear-gradient(#EEF0FC, #FFFFFF); background: -o-linear-gradient(#EEF0FC, #FFFFFF); background: linear-gradient(#EEF0FC, #FFFFFF);
}
.blocbackground img.floatsponso
{
float: left; margin-right: 20px; margin-bottom: 10px;
}
.menu_deroulant_au_centre { /*margin-left: 165px;*/ }
.legend {
font-size: 13px;
font-style:italic;
text-align: center;
padding: 8px 0 5px 0;
}
body {
/*background: url("") no-repeat 120% 95% fixed, url("") no-repeat -20% 95% fixed;*/ background-color: #e1e1e1;
}
nav {
width: 980px; margin-left: 150px;
}
- content, #globalWrapper
{
border: none; width: 100%; margin: 0; padding: 0; background: transparent;
}
.centering
{
margin: auto; width: 965px;
}
/*Flèche vers le haut de la page*/
- up
{ position: fixed; right: 50px; bottom: 20px; }
/*Logo de l'équipe vers la page d'accueil*/ /*#home_icon { width: 10%; position: fixed; top: 50px; right: 100px; }*/
/*Lien vers la page officielle d'igem*/
- igem
{ position: fixed; top: 100px; right: 50px; }