/*! * Faisca - v2.0.0 | https://github.com/nandomoreirame/faisca-css * @author: Fernando Moreira */ .cfix:before, .clearfix:before, .cfix:after, .clearfix:after { content: " "; display: table; } .cfix:after, .clearfix:after { clear: both; } /*====================================== = Others helpers = ======================================*/ .f-none, .d-il, .d-il-blk, .pull-none { float: none !important; } .f-right, .pull-right { float: right !important; } .f-left, .pull-left { float: left !important; } .clr-b, .clear-b { clear: both; } .clr-r, .clear-r { clear: right; } .clr-l, .clear-l { clear: left; } .d-inherit { display: inherit !important; } .d-initial { display: initial !important; } .d-il { display: inline !important; } .d-il-blk { display: inline-block !important; } .d-blk, .show { display: block !important; } .d-none, .hidden, [hidden] { display: none !important; } .d-flex { display: flex !important; } .d-il-flex { display: inline-flex !important; } .d-il-table { display: inline-table !important; } .d-list-item { display: list-item !important; } .d-t { display: table !important; } .d-t-row { display: table-row !important; } .d-t-col { display: table-column !important; } .d-t-cell, .va-top, .va-middle, .va-bottom { display: table-cell !important; } .d-t-row-group { display: table-row-group !important; } .d-t-f-group { display: table-footer-group !important; } .d-t-h-group { display: table-header-group !important; } .d-t-col-group { display: table-column-group !important; } .d-t-capt { display: table-caption !important; } .v-visible { visibility: visible; } .v-hidden { visibility: hidden; } .va-top { vertical-align: top !important; } .va-middle { vertical-align: middle !important; } .va-bottom { vertical-align: bottom !important; } .bx-sh { -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); } .bx-sh-none { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .ovf-auto { overflow: auto !important; } .ovf-visible { overflow: visible !important; } .ovf-hidden, .txt-hidden, .txt-truncate { overflow: hidden !important; } .o-0 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } .o-50 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } .o-100 { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } /*========================================== = Typography helpers = ==========================================*/ .txt-white { color: #fff !important; } .txt-silver { color: #eee !important; } .txt-black { color: #000 !important; } .fw-lighter { font-weight: 100 !important; } .fw-light { font-weight: 300 !important; } .fw-normal { font-weight: 500 !important; } .fw-bold { font-weight: 700 !important; } .fw-bolder { font-weight: 900 !important; } .txt-right { text-align: right !important; } .txt-left { text-align: left !important; } .txt-justify { text-align: justify !important; } .txt-center { text-align: center !important; } .txt-upper { text-transform: uppercase !important; } .txt-lower { text-transform: lowercase !important; } .txt-capit { text-transform: capitalize !important; } .f-style-n { font-style: normal !important; } .f-style-i { font-style: italic !important; } .f-style-o { font-style: oblique !important; } .txt-d-n { text-decoration: none !important; } .txt-d-u { text-decoration: underline !important; } .txt-d-o { text-decoration: overline !important; } .txt-strike, .txt-d-lt { text-decoration: line-through !important; } .txt-nowrap, .txt-hidden, .txt-truncate { white-space: nowrap !important; } .txt-hidden { text-indent: 100%; } .txt-truncate { text-overflow: ellipsis; } /*======================================= = Margins helpers = =======================================*/ .m-none { margin: 0 !important; } .m-t-none { margin-top: 0 !important; } .m-r-none { margin-right: 0 !important; } .m-b-none { margin-bottom: 0 !important; } .m-l-none { margin-left: 0 !important; } .m-x-none { margin-right: 0 !important; margin-left: 0 !important; } .m-y-none { margin-top: 0 !important; margin-bottom: 0 !important; } .m { margin: 10px !important; } .m-t { margin-top: 10px !important; } .m-r { margin-right: 10px !important; } .m-b { margin-bottom: 10px !important; } .m-l { margin-left: 10px !important; } .m-x { margin-right: 10px !important; margin-left: 10px !important; } .m-y { margin-top: 10px !important; margin-bottom: 10px !important; } .m-x-auto { margin-right: auto !important; margin-left: auto !important; } .m-md { margin: 20px !important; } .m-t-md { margin-top: 20px !important; } .m-r-md { margin-right: 20px !important; } .m-b-md { margin-bottom: 20px !important; } .m-l-md { margin-left: 20px !important; } .m-x-md { margin-right: 20px !important; margin-left: 20px !important; } .m-y-md { margin-top: 20px !important; margin-bottom: 20px !important; } .m-lg { margin: 40px !important; } .m-t-lg { margin-top: 40px !important; } .m-r-lg { margin-right: 40px !important; } .m-b-lg { margin-bottom: 40px !important; } .m-l-lg { margin-left: 40px !important; } .m-x-lg { margin-right: 40px !important; margin-left: 40px !important; } .m-y-lg { margin-top: 40px !important; margin-bottom: 40px !important; } /*======================================== = Paddings Helpers = ========================================*/ .p-none { padding: 0 !important; } .p-t-none { padding-top: 0 !important; } .p-r-none { padding-right: 0 !important; } .p-b-none { padding-bottom: 0 !important; } .p-l-none { padding-left: 0 !important; } .p-x-none { padding-right: 0 !important; padding-left: 0 !important; } .p-y-none { padding-top: 0 !important; padding-bottom: 0 !important; } .p { padding: 10px !important; } .p-t { padding-top: 10px !important; } .p-r { padding-right: 10px !important; } .p-b { padding-bottom: 10px !important; } .p-l { padding-left: 10px !important; } .p-x { padding-right: 10px !important; padding-left: 10px !important; } .p-y { padding-top: 10px !important; padding-bottom: 10px !important; } .p-md { padding: 20px !important; } .p-t-md { padding-top: 20px !important; } .p-r-md { padding-right: 20px !important; } .p-b-md { padding-bottom: 20px !important; } .p-l-md { padding-left: 20px !important; } .p-x-md { padding-right: 20px !important; padding-left: 20px !important; } .p-y-md { padding-top: 20px !important; padding-bottom: 20px !important; } .p-lg { padding: 40px !important; } .p-t-lg { padding-top: 40px !important; } .p-r-lg { padding-right: 40px !important; } .p-b-lg { padding-bottom: 40px !important; } .p-l-lg { padding-left: 40px !important; } .p-x-lg { padding-right: 40px !important; padding-left: 40px !important; } .p-y-lg { padding-top: 40px !important; padding-bottom: 40px !important; } /*======================================= = Borders helpers = =======================================*/ .bdr { border: 1px solid #eee !important; } .bdr-w1 { border-width: 1px !important; } .bdr-w2 { border-width: 2px !important; } .bdr-w3 { border-width: 3px !important; } .bdr-solid { border-style: solid !important; } .bdr-dashed { border-style: dashed !important; } .bdr-dotted { border-style: dotted !important; } .no-bdr { border: none !important; } .no-bdr-r { border-right: none !important; } .no-bdr-l { border-left: none !important; } .no-bdr-b { border-bottom: none !important; } .no-bdr-t { border-top: none !important; } .bdrz, .rounded { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .bdrz-lg { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } .bdrz-sm { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .bdrz-t { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; } .bdrz-t-lg { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; } .bdrz-t-sm { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; } .bdrz-l { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .bdrz-l-lg { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; } .bdrz-l-sm { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; } .bdrz-r { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .bdrz-r-lg { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; } .bdrz-r-sm { -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; } .bdrz-b { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .bdrz-b-lg { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; } .bdrz-b-sm { -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; } .dot, .bdrz-50 { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .unround, .no-bdrz { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .round { -moz-border-radius: 1000px; -webkit-border-radius: 1000px; border-radius: 1000px; } /*=============================================== = Helpers class for lists = ===============================================*/ .l-style-none, .l-unstyled, .l-inline { list-style: none; } .l-unstyled, .l-inline { padding-left: 0; } .l-inline { margin-left: -5px; } .l-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; } .l-centered { text-align: center; } .l-centered, .l-centered > li { float: none; } .l-centered > li { display: inline-block; } /*========================================== = Helpers Backtround = ==========================================*/ .no-bg { background: none !important; } .bg-size-cover { background-size: cover; } .bg-size-100 { background-size: 100%; } .bg-white { background-color: #fff !important; } .bg-silver { background-color: #eee !important; } .bg-black { background-color: #000 !important; } /*============================================= = Accessibility helpers = =============================================*/ .txt-hide-accessible { position: absolute; top: -9999px; left: -9999px; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; }