|
|
Line 2: |
Line 2: |
| | | |
| <!-- | | <!-- |
- | @VERSION 1.0.9 | + | @VERSION 1.1.0 |
| @NAME /Templates/Home | | @NAME /Templates/Home |
| @DESC This is a wiki template designed for the welcoming page. | | @DESC This is a wiki template designed for the welcoming page. |
Line 21: |
Line 21: |
| })(); | | })(); |
| | | |
- | </script>
| |
- | <script type="text/javascript">
| |
- | //Constants containing the menu cell positions (yeah, they're deffined as variables thx to IE)
| |
- | var RowPositions = new Array( "cat", "link", "mar");
| |
- | var ColPositions = new Array( "alpha", "beta", "gamma", "delta", "epsilon", "zeta");
| |
- | var OddPositions = new Array( "alpha", "gamma", "epsilon");
| |
- |
| |
- | var currColEvenness = "";
| |
- |
| |
- | //Constants containing the images for the table cells (odd/even/active Category/Link/Margin)
| |
- | // odd Cells
| |
- | var oCCellBg = "url(https://static.igem.org/mediawiki/2011/9/95/Darkgrey_cardboard_332x196_UGM.png)";
| |
- | var oLCellBg = "url(https://static.igem.org/mediawiki/2011/e/e6/Stained_grey_cardboard_332x196_UGM.png)";
| |
- | var oMCellBg = "url(https://static.igem.org/mediawiki/2011/9/95/Darkgrey_cardboard_332x196_UGM.png)";
| |
- | // even Cells
| |
- | var eCCellBg = "url(https://static.igem.org/mediawiki/2011/a/ae/Burnt_cardboard_332x196_UGM.png)";
| |
- | var eLCellBg = "url(https://static.igem.org/mediawiki/2011/6/66/Cardboard_332x196_UGM.png)";
| |
- | var eMCellBg = "url(https://static.igem.org/mediawiki/2011/a/ae/Burnt_cardboard_332x196_UGM.png)";
| |
- | // active Cells
| |
- | var aCCellBg = "url(https://static.igem.org/mediawiki/2011/e/e8/Green_paper_UGM.png)";
| |
- | var aLCellBg = "url(https://static.igem.org/mediawiki/2011/0/03/Light_green_paper_UGM.png)";
| |
- | var aMCellBg = "url(https://static.igem.org/mediawiki/2011/e/e8/Green_paper_UGM.png)";
| |
- |
| |
- | //Receive a cell id and return it's prefix (which describes it's row) or it's suffix (it's col)
| |
- | function GetCellRow(currentId){
| |
- | var pattern, i;
| |
- | for( i=0; i < RowPositions.length; i++){
| |
- | pattern = new RegExp("^" + RowPositions[i]);
| |
- | if( pattern.test(currentId)){
| |
- | return( RowPositions[i]);
| |
- | }
| |
- | }
| |
- | return( false);
| |
- | }
| |
- | function GetCellCol(currentId){
| |
- | var pattern, i;
| |
- | for( i=0; i < ColPositions.length; i++){
| |
- | pattern = new RegExp(ColPositions[i] + "$");
| |
- | if( pattern.test(currentId)){
| |
- | return( ColPositions[i]);
| |
- | }
| |
- | }
| |
- | return( false);
| |
- | }
| |
- |
| |
- | //Classiffy column suffixes in odd or even suffixes
| |
- | function ColEvenness(column){
| |
- | var i;
| |
- | for( i=0; i < OddPositions.length; i++){
| |
- | if( column == OddPositions[i]){
| |
- | return( "odd");
| |
- | }
| |
- | }
| |
- | return( "even");
| |
- | }
| |
- |
| |
- | //Function for lightening cells according to their position
| |
- | function LightenCell(row, column){
| |
- | var cell = document.getElementById( row + column);
| |
- | switch (row){
| |
- | case "cat":
| |
- | cell.style.backgroundImage = aCCellBg;
| |
- | break;
| |
- | case "link":
| |
- | cell.style.backgroundImage = aLCellBg;
| |
- | break;
| |
- | case "mar":
| |
- | cell.style.backgroundImage = aMCellBg;
| |
- | break;
| |
- | }
| |
- | }
| |
- |
| |
- | //Function to Lighten the current menu table column
| |
- | function LightenMenu(currentCell){
| |
- | var column = GetCellCol( currentCell.id );
| |
- | LightenCell( "cat", column);
| |
- | LightenCell("link", column);
| |
- | LightenCell( "mar", column);
| |
- | currColEvenness = ColEvenness(column);
| |
- | }
| |
- |
| |
- | //Function for darkening cells according to their position and evenness
| |
- | function DarkenCell(row, column){
| |
- | var cell = document.getElementById( row + column);
| |
- | if( currColEvenness == "odd"){
| |
- | switch (row){
| |
- | case "cat":
| |
- | cell.style.backgroundImage = oCCellBg;
| |
- | break;
| |
- | case "link":
| |
- | cell.style.backgroundImage = oLCellBg;
| |
- | break;
| |
- | case "mar":
| |
- | cell.style.backgroundImage = oMCellBg;
| |
- | break;
| |
- | }
| |
- | } else if( currColEvenness == "even"){
| |
- | switch (row){
| |
- | case "cat":
| |
- | cell.style.backgroundImage = eCCellBg;
| |
- | break;
| |
- | case "link":
| |
- | cell.style.backgroundImage = eLCellBg;
| |
- | break;
| |
- | case "mar":
| |
- | cell.style.backgroundImage = eMCellBg;
| |
- | break;
| |
- | }
| |
- | }
| |
- | }
| |
- |
| |
- | //Function to Darken the current menu table column
| |
- | function DarkenMenu(currentCell){
| |
- | var column = GetCellCol( currentCell.id );
| |
- | DarkenCell( "cat", column);
| |
- | DarkenCell("link", column);
| |
- | DarkenCell( "mar", column);
| |
- | currColEvenness = "";
| |
- | }
| |
| </script> | | </script> |
| <style> | | <style> |
Line 160: |
Line 41: |
| background-color: transparent; | | background-color: transparent; |
| font-size: 100%; | | font-size: 100%; |
| + | line-height: 1em; |
| + | font-size:100%; |
| + | font-family: "Maiandra GD", Garamond, "Tempus Sans ITC", Papyrus, "Kristen ITC", |
| + | "Segoe Print", "Comic Sans MS", Verdana, sans-serif; |
| + | /* |
| + | Fonts I recomend the most: |
| + | "Maiandra GD", Garamond, |
| + | Fonts that resemble handwriting but are uncomfortable to read. |
| + | These letters are too decorated: |
| + | "Viner Hand ITC","Bradley Hand ITC","Lucida Handwriting","Tempus Sans ITC", |
| + | These letter is too small: |
| + | Gabriola, |
| + | These letter is too narrow: |
| + | "Juice ITC", |
| + | */ |
| } | | } |
| | | |
Line 173: |
Line 69: |
| color: #000000; | | color: #000000; |
| text-align:justify; | | text-align:justify; |
- | line-height: 1em;
| |
- | font-size:100%;
| |
- | font-family: "Maiandra GD", Garamond, "Tempus Sans ITC", Papyrus, "Kristen ITC",
| |
- | "Segoe Print", "Comic Sans MS", Verdana, sans-serif;
| |
| } | | } |
| div#bodyContent{ | | div#bodyContent{ |
Line 189: |
Line 81: |
| color: #000000; | | color: #000000; |
| text-align:justify; | | text-align:justify; |
- | line-height: 1em;
| |
- | font-size:100%;
| |
- | font-family: "Maiandra GD", Garamond, "Tempus Sans ITC", Papyrus, "Kristen ITC",
| |
- | "Segoe Print", "Comic Sans MS", Verdana, sans-serif;
| |
- | /*
| |
- | Fonts I recomend the most:
| |
- | "Maiandra GD", Garamond,
| |
- | Fonts that resemble handwriting but are uncomfortable to read.
| |
- | These letters are too decorated:
| |
- | "Viner Hand ITC","Bradley Hand ITC","Lucida Handwriting","Tempus Sans ITC",
| |
- | These letter is too small:
| |
- | Gabriola,
| |
- | These letter is too narrow:
| |
- | "Juice ITC",
| |
- | */
| |
| } | | } |
| div#content h1.firstHeading{ | | div#content h1.firstHeading{ |
Line 209: |
Line 86: |
| } | | } |
| div#bodyContent p{ | | div#bodyContent p{ |
- | margin: 0em 0em 0em 0em; | + | margin: 31px 0px 31px 0px; |
| } | | } |
| div#contentSub{ | | div#contentSub{ |
- | margin: 0 0 0.7em 0; | + | margin: 0; |
| } | | } |
| div#catlinks{ | | div#catlinks{ |
Line 290: |
Line 167: |
| div#footer-box div#footer ul#f-list li a:hover { | | div#footer-box div#footer ul#f-list li a:hover { |
| color: white; | | color: white; |
| + | } |
| + | #f-poweredbyico{ |
| + | display: none; |
| + | } |
| + | #f-copyrightico{ |
| + | display: none; |
| } | | } |
| | | |
Line 339: |
Line 222: |
| </html> | | </html> |
| | | |
| + | _NOTOC_ |
| <div id="ULC" class="sixpack"> | | <div id="ULC" class="sixpack"> |
| {{{ULC}}} | | {{{ULC}}} |