Spaces:
Sleeping
Sleeping
/* Elementpath css */ | |
/* | |
el_01 | |
color | |
*/ | |
.color_blue { | |
color: #7f27d8; | |
} | |
.color_purple { | |
color: #6f42c1; | |
} | |
.color_pink { | |
color: #d63384; | |
} | |
.color_red { | |
color: #dc3545; | |
} | |
.color_orange { | |
color: #fd7e14; | |
} | |
.color_yellow { | |
color: #ffc107; | |
} | |
.color_green { | |
color: #198754; | |
} | |
.color_gray { | |
color: #6c757d; | |
} | |
.color_gray_dark { | |
color: #343a40; | |
} | |
.color_light { | |
color: #f8f9fa; | |
} | |
.color_dark { | |
color: #212529; | |
} | |
.color_black{ | |
color: #000000; | |
} | |
/* | |
el_02 | |
background | |
*/ | |
.bg_blue { | |
background-color: #7f27d8; | |
} | |
.bg_purple { | |
background-color: #6f42c1; | |
} | |
.bg_pink { | |
background-color: #d63384; | |
} | |
.bg_red { | |
background-color: #dc3545; | |
} | |
.bg_orange { | |
background-color: #fd7e14; | |
} | |
.bg_yellow { | |
background-color: #ffc107; | |
} | |
.bg_green { | |
background-color: #198754;; | |
} | |
.bg_gray { | |
background-color: #6c757d; | |
} | |
.bg_gray-dark { | |
background-color: #343a40; | |
} | |
.bg_light { | |
background-color: #f8f9fa; | |
} | |
.bg_dark { | |
background-color: #212529; | |
} | |
.bg_cover { | |
background-size: cover; | |
} | |
.bg_contain { | |
background-size: contain; | |
} | |
.bg_fixed { | |
background-attachment: fixed; | |
} | |
.bg_top { | |
background-position: top; | |
} | |
.bg_right { | |
background-position: right; | |
} | |
.bg_bottom { | |
background-position: bottom; | |
} | |
.bg_left { | |
background-position: left; | |
} | |
.bg_center { | |
background-position: center; | |
} | |
/* | |
el_03 | |
display | |
*/ | |
.d_block { | |
display: block; | |
} | |
.d_iblock { | |
display: inline-block; | |
} | |
.d_flex { | |
display: flex; | |
} | |
.d_table { | |
display: table; | |
} | |
.d_tcell { | |
display: table-cell; | |
} | |
.d_none { | |
display: none; | |
} | |
/* | |
el_04 | |
position | |
*/ | |
.p_relative { | |
position: relative; | |
} | |
.p_absolute { | |
position: absolute; | |
} | |
.p_fixed { | |
position: fixed; | |
} | |
/* | |
el_05 | |
Border | |
*/ | |
.border { | |
border: 1px solid #ddd; | |
} | |
.border_top { | |
border-top: 1px solid #ddd; | |
} | |
.border_right { | |
border-right: 1px solid #ddd; | |
} | |
.border_bottom { | |
border-bottom: 1px solid #ddd; | |
} | |
.border_left { | |
border-left: 1px solid #ddd; | |
} | |
/* | |
el_06 | |
Transition | |
*/ | |
.tran_3 { | |
transition: .3s; | |
} | |
.tran_4 { | |
transition: .4s; | |
} | |
.tran_5 { | |
transition: .5s; | |
} | |
/* | |
el_07 | |
Font size | |
*/ | |
.fs_0 { | |
font-size: 0; | |
} | |
.fs_1 { | |
font-size: 1px; | |
} | |
.fs_2 { | |
font-size: 2px; | |
} | |
.fs_3 { | |
font-size: 3px; | |
} | |
.fs_4 { | |
font-size: 4px; | |
} | |
.fs_5 { | |
font-size: 5px; | |
} | |
.fs_6 { | |
font-size: 6px; | |
} | |
.fs_7 { | |
font-size: 7px; | |
} | |
.fs_8 { | |
font-size: 8px; | |
} | |
.fs_9 { | |
font-size: 9px; | |
} | |
.fs_10 { | |
font-size: 10px; | |
} | |
.fs_11 { | |
font-size: 11px; | |
} | |
.fs_12 { | |
font-size: 12px; | |
} | |
.fs_13 { | |
font-size: 13px; | |
} | |
.fs_14 { | |
font-size: 14px; | |
} | |
.fs_15 { | |
font-size: 15px; | |
} | |
.fs_16 { | |
font-size: 16px; | |
} | |
.fs_17 { | |
font-size: 17px; | |
} | |
.fs_18 { | |
font-size: 18px; | |
} | |
.fs_19 { | |
font-size: 19px; | |
} | |
.fs_20 { | |
font-size: 20px; | |
} | |
.fs_25 { | |
font-size: 25px; | |
} | |
.fs_30 { | |
font-size: 30px; | |
} | |
.fs_35 { | |
font-size: 35px; | |
} | |
.fs_40 { | |
font-size: 40px; | |
} | |
.fs_45 { | |
font-size: 45px; | |
} | |
.fs_50 { | |
font-size: 50px; | |
} | |
.fs_55 { | |
font-size: 55px; | |
} | |
.fs_60 { | |
font-size: 60px; | |
} | |
.fs_65 { | |
font-size: 65px; | |
} | |
.fs_70 { | |
font-size: 70px; | |
} | |
.fs_75 { | |
font-size: 75px; | |
} | |
.fs_80 { | |
font-size: 80px; | |
} | |
.fs_85 { | |
font-size: 85px; | |
} | |
.fs_90 { | |
font-size: 90px; | |
} | |
.fs_95 { | |
font-size: 95px; | |
} | |
.fs_100 { | |
font-size: 100px; | |
} | |
.fs_110 { | |
font-size: 110px; | |
} | |
.fs_120 { | |
font-size: 120px; | |
} | |
.fs_130 { | |
font-size: 130px; | |
} | |
.fs_140 { | |
font-size: 140px; | |
} | |
.fs_150 { | |
font-size: 150px; | |
} | |
.fs_160 { | |
font-size: 160px; | |
} | |
.fs_170 { | |
font-size: 170px; | |
} | |
.fs_180 { | |
font-size: 180px; | |
} | |
.fs_190 { | |
font-size: 190px; | |
} | |
.fs_200 { | |
font-size: 200px; | |
} | |
/* | |
el_08 | |
Font wieght | |
*/ | |
.fw_light { | |
font-weight: 300; | |
} | |
.fw_normal { | |
font-weight: 400; | |
} | |
.fw_medium { | |
font-weight: 500; | |
} | |
.fw_sbold { | |
font-weight: 600; | |
} | |
.fw_bold { | |
font-weight: 700; | |
} | |
.fw_exbold { | |
font-weight: 800; | |
} | |
/* | |
el_09 | |
Float | |
*/ | |
.float_left { | |
float: left; | |
} | |
.float_right { | |
float: right; | |
} | |
/* | |
el_10 | |
Width | |
*/ | |
.w_0 { | |
width: 0; | |
} | |
.w_1 { | |
width: 1px; | |
} | |
.w_2 { | |
width: 2px; | |
} | |
.w_3 { | |
width: 3px; | |
} | |
.w_4 { | |
width: 4px; | |
} | |
.w_5 { | |
width: 5px; | |
} | |
.w_6 { | |
width: 6px; | |
} | |
.w_7 { | |
width: 7px; | |
} | |
.w_8 { | |
width: 8px; | |
} | |
.w_9 { | |
width: 9px; | |
} | |
.w_10 { | |
width: 10px; | |
} | |
.w_11 { | |
width: 11px; | |
} | |
.w_12 { | |
width: 12px; | |
} | |
.w_13 { | |
width: 13px; | |
} | |
.w_14 { | |
width: 14px; | |
} | |
.w_15 { | |
width: 15px; | |
} | |
.w_16 { | |
width: 16px; | |
} | |
.w_17 { | |
width: 17px; | |
} | |
.w_18 { | |
width: 18px; | |
} | |
.w_19 { | |
width: 19px; | |
} | |
.w_20 { | |
width: 20px; | |
} | |
.w_25 { | |
width: 25px; | |
} | |
.w_30 { | |
width: 30px; | |
} | |
.w_35 { | |
width: 35px; | |
} | |
.w_40 { | |
width: 40px; | |
} | |
.w_45 { | |
width: 45px; | |
} | |
.w_50 { | |
width: 50px; | |
} | |
.w_55 { | |
width: 55px; | |
} | |
.w_60 { | |
width: 60px; | |
} | |
.w_65 { | |
width: 65px; | |
} | |
.w_70 { | |
width: 70px; | |
} | |
.w_75 { | |
width: 75px; | |
} | |
.w_80 { | |
width: 80px; | |
} | |
.w_85 { | |
width: 85px; | |
} | |
.w_90 { | |
width: 90px; | |
} | |
.w_95 { | |
width: 95px; | |
} | |
.w_100 { | |
width: 100px; | |
} | |
.w_110 { | |
width: 110px; | |
} | |
.w_120 { | |
width: 120px; | |
} | |
.w_130 { | |
width: 130px; | |
} | |
.w_140 { | |
width: 140px; | |
} | |
.w_150 { | |
width: 150px; | |
} | |
.w_160 { | |
width: 160px; | |
} | |
.w_170 { | |
width: 170px; | |
} | |
.w_180 { | |
width: 180px; | |
} | |
.w_190 { | |
width: 190px; | |
} | |
.w_200 { | |
width: 200px; | |
} | |
.mw_0 { | |
max-width: 0; | |
} | |
.mw_1 { | |
max-width: 1px; | |
} | |
.mw_2 { | |
max-width: 2px; | |
} | |
.mw_3 { | |
max-width: 3px; | |
} | |
.mw_4 { | |
max-width: 4px; | |
} | |
.mw_5 { | |
max-width: 5px; | |
} | |
.mw_6 { | |
max-width: 6px; | |
} | |
.mw_7 { | |
max-width: 7px; | |
} | |
.mw_8 { | |
max-width: 8px; | |
} | |
.mw_9 { | |
max-width: 9px; | |
} | |
.mw_10 { | |
max-width: 10px; | |
} | |
.mw_11 { | |
max-width: 11px; | |
} | |
.mw_12 { | |
max-width: 12px; | |
} | |
.mw_13 { | |
max-width: 13px; | |
} | |
.mw_14 { | |
max-width: 14px; | |
} | |
.mw_15 { | |
max-width: 15px; | |
} | |
.mw_16 { | |
max-width: 16px; | |
} | |
.mw_17 { | |
max-width: 17px; | |
} | |
.mw_18 { | |
max-width: 18px; | |
} | |
.mw_19 { | |
max-width: 19px; | |
} | |
.mw_20 { | |
max-width: 20px; | |
} | |
.mw_25 { | |
max-width: 25px; | |
} | |
.mw_30 { | |
max-width: 30px; | |
} | |
.mw_35 { | |
max-width: 35px; | |
} | |
.mw_40 { | |
max-width: 40px; | |
} | |
.mw_45 { | |
max-width: 45px; | |
} | |
.mw_50 { | |
max-width: 50px; | |
} | |
.mw_55 { | |
max-width: 55px; | |
} | |
.mw_60 { | |
max-width: 60px; | |
} | |
.mw_65 { | |
max-width: 65px; | |
} | |
.mw_70 { | |
max-width: 70px; | |
} | |
.mw_75 { | |
max-width: 75px; | |
} | |
.mw_80 { | |
max-width: 80px; | |
} | |
.mw_85 { | |
max-width: 85px; | |
} | |
.mw_90 { | |
max-width: 90px; | |
} | |
.mw_95 { | |
max-width: 95px; | |
} | |
.mw_100 { | |
max-width: 100px; | |
} | |
.mw_110 { | |
max-width: 110px; | |
} | |
.mw_120 { | |
max-width: 120px; | |
} | |
.mw_130 { | |
max-width: 130px; | |
} | |
.mw_140 { | |
max-width: 140px; | |
} | |
.mw_150 { | |
max-width: 150px; | |
} | |
.mw_160 { | |
max-width: 160px; | |
} | |
.mw_170 { | |
max-width: 170px; | |
} | |
.mw_180 { | |
max-width: 180px; | |
} | |
.mw_190 { | |
max-width: 190px; | |
} | |
.mw_200 { | |
max-width: 200px; | |
} | |
/* | |
el_11 | |
height | |
*/ | |
.h_0 { | |
height: 0; | |
} | |
.h_1 { | |
height: 1px; | |
} | |
.h_2 { | |
height: 2px; | |
} | |
.h_3 { | |
height: 3px; | |
} | |
.h_4 { | |
height: 4px; | |
} | |
.h_5 { | |
height: 5px; | |
} | |
.h_6 { | |
height: 6px; | |
} | |
.h_7 { | |
height: 7px; | |
} | |
.h_8 { | |
height: 8px; | |
} | |
.h_9 { | |
height: 9px; | |
} | |
.h_10 { | |
height: 10px; | |
} | |
.h_11 { | |
height: 11px; | |
} | |
.h_12 { | |
height: 12px; | |
} | |
.h_13 { | |
height: 13px; | |
} | |
.h_14 { | |
height: 14px; | |
} | |
.h_15 { | |
height: 15px; | |
} | |
.h_16 { | |
height: 16px; | |
} | |
.h_17 { | |
height: 17px; | |
} | |
.h_18 { | |
height: 18px; | |
} | |
.h_19 { | |
height: 19px; | |
} | |
.h_20 { | |
height: 20px; | |
} | |
.h_25 { | |
height: 25px; | |
} | |
.h_30 { | |
height: 30px; | |
} | |
.h_35 { | |
height: 35px; | |
} | |
.h_40 { | |
height: 40px; | |
} | |
.h_45 { | |
height: 45px; | |
} | |
.h_50 { | |
height: 50px; | |
} | |
.h_55 { | |
height: 55px; | |
} | |
.h_60 { | |
height: 60px; | |
} | |
.h_65 { | |
height: 65px; | |
} | |
.h_70 { | |
height: 70px; | |
} | |
.h_75 { | |
height: 75px; | |
} | |
.h_80 { | |
height: 80px; | |
} | |
.h_85 { | |
height: 85px; | |
} | |
.h_90 { | |
height: 90px; | |
} | |
.h_95 { | |
height: 95px; | |
} | |
.h_100 { | |
height: 100px; | |
} | |
.h_110 { | |
height: 110px; | |
} | |
.h_120 { | |
height: 120px; | |
} | |
.h_130 { | |
height: 130px; | |
} | |
.h_140 { | |
height: 140px; | |
} | |
.h_150 { | |
height: 150px; | |
} | |
.h_160 { | |
height: 160px; | |
} | |
.h_170 { | |
height: 170px; | |
} | |
.h_180 { | |
height: 180px; | |
} | |
.h_190 { | |
height: 190px; | |
} | |
.h_200 { | |
height: 200px; | |
} | |
.mh_0 { | |
max-height: 0; | |
} | |
.mh_1 { | |
max-height: 1px; | |
} | |
.mh_2 { | |
max-height: 2px; | |
} | |
.mh_3 { | |
max-height: 3px; | |
} | |
.mh_4 { | |
max-height: 4px; | |
} | |
.mh_5 { | |
max-height: 5px; | |
} | |
.mh_6 { | |
max-height: 6px; | |
} | |
.mh_7 { | |
max-height: 7px; | |
} | |
.mh_8 { | |
max-height: 8px; | |
} | |
.mh_9 { | |
max-height: 9px; | |
} | |
.mh_10 { | |
max-height: 10px; | |
} | |
.mh_11 { | |
max-height: 11px; | |
} | |
.mh_12 { | |
max-height: 12px; | |
} | |
.mh_13 { | |
max-height: 13px; | |
} | |
.mh_14 { | |
max-height: 14px; | |
} | |
.mh_15 { | |
max-height: 15px; | |
} | |
.mh_16 { | |
max-height: 16px; | |
} | |
.mh_17 { | |
max-height: 17px; | |
} | |
.mh_18 { | |
max-height: 18px; | |
} | |
.mh_19 { | |
max-height: 19px; | |
} | |
.mh_20 { | |
max-height: 20px; | |
} | |
.mh_25 { | |
max-height: 25px; | |
} | |
.mh_30 { | |
max-height: 30px; | |
} | |
.mh_35 { | |
max-height: 35px; | |
} | |
.mh_40 { | |
max-height: 40px; | |
} | |
.mh_45 { | |
max-height: 45px; | |
} | |
.mh_50 { | |
max-height: 50px; | |
} | |
.mh_55 { | |
max-height: 55px; | |
} | |
.mh_60 { | |
max-height: 60px; | |
} | |
.mh_65 { | |
max-height: 65px; | |
} | |
.mh_70 { | |
max-height: 70px; | |
} | |
.mh_75 { | |
max-height: 75px; | |
} | |
.mh_80 { | |
max-height: 80px; | |
} | |
.mh_85 { | |
max-height: 85px; | |
} | |
.mh_90 { | |
max-height: 90px; | |
} | |
.mh_95 { | |
max-height: 95px; | |
} | |
.mh_100 { | |
max-height: 100px; | |
} | |
.mh_110 { | |
max-height: 110px; | |
} | |
.mh_120 { | |
max-height: 120px; | |
} | |
.mh_130 { | |
max-height: 130px; | |
} | |
.mh_140 { | |
max-height: 140px; | |
} | |
.mh_150 { | |
max-height: 150px; | |
} | |
.mh_160 { | |
max-height: 160px; | |
} | |
.mh_170 { | |
max-height: 170px; | |
} | |
.mh_180 { | |
max-height: 180px; | |
} | |
.mh_190 { | |
max-height: 190px; | |
} | |
.mh_200 { | |
max-height: 200px; | |
} | |
/* | |
el_12 | |
Line height | |
*/ | |
.lh_0 { | |
line-height: 0; | |
} | |
.lh_1 { | |
line-height: 1px; | |
} | |
.lh_2 { | |
line-height: 2px; | |
} | |
.lh_3 { | |
line-height: 3px; | |
} | |
.lh_4 { | |
line-height: 4px; | |
} | |
.lh_5 { | |
line-height: 5px; | |
} | |
.lh_6 { | |
line-height: 6px; | |
} | |
.lh_7 { | |
line-height: 7px; | |
} | |
.lh_8 { | |
line-height: 8px; | |
} | |
.lh_9 { | |
line-height: 9px; | |
} | |
.lh_10 { | |
line-height: 10px; | |
} | |
.lh_11 { | |
line-height: 11px; | |
} | |
.lh_12 { | |
line-height: 12px; | |
} | |
.lh_13 { | |
line-height: 13px; | |
} | |
.lh_14 { | |
line-height: 14px; | |
} | |
.lh_15 { | |
line-height: 15px; | |
} | |
.lh_16 { | |
line-height: 16px; | |
} | |
.lh_17 { | |
line-height: 17px; | |
} | |
.lh_18 { | |
line-height: 18px; | |
} | |
.lh_19 { | |
line-height: 19px; | |
} | |
.lh_20 { | |
line-height: 20px; | |
} | |
.lh_25 { | |
line-height: 25px; | |
} | |
.lh_30 { | |
line-height: 30px; | |
} | |
.lh_35 { | |
line-height: 35px; | |
} | |
.lh_40 { | |
line-height: 40px; | |
} | |
.lh_45 { | |
line-height: 45px; | |
} | |
.lh_50 { | |
line-height: 50px; | |
} | |
.lh_55 { | |
line-height: 55px; | |
} | |
.lh_60 { | |
line-height: 60px; | |
} | |
.lh_65 { | |
line-height: 65px; | |
} | |
.lh_70 { | |
line-height: 70px; | |
} | |
.lh_75 { | |
line-height: 75px; | |
} | |
.lh_80 { | |
line-height: 80px; | |
} | |
.lh_85 { | |
line-height: 85px; | |
} | |
.lh_90 { | |
line-height: 90px; | |
} | |
.lh_95 { | |
line-height: 95px; | |
} | |
.lh_100 { | |
line-height: 100px; | |
} | |
.lh_110 { | |
line-height: 110px; | |
} | |
.lh_120 { | |
line-height: 120px; | |
} | |
.lh_130 { | |
line-height: 130px; | |
} | |
.lh_140 { | |
line-height: 140px; | |
} | |
.lh_150 { | |
line-height: 150px; | |
} | |
.lh_160 { | |
line-height: 160px; | |
} | |
.lh_170 { | |
line-height: 170px; | |
} | |
.lh_180 { | |
line-height: 180px; | |
} | |
.lh_190 { | |
line-height: 190px; | |
} | |
.lh_200 { | |
line-height: 200px; | |
} | |
/* | |
el_13 | |
Margin | |
*/ | |
.m_0 { | |
margin: 0; | |
} | |
.m_1 { | |
margin: 1px; | |
} | |
.m_2 { | |
margin: 2px; | |
} | |
.m_3 { | |
margin: 3px; | |
} | |
.m_4 { | |
margin: 4px; | |
} | |
.m_5 { | |
margin: 5px; | |
} | |
.m_6 { | |
margin: 6px; | |
} | |
.m_7 { | |
margin: 7px; | |
} | |
.m_8 { | |
margin: 8px; | |
} | |
.m_9 { | |
margin: 9px; | |
} | |
.m_10 { | |
margin: 10px; | |
} | |
.m_11 { | |
margin: 11px; | |
} | |
.m_12 { | |
margin: 12px; | |
} | |
.m_13 { | |
margin: 13px; | |
} | |
.m_14 { | |
margin: 14px; | |
} | |
.m_15 { | |
margin: 15px; | |
} | |
.m_16 { | |
margin: 16px; | |
} | |
.m_17 { | |
margin: 17px; | |
} | |
.m_18 { | |
margin: 18px; | |
} | |
.m_19 { | |
margin: 19px; | |
} | |
.m_20 { | |
margin: 20px; | |
} | |
.m_25 { | |
margin: 25px; | |
} | |
.m_30 { | |
margin: 30px; | |
} | |
.m_35 { | |
margin: 35px; | |
} | |
.m_40 { | |
margin: 40px; | |
} | |
.m_45 { | |
margin: 45px; | |
} | |
.m_50 { | |
margin: 50px; | |
} | |
.m_55 { | |
margin: 55px; | |
} | |
.m_60 { | |
margin: 60px; | |
} | |
.m_65 { | |
margin: 65px; | |
} | |
.m_70 { | |
margin: 70px; | |
} | |
.m_75 { | |
margin: 75px; | |
} | |
.m_80 { | |
margin: 80px; | |
} | |
.m_85 { | |
margin: 85px; | |
} | |
.m_90 { | |
margin: 90px; | |
} | |
.m_95 { | |
margin: 95px; | |
} | |
.m_100 { | |
margin: 100px; | |
} | |
.m_110 { | |
margin: 110px; | |
} | |
.m_120 { | |
margin: 120px; | |
} | |
.m_130 { | |
margin: 130px; | |
} | |
.m_140 { | |
margin: 140px; | |
} | |
.m_150 { | |
margin: 150px; | |
} | |
.m_160 { | |
margin: 160px; | |
} | |
.m_170 { | |
margin: 170px; | |
} | |
.m_180 { | |
margin: 180px; | |
} | |
.m_190 { | |
margin: 190px; | |
} | |
.m_200 { | |
margin: 200px; | |
} | |
.mx_0 { | |
margin-left: 0; | |
margin-right: 0; | |
} | |
.mx_1 { | |
margin-left: 1px; | |
margin-right: 1px; | |
} | |
.mx_2 { | |
margin-left: 2px; | |
margin-right: 2px; | |
} | |
.mx_3 { | |
margin-left: 3px; | |
margin-right: 3px; | |
} | |
.mx_4 { | |
margin-left: 4px; | |
margin-right: 4px; | |
} | |
.mx_5 { | |
margin-left: 5px; | |
margin-right: 5px; | |
} | |
.mx_6 { | |
margin-left: 6px; | |
margin-right: 6px; | |
} | |
.mx_7 { | |
margin-left: 7px; | |
margin-right: 7px; | |
} | |
.mx_8 { | |
margin-left: 8px; | |
margin-right: 8px; | |
} | |
.mx_9 { | |
margin-left: 9px; | |
margin-right: 9px; | |
} | |
.mx_10 { | |
margin-left: 10px; | |
margin-right: 10px; | |
} | |
.mx_11 { | |
margin-left: 11px; | |
margin-right: 11px; | |
} | |
.mx_12 { | |
margin-left: 12px; | |
margin-right: 12px; | |
} | |
.mx_13 { | |
margin-left: 13px; | |
margin-right: 13px; | |
} | |
.mx_14 { | |
margin-left: 14px; | |
margin-right: 14px; | |
} | |
.mx_15 { | |
margin-left: 15px; | |
margin-right: 15px; | |
} | |
.mx_16 { | |
margin-left: 16px; | |
margin-right: 16px; | |
} | |
.mx_17 { | |
margin-left: 17px; | |
margin-right: 17px; | |
} | |
.mx_18 { | |
margin-left: 18px; | |
margin-right: 18px; | |
} | |
.mx_19 { | |
margin-left: 19px; | |
margin-right: 19px; | |
} | |
.mx_20 { | |
margin-left: 20px; | |
margin-right: 20px; | |
} | |
.mx_25 { | |
margin-left: 25px; | |
margin-right: 25px; | |
} | |
.mx_30 { | |
margin-left: 30px; | |
margin-right: 30px; | |
} | |
.mx_35 { | |
margin-left: 35px; | |
margin-right: 35px; | |
} | |
.mx_40 { | |
margin-left: 40px; | |
margin-right: 40px; | |
} | |
.mx_45 { | |
margin-left: 45px; | |
margin-right: 45px; | |
} | |
.mx_50 { | |
margin-left: 50px; | |
margin-right: 50px; | |
} | |
.mx_55 { | |
margin-left: 55px; | |
margin-right: 55px; | |
} | |
.mx_60 { | |
margin-left: 60px; | |
margin-right: 60px; | |
} | |
.mx_65 { | |
margin-left: 65px; | |
margin-right: 65px; | |
} | |
.mx_70 { | |
margin-left: 70px; | |
margin-right: 70px; | |
} | |
.mx_75 { | |
margin-left: 75px; | |
margin-right: 75px; | |
} | |
.mx_80 { | |
margin-left: 80px; | |
margin-right: 80px; | |
} | |
.mx_85 { | |
margin-left: 85px; | |
margin-right: 85px; | |
} | |
.mx_90 { | |
margin-left: 90px; | |
margin-right: 90px; | |
} | |
.mx_95 { | |
margin-left: 95px; | |
margin-right: 95px; | |
} | |
.mx_100 { | |
margin-left: 100px; | |
margin-right: 100px; | |
} | |
.mx_110 { | |
margin-left: 110px; | |
margin-right: 110px; | |
} | |
.mx_120 { | |
margin-left: 120px; | |
margin-right: 120px; | |
} | |
.mx_130 { | |
margin-left: 130px; | |
margin-right: 130px; | |
} | |
.mx_140 { | |
margin-left: 140px; | |
margin-right: 140px; | |
} | |
.mx_150 { | |
margin-left: 150px; | |
margin-right: 150px; | |
} | |
.mx_160 { | |
margin-left: 160px; | |
margin-right: 160px; | |
} | |
.mx_170 { | |
margin-left: 170px; | |
margin-right: 170px; | |
} | |
.mx_180 { | |
margin-left: 180px; | |
margin-right: 180px; | |
} | |
.mx_190 { | |
margin-left: 190px; | |
margin-right: 190px; | |
} | |
.mx_200 { | |
margin-left: 200px; | |
margin-right: 200px; | |
} | |
.my_0 { | |
margin-top: 0; | |
margin-bottom: 0; | |
} | |
.my_1 { | |
margin-top: 1px; | |
margin-bottom: 1px; | |
} | |
.my_2 { | |
margin-top: 2px; | |
margin-bottom: 2px; | |
} | |
.my_3 { | |
margin-top: 3px; | |
margin-bottom: 3px; | |
} | |
.my_4 { | |
margin-top: 4px; | |
margin-bottom: 4px; | |
} | |
.my_5 { | |
margin-top: 5px; | |
margin-bottom: 5px; | |
} | |
.my_6 { | |
margin-top: 6px; | |
margin-bottom: 6px; | |
} | |
.my_7 { | |
margin-top: 7px; | |
margin-bottom: 7px; | |
} | |
.my_8 { | |
margin-top: 8px; | |
margin-bottom: 8px; | |
} | |
.my_9 { | |
margin-top: 9px; | |
margin-bottom: 9px; | |
} | |
.my_10 { | |
margin-top: 10px; | |
margin-bottom: 10px; | |
} | |
.my_11 { | |
margin-top: 11px; | |
margin-bottom: 11px; | |
} | |
.my_12 { | |
margin-top: 12px; | |
margin-bottom: 12px; | |
} | |
.my_13 { | |
margin-top: 13px; | |
margin-bottom: 13px; | |
} | |
.my_14 { | |
margin-top: 14px; | |
margin-bottom: 14px; | |
} | |
.my_15 { | |
margin-top: 15px; | |
margin-bottom: 15px; | |
} | |
.my_16 { | |
margin-top: 16px; | |
margin-bottom: 16px; | |
} | |
.my_17 { | |
margin-top: 17px; | |
margin-bottom: 17px; | |
} | |
.my_18 { | |
margin-top: 18px; | |
margin-bottom: 18px; | |
} | |
.my_19 { | |
margin-top: 19px; | |
margin-bottom: 19px; | |
} | |
.my_20 { | |
margin-top: 20px; | |
margin-bottom: 20px; | |
} | |
.my_25 { | |
margin-top: 25px; | |
margin-bottom: 25px; | |
} | |
.my_30 { | |
margin-top: 30px; | |
margin-bottom: 30px; | |
} | |
.my_35 { | |
margin-top: 35px; | |
margin-bottom: 35px; | |
} | |
.my_40 { | |
margin-top: 40px; | |
margin-bottom: 40px; | |
} | |
.my_45 { | |
margin-top: 45px; | |
margin-bottom: 45px; | |
} | |
.my_50 { | |
margin-top: 50px; | |
margin-bottom: 50px; | |
} | |
.my_55 { | |
margin-top: 55px; | |
margin-bottom: 55px; | |
} | |
.my_60 { | |
margin-top: 60px; | |
margin-bottom: 60px; | |
} | |
.my_65 { | |
margin-top: 65px; | |
margin-bottom: 65px; | |
} | |
.my_70 { | |
margin-top: 70px; | |
margin-bottom: 70px; | |
} | |
.my_75 { | |
margin-top: 75px; | |
margin-bottom: 75px; | |
} | |
.my_80 { | |
margin-top: 80px; | |
margin-bottom: 80px; | |
} | |
.my_85 { | |
margin-top: 85px; | |
margin-bottom: 85px; | |
} | |
.my_90 { | |
margin-top: 90px; | |
margin-bottom: 90px; | |
} | |
.my_95 { | |
margin-top: 95px; | |
margin-bottom: 95px; | |
} | |
.my_100 { | |
margin-top: 100px; | |
margin-bottom: 100px; | |
} | |
.my_110 { | |
margin-top: 110px; | |
margin-bottom: 110px; | |
} | |
.my_120 { | |
margin-top: 120px; | |
margin-bottom: 120px; | |
} | |
.my_130 { | |
margin-top: 130px; | |
margin-bottom: 130px; | |
} | |
.my_140 { | |
margin-top: 140px; | |
margin-bottom: 140px; | |
} | |
.my_150 { | |
margin-top: 150px; | |
margin-bottom: 150px; | |
} | |
.my_160 { | |
margin-top: 160px; | |
margin-bottom: 160px; | |
} | |
.my_170 { | |
margin-top: 170px; | |
margin-bottom: 170px; | |
} | |
.my_180 { | |
margin-top: 180px; | |
margin-bottom: 180px; | |
} | |
.my_190 { | |
margin-top: 190px; | |
margin-bottom: 190px; | |
} | |
.my_200 { | |
margin-top: 200px; | |
margin-bottom: 200px; | |
} | |
.mt_0 { | |
margin-top: 0; | |
} | |
.mt_1 { | |
margin-top: 1px; | |
} | |
.mt_2 { | |
margin-top: 2px; | |
} | |
.mt_3 { | |
margin-top: 3px; | |
} | |
.mt_4 { | |
margin-top: 4px; | |
} | |
.mt_5 { | |
margin-top: 5px; | |
} | |
.mt_6 { | |
margin-top: 6px; | |
} | |
.mt_7 { | |
margin-top: 7px; | |
} | |
.mt_8 { | |
margin-top: 8px; | |
} | |
.mt_9 { | |
margin-top: 9px; | |
} | |
.mt_10 { | |
margin-top: 10px; | |
} | |
.mt_11 { | |
margin-top: 11px; | |
} | |
.mt_12 { | |
margin-top: 12px; | |
} | |
.mt_13 { | |
margin-top: 13px; | |
} | |
.mt_14 { | |
margin-top: 14px; | |
} | |
.mt_15 { | |
margin-top: 15px; | |
} | |
.mt_16 { | |
margin-top: 16px; | |
} | |
.mt_17 { | |
margin-top: 17px; | |
} | |
.mt_18 { | |
margin-top: 18px; | |
} | |
.mt_19 { | |
margin-top: 19px; | |
} | |
.mt_20 { | |
margin-top: 20px; | |
} | |
.mt_25 { | |
margin-top: 25px; | |
} | |
.mt_30 { | |
margin-top: 30px; | |
} | |
.mt_35 { | |
margin-top: 35px; | |
} | |
.mt_40 { | |
margin-top: 40px; | |
} | |
.mt_45 { | |
margin-top: 45px; | |
} | |
.mt_50 { | |
margin-top: 50px; | |
} | |
.mt_55 { | |
margin-top: 55px; | |
} | |
.mt_60 { | |
margin-top: 60px; | |
} | |
.mt_65 { | |
margin-top: 65px; | |
} | |
.mt_70 { | |
margin-top: 70px; | |
} | |
.mt_75 { | |
margin-top: 75px; | |
} | |
.mt_80 { | |
margin-top: 80px; | |
} | |
.mt_85 { | |
margin-top: 85px; | |
} | |
.mt_90 { | |
margin-top: 90px; | |
} | |
.mt_95 { | |
margin-top: 95px; | |
} | |
.mt_100 { | |
margin-top: 100px; | |
} | |
.mt_110 { | |
margin-top: 110px; | |
} | |
.mt_120 { | |
margin-top: 120px; | |
} | |
.mt_130 { | |
margin-top: 130px; | |
} | |
.mt_140 { | |
margin-top: 140px; | |
} | |
.mt_150 { | |
margin-top: 150px; | |
} | |
.mt_160 { | |
margin-top: 160px; | |
} | |
.mt_170 { | |
margin-top: 170px; | |
} | |
.mt_180 { | |
margin-top: 180px; | |
} | |
.mt_190 { | |
margin-top: 190px; | |
} | |
.mt_200 { | |
margin-top: 200px; | |
} | |
.mr_0 { | |
margin-right: 0; | |
} | |
.mr_1 { | |
margin-right: 1px; | |
} | |
.mr_2 { | |
margin-right: 2px; | |
} | |
.mr_3 { | |
margin-right: 3px; | |
} | |
.mr_4 { | |
margin-right: 4px; | |
} | |
.mr_5 { | |
margin-right: 5px; | |
} | |
.mr_6 { | |
margin-right: 6px; | |
} | |
.mr_7 { | |
margin-right: 7px; | |
} | |
.mr_8 { | |
margin-right: 8px; | |
} | |
.mr_9 { | |
margin-right: 9px; | |
} | |
.mr_10 { | |
margin-right: 10px; | |
} | |
.mr_11 { | |
margin-right: 11px; | |
} | |
.mr_12 { | |
margin-right: 12px; | |
} | |
.mr_13 { | |
margin-right: 13px; | |
} | |
.mr_14 { | |
margin-right: 14px; | |
} | |
.mr_15 { | |
margin-right: 15px; | |
} | |
.mr_16 { | |
margin-right: 16px; | |
} | |
.mr_17 { | |
margin-right: 17px; | |
} | |
.mr_18 { | |
margin-right: 18px; | |
} | |
.mr_19 { | |
margin-right: 19px; | |
} | |
.mr_20 { | |
margin-right: 20px; | |
} | |
.mr_25 { | |
margin-right: 25px; | |
} | |
.mr_30 { | |
margin-right: 30px; | |
} | |
.mr_35 { | |
margin-right: 35px; | |
} | |
.mr_40 { | |
margin-right: 40px; | |
} | |
.mr_45 { | |
margin-right: 45px; | |
} | |
.mr_50 { | |
margin-right: 50px; | |
} | |
.mr_55 { | |
margin-right: 55px; | |
} | |
.mr_60 { | |
margin-right: 60px; | |
} | |
.mr_65 { | |
margin-right: 65px; | |
} | |
.mr_70 { | |
margin-right: 70px; | |
} | |
.mr_75 { | |
margin-right: 75px; | |
} | |
.mr_80 { | |
margin-right: 80px; | |
} | |
.mr_85 { | |
margin-right: 85px; | |
} | |
.mr_90 { | |
margin-right: 90px; | |
} | |
.mr_95 { | |
margin-right: 95px; | |
} | |
.mr_100 { | |
margin-right: 100px; | |
} | |
.mr_110 { | |
margin-right: 110px; | |
} | |
.mr_120 { | |
margin-right: 120px; | |
} | |
.mr_130 { | |
margin-right: 130px; | |
} | |
.mr_140 { | |
margin-right: 140px; | |
} | |
.mr_150 { | |
margin-right: 150px; | |
} | |
.mr_160 { | |
margin-right: 160px; | |
} | |
.mr_170 { | |
margin-right: 170px; | |
} | |
.mr_180 { | |
margin-right: 180px; | |
} | |
.mr_190 { | |
margin-right: 190px; | |
} | |
.mr_200 { | |
margin-right: 200px; | |
} | |
.mb_0 { | |
margin-bottom: 0; | |
} | |
.mb_1 { | |
margin-bottom: 1px; | |
} | |
.mb_2 { | |
margin-bottom: 2px; | |
} | |
.mb_3 { | |
margin-bottom: 3px; | |
} | |
.mb_4 { | |
margin-bottom: 4px; | |
} | |
.mb_5 { | |
margin-bottom: 5px; | |
} | |
.mb_6 { | |
margin-bottom: 6px; | |
} | |
.mb_7 { | |
margin-bottom: 7px; | |
} | |
.mb_8 { | |
margin-bottom: 8px; | |
} | |
.mb_9 { | |
margin-bottom: 9px; | |
} | |
.mb_10 { | |
margin-bottom: 10px; | |
} | |
.mb_11 { | |
margin-bottom: 11px; | |
} | |
.mb_12 { | |
margin-bottom: 12px; | |
} | |
.mb_13 { | |
margin-bottom: 13px; | |
} | |
.mb_14 { | |
margin-bottom: 14px; | |
} | |
.mb_15 { | |
margin-bottom: 15px; | |
} | |
.mb_16 { | |
margin-bottom: 16px; | |
} | |
.mb_17 { | |
margin-bottom: 17px; | |
} | |
.mb_18 { | |
margin-bottom: 18px; | |
} | |
.mb_19 { | |
margin-bottom: 19px; | |
} | |
.mb_20 { | |
margin-bottom: 20px; | |
} | |
.mb_25 { | |
margin-bottom: 25px; | |
} | |
.mb_30 { | |
margin-bottom: 30px; | |
} | |
.mb_35 { | |
margin-bottom: 35px; | |
} | |
.mb_40 { | |
margin-bottom: 40px; | |
} | |
.mb_45 { | |
margin-bottom: 45px; | |
} | |
.mb_50 { | |
margin-bottom: 50px; | |
} | |
.mb_55 { | |
margin-bottom: 55px; | |
} | |
.mb_60 { | |
margin-bottom: 60px; | |
} | |
.mb_65 { | |
margin-bottom: 65px; | |
} | |
.mb_70 { | |
margin-bottom: 70px; | |
} | |
.mb_75 { | |
margin-bottom: 75px; | |
} | |
.mb_80 { | |
margin-bottom: 80px; | |
} | |
.mb_85 { | |
margin-bottom: 85px; | |
} | |
.mb_90 { | |
margin-bottom: 90px; | |
} | |
.mb_95 { | |
margin-bottom: 95px; | |
} | |
.mb_100 { | |
margin-bottom: 100px; | |
} | |
.mb_110 { | |
margin-bottom: 110px; | |
} | |
.mb_120 { | |
margin-bottom: 120px; | |
} | |
.mb_130 { | |
margin-bottom: 130px; | |
} | |
.mb_140 { | |
margin-bottom: 140px; | |
} | |
.mb_150 { | |
margin-bottom: 150px; | |
} | |
.mb_160 { | |
margin-bottom: 160px; | |
} | |
.mb_170 { | |
margin-bottom: 170px; | |
} | |
.mb_180 { | |
margin-bottom: 180px; | |
} | |
.mb_190 { | |
margin-bottom: 190px; | |
} | |
.mb_200 { | |
margin-bottom: 200px; | |
} | |
.ml_0 { | |
margin-left: 0; | |
} | |
.ml_1 { | |
margin-left: 1px; | |
} | |
.ml_2 { | |
margin-left: 2px; | |
} | |
.ml_3 { | |
margin-left: 3px; | |
} | |
.ml_4 { | |
margin-left: 4px; | |
} | |
.ml_5 { | |
margin-left: 5px; | |
} | |
.ml_6 { | |
margin-left: 6px; | |
} | |
.ml_7 { | |
margin-left: 7px; | |
} | |
.ml_8 { | |
margin-left: 8px; | |
} | |
.ml_9 { | |
margin-left: 9px; | |
} | |
.ml_10 { | |
margin-left: 10px; | |
} | |
.ml_11 { | |
margin-left: 11px; | |
} | |
.ml_12 { | |
margin-left: 12px; | |
} | |
.ml_13 { | |
margin-left: 13px; | |
} | |
.ml_14 { | |
margin-left: 14px; | |
} | |
.ml_15 { | |
margin-left: 15px; | |
} | |
.ml_16 { | |
margin-left: 16px; | |
} | |
.ml_17 { | |
margin-left: 17px; | |
} | |
.ml_18 { | |
margin-left: 18px; | |
} | |
.ml_19 { | |
margin-left: 19px; | |
} | |
.ml_20 { | |
margin-left: 20px; | |
} | |
.ml_25 { | |
margin-left: 25px; | |
} | |
.ml_30 { | |
margin-left: 30px; | |
} | |
.ml_35 { | |
margin-left: 35px; | |
} | |
.ml_40 { | |
margin-left: 40px; | |
} | |
.ml_45 { | |
margin-left: 45px; | |
} | |
.ml_50 { | |
margin-left: 50px; | |
} | |
.ml_55 { | |
margin-left: 55px; | |
} | |
.ml_60 { | |
margin-left: 60px; | |
} | |
.ml_65 { | |
margin-left: 65px; | |
} | |
.ml_70 { | |
margin-left: 70px; | |
} | |
.ml_75 { | |
margin-left: 75px; | |
} | |
.ml_80 { | |
margin-left: 80px; | |
} | |
.ml_85 { | |
margin-left: 85px; | |
} | |
.ml_90 { | |
margin-left: 90px; | |
} | |
.ml_95 { | |
margin-left: 95px; | |
} | |
.ml_100 { | |
margin-left: 100px; | |
} | |
.ml_110 { | |
margin-left: 110px; | |
} | |
.ml_120 { | |
margin-left: 120px; | |
} | |
.ml_130 { | |
margin-left: 130px; | |
} | |
.ml_140 { | |
margin-left: 140px; | |
} | |
.ml_150 { | |
margin-left: 150px; | |
} | |
.ml_160 { | |
margin-left: 160px; | |
} | |
.ml_170 { | |
margin-left: 170px; | |
} | |
.ml_180 { | |
margin-left: 180px; | |
} | |
.ml_190 { | |
margin-left: 190px; | |
} | |
.ml_200 { | |
margin-left: 200px; | |
} | |
/* | |
el_13 | |
Padding | |
*/ | |
.p_0 { | |
padding: 0; | |
} | |
.p_1 { | |
padding: 1px; | |
} | |
.p_2 { | |
padding: 2px; | |
} | |
.p_3 { | |
padding: 3px; | |
} | |
.p_4 { | |
padding: 4px; | |
} | |
.p_5 { | |
padding: 5px; | |
} | |
.p_6 { | |
padding: 6px; | |
} | |
.p_7 { | |
padding: 7px; | |
} | |
.p_8 { | |
padding: 8px; | |
} | |
.p_9 { | |
padding: 9px; | |
} | |
.p_10 { | |
padding: 10px; | |
} | |
.p_11 { | |
padding: 11px; | |
} | |
.p_12 { | |
padding: 12px; | |
} | |
.p_13 { | |
padding: 13px; | |
} | |
.p_14 { | |
padding: 14px; | |
} | |
.p_15 { | |
padding: 15px; | |
} | |
.p_16 { | |
padding: 16px; | |
} | |
.p_17 { | |
padding: 17px; | |
} | |
.p_18 { | |
padding: 18px; | |
} | |
.p_19 { | |
padding: 19px; | |
} | |
.p_20 { | |
padding: 20px; | |
} | |
.p_25 { | |
padding: 25px; | |
} | |
.p_30 { | |
padding: 30px; | |
} | |
.p_35 { | |
padding: 35px; | |
} | |
.p_40 { | |
padding: 40px; | |
} | |
.p_45 { | |
padding: 45px; | |
} | |
.p_50 { | |
padding: 50px; | |
} | |
.p_55 { | |
padding: 55px; | |
} | |
.p_60 { | |
padding: 60px; | |
} | |
.p_65 { | |
padding: 65px; | |
} | |
.p_70 { | |
padding: 70px; | |
} | |
.p_75 { | |
padding: 75px; | |
} | |
.p_80 { | |
padding: 80px; | |
} | |
.p_85 { | |
padding: 85px; | |
} | |
.p_90 { | |
padding: 90px; | |
} | |
.p_95 { | |
padding: 95px; | |
} | |
.p_100 { | |
padding: 100px; | |
} | |
.p_110 { | |
padding: 110px; | |
} | |
.p_120 { | |
padding: 120px; | |
} | |
.p_130 { | |
padding: 130px; | |
} | |
.p_140 { | |
padding: 140px; | |
} | |
.p_150 { | |
padding: 150px; | |
} | |
.p_160 { | |
padding: 160px; | |
} | |
.p_170 { | |
padding: 170px; | |
} | |
.p_180 { | |
padding: 180px; | |
} | |
.p_190 { | |
padding: 190px; | |
} | |
.p_200 { | |
padding: 200px; | |
} | |
.px_0 { | |
padding-left: 0; | |
padding-right: 0; | |
} | |
.px_1 { | |
padding-left: 1px; | |
padding-right: 1px; | |
} | |
.px_2 { | |
padding-left: 2px; | |
padding-right: 2px; | |
} | |
.px_3 { | |
padding-left: 3px; | |
padding-right: 3px; | |
} | |
.px_4 { | |
padding-left: 4px; | |
padding-right: 4px; | |
} | |
.px_5 { | |
padding-left: 5px; | |
padding-right: 5px; | |
} | |
.px_6 { | |
padding-left: 6px; | |
padding-right: 6px; | |
} | |
.px_7 { | |
padding-left: 7px; | |
padding-right: 7px; | |
} | |
.px_8 { | |
padding-left: 8px; | |
padding-right: 8px; | |
} | |
.px_9 { | |
padding-left: 9px; | |
padding-right: 9px; | |
} | |
.px_10 { | |
padding-left: 10px; | |
padding-right: 10px; | |
} | |
.px_11 { | |
padding-left: 11px; | |
padding-right: 11px; | |
} | |
.px_12 { | |
padding-left: 12px; | |
padding-right: 12px; | |
} | |
.px_13 { | |
padding-left: 13px; | |
padding-right: 13px; | |
} | |
.px_14 { | |
padding-left: 14px; | |
padding-right: 14px; | |
} | |
.px_15 { | |
padding-left: 15px; | |
padding-right: 15px; | |
} | |
.px_16 { | |
padding-left: 16px; | |
padding-right: 16px; | |
} | |
.px_17 { | |
padding-left: 17px; | |
padding-right: 17px; | |
} | |
.px_18 { | |
padding-left: 18px; | |
padding-right: 18px; | |
} | |
.px_19 { | |
padding-left: 19px; | |
padding-right: 19px; | |
} | |
.px_20 { | |
padding-left: 20px; | |
padding-right: 20px; | |
} | |
.px_25 { | |
padding-left: 25px; | |
padding-right: 25px; | |
} | |
.px_30 { | |
padding-left: 30px; | |
padding-right: 30px; | |
} | |
.px_35 { | |
padding-left: 35px; | |
padding-right: 35px; | |
} | |
.px_40 { | |
padding-left: 40px; | |
padding-right: 40px; | |
} | |
.px_45 { | |
padding-left: 45px; | |
padding-right: 45px; | |
} | |
.px_50 { | |
padding-left: 50px; | |
padding-right: 50px; | |
} | |
.px_55 { | |
padding-left: 55px; | |
padding-right: 55px; | |
} | |
.px_60 { | |
padding-left: 60px; | |
padding-right: 60px; | |
} | |
.px_65 { | |
padding-left: 65px; | |
padding-right: 65px; | |
} | |
.px_70 { | |
padding-left: 70px; | |
padding-right: 70px; | |
} | |
.px_75 { | |
padding-left: 75px; | |
padding-right: 75px; | |
} | |
.px_80 { | |
padding-left: 80px; | |
padding-right: 80px; | |
} | |
.px_85 { | |
padding-left: 85px; | |
padding-right: 85px; | |
} | |
.px_90 { | |
padding-left: 90px; | |
padding-right: 90px; | |
} | |
.px_95 { | |
padding-left: 95px; | |
padding-right: 95px; | |
} | |
.px_100 { | |
padding-left: 100px; | |
padding-right: 100px; | |
} | |
.px_110 { | |
padding-left: 110px; | |
padding-right: 110px; | |
} | |
.px_120 { | |
padding-left: 120px; | |
padding-right: 120px; | |
} | |
.px_130 { | |
padding-left: 130px; | |
padding-right: 130px; | |
} | |
.px_140 { | |
padding-left: 140px; | |
padding-right: 140px; | |
} | |
.px_150 { | |
padding-left: 150px; | |
padding-right: 150px; | |
} | |
.px_160 { | |
padding-left: 160px; | |
padding-right: 160px; | |
} | |
.px_170 { | |
padding-left: 170px; | |
padding-right: 170px; | |
} | |
.px_180 { | |
padding-left: 180px; | |
padding-right: 180px; | |
} | |
.px_190 { | |
padding-left: 190px; | |
padding-right: 190px; | |
} | |
.px_200 { | |
padding-left: 200px; | |
padding-right: 200px; | |
} | |
.py_0 { | |
padding-top: 0; | |
padding-bottom: 0; | |
} | |
.py_1 { | |
padding-top: 1px; | |
padding-bottom: 1px; | |
} | |
.py_2 { | |
padding-top: 2px; | |
padding-bottom: 2px; | |
} | |
.py_3 { | |
padding-top: 3px; | |
padding-bottom: 3px; | |
} | |
.py_4 { | |
padding-top: 4px; | |
padding-bottom: 4px; | |
} | |
.py_5 { | |
padding-top: 5px; | |
padding-bottom: 5px; | |
} | |
.py_6 { | |
padding-top: 6px; | |
padding-bottom: 6px; | |
} | |
.py_7 { | |
padding-top: 7px; | |
padding-bottom: 7px; | |
} | |
.py_8 { | |
padding-top: 8px; | |
padding-bottom: 8px; | |
} | |
.py_9 { | |
padding-top: 9px; | |
padding-bottom: 9px; | |
} | |
.py_10 { | |
padding-top: 10px; | |
padding-bottom: 10px; | |
} | |
.py_11 { | |
padding-top: 11px; | |
padding-bottom: 11px; | |
} | |
.py_12 { | |
padding-top: 12px; | |
padding-bottom: 12px; | |
} | |
.py_13 { | |
padding-top: 13px; | |
padding-bottom: 13px; | |
} | |
.py_14 { | |
padding-top: 14px; | |
padding-bottom: 14px; | |
} | |
.py_15 { | |
padding-top: 15px; | |
padding-bottom: 15px; | |
} | |
.py_16 { | |
padding-top: 16px; | |
padding-bottom: 16px; | |
} | |
.py_17 { | |
padding-top: 17px; | |
padding-bottom: 17px; | |
} | |
.py_18 { | |
padding-top: 18px; | |
padding-bottom: 18px; | |
} | |
.py_19 { | |
padding-top: 19px; | |
padding-bottom: 19px; | |
} | |
.py_20 { | |
padding-top: 20px; | |
padding-bottom: 20px; | |
} | |
.py_25 { | |
padding-top: 25px; | |
padding-bottom: 25px; | |
} | |
.py_30 { | |
padding-top: 30px; | |
padding-bottom: 30px; | |
} | |
.py_35 { | |
padding-top: 35px; | |
padding-bottom: 35px; | |
} | |
.py_40 { | |
padding-top: 40px; | |
padding-bottom: 40px; | |
} | |
.py_45 { | |
padding-top: 45px; | |
padding-bottom: 45px; | |
} | |
.py_50 { | |
padding-top: 50px; | |
padding-bottom: 50px; | |
} | |
.py_55 { | |
padding-top: 55px; | |
padding-bottom: 55px; | |
} | |
.py_60 { | |
padding-top: 60px; | |
padding-bottom: 60px; | |
} | |
.py_65 { | |
padding-top: 65px; | |
padding-bottom: 65px; | |
} | |
.py_70 { | |
padding-top: 70px; | |
padding-bottom: 70px; | |
} | |
.py_75 { | |
padding-top: 75px; | |
padding-bottom: 75px; | |
} | |
.py_80 { | |
padding-top: 80px; | |
padding-bottom: 80px; | |
} | |
.py_85 { | |
padding-top: 85px; | |
padding-bottom: 85px; | |
} | |
.py_90 { | |
padding-top: 90px; | |
padding-bottom: 90px; | |
} | |
.py_95 { | |
padding-top: 95px; | |
padding-bottom: 95px; | |
} | |
.py_100 { | |
padding-top: 100px; | |
padding-bottom: 100px; | |
} | |
.py_110 { | |
padding-top: 110px; | |
padding-bottom: 110px; | |
} | |
.py_120 { | |
padding-top: 120px; | |
padding-bottom: 120px; | |
} | |
.py_130 { | |
padding-top: 130px; | |
padding-bottom: 130px; | |
} | |
.py_140 { | |
padding-top: 140px; | |
padding-bottom: 140px; | |
} | |
.py_150 { | |
padding-top: 150px; | |
padding-bottom: 150px; | |
} | |
.py_160 { | |
padding-top: 160px; | |
padding-bottom: 160px; | |
} | |
.py_170 { | |
padding-top: 170px; | |
padding-bottom: 170px; | |
} | |
.py_180 { | |
padding-top: 180px; | |
padding-bottom: 180px; | |
} | |
.py_190 { | |
padding-top: 190px; | |
padding-bottom: 190px; | |
} | |
.py_200 { | |
padding-top: 200px; | |
padding-bottom: 200px; | |
} | |
.pt_0 { | |
padding-top: 0; | |
} | |
.pt_1 { | |
padding-top: 1px; | |
} | |
.pt_2 { | |
padding-top: 2px; | |
} | |
.pt_3 { | |
padding-top: 3px; | |
} | |
.pt_4 { | |
padding-top: 4px; | |
} | |
.pt_5 { | |
padding-top: 5px; | |
} | |
.pt_6 { | |
padding-top: 6px; | |
} | |
.pt_7 { | |
padding-top: 7px; | |
} | |
.pt_8 { | |
padding-top: 8px; | |
} | |
.pt_9 { | |
padding-top: 9px; | |
} | |
.pt_10 { | |
padding-top: 10px; | |
} | |
.pt_11 { | |
padding-top: 11px; | |
} | |
.pt_12 { | |
padding-top: 12px; | |
} | |
.pt_13 { | |
padding-top: 13px; | |
} | |
.pt_14 { | |
padding-top: 14px; | |
} | |
.pt_15 { | |
padding-top: 15px; | |
} | |
.pt_16 { | |
padding-top: 16px; | |
} | |
.pt_17 { | |
padding-top: 17px; | |
} | |
.pt_18 { | |
padding-top: 18px; | |
} | |
.pt_19 { | |
padding-top: 19px; | |
} | |
.pt_20 { | |
padding-top: 20px; | |
} | |
.pt_25 { | |
padding-top: 25px; | |
} | |
.pt_30 { | |
padding-top: 30px; | |
} | |
.pt_35 { | |
padding-top: 35px; | |
} | |
.pt_40 { | |
padding-top: 40px; | |
} | |
.pt_45 { | |
padding-top: 45px; | |
} | |
.pt_50 { | |
padding-top: 50px; | |
} | |
.pt_55 { | |
padding-top: 55px; | |
} | |
.pt_60 { | |
padding-top: 60px; | |
} | |
.pt_65 { | |
padding-top: 65px; | |
} | |
.pt_70 { | |
padding-top: 70px; | |
} | |
.pt_75 { | |
padding-top: 75px; | |
} | |
.pt_80 { | |
padding-top: 80px; | |
} | |
.pt_85 { | |
padding-top: 85px; | |
} | |
.pt_90 { | |
padding-top: 90px; | |
} | |
.pt_95 { | |
padding-top: 95px; | |
} | |
.pt_100 { | |
padding-top: 100px; | |
} | |
.pt_110 { | |
padding-top: 110px; | |
} | |
.pt_120 { | |
padding-top: 120px; | |
} | |
.pt_130 { | |
padding-top: 130px; | |
} | |
.pt_140 { | |
padding-top: 140px; | |
} | |
.pt_150 { | |
padding-top: 150px; | |
} | |
.pt_160 { | |
padding-top: 160px; | |
} | |
.pt_170 { | |
padding-top: 170px; | |
} | |
.pt_180 { | |
padding-top: 180px; | |
} | |
.pt_190 { | |
padding-top: 190px; | |
} | |
.pt_200 { | |
padding-top: 200px; | |
} | |
.pr_0 { | |
padding-right: 0; | |
} | |
.pr_1 { | |
padding-right: 1px; | |
} | |
.pr_2 { | |
padding-right: 2px; | |
} | |
.pr_3 { | |
padding-right: 3px; | |
} | |
.pr_4 { | |
padding-right: 4px; | |
} | |
.pr_5 { | |
padding-right: 5px; | |
} | |
.pr_6 { | |
padding-right: 6px; | |
} | |
.pr_7 { | |
padding-right: 7px; | |
} | |
.pr_8 { | |
padding-right: 8px; | |
} | |
.pr_9 { | |
padding-right: 9px; | |
} | |
.pr_10 { | |
padding-right: 10px; | |
} | |
.pr_11 { | |
padding-right: 11px; | |
} | |
.pr_12 { | |
padding-right: 12px; | |
} | |
.pr_13 { | |
padding-right: 13px; | |
} | |
.pr_14 { | |
padding-right: 14px; | |
} | |
.pr_15 { | |
padding-right: 15px; | |
} | |
.pr_16 { | |
padding-right: 16px; | |
} | |
.pr_17 { | |
padding-right: 17px; | |
} | |
.pr_18 { | |
padding-right: 18px; | |
} | |
.pr_19 { | |
padding-right: 19px; | |
} | |
.pr_20 { | |
padding-right: 20px; | |
} | |
.pr_25 { | |
padding-right: 25px; | |
} | |
.pr_30 { | |
padding-right: 30px; | |
} | |
.pr_35 { | |
padding-right: 35px; | |
} | |
.pr_40 { | |
padding-right: 40px; | |
} | |
.pr_45 { | |
padding-right: 45px; | |
} | |
.pr_50 { | |
padding-right: 50px; | |
} | |
.pr_55 { | |
padding-right: 55px; | |
} | |
.pr_60 { | |
padding-right: 60px; | |
} | |
.pr_65 { | |
padding-right: 65px; | |
} | |
.pr_70 { | |
padding-right: 70px; | |
} | |
.pr_75 { | |
padding-right: 75px; | |
} | |
.pr_80 { | |
padding-right: 80px; | |
} | |
.pr_85 { | |
padding-right: 85px; | |
} | |
.pr_90 { | |
padding-right: 90px; | |
} | |
.pr_95 { | |
padding-right: 95px; | |
} | |
.pr_100 { | |
padding-right: 100px; | |
} | |
.pr_110 { | |
padding-right: 110px; | |
} | |
.pr_120 { | |
padding-right: 120px; | |
} | |
.pr_130 { | |
padding-right: 130px; | |
} | |
.pr_140 { | |
padding-right: 140px; | |
} | |
.pr_150 { | |
padding-right: 150px; | |
} | |
.pr_160 { | |
padding-right: 160px; | |
} | |
.pr_170 { | |
padding-right: 170px; | |
} | |
.pr_180 { | |
padding-right: 180px; | |
} | |
.pr_190 { | |
padding-right: 190px; | |
} | |
.pr_200 { | |
padding-right: 200px; | |
} | |
.pb_0 { | |
padding-bottom: 0; | |
} | |
.pb_1 { | |
padding-bottom: 1px; | |
} | |
.pb_2 { | |
padding-bottom: 2px; | |
} | |
.pb_3 { | |
padding-bottom: 3px; | |
} | |
.pb_4 { | |
padding-bottom: 4px; | |
} | |
.pb_5 { | |
padding-bottom: 5px; | |
} | |
.pb_6 { | |
padding-bottom: 6px; | |
} | |
.pb_7 { | |
padding-bottom: 7px; | |
} | |
.pb_8 { | |
padding-bottom: 8px; | |
} | |
.pb_9 { | |
padding-bottom: 9px; | |
} | |
.pb_10 { | |
padding-bottom: 10px; | |
} | |
.pb_11 { | |
padding-bottom: 11px; | |
} | |
.pb_12 { | |
padding-bottom: 12px; | |
} | |
.pb_13 { | |
padding-bottom: 13px; | |
} | |
.pb_14 { | |
padding-bottom: 14px; | |
} | |
.pb_15 { | |
padding-bottom: 15px; | |
} | |
.pb_16 { | |
padding-bottom: 16px; | |
} | |
.pb_17 { | |
padding-bottom: 17px; | |
} | |
.pb_18 { | |
padding-bottom: 18px; | |
} | |
.pb_19 { | |
padding-bottom: 19px; | |
} | |
.pb_20 { | |
padding-bottom: 20px; | |
} | |
.pb_25 { | |
padding-bottom: 25px; | |
} | |
.pb_30 { | |
padding-bottom: 30px; | |
} | |
.pb_35 { | |
padding-bottom: 35px; | |
} | |
.pb_40 { | |
padding-bottom: 40px; | |
} | |
.pb_45 { | |
padding-bottom: 45px; | |
} | |
.pb_50 { | |
padding-bottom: 50px; | |
} | |
.pb_55 { | |
padding-bottom: 55px; | |
} | |
.pb_60 { | |
padding-bottom: 60px; | |
} | |
.pb_65 { | |
padding-bottom: 65px; | |
} | |
.pb_70 { | |
padding-bottom: 70px; | |
} | |
.pb_75 { | |
padding-bottom: 75px; | |
} | |
.pb_80 { | |
padding-bottom: 80px; | |
} | |
.pb_85 { | |
padding-bottom: 85px; | |
} | |
.pb_90 { | |
padding-bottom: 90px; | |
} | |
.pb_95 { | |
padding-bottom: 95px; | |
} | |
.pb_100 { | |
padding-bottom: 100px; | |
} | |
.pb_110 { | |
padding-bottom: 110px; | |
} | |
.pb_120 { | |
padding-bottom: 120px; | |
} | |
.pb_130 { | |
padding-bottom: 130px; | |
} | |
.pb_140 { | |
padding-bottom: 140px; | |
} | |
.pb_150 { | |
padding-bottom: 150px; | |
} | |
.pb_160 { | |
padding-bottom: 160px; | |
} | |
.pb_170 { | |
padding-bottom: 170px; | |
} | |
.pb_180 { | |
padding-bottom: 180px; | |
} | |
.pb_190 { | |
padding-bottom: 190px; | |
} | |
.pb_200 { | |
padding-bottom: 200px; | |
} | |
.pl_0 { | |
padding-left: 0; | |
} | |
.pl_1 { | |
padding-left: 1px; | |
} | |
.pl_2 { | |
padding-left: 2px; | |
} | |
.pl_3 { | |
padding-left: 3px; | |
} | |
.pl_4 { | |
padding-left: 4px; | |
} | |
.pl_5 { | |
padding-left: 5px; | |
} | |
.pl_6 { | |
padding-left: 6px; | |
} | |
.pl_7 { | |
padding-left: 7px; | |
} | |
.pl_8 { | |
padding-left: 8px; | |
} | |
.pl_9 { | |
padding-left: 9px; | |
} | |
.pl_10 { | |
padding-left: 10px; | |
} | |
.pl_11 { | |
padding-left: 11px; | |
} | |
.pl_12 { | |
padding-left: 12px; | |
} | |
.pl_13 { | |
padding-left: 13px; | |
} | |
.pl_14 { | |
padding-left: 14px; | |
} | |
.pl_15 { | |
padding-left: 15px; | |
} | |
.pl_16 { | |
padding-left: 16px; | |
} | |
.pl_17 { | |
padding-left: 17px; | |
} | |
.pl_18 { | |
padding-left: 18px; | |
} | |
.pl_19 { | |
padding-left: 19px; | |
} | |
.pl_20 { | |
padding-left: 20px; | |
} | |
.pl_25 { | |
padding-left: 25px; | |
} | |
.pl_30 { | |
padding-left: 30px; | |
} | |
.pl_35 { | |
padding-left: 35px; | |
} | |
.pl_40 { | |
padding-left: 40px; | |
} | |
.pl_45 { | |
padding-left: 45px; | |
} | |
.pl_50 { | |
padding-left: 50px; | |
} | |
.pl_55 { | |
padding-left: 55px; | |
} | |
.pl_60 { | |
padding-left: 60px; | |
} | |
.pl_65 { | |
padding-left: 65px; | |
} | |
.pl_70 { | |
padding-left: 70px; | |
} | |
.pl_75 { | |
padding-left: 75px; | |
} | |
.pl_80 { | |
padding-left: 80px; | |
} | |
.pl_85 { | |
padding-left: 85px; | |
} | |
.pl_90 { | |
padding-left: 90px; | |
} | |
.pl_95 { | |
padding-left: 95px; | |
} | |
.pl_100 { | |
padding-left: 100px; | |
} | |
.pl_110 { | |
padding-left: 110px; | |
} | |
.pl_120 { | |
padding-left: 120px; | |
} | |
.pl_130 { | |
padding-left: 130px; | |
} | |
.pl_140 { | |
padding-left: 140px; | |
} | |
.pl_150 { | |
padding-left: 150px; | |
} | |
.pl_160 { | |
padding-left: 160px; | |
} | |
.pl_170 { | |
padding-left: 170px; | |
} | |
.pl_180 { | |
padding-left: 180px; | |
} | |
.pl_190 { | |
padding-left: 190px; | |
} | |
.pl_200 { | |
padding-left: 200px; | |
} | |
/* | |
el_14 | |
Top | |
*/ | |
.t_0 { | |
top: 0; | |
} | |
.t_1 { | |
top: 1px; | |
} | |
.t_2 { | |
top: 2px; | |
} | |
.t_3 { | |
top: 3px; | |
} | |
.t_4 { | |
top: 4px; | |
} | |
.t_5 { | |
top: 5px; | |
} | |
.t_6 { | |
top: 6px; | |
} | |
.t_7 { | |
top: 7px; | |
} | |
.t_8 { | |
top: 8px; | |
} | |
.t_9 { | |
top: 9px; | |
} | |
.t_10 { | |
top: 10px; | |
} | |
.t_11 { | |
top: 11px; | |
} | |
.t_12 { | |
top: 12px; | |
} | |
.t_13 { | |
top: 13px; | |
} | |
.t_14 { | |
top: 14px; | |
} | |
.t_15 { | |
top: 15px; | |
} | |
.t_16 { | |
top: 16px; | |
} | |
.t_17 { | |
top: 17px; | |
} | |
.t_18 { | |
top: 18px; | |
} | |
.t_19 { | |
top: 19px; | |
} | |
.t_20 { | |
top: 20px; | |
} | |
.t_25 { | |
top: 25px; | |
} | |
.t_30 { | |
top: 30px; | |
} | |
.t_35 { | |
top: 35px; | |
} | |
.t_40 { | |
top: 40px; | |
} | |
.t_45 { | |
top: 45px; | |
} | |
.t_50 { | |
top: 50px; | |
} | |
.t_55 { | |
top: 55px; | |
} | |
.t_60 { | |
top: 60px; | |
} | |
.t_65 { | |
top: 65px; | |
} | |
.t_70 { | |
top: 70px; | |
} | |
.t_75 { | |
top: 75px; | |
} | |
.t_80 { | |
top: 80px; | |
} | |
.t_85 { | |
top: 85px; | |
} | |
.t_90 { | |
top: 90px; | |
} | |
.t_95 { | |
top: 95px; | |
} | |
.t_100 { | |
top: 100px; | |
} | |
.t_110 { | |
top: 110px; | |
} | |
.t_120 { | |
top: 120px; | |
} | |
.t_130 { | |
top: 130px; | |
} | |
.t_140 { | |
top: 140px; | |
} | |
.t_150 { | |
top: 150px; | |
} | |
.t_160 { | |
top: 160px; | |
} | |
.t_170 { | |
top: 170px; | |
} | |
.t_180 { | |
top: 180px; | |
} | |
.t_190 { | |
top: 190px; | |
} | |
.t_200 { | |
top: 200px; | |
} | |
/* | |
el_15 | |
Right | |
*/ | |
.r_0 { | |
right: 0; | |
} | |
.r_1 { | |
right: 1px; | |
} | |
.r_2 { | |
right: 2px; | |
} | |
.r_3 { | |
right: 3px; | |
} | |
.r_4 { | |
right: 4px; | |
} | |
.r_5 { | |
right: 5px; | |
} | |
.r_6 { | |
right: 6px; | |
} | |
.r_7 { | |
right: 7px; | |
} | |
.r_8 { | |
right: 8px; | |
} | |
.r_9 { | |
right: 9px; | |
} | |
.r_10 { | |
right: 10px; | |
} | |
.r_11 { | |
right: 11px; | |
} | |
.r_12 { | |
right: 12px; | |
} | |
.r_13 { | |
right: 13px; | |
} | |
.r_14 { | |
right: 14px; | |
} | |
.r_15 { | |
right: 15px; | |
} | |
.r_16 { | |
right: 16px; | |
} | |
.r_17 { | |
right: 17px; | |
} | |
.r_18 { | |
right: 18px; | |
} | |
.r_19 { | |
right: 19px; | |
} | |
.r_20 { | |
right: 20px; | |
} | |
.r_25 { | |
right: 25px; | |
} | |
.r_30 { | |
right: 30px; | |
} | |
.r_35 { | |
right: 35px; | |
} | |
.r_40 { | |
right: 40px; | |
} | |
.r_45 { | |
right: 45px; | |
} | |
.r_50 { | |
right: 50px; | |
} | |
.r_55 { | |
right: 55px; | |
} | |
.r_60 { | |
right: 60px; | |
} | |
.r_65 { | |
right: 65px; | |
} | |
.r_70 { | |
right: 70px; | |
} | |
.r_75 { | |
right: 75px; | |
} | |
.r_80 { | |
right: 80px; | |
} | |
.r_85 { | |
right: 85px; | |
} | |
.r_90 { | |
right: 90px; | |
} | |
.r_95 { | |
right: 95px; | |
} | |
.r_100 { | |
right: 100px; | |
} | |
.r_110 { | |
right: 110px; | |
} | |
.r_120 { | |
right: 120px; | |
} | |
.r_130 { | |
right: 130px; | |
} | |
.r_140 { | |
right: 140px; | |
} | |
.r_150 { | |
right: 150px; | |
} | |
.r_160 { | |
right: 160px; | |
} | |
.r_170 { | |
right: 170px; | |
} | |
.r_180 { | |
right: 180px; | |
} | |
.r_190 { | |
right: 190px; | |
} | |
.r_200 { | |
right: 200px; | |
} | |
/* | |
el_16 | |
Bottom | |
*/ | |
.b_0 { | |
bottom: 0; | |
} | |
.b_1 { | |
bottom: 1px; | |
} | |
.b_2 { | |
bottom: 2px; | |
} | |
.b_3 { | |
bottom: 3px; | |
} | |
.b_4 { | |
bottom: 4px; | |
} | |
.b_5 { | |
bottom: 5px; | |
} | |
.b_6 { | |
bottom: 6px; | |
} | |
.b_7 { | |
bottom: 7px; | |
} | |
.b_8 { | |
bottom: 8px; | |
} | |
.b_9 { | |
bottom: 9px; | |
} | |
.b_10 { | |
bottom: 10px; | |
} | |
.b_11 { | |
bottom: 11px; | |
} | |
.b_12 { | |
bottom: 12px; | |
} | |
.b_13 { | |
bottom: 13px; | |
} | |
.b_14 { | |
bottom: 14px; | |
} | |
.b_15 { | |
bottom: 15px; | |
} | |
.b_16 { | |
bottom: 16px; | |
} | |
.b_17 { | |
bottom: 17px; | |
} | |
.b_18 { | |
bottom: 18px; | |
} | |
.b_19 { | |
bottom: 19px; | |
} | |
.b_20 { | |
bottom: 20px; | |
} | |
.b_25 { | |
bottom: 25px; | |
} | |
.b_30 { | |
bottom: 30px; | |
} | |
.b_35 { | |
bottom: 35px; | |
} | |
.b_40 { | |
bottom: 40px; | |
} | |
.b_45 { | |
bottom: 45px; | |
} | |
.b_50 { | |
bottom: 50px; | |
} | |
.b_55 { | |
bottom: 55px; | |
} | |
.b_60 { | |
bottom: 60px; | |
} | |
.b_65 { | |
bottom: 65px; | |
} | |
.b_70 { | |
bottom: 70px; | |
} | |
.b_75 { | |
bottom: 75px; | |
} | |
.b_80 { | |
bottom: 80px; | |
} | |
.b_85 { | |
bottom: 85px; | |
} | |
.b_90 { | |
bottom: 90px; | |
} | |
.b_95 { | |
bottom: 95px; | |
} | |
.b_100 { | |
bottom: 100px; | |
} | |
.b_110 { | |
bottom: 110px; | |
} | |
.b_120 { | |
bottom: 120px; | |
} | |
.b_130 { | |
bottom: 130px; | |
} | |
.b_140 { | |
bottom: 140px; | |
} | |
.b_150 { | |
bottom: 150px; | |
} | |
.b_160 { | |
bottom: 160px; | |
} | |
.b_170 { | |
bottom: 170px; | |
} | |
.b_180 { | |
bottom: 180px; | |
} | |
.b_190 { | |
bottom: 190px; | |
} | |
.b_200 { | |
bottom: 200px; | |
} | |
/* | |
el_17 | |
Top | |
*/ | |
.l_0 { | |
left: 0; | |
} | |
.l_1 { | |
left: 1px; | |
} | |
.l_2 { | |
left: 2px; | |
} | |
.l_3 { | |
left: 3px; | |
} | |
.l_4 { | |
left: 4px; | |
} | |
.l_5 { | |
left: 5px; | |
} | |
.l_6 { | |
left: 6px; | |
} | |
.l_7 { | |
left: 7px; | |
} | |
.l_8 { | |
left: 8px; | |
} | |
.l_9 { | |
left: 9px; | |
} | |
.l_10 { | |
left: 10px; | |
} | |
.l_11 { | |
left: 11px; | |
} | |
.l_12 { | |
left: 12px; | |
} | |
.l_13 { | |
left: 13px; | |
} | |
.l_14 { | |
left: 14px; | |
} | |
.l_15 { | |
left: 15px; | |
} | |
.l_16 { | |
left: 16px; | |
} | |
.l_17 { | |
left: 17px; | |
} | |
.l_18 { | |
left: 18px; | |
} | |
.l_19 { | |
left: 19px; | |
} | |
.l_20 { | |
left: 20px; | |
} | |
.l_25 { | |
left: 25px; | |
} | |
.l_30 { | |
left: 30px; | |
} | |
.l_35 { | |
left: 35px; | |
} | |
.l_40 { | |
left: 40px; | |
} | |
.l_45 { | |
left: 45px; | |
} | |
.l_50 { | |
left: 50px; | |
} | |
.l_55 { | |
left: 55px; | |
} | |
.l_60 { | |
left: 60px; | |
} | |
.l_65 { | |
left: 65px; | |
} | |
.l_70 { | |
left: 70px; | |
} | |
.l_75 { | |
left: 75px; | |
} | |
.l_80 { | |
left: 80px; | |
} | |
.l_85 { | |
left: 85px; | |
} | |
.l_90 { | |
left: 90px; | |
} | |
.l_95 { | |
left: 95px; | |
} | |
.l_100 { | |
left: 100px; | |
} | |
.l_110 { | |
left: 110px; | |
} | |
.l_120 { | |
left: 120px; | |
} | |
.l_130 { | |
left: 130px; | |
} | |
.l_140 { | |
left: 140px; | |
} | |
.l_150 { | |
left: 150px; | |
} | |
.l_160 { | |
left: 160px; | |
} | |
.l_170 { | |
left: 170px; | |
} | |
.l_180 { | |
left: 180px; | |
} | |
.l_190 { | |
left: 190px; | |
} | |
.l_200 { | |
left: 200px; | |
} | |
/* | |
el_18 | |
Text align | |
*/ | |
.align-1 { | |
text-align: left; | |
} | |
.align-2 { | |
text-align: center; | |
} | |
.align-3 { | |
text-align: right; | |
} | |
/* | |
el_19 | |
Z-index | |
*/ | |
.z_1 { | |
z-index: 1; | |
} | |
.z_2 { | |
z-index: 2; | |
} | |
.z_3 { | |
z-index: 3; | |
} | |
.z_4 { | |
z-index: 4; | |
} | |
.z_5 { | |
z-index: 5; | |
} | |
.z_6 { | |
z-index: 6; | |
} | |
.z_7 { | |
z-index: 7; | |
} | |
.z_8 { | |
z-index: 8; | |
} | |
.z_9 { | |
z-index: 9; | |
} | |
.z_99 { | |
z-index: 99; | |
} | |
.z_999 { | |
z-index: 999; | |
} | |
.z_9999 { | |
z-index: 9999; | |
} | |
.z_99999 { | |
z-index: 99999; | |
} | |
/* | |
el_20 | |
Border radius | |
*/ | |
.b_radius_0 { | |
border-radius: 0; | |
} | |
.b_radius_1 { | |
border-radius: 1px; | |
} | |
.b_radius_2 { | |
border-radius: 2px; | |
} | |
.b_radius_3 { | |
border-radius: 3px; | |
} | |
.b_radius_4 { | |
border-radius: 4px; | |
} | |
.b_radius_5 { | |
border-radius: 5px; | |
} | |
.b_radius_6 { | |
border-radius: 6px; | |
} | |
.b_radius_7 { | |
border-radius: 7px; | |
} | |
.b_radius_8 { | |
border-radius: 8px; | |
} | |
.b_radius_9 { | |
border-radius: 9px; | |
} | |
.b_radius_10 { | |
border-radius: 10px; | |
} | |
.b_radius_11 { | |
border-radius: 11px; | |
} | |
.b_radius_12 { | |
border-radius: 12px; | |
} | |
.b_radius_13 { | |
border-radius: 13px; | |
} | |
.b_radius_14 { | |
border-radius: 14px; | |
} | |
.b_radius_15 { | |
border-radius: 15px; | |
} | |
.b_radius_16 { | |
border-radius: 16px; | |
} | |
.b_radius_17 { | |
border-radius: 17px; | |
} | |
.b_radius_18 { | |
border-radius: 18px; | |
} | |
.b_radius_19 { | |
border-radius: 19px; | |
} | |
.b_radius_20 { | |
border-radius: 20px; | |
} | |
.b_radius_25 { | |
border-radius: 25px; | |
} | |
.b_radius_30 { | |
border-radius: 30px; | |
} | |
.b_radius_50 { | |
border-radius: 50%; | |
} | |
/* | |
el_21 | |
Box shadow | |
*/ | |
.b_shadow_1 { | |
box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); | |
} | |
.b_shadow_2 { | |
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); | |
} | |
.b_shadow_3 { | |
box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); | |
} | |
.b_shadow_4 { | |
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); | |
} | |
.b_shadow_5 { | |
box-shadow: 0 0 40px rgba(0, 0, 0, 0.05); | |
} | |
.b_shadow_6 { | |
box-shadow: 0 0 40px rgba(0, 0, 0, 0.10); | |
} | |
.b_shadow_7 { | |
box-shadow: 0 0 40px rgba(0, 0, 0, 0.15); | |
} | |
.b_shadow_8 { | |
box-shadow: 0 0 40px rgba(0, 0, 0, 0.20); | |
} | |
/* | |
el_22 | |
Btn | |
*/ | |
.theme_btn_1{ | |
position: relative; | |
display: inline-block; | |
font-size: 16px; | |
line-height: 26px; | |
font-weight: 700; | |
color: #fff ; | |
text-align: center; | |
padding: 14.5px 31px; | |
letter-spacing: 1px; | |
text-transform: uppercase; | |
background-color: #0d6efd; | |
z-index: 1; | |
vertical-align: middle; | |
} | |
.theme_btn_1:before{ | |
position: absolute; | |
content: ''; | |
width: 0%; | |
height: 100%; | |
background: #272727; | |
left: 0px; | |
top: 0px; | |
z-index: -1; | |
transition: all 500ms ease; | |
} | |
.theme_btn_1:hover:before{ | |
width: 100%; | |
} | |
.theme_btn_2{ | |
position: relative; | |
display: inline-block; | |
overflow: hidden; | |
font-size: 16px; | |
line-height: 25px; | |
font-weight: 500; | |
color: #061a3a; | |
border: 1px solid #e4e8e9; | |
text-align: center; | |
padding: 16.5px 41.5px; | |
border-radius: 4px; | |
z-index: 1; | |
transition: all 500ms ease; | |
vertical-align: middle; | |
} | |
.theme_btn_2:hover{ | |
color: #ffffff; | |
} | |
.theme_btn_2:before{ | |
transition-duration: 800ms; | |
position: absolute; | |
width: 200%; | |
height: 200%; | |
content: ""; | |
top: 110%; | |
left: 50%; | |
background: #0d6efd; | |
-webkit-transform: translateX(-50%); | |
transform: translateX(-50%); | |
border-radius: 50%; | |
z-index: -1; | |
} | |
.theme_btn_2:hover:before{ | |
top: -40%; | |
} | |
/* | |
el_23 | |
Image Hover | |
*/ | |
.img_hover_1 { | |
position: relative; | |
overflow: hidden; | |
} | |
.img_hover_1 img{ | |
width: 100%; | |
transition: all 500ms ease; | |
} | |
.img_hover_1:before { | |
position: absolute; | |
top: 50%; | |
left: 50%; | |
z-index: 1; | |
display: block; | |
content: ''; | |
width: 0; | |
height: 0; | |
background: rgba(255, 255, 255,.2); | |
border-radius: 0%; | |
-webkit-transform: translate(-50%, -50%); | |
transform: translate(-50%, -50%); | |
opacity: 0; | |
} | |
.img_hover_1:hover:before { | |
-webkit-animation: circle .95s; | |
animation: circle .95s; | |
} | |
.img_hover_2 { | |
position: relative; | |
overflow: hidden; | |
background-color: #0d6efd; | |
} | |
.img_hover_2 img{ | |
width: 100%; | |
transition: all 500ms ease; | |
} | |
.img_hover_2:hover img{ | |
transform: scale(1.05); | |
opacity: .5; | |
} | |
.img_hover_2:before { | |
position: absolute; | |
top: 50%; | |
left: 50%; | |
z-index: 1; | |
display: block; | |
content: ''; | |
width: 0; | |
height: 0; | |
background: rgba(255, 255, 255,.2); | |
border-radius: 50%; | |
-webkit-transform: translate(-50%, -50%); | |
transform: translate(-50%, -50%); | |
opacity: 0; | |
} | |
.img_hover_2:hover:before { | |
-webkit-animation: circle .95s; | |
animation: circle .95s; | |
} | |
@-webkit-keyframes circle { | |
0% { | |
opacity: 1; | |
} | |
40% { | |
opacity: 1; | |
} | |
100% { | |
width: 200%; | |
height: 200%; | |
opacity: 0; | |
} | |
} | |
@keyframes circle { | |
0% { | |
opacity: 1; | |
} | |
40% { | |
opacity: 1; | |
} | |
100% { | |
width: 200%; | |
height: 200%; | |
opacity: 0; | |
} | |
} | |
.img_hover_3 { | |
position: relative; | |
overflow: hidden; | |
} | |
.img_hover_3 img{ | |
width: 100%; | |
transition: all 500ms ease; | |
} | |
.img_hover_3:before{ | |
position: absolute; | |
top: 0; | |
left: -75%; | |
display: block; | |
content: ''; | |
width: 50%; | |
height: 100%; | |
background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); | |
background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3))); | |
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); | |
-webkit-transform: skewX(-25deg); | |
-ms-transform: skewX(-25deg); | |
transform: skewX(-25deg); | |
} | |
.img_hover_3:hover:before{ | |
-webkit-animation: shine 1s; | |
animation: shine 1s; | |
} | |
@-webkit-keyframes shine { | |
100% { | |
left: 125%; | |
} | |
} | |
@keyframes shine { | |
100% { | |
left: 125%; | |
} | |
} | |
.img_hover_4{ | |
position: relative; | |
overflow: hidden; | |
} | |
.img_hover_4 img{ | |
width: 100%; | |
transition: all 500ms ease; | |
} | |
.img_hover_4:before{ | |
position: absolute; | |
content: ''; | |
width: 100%; | |
height: 0%; | |
left: 0px; | |
top: 0px; | |
opacity: 0.8; | |
transition: all 500ms ease; | |
background-color: #0d6efd; | |
} | |
.img_hover_4:hover:before{ | |
height: 100%; | |
} | |
.img_hover_5{ | |
position: relative; | |
display: block; | |
overflow: hidden; | |
} | |
.img_hover_5:before{ | |
position: absolute; | |
content: ''; | |
width: calc(100% - 20px); | |
height: calc(100% - 20px); | |
left: 10px; | |
top: 10px; | |
transform: scale(0,0); | |
opacity: 0.9; | |
z-index: 1; | |
transition: all 500ms ease; | |
background-color: #0d6efd; | |
} | |
.img_hover_5:hover:before{ | |
transform: scale(1,1); | |
} | |
.img_hover_5 img{ | |
width: 100%; | |
transition: all 500ms ease; | |
} | |
.img_hover_5:hover img{ | |
transform: scale(1.1); | |
} | |
.img_hover_6{ | |
position: relative; | |
display: block; | |
overflow: hidden; | |
background-color: #0d6efd; | |
} | |
.img_hover_6 img{ | |
width: 100%; | |
transition: all 500ms ease; | |
} | |
.img_hover_6:hover img{ | |
transform: scale(1.1); | |
opacity: 0.2; | |
} | |
.img_hover_7{ | |
position: relative; | |
display: block; | |
overflow: hidden; | |
} | |
.img_hover_7 img{ | |
width: 100%; | |
transform: scale(1.0); | |
transition: all 1700ms ease; | |
} | |
.img_hover_7:hover img{ | |
transform: scale(1.2); | |
} | |
.img_hover_7:before { | |
position: absolute; | |
content: ''; | |
top: 0; | |
left: 0; | |
right: 0; | |
bottom: 0; | |
opacity: 0; | |
background: #000000; | |
opacity: 1.0; | |
border-radius: 5px; | |
transition: .5s; | |
transform: perspective(400px) scaleX(0); | |
-webkit-transform-origin: bottom; | |
-ms-transform-origin: bottom; | |
transform-origin: bottom; | |
z-index: 2; | |
} | |
.img_hover_7:hover:before{ | |
opacity: 0.80; | |
transform: perspective(400px) scaleX(1.0); | |
} | |
.img_hover_8 { | |
position: relative; | |
display: block; | |
overflow: hidden; | |
} | |
.img_hover_8 img{ | |
width: 100%; | |
transition: all 1700ms ease; | |
} | |
.img_hover_8:before { | |
position: absolute; | |
content: ''; | |
top: 0; | |
left: 0; | |
right: 0; | |
bottom: 0; | |
background-color: #000000; | |
opacity: 0; | |
-webkit-transition: .5s; | |
-o-transition: .5s; | |
transition: .5s; | |
-webkit-transform: perspective(400px) rotateX(-90deg); | |
-ms-transform: perspective(400px) rotateX(-90deg); | |
transform: perspective(400px) rotateX(-90deg); | |
-webkit-transform-origin: top; | |
-ms-transform-origin: top; | |
transform-origin: top; | |
z-index: 1; | |
} | |
.img_hover_8:hover:before{ | |
opacity: .65; | |
-webkit-transform: perspective(400px) rotateX(0deg); | |
-ms-transform: perspective(400px) rotateX(0deg); | |
transform: perspective(400px) rotateX(0deg); | |
} | |
.img_hover_9{ | |
position: relative; | |
display: block; | |
overflow: hidden; | |
} | |
.img_hover_9 img{ | |
width: 100%; | |
transform: scale(1.0); | |
transition: all 3500ms ease; | |
} | |
.img_hover_9:hover img{ | |
transform:scale(1.2) rotate(1deg); | |
} | |
.img_hover_9:before { | |
position: absolute; | |
content: ""; | |
top: 0; | |
left: 0; | |
right: 0; | |
height: 50%; | |
opacity: 0; | |
transition-delay: .1s; | |
transition-timing-function: ease-in-out; | |
transition-duration: .5s; | |
transition-property: all; | |
opacity: 1; | |
transform-origin: top; | |
transform-style: preserve-3d; | |
transform: scaleY(0); | |
z-index: 1; | |
background-color: #0d6efd; | |
} | |
.img_hover_9:hover:before{ | |
opacity: 0.80; | |
transform: scaleY(1.0); | |
} | |
.img_hover_9:after { | |
position: absolute; | |
content: ""; | |
bottom: 0; | |
left: 0; | |
right: 0; | |
height: 50%; | |
opacity: 1; | |
transition-delay: .1s; | |
transition-timing-function: ease-in-out; | |
transition-duration: .5s; | |
transition-property: all; | |
opacity: 1; | |
transform-origin: bottom; | |
transform-style: preserve-3d; | |
transform: scaleY(0); | |
z-index: 1; | |
background-color: #0d6efd; | |
} | |
.img_hover_9:hover:after{ | |
opacity: 0.80; | |
transform: scaleY(1.0); | |
} | |
.img_hover_10{ | |
position: relative; | |
display: block; | |
overflow: hidden; | |
} | |
.img_hover_10:before { | |
content: ''; | |
position: absolute; | |
top: 0; | |
left: 0; | |
right: 0; | |
bottom: 0; | |
opacity: 0; | |
background: #0d6efd; | |
opacity: 1.0; | |
transition: .5s; | |
transform: perspective(400px) scaleY(0); | |
-webkit-transform-origin: bottom; | |
-ms-transform-origin: bottom; | |
transform-origin: bottom; | |
z-index: 1; | |
} | |
.img_hover_10:hover:before{ | |
opacity: 0.50; | |
transform: perspective(400px) scaleY(1.0); | |
} | |
.img_hover_10 img{ | |
width: 100%; | |
transition: all 3500ms ease; | |
} | |
.img_hover_10:hover img{ | |
transform: scale(1.3) rotate(2deg); | |
} | |
.flexbox_1 { | |
display: flex; | |
flex-wrap: wrap; | |
justify-content: center; | |
} | |
.flexbox_2 { | |
display: flex; | |
flex-wrap: wrap; | |
justify-content: space-between; | |
} | |