Template:INSA-Lyon style

From 2010.igem.org

(Difference between revisions)
m
m
 
(42 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: 0 auto;
+
   margin: auto;
   padding: 0;
   padding: 0;
   color: #466C37;
   color: #466C37;
Line 26: Line 27:
p
p
{
{
-
   margin: 0.5em 0;
+
   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: 0.67em 0;
+
   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: 0.8em 0;
+
   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: 1em 0;
+
   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: 1.25em 0;
+
   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: 1.67em 0;
+
   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: 2.33em 0;
+
   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:0;
+
     margin: auto;
}
}
Line 146: Line 147:
   position: center;
   position: center;
   width: 100%;
   width: 100%;
-
   left: auto;
+
   left: 0;
-
   top: auto;
+
   top: 0;
}
}
Line 165: Line 166:
   height: 483px;
   height: 483px;
   width: 100%;
   width: 100%;
-
   margin: 0;
+
   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: 100%;
+
   width: 0;  /* remplacer par 100% ou auto si ça bug */
-
   height: 900px;
+
   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: 100%;
+
   width: 0; /* remplacer par 100% ou auto si ça bug */
-
   height: 900px;
+
   height: 0; /* remplacer par 900px ou auto si ça bug */
}
}
Line 197: Line 198:
   float: none;
   float: none;
   clear: both;
   clear: both;
-
   margin: 0;
+
   margin: auto;
   padding: 0;
   padding: 0;
   border: none;
   border: none;
Line 205: Line 206:
form
form
{
{
-
   padding: 0 !important;
+
   padding: auto !important;
-
   margin: 0 !important;
+
   margin: auto !important;
}
}
Line 223: Line 224:
   position: relative;
   position: relative;
   z-index: 0;
   z-index: 0;
-
   margin: 0 auto;
+
   margin: auto;
   width: 100%;
   width: 100%;
   min-width: 59px;
   min-width: 59px;
Line 231: Line 232:
.art-sheet-body
.art-sheet-body
{
{
-
   position: relative;
+
   position: center; /*original : relative */
   z-index: 1;
   z-index: 1;
   padding: 0;
   padding: 0;
Line 330: Line 331:
.art-sheet
.art-sheet
{
{
-
   margin-top: 10px !important;
+
   margin-top: auto !important;
   cursor:auto;
   cursor:auto;
}
}
Line 346: Line 347:
div.art-header
div.art-header
{
{
-
   margin: 0 auto;
+
   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/e/e2/INSA-Lyon_Header.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 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 center;
+
   background-position: center top;
}
}
Line 406: Line 407:
   text-decoration: none;
   text-decoration: none;
   padding: 0;
   padding: 0;
-
   margin: 0;
+
   margin: auto;
   color: #ECF5E5 !important;
   color: #ECF5E5 !important;
}
}
Line 422: Line 423:
   font-size: 19px;
   font-size: 19px;
   padding: 0;
   padding: 0;
-
   margin: 0;
+
   margin: auto;
   color: #ECF5E5 !important;
   color: #ECF5E5 !important;
}
}
Line 450: Line 451:
.art-menu li
.art-menu li
{
{
-
   margin: 0;
+
   margin: auto;
   padding: 0;
   padding: 0;
   border: 0;
   border: 0;
Line 527: Line 528:
.art-menu
.art-menu
{
{
-
   padding: 6px 3px 0 3px;
+
   padding: 6px 3px 0 2px;
}
}
Line 548: Line 549:
.art-nav .l
.art-nav .l
{
{
-
   left: 0;
+
   left: 5px;
-
   right: 0;
+
   right: 5px;
}
}
.art-nav .r
.art-nav .r
{
{
-
  right: 0;
+
 
   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;
-
  cursor: pointer;
 
   text-decoration: none;
   text-decoration: none;
}
}
Line 575: Line 578:
.art-menu li
.art-menu li
{
{
-
   margin-right: 2px;
+
   text-align: justify;
-
   margin-left: 2px;
+
   margin: auto;
}
}
.art-menu ul li
.art-menu ul li
{
{
-
     margin:0;
+
    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-right: 10px;
+
   margin:auto;
-
  margin-left: 10px;
+
   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: 0 6px;
+
   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:0;
+
   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:0;
+
   margin:auto;
}
}
Line 775: Line 785:
   text-align: left;
   text-align: left;
   border: none !important;
   border: none !important;
-
   margin:0 !important;
+
   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: 0 !important;
+
   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: 0;
+
   margin: auto;
   vertical-align: middle;
   vertical-align: middle;
}
}
Line 819: Line 832:
   white-space: nowrap;
   white-space: nowrap;
   width: auto;
   width: auto;
-
   margin: 0;
+
   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: 0;
+
   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: 0 auto;
+
   margin: auto;
   min-width: 1px;
   min-width: 1px;
   min-height: 1px;
   min-height: 1px;
Line 923: Line 939:
.art-vmenublock
.art-vmenublock
{
{
-
   margin: 20px;
+
   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: 0 auto;
+
   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: 0 auto;
+
   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: 0 auto;
+
   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: 20px;
+
   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-bottom: 0;
+
  width: 100%;
 +
   margin: auto;
}
}
Line 1,023: Line 1,050:
   height: 27px;
   height: 27px;
   color: #000000;
   color: #000000;
-
   margin-right: 10px;
+
   margin: auto;
-
  margin-left: 10px;
+
   font-style: normal;
   font-style: normal;
   font-weight: bold;
   font-weight: bold;
   font-size: 15px;
   font-size: 15px;
-
   margin:0;
+
   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: 24px;
+
   right: 0;
}
}
Line 1,063: Line 1,089:
   position: relative;
   position: relative;
   z-index: 0;
   z-index: 0;
-
   margin: 0 auto;
+
   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: 0;
+
   margin: auto;
   padding: 0;
   padding: 0;
}
}
Line 1,239: Line 1,265:
   position: relative;
   position: relative;
   z-index: 0;
   z-index: 0;
-
   margin: 0 auto;
+
   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: 7px;
+
   margin: auto;
}
}
Line 1,264: Line 1,290:
.art-article img, img.art-article
.art-article img, img.art-article
{
{
-
   margin: 5px;
+
   margin: auto;
}
}
Line 1,271: Line 1,297:
   border: none;
   border: none;
   vertical-align: middle;
   vertical-align: middle;
-
   margin: 2px;
+
   margin: auto;
}
}
Line 1,277: Line 1,303:
{
{
   border-collapse: collapse;
   border-collapse: collapse;
-
   margin: 1px;
+
   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: 0.2em 0;
+
   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: 0;
+
   margin: auto;
   text-decoration: none;
   text-decoration: none;
   color: #233815;
   color: #233815;
Line 1,369: Line 1,395:
{
{
   color: #101A0F;
   color: #101A0F;
-
   margin: 1em 0 1em 2em;
+
   margin: auto;
   padding: 0;
   padding: 0;
-
  margin-left: 12px;
 
   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: 0.5em 0 0.5em 2em;
+
   margin: auto;
   padding: 0;
   padding: 0;
}
}
Line 1,383: Line 1,408:
.art-post li
.art-post li
{
{
-
   margin: 0.2em 0;
+
   margin: auto;
   padding: 0;
   padding: 0;
}
}
Line 1,435: Line 1,460:
.art-postcontent blockquote
.art-postcontent blockquote
{
{
-
   margin: 10px 10px 10px 50px;
+
   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: 0;
+
   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: 0 auto;
+
   margin: auto;
}
}
Line 1,513: Line 1,538:
.art-footer .art-footer-text p
.art-footer .art-footer-text p
{
{
-
   margin: 0;
+
   margin: auto;
}
}
Line 1,569: Line 1,594:
.art-page-footer
.art-page-footer
{
{
-
   margin: 1em;
+
   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: left top;
+
   background-position: top left;
   width: 30%;
   width: 30%;
}
}
Line 1,613: Line 1,640:
----------------------------------------------- */
----------------------------------------------- */
.profile-datablock, .profile-textblock {
.profile-datablock, .profile-textblock {
-
   margin: 0 0 .75em;
+
   margin: auto;
   line-height: 1.4em;
   line-height: 1.4em;
}
}
.profile-img {
.profile-img {
   float: left;
   float: left;
-
   margin-top: 0;
+
   margin: auto;
-
  margin-right: 5px;
+
-
  margin-bottom: 5px;
+
-
  margin-left: 0;
+
   border: 5px solid #889977;
   border: 5px solid #889977;
}
}

Latest revision as of 09:24, 22 July 2010