Synnefo

/* snf-font */

@font-face {

        font-family: "snf-font";

        src:url("../fonts/snf-font.eot");

        src:url("../fonts/snf-font.eot?#iefix") format("embedded-opentype"),

                url("../fonts/snf-font.woff") format("woff"),

                url("../fonts/snf-font.ttf") format("truetype"),

                url("../fonts/snf-font.svg#snf-font") format("svg");

        font-weight: normal;

        font-style: normal;

}

/* Use the following CSS code if you want to use data attributes for inserting your icons */

[data-icon]:before {

        font-family: "snf-font";

        content: attr(data-icon);

        speak: none;

        font-weight: normal;

        font-variant: normal;

        text-transform: none;

        line-height: 1;

        -webkit-font-smoothing: antialiased;

        -moz-osx-font-smoothing: grayscale;

}

/* Use the following CSS code if you want to have a class per icon */

/*

Instead of a list of all class selectors,

you can use the generic selector below, but it"s slower:

[class*="snf-"] {

*/

.snf-font, .snf-trash-outline, .snf-eye, .snf-radio-checked, .snf-radio-unchecked, .snf-close, .snf-www, .snf-arrow-up, .snf-arrow-down, .snf-checkbox-unchecked, .snf-checkbox-checked, .snf-cancel-circled, .snf-search, .snf-twitter-logo, .snf-ok, .snf-switch, .snf-ban-circle, .snf-ok-sign, .snf-minus-sign, .snf-edit, .snf-listview, .snf-gridview, .snf-dashboard-outline, .snf-pithos-outline, .snf-info-full, .snf-volume-create-full, .snf-image-full, .snf-pc-create-full, .snf-network-create-outline, .snf-network-create-full, .snf-ram-outline, .snf-nic-outline, .snf-ram-full, .snf-nic-full, .snf-network-broken-1-full, .snf-network-broken-2-full, .snf-pc-broken-full, .snf-pc-reboot-full, .snf-pc-switch-full, .snf-key-full, .snf-router-full, .snf-chip-full, .snf-plus-full, .snf-snapshot-full, .snf-pithos-full, .snf-volume-full, .snf-network-full, .snf-pc-full, .snf-network-broken-1-outline, .snf-network-broken-2-outline, .snf-pc-broken-outline, .snf-volume-broken-outline, .snf-pc-reboot-outline, .snf-pc-switch-outline, .snf-key-outline, .snf-router-outline, .snf-chip-outline, .snf-image-outline, .snf-plus-outilne, .snf-snapshot-outline, .snf-volume-outline, .snf-network-outline, .snf-pc-outline, .snf-info-outline, .snf-thunder-full, .snf-lock-closed, .snf-lock-open, .snf-trash-outline, .snf-link-outline, .snf-refresh-outline, .snf-download-full, .snf-person-outline, .snf-upload-full, .snf-arrow-right-small-full, .snf-copy-outline, .snf-arrow-left-small-full, .snf-folder-full, .snf-folder-outline {

        font-family: 'snf-font';

        speak: none;

        font-style: normal;

        font-weight: normal;

        font-variant: normal;

        text-transform: none;

        line-height: 1;

        -webkit-font-smoothing: antialiased;

}

.snf-trash-outline:before {

        content: "\24";

}

.snf-eye:before {

        content: "\41";

}

.snf-radio-checked:before {

        content: "\42";

}

.snf-radio-unchecked:before {

        content: "\43";

}

.snf-close:before {

        content: "\44";

}

.snf-www:before {

        content: "\49";

}

.snf-arrow-up:before {

        content: "\4c";

}

.snf-arrow-down:before {

        content: "\4d";

}

.snf-checkbox-unchecked:before {

        content: "\61";

}

.snf-checkbox-checked:before {

        content: "\62";

}

.snf-cancel-circled:before {

        content: "\63";

}

.snf-search:before {

        content: "\64";

}

.snf-twitter-logo:before {

        content: "\67";

}

.snf-ok:before {

        content: "\68";

}

.snf-switch:before {

        content: "\69";

}

.snf-ban-circle:before {

        content: "\6a";

}

.snf-ok-sign:before {

        content: "\6c";

}

.snf-minus-sign:before {

        content: "\6e";

}

.snf-edit:before {

        content: "\71";

}

.snf-listview:before {

        content: "\73";

}

.snf-gridview:before {

        content: "\74";

}

.snf-dashboard-outline:before {

        content: "\7a";

}

.snf-pithos-outline:before {

        content: "\79";

}

.snf-info-full:before {

        content: "\70";

}

.snf-volume-create-full:before {

        content: "\36";

}

.snf-image-full:before {

        content: "\51";

}

.snf-pc-create-full:before {

        content: "\53";

}

.snf-network-create-outline:before {

        content: "\54";

}

.snf-network-create-full:before {

        content: "\55";

}

.snf-ram-outline:before {

        content: "\4a";

}

.snf-nic-outline:before {

        content: "\50";

}

.snf-ram-full:before {

        content: "\52";

}

.snf-nic-full:before {

        content: "\72";

}

.snf-network-broken-1-full:before {

        content: "\56";

}

.snf-network-broken-2-full:before {

        content: "\57";

}

.snf-pc-broken-full:before {

        content: "\58";

}

.snf-pc-reboot-full:before {

        content: "\59";

}

.snf-pc-switch-full:before {

        content: "\5a";

}

.snf-key-full:before {

        content: "\31";

}

.snf-router-full:before {

        content: "\32";

}

.snf-chip-full:before {

        content: "\33";

}

.snf-plus-full:before {

        content: "\34";

}

.snf-snapshot-full:before {

        content: "\4e";

}

.snf-pithos-full:before {

        content: "\35";

}

.snf-volume-full:before {

        content: "\4f";

}

.snf-network-full:before {

        content: "\4b";

}

.snf-pc-full:before {

        content: "\78";

}

.snf-network-broken-1-outline:before {

        content: "\37";

}

.snf-network-broken-2-outline:before {

        content: "\38";

}

.snf-pc-broken-outline:before {

        content: "\39";

}

.snf-volume-broken-outline:before {

        content: "\30";

}

.snf-pc-reboot-outline:before {

        content: "\21";

}

.snf-pc-switch-outline:before {

        content: "\40";

}

.snf-key-outline:before {

        content: "\23";

}

.snf-router-outline:before {

        content: "\48";

}

.snf-chip-outline:before {

        content: "\45";

}

.snf-image-outline:before {

        content: "\66";

}

.snf-plus-outilne:before {

        content: "\6d";

}

.snf-snapshot-outline:before {

        content: "\65";

}

.snf-volume-outline:before {

        content: "\75";

}

.snf-network-outline:before {

        content: "\76";

}

.snf-pc-outline:before {

        content: "\77";

}

.snf-info-outline:before {

        content: "\6f";

}

.snf-thunder-full:before {

        content: "\6b";

}

.snf-lock-closed-full:before {

        content: "\46";

}

.snf-lock-open-full:before {

        content: "\47";

}

.snf-trash-outline:before {

        content: "\24";

}

.snf-link-outline:before {

        content: "\26";

}

.snf-refresh-outline:before {

        content: "\29";

}

.snf-download-full:before {

        content: "\25";

}

.snf-person-outline:before {

        content: "\2a";

}

.snf-upload-full:before {

        content: "\28";

}

.snf-arrow-right-small-full:before {

        content: "\2d";

}

.snf-copy-outline:before {

        content: "\3f";

}

.snf-arrow-left-small-full:before {

        content: "\5f";

}

.snf-folder-full:before {

        content: "\3d";

}

.snf-folder-outline:before {

        content: "\5e";

}

/*snf-font-auxiliary*/

@font-face {

        font-family: 'snf-font-auxiliary';

        src:url('../fonts/snf-font-auxiliary.eot');

        src:url('../fonts/snf-font-auxiliary.eot?#iefix') format('embedded-opentype'),

                url('../fonts/snf-font-auxiliary.woff') format('woff'),

                url('../fonts/snf-font-auxiliary.ttf') format('truetype'),

                url('../fonts/snf-font-auxiliary.svg#snf-font-auxiliary') format('svg');

        font-weight: normal;

        font-style: normal;

}

/* Use the following CSS code if you want to use data attributes for inserting your icons */

[data-icon]:before {

        font-family: 'snf-font-auxiliary';

        content: attr(data-icon);

        speak: none;

        font-weight: normal;

        font-variant: normal;

        text-transform: none;

        line-height: 1;

        -webkit-font-smoothing: antialiased;

        -moz-osx-font-smoothing: grayscale;

}

/* Use the following CSS code if you want to have a class per icon */

/*

Instead of a list of all class selectors,

you can use the generic selector below, but it's slower:

[class*="snf-"] {

*/

.snf-folder-create-outline, .snf-folder-create-full, .snf-shared-by-me, .snf-shared-to-me-outline, .snf-shared-by-me-full, .snf-folder-move-full, .snf-folder-move-outline, .snf-shared-to-me-full {

        font-family: 'snf-font-auxiliary';

        speak: none;

        font-style: normal;

        font-weight: normal;

        font-variant: normal;

        text-transform: none;

        line-height: 1;

        -webkit-font-smoothing: antialiased;

}

.snf-folder-create-outline:before {

        content: "\61";

}

.snf-folder-create-full:before {

        content: "\41";

}

.snf-shared-by-me:before {

        content: "\63";

}

.snf-shared-to-me-outline:before {

        content: "\64";

}

.snf-shared-by-me-full:before {

        content: "\43";

}

.snf-folder-move-full:before {

        content: "\45";

}

.snf-folder-move-outline:before {

        content: "\65";

}

.snf-shared-to-me-full:before {

        content: "\44";

}