head.html

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="UTF-8">
<title>SGPP - Settings</title>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="./assets/css/minified.css">
<style>
    .page__heading{
        margin-bottom: 10px;
    }
    .form__heading {
        text-transform: capitalize
    }
    input[type=checkbox] {
        display: none;
    }
    label.SGPP__settings-checkbox:before {
        font-family: FontAwesome;
        font-weight: normal;
        content: '\f10c'; /*fa-circle-o*/
    }
    input:not(:checked) + label.SGPP__settings-checkbox:hover:before {
        content: '\f111'; /*fa-circle*/
    }
    input:checked + label:before {
        content: '\f058'; /*fa-check-circle*/
    }
    input:checked + label:not(:hover) {
        color: #4B72D4;
    }
    .page__heading {
        counter-reset: modules;
    }
    .SGPP__Module:before {
        counter-increment: modules;
        content: counter(modules) ". ";
        color: #6B7A8C;
        font-weight: 300;
    }
    .SGPP__option {
        counter-increment: options;
    }
    .SGPP__optionTitle:before {
        content: counter(modules) "." counter(options) " ";
        color: #6B7A8C;
        font-weight: 300;
    }
</style>