root / snf-cyclades-app / synnefo / ui / new_ui / ui / stylesheets / font_custom.css @ 0105abee
History | View | Annotate | Download (3.5 kB)
| 1 | 8bcfec88 | Athina B | @font-face {
|
|---|---|---|---|
| 2 | e7b83dc2 | Athina Bekakou | font-family: "snf-font"; |
| 3 | e7b83dc2 | Athina Bekakou | src:url("../fonts/snf-font.eot"); |
| 4 | e7b83dc2 | Athina Bekakou | src:url("../fonts/snf-font.eot?#iefix") format("embedded-opentype"), |
| 5 | e7b83dc2 | Athina Bekakou | url("../fonts/snf-font.woff") format("woff"), |
| 6 | e7b83dc2 | Athina Bekakou | url("../fonts/snf-font.ttf") format("truetype"), |
| 7 | e7b83dc2 | Athina Bekakou | url("../fonts/snf-font.svg#snf-font") format("svg"); |
| 8 | 00ab5afc | Athina Bekakou | font-weight: normal; |
| 9 | 8bcfec88 | Athina B | font-style: normal; |
| 10 | 8bcfec88 | Athina B | } |
| 11 | 8bcfec88 | Athina B | |
| 12 | 8bcfec88 | Athina B | /* Use the following CSS code if you want to use data attributes for inserting your icons */
|
| 13 | 8bcfec88 | Athina B | [data-icon]:before { |
| 14 | e7b83dc2 | Athina Bekakou | font-family: "snf-font"; |
| 15 | 8bcfec88 | Athina B | content: attr(data-icon); |
| 16 | 8bcfec88 | Athina B | speak: none; |
| 17 | 8bcfec88 | Athina B | font-weight: normal; |
| 18 | 8bcfec88 | Athina B | font-variant: normal; |
| 19 | 8bcfec88 | Athina B | text-transform: none; |
| 20 | 8bcfec88 | Athina B | line-height: 1; |
| 21 | 8bcfec88 | Athina B | -webkit-font-smoothing: antialiased; |
| 22 | ca5bff12 | Athina Bekakou | -moz-osx-font-smoothing: grayscale; |
| 23 | 8bcfec88 | Athina B | } |
| 24 | 8bcfec88 | Athina B | |
| 25 | 8bcfec88 | Athina B | /* Use the following CSS code if you want to have a class per icon */
|
| 26 | 8bcfec88 | Athina B | /*
|
| 27 | 8bcfec88 | Athina B | Instead of a list of all class selectors,
|
| 28 | e7b83dc2 | Athina Bekakou | you can use the generic selector below, but it"s slower:
|
| 29 | 9fad921d | Athina B | [class*="snf-"] {
|
| 30 | 8bcfec88 | Athina B | */
|
| 31 | bb6007e0 | Athina Bekakou | .snf-font, .snf-custom-checkbox, .snf-twitter-off-black, .snf-cancel-circled, .snf-checkbox-checked, .snf-checkbox-unchecked, .snf-cancel-circled2, .snf-cancel-circled-outline, .snf-cancel-outline, .snf-ok, .snf-remove, .snf-ban-circle, .snf-ok-circle, .snf-ok-sign, .snf-remove-sign, .snf-minus-sign, .snf-pencil, .snf-edit, .snf-edit-1, .snf-pencil-circled, .snf-icon-compute-outline, .snf-icon-networks-fill, .snf-HDD, .snf-network, .snf-PC, .snf-PC_fill, .snf-Pithos, .snf-DASHboard, .snf-eye, .snf-radio-checked, .snf-radio-unchecked, .snf-close, .snf-cpu, .snf-lock_closed, .snf-lock_open, .snf-modem, .snf-www, .snf-ram, .snf-network_full, .snf-arrow-up, .snf-arrow-down, .snf-arrow-up-2, .snf-arrow-down-2{ |
| 32 | e7b83dc2 | Athina Bekakou | font-family: "snf-font"; |
| 33 | 8bcfec88 | Athina B | speak: none; |
| 34 | 8bcfec88 | Athina B | font-style: normal; |
| 35 | 8bcfec88 | Athina B | font-weight: normal; |
| 36 | 8bcfec88 | Athina B | font-variant: normal; |
| 37 | 8bcfec88 | Athina B | text-transform: none; |
| 38 | 8bcfec88 | Athina B | line-height: 1; |
| 39 | 8bcfec88 | Athina B | -webkit-font-smoothing: antialiased; |
| 40 | 8bcfec88 | Athina B | } |
| 41 | 9fad921d | Athina B | .snf-twitter-off-black:before { |
| 42 | 9fad921d | Athina B | content: "\67"; |
| 43 | 8bcfec88 | Athina B | } |
| 44 | 9fad921d | Athina B | .snf-cancel-circled:before { |
| 45 | 8bcfec88 | Athina B | content: "\63"; |
| 46 | 8bcfec88 | Athina B | } |
| 47 | 9fad921d | Athina B | .snf-checkbox-checked:before { |
| 48 | 9fad921d | Athina B | content: "\62"; |
| 49 | 9fad921d | Athina B | } |
| 50 | 9fad921d | Athina B | .snf-checkbox-unchecked:before { |
| 51 | 8bcfec88 | Athina B | content: "\61"; |
| 52 | 8bcfec88 | Athina B | } |
| 53 | 9fad921d | Athina B | .snf-cancel-circled2:before { |
| 54 | 9fad921d | Athina B | content: "\64"; |
| 55 | 9fad921d | Athina B | } |
| 56 | 9fad921d | Athina B | .snf-cancel-circled-outline:before { |
| 57 | 9fad921d | Athina B | content: "\65"; |
| 58 | 9fad921d | Athina B | } |
| 59 | 9fad921d | Athina B | .snf-cancel-outline:before { |
| 60 | 9fad921d | Athina B | content: "\66"; |
| 61 | 9fad921d | Athina B | } |
| 62 | 20082534 | Athina Bekakou | .snf-ok:before { |
| 63 | 20082534 | Athina Bekakou | content: "\68"; |
| 64 | 20082534 | Athina Bekakou | } |
| 65 | 20082534 | Athina Bekakou | .snf-remove:before { |
| 66 | 20082534 | Athina Bekakou | content: "\69"; |
| 67 | 20082534 | Athina Bekakou | } |
| 68 | 20082534 | Athina Bekakou | .snf-ban-circle:before { |
| 69 | 20082534 | Athina Bekakou | content: "\6a"; |
| 70 | 20082534 | Athina Bekakou | } |
| 71 | 20082534 | Athina Bekakou | .snf-ok-circle:before { |
| 72 | 20082534 | Athina Bekakou | content: "\6b"; |
| 73 | 20082534 | Athina Bekakou | } |
| 74 | 20082534 | Athina Bekakou | .snf-ok-sign:before { |
| 75 | 20082534 | Athina Bekakou | content: "\6c"; |
| 76 | 20082534 | Athina Bekakou | } |
| 77 | 20082534 | Athina Bekakou | .snf-remove-sign:before { |
| 78 | 20082534 | Athina Bekakou | content: "\6d"; |
| 79 | 20082534 | Athina Bekakou | } |
| 80 | 20082534 | Athina Bekakou | .snf-minus-sign:before { |
| 81 | 20082534 | Athina Bekakou | content: "\6e"; |
| 82 | 20082534 | Athina Bekakou | } |
| 83 | 20082534 | Athina Bekakou | .snf-pencil:before { |
| 84 | 20082534 | Athina Bekakou | content: "\6f"; |
| 85 | 20082534 | Athina Bekakou | } |
| 86 | 20082534 | Athina Bekakou | .snf-edit:before { |
| 87 | 20082534 | Athina Bekakou | content: "\70"; |
| 88 | 20082534 | Athina Bekakou | } |
| 89 | 20082534 | Athina Bekakou | .snf-edit-1:before { |
| 90 | 20082534 | Athina Bekakou | content: "\71"; |
| 91 | 20082534 | Athina Bekakou | } |
| 92 | 20082534 | Athina Bekakou | .snf-pencil-circled:before { |
| 93 | 20082534 | Athina Bekakou | content: "\72"; |
| 94 | 20082534 | Athina Bekakou | } |
| 95 | bf348d7d | Athina Bekakou | .snf-icon-compute-outline:before { |
| 96 | bf348d7d | Athina Bekakou | content: "\73"; |
| 97 | bf348d7d | Athina Bekakou | } |
| 98 | bf348d7d | Athina Bekakou | .snf-icon-networks-fill:before { |
| 99 | bf348d7d | Athina Bekakou | content: "\74"; |
| 100 | bf348d7d | Athina Bekakou | } |
| 101 | ca5bff12 | Athina Bekakou | .snf-HDD:before { |
| 102 | ca5bff12 | Athina Bekakou | content: "\75"; |
| 103 | ca5bff12 | Athina Bekakou | } |
| 104 | ca5bff12 | Athina Bekakou | .snf-network:before { |
| 105 | ca5bff12 | Athina Bekakou | content: "\76"; |
| 106 | ca5bff12 | Athina Bekakou | } |
| 107 | ca5bff12 | Athina Bekakou | .snf-PC:before { |
| 108 | ca5bff12 | Athina Bekakou | content: "\77"; |
| 109 | ca5bff12 | Athina Bekakou | } |
| 110 | ca5bff12 | Athina Bekakou | .snf-PC_fill:before { |
| 111 | ca5bff12 | Athina Bekakou | content: "\78"; |
| 112 | ca5bff12 | Athina Bekakou | } |
| 113 | ca5bff12 | Athina Bekakou | .snf-Pithos:before { |
| 114 | ca5bff12 | Athina Bekakou | content: "\79"; |
| 115 | ca5bff12 | Athina Bekakou | } |
| 116 | ca5bff12 | Athina Bekakou | .snf-DASHboard:before { |
| 117 | ca5bff12 | Athina Bekakou | content: "\7a"; |
| 118 | ca5bff12 | Athina Bekakou | } |
| 119 | 00ab5afc | Athina Bekakou | .snf-eye:before { |
| 120 | 00ab5afc | Athina Bekakou | content: "\41"; |
| 121 | 2c7cc4ac | Athina Bekakou | } |
| 122 | 2c7cc4ac | Athina Bekakou | .snf-radio-checked:before { |
| 123 | 2c7cc4ac | Athina Bekakou | content: "\42"; |
| 124 | 2c7cc4ac | Athina Bekakou | } |
| 125 | 2c7cc4ac | Athina Bekakou | .snf-radio-unchecked:before { |
| 126 | 2c7cc4ac | Athina Bekakou | content: "\43"; |
| 127 | b6241d87 | Athina Bekakou | } |
| 128 | b6241d87 | Athina Bekakou | |
| 129 | b6241d87 | Athina Bekakou | .snf-close:before { |
| 130 | b6241d87 | Athina Bekakou | content: "\44"; |
| 131 | b6241d87 | Athina Bekakou | } |
| 132 | b6241d87 | Athina Bekakou | .snf-cpu:before { |
| 133 | b6241d87 | Athina Bekakou | content: "\45"; |
| 134 | b6241d87 | Athina Bekakou | } |
| 135 | b6241d87 | Athina Bekakou | .snf-lock_closed:before { |
| 136 | b6241d87 | Athina Bekakou | content: "\46"; |
| 137 | b6241d87 | Athina Bekakou | } |
| 138 | b6241d87 | Athina Bekakou | .snf-lock_open:before { |
| 139 | b6241d87 | Athina Bekakou | content: "\47"; |
| 140 | b6241d87 | Athina Bekakou | } |
| 141 | b6241d87 | Athina Bekakou | .snf-modem:before { |
| 142 | b6241d87 | Athina Bekakou | content: "\48"; |
| 143 | b6241d87 | Athina Bekakou | } |
| 144 | b6241d87 | Athina Bekakou | .snf-www:before { |
| 145 | b6241d87 | Athina Bekakou | content: "\49"; |
| 146 | b6241d87 | Athina Bekakou | } |
| 147 | b6241d87 | Athina Bekakou | .snf-ram:before { |
| 148 | b6241d87 | Athina Bekakou | content: "\4a"; |
| 149 | 0ced28b6 | Athina Bekakou | } |
| 150 | 0ced28b6 | Athina Bekakou | |
| 151 | 0ced28b6 | Athina Bekakou | .snf-network_full:before { |
| 152 | 0ced28b6 | Athina Bekakou | content: "\4b"; |
| 153 | bb6007e0 | Athina Bekakou | } |
| 154 | bb6007e0 | Athina Bekakou | |
| 155 | bb6007e0 | Athina Bekakou | .snf-arrow-up:before { |
| 156 | bb6007e0 | Athina Bekakou | content: "\4c"; |
| 157 | bb6007e0 | Athina Bekakou | } |
| 158 | 9ac09101 | Athina Bekakou | |
| 159 | bb6007e0 | Athina Bekakou | .snf-arrow-down:before { |
| 160 | 9ac09101 | Athina Bekakou | content: "\4d"; |
| 161 | bb6007e0 | Athina Bekakou | } |
| 162 | 9ac09101 | Athina Bekakou | |
| 163 | bb6007e0 | Athina Bekakou | .snf-arrow-up-2:before { |
| 164 | bb6007e0 | Athina Bekakou | content: "\4f"; |
| 165 | bb6007e0 | Athina Bekakou | } |
| 166 | bb6007e0 | Athina Bekakou | |
| 167 | bb6007e0 | Athina Bekakou | .snf-arrow-down-2:before { |
| 168 | 9ac09101 | Athina Bekakou | content: "\4e"; |
| 169 | 00ab5afc | Athina Bekakou | } |