129 lines
2.8 KiB
CSS
129 lines
2.8 KiB
CSS
/*[ PADDING ]
|
|
///////////////////////////////////////////////////////////
|
|
*/
|
|
.p-t-3 {padding-top: 3px;}
|
|
.p-t-50 {padding-top: 50px;}
|
|
.p-b-24 {padding-bottom: 24px;}
|
|
.p-b-51 {padding-bottom: 51px;}
|
|
.p-b-90 {padding-bottom: 90px;}
|
|
/*[ MARGIN ]
|
|
///////////////////////////////////////////////////////////
|
|
*/
|
|
.m-t-17 {margin-top: 17px;}
|
|
.m-b-16 {margin-bottom: 16px;}
|
|
/*[ TEXT ]
|
|
///////////////////////////////////////////////////////////
|
|
*/
|
|
/* ------------------------------------ */
|
|
.text-white {color: white;}
|
|
.text-hov-white:hover {color: white;}
|
|
|
|
/* ------------------------------------ */
|
|
.text-up {text-transform: uppercase;}
|
|
|
|
/* ------------------------------------ */
|
|
.text-center {text-align: center;}
|
|
.text-left {text-align: left;}
|
|
.text-right {text-align: right;}
|
|
.text-middle {vertical-align: middle;}
|
|
|
|
/*[ SHAPE ]
|
|
///////////////////////////////////////////////////////////
|
|
*/
|
|
|
|
/*[ Display ]
|
|
-----------------------------------------------------------
|
|
*/
|
|
.dis-none {display: none;}
|
|
.dis-block {display: block;}
|
|
.dis-inline {display: inline;}
|
|
.dis-inline-block {display: inline-block;}
|
|
.dis-flex {
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -moz-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
}
|
|
|
|
/*[ Position ]
|
|
-----------------------------------------------------------
|
|
*/
|
|
.pos-relative {position: relative;}
|
|
.pos-absolute {position: absolute;}
|
|
.pos-fixed {position: fixed;}
|
|
|
|
/*[ float ]
|
|
-----------------------------------------------------------
|
|
*/
|
|
.float-l {float: left;}
|
|
.float-r {float: right;}
|
|
|
|
|
|
/*[ Width & Height ]
|
|
-----------------------------------------------------------
|
|
*/
|
|
.sizefull {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.w-full {width: 100%;}
|
|
.h-full {height: 100%;}
|
|
.max-w-full {max-width: 100%;}
|
|
.max-h-full {max-height: 100%;}
|
|
.min-w-full {min-width: 100%;}
|
|
.min-h-full {min-height: 100%;}
|
|
|
|
/*[ Top Bottom Left Right ]
|
|
-----------------------------------------------------------
|
|
*/
|
|
.top-0 {top: 0;}
|
|
.bottom-0 {bottom: 0;}
|
|
.left-0 {left: 0;}
|
|
.right-0 {right: 0;}
|
|
|
|
.top-auto {top: auto;}
|
|
.bottom-auto {bottom: auto;}
|
|
.left-auto {left: auto;}
|
|
.right-auto {right: auto;}
|
|
|
|
/*[ Layout ]
|
|
///////////////////////////////////////////////////////////
|
|
*/
|
|
|
|
/*[ Flex ]
|
|
-----------------------------------------------------------
|
|
*/
|
|
.flex-w {
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -moz-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-flex-wrap: wrap;
|
|
-moz-flex-wrap: wrap;
|
|
-ms-flex-wrap: wrap;
|
|
-o-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.flex-sb {
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -moz-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.flex-sb-m {
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -moz-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
-ms-align-items: center;
|
|
align-items: center;
|
|
}
|