CSS Margins & Padding

WordPress Plugin Staff List – CSS Margins & Padding

Margins and paddings are the two most commonly used properties for spacing-out elements. A margin is the space outside something, whereas padding is the space inside something.
You can add your own classes or use margin and padding styles included in staff-list.css.
/*-- 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; }

.abcfslMTPc1 { margin-top: 1%; }
.abcfslMTPc2 { margin-top: 2%; }
.abcfslMTPc3 { margin-top: 3%; }
.abcfslMTPc4 { margin-top: 4%; }
.abcfslMTPc5 { margin-top: 5%; }
.abcfslMTPc6 { margin-top: 6%; }
.abcfslMTPc7 { margin-top: 7%; }
.abcfslMTPc8 { margin-top: 8%; }
.abcfslMTPc9 { margin-top: 9%; }
.abcfslMTPc10 { margin-top: 10%; }

.abcfslMB0 { margin-bottom: 0; }
.abcfslsMB5 { margin-bottom: 5px; }
.abcfslsMB10 { margin-bottom: 10px; }
.abcfslMB15 { margin-bottom: 15px; }
.abcfslMB20 { margin-bottom: 20px; }
.abcfslMB25 { margin-bottom: 25px; }
.abcfslMB30 { margin-bottom: 30px; }
.abcfslMB40 { margin-bottom: 40px; }
.abcfslMB50 { margin-bottom: 50px; }

.abcfslMBPc1 { margin-bottom: 1%; }
.abcfslMBPc2 { margin-bottom: 2%; }
.abcfslMBPc3 { margin-bottom: 3%; }
.abcfslMBPc4 { margin-bottom: 4%; }
.abcfslMBPc5 { margin-bottom: 5%; }
.abcfslMBPc6 { margin-bottom: 6%; }
.abcfslMBPc7 { margin-bottom: 7%; }
.abcfslMBPc8 { margin-bottom: 8%; }
.abcfslMBPc9 { margin-bottom: 9%; }
.abcfslMBPc10 { 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; }
.abcfslPadT50 { padding-top: 50px; }

.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; }
.abcfslPadB50 { padding-bottom: 50px; }

.abcfslPadLPc1 { padding-left: 1%; }
.abcfslPadLPc2 { padding-left: 2%; }
.abcfslPadLPc3 { padding-left: 3%; }
.abcfslPadLPc4 { padding-left: 4%; }
.abcfslPadLPc5 { padding-left: 5%; }
.abcfslPadLPc6 { padding-left: 6%; }
.abcfslPadLPc7 { padding-left: 7%; }
.abcfslPadLPc8 { padding-left: 8%; }
.abcfslPadLPc9 { padding-left: 9%; }
.abcfslPadLPc10 { padding-left: 10%; }

.abcfslPadRPc1 { padding-right: 1%; }
.abcfslPadRPc2 { padding-right: 2%; }
.abcfslPadRPc3 { padding-right: 3%; }
.abcfslPadRPc4 { padding-right: 4%; }
.abcfslPadRPc5 { padding-right: 5%; }
.abcfslPadRPc6 { padding-right: 6%; }
.abcfslPadRPc7 { padding-right: 7%; }
.abcfslPadRPc8 { padding-right: 8%; }
.abcfslPadRPc9 { padding-right: 9%; }
.abcfslPadRPc10 { padding-right: 10%; }