Template:INSA-Lyon style
From 2010.igem.org
(Difference between revisions)
m |
m |
||
(39 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
+ | __NOTOC__ | ||
<html> | <html> | ||
<style type="text/css"> | <style type="text/css"> | ||
Line 15: | Line 16: | ||
body | body | ||
{ | { | ||
- | margin: | + | margin: auto; |
padding: 0; | padding: 0; | ||
color: #466C37; | color: #466C37; | ||
Line 26: | Line 27: | ||
p | p | ||
{ | { | ||
- | margin: | + | margin: auto; |
font-size: 13px; | font-size: 13px; | ||
} | } | ||
Line 81: | Line 82: | ||
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover | h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover | ||
{ | { | ||
- | margin: | + | margin: auto; |
color: #507F2F; | color: #507F2F; | ||
Line 88: | Line 89: | ||
h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover | h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover | ||
{ | { | ||
- | margin: | + | margin: auto; |
font-style: normal; | font-style: normal; | ||
font-weight: bold; | font-weight: bold; | ||
Line 97: | Line 98: | ||
h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover | h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover | ||
{ | { | ||
- | margin: | + | margin: auto; |
font-size: medium; | font-size: medium; | ||
color: #4B723B; | color: #4B723B; | ||
Line 106: | Line 107: | ||
/* h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover | /* h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover | ||
{ | { | ||
- | margin: | + | margin: auto; |
font-size: 20px; | font-size: 20px; | ||
color: #131E0B; | color: #131E0B; | ||
Line 113: | Line 114: | ||
h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover | h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover | ||
{ | { | ||
- | margin: | + | margin: auto; |
font-size: 18px; | font-size: 18px; | ||
color: #131E0B; | color: #131E0B; | ||
Line 120: | Line 121: | ||
h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover | h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover | ||
{ | { | ||
- | margin: | + | margin: auto; |
font-size: 15px; | font-size: 15px; | ||
color: #131E0B; | color: #131E0B; | ||
Line 135: | Line 136: | ||
h6 a, h6 a:link, h6 a:visited, h6 a:hover | h6 a, h6 a:link, h6 a:visited, h6 a:hover | ||
{ | { | ||
- | margin: | + | margin: auto; |
} | } | ||
Line 165: | Line 166: | ||
height: 483px; | height: 483px; | ||
width: 100%; | width: 100%; | ||
- | margin: | + | margin: auto; |
} | } | ||
Line 178: | Line 179: | ||
background-image: url('https://static.igem.org/mediawiki/2010/5/5f/INSA-Lyon_Page_g.jpg'); | background-image: url('https://static.igem.org/mediawiki/2010/5/5f/INSA-Lyon_Page_g.jpg'); | ||
background-repeat: repeat-x; | background-repeat: repeat-x; | ||
- | width: | + | width: 0; /* remplacer par 100% ou auto si ça bug */ |
- | height: | + | height: 0; /* remplacer par 900px ou auto si ça bug */ |
} | } | ||
Line 189: | Line 190: | ||
background-image: url('https://static.igem.org/mediawiki/2010/b/b1/INSA-Lyon_Page_sg.jpg'); | background-image: url('https://static.igem.org/mediawiki/2010/b/b1/INSA-Lyon_Page_sg.jpg'); | ||
background-repeat: repeat-x; | background-repeat: repeat-x; | ||
- | width: | + | width: 0; /* remplacer par 100% ou auto si ça bug */ |
- | height: | + | height: 0; /* remplacer par 900px ou auto si ça bug */ |
} | } | ||
Line 197: | Line 198: | ||
float: none; | float: none; | ||
clear: both; | clear: both; | ||
- | margin: | + | margin: auto; |
padding: 0; | padding: 0; | ||
border: none; | border: none; | ||
Line 205: | Line 206: | ||
form | form | ||
{ | { | ||
- | padding: | + | padding: auto !important; |
- | margin: | + | margin: auto !important; |
} | } | ||
Line 223: | Line 224: | ||
position: relative; | position: relative; | ||
z-index: 0; | z-index: 0; | ||
- | margin: | + | margin: auto; |
width: 100%; | width: 100%; | ||
min-width: 59px; | min-width: 59px; | ||
Line 231: | Line 232: | ||
.art-sheet-body | .art-sheet-body | ||
{ | { | ||
- | position: | + | position: center; /*original : relative */ |
z-index: 1; | z-index: 1; | ||
padding: 0; | padding: 0; | ||
Line 330: | Line 331: | ||
.art-sheet | .art-sheet | ||
{ | { | ||
- | margin-top: | + | margin-top: auto !important; |
cursor:auto; | cursor:auto; | ||
} | } | ||
Line 346: | Line 347: | ||
div.art-header | div.art-header | ||
{ | { | ||
- | margin: | + | margin: auto; |
position: relative; | position: relative; | ||
z-index: 0; | z-index: 0; | ||
Line 362: | Line 363: | ||
width: 100%px; | width: 100%px; | ||
height: 300px; | height: 300px; | ||
- | background-image: url('https://static.igem.org/mediawiki/2010/ | + | background-image: url('https://static.igem.org/mediawiki/2010/5/54/INSA-Lyon_Banniere01_01.jpg'); |
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: center top; | background-position: center top; | ||
Line 377: | Line 378: | ||
background-image: url('https://static.igem.org/mediawiki/2010/5/54/INSA-Lyon_Banniere01_01.jpg'); | background-image: url('https://static.igem.org/mediawiki/2010/5/54/INSA-Lyon_Banniere01_01.jpg'); | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
- | background-position: center | + | background-position: center top; |
} | } | ||
Line 406: | Line 407: | ||
text-decoration: none; | text-decoration: none; | ||
padding: 0; | padding: 0; | ||
- | margin: | + | margin: auto; |
color: #ECF5E5 !important; | color: #ECF5E5 !important; | ||
} | } | ||
Line 422: | Line 423: | ||
font-size: 19px; | font-size: 19px; | ||
padding: 0; | padding: 0; | ||
- | margin: | + | margin: auto; |
color: #ECF5E5 !important; | color: #ECF5E5 !important; | ||
} | } | ||
Line 450: | Line 451: | ||
.art-menu li | .art-menu li | ||
{ | { | ||
- | margin: | + | margin: auto; |
padding: 0; | padding: 0; | ||
border: 0; | border: 0; | ||
Line 527: | Line 528: | ||
.art-menu | .art-menu | ||
{ | { | ||
- | padding: 6px 3px 0 | + | padding: 6px 3px 0 2px; |
} | } | ||
Line 548: | Line 549: | ||
.art-nav .l | .art-nav .l | ||
{ | { | ||
- | left: | + | left: 5px; |
- | right: | + | right: 5px; |
} | } | ||
.art-nav .r | .art-nav .r | ||
{ | { | ||
- | + | ||
width: 890px; | width: 890px; | ||
clip: rect(auto, auto, auto, 890px); | clip: rect(auto, auto, auto, 890px); | ||
Line 561: | Line 562: | ||
/* end Menu */ | /* end Menu */ | ||
+ | |||
+ | |||
/* begin MenuItem */ | /* begin MenuItem */ | ||
.art-menu a | .art-menu a | ||
{ | { | ||
+ | text-align: justify; | ||
position: relative; | position: relative; | ||
display: block; | display: block; | ||
overflow: hidden; | overflow: hidden; | ||
height: 24px; | height: 24px; | ||
- | |||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
Line 575: | Line 578: | ||
.art-menu li | .art-menu li | ||
{ | { | ||
- | + | text-align: justify; | |
- | margin | + | margin: auto; |
} | } | ||
.art-menu ul li | .art-menu ul li | ||
{ | { | ||
- | margin: | + | text-align: justify; |
+ | margin: auto; | ||
clear: both; | clear: both; | ||
} | } | ||
Line 588: | Line 592: | ||
.art-menu a .r, .art-menu a .l | .art-menu a .r, .art-menu a .l | ||
{ | { | ||
+ | text-align: justify; | ||
position: absolute; | position: absolute; | ||
display: block; | display: block; | ||
Line 611: | Line 616: | ||
.art-menu a .t | .art-menu a .t | ||
{ | { | ||
- | margin | + | margin:auto; |
- | + | ||
font-weight: bold; | font-weight: bold; | ||
font-size: 12px; | font-size: 12px; | ||
Line 618: | Line 622: | ||
color: #162414; | color: #162414; | ||
padding: 0 7px; | padding: 0 7px; | ||
- | margin: | + | margin: auto; |
line-height: 24px; | line-height: 24px; | ||
text-align: center; | text-align: center; | ||
Line 663: | Line 667: | ||
} | } | ||
/* end MenuItem */ | /* end MenuItem */ | ||
+ | |||
+ | |||
+ | |||
/* begin MenuSubItem */ | /* begin MenuSubItem */ | ||
Line 701: | Line 708: | ||
margin-right: 10px; | margin-right: 10px; | ||
margin-left: 22px; | margin-left: 22px; | ||
- | margin: | + | margin:auto; |
padding:0; | padding:0; | ||
} | } | ||
Line 729: | Line 736: | ||
/* end MenuSubItem */ | /* end MenuSubItem */ | ||
+ | |||
+ | |||
+ | |||
/* begin Layout */ | /* begin Layout */ | ||
Line 742: | Line 752: | ||
{ | { | ||
width: auto; | width: auto; | ||
- | margin: | + | margin:auto; |
} | } | ||
Line 775: | Line 785: | ||
text-align: left; | text-align: left; | ||
border: none !important; | border: none !important; | ||
- | margin: | + | margin:auto !important; |
padding:0 !important; | padding:0 !important; | ||
} | } | ||
/* end Layout */ | /* end Layout */ | ||
+ | |||
+ | |||
+ | |||
/* begin Button */ | /* begin Button */ | ||
Line 797: | Line 810: | ||
line-height: 26px; | line-height: 26px; | ||
height: 26px; | height: 26px; | ||
- | margin: | + | margin: auto !important; |
padding: 0 10px !important; | padding: 0 10px !important; | ||
overflow: visible; | overflow: visible; | ||
Line 806: | Line 819: | ||
.art-button img, .art-button-wrapper img | .art-button img, .art-button-wrapper img | ||
{ | { | ||
- | margin: | + | margin: auto; |
vertical-align: middle; | vertical-align: middle; | ||
} | } | ||
Line 819: | Line 832: | ||
white-space: nowrap; | white-space: nowrap; | ||
width: auto; | width: auto; | ||
- | margin: | + | margin: auto; |
padding: 0; | padding: 0; | ||
z-index: 0; | z-index: 0; | ||
Line 859: | Line 872: | ||
z-index: -1; | z-index: -1; | ||
height: 78px; | height: 78px; | ||
- | margin: | + | margin: auto; |
padding: 0; | padding: 0; | ||
background-image: url('https://static.igem.org/mediawiki/2010/2/24/INSA-Lyon_Button.png'); | background-image: url('https://static.igem.org/mediawiki/2010/2/24/INSA-Lyon_Button.png'); | ||
Line 892: | Line 905: | ||
} | } | ||
/* end Button */ | /* end Button */ | ||
+ | |||
+ | |||
+ | |||
/* begin Box, Block, VMenuBlock */ | /* begin Box, Block, VMenuBlock */ | ||
Line 898: | Line 914: | ||
position: relative; | position: relative; | ||
z-index: 0; | z-index: 0; | ||
- | margin: | + | margin: auto; |
min-width: 1px; | min-width: 1px; | ||
min-height: 1px; | min-height: 1px; | ||
Line 923: | Line 939: | ||
.art-vmenublock | .art-vmenublock | ||
{ | { | ||
- | margin: | + | margin: auto; |
} | } | ||
/* end Box, Block, VMenuBlock */ | /* end Box, Block, VMenuBlock */ | ||
+ | |||
+ | |||
+ | |||
/* begin Box, Box, VMenuBlockContent */ | /* begin Box, Box, VMenuBlockContent */ | ||
Line 933: | Line 952: | ||
position: relative; | position: relative; | ||
z-index: 0; | z-index: 0; | ||
- | margin: | + | margin: auto; |
min-width: 1px; | min-width: 1px; | ||
min-height: 1px; | min-height: 1px; | ||
Line 960: | Line 979: | ||
position: relative; | position: relative; | ||
z-index: 0; | z-index: 0; | ||
- | margin: | + | margin: auto; |
min-width: 1px; | min-width: 1px; | ||
min-height: 1px; | min-height: 1px; | ||
Line 984: | Line 1,003: | ||
/* end Box, Box, VMenuBlockContent */ | /* end Box, Box, VMenuBlockContent */ | ||
+ | |||
+ | |||
+ | |||
+ | |||
/* begin Box, Block */ | /* begin Box, Block */ | ||
Line 990: | Line 1,013: | ||
position: relative; | position: relative; | ||
z-index: 0; | z-index: 0; | ||
- | margin: | + | margin: auto; |
min-width: 1px; | min-width: 1px; | ||
min-height: 1px; | min-height: 1px; | ||
Line 1,005: | Line 1,028: | ||
.art-block | .art-block | ||
{ | { | ||
- | margin: | + | margin: auto; |
} | } | ||
/* end Box, Block */ | /* end Box, Block */ | ||
+ | |||
+ | |||
+ | |||
/* begin BlockHeader */ | /* begin BlockHeader */ | ||
Line 1,016: | Line 1,042: | ||
z-index: 0; | z-index: 0; | ||
height: 27px; | height: 27px; | ||
- | margin | + | width: 100%; |
+ | margin: auto; | ||
} | } | ||
Line 1,023: | Line 1,050: | ||
height: 27px; | height: 27px; | ||
color: #000000; | color: #000000; | ||
- | margin | + | margin: auto; |
- | + | ||
font-style: normal; | font-style: normal; | ||
font-weight: bold; | font-weight: bold; | ||
font-size: 15px; | font-size: 15px; | ||
- | margin: | + | margin: auto; |
padding: 0 10px 0 30px; | padding: 0 10px 0 30px; | ||
white-space: nowrap; | white-space: nowrap; | ||
Line 1,046: | Line 1,072: | ||
{ | { | ||
left: 0; | left: 0; | ||
- | right: | + | right: 0; |
} | } | ||
Line 1,063: | Line 1,089: | ||
position: relative; | position: relative; | ||
z-index: 0; | z-index: 0; | ||
- | margin: | + | margin: auto; |
min-width: 15px; | min-width: 15px; | ||
min-height: 15px; | min-height: 15px; | ||
Line 1,208: | Line 1,234: | ||
list-style-type: none; | list-style-type: none; | ||
color: #0D140A; | color: #0D140A; | ||
- | margin: | + | margin: auto; |
padding: 0; | padding: 0; | ||
} | } | ||
Line 1,239: | Line 1,265: | ||
position: relative; | position: relative; | ||
z-index: 0; | z-index: 0; | ||
- | margin: | + | margin: auto; |
min-width: 1px; | min-width: 1px; | ||
min-height: 1px; | min-height: 1px; | ||
Line 1,254: | Line 1,280: | ||
.art-post | .art-post | ||
{ | { | ||
- | margin: | + | margin: auto; |
} | } | ||
Line 1,264: | Line 1,290: | ||
.art-article img, img.art-article | .art-article img, img.art-article | ||
{ | { | ||
- | margin: | + | margin: auto; |
} | } | ||
Line 1,271: | Line 1,297: | ||
border: none; | border: none; | ||
vertical-align: middle; | vertical-align: middle; | ||
- | margin: | + | margin: auto; |
} | } | ||
Line 1,277: | Line 1,303: | ||
{ | { | ||
border-collapse: collapse; | border-collapse: collapse; | ||
- | margin: | + | margin: auto; |
width: auto; | width: auto; | ||
} | } | ||
Line 1,326: | Line 1,352: | ||
.art-post h2.art-postheader a.hovered | .art-post h2.art-postheader a.hovered | ||
{ | { | ||
- | margin: | + | margin: auto; |
padding: 0; | padding: 0; | ||
font-style: normal; | font-style: normal; | ||
Line 1,342: | Line 1,368: | ||
.art-post h2.art-postheader a.hovered | .art-post h2.art-postheader a.hovered | ||
{ | { | ||
- | margin: | + | margin: auto; |
text-decoration: none; | text-decoration: none; | ||
color: #233815; | color: #233815; | ||
Line 1,369: | Line 1,395: | ||
{ | { | ||
color: #101A0F; | color: #101A0F; | ||
- | margin: | + | margin: auto; |
padding: 0; | padding: 0; | ||
- | |||
text-align: left; | text-align: left; | ||
} | } | ||
Line 1,377: | Line 1,402: | ||
.art-post li ol, .art-post li ul | .art-post li ol, .art-post li ul | ||
{ | { | ||
- | margin: | + | margin: auto; |
padding: 0; | padding: 0; | ||
} | } | ||
Line 1,383: | Line 1,408: | ||
.art-post li | .art-post li | ||
{ | { | ||
- | margin: | + | margin: auto; |
padding: 0; | padding: 0; | ||
} | } | ||
Line 1,435: | Line 1,460: | ||
.art-postcontent blockquote | .art-postcontent blockquote | ||
{ | { | ||
- | margin: | + | margin: auto; |
padding: 5px 5px 5px 41px; | padding: 5px 5px 5px 41px; | ||
background-color: #D3E9C3; | background-color: #D3E9C3; | ||
Line 1,460: | Line 1,485: | ||
.art-postfootericons a, .art-postfootericons a:link, .art-postfootericons a:visited, .art-postfootericons a:hover | .art-postfootericons a, .art-postfootericons a:link, .art-postfootericons a:visited, .art-postfootericons a:hover | ||
{ | { | ||
- | margin: | + | margin: auto; |
text-decoration: underline; | text-decoration: underline; | ||
letter-spacing: 1px; | letter-spacing: 1px; | ||
Line 1,487: | Line 1,512: | ||
overflow: hidden; | overflow: hidden; | ||
width: 890px; | width: 890px; | ||
- | margin: | + | margin: auto; |
} | } | ||
Line 1,513: | Line 1,538: | ||
.art-footer .art-footer-text p | .art-footer .art-footer-text p | ||
{ | { | ||
- | margin: | + | margin: auto; |
} | } | ||
Line 1,569: | Line 1,594: | ||
.art-page-footer | .art-page-footer | ||
{ | { | ||
- | margin: | + | margin: auto; |
text-align: center; | text-align: center; | ||
text-decoration: none; | text-decoration: none; | ||
Line 1,590: | Line 1,615: | ||
} | } | ||
/* end LayoutCell, content */ | /* end LayoutCell, content */ | ||
+ | |||
+ | |||
/* begin LayoutCell, sidebar1 */ | /* begin LayoutCell, sidebar1 */ | ||
Line 1,597: | Line 1,624: | ||
background-image: url('https://static.igem.org/mediawiki/2010/0/00/INSA-Lyon_Sidebar_g.png'); | background-image: url('https://static.igem.org/mediawiki/2010/0/00/INSA-Lyon_Sidebar_g.png'); | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
- | background-position: | + | background-position: top left; |
width: 30%; | width: 30%; | ||
} | } | ||
Line 1,613: | Line 1,640: | ||
----------------------------------------------- */ | ----------------------------------------------- */ | ||
.profile-datablock, .profile-textblock { | .profile-datablock, .profile-textblock { | ||
- | margin: | + | margin: auto; |
line-height: 1.4em; | line-height: 1.4em; | ||
} | } | ||
.profile-img { | .profile-img { | ||
float: left; | float: left; | ||
- | margin | + | margin: auto; |
- | + | ||
- | + | ||
- | + | ||
border: 5px solid #889977; | border: 5px solid #889977; | ||
} | } |
Latest revision as of 09:24, 22 July 2010