CSS - Helpers (helpers.css)

<syntaxhighlights lang="css"> /*

* helpers.css
* Version: 1.0.0 (2017)
* by Stephan Schlegel
* provides useful classes for common purposes
*/

a:active, a:focus {outline: none;} .nowrap{

 white-space: nowrap;

} .no-opacity {

   opacity: 0;

} .no-padding { padding: 0 !important; } .no-v-padding { padding-top: 0 !important; padding-bottom: 0 !important; } .no-h-padding { padding-left: 0 !important; padding-right: 0 !important; } .no-margin { margin: 0 !important; } .no-h-margin { margin-left: 0 !important; margin-right: 0 !important; } .no-v-margin { margin-top: 0 !important; margin-bottom: 0 !important; } .table{

 display:table;
 background-color: transparent;
 /* vertical-align: bottom; */
 height: 100%;
 width: 100%;

} .table .table {

   background-color: transparent;

} .table-row{display: table-row;} .table-cell{

 display: table-cell;
 vertical-align: top;
 height: 100%;
 width: 100%;

} .bg-image{ background-repeat: no-repeat; background-size:cover;

 background-position: 50% 50%;

} .scroller{

 overflow-y: auto;

} .stretch{ /*needs pos relative or absolute to work*/

 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;

} .stretch-border{ /* user if you need a border around inner box */

 /* width: 100%; */
 /*position: absolute;
 top: 4px;
 bottom: 4px;
 left: 4px;
 right: 4px;*/

} /* new clearfix */ .clearfix:after, .stopFloat:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

• html .clearfix, * html .stopFloat { zoom: 1; } /* IE6 */

  first-child+html .clearfix, *:first-child+html .stopFloat { zoom: 1; } /* IE7 */

focus {

 outline: 0;

}

body #bd, body .bd{

 /* hyphens */
 /* padding: 4px; */
 -moz-hyphens: auto;
 -o-hyphens: auto;
 -webkit-hyphens: auto;
 -ms-hyphens: auto;
 hyphens: auto;

}

/* Navigation Helpers */ .nav ul{list-style-type: none;} .nav-h li{

 display: inline-block;
 padding: 6px 13px 6px 0;

}

</syntaxhighlight>