02e186f6df7de6db363e2a465f5a825e78023f43 kate Tue Dec 20 09:46:09 2016 -0800 Fix font sizes. Adjust margins for the smaller font sizes. refs #18504 diff --git src/hg/htdocs/template.html src/hg/htdocs/template.html index c2961d6..78f414a 100755 --- src/hg/htdocs/template.html +++ src/hg/htdocs/template.html @@ -23,85 +23,97 @@ Follow these citation guidelines when using applications from the Genome Browser tool suite or data from the UCSC Genome Browser database in a research work that will be published in a journal or on the Internet. In addition to the relevant paper, please include a reference to the Genome Browser website in your manuscript: <a href="index.html" target=_blank>http://genome.ucsc.edu/</a>. Be sure to mention the release date of the genome assembly used in your work to faciliate the examination of your data by reviewers and the readers. Please do <strong>not</strong> include references to our development servers (such as genome-test.cse.ucsc.edu) in published links or URLs. </p> <!-- Sections --> <!-- In this example, two of same size, so use 6 columns of 12 total in grid --> <div class="row"> + +<!-- Left column --> <div class="col-md-6"> <h2>Page section</h2> <p> This is one of two subsections, formatted as equal-sized columns via the grid layout feature of bootstrap.css, a commonly used style sheet. The grid contains 12 columns; column widths are specified using classes 'col-md-1' through 'col-md-12'. This example contains two divs, each assigned class 'col-md-6', within a 'row' div. </p> + +<!-- Preformatted code example --> <p> Here is some code: </p> <pre><code>sudo -i bash browserSetup.sh install</code></pre> + +<!-- Numbered list example --> + <p> + Here is a numbered list ('ol' and 'li' elements): + </p> + <ol> + <li> +<strong>chrom</strong> - The name of the chromosome (e.g. chr3, chrY, chr2_random) or +scaffold (e.g. scaffold10671). + </li> + <li> +<strong>chromStart</strong> - The starting position of the feature in the chromosome or scaffold. +The first base in a chromosome is numbered 0. + </li> + <li> +<strong>chromEnd</strong> - The ending position of the feature in the chromosome or scaffold. +The <em>chromEnd</em> base is not included in the display of the feature. +For example, the first 100 bases of a chromosome are defined +as <em>chromStart=0, chromEnd=100</em>, and span the bases numbered 0-99. + </li> + </ol> </div> + +<!-- Right column --> <div class="col-md-6"> <h2>Another section</h2> <p> Here is a bulleted list ('ul' and 'li' elements): </p> + +<!-- Bulleted list example --> <ul> <li>red</li> <li>white</li> <li>blue</li> </ul> <p> Here is a table ('table', 'tr', 'th', and 'td' elements): </p> + +<!-- Table example --> <table> <tr> <th>Type</th> <th>Total</th> </tr> <tr> <td>Chromosomes</td> <td>261</td> </tr> <tr> <td>Haplotypes</td> <td>261</td> </tr> <tr> <td>Unlocalized contigs</td> <td>1270</td> </tr> </table> - <p> - Here is a numbered list ('ol' and 'li' elements): - </p> - <ol> - <li> -<strong>chrom</strong> - The name of the chromosome (e.g. chr3, chrY, chr2_random) or -scaffold (e.g. scaffold10671). - </li> - <li> -<strong>chromStart</strong> - The starting position of the feature in the chromosome or scaffold. -The first base in a chromosome is numbered 0. - </li> - <li> -<strong>chromEnd</strong> - The ending position of the feature in the chromosome or scaffold. -The <em>chromEnd</em> base is not included in the display of the feature. -For example, the first 100 bases of a chromosome are defined -as <em>chromStart=0, chromEnd=100</em>, and span the bases numbered 0-99. -</li> - </ol> </div> </div> <!--#include virtual="/gbPageEnd.html"-->