Source of file global.php
Size: 7,794 Bytes - Last Modified: 2021-12-24T07:20:59+00:00
/var/www/docs.ssmods.com/process/src/public/global.php
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153 | <?php include("header.php")?> <div class="page secondary"> <div class="page-header"> <div class="page-header-content"> <h1>Global<small>styles</small></h1> <a href="/" class="back-button big page-back"></a> </div> </div> <div class="page-region"> <div class="page-region-content"> <div class="grid"> <div class="row"> <div class="span10"> <h2>Requires HTML5 doctype</h2> <p>Metro UI CSS makes use of certain HTML elements and CSS properties that require the use of the HTML5 doctype. Include it at the beginning of all your projects.</p> <pre class="prettyprint linenums"> <!DOCTYPE html> <html lang="en"> ... </html> </pre> <h2>JavaScript</h2> <p>All javascript plugins required <a href="http://jquery.com/">jQuery</a>.</p> </div> </div> <div class="row"> <div class="span10"> <h2>Reset Styles</h2> <p> In Metro UI CSS used <a href="http://github.com/necolas/normalize.css">normalize.css</a> by <a href="http://nicolasgallagher.com/">Nicolas Gallaher</a> </p> </div> </div> <div class="row"> <div class="span3"> <h2>Colors</h2> <ul class="unstyled"> <li style="height: 40px;"><span class="square bg-color-green"></span>*-color-green</li> <li style="height: 40px;"><span class="square bg-color-greenDark"></span>*-color-greenDark</li> <li style="height: 40px;"><span class="square bg-color-greenLight"></span>*-color-greenLight</li> <li style="height: 40px;"><span class="square bg-color-magenta"></span>*-color-magenta</li> <li style="height: 40px;"><span class="square bg-color-pink"></span>*-color-pink</li> <li style="height: 40px;"><span class="square bg-color-pinkDark"></span>*-color-pinkDark</li> </ul> </div> <div class="span3"> <h2> </h2> <ul class="unstyled"> <li style="height: 40px;"><span class="square bg-color-yellow"></span>*-color-yellow</li> <li style="height: 40px;"><span class="square bg-color-darken"></span>*-color-darken</li> <li style="height: 40px;"><span class="square bg-color-purple"></span>*-color-purple</li> <li style="height: 40px;"><span class="square bg-color-teal"></span>*-color-teal</li> <li style="height: 40px;"><span class="square bg-color-blue"></span>*-color-blue</li> <li style="height: 40px;"><span class="square bg-color-blueDark"></span>*-color-blueDark</li> </ul> </div> <div class="span3"> <h2> </h2> <ul class="unstyled"> <li style="height: 40px;"><span class="square bg-color-blueLight"></span>*-color-blueLight</li> <li style="height: 40px;"><span class="square bg-color-orange"></span>*-color-orange</li> <li style="height: 40px;"><span class="square bg-color-orangeDark"></span>*-color-orangeDark</li> <li style="height: 40px;"><span class="square bg-color-red"></span>*-color-red</li> <li style="height: 40px;"><span class="square bg-color-redLight"></span>*-color-redLight</li> <li style="height: 40px;"><span class="square bg-color-white"></span>*-color-white</li> </ul> </div> </div> <div class="row"> <div class="span10"> <p>To set background color use prefix <strong>bg</strong>, for set text color use prefix <strong>fg</strong></p> <pre class="prettyprint linenums"> <div class="bg-color-red">...</div> <span class="fg-color-blue">...</span> </pre> </div> </div> <div class="row"> <div class="span10"> <p>To set border color use prefix <strong>border</strong></p> <div class="clearfix"> <div class="span2 border-color-blue"> </div> <div class="span2 border-color-green"> </div> <div class="span2 border-color-red"> </div> <div class="span2 border-color-orange"> </div> <div class="span2 border-color-darken"> </div> </div> <pre class="prettyprint linenums"> <div class="border-color-red">...</div> </pre> </div> </div> <div class="row"> <div class="span10"> <p>To set outline color for components (such as tile, listView item, etc.) use prefix <strong>outline</strong></p> <div class="clearfix"> <div class="tile outline-color-blue"> </div> <div class="tile outline-color-green"> </div> <div class="tile outline-color-red"> </div> <div class="tile outline-color-orange"> </div> </div> <pre class="prettyprint linenums"> <div class="tile outline-color-red">...</div> </pre> </div> </div> <div class="row"> <div class="span10"> <h2>Fonts</h2> <p class="span10"> In Metro UI CSS i use Segoe UI, <a href="http://www.google.com/webfonts#UsePlace:use/Collection:Open+Sans">Open Sans</a> fonts (depending on the availability in the system). </p> </div> </div> </div> <div class="grid"> <div class="row"> <?php include("adsense.php")?> </div> </div> </div> </div> </div> <?php include("footer.php")?> |