CSS File

WordPress Plugin Staff List – CSS File

Included CSS file. You can use any of these styles to customize your presentation.

/* -- Font Headers ------------------------- */
h1.abcfslHLarge, h2.abcfslHLarge, h3.abcfslHLarge,
h1.abcfslHMedium, h2.abcfslHMedium, h3.abcfslHMedium,
h1.abcfslHSmall, h2.abcfslHSmall, h3.abcfslHSmall,
h1.abcfslHSmall6, h2.abcfslHSmall6, h3.abcfslHSmall6,
h1.abcfslHXSmall, h2.abcfslHXSmall, h3.abcfslHXSmall,
h1.abcfslHXSmall6, h2.abcfslHXSmall6, h3.abcfslHXSmall6,
h1.abcfslHXXSmall, h2.abcfslHXXSmall, h3.abcfslHXXSmall,
h1.abcfslHXXSmall6, h2.abcfslHXXSmall6, h3.abcfslHXXSmall6 { font-family: 'Open Sans', Arial, sans-serif; font-style: normal; padding-bottom:0; border-bottom: none;}

h1.abcfslHLarge, h2.abcfslHLarge, h3.abcfslHLarge,
h1.abcfslHMedium, h2.abcfslHMedium, h3.abcfslHMedium,
h1.abcfslHSmall, h2.abcfslHSmall, h3.abcfslHSmall,
h1.abcfslHXSmall, h2.abcfslHXSmall, h3.abcfslHXSmall,
h1.abcfslHXXSmall, h2.abcfslHXXSmall, h3.abcfslHXXSmall{ font-weight: 700; }

h1.abcfslHMedium6, h2.abcfslHMedium6, h3.abcfslHMedium6,
h1.abcfslHSmall6, h2.abcfslHSmall6, h3.abcfslHSmall6,
h1.abcfslHXSmall6, h2.abcfslHXSmall6, h3.abcfslHXSmall6,
h1.abcfslHXXSmall6, h2.abcfslHXXSmall6, h3.abcfslHXXSmall6 { font-weight: 600; }

//40;32;25;
h1.abcfslHLarge { font-size: 2.5rem; margin-bottom: 1.75rem; }
h2.abcfslHLarge { font-size: 2rem; margin-bottom: 1.25rem; }
h3.abcfslHLarge { font-size: 1.5625rem; margin-bottom: 1rem; }

//32;25;22;
h1.abcfslHMedium, h1.abcfslHMedium6  { font-size: 2rem; margin-bottom: 1.25rem; }
h2.abcfslHMedium, h2.abcfslHMedium6 { font-size: 1.5625rem; margin-bottom: 1rem; }
h3.abcfslHMedium, h3.abcfslHMedium6 { font-size: 1.375rem; margin-bottom: .5rem; }

//25;22;20;
h1.abcfslHSmall, h1.abcfslHSmall6 { font-size: 1.5625rem; margin-bottom: 1rem; }
h2.abcfslHSmall, h2.abcfslHSmall6 { font-size: 1.375rem; margin-bottom: 1rem; }
h3.abcfslHSmall, h3.abcfslHSmall6 { font-size: 1.25rem; margin-bottom: 1rem; }

//22;20;16
h1.abcfslHXSmall, h1.abcfslHXSmall6 { font-size: 1.375rem; margin-bottom: .75rem; }
h2.abcfslHXSmall, h2.abcfslHXSmall6 { font-size: 1.25rem; margin-bottom: .5rem; }
h3.abcfslHXSmall, h3.abcfslHXSmall6 { font-size: 1rem; margin-bottom: .5rem; }

//20;18;16
h1.abcfslHXXSmall, h1.abcfslHXXSmall6 { font-size: 1.25rem; margin-bottom: .75rem; }
h2.abcfslHXXSmall, h2.abcfslHXXSmall6 { font-size: 1.125rem; margin-bottom: .5rem; }
h3.abcfslHXXSmall, h3.abcfslHXXSmall6 { font-size: 1rem; margin-bottom: .5rem; }

.abcfslFS1{font-size: 1px;}
.abcfslFS12{font-size: 12px;}
.abcfslFS14{font-size: 14px;}
.abcfslFS16{font-size: 16px;}
.abcfslFS18{font-size: 18px;}
.abcfslFS20{font-size: 20px;}
.abcfslFS24{font-size: 24px;}

.abcfslFS12R{font-size: .75rem;}
.abcfslFS14R{font-size: .875rem;}
.abcfslFS16R{font-size: 1rem;}
.abcfslFS18R{font-size: 1.125rem;}
.abcfslFS20R{font-size: 1.25rem;}
.abcfslFS24R{font-size: 1.5rem;}

.abcfslFW400{font-weight: 400;}
.abcfslFW600{font-weight: 600;}
.abcfslFW700{font-weight: 700;}
.abcfslFF{ font-family: 'Open Sans', Arial, sans-serif; font-style: normal; padding-bottom:0; border-bottom: none;}
.abcfslFFV {font-family: Verdana, Geneva, Arial, sans-serif; font-style: normal; padding-bottom:0; border-bottom: none; }

/*-- Vertical Lists ----------------------*/
.abcfslLstCntrN { margin-left: 0px; }
.abcfslLstCntrN ul { margin-left: 10px;}
.abcfslLstCntrN li { margin: 0; list-style-type: none; padding-left: 2px; padding-top: 6px; }
.abcfslLstTxtCntr { padding-left: 10px; }

/*-- Margins ----------------------------*/
.abcfslMT0{ margin-top: 0; }
.abcfslMT5{ margin-top: 5px; }
.abcfslMT10{ margin-top: 10px; }
.abcfslMT15{ margin-top: 15px;}
.abcfslMT20{ margin-top: 20px;}
.abcfslMT25{ margin-top: 25px;}
.abcfslMT30{ margin-top: 30px;}
.abcfslMT40{ margin-top: 40px;}
.abcfslMT50{ margin-top: 50px;}

.abcfslMB0{ margin-bottom: 0px; }
.abcfslsMB5{ margin-bottom: 5px; }
.abcfslsMB10{ margin-bottom: 10px; }
.abcfslMB15{ margin-bottom: 15px; }
.abcfslMB20{ margin-bottom: 20px; }
.abcfslMB25{ margin-bottom: 25px; }
.abcfslMB30{ margin-bottom: 30px; }
.abcfslMB200{ margin-bottom: 200px; }

.abcfslMB1P{ margin-bottom: 1%; }
.abcfslMB2P{ margin-bottom: 2%; }
.abcfslMB3P{ margin-bottom: 3%; }
.abcfslMB4P{ margin-bottom: 4%; }
.abcfslMB5P{ margin-bottom: 5%; }
.abcfslMB6P{ margin-bottom: 6%; }
.abcfslMB7P{ margin-bottom: 7%; }
.abcfslMB8P{ margin-bottom: 8%; }
.abcfslMB9P{ margin-bottom: 9%; }
.abcfslMB10P{ margin-bottom: 10%; }

/*-- Padding ------------------------------------*/
.abcfslPadT0{ padding-top: 0; }
.abcfslPadT5{ padding-top: 5px; }
.abcfslPadT10{ padding-top: 10px; }
.abcfslPadT15{ padding-top: 15px;}
.abcfslPadT20{ padding-top: 20px;}
.abcfslPadT30{ padding-top: 30px;}
.abcfslPadT40{ padding-top: 40px;}

.abcfslPadB0{ padding-bottom: 0px; }
.abcfslPadB10{ padding-bottom: 5px; }
.abcfslPadB10{ padding-bottom: 10px; }
.abcfslPadB15{ padding-bottom: 15px; }
.abcfslPadB20{ padding-bottom: 20px; }
.abcfslPadB30{ padding-bottom: 30px; }
.abcfslPadB40{ padding-bottom: 40px; }

.abcfslPadB1P{ padding-bottom: 1%; }
.abcfslPadB2P{ padding-bottom: 2%; }
.abcfslPadB3P{ padding-bottom: 3%; }
.abcfslPadB4P{ padding-bottom: 4%; }
.abcfslPadB5P{ padding-bottom: 5%; }
.abcfslPadB6P{ padding-bottom: 6%; }
.abcfslPadB7P{ padding-bottom: 7%; }
.abcfslPadB8P{ padding-bottom: 8%; }
.abcfslPadB9P{ padding-bottom: 9%; }
.abcfslPadB10P{ padding-bottom: 10%; }

.abcfslPadL1P{ padding-left: 1%; }
.abcfslPadL2P{ padding-left: 2%; }
.abcfslPadL3P{ padding-left: 3%; }
.abcfslPadL4P{ padding-left: 4%; }
.abcfslPadL5P{ padding-left: 5%; }
.abcfslPadL6P{ padding-left: 6%; }
.abcfslPadL7P{ padding-left: 7%; }
.abcfslPadL8P{ padding-left: 8%; }
.abcfslPadL9P{ padding-left: 9%; }
.abcfslPadL10P{ padding-left: 10%; }

.abcfslPadR1P{ padding-right: 1%; }
.abcfslPadR2P{ padding-right: 2%; }
.abcfslPadR3P{ padding-right: 3%; }
.abcfslPadR4P{ padding-right: 4%; }
.abcfslPadR5P{ padding-right: 5%; }
.abcfslPadR6P{ padding-right: 6%; }
.abcfslPadR7P{ padding-right: 7%; }
.abcfslPadR8P{ padding-right: 8%; }
.abcfslPadR9P{ padding-right: 9%; }
.abcfslPadR10P{ padding-right: 10%; }

/* -- P tag  ------------------------ */
.abcfslPMB1R p{margin-bottom: 1rem;}
.abcfslPMB75R p{margin-bottom: .75rem;}
.abcfslPFont14 p{font-size: 14px;}

/* -- ALIGMENT ------------------------ */
.abcfslCenterTxt { text-align: center; }
.abcfslTxtRight { text-align: right; }
.abcfslMLRAuto { margin-left: auto; margin-right: auto }

/* -- BORDERS ------------------------ */
.abcfslBB11 { border-bottom: 1px solid #e6e6e6; }
.abcfslBB12 { border-bottom: 1px solid #b3b3b3; }
.abcfslBB13 { border-bottom: 1px solid #808080; }
.abcfslBB14 { border-bottom: 1px solid #4d4d4d; }
.abcfslBB15 { border-bottom: 1px solid #1a1a1a; }

.abcfslBB21 { border-bottom: 2px solid #e6e6e6; }
.abcfslBB22 { border-bottom: 2px solid #b3b3b3; }
.abcfslBB23 { border-bottom: 2px solid #808080; }
.abcfslBB24 { border-bottom: 2px solid #4d4d4d; }
.abcfslBB25 { border-bottom: 2px solid #1a1a1a; }

/*== LISTS ===============================*/
/* simple */
.abcfLstCntrN { margin-left: 0px; }
.abcfLstCntrN ul { margin-left: 10px;}
.abcfLstCntrN li { margin: 0; list-style-type: none; padding-left: 2px; padding-top: 6px; }

/* == MISC ====================================================== */
.abcfClr{ clear: both; font-size: 1px; margin: 0; padding: 0; border: 0; height: 0;}
.abcfClrFix:before, .abcfClrFix:after { content:""; display:table;}
.abcfClrFix:after { clear:both; }