CSS - Helpers (helpers.css)
Aus Wikizone
Version vom 28. Oktober 2017, 12:38 Uhr von Steff (Diskussion | Beiträge)
/*
* 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;
}