Blogger

CSS Framework - Complete file reference

Selvakumaran Krishnan
Written by Selvakumaran Krishnan July 03, 2022
We have explained how to use CSS framework with code and example workouts in the documentation page.

Some style properties cannot be demonstrated such display and position properties. Therefore, we have give given below the entire CSS framework file contents for reference purpose. To understand better on how to use CSS framework, read the code how it is defined and use the class attributes accordingly.

Include CSS framework via CDN

Make sure you have included the CSS framework in your site.

The above link includes the complete framework including utilities and colors. To use specific variants, refer here.

CSS Framework (All style properties)

The following code shows all the style properties available for the usage and defined in our CSS framework. This is not the final, it will be updated gradually with new style properties.

You can either use CDN or download the file and host on your own server. It's always recommended to use CDN for faster and more reliable.

/*!
 * Wikimint Developer (https://developer.wikimint.com/)
 * Copyright Wikimint Developer
 * Copyright Selvakumaran Krishnan
 * Licensed under MIT (https://github.com/wikimint/wikimint/blob/main/LICENSE)
 */

:root{
--wm-primary: #0d6efd;
--wm-secondary: #6c757d;
--wm-success: #198754;
--wm-info: #0dcaf0;
--wm-warning: #ffc107;
--wm-danger: #dc3545;
--wm-light: #f8f9fa;
--wm-dark: #212529;
--wm-primary-dim: #cfe2ff;
--wm-success-dim: #d1e7dd;
--wm-warning-dim: #fff3cd;
--wm-danger-dim: #f8d7da;
--wm-space: 20px;
}

* {box-sizing: border-box;}

/* FORM FIELDS */
.form input {font-family: inherit;
 padding: 10px;
 border-radius: 3px;
 border: 1px solid #555;}

.form  input[type=submit], .form  input[type=button] {font-family: inherit;
 padding: 10px 20px;
 border-radius: 3px;
 border: 1px solid #555;
 background: #666;
 color: #fff;}

.form  textarea {padding: 10px;
border-radius: 3px;
border: 2px solid #555;
font-family: inherit;}

/*TEXT DECORATION*/
.td-auto {text-decoration: auto;}
.td-blink {text-decoration: blink;}
.td-dashed {text-decoration: dashed;}
.td-dotted {text-decoration: dotted;}
.td-double {text-decoration: double;}
.td-line-through {text-decoration: line-through;}
.td-none {text-decoration: none;}
.td-revert {text-decoration: revert;}
.td-overline {text-decoration: overline;}
.td-solid {text-decoration: solid;}
.td-underline {text-decoration: underline;}
.td-wavy {text-decoration: wavy;}
 
/*TEXT TRANSFORM*/
.tt-capitalize {text-transform: capitalize;}
.tt-lowercase {text-transform: lowercase;}
.tt-none {text-transform: none;}
.tt-uppercase (text-transform: uppercase;}
	
/*FONT SIZE*/
.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;}

/* DISPLAY PROPERTIES*/
.d-none {display: none;}
.d-block {display: block;}
.d-flex {display: flex;}
.d-table {display: table;}
.d-grid {display: grid;}
.d-contents {display: contents;}
.d-iblock {display: inline-block;}
.d-iflex {display: inline-flex;}
.d-itable {display: inline-table;}
.d-igrid {display: inline-grid;}

/* POSITION PROPERTIES*/
.p-absolute{position:absolute;}
.p-fixed{position:fixed;}
.p-relative{position:relative;}
.p-static{position:static;}
.p-sticky{position:sticky;}
.p-revert{position:revert;}

/*FLOAT PROPERTIES*/
.f-left, .f-left li {float : left;}
.f-right, .f-right li {float : right;}
.f-none, .f-none li {float : none;}
.f-revert, .f-revert li {float : revert;}
.f-iend, .f-iend li {float : inline-end;}
.f-istart, .f-istart li {float : inline-start;}
 
 /*OPACITY PROPERTIES*/
.op-01 {opacity: 0.1;}
.op-02 {opacity: 0.2;}
.op-03 {opacity: 0.3;}
.op-04 {opacity: 0.4;}
.op-05 {opacity: 0.5;}
.op-06 {opacity: 0.6;}
.op-07 {opacity: 0.7;}
.op-08 {opacity: 0.8;}
.op-09 {opacity: 0.9;}
.op-1, .op-10 {opacity: 1;}

/* FONT WEIGHT */
.fw-100 {font-weight: 100;}
.fw-200 {font-weight: 200;}
.fw-300 {font-weight: 300;}
.fw-400 {font-weight: 400;}
.fw-500 {font-weight: 500;}
.fw-600 {font-weight: 600;}
.fw-700 {font-weight: 700;}
.fw-800 {font-weight: 800;}
.fw-900 {font-weight: 900;}

/*TOP BOTTOM LEFT RIGHT PROPERTIES*/
.r-revert {right:revert;}
.r-auto {right:auto;}
.r-0 {right:0;}
.l-revert {left:revert;}
.l-auto {left:auto;}
.l-0 {left:0;}
.t-revert {top:revert;}
.t-auto {top:auto;}
.t-0 {top:0;}
.b-revert {bottom:revert;}
.b-auto {bottom:auto;}
.b-0 {bottom:0;}

/*ALIGN PROPERTIES*/
.ai-baseline {align-items: baseline;}
.ai-center {align-items: center;}
.ai-end {align-items: end;}
.ai-flex-end {align-items: flex-end;}
.ai-flex-start {align-items: flex-start;}
.ai-normal {align-items: normal;}
.ai-revert {align-items: revert;}
.ai-self-end {align-items: self-end;}
.ai-self-start {align-items: self-start;}
.ai-start {align-items: start;}
.ai-stretch {align-items: stretch;}

.as-auto {align-self: auto;}
.as-baseline {align-self: baseline;}
.as-center {align-self: center;}
.as-end {align-self: end;}
.as-flex-end {align-self: flex-end;}
.as-flex-start {align-self: flex-start;}
.as-normal {align-self: normal;}
.as-revert {align-self: revert;}
.as-self-end {align-self: self-end;}
.as-self-start {align-self: self-start;}
.as-start {align-self: start;}
.as-stretch {align-self: stretch;}

.ta-center {text-align: center;}
.ta-end {text-align: end;}
.ta-justify {text-align: justify;}
.ta-left {text-align: left;}
.ta-revert {text-align: revert;}
.ta-right {text-align: right;}
.ta-start {text-align: start;}

.va-baseline {vertical-align: baseline;}
.va-bottom {vertical-align: bottom;}
.va-middle {vertical-align: middle;}
.va-revert {vertical-align: revert;}
.va-sub {vertical-align: sub;}
.va-super {vertical-align: super;}
.va-text-bottom {vertical-align: text-bottom;}
.va-text-top {vertical-align: text-top;}
.va-top {vertical-align: top;}

/* MARGIN PROPERTIES */
.m, .m li {margin: var(--wm-space);}
.mt, .mt li {margin-top: var(--wm-space);}
.mb, .mb li {margin-bottom: var(--wm-space);}
.ml, .ml li {margin-left: var(--wm-space);}
.mr, .mr li {margin-right: var(--wm-space);}

.m-5, .m-5 li {margin:5px;}
.m-10, .m-10 li {margin:10px;}
.m-15, .m-15 li {margin:15px;}
.m-0, .m-0 li {margin: 0px ! important;}

.mt-0, .mt-0 li {margin-top: 0px ! important;}
.mb-0, .mb-0 li {margin-bottom: 0px ! important;}
.ml-0, .ml-0 li {margin-left: 0px ! important;}
.mr-0, .mr-0 li {margin-right: 0px ! important;}

.mt-5, .mt-5 li {margin-top: 5px ! important;}
.mb-5, .mb-5 li {margin-bottom: 5px ! important;}
.ml-5, .ml-5 li {margin-left: 5px ! important;}
.mr-5, .mr-5 li {margin-right: 5px ! important;}

.mt-10, .mt-10 li {margin-top: 10px ! important;}
.mb-10, .mb-10 li {margin-bottom: 10px ! important;}
.ml-10, .ml-10 li {margin-left: 10px ! important;}
.mr-10, .mr-10 li {margin-right: 10px ! important;}

.mt-15, .mt-15 li {margin-top: 15px ! important;}
.mb-15, .mb-15 li {margin-bottom: 15px ! important;}
.ml-15, .ml-15 li {margin-left: 15px ! important;}
.mr-15, .mr-15 li {margin-right: 15px ! important;}

.mt-20, .mt-20 li {margin-top: 20px ! important;}
.mb-20, .mb-20 li {margin-bottom: 20px ! important;}
.ml-20, .ml-20 li {margin-left: 20px ! important;}
.mr-20, .mr-20 li {margin-right: 20px ! important;}

.mt-n5 {margin-top: -5px ! important;}
.mb-n5 {margin-bottom: -5px ! important;}
.ml-n5 {margin-left: -5px ! important;}
.mr-n5 {margin-right: -5px ! important;}

.mt-n10 {margin-top: -10px ! important;}
.mb-n10 {margin-bottom: -10px ! important;}
.ml-n10 {margin-left: -10px ! important;}
.mr-n10 {margin-right: -10px ! important;}

.mt-n15 {margin-top: -15px ! important;}
.mb-n15 {margin-bottom: -15px ! important;}
.ml-n15 {margin-left: -15px ! important;}
.mr-n15 {margin-right: -15px ! important;}

.mt-n20 {margin-top: -20px ! important;}
.mb-n20 {margin-bottom: -20px ! important;}
.ml-n20 {margin-left: -20px ! important;}
.mr-n20 {margin-right: -20px ! important;}

.mt-n25 {margin-top: -25px ! important;}
.mb-n25 {margin-bottom: -25px ! important;}
.ml-n25 {margin-left: -25px ! important;}
.mr-n25 {margin-right: -25px ! important;}

.mt-n30 {margin-top: -30px ! important;}
.mb-n30 {margin-bottom: -30px ! important;}
.ml-n30 {margin-left: -30px ! important;}
.mr-n30 {margin-right: -30px ! important;}

.mt-p5 {margin-top: 5% ! important;}
.mb-p5 {margin-bottom: 5% ! important;}
.ml-p5 {margin-left: 5% ! important;}
.mr-p5 {margin-right: 5% ! important;}

.mt-p10 {margin-top: 10% ! important;}
.mb-p10 {margin-bottom: 10% ! important;}
.ml-p10 {margin-left: 10% ! important;}
.mr-p10 {margin-right: 10% ! important;}

/* PADDING PROPERTIES */
.p, .p li {padding: var(--wm-space);}
.pt, .pt li {padding-top: var(--wm-space);}
.pb, .pb li {padding-bottom: var(--wm-space);}
.pl, .pl li {padding-left: var(--wm-space);}
.pr, .pr li {padding-right: var(--wm-space);}
.p-5, .p-5 li {padding:5px;}
.p-10, .p-10 li {padding:10px;}
.p-15, .p-15 li {padding:15px;}
.p-0, .p-0 li {padding: 0px ! important;}
.pt-0, .pt-0 li {padding-top: 0px ! important;}
.pb-0, .pb-0 li {padding-bottom: 0px ! important;}
.pl-0, .pl-0 li {padding-left: 0px ! important;}
.pr-0, .pr-0 li {padding-right: 0px ! important;}

.pt-5, .pt-5 li {padding-top: 5px ! important;}
.pb-5, .pb-5 li {padding-bottom: 5px ! important;}
.pl-5, .pl-5 li {padding-left: 5px ! important;}
.pr-5, .pr-5 li {padding-right: 5px ! important;}

.pt-10, .pt-10 li {padding-top: 10px ! important;}
.pb-10, .pb-10 li {padding-bottom: 10px ! important;}
.pl-10, .pl-10 li {padding-left: 10px ! important;}
.pr-10, .pr-10 li {padding-right: 10px ! important;}

.pt-15, .pt-15 li {padding-top: 15px ! important;}
.pb-15, .pb-15 li {padding-bottom: 15px ! important;}
.pl-15, .pl-15 li {padding-left: 15px ! important;}
.pr-15, .pr-15 li {padding-right: 15px ! important;}

.pt-20, .pt-20 li {padding-top: 20px ! important;}
.pb-20, .pb-20 li {padding-bottom: 20px ! important;}
.pl-20, .pl-20 li {padding-left: 20px ! important;}
.pr-20, .pr-20 li {padding-right: 20px ! important;}

.pt-p5 {padding-top: 5% ! important;}
.pb-p5 {padding-bottom: 5% ! important;}
.pl-p5 {padding-left: 5% ! important;}
.pr-p5 {padding-right: 5% ! important;}

.pt-p10 {padding-top: 10% ! important;}
.pb-p10 {padding-bottom: 10% ! important;}
.pl-p10 {padding-left: 10% ! important;}
.pr-p10 {padding-right: 10% ! important;}

/* BORDER PROPERTIES */
.b, .b li {border: 1px solid;}
.b-rad, .b-rad li {border-radius: 5px;}
.b-rad-50, .b-rad-50 li {border-radius: 50%;}
.bt, .bt li {border-top: 1px solid;}
.bb, .bb li {border-bottom: 1px solid;}
.bl, .bl li {border-left: 1px solid;}
.br, .br li {border-right: 1px solid;}
.btlr-0, .btlr-0 li {border-top-left-radius: 0px ! important;}
.btrr-0, .btrr-0 li {border-top-right-radius: 0px ! important;}
.bblr-0, .bblr-0 li {border-bottom-left-radius: 0px ! important;}
.bbrr-0, .bbrr-0 li {border-bottom-right-radius: 0px ! important;}

/*BORDER WIDTH*/
.bw-thin, .bw-thin li {border-width : thin;}
.bw-medium, .bw-medium li {border-width : medium;}
.bw-thick, .bw-thick li {border-width : thick;}
.ol-none, .bw-none li {outline:none;}

/*BORDER STYLE*/
.bs-dotted {border-style: dotted;}
.bs-dashed {border-style: dashed;}
.bs-solid {border-style: solid;}
.bs-double {border-style: double;}
.bs-groove {border-style: groove;}
.bs-ridge {border-style: ridge;}
.bs-inset {border-style: inset;}
.bs-outset {border-style: outset;}

/*BORDER COLOR*/
.br-c-primary, .br-c-primary li, .br-c-primary-h:hover {border-color: var(--wm-primary);}
.br-c-secondary, .br-c-secondary li, .br-c-secondary-h:hover {border-color: var(--wm-secondary);}
.br-c-info, .br-c-info li, .br-c-info-h:hover {border-color: var(--wm-info);}
.br-c-success, .br-c-success li, .br-c-success-h:hover {border-color: var(--wm-success);}
.br-c-danger, .br-c-danger li, .br-c-danger-h:hover {border-color: var(--wm-danger);}
.br-c-dark, .br-c-dark li, .br-c-dark-h:hover {border-color: var(--wm-dark);}
.br-c-light, .br-c-light li, .br-c-light-h:hover {border-color: var(--wm-light);}
.br-c-warning, .br-c-warning li, .br-c-warning-h:hover {border-color: var(--wm-warning);}

.br-c-primary-dim, .br-c-primary-dim-h:hover {border-color: var(--wm-primary-dim);}
.br-c-success-dim, .br-c-success-dim-h:hover {border-color: var(--wm-success-dim);}
.br-c-danger-dim, .br-c-danger-dim-h:hover {border-color: var(--wm-danger-dim);}
.br-c-warning-dim, .br-c-warning-dim-h:hover {border-color: var(--wm-warning-dim);}

/*TEXT AND LINK COLOR*/
.c-primary, .c-primary-a a, .c-primary-h:hover {color: var(--wm-primary);}
.c-secondary, .c-secondary-a a, .c-secondary-h:hover {color: var(--wm-secondary);}
.c-info, .c-info-a a, .c-info-h:hover {color: var(--wm-info);}
.c-success, .c-success-a a, .c-success-h:hover {color: var(--wm-success);}
.c-danger, .c-danger-a a, .c-danger-h:hover {color: var(--wm-danger);}
.c-dark, .c-dark-a a, .c-dark-h:hover {color: var(--wm-dark);}
.c-light, .c-light-a a, .c-light-h:hover {color: var(--wm-light);}
.c-warning, .c-warning-a a, .c-warning-h:hover {color: var(--wm-warning);}

.c-primary-dim, .c-primary-dim-a a, .c-primary-dim-h:hover {color: var(--wm-primary-dim);}
.c-success-dim, .c-success-dim-a a, .c-success-dim-h:hover {color: var(--wm-success-dim);}
.c-danger-dim, .c-danger-dim-a a, .c-danger-dim-h:hover {color: var(--wm-danger-dim);}
.c-warning-dim, .c-warning-dim-a a, .c-warning-dim-h:hover {color: var(--wm-warning-dim);}

/*BACKGROUND COLOR*/
.bg-c-primary, .bg-c-primary-h:hover {background: var(--wm-primary);}
.bg-c-secondary, .bg-c-secondary-h:hover {background: var(--wm-secondary);}
.bg-c-info, .bg-c-info-h:hover {background: var(--wm-info);}
.bg-c-success, .bg-c-success-h:hover {background: var(--wm-success);}
.bg-c-danger, .bg-c-danger-h:hover {background: var(--wm-danger);}
.bg-c-dark, .bg-c-dark-h:hover {background: var(--wm-dark);}
.bg-c-light, .bg-c-light-h:hover {background: var(--wm-light);}
.bg-c-warning, .bg-c-warning-h:hover {background: var(--wm-warning);}

.bg-c-primary-dim, .bg-c-primary-dim-h:hover {background: var(--wm-primary-dim);}
.bg-c-success-dim, .bg-c-success-dim-h:hover {background: var(--wm-success-dim);}
.bg-c-danger-dim, .bg-c-danger-dim-h:hover {background: var(--wm-danger-dim);}
.bg-c-warning-dim, .bg-c-warning-dim-h:hover {background: var(--wm-warning-dim);}

/*OUTLINE PROPERTIES*/
.ol-none {outline:none;}
.ols-dotted {outline-style: dotted;}
.ols-dashed {outline-style: dashed;}
.ols-solid {outline-style: solid;}
.ols-double {outline-style: double;}
.ols-groove {outline-style: groove;}
.ols-ridge {outline-style: ridge;}
.ols-inset {outline-style: inset;}
.ols-outset {outline-style: outset;}
.ol-c-primary {outline-color: var(--wm-primary);}
.ol-c-secondary {outline-color: var(--wm-secondary);}
.ol-c-info {outline-color: var(--wm-info);}
.ol-c-success {outline-color: var(--wm-success);}
.ol-c-danger {outline-color: var(--wm-danger);}
.ol-c-dark {outline-color: var(--wm-dark);}
.ol-c-light {outline-color: var(--wm-light);}
.ol-c-warning {outline-color: var(--wm-warning);}

/*OVERFLOW PROPERTIES*/
.of-visible {overflow:visible;}
.of-hidden {overflow:hidden;}
.of-scroll {overflow:scroll;}
.of-auto {overflow:auto;}

/*Z-INDEX PROPERTIES*/
.zi-n1 {z-index : -1;}
.zi-1 {z-index : 1;}
.zi-2 {z-index : 2;}
.zi-3 {z-index : 3;}
.zi-x9 {z-index : 999999999;}

/*LINE HEIGHT*/
.lh-inherit {line-height: inherit;}
.lh-initial {line-height: initial;}
.lh-normal {line-height: normal;}
.lh-revert {line-height: revert;}

/*LINE BREAK*/
.lb-anywhere {line-break: anywhere;}
.lb-auto {line-break: auto;}
.lb-loose {line-break: loose;}
.lb-normal {line-break: normal;}
.lb-revert {line-break: revert;}
.lb-strict {line-break: strict;}

/*WORD BREAK*/
.wb-break-all {word-break: break-all;}
.wb-break-word {word-break: break-word;}
.wb-keep-all {word-break: keep-all;}
.wb-normal {word-break: normal;}
.wb-revert {word-break: revert;}

/*LIST PROPERTIES*/
ul, ol {
padding:0px ! important;
padding-top:0px ! important;
padding-right:0px ! important;
padding-bottom:0px ! important;
padding-left:0px ! important;
margin:0px ! important;
margin-top:0px ! important;
margin-right:0px ! important;
margin-bottom:0px ! important;
margin-left:0px ! important;
border:none ! important;
border-top:none ! important;
border-right:none ! important;
border-bottom:none ! important;
border-left:none ! important;		
}
/*MOBILE ONLY VISIBLE*/
@media only screen and (max-width: 600px) {
 .only-mob { display: block;}
 .only-tab { display: none;}
 .only-desk { display: none;}
 .no-mob { display: none;}
 .no-tab { display: block;}
 .no-desk { display: block;}
 }

/*TAB ONLY VISIBLE*/
@media only screen and (max-width: 960px) and (min-width: 600px) {
 .only-mob { display: none;}
 .only-tab { display: block;}
 .only-desk { display: none;}
 .no-mob { display: block;}
 .no-tab { display: none;}
 .no-desk { display: block;}
 }

/*DESKTOP ONLY VISIBLE*/
@media only screen and (min-width: 960px) {
 .only-mob { display: none;}
 .only-tab { display: none;}
 .only-desk { display: block;}
 .no-mob { display: block;}
 .no-tab { display: block;}
 .no-desk { display: none;}
 }

/*WIDTH PROPERTIES*/
.w-auto, .no-res .w-auto {width:auto;}
.w-100, .no-res .w-100 {width:100%;}
.w-90, .no-res .w-90 {width:90%;}
.w-80, .no-res .w-80 {width:80%;}
.w-70, .no-res .w-70 {width:70%;}
.w-60, .no-res .w-60 {width:60%;}
.w-50, .no-res .w-50 {width:50%;}
.w-40, .no-res .w-40 {width:40%;}
.w-30, .no-res .w-30 {width:30%;}
.w-20, .no-res .w-20 {width:20%;}
.w-10, .no-res .w-10 {width:10%;}
.no-res .d-flex {display:flex;}
@media screen and (max-width: 600px) {
.res-mob .d-flex {display:block;}
.no-res .d-flex {display:flex;}
.res-mob .w-90 { width: 100%;}
.res-mob .w-80 { width: 100%;}
.res-mob .w-70 { width: 100%;}
.res-mob .w-60 { width: 100%;}
.res-mob .w-50 { width: 100%;}
.res-mob .w-40 { width: 100%;}
.res-mob .w-30 { width: 100%;}
.res-mob .w-20 { width: 100%;}
.res-mob .w-10 { width: 100%;}
}
@media only screen and (max-width: 960px) {
.res-tab .d-flex {display:block;}
.no-res .d-flex {display:flex;}
.res-tab .w-90 { width: 100%;} 
.res-tab .w-80 { width: 100%;} 
.res-tab .w-70 { width: 100%;} 
.res-tab .w-60 { width: 100%;} 
.res-tab .w-50 { width: 100%;} 
.res-tab .w-40 { width: 100%;} 
.res-tab .w-30 { width: 100%;} 
.res-tab .w-20 { width: 100%;} 
.res-tab .w-10 { width: 100%;} 
}

/*  TEXT COLORS */
.c-aliceblue {color: aliceblue;}
.c-antiquewhite {color: antiquewhite;}
.c-aqua {color: aqua;}
.c-aquamarine {color: aquamarine;}
.c-azure {color: azure;}
.c-beige {color: beige;}
.c-bisque {color: bisque;}
.c-black {color: black;}
.c-blanchedalmond {color: blanchedalmond;}
.c-blue {color: blue;}
.c-blueviolet {color: blueviolet;}
.c-brown {color: brown;}
.c-burlywood {color: burlywood;}
.c-cadetblue {color: cadetblue;}
.c-chartreuse {color: chartreuse;}
.c-chocolate {color: chocolate;}
.c-coral {color: coral;}
.c-cornflowerblue {color: cornflowerblue;}
.c-cornsilk {color: cornsilk;}
.c-crimson {color: crimson;}
.c-currentColor {color: currentColor;}
.c-currentcolor {color: currentcolor;}
.c-cyan {color: cyan;}
.c-darkblue {color: darkblue;}
.c-darkcyan {color: darkcyan;}
.c-darkgoldenrod {color: darkgoldenrod;}
.c-darkgray {color: darkgray;}
.c-darkgreen {color: darkgreen;}
.c-darkgrey {color: darkgrey;}
.c-darkkhaki {color: darkkhaki;}
.c-darkmagenta {color: darkmagenta;}
.c-darkolivegreen {color: darkolivegreen;}
.c-darkorange {color: darkorange;}
.c-darkorchid {color: darkorchid;}
.c-darkred {color: darkred;}
.c-darksalmon {color: darksalmon;}
.c-darkseagreen {color: darkseagreen;}
.c-darkslateblue {color: darkslateblue;}
.c-darkslategray {color: darkslategray;}
.c-darkslategrey {color: darkslategrey;}
.c-darkturquoise {color: darkturquoise;}
.c-darkviolet {color: darkviolet;}
.c-deeppink {color: deeppink;}
.c-deepskyblue {color: deepskyblue;}
.c-dimgray {color: dimgray;}
.c-dimgrey {color: dimgrey;}
.c-dodgerblue {color: dodgerblue;}
.c-firebrick {color: firebrick;}
.c-floralwhite {color: floralwhite;}
.c-forestgreen {color: forestgreen;}
.c-fuchsia {color: fuchsia;}
.c-gainsboro {color: gainsboro;}
.c-ghostwhite {color: ghostwhite;}
.c-gold {color: gold;}
.c-goldenrod {color: goldenrod;}
.c-gray {color: gray;}
.c-green {color: green;}
.c-greenyellow {color: greenyellow;}
.c-grey {color: grey;}
.c-honeydew {color: honeydew;}
.c-hotpink {color: hotpink;}
.c-indianred {color: indianred;}
.c-indigo {color: indigo;}
.c-ivory {color: ivory;}
.c-khaki {color: khaki;}
.c-lavender {color: lavender;}
.c-lavenderblush {color: lavenderblush;}
.c-lawngreen {color: lawngreen;}
.c-lemonchiffon {color: lemonchiffon;}
.c-lightblue {color: lightblue;}
.c-lightcoral {color: lightcoral;}
.c-lightcyan {color: lightcyan;}
.c-lightgoldenrodyellow {color: lightgoldenrodyellow;}
.c-lightgray {color: lightgray;}
.c-lightgreen {color: lightgreen;}
.c-lightpink {color: lightpink;}
.c-lightsalmon {color: lightsalmon;}
.c-lightseagreen {color: lightseagreen;}
.c-lightskyblue {color: lightskyblue;}
.c-lightslategray {color: lightslategray;}
.c-lightslategrey {color: lightslategrey;}
.c-lightsteelblue {color: lightsteelblue;}
.c-lightyellow {color: lightyellow;}
.c-lime {color: lime;}
.c-limegreen {color: limegreen;}
.c-linen {color: linen;}
.c-magenta {color: magenta;}
.c-maroon {color: maroon;}
.c-mediumaquamarine {color: mediumaquamarine;}
.c-mediumblue {color: mediumblue;}
.c-mediumorchid {color: mediumorchid;}
.c-mediumpurple {color: mediumpurple;}
.c-mediumseagreen {color: mediumseagreen;}
.c-mediumslateblue {color: mediumslateblue;}
.c-mediumspringgreen {color: mediumspringgreen;}
.c-mediumturquoise {color: mediumturquoise;}
.c-mediumvioletred {color: mediumvioletred;}
.c-midnightblue {color: midnightblue;}
.c-mintcream {color: mintcream;}
.c-mistyrose {color: mistyrose;}
.c-moccasin {color: moccasin;}
.c-navajowhite {color: navajowhite;}
.c-navy {color: navy;}
.c-oldlace {color: oldlace;}
.c-olive {color: olive;}
.c-olivedrab {color: olivedrab;}
.c-orange {color: orange;}
.c-orangered {color: orangered;}
.c-orchid {color: orchid;}
.c-palegoldenrod {color: palegoldenrod;}
.c-palegreen {color: palegreen;}
.c-paleturquoise {color: paleturquoise;}
.c-palevioletred {color: palevioletred;}
.c-papayawhip {color: papayawhip;}
.c-peachpuff {color: peachpuff;}
.c-peru {color: peru;}
.c-pink {color: pink;}
.c-plum {color: plum;}
.c-powderblue {color: powderblue;}
.c-purple {color: purple;}
.c-rebeccapurple {color: rebeccapurple;}
.c-red {color: red;}
.c-rosybrown {color: rosybrown;}
.c-royalblue {color: royalblue;}
.c-saddlebrown {color: saddlebrown;}
.c-salmon {color: salmon;}
.c-sandybrown {color: sandybrown;}
.c-seagreen {color: seagreen;}
.c-seashell {color: seashell;}
.c-sienna {color: sienna;}
.c-silver {color: silver;}
.c-skyblue {color: skyblue;}
.c-slateblue {color: slateblue;}
.c-slategray {color: slategray;}
.c-slategrey {color: slategrey;}
.c-snow {color: snow;}
.c-springgreen {color: springgreen;}
.c-steelblue {color: steelblue;}
.c-tan {color: tan;}
.c-teal {color: teal;}
.c-thistle {color: thistle;}
.c-tomato {color: tomato;}
.c-transparent {color: transparent;}
.c-turquoise {color: turquoise;}
.c-violet {color: violet;}
.c-wheat {color: wheat;}
.c-white {color: white;}
.c-whitesmoke {color: whitesmoke;}
.c-yellow {color: yellow;}
.c-yellowgreen {color: yellowgreen;}

/* BACKGROUND COLORS */
.bg-c-aliceblue {background: aliceblue;}
.bg-c-antiquewhite {background: antiquewhite;}
.bg-c-aqua {background: aqua;}
.bg-c-aquamarine {background: aquamarine;}
.bg-c-azure {background: azure;}
.bg-c-beige {background: beige;}
.bg-c-bisque {background: bisque;}
.bg-c-black {background: black;}
.bg-c-blanchedalmond {background: blanchedalmond;}
.bg-c-blue {background: blue;}
.bg-c-blueviolet {background: blueviolet;}
.bg-c-brown {background: brown;}
.bg-c-burlywood {background: burlywood;}
.bg-c-cadetblue {background: cadetblue;}
.bg-c-chartreuse {background: chartreuse;}
.bg-c-chocolate {background: chocolate;}
.bg-c-coral {background: coral;}
.bg-c-cornflowerblue {background: cornflowerblue;}
.bg-c-cornsilk {background: cornsilk;}
.bg-c-crimson {background: crimson;}
.bg-c-currentColor {background: currentColor;}
.bg-c-currentcolor {background: currentcolor;}
.bg-c-cyan {background: cyan;}
.bg-c-darkblue {background: darkblue;}
.bg-c-darkcyan {background: darkcyan;}
.bg-c-darkgoldenrod {background: darkgoldenrod;}
.bg-c-darkgray {background: darkgray;}
.bg-c-darkgreen {background: darkgreen;}
.bg-c-darkgrey {background: darkgrey;}
.bg-c-darkkhaki {background: darkkhaki;}
.bg-c-darkmagenta {background: darkmagenta;}
.bg-c-darkolivegreen {background: darkolivegreen;}
.bg-c-darkorange {background: darkorange;}
.bg-c-darkorchid {background: darkorchid;}
.bg-c-darkred {background: darkred;}
.bg-c-darksalmon {background: darksalmon;}
.bg-c-darkseagreen {background: darkseagreen;}
.bg-c-darkslateblue {background: darkslateblue;}
.bg-c-darkslategray {background: darkslategray;}
.bg-c-darkslategrey {background: darkslategrey;}
.bg-c-darkturquoise {background: darkturquoise;}
.bg-c-darkviolet {background: darkviolet;}
.bg-c-deeppink {background: deeppink;}
.bg-c-deepskyblue {background: deepskyblue;}
.bg-c-dimgray {background: dimgray;}
.bg-c-dimgrey {background: dimgrey;}
.bg-c-dodgerblue {background: dodgerblue;}
.bg-c-firebrick {background: firebrick;}
.bg-c-floralwhite {background: floralwhite;}
.bg-c-forestgreen {background: forestgreen;}
.bg-c-fuchsia {background: fuchsia;}
.bg-c-gainsboro {background: gainsboro;}
.bg-c-ghostwhite {background: ghostwhite;}
.bg-c-gold {background: gold;}
.bg-c-goldenrod {background: goldenrod;}
.bg-c-gray {background: gray;}
.bg-c-green {background: green;}
.bg-c-greenyellow {background: greenyellow;}
.bg-c-grey {background: grey;}
.bg-c-honeydew {background: honeydew;}
.bg-c-hotpink {background: hotpink;}
.bg-c-indianred {background: indianred;}
.bg-c-indigo {background: indigo;}
.bg-c-ivory {background: ivory;}
.bg-c-khaki {background: khaki;}
.bg-c-lavender {background: lavender;}
.bg-c-lavenderblush {background: lavenderblush;}
.bg-c-lawngreen {background: lawngreen;}
.bg-c-lemonchiffon {background: lemonchiffon;}
.bg-c-lightblue {background: lightblue;}
.bg-c-lightcoral {background: lightcoral;}
.bg-c-lightcyan {background: lightcyan;}
.bg-c-lightgoldenrodyellow {background: lightgoldenrodyellow;}
.bg-c-lightgray {background: lightgray;}
.bg-c-lightgreen {background: lightgreen;}
.bg-c-lightpink {background: lightpink;}
.bg-c-lightsalmon {background: lightsalmon;}
.bg-c-lightseagreen {background: lightseagreen;}
.bg-c-lightskyblue {background: lightskyblue;}
.bg-c-lightslategray {background: lightslategray;}
.bg-c-lightslategrey {background: lightslategrey;}
.bg-c-lightsteelblue {background: lightsteelblue;}
.bg-c-lightyellow {background: lightyellow;}
.bg-c-lime {background: lime;}
.bg-c-limegreen {background: limegreen;}
.bg-c-linen {background: linen;}
.bg-c-magenta {background: magenta;}
.bg-c-maroon {background: maroon;}
.bg-c-mediumaquamarine {background: mediumaquamarine;}
.bg-c-mediumblue {background: mediumblue;}
.bg-c-mediumorchid {background: mediumorchid;}
.bg-c-mediumpurple {background: mediumpurple;}
.bg-c-mediumseagreen {background: mediumseagreen;}
.bg-c-mediumslateblue {background: mediumslateblue;}
.bg-c-mediumspringgreen {background: mediumspringgreen;}
.bg-c-mediumturquoise {background: mediumturquoise;}
.bg-c-mediumvioletred {background: mediumvioletred;}
.bg-c-midnightblue {background: midnightblue;}
.bg-c-mintcream {background: mintcream;}
.bg-c-mistyrose {background: mistyrose;}
.bg-c-moccasin {background: moccasin;}
.bg-c-navajowhite {background: navajowhite;}
.bg-c-navy {background: navy;}
.bg-c-oldlace {background: oldlace;}
.bg-c-olive {background: olive;}
.bg-c-olivedrab {background: olivedrab;}
.bg-c-orange {background: orange;}
.bg-c-orangered {background: orangered;}
.bg-c-orchid {background: orchid;}
.bg-c-palegoldenrod {background: palegoldenrod;}
.bg-c-palegreen {background: palegreen;}
.bg-c-paleturquoise {background: paleturquoise;}
.bg-c-palevioletred {background: palevioletred;}
.bg-c-papayawhip {background: papayawhip;}
.bg-c-peachpuff {background: peachpuff;}
.bg-c-peru {background: peru;}
.bg-c-pink {background: pink;}
.bg-c-plum {background: plum;}
.bg-c-powderblue {background: powderblue;}
.bg-c-purple {background: purple;}
.bg-c-rebeccapurple {background: rebeccapurple;}
.bg-c-red {background: red;}
.bg-c-rosybrown {background: rosybrown;}
.bg-c-royalblue {background: royalblue;}
.bg-c-saddlebrown {background: saddlebrown;}
.bg-c-salmon {background: salmon;}
.bg-c-sandybrown {background: sandybrown;}
.bg-c-seagreen {background: seagreen;}
.bg-c-seashell {background: seashell;}
.bg-c-sienna {background: sienna;}
.bg-c-silver {background: silver;}
.bg-c-skyblue {background: skyblue;}
.bg-c-slateblue {background: slateblue;}
.bg-c-slategray {background: slategray;}
.bg-c-slategrey {background: slategrey;}
.bg-c-snow {background: snow;}
.bg-c-springgreen {background: springgreen;}
.bg-c-steelblue {background: steelblue;}
.bg-c-tan {background: tan;}
.bg-c-teal {background: teal;}
.bg-c-thistle {background: thistle;}
.bg-c-tomato {background: tomato;}
.bg-c-transparent {background: transparent;}
.bg-c-turquoise {background: turquoise;}
.bg-c-violet {background: violet;}
.bg-c-wheat {background: wheat;}
.bg-c-white {background: white;}
.bg-c-whitesmoke {background: whitesmoke;}
.bg-c-yellow {background: yellow;}
.bg-c-yellowgreen {background: yellowgreen;}

/* BORDER COLOR */
.br-c-aliceblue {border-color: aliceblue;}
.br-c-antiquewhite {border-color: antiquewhite;}
.br-c-aqua {border-color: aqua;}
.br-c-aquamarine {border-color: aquamarine;}
.br-c-azure {border-color: azure;}
.br-c-beige {border-color: beige;}
.br-c-bisque {border-color: bisque;}
.br-c-black {border-color: black;}
.br-c-blanchedalmond {border-color: blanchedalmond;}
.br-c-blue {border-color: blue;}
.br-c-blueviolet {border-color: blueviolet;}
.br-c-brown {border-color: brown;}
.br-c-burlywood {border-color: burlywood;}
.br-c-cadetblue {border-color: cadetblue;}
.br-c-chartreuse {border-color: chartreuse;}
.br-c-chocolate {border-color: chocolate;}
.br-c-coral {border-color: coral;}
.br-c-cornflowerblue {border-color: cornflowerblue;}
.br-c-cornsilk {border-color: cornsilk;}
.br-c-crimson {border-color: crimson;}
.br-c-currentColor {border-color: currentColor;}
.br-c-currentcolor {border-color: currentcolor;}
.br-c-cyan {border-color: cyan;}
.br-c-darkblue {border-color: darkblue;}
.br-c-darkcyan {border-color: darkcyan;}
.br-c-darkgoldenrod {border-color: darkgoldenrod;}
.br-c-darkgray {border-color: darkgray;}
.br-c-darkgreen {border-color: darkgreen;}
.br-c-darkgrey {border-color: darkgrey;}
.br-c-darkkhaki {border-color: darkkhaki;}
.br-c-darkmagenta {border-color: darkmagenta;}
.br-c-darkolivegreen {border-color: darkolivegreen;}
.br-c-darkorange {border-color: darkorange;}
.br-c-darkorchid {border-color: darkorchid;}
.br-c-darkred {border-color: darkred;}
.br-c-darksalmon {border-color: darksalmon;}
.br-c-darkseagreen {border-color: darkseagreen;}
.br-c-darkslateblue {border-color: darkslateblue;}
.br-c-darkslategray {border-color: darkslategray;}
.br-c-darkslategrey {border-color: darkslategrey;}
.br-c-darkturquoise {border-color: darkturquoise;}
.br-c-darkviolet {border-color: darkviolet;}
.br-c-deeppink {border-color: deeppink;}
.br-c-deepskyblue {border-color: deepskyblue;}
.br-c-dimgray {border-color: dimgray;}
.br-c-dimgrey {border-color: dimgrey;}
.br-c-dodgerblue {border-color: dodgerblue;}
.br-c-firebrick {border-color: firebrick;}
.br-c-floralwhite {border-color: floralwhite;}
.br-c-forestgreen {border-color: forestgreen;}
.br-c-fuchsia {border-color: fuchsia;}
.br-c-gainsboro {border-color: gainsboro;}
.br-c-ghostwhite {border-color: ghostwhite;}
.br-c-gold {border-color: gold;}
.br-c-goldenrod {border-color: goldenrod;}
.br-c-gray {border-color: gray;}
.br-c-green {border-color: green;}
.br-c-greenyellow {border-color: greenyellow;}
.br-c-grey {border-color: grey;}
.br-c-honeydew {border-color: honeydew;}
.br-c-hotpink {border-color: hotpink;}
.br-c-indianred {border-color: indianred;}
.br-c-indigo {border-color: indigo;}
.br-c-ivory {border-color: ivory;}
.br-c-khaki {border-color: khaki;}
.br-c-lavender {border-color: lavender;}
.br-c-lavenderblush {border-color: lavenderblush;}
.br-c-lawngreen {border-color: lawngreen;}
.br-c-lemonchiffon {border-color: lemonchiffon;}
.br-c-lightblue {border-color: lightblue;}
.br-c-lightcoral {border-color: lightcoral;}
.br-c-lightcyan {border-color: lightcyan;}
.br-c-lightgoldenrodyellow {border-color: lightgoldenrodyellow;}
.br-c-lightgray {border-color: lightgray;}
.br-c-lightgreen {border-color: lightgreen;}
.br-c-lightpink {border-color: lightpink;}
.br-c-lightsalmon {border-color: lightsalmon;}
.br-c-lightseagreen {border-color: lightseagreen;}
.br-c-lightskyblue {border-color: lightskyblue;}
.br-c-lightslategray {border-color: lightslategray;}
.br-c-lightslategrey {border-color: lightslategrey;}
.br-c-lightsteelblue {border-color: lightsteelblue;}
.br-c-lightyellow {border-color: lightyellow;}
.br-c-lime {border-color: lime;}
.br-c-limegreen {border-color: limegreen;}
.br-c-linen {border-color: linen;}
.br-c-magenta {border-color: magenta;}
.br-c-maroon {border-color: maroon;}
.br-c-mediumaquamarine {border-color: mediumaquamarine;}
.br-c-mediumblue {border-color: mediumblue;}
.br-c-mediumorchid {border-color: mediumorchid;}
.br-c-mediumpurple {border-color: mediumpurple;}
.br-c-mediumseagreen {border-color: mediumseagreen;}
.br-c-mediumslateblue {border-color: mediumslateblue;}
.br-c-mediumspringgreen {border-color: mediumspringgreen;}
.br-c-mediumturquoise {border-color: mediumturquoise;}
.br-c-mediumvioletred {border-color: mediumvioletred;}
.br-c-midnightblue {border-color: midnightblue;}
.br-c-mintcream {border-color: mintcream;}
.br-c-mistyrose {border-color: mistyrose;}
.br-c-moccasin {border-color: moccasin;}
.br-c-navajowhite {border-color: navajowhite;}
.br-c-navy {border-color: navy;}
.br-c-oldlace {border-color: oldlace;}
.br-c-olive {border-color: olive;}
.br-c-olivedrab {border-color: olivedrab;}
.br-c-orange {border-color: orange;}
.br-c-orangered {border-color: orangered;}
.br-c-orchid {border-color: orchid;}
.br-c-palegoldenrod {border-color: palegoldenrod;}
.br-c-palegreen {border-color: palegreen;}
.br-c-paleturquoise {border-color: paleturquoise;}
.br-c-palevioletred {border-color: palevioletred;}
.br-c-papayawhip {border-color: papayawhip;}
.br-c-peachpuff {border-color: peachpuff;}
.br-c-peru {border-color: peru;}
.br-c-pink {border-color: pink;}
.br-c-plum {border-color: plum;}
.br-c-powderblue {border-color: powderblue;}
.br-c-purple {border-color: purple;}
.br-c-rebeccapurple {border-color: rebeccapurple;}
.br-c-red {border-color: red;}
.br-c-rosybrown {border-color: rosybrown;}
.br-c-royalblue {border-color: royalblue;}
.br-c-saddlebrown {border-color: saddlebrown;}
.br-c-salmon {border-color: salmon;}
.br-c-sandybrown {border-color: sandybrown;}
.br-c-seagreen {border-color: seagreen;}
.br-c-seashell {border-color: seashell;}
.br-c-sienna {border-color: sienna;}
.br-c-silver {border-color: silver;}
.br-c-skyblue {border-color: skyblue;}
.br-c-slateblue {border-color: slateblue;}
.br-c-slategray {border-color: slategray;}
.br-c-slategrey {border-color: slategrey;}
.br-c-snow {border-color: snow;}
.br-c-springgreen {border-color: springgreen;}
.br-c-steelblue {border-color: steelblue;}
.br-c-tan {border-color: tan;}
.br-c-teal {border-color: teal;}
.br-c-thistle {border-color: thistle;}
.br-c-tomato {border-color: tomato;}
.br-c-transparent {border-color: transparent;}
.br-c-turquoise {border-color: turquoise;}
.br-c-violet {border-color: violet;}
.br-c-wheat {border-color: wheat;}
.br-c-white {border-color: white;}
.br-c-whitesmoke {border-color: whitesmoke;}
.br-c-yellow {border-color: yellow;}
.br-c-yellowgreen {border-color: yellowgreen;}

/* BRAND COLORS */
.bd-c-500px {color: #0099e5;}
.bd-c-adn {color: #4a484c;}
.bd-c-amazon {color: #f90;}
.bd-c-android {color: #a4c639;}
.bd-c-angellist {color: #000;}
.bd-c-apple {color: #979797;}
.bd-c-behance,
.bd-c-behance-square {color: #1769ff;}
.bd-c-bitbucket,
.bd-c-bitbucket-square {color: #205081;}
.bd-c-bitcoin {color: #ee9209;}
.bd-c-black-tie {color: #222;}
.bd-c-btc {color: #ee9209;}
.bd-c-buysellads {color: #c90100;}
.bd-c-cc-amex {color: #007bc1;}
.bd-c-cc-diners-club {color: #004a97;}
.bd-c-cc-discover {color: #f68121;}
.bd-c-cc-jcb {color: #003a8f;}
.bd-c-cc-mastercard {color: #0a3a82;}
.bd-c-cc-paypal {color: #253b80;}
.bd-c-cc-stripe {color: #00afe1;}
.bd-c-cc-visa {color: #0157a2;}
.bd-c-chrome {color: #4587f3;}
.bd-c-codepen {color: #000;}
.bd-c-connectdevelop {color: #391448;}
.bd-c-contao {color: #eb8623;}
.bd-c-creative-commons {color: #231f20;}
.bd-c-css3 {color: #1680c0;}
.bd-c-dashcube {color: #7f7f7f;}
.bd-c-delicious {color: #39f;}
.bd-c-deviantart {color: #4e6252;}
.bd-c-digg {color: #000;}
.bd-c-dribbble {color: #444;}
.bd-c-dropbox {color: #007ee5;}
.bd-c-drupal {color: #0077c0;}
.bd-c-empire {color: #000;}
.bd-c-expeditedssl {color: #343433;}
.bd-c-facebook,
.bd-c-facebook-official,
.bd-c-facebook-square {color: #3b5998;}
.bd-c-firefox {color: #e66000;}
.bd-c-flickr {color: #ff0084;}
.bd-c-fonticons {color: #1c1e29;}
.bd-c-forumbee {color: #83ad13;}
.bd-c-foursquare {color: #0072b1;}
.bd-c-ge {color: #000;}
.bd-c-get-pocket {color: #d3505a;}
.bd-c-gg,
.bd-c-gg-circle {color: #000;}
.bd-c-git,
.bd-c-git-square,
.bd-c-github {color: #333;}
.bd-c-gittip {color: #630;}
.bd-c-google-plus,
.bd-c-google-plus-square {color: #dd4b39;}
.bd-c-google,
.bd-c-google-wallet {color: #4285f4;}
.bd-c-hacker-news {color: #f60;}
.bd-c-houzz {color: #7ac142;}
.bd-c-html5 {color: #e34f26;}
.bd-c-instagram {color: #3f729b;}
.bd-c-internet-explorer {color: #1ebbee;}
.bd-c-ioxhost {color: #faa729;}
.bd-c-joomla {color: #142849;}
.bd-c-jsfiddle {color: #4679bd;}
.bd-c-lastfm,
.bd-c-lastfm-square {color: #c3000d;}
.bd-c-leanpub {color: #0c0c0c;}
.bd-c-linkedin,
.bd-c-linkedin-square {color: #0976b4;}
.bd-c-linux {color: #333;}
.bd-c-maxcdn {color: #f60;}
.bd-c-meanpath {color: #538ed7;}
.bd-c-medium {color: #000;}
.bd-c-odnoklassniki,
.bd-c-odnoklassniki-square {color: #ed812b;}
.bd-c-opencart {color: #2ac2ef;}
.bd-c-openid {color: #f78c40;}
.bd-c-opera {color: #cc0f16;}
.bd-c-optin-monster {color: #83c11f;}
.bd-c-pagelines {color: #000;}
.bd-c-paypal {color: #253b80;}
.bd-c-pied-piper-alt {color: #2f9f46;}
.bd-c-pied-piper-square {color: #cc2127;}
.bd-c-pied-piper {color: #2f9f46;}
.bd-c-pinterest,
.bd-c-pinterest-p,
.bd-c-pinterest-square {color: #cc2127;}
.bd-c-qq,
.bd-c-ra,
.bd-c-rebel {color: #000;}
.bd-c-reddit,
.bd-c-reddit-square {color: #ff4500;}
.bd-c-renren {color: #005eac;}
.bd-c-safari {color: #1b88ca;}
.bd-c-sellsy {color: #1f78b9;}
.bd-c-share-alt,
.bd-c-share-alt-square {color: #01bf01;}
.bd-c-shirtsinbulk {color: #dd3a26;}
.bd-c-simplybuilt {color: #000;}
.bd-c-skyatlas {color: #00adbb;}
.bd-c-skype {color: #00aff0;}
.bd-c-slack {color: #0f7965;}
.bd-c-slideshare {color: #e98325;}
.bd-c-soundcloud {color: #f80;}
.bd-c-spotify {color: #7ab800;}
.bd-c-stack-exchange {color: #000;}
.bd-c-stack-overflow {color: #fe7a15;}
.bd-c-steam-square {color: #0b0b0b;}
.bd-c-steam {color: #0b0b0b;}
.bd-c-stumbleupon,
.bd-c-stumbleupon-circle {color: #eb4924;}
.bd-c-tencent-weibo {color: #74af2c;}
.bd-c-trello {color: #256a92;}
.bd-c-tripadvisor {color: #589442;}
.bd-c-tumblr,
.bd-c-tumblr-square {color: #35465c;}
.bd-c-twitch {color: #6441a5;}
.bd-c-twitter,
.bd-c-twitter-square {color: #55acee;}
.bd-c-viacoin {color: #333;}
.bd-c-vimeo,
.bd-c-vimeo-square {color: #1ab7ea;}
.bd-c-vine {color: #00b488;}
.bd-c-vk {color: #45668e;}
.bd-c-wechat {color: #93d034;}
.bd-c-weibo {color: #e71d34;}
.bd-c-weixin {color: #93d034;}
.bd-c-wikipedia-w {color: #000;}
.bd-c-windows {color: #00bcf2;}
.bd-c-wordpress {color: #21759b;}
.bd-c-xing,
.bd-c-xing-square {color: #026466;}
.bd-c-y-combinator {color: #f0652f;}
.bd-c-yahoo {color: #400191;}
.bd-c-yc {color: #f0652f;}
.bd-c-yelp {color: #af0606;}
.bd-c-youtube,
.bd-c-youtube-play,
.bd-c-youtube-square {color: #e52d27;}
Blogger CSS SEO Tools WordPress

Post a Comment

0 Comments