Revision de9b2b51
b/snf-cyclades-app/synnefo/ui/new_ui/ui/demoHeader.html | ||
---|---|---|
22 | 22 |
<div class="ha-header-perspective"> |
23 | 23 |
<nav> |
24 | 24 |
<ul class="icons-nav"> |
25 |
<li><a href="pithos_list.html" data-tooltip class="has-tip" title="Storage" ><span class="snf-Pithos"></span></a></li>
|
|
25 |
<li><a href="pithos_list.html" data-tooltip class="has-tip" title="Storage" ><span class="snf-pithos-outline"></span></a></li>
|
|
26 | 26 |
<li><a href="vm_list.html" data-tooltip class="has-tip current" title="Machines"><span class="snf-PC"></span></a></li> |
27 | 27 |
<li><a href="" data-tooltip class="has-tip" title="Disks"><span class="snf-HDD"></span></a></li> |
28 | 28 |
<li><a href="network_list.html" data-tooltip class="has-tip" title="Networks"><span class="snf-network"></span></a></li> |
29 |
<li><a href="" data-tooltip class="has-tip" title="Dashboard"><span class="snf-DASHboard"></span></a></li>
|
|
29 |
<li><a href="" data-tooltip class="has-tip" title="Dashboard"><span class="snf-dashboard-outline"></span></a></li>
|
|
30 | 30 |
</ul> |
31 | 31 |
</nav> |
32 | 32 |
<div class="login"> |
... | ... | |
304 | 304 |
<ul class="flavor"> |
305 | 305 |
<li> |
306 | 306 |
<div class="title"> |
307 |
<span class="snf-cpu icon"></span>
|
|
307 |
<span class="snf-chip-outline icon"></span>
|
|
308 | 308 |
<h2>CPU<span> (x cores)</span></h2> |
309 | 309 |
<p>HOVER EXPLANATORY TEXT Volumes residing on our custom storage layer Archipelago, supporting fast VM spawning with cloning. Will also support Volume snapshotting really soon.</p> |
310 | 310 |
</div> |
... | ... | |
436 | 436 |
<h3 class=""> |
437 | 437 |
<div class="net-icons"> |
438 | 438 |
<span class="snf-www"></span> |
439 |
<span class="snf-modem"></span>
|
|
440 |
<span class="snf-network_full"></span>
|
|
439 |
<span class="snf-router-outline"></span>
|
|
440 |
<span class="snf-network-full"></span>
|
|
441 | 441 |
</div> |
442 | 442 |
Public Network</h3> |
443 | 443 |
<span class="snf-checkbox-unchecked"></span> |
... | ... | |
464 | 464 |
<li class="checkbox row select-net"> |
465 | 465 |
<h3 class="net-name"> |
466 | 466 |
<div class="net-icons"> |
467 |
<span class="snf-modem"></span>
|
|
468 |
<span class="snf-network_full"></span>
|
|
467 |
<span class="snf-router-outline"></span>
|
|
468 |
<span class="snf-network-full"></span>
|
|
469 | 469 |
</div> |
470 | 470 |
Routed Network</h3> |
471 | 471 |
<span class="snf-checkbox-unchecked"></span> |
... | ... | |
473 | 473 |
<li class="checkbox row select-net"> |
474 | 474 |
<h3 class="net-name"> |
475 | 475 |
<div class="net-icons"> |
476 |
<span class="snf-network_full"></span>
|
|
476 |
<span class="snf-network-full"></span>
|
|
477 | 477 |
</div> |
478 | 478 |
Private Network 1</h3> |
479 | 479 |
<span class="snf-checkbox-unchecked"></span> |
... | ... | |
481 | 481 |
<li class="checkbox row select-net"> |
482 | 482 |
<h3 class="net-name"> |
483 | 483 |
<div class="net-icons"> |
484 |
<span class="snf-network_full"></span>
|
|
484 |
<span class="snf-network-full"></span>
|
|
485 | 485 |
</div> |
486 | 486 |
Private Network 2</h3> |
487 | 487 |
<span class="snf-checkbox-unchecked"></span> |
... | ... | |
572 | 572 |
<div class="row"> |
573 | 573 |
<h2>Flavor</h2> |
574 | 574 |
<dl> |
575 |
<dt><span class="snf-cpu icon"></span>CPUs</dt>
|
|
575 |
<dt><span class="snf-chip-outline icon"></span>CPUs</dt>
|
|
576 | 576 |
<dd>4x</dd> |
577 | 577 |
<dt><span class="snf-ram icon"></span>Memory</dt> |
578 | 578 |
<dd>512 MB</dd> |
... | ... | |
639 | 639 |
<div class="container"> |
640 | 640 |
<div class="img-wrap"> |
641 | 641 |
<div class="img running"> |
642 |
<span class="snf-PC_fill" data-reveal-id="vm-connect"></span>
|
|
642 |
<span class="snf-pc-full" data-reveal-id="vm-connect"></span>
|
|
643 | 643 |
<span class="os" data-reveal-id="vm-connect">unknown</span> |
644 | 644 |
</div> |
645 | 645 |
</div> |
... | ... | |
659 | 659 |
<div class="container"> |
660 | 660 |
<div class="img-wrap"> |
661 | 661 |
<div class="img running"> |
662 |
<span class="snf-PC_fill" data-reveal-id="vm-connect"></span>
|
|
662 |
<span class="snf-pc-full" data-reveal-id="vm-connect"></span>
|
|
663 | 663 |
<span class="os fedora" data-reveal-id="vm-connect">fedora</span> |
664 | 664 |
</div> |
665 | 665 |
</div> |
... | ... | |
679 | 679 |
<div class="container"> |
680 | 680 |
<div class="img-wrap"> |
681 | 681 |
<div class="img running"> |
682 |
<span class="snf-PC_fill" data-reveal-id="vm-connect"></span>
|
|
682 |
<span class="snf-pc-full" data-reveal-id="vm-connect"></span>
|
|
683 | 683 |
<span class="os" data-reveal-id="vm-connect">unknown</span> |
684 | 684 |
</div> |
685 | 685 |
</div> |
... | ... | |
698 | 698 |
<div class="container"> |
699 | 699 |
<div class="img-wrap"> |
700 | 700 |
<div class="img stopped"> |
701 |
<span class="snf-PC_fill"></span>
|
|
701 |
<span class="snf-pc-full"></span>
|
|
702 | 702 |
<span class="os fedora">fedora</span> |
703 | 703 |
</div> |
704 | 704 |
</div> |
... | ... | |
719 | 719 |
<div class="container"> |
720 | 720 |
<div class="img-wrap"> |
721 | 721 |
<div class="img running"> |
722 |
<span class="snf-PC_fill" data-reveal-id="vm-connect"></span>
|
|
722 |
<span class="snf-pc-full" data-reveal-id="vm-connect"></span>
|
|
723 | 723 |
<span class="os kubuntu" data-reveal-id="vm-connect">kubuntu</span> |
724 | 724 |
</div> |
725 | 725 |
</div> |
... | ... | |
739 | 739 |
<div class="container"> |
740 | 740 |
<div class="img-wrap"> |
741 | 741 |
<div class="img running"> |
742 |
<span class="snf-PC_fill" data-reveal-id="vm-connect"></span>
|
|
742 |
<span class="snf-pc-full" data-reveal-id="vm-connect"></span>
|
|
743 | 743 |
<span class="os kubuntu" data-reveal-id="vm-connect">kubuntu</span> |
744 | 744 |
</div> |
745 | 745 |
</div> |
... | ... | |
759 | 759 |
<div class="container"> |
760 | 760 |
<div class="img-wrap"> |
761 | 761 |
<div class="img running"> |
762 |
<span class="snf-PC_fill" data-reveal-id="vm-connect"></span>
|
|
762 |
<span class="snf-pc-full" data-reveal-id="vm-connect"></span>
|
|
763 | 763 |
<span class="os kubuntu" data-reveal-id="vm-connect">kubuntu</span> |
764 | 764 |
</div> |
765 | 765 |
</div> |
... | ... | |
779 | 779 |
<div class="container"> |
780 | 780 |
<div class="img-wrap"> |
781 | 781 |
<div class="img running"> |
782 |
<span class="snf-PC_fill" data-reveal-id="vm-connect"></span>
|
|
782 |
<span class="snf-pc-full" data-reveal-id="vm-connect"></span>
|
|
783 | 783 |
<span class="os kubuntu" data-reveal-id="vm-connect">kubuntu</span> |
784 | 784 |
</div> |
785 | 785 |
</div> |
... | ... | |
799 | 799 |
<div class="container"> |
800 | 800 |
<div class="img-wrap"> |
801 | 801 |
<div class="img running"> |
802 |
<span class="snf-PC_fill" data-reveal-id="vm-connect"></span>
|
|
802 |
<span class="snf-pc-full" data-reveal-id="vm-connect"></span>
|
|
803 | 803 |
<span class="os kubuntu" data-reveal-id="vm-connect">kubuntu</span> |
804 | 804 |
</div> |
805 | 805 |
</div> |
... | ... | |
819 | 819 |
<div class="container"> |
820 | 820 |
<div class="img-wrap"> |
821 | 821 |
<div class="img running"> |
822 |
<span class="snf-PC_fill" data-reveal-id="vm-connect"></span>
|
|
822 |
<span class="snf-pc-full" data-reveal-id="vm-connect"></span>
|
|
823 | 823 |
<span class="os kubuntu" data-reveal-id="vm-connect">kubuntu</span> |
824 | 824 |
</div> |
825 | 825 |
</div> |
... | ... | |
839 | 839 |
<div class="container"> |
840 | 840 |
<div class="img-wrap"> |
841 | 841 |
<div class="img running"> |
842 |
<span class="snf-PC_fill" data-reveal-id="vm-connect"></span>
|
|
842 |
<span class="snf-pc-full" data-reveal-id="vm-connect"></span>
|
|
843 | 843 |
<span class="os kubuntu" data-reveal-id="vm-connect">kubuntu</span> |
844 | 844 |
</div> |
845 | 845 |
</div> |
... | ... | |
859 | 859 |
<div class="container"> |
860 | 860 |
<div class="img-wrap"> |
861 | 861 |
<div class="img running"> |
862 |
<span class="snf-PC_fill" data-reveal-id="vm-connect"></span>
|
|
862 |
<span class="snf-pc-full" data-reveal-id="vm-connect"></span>
|
|
863 | 863 |
<span class="os kubuntu" data-reveal-id="vm-connect">kubuntu</span> |
864 | 864 |
</div> |
865 | 865 |
</div> |
... | ... | |
879 | 879 |
<div class="container"> |
880 | 880 |
<div class="img-wrap"> |
881 | 881 |
<div class="img running"> |
882 |
<span class="snf-PC_fill" data-reveal-id="vm-connect"></span>
|
|
882 |
<span class="snf-pc-full" data-reveal-id="vm-connect"></span>
|
|
883 | 883 |
<span class="os kubuntu" data-reveal-id="vm-connect">kubuntu</span> |
884 | 884 |
</div> |
885 | 885 |
</div> |
... | ... | |
899 | 899 |
<div class="container"> |
900 | 900 |
<div class="img-wrap"> |
901 | 901 |
<div class="img running"> |
902 |
<span class="snf-PC_fill" data-reveal-id="vm-connect"></span>
|
|
902 |
<span class="snf-pc-full" data-reveal-id="vm-connect"></span>
|
|
903 | 903 |
<span class="os kubuntu" data-reveal-id="vm-connect">kubuntu</span> |
904 | 904 |
</div> |
905 | 905 |
</div> |
... | ... | |
919 | 919 |
<div class="container"> |
920 | 920 |
<div class="img-wrap"> |
921 | 921 |
<div class="img running"> |
922 |
<span class="snf-PC_fill" data-reveal-id="vm-connect"></span>
|
|
922 |
<span class="snf-pc-full" data-reveal-id="vm-connect"></span>
|
|
923 | 923 |
<span class="os kubuntu" data-reveal-id="vm-connect">kubuntu</span> |
924 | 924 |
</div> |
925 | 925 |
</div> |
... | ... | |
939 | 939 |
<div class="container"> |
940 | 940 |
<div class="img-wrap"> |
941 | 941 |
<div class="img running"> |
942 |
<span class="snf-PC_fill" data-reveal-id="vm-connect"></span>
|
|
942 |
<span class="snf-pc-full" data-reveal-id="vm-connect"></span>
|
|
943 | 943 |
<span class="os kubuntu" data-reveal-id="vm-connect">kubuntu</span> |
944 | 944 |
</div> |
945 | 945 |
</div> |
... | ... | |
959 | 959 |
<div class="container"> |
960 | 960 |
<div class="img-wrap"> |
961 | 961 |
<div class="img running"> |
962 |
<span class="snf-PC_fill" data-reveal-id="vm-connect"></span>
|
|
962 |
<span class="snf-pc-full" data-reveal-id="vm-connect"></span>
|
|
963 | 963 |
<span class="os kubuntu" data-reveal-id="vm-connect">kubuntu</span> |
964 | 964 |
</div> |
965 | 965 |
</div> |
... | ... | |
979 | 979 |
<div class="container"> |
980 | 980 |
<div class="img-wrap"> |
981 | 981 |
<div class="img running"> |
982 |
<span class="snf-PC_fill" data-reveal-id="vm-connect"></span>
|
|
982 |
<span class="snf-pc-full" data-reveal-id="vm-connect"></span>
|
|
983 | 983 |
<span class="os kubuntu" data-reveal-id="vm-connect">kubuntu</span> |
984 | 984 |
</div> |
985 | 985 |
</div> |
... | ... | |
999 | 999 |
<div class="container"> |
1000 | 1000 |
<div class="img-wrap"> |
1001 | 1001 |
<div class="img running"> |
1002 |
<span class="snf-PC_fill" data-reveal-id="vm-connect"></span>
|
|
1002 |
<span class="snf-pc-full" data-reveal-id="vm-connect"></span>
|
|
1003 | 1003 |
<span class="os kubuntu" data-reveal-id="vm-connect">kubuntu</span> |
1004 | 1004 |
</div> |
1005 | 1005 |
</div> |
... | ... | |
1019 | 1019 |
<div class="container"> |
1020 | 1020 |
<div class="img-wrap"> |
1021 | 1021 |
<div class="img running"> |
1022 |
<span class="snf-PC_fill" data-reveal-id="vm-connect"></span>
|
|
1022 |
<span class="snf-pc-full" data-reveal-id="vm-connect"></span>
|
|
1023 | 1023 |
<span class="os kubuntu" data-reveal-id="vm-connect">kubuntu</span> |
1024 | 1024 |
</div> |
1025 | 1025 |
</div> |
... | ... | |
1039 | 1039 |
<div class="container"> |
1040 | 1040 |
<div class="img-wrap"> |
1041 | 1041 |
<div class="img running"> |
1042 |
<span class="snf-PC_fill" data-reveal-id="vm-connect"></span>
|
|
1042 |
<span class="snf-pc-full" data-reveal-id="vm-connect"></span>
|
|
1043 | 1043 |
<span class="os kubuntu" data-reveal-id="vm-connect">kubuntu</span> |
1044 | 1044 |
</div> |
1045 | 1045 |
</div> |
... | ... | |
1059 | 1059 |
<div class="container"> |
1060 | 1060 |
<div class="img-wrap"> |
1061 | 1061 |
<div class="img running"> |
1062 |
<span class="snf-PC_fill" data-reveal-id="vm-connect"></span>
|
|
1062 |
<span class="snf-pc-full" data-reveal-id="vm-connect"></span>
|
|
1063 | 1063 |
<span class="os kubuntu" data-reveal-id="vm-connect">kubuntu</span> |
1064 | 1064 |
</div> |
1065 | 1065 |
</div> |
... | ... | |
1079 | 1079 |
<div class="container"> |
1080 | 1080 |
<div class="img-wrap"> |
1081 | 1081 |
<div class="img running"> |
1082 |
<span class="snf-PC_fill" data-reveal-id="vm-connect"></span>
|
|
1082 |
<span class="snf-pc-full" data-reveal-id="vm-connect"></span>
|
|
1083 | 1083 |
<span class="os kubuntu" data-reveal-id="vm-connect">kubuntu</span> |
1084 | 1084 |
</div> |
1085 | 1085 |
</div> |
... | ... | |
1099 | 1099 |
<div class="container"> |
1100 | 1100 |
<div class="img-wrap"> |
1101 | 1101 |
<div class="img running"> |
1102 |
<span class="snf-PC_fill" data-reveal-id="vm-connect"></span>
|
|
1102 |
<span class="snf-pc-full" data-reveal-id="vm-connect"></span>
|
|
1103 | 1103 |
<span class="os kubuntu" data-reveal-id="vm-connect">kubuntu</span> |
1104 | 1104 |
</div> |
1105 | 1105 |
</div> |
... | ... | |
1119 | 1119 |
<div class="container"> |
1120 | 1120 |
<div class="img-wrap"> |
1121 | 1121 |
<div class="img running"> |
1122 |
<span class="snf-PC_fill" data-reveal-id="vm-connect"></span>
|
|
1122 |
<span class="snf-pc-full" data-reveal-id="vm-connect"></span>
|
|
1123 | 1123 |
<span class="os kubuntu" data-reveal-id="vm-connect">kubuntu</span> |
1124 | 1124 |
</div> |
1125 | 1125 |
</div> |
... | ... | |
1139 | 1139 |
<div class="container"> |
1140 | 1140 |
<div class="img-wrap"> |
1141 | 1141 |
<div class="img running"> |
1142 |
<span class="snf-PC_fill" data-reveal-id="vm-connect"></span>
|
|
1142 |
<span class="snf-pc-full" data-reveal-id="vm-connect"></span>
|
|
1143 | 1143 |
<span class="os kubuntu" data-reveal-id="vm-connect">kubuntu</span> |
1144 | 1144 |
</div> |
1145 | 1145 |
</div> |
... | ... | |
1159 | 1159 |
<div class="container"> |
1160 | 1160 |
<div class="img-wrap"> |
1161 | 1161 |
<div class="img running"> |
1162 |
<span class="snf-PC_fill" data-reveal-id="vm-connect"></span>
|
|
1162 |
<span class="snf-pc-full" data-reveal-id="vm-connect"></span>
|
|
1163 | 1163 |
<span class="os kubuntu" data-reveal-id="vm-connect">kubuntu</span> |
1164 | 1164 |
</div> |
1165 | 1165 |
</div> |
... | ... | |
1179 | 1179 |
<div class="container"> |
1180 | 1180 |
<div class="img-wrap"> |
1181 | 1181 |
<div class="img running"> |
1182 |
<span class="snf-PC_fill" data-reveal-id="vm-connect"></span>
|
|
1182 |
<span class="snf-pc-full" data-reveal-id="vm-connect"></span>
|
|
1183 | 1183 |
<span class="os kubuntu" data-reveal-id="vm-connect">kubuntu</span> |
1184 | 1184 |
</div> |
1185 | 1185 |
</div> |
... | ... | |
1199 | 1199 |
<div class="container"> |
1200 | 1200 |
<div class="img-wrap"> |
1201 | 1201 |
<div class="img running"> |
1202 |
<span class="snf-PC_fill" data-reveal-id="vm-connect"></span>
|
|
1202 |
<span class="snf-pc-full" data-reveal-id="vm-connect"></span>
|
|
1203 | 1203 |
<span class="os kubuntu" data-reveal-id="vm-connect">kubuntu</span> |
1204 | 1204 |
</div> |
1205 | 1205 |
</div> |
... | ... | |
1219 | 1219 |
<div class="container"> |
1220 | 1220 |
<div class="img-wrap"> |
1221 | 1221 |
<div class="img running"> |
1222 |
<span class="snf-PC_fill" data-reveal-id="vm-connect"></span>
|
|
1222 |
<span class="snf-pc-full" data-reveal-id="vm-connect"></span>
|
|
1223 | 1223 |
<span class="os kubuntu" data-reveal-id="vm-connect">kubuntu</span> |
1224 | 1224 |
</div> |
1225 | 1225 |
</div> |
... | ... | |
1239 | 1239 |
<div class="container"> |
1240 | 1240 |
<div class="img-wrap"> |
1241 | 1241 |
<div class="img running"> |
1242 |
<span class="snf-PC_fill" data-reveal-id="vm-connect"></span>
|
|
1242 |
<span class="snf-pc-full" data-reveal-id="vm-connect"></span>
|
|
1243 | 1243 |
<span class="os kubuntu" data-reveal-id="vm-connect">kubuntu</span> |
1244 | 1244 |
</div> |
1245 | 1245 |
</div> |
... | ... | |
1259 | 1259 |
<div class="container"> |
1260 | 1260 |
<div class="img-wrap"> |
1261 | 1261 |
<div class="img running"> |
1262 |
<span class="snf-PC_fill" data-reveal-id="vm-connect"></span>
|
|
1262 |
<span class="snf-pc-full" data-reveal-id="vm-connect"></span>
|
|
1263 | 1263 |
<span class="os kubuntu" data-reveal-id="vm-connect">kubuntu</span> |
1264 | 1264 |
</div> |
1265 | 1265 |
</div> |
... | ... | |
1279 | 1279 |
<div class="container"> |
1280 | 1280 |
<div class="img-wrap"> |
1281 | 1281 |
<div class="img running"> |
1282 |
<span class="snf-PC_fill" data-reveal-id="vm-connect"></span>
|
|
1282 |
<span class="snf-pc-full" data-reveal-id="vm-connect"></span>
|
|
1283 | 1283 |
<span class="os kubuntu" data-reveal-id="vm-connect">kubuntu</span> |
1284 | 1284 |
</div> |
1285 | 1285 |
</div> |
... | ... | |
1299 | 1299 |
<div class="container"> |
1300 | 1300 |
<div class="img-wrap"> |
1301 | 1301 |
<div class="img running"> |
1302 |
<span class="snf-PC_fill" data-reveal-id="vm-connect"></span>
|
|
1302 |
<span class="snf-pc-full" data-reveal-id="vm-connect"></span>
|
|
1303 | 1303 |
<span class="os kubuntu" data-reveal-id="vm-connect">kubuntu</span> |
1304 | 1304 |
</div> |
1305 | 1305 |
</div> |
... | ... | |
1319 | 1319 |
<div class="container"> |
1320 | 1320 |
<div class="img-wrap"> |
1321 | 1321 |
<div class="img running"> |
1322 |
<span class="snf-PC_fill" data-reveal-id="vm-connect"></span>
|
|
1322 |
<span class="snf-pc-full" data-reveal-id="vm-connect"></span>
|
|
1323 | 1323 |
<span class="os kubuntu" data-reveal-id="vm-connect">kubuntu</span> |
1324 | 1324 |
</div> |
1325 | 1325 |
</div> |
... | ... | |
1339 | 1339 |
<div class="container"> |
1340 | 1340 |
<div class="img-wrap"> |
1341 | 1341 |
<div class="img running"> |
1342 |
<span class="snf-PC_fill" data-reveal-id="vm-connect"></span>
|
|
1342 |
<span class="snf-pc-full" data-reveal-id="vm-connect"></span>
|
|
1343 | 1343 |
<span class="os kubuntu" data-reveal-id="vm-connect">kubuntu</span> |
1344 | 1344 |
</div> |
1345 | 1345 |
</div> |
b/snf-cyclades-app/synnefo/ui/new_ui/ui/icon_guide.html | ||
---|---|---|
119 | 119 |
</div> |
120 | 120 |
<div class="glyph"> |
121 | 121 |
<div class="fs1" aria-hidden="true" data-icon="K"></div> |
122 |
<input type="text" readonly="readonly" value="snf-network_full [K]" />
|
|
122 |
<input type="text" readonly="readonly" value="snf-network-full [K]" />
|
|
123 | 123 |
</div> |
124 | 124 |
<div class="glyph"> |
125 | 125 |
<div class="fs1" aria-hidden="true" data-icon="w"></div> |
... | ... | |
127 | 127 |
</div> |
128 | 128 |
<div class="glyph"> |
129 | 129 |
<div class="fs1" aria-hidden="true" data-icon="x"></div> |
130 |
<input type="text" readonly="readonly" value="snf-PC_fill [x]" />
|
|
130 |
<input type="text" readonly="readonly" value="snf-pc-full [x]" />
|
|
131 | 131 |
</div> |
132 | 132 |
<div class="glyph"> |
133 | 133 |
<div class="fs1" aria-hidden="true" data-icon="u"></div> |
... | ... | |
135 | 135 |
</div> |
136 | 136 |
<div class="glyph"> |
137 | 137 |
<div class="fs1" aria-hidden="true" data-icon="y"></div> |
138 |
<input type="text" readonly="readonly" value="snf-Pithos [y]" />
|
|
138 |
<input type="text" readonly="readonly" value="snf-pithos-outline [y]" />
|
|
139 | 139 |
</div> |
140 | 140 |
<div class="glyph"> |
141 | 141 |
<div class="fs1" aria-hidden="true" data-icon="z"></div> |
142 |
<input type="text" readonly="readonly" value="snf-DASHboard [z]" />
|
|
142 |
<input type="text" readonly="readonly" value="snf-dashboard-outline [z]" />
|
|
143 | 143 |
</div> |
144 | 144 |
<div class="glyph"> |
145 | 145 |
<div class="fs1" aria-hidden="true" data-icon="E"></div> |
146 |
<input type="text" readonly="readonly" value="snf-cpu [E]" />
|
|
146 |
<input type="text" readonly="readonly" value="snf-chip-outline [E]" />
|
|
147 | 147 |
</div> |
148 | 148 |
<div class="glyph"> |
149 | 149 |
<div class="fs1" aria-hidden="true" data-icon="F"></div> |
... | ... | |
155 | 155 |
</div> |
156 | 156 |
<div class="glyph"> |
157 | 157 |
<div class="fs1" aria-hidden="true" data-icon="H"></div> |
158 |
<input type="text" readonly="readonly" value="snf-modem [H]" />
|
|
158 |
<input type="text" readonly="readonly" value="snf-router-outline [H]" />
|
|
159 | 159 |
</div> |
160 | 160 |
<div class="glyph"> |
161 | 161 |
<div class="fs1" aria-hidden="true" data-icon="I"></div> |
... | ... | |
163 | 163 |
</div> |
164 | 164 |
<div class="glyph"> |
165 | 165 |
<div class="fs1" aria-hidden="true" data-icon="J"></div> |
166 |
<input type="text" readonly="readonly" value="snf-ram [J]" /> |
|
166 |
<input type="text" readonly="readonly" value="snf-ram-outline [J]" />
|
|
167 | 167 |
</div> |
168 | 168 |
<div class="glyph"> |
169 | 169 |
<div class="fs1" aria-hidden="true" data-icon="e"></div> |
... | ... | |
171 | 171 |
</div> |
172 | 172 |
<div class="glyph"> |
173 | 173 |
<div class="fs1" aria-hidden="true" data-icon="f"></div> |
174 |
<input type="text" readonly="readonly" value="snf-images [f]" />
|
|
174 |
<input type="text" readonly="readonly" value="snf-image-outline [f]" />
|
|
175 | 175 |
</div> |
176 | 176 |
<div class="glyph"> |
177 | 177 |
<div class="fs1" aria-hidden="true" data-icon="m"></div> |
178 |
<input type="text" readonly="readonly" value="snf-plus [m]" /> |
|
178 |
<input type="text" readonly="readonly" value="snf-plus-outline [m]" />
|
|
179 | 179 |
</div> |
180 | 180 |
<div class="glyph"> |
181 | 181 |
<div class="fs1" aria-hidden="true" data-icon="P"></div> |
... | ... | |
195 | 195 |
</div> |
196 | 196 |
<div class="glyph"> |
197 | 197 |
<div class="fs1" aria-hidden="true" data-icon="O"></div> |
198 |
<input type="text" readonly="readonly" value="snf-HDD-full [O]" />
|
|
198 |
<input type="text" readonly="readonly" value="snf-volume-full [O]" />
|
|
199 | 199 |
</div> |
200 | 200 |
</section> |
201 | 201 |
|
... | ... | |
283 | 283 |
<h2>misc</h2> |
284 | 284 |
<div class="glyph"> |
285 | 285 |
<div class="fs1" aria-hidden="true" data-icon="q"></div> |
286 |
<input type="text" readonly="readonly" value="snf-edit-1 [q]" />
|
|
286 |
<input type="text" readonly="readonly" value="snf-edit [q]" /> |
|
287 | 287 |
</div> |
288 | 288 |
<div class="glyph"> |
289 | 289 |
<div class="fs1" aria-hidden="true" data-icon="d"></div> |
... | ... | |
291 | 291 |
</div> |
292 | 292 |
<div class="glyph"> |
293 | 293 |
<div class="fs1" aria-hidden="true" data-icon="g"></div> |
294 |
<input type="text" readonly="readonly" value="snf-twitter-off-black [g]" />
|
|
294 |
<input type="text" readonly="readonly" value="snf-twitter-logo [g]" />
|
|
295 | 295 |
</div> |
296 | 296 |
<div class="glyph"> |
297 | 297 |
<div class="fs1" aria-hidden="true" data-icon="i"></div> |
... | ... | |
299 | 299 |
</div> |
300 | 300 |
<div class="glyph"> |
301 | 301 |
<div class="fs1" aria-hidden="true" data-icon="k"></div> |
302 |
<input type="text" readonly="readonly" value="snf-lightning [k]" />
|
|
302 |
<input type="text" readonly="readonly" value="snf-thunder-full [k]" />
|
|
303 | 303 |
</div> |
304 | 304 |
<div class="glyph"> |
305 | 305 |
<div class="fs1" aria-hidden="true" data-icon="o"></div> |
306 |
<input type="text" readonly="readonly" value="snf-info_outline [o]" />
|
|
306 |
<input type="text" readonly="readonly" value="snf-info-outline [o]" />
|
|
307 | 307 |
</div> |
308 | 308 |
<div class="glyph"> |
309 | 309 |
<div class="fs1" aria-hidden="true" data-icon="p"></div> |
310 |
<input type="text" readonly="readonly" value="snf-info_filled [p]" />
|
|
310 |
<input type="text" readonly="readonly" value="snf-info-full [p]" />
|
|
311 | 311 |
</div> |
312 | 312 |
</section> |
313 | 313 |
|
b/snf-cyclades-app/synnefo/ui/new_ui/ui/images_list.html | ||
---|---|---|
24 | 24 |
<li><a href="vm_list.html" data-tooltip class="has-tip" title="Machines"><span class="snf-PC"></span></a></li> |
25 | 25 |
<li><a href="network_list.html" data-tooltip class="has-tip" title="Networks"><span class="snf-network"></span></a></li> |
26 | 26 |
<li><a href="" data-tooltip class="has-tip" title="Volumes"><span class="snf-HDD"></span></a></li> |
27 |
<li><a href="pithos_list.html" data-tooltip class="has-tip" title="Storage" ><span class="snf-Pithos"></span></a></li>
|
|
28 |
<li><a href="" data-tooltip class="has-tip current" title="Images" ><span class="snf-images"></span></a></li>
|
|
27 |
<li><a href="pithos_list.html" data-tooltip class="has-tip" title="Storage" ><span class="snf-pithos-outline"></span></a></li>
|
|
28 |
<li><a href="" data-tooltip class="has-tip current" title="Images" ><span class="snf-image-outline"></span></a></li>
|
|
29 | 29 |
<li><a href="" data-tooltip class="has-tip" title="Snapshots" ><span class="snf-snapshot"></span></a></li> |
30 |
<li><a href="" data-tooltip class="has-tip" title="More" ><span class="snf-plus"></span></a></li> |
|
30 |
<li><a href="" data-tooltip class="has-tip" title="More" ><span class="snf-plus-outline"></span></a></li>
|
|
31 | 31 |
</ul> |
32 | 32 |
</nav> |
33 | 33 |
<div class="login"> |
... | ... | |
129 | 129 |
<span class="snf-checkbox-unchecked"></span> |
130 | 130 |
</div> |
131 | 131 |
<div class="img-wrap"> |
132 |
<span class="snf-images font-icon"></span>
|
|
132 |
<span class="snf-image-outline snf-font"></span>
|
|
133 | 133 |
</div> |
134 | 134 |
<h4>New Image</h4> |
135 | 135 |
</div> |
... | ... | |
164 | 164 |
<span class="snf-checkbox-unchecked"></span> |
165 | 165 |
</div> |
166 | 166 |
<div class="img-wrap"> |
167 |
<span class="font-icon snf-images"></span>
|
|
167 |
<span class="snf-font snf-image-outline"></span>
|
|
168 | 168 |
</div> |
169 | 169 |
<h4>Image Name</h4> |
170 | 170 |
<div class="tags"> |
... | ... | |
201 | 201 |
<span class="snf-checkbox-unchecked"></span> |
202 | 202 |
</div> |
203 | 203 |
<div class="img-wrap"> |
204 |
<span class="font-icon snf-images"></span>
|
|
204 |
<span class="snf-font snf-image-outline"></span>
|
|
205 | 205 |
</div> |
206 | 206 |
<h4>Image Name</h4> |
207 | 207 |
<div class="tags"> |
b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/common.js | ||
---|---|---|
541 | 541 |
|
542 | 542 |
$('[data-status="rebooting"] .btn5.temp').click(function(e) { |
543 | 543 |
e.preventDefault(); |
544 |
$(this).siblings('.container').find('.snf-PC_fill').toggleClass('reboot-progress');
|
|
544 |
$(this).siblings('.container').find('.snf-pc-full').toggleClass('reboot-progress');
|
|
545 | 545 |
}) |
546 | 546 |
|
547 | 547 |
// //temp function to preventDefault of links in modal |
... | ... | |
641 | 641 |
e.preventDefault(); |
642 | 642 |
countClicks++; |
643 | 643 |
$(this).toggleClass('open',0); |
644 |
var img = $(this).closest('.item').find('.img-wrap .font-icon');
|
|
644 |
var img = $(this).closest('.item').find('.img-wrap .snf-font');
|
|
645 | 645 |
img.addClass('reboot-progress'); |
646 | 646 |
var self = this; |
647 | 647 |
setTimeout(function() { |
b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/lte-ie7.js | ||
---|---|---|
6 | 6 |
el.innerHTML = '<span style="font-family: \'snf-font\'">' + entity + '</span>' + html; |
7 | 7 |
} |
8 | 8 |
var icons = { |
9 |
'snf-twitter-off-black' : 'g',
|
|
9 |
'snf-twitter-logo' : 'g',
|
|
10 | 10 |
'snf-cancel-circled' : 'c', |
11 | 11 |
'snf-checkbox-checked' : 'b', |
12 | 12 |
'snf-checkbox-unchecked' : 'a', |
... | ... | |
14 | 14 |
'snf-ban-circle' : 'j', |
15 | 15 |
'snf-ok-sign' : 'l', |
16 | 16 |
'snf-minus-sign' : 'n', |
17 |
'snf-edit-1' : 'q',
|
|
17 |
'snf-edit' : 'q', |
|
18 | 18 |
'snf-HDD' : 'u', |
19 | 19 |
'snf-network' : 'v', |
20 | 20 |
'snf-PC' : 'w', |
21 |
'snf-PC_fill' : 'x',
|
|
22 |
'snf-Pithos' : 'y',
|
|
23 |
'snf-DASHboard' : 'z',
|
|
21 |
'snf-pc-full' : 'x',
|
|
22 |
'snf-pithos-outline' : 'y',
|
|
23 |
'snf-dashboard-outline' : 'z',
|
|
24 | 24 |
'snf-eye' : 'A', |
25 | 25 |
'snf-radio-checked' : 'B', |
26 | 26 |
'snf-radio-unchecked' : 'C', |
27 | 27 |
'snf-close' : 'D', |
28 |
'snf-cpu' : 'E',
|
|
28 |
'snf-chip-outline' : 'E',
|
|
29 | 29 |
'snf-lock_closed' : 'F', |
30 | 30 |
'snf-lock_open' : 'G', |
31 |
'snf-modem' : 'H',
|
|
31 |
'snf-router-outline' : 'H',
|
|
32 | 32 |
'snf-www' : 'I', |
33 | 33 |
'snf-ram' : 'J', |
34 |
'snf-network_full' : 'K'
|
|
34 |
'snf-network-full' : 'K'
|
|
35 | 35 |
'snf-arrow-up' : 'L', |
36 | 36 |
'snf-arrow-down' : 'M' /* rename of snf-arrow-right */ |
37 | 37 |
'snf-list' : 'Q', |
b/snf-cyclades-app/synnefo/ui/new_ui/ui/network_details.html | ||
---|---|---|
20 | 20 |
<nav> |
21 | 21 |
<ul class="icons-nav"> |
22 | 22 |
<li><a href="vm_list.html" data-tooltip class="has-tip" title="Machines"><span class="snf-PC"></span></a></li> |
23 |
<li><a href="network_list.html" data-tooltip class="has-tip current" title="Networks"><span class="snf-network_full"></span></a></li>
|
|
23 |
<li><a href="network_list.html" data-tooltip class="has-tip current" title="Networks"><span class="snf-network-full"></span></a></li>
|
|
24 | 24 |
<li><a href="volumes_list.html" data-tooltip class="has-tip" title="Disks"><span class="snf-HDD"></span></a></li> |
25 |
<li><a href="pithos_list.html" data-tooltip class="has-tip" title="Storage"><span class="snf-Pithos"></span></a></li>
|
|
26 |
<li><a href="images_list.html" data-tooltip class="has-tip" title="Images"><span class="snf-images"></span></a></li>
|
|
25 |
<li><a href="pithos_list.html" data-tooltip class="has-tip" title="Storage"><span class="snf-pithos-outline"></span></a></li>
|
|
26 |
<li><a href="images_list.html" data-tooltip class="has-tip" title="Images"><span class="snf-image-outline"></span></a></li>
|
|
27 | 27 |
<li><a href="snapshots_list.html" data-tooltip class="has-tip" title="Snapshots"><span class="snf-snapshot"></span></a></li> |
28 |
<li><a href="" data-tooltip class="has-tip" title="More"><span class="snf-plus"></span></a></li> |
|
28 |
<li><a href="" data-tooltip class="has-tip" title="More"><span class="snf-plus-outline"></span></a></li>
|
|
29 | 29 |
</ul> |
30 | 30 |
</nav> |
31 | 31 |
<div class="login"> |
... | ... | |
79 | 79 |
<span class="snf-checkbox-unchecked"></span> |
80 | 80 |
</div> |
81 | 81 |
<div class="img-wrap"> |
82 |
<span class="snf-network_full font-icon"></span>
|
|
82 |
<span class="snf-network-full snf-font"></span>
|
|
83 | 83 |
</div> |
84 | 84 |
<h4>vm name 1 really large name vm name vm 1 really large name vm</h4> |
85 | 85 |
<div class="actions"> |
86 |
<a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-lightning"></span></a>
|
|
87 |
<a href="vm_details.html" title="view vm details" class="snf-info_outline"></a>
|
|
86 |
<a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-thunder-full"></span></a>
|
|
87 |
<a href="vm_details.html" title="view vm details" class="snf-info-outline"></a>
|
|
88 | 88 |
</div> |
89 | 89 |
<div class= "status"> |
90 | 90 |
<span class="state"></span> |
... | ... | |
104 | 104 |
<span class="snf-checkbox-unchecked"></span> |
105 | 105 |
</div> |
106 | 106 |
<div class="img-wrap"> |
107 |
<span class="snf-network_full font-icon"></span>
|
|
107 |
<span class="snf-network-full snf-font"></span>
|
|
108 | 108 |
</div> |
109 | 109 |
<h4>Private Network</h4> |
110 | 110 |
<div class="actions"> |
111 |
<a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-lightning"></span></a>
|
|
112 |
<a href="vm_details.html" title="view vm details" class="snf-info_outline"></a>
|
|
111 |
<a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-thunder-full"></span></a>
|
|
112 |
<a href="vm_details.html" title="view vm details" class="snf-info-outline"></a>
|
|
113 | 113 |
</div> |
114 | 114 |
<div class= "status"> |
115 | 115 |
<span class="state">Error</span> |
... | ... | |
126 | 126 |
<section class="top"> |
127 | 127 |
<div class="lt"> |
128 | 128 |
<div class="img-wrap"> |
129 |
<span class="snf-network_full"></span>
|
|
129 |
<span class="snf-network-full"></span>
|
|
130 | 130 |
</div> |
131 | 131 |
</div> |
132 | 132 |
<div class="rt"> |
... | ... | |
141 | 141 |
</div> |
142 | 142 |
<div class="tabs"> |
143 | 143 |
<ul> |
144 |
<li><a href="#info"><span class="snf-info_outline"></span></a></li>
|
|
145 |
<li><a href="#vm-connected" class="active"><span class="snf-PC_fill font-icon"></span></a></li>
|
|
144 |
<li><a href="#info"><span class="snf-info-outline"></span></a></li>
|
|
145 |
<li><a href="#vm-connected" class="active"><span class="snf-pc-full snf-font"></span></a></li>
|
|
146 | 146 |
</ul> |
147 | 147 |
</div> |
148 | 148 |
</div> |
... | ... | |
151 | 151 |
<section class="info-block"> |
152 | 152 |
<h2>info</h2> |
153 | 153 |
<dl> |
154 |
<dt><span class="font-icon"></span>Project</dt>
|
|
154 |
<dt><span class="snf-font"></span>Project</dt>
|
|
155 | 155 |
<dd>Basic Project</dd> |
156 |
<dt><span class="font-icon"></span>Name</dt>
|
|
156 |
<dt><span class="snf-font"></span>Name</dt>
|
|
157 | 157 |
<dd>Public Network</dd> |
158 |
<dt><span class="snf-PC_fill font-icon"></span>Connected Machines</dt>
|
|
158 |
<dt><span class="snf-pc-full snf-font"></span>Connected Machines</dt>
|
|
159 | 159 |
<dd>4</dd> |
160 | 160 |
</dl> |
161 | 161 |
</section> |
... | ... | |
164 | 164 |
<section class="item error"> |
165 | 165 |
<div class="what"> |
166 | 166 |
<div class="img-wrap"> |
167 |
<span class="snf-PC_fill font-icon"></span>
|
|
167 |
<span class="snf-pc-full snf-font"></span>
|
|
168 | 168 |
<span class="os fedora">fedora</span> |
169 | 169 |
</div> |
170 | 170 |
<h4>My Awesome Machine<span class="status">BUILDING 798.56 MB of 4.33 GB (18%)</span></h4> |
... | ... | |
203 | 203 |
<section class="item running"> |
204 | 204 |
<div class="what"> |
205 | 205 |
<div class="img-wrap"> |
206 |
<span class="snf-PC_fill font-icon"></span>
|
|
206 |
<span class="snf-pc-full snf-font"></span>
|
|
207 | 207 |
<span class="os fedora">fedora</span> |
208 | 208 |
</div> |
209 | 209 |
<h4>My Awesome Machine</h4> |
... | ... | |
266 | 266 |
<section class="item running"> |
267 | 267 |
<div class="what"> |
268 | 268 |
<div class="img-wrap"> |
269 |
<span class="snf-PC_fill font-icon"></span>
|
|
269 |
<span class="snf-pc-full snf-font"></span>
|
|
270 | 270 |
<span class="os fedora">fedora</span> |
271 | 271 |
</div> |
272 | 272 |
<h4>My Awesome Machine<span class="status">BUILDING 798.56 MB of 4.33 GB (18%)</span></h4> |
... | ... | |
305 | 305 |
<section class="connect-new"> |
306 | 306 |
<div class="img-wrap"> |
307 | 307 |
<a href=""> |
308 |
<span class="snf-PC_fill font-icon"></span>
|
|
308 |
<span class="snf-pc-full snf-font"></span>
|
|
309 | 309 |
</a> |
310 | 310 |
</div> |
311 | 311 |
<p><a href="">Connect Machine</a></p> |
b/snf-cyclades-app/synnefo/ui/new_ui/ui/network_list.html | ||
---|---|---|
22 | 22 |
<nav> |
23 | 23 |
<ul class="icons-nav"> |
24 | 24 |
<li><a href="vm_list.html" data-tooltip class="has-tip" title="Machines"><span class="snf-PC"></span></a></li> |
25 |
<li><a href="network_list.html" data-tooltip class="has-tip current" title="Networks"><span class="snf-network_full"></span></a></li>
|
|
25 |
<li><a href="network_list.html" data-tooltip class="has-tip current" title="Networks"><span class="snf-network-full"></span></a></li>
|
|
26 | 26 |
<li><a href="volumes_list.html" data-tooltip class="has-tip" title="Disks"><span class="snf-HDD"></span></a></li> |
27 |
<li><a href="pithos_list.html" data-tooltip class="has-tip" title="Storage"><span class="snf-Pithos"></span></a></li>
|
|
28 |
<li><a href="images_list.html" data-tooltip class="has-tip" title="Images"><span class="snf-images"></span></a></li>
|
|
27 |
<li><a href="pithos_list.html" data-tooltip class="has-tip" title="Storage"><span class="snf-pithos-outline"></span></a></li>
|
|
28 |
<li><a href="images_list.html" data-tooltip class="has-tip" title="Images"><span class="snf-image-outline"></span></a></li>
|
|
29 | 29 |
<li><a href="snapshots_list.html" data-tooltip class="has-tip" title="Snapshots"><span class="snf-snapshot"></span></a></li> |
30 |
<li><a href="" data-tooltip class="has-tip" title="More"><span class="snf-plus"></span></a></li> |
|
30 |
<li><a href="" data-tooltip class="has-tip" title="More"><span class="snf-plus-outline"></span></a></li>
|
|
31 | 31 |
</ul> |
32 | 32 |
</nav> |
33 | 33 |
<div class="login"> |
... | ... | |
190 | 190 |
<span class="snf-checkbox-unchecked"></span> |
191 | 191 |
</div> |
192 | 192 |
<div class="img-wrap"> |
193 |
<span class="snf-network_full"></span>
|
|
193 |
<span class="snf-network-full"></span>
|
|
194 | 194 |
</div> |
195 | 195 |
<h4>New Network</h4> |
196 | 196 |
</div> |
... | ... | |
225 | 225 |
<span class="snf-checkbox-unchecked"></span> |
226 | 226 |
</div> |
227 | 227 |
<div class="img-wrap"> |
228 |
<span class="snf-network_full"></span>
|
|
228 |
<span class="snf-network-full"></span>
|
|
229 | 229 |
</div> |
230 | 230 |
<h4>Network Name</h4> |
231 | 231 |
<div class="tags"> |
... | ... | |
262 | 262 |
<span class="snf-checkbox-unchecked"></span> |
263 | 263 |
</div> |
264 | 264 |
<div class="img-wrap"> |
265 |
<span class="snf-network_full"></span>
|
|
265 |
<span class="snf-network-full"></span>
|
|
266 | 266 |
</div> |
267 | 267 |
<h4>Network Name</h4> |
268 | 268 |
<div class="tags"> |
... | ... | |
299 | 299 |
<span class="snf-checkbox-unchecked"></span> |
300 | 300 |
</div> |
301 | 301 |
<div class="img-wrap"> |
302 |
<span class="snf-network_full"></span>
|
|
302 |
<span class="snf-network-full"></span>
|
|
303 | 303 |
</div> |
304 | 304 |
<h4>Network Name</h4> |
305 | 305 |
<div class="tags"> |
b/snf-cyclades-app/synnefo/ui/new_ui/ui/pithos_list.html | ||
---|---|---|
22 | 22 |
<li><a href="vm_list.html" data-tooltip class="has-tip" title="Machines"><span class="snf-PC"></span></a></li> |
23 | 23 |
<li><a href="network_list.html" data-tooltip class="has-tip" title="Networks"><span class="snf-network"></span></a></li> |
24 | 24 |
<li><a href="volumes_list.html" data-tooltip class="has-tip" title="Disks"><span class="snf-HDD"></span></a></li> |
25 |
<li><a href="pithos_list.html" data-tooltip class="has-tip current" title="Storage" ><span class="snf-Pithos"></span></a></li>
|
|
26 |
<li><a href="images_list.html" data-tooltip class="has-tip" title="Images"><span class="snf-images"></span></a></li>
|
|
25 |
<li><a href="pithos_list.html" data-tooltip class="has-tip current" title="Storage" ><span class="snf-pithos-outline"></span></a></li>
|
|
26 |
<li><a href="images_list.html" data-tooltip class="has-tip" title="Images"><span class="snf-image-outline"></span></a></li>
|
|
27 | 27 |
<li><a href="snapshots_list.html" data-tooltip class="has-tip" title="Snapshots"><span class="snf-snapshot"></span></a></li> |
28 |
<li><a href="" data-tooltip class="has-tip" title="More"><span class="snf-plus"></span></a></li> |
|
28 |
<li><a href="" data-tooltip class="has-tip" title="More"><span class="snf-plus-outline"></span></a></li>
|
|
29 | 29 |
</ul> |
30 | 30 |
</nav> |
31 | 31 |
<div class="login"> |
... | ... | |
100 | 100 |
<div class="date-col">23/12/12 6:23 am</div> |
101 | 101 |
<div class="actions-col"> |
102 | 102 |
<a href="" class="delete has-tip" data-tooltip title="Delete"><span class="snf-minus-sign"></span></a> |
103 |
<a href="" class="copy has-tip" data-tooltip title="Copy"><span class="snf-edit-1"></span></a>
|
|
103 |
<a href="" class="copy has-tip" data-tooltip title="Copy"><span class="snf-edit"></span></a> |
|
104 | 104 |
</div> |
105 | 105 |
</li> |
106 | 106 |
<li> |
... | ... | |
109 | 109 |
<div class="date-col">23/12/12 4:23 pm</div> |
110 | 110 |
<div class="actions-col"> |
111 | 111 |
<a href="" class="delete has-tip" data-tooltip title="Delete"><span class="snf-minus-sign"></span></a> |
112 |
<a href="" class="copy has-tip" data-tooltip title="Copy"><span class="snf-edit-1"></span></a>
|
|
112 |
<a href="" class="copy has-tip" data-tooltip title="Copy"><span class="snf-edit"></span></a> |
|
113 | 113 |
<a href="http://farm9.staticflickr.com/8235/8559402846_8b7f82e05d_b.jpg" class="show has-tip image" data-tooltip title="Copy" data-title="my Image"><span class="snf-eye"></span></a> |
114 | 114 |
</div> |
115 | 115 |
</li> |
... | ... | |
119 | 119 |
<div class="date-col">23/12/12 6:23 am</div> |
120 | 120 |
<div class="actions-col"> |
121 | 121 |
<a href="" class="delete has-tip" data-tooltip title="Delete"><span class="snf-minus-sign"></span></a> |
122 |
<a href="" class="copy has-tip" data-tooltip title="Copy"><span class="snf-edit-1"></span></a>
|
|
122 |
<a href="" class="copy has-tip" data-tooltip title="Copy"><span class="snf-edit"></span></a> |
|
123 | 123 |
<a href="http://farm9.staticflickr.com/8235/8559402846_8b7f82e05d_b.jpg" class="show has-tip image" data-tooltip title="Copy" data-title="yet another image"><span class="snf-eye"></span></a> |
124 | 124 |
</div> |
125 | 125 |
</li> |
... | ... | |
129 | 129 |
<div class="date-col">23/12/12 6:23 am</div> |
130 | 130 |
<div class="actions-col"> |
131 | 131 |
<a href="" class="delete has-tip" data-tooltip title="Delete"><span class="snf-minus-sign"></span></a> |
132 |
<a href="" class="copy has-tip" data-tooltip title="Copy"><span class="snf-edit-1"></span></a>
|
|
132 |
<a href="" class="copy has-tip" data-tooltip title="Copy"><span class="snf-edit"></span></a> |
|
133 | 133 |
</div> |
134 | 134 |
</li> |
135 | 135 |
<li> |
... | ... | |
138 | 138 |
<div class="date-col">23/12/12 6:23 am</div> |
139 | 139 |
<div class="actions-col"> |
140 | 140 |
<a href="" class="delete has-tip" data-tooltip title="Delete"><span class="snf-minus-sign"></span></a> |
141 |
<a href="" class="copy has-tip" data-tooltip title="Copy"><span class="snf-edit-1"></span></a>
|
|
141 |
<a href="" class="copy has-tip" data-tooltip title="Copy"><span class="snf-edit"></span></a> |
|
142 | 142 |
</div> |
143 | 143 |
</li> |
144 | 144 |
<li> |
... | ... | |
147 | 147 |
<div class="date-col">23/12/12 6:23 am</div> |
148 | 148 |
<div class="actions-col"> |
149 | 149 |
<a href="" class="delete has-tip" data-tooltip title="Delete"><span class="snf-minus-sign"></span></a> |
150 |
<a href="" class="copy has-tip" data-tooltip title="Copy"><span class="snf-edit-1"></span></a>
|
|
150 |
<a href="" class="copy has-tip" data-tooltip title="Copy"><span class="snf-edit"></span></a> |
|
151 | 151 |
<a href="http://farm9.staticflickr.com/8382/8558295631_0f56c1284f_b.jpg" class="show has-tip image" data-tooltip title="Copy" data-title="love this pic"><span class="snf-eye"></span></a> |
152 | 152 |
</div> |
153 | 153 |
</li> |
... | ... | |
157 | 157 |
<div class="date-col">23/12/12 6:23 am</div> |
158 | 158 |
<div class="actions-col"> |
159 | 159 |
<a href="http://www.synnefo.org/images/synnefo-logo@2x.png" class="delete has-tip" data-tooltip title="Delete"><span class="snf-minus-sign"></span></a> |
160 |
<a href="" class="copy has-tip" data-tooltip title="Copy"><span class="snf-edit-1"></span></a>
|
|
160 |
<a href="" class="copy has-tip" data-tooltip title="Copy"><span class="snf-edit"></span></a> |
|
161 | 161 |
</div> |
162 | 162 |
</li> |
163 | 163 |
<li> |
... | ... | |
166 | 166 |
<div class="date-col">23/12/12 6:23 am</div> |
167 | 167 |
<div class="actions-col"> |
168 | 168 |
<a href="http://www.synnefo.org/images/synnefo-logo@2x.png" class="delete has-tip" data-tooltip title="Delete"><span class="snf-minus-sign"></span></a> |
169 |
<a href="" class="copy has-tip" data-tooltip title="Copy"><span class="snf-edit-1"></span></a>
|
|
169 |
<a href="" class="copy has-tip" data-tooltip title="Copy"><span class="snf-edit"></span></a> |
|
170 | 170 |
</div> |
171 | 171 |
</li> |
172 | 172 |
<li> |
... | ... | |
175 | 175 |
<div class="date-col">23/12/12 6:23 am</div> |
176 | 176 |
<div class="actions-col"> |
177 | 177 |
<a href="http://www.synnefo.org/images/synnefo-logo@2x.png" class="delete has-tip" data-tooltip title="Delete"><span class="snf-minus-sign"></span></a> |
178 |
<a href="" class="copy has-tip" data-tooltip title="Copy"><span class="snf-edit-1"></span></a>
|
|
178 |
<a href="" class="copy has-tip" data-tooltip title="Copy"><span class="snf-edit"></span></a> |
|
179 | 179 |
<a href="http://farm9.staticflickr.com/8382/8558295631_0f56c1284f_b.jpg" class="show has-tip txt" data-tooltip title="Copy"><span class="snf-eye"></span></a> |
180 | 180 |
</div> |
181 | 181 |
</li> |
... | ... | |
185 | 185 |
<div class="date-col">23/12/12 6:23 am</div> |
186 | 186 |
<div class="actions-col"> |
187 | 187 |
<a href="http://www.synnefo.org/images/synnefo-logo@2x.png" class="delete has-tip" data-tooltip title="Delete"><span class="snf-minus-sign"></span></a> |
188 |
<a href="" class="copy has-tip" data-tooltip title="Copy"><span class="snf-edit-1"></span></a>
|
|
188 |
<a href="" class="copy has-tip" data-tooltip title="Copy"><span class="snf-edit"></span></a> |
|
189 | 189 |
</div> |
190 | 190 |
</li> |
191 | 191 |
</ul> |
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_connected.scss | ||
---|---|---|
28 | 28 |
text-align: center; |
29 | 29 |
float:left; |
30 | 30 |
position: relative; |
31 |
.font-icon {
|
|
31 |
.snf-font {
|
|
32 | 32 |
font-size: 60px; |
33 | 33 |
} |
34 | 34 |
} |
... | ... | |
164 | 164 |
width: $lt-width; |
165 | 165 |
text-align: center; |
166 | 166 |
margin: -20px 0 0 ; |
167 |
.font-icon{
|
|
167 |
.snf-font{
|
|
168 | 168 |
color: $link-color; |
169 |
font-size: $font-icon-size-medium;
|
|
169 |
font-size: $snf-font-size-medium;
|
|
170 | 170 |
} |
171 |
.snf-network_full {
|
|
171 |
.snf-network-full {
|
|
172 | 172 |
position: relative; |
173 | 173 |
top: -9px; |
174 | 174 |
} |
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_details.scss | ||
---|---|---|
27 | 27 |
vertical-align: middle; |
28 | 28 |
width: auto; |
29 | 29 |
height: $details-icon-large; |
30 |
.snf-PC_fill,
|
|
31 |
.snf-network_full {
|
|
30 |
.snf-pc-full,
|
|
31 |
.snf-network-full {
|
|
32 | 32 |
font-size: $details-icon-large; |
33 | 33 |
} |
34 | 34 |
.os { |
... | ... | |
93 | 93 |
width: 42%; |
94 | 94 |
vertical-align: top; |
95 | 95 |
font-weight: normal; |
96 |
.font-icon {
|
|
96 |
.snf-font {
|
|
97 | 97 |
width: 40px; |
98 | 98 |
display: inline-block; |
99 | 99 |
font-size: emCalc(24px); |
... | ... | |
193 | 193 |
&:first-child { |
194 | 194 |
margin-right: 30px; |
195 | 195 |
} |
196 |
&.font-icon{
|
|
196 |
&.snf-font{
|
|
197 | 197 |
vertical-align: middle; |
198 |
&.snf-network_full, &.snf-HDD-full {
|
|
198 |
&.snf-network-full, &.snf-volume-full {
|
|
199 | 199 |
font-size: 24px; |
200 | 200 |
color: $secondary-color; |
201 | 201 |
} |
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_items-list.scss | ||
---|---|---|
249 | 249 |
margin-left:-8px; |
250 | 250 |
top:3px; |
251 | 251 |
} |
252 |
.snf-PC_fill {
|
|
252 |
.snf-pc-full {
|
|
253 | 253 |
font-size: $list-vm-height; |
254 | 254 |
} |
255 | 255 |
} |
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_lt-sidebar.scss | ||
---|---|---|
17 | 17 |
|
18 | 18 |
.items-list { |
19 | 19 |
padding:0; |
20 |
li .img-wrap .snf-PC_fill {
|
|
20 |
li .img-wrap .snf-pc-full {
|
|
21 | 21 |
font-size: 54px; |
22 | 22 |
} |
23 | 23 |
} |
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_machines.scss | ||
---|---|---|
46 | 46 |
|
47 | 47 |
@mixin stateColor($color) { |
48 | 48 |
.img-wrap { |
49 |
.snf-PC_fill,
|
|
50 |
.snf-network_full, .font-icon {
|
|
49 |
.snf-pc-full,
|
|
50 |
.snf-network-full, .snf-font {
|
|
51 | 51 |
color:$color; |
52 | 52 |
} |
53 | 53 |
} |
... | ... | |
64 | 64 |
cursor: pointer; |
65 | 65 |
} |
66 | 66 |
} |
67 |
.snf-PC_fill,
|
|
68 |
.snf-network_full {
|
|
69 |
font-size: $font-icon-size-medium;
|
|
67 |
.snf-pc-full,
|
|
68 |
.snf-network-full {
|
|
69 |
font-size: $snf-font-size-medium;
|
|
70 | 70 |
color: $vm-active-color; |
71 | 71 |
} |
72 | 72 |
.os { |
... | ... | |
118 | 118 |
|
119 | 119 |
.building { |
120 | 120 |
.img-wrap { |
121 |
.snf-PC_fill {
|
|
121 |
.snf-pc-full {
|
|
122 | 122 |
display: block; |
123 | 123 |
overflow: hidden; |
124 | 124 |
} |
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_networks.scss | ||
---|---|---|
3 | 3 |
.networks { |
4 | 4 |
.items-list { |
5 | 5 |
.img-wrap { |
6 |
.snf-network_full {
|
|
6 |
.snf-network-full {
|
|
7 | 7 |
font-size: 60px; |
8 | 8 |
} |
9 | 9 |
} |
10 | 10 |
[data-status="active"] { |
11 | 11 |
.img-wrap { |
12 |
.snf-network_full {
|
|
12 |
.snf-network-full {
|
|
13 | 13 |
color: $secondary-color; |
14 | 14 |
} |
15 | 15 |
} |
... | ... | |
20 | 20 |
.list-view { |
21 | 21 |
.items-list { |
22 | 22 |
.img-wrap { |
23 |
.snf-network_full {
|
|
23 |
.snf-network-full {
|
|
24 | 24 |
font-size: 32px; |
25 | 25 |
} |
26 | 26 |
} |
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_settings.scss | ||
---|---|---|
166 | 166 |
// |
167 | 167 |
|
168 | 168 |
// icon-font sizes |
169 |
$font-icon-size-medium: emCalc(60px);
|
|
169 |
$snf-font-size-medium: emCalc(60px);
|
|
170 | 170 |
|
171 | 171 |
$wizard-paragraph-font-size: 10px; |
172 | 172 |
$wizard-paragraph-font-size-custom: 14px; |
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_volumes.scss | ||
---|---|---|
1 |
.items-list .img-wrap .font-icon {
|
|
1 |
.items-list .img-wrap .snf-font {
|
|
2 | 2 |
font-size: 60px; |
3 | 3 |
} |
4 |
.list-view .items-list .img-wrap .font-icon {
|
|
4 |
.list-view .items-list .img-wrap .snf-font {
|
|
5 | 5 |
font-size: 34px; |
6 | 6 |
color: #30c79e; |
7 | 7 |
} |
... | ... | |
21 | 21 |
.img-wrap { |
22 | 22 |
position: relative; |
23 | 23 |
width: 30px; |
24 |
.font-icon {
|
|
24 |
.snf-font {
|
|
25 | 25 |
font-size: 30px; |
26 | 26 |
} |
27 | 27 |
.os{ |
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_wizards.scss | ||
---|---|---|
250 | 250 |
margin-bottom:emCalc(8px); |
251 | 251 |
color:white; |
252 | 252 |
vertical-align: top; |
253 |
.font-icon {
|
|
253 |
.snf-font {
|
|
254 | 254 |
display: block; |
255 | 255 |
width:60px; |
256 | 256 |
font-size:38px; |
... | ... | |
509 | 509 |
position: relative; |
510 | 510 |
span { |
511 | 511 |
position: relative; |
512 |
&.snf-modem {
|
|
512 |
&.snf-router-outline {
|
|
513 | 513 |
top:-1px; |
514 | 514 |
} |
515 | 515 |
&.snf-www { |
516 | 516 |
top:6px; |
517 | 517 |
} |
518 |
&.snf-network_full {
|
|
518 |
&.snf-network-full {
|
|
519 | 519 |
top:5px; |
520 | 520 |
} |
521 | 521 |
&.temp-line { |
... | ... | |
806 | 806 |
margin-bottom:emCalc(8px); |
807 | 807 |
color:white; |
808 | 808 |
vertical-align: top; |
809 |
.font-icon {
|
|
809 |
.snf-font {
|
|
810 | 810 |
display: block; |
811 | 811 |
width:60px; |
812 | 812 |
font-size:38px; |
b/snf-cyclades-app/synnefo/ui/new_ui/ui/snapshots_list.html | ||
---|---|---|
24 | 24 |
<li><a href="vm_list.html" data-tooltip class="has-tip" title="Machines"><span class="snf-PC"></span></a></li> |
25 | 25 |
<li><a href="network_list.html" data-tooltip class="has-tip" title="Networks"><span class="snf-network"></span></a></li> |
26 | 26 |
<li><a href="volumes_list.html" data-tooltip class="has-tip" title="Volumes"><span class="snf-HDD"></span></a></li> |
27 |
<li><a href="pithos_list.html" data-tooltip class="has-tip" title="Storage" ><span class="snf-Pithos"></span></a></li>
|
|
28 |
<li><a href="images_list.html" data-tooltip class="has-tip" title="Images" ><span class="snf-images"></span></a></li>
|
|
27 |
<li><a href="pithos_list.html" data-tooltip class="has-tip" title="Storage" ><span class="snf-pithos-outline"></span></a></li>
|
|
28 |
<li><a href="images_list.html" data-tooltip class="has-tip" title="Images" ><span class="snf-image-outline"></span></a></li>
|
|
29 | 29 |
<li><a href="snapshots_list.html" data-tooltip class="has-tip current" title="Snapshots" ><span class="snf-snapshot-full"></span></a></li> |
30 |
<li><a href="" data-tooltip class="has-tip" title="More" ><span class="snf-plus"></span></a></li> |
|
30 |
<li><a href="" data-tooltip class="has-tip" title="More" ><span class="snf-plus-outline"></span></a></li>
|
|
31 | 31 |
</ul> |
32 | 32 |
</nav> |
33 | 33 |
<div class="login"> |
... | ... | |
129 | 129 |
<span class="snf-checkbox-unchecked"></span> |
130 | 130 |
</div> |
131 | 131 |
<div class="img-wrap"> |
132 |
<span class="snf-snapshot-full font-icon"></span>
|
|
132 |
<span class="snf-snapshot-full snf-font"></span>
|
|
133 | 133 |
</div> |
134 | 134 |
<h4>New Snapshot</h4> |
135 | 135 |
</div> |
... | ... | |
164 | 164 |
<span class="snf-checkbox-unchecked"></span> |
165 | 165 |
</div> |
166 | 166 |
<div class="img-wrap"> |
167 |
<span class="font-icon snf-snapshot-full"></span>
|
|
167 |
<span class="snf-font snf-snapshot-full"></span>
|
|
168 | 168 |
</div> |
169 | 169 |
<h4>Snapshot Name</h4> |
170 | 170 |
<div class="tags"> |
... | ... | |
201 | 201 |
<span class="snf-checkbox-unchecked"></span> |
202 | 202 |
</div> |
203 | 203 |
<div class="img-wrap"> |
204 |
<span class="font-icon snf-snapshot-full"></span>
|
|
204 |
<span class="snf-font snf-snapshot-full"></span>
|
|
205 | 205 |
</div> |
206 | 206 |
<h4>Snapshot Name</h4> |
207 | 207 |
<div class="tags"> |
b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css | ||
---|---|---|
7767 | 7767 |
top: 3px; |
7768 | 7768 |
} |
7769 | 7769 |
/* line 252, ../sass/_items-list.scss */ |
7770 |
.list-view .items-list > li .img-wrap .snf-PC_fill {
|
|
7770 |
.list-view .items-list > li .img-wrap .snf-pc-full {
|
|
7771 | 7771 |
font-size: 34px; |
7772 | 7772 |
} |
7773 | 7773 |
/* line 256, ../sass/_items-list.scss */ |
... | ... | |
7909 | 7909 |
height: 90px; |
7910 | 7910 |
} |
7911 | 7911 |
/* line 31, ../sass/_details.scss */ |
7912 |
.details .top .img-wrap .snf-PC_fill,
|
|
7913 |
.details .top .img-wrap .snf-network_full {
|
|
7912 |
.details .top .img-wrap .snf-pc-full,
|
|
7913 |
.details .top .img-wrap .snf-network-full {
|
|
7914 | 7914 |
font-size: 90px; |
7915 | 7915 |
} |
7916 | 7916 |
/* line 34, ../sass/_details.scss */ |
... | ... | |
8005 | 8005 |
font-weight: normal; |
8006 | 8006 |
} |
8007 | 8007 |
/* line 96, ../sass/_details.scss */ |
8008 |
.details .info-simple .info-block dl dt .font-icon {
|
|
8008 |
.details .info-simple .info-block dl dt .snf-font {
|
|
8009 | 8009 |
width: 40px; |
8010 | 8010 |
display: inline-block; |
8011 | 8011 |
font-size: 1.5em; |
... | ... | |
8129 | 8129 |
margin-right: 30px; |
8130 | 8130 |
} |
8131 | 8131 |
/* line 196, ../sass/_details.scss */ |
8132 |
.list-availables ul li span.font-icon {
|
|
8132 |
.list-availables ul li span.snf-font {
|
|
8133 | 8133 |
vertical-align: middle; |
8134 | 8134 |
} |
8135 | 8135 |
/* line 198, ../sass/_details.scss */ |
8136 |
.list-availables ul li span.font-icon.snf-network_full, .list-availables ul li span.font-icon.snf-HDD-full {
|
|
8136 |
.list-availables ul li span.snf-font.snf-network-full, .list-availables ul li span.snf-font.snf-volume-full {
|
|
8137 | 8137 |
font-size: 24px; |
8138 | 8138 |
color: #30c79e; |
8139 | 8139 |
} |
... | ... | |
8163 | 8163 |
padding: 0; |
8164 | 8164 |
} |
8165 | 8165 |
/* line 20, ../sass/_lt-sidebar.scss */ |
8166 |
.lt-sidebar .items-list li .img-wrap .snf-PC_fill {
|
|
8166 |
.lt-sidebar .items-list li .img-wrap .snf-pc-full {
|
|
8167 | 8167 |
font-size: 54px; |
8168 | 8168 |
} |
8169 | 8169 |
/* line 26, ../sass/_lt-sidebar.scss */ |
... | ... | |
8518 | 8518 |
cursor: pointer; |
8519 | 8519 |
} |
8520 | 8520 |
/* line 68, ../sass/_machines.scss */ |
8521 |
.img-wrap .snf-PC_fill,
|
|
8522 |
.img-wrap .snf-network_full {
|
|
8521 |
.img-wrap .snf-pc-full,
|
|
8522 |
.img-wrap .snf-network-full {
|
|
8523 | 8523 |
font-size: 3.75em; |
8524 | 8524 |
color: #30c79e; |
8525 | 8525 |
} |
... | ... | |
8563 | 8563 |
} |
8564 | 8564 |
|
8565 | 8565 |
/* line 50, ../sass/_machines.scss */ |
8566 |
.running .img-wrap .snf-PC_fill,
|
|
8567 |
.running .img-wrap .snf-network_full, .running .img-wrap .font-icon {
|
|
8566 |
.running .img-wrap .snf-pc-full,
|
|
8567 |
.running .img-wrap .snf-network-full, .running .img-wrap .snf-font {
|
|
8568 | 8568 |
color: #30c79e; |
8569 | 8569 |
} |
8570 | 8570 |
/* line 54, ../sass/_machines.scss */ |
... | ... | |
8573 | 8573 |
} |
8574 | 8574 |
|
8575 | 8575 |
/* line 50, ../sass/_machines.scss */ |
8576 |
.off .img-wrap .snf-PC_fill,
|
|
8577 |
.off .img-wrap .snf-network_full, .off .img-wrap .font-icon {
|
|
8576 |
.off .img-wrap .snf-pc-full,
|
|
8577 |
.off .img-wrap .snf-network-full, .off .img-wrap .snf-font {
|
|
8578 | 8578 |
color: #4a5158; |
8579 | 8579 |
} |
8580 | 8580 |
/* line 54, ../sass/_machines.scss */ |
... | ... | |
8583 | 8583 |
} |
8584 | 8584 |
|
8585 | 8585 |
/* line 50, ../sass/_machines.scss */ |
8586 |
.error .img-wrap .snf-PC_fill,
|
|
8587 |
.error .img-wrap .snf-network_full, .error .img-wrap .font-icon {
|
|
8586 |
.error .img-wrap .snf-pc-full,
|
|
8587 |
.error .img-wrap .snf-network-full, .error .img-wrap .snf-font {
|
|
8588 | 8588 |
color: #ff4040; |
8589 | 8589 |
} |
8590 | 8590 |
/* line 54, ../sass/_machines.scss */ |
... | ... | |
8593 | 8593 |
} |
8594 | 8594 |
|
8595 | 8595 |
/* line 50, ../sass/_machines.scss */ |
8596 |
.shutting .img-wrap .snf-PC_fill,
|
|
8597 |
.shutting .img-wrap .snf-network_full, .shutting .img-wrap .font-icon {
|
|
8596 |
.shutting .img-wrap .snf-pc-full,
|
|
8597 |
.shutting .img-wrap .snf-network-full, .shutting .img-wrap .snf-font {
|
|
8598 | 8598 |
color: #666c6b; |
8599 | 8599 |
} |
8600 | 8600 |
/* line 54, ../sass/_machines.scss */ |
... | ... | |
8603 | 8603 |
} |
8604 | 8604 |
|
8605 | 8605 |
/* line 50, ../sass/_machines.scss */ |
8606 |
.starting .img-wrap .snf-PC_fill,
|
|
8607 |
.starting .img-wrap .snf-network_full, .starting .img-wrap .font-icon {
|
|
8606 |
.starting .img-wrap .snf-pc-full,
|
|
8607 |
.starting .img-wrap .snf-network-full, .starting .img-wrap .snf-font {
|
|
8608 | 8608 |
color: #566db1; |
8609 | 8609 |
} |
8610 | 8610 |
/* line 54, ../sass/_machines.scss */ |
... | ... | |
8613 | 8613 |
} |
8614 | 8614 |
|
8615 | 8615 |
/* line 50, ../sass/_machines.scss */ |
8616 |
.rebooting .img-wrap .snf-PC_fill,
|
|
8617 |
.rebooting .img-wrap .snf-network_full, .rebooting .img-wrap .font-icon {
|
|
8616 |
.rebooting .img-wrap .snf-pc-full,
|
|
8617 |
.rebooting .img-wrap .snf-network-full, .rebooting .img-wrap .snf-font {
|
|
8618 | 8618 |
color: #ffc54a; |
8619 | 8619 |
} |
8620 | 8620 |
/* line 54, ../sass/_machines.scss */ |
... | ... | |
8623 | 8623 |
} |
8624 | 8624 |
|
8625 | 8625 |
/* line 50, ../sass/_machines.scss */ |
8626 |
.building .img-wrap .snf-PC_fill,
|
|
8627 |
.building .img-wrap .snf-network_full, .building .img-wrap .font-icon {
|
|
8626 |
.building .img-wrap .snf-pc-full,
|
|
8627 |
.building .img-wrap .snf-network-full, .building .img-wrap .snf-font {
|
|
8628 | 8628 |
color: #30c79e; |
8629 | 8629 |
} |
8630 | 8630 |
/* line 54, ../sass/_machines.scss */ |
... | ... | |
8633 | 8633 |
} |
8634 | 8634 |
|
8635 | 8635 |
/* line 121, ../sass/_machines.scss */ |
8636 |
.building .img-wrap .snf-PC_fill {
|
|
8636 |
.building .img-wrap .snf-pc-full {
|
|
8637 | 8637 |
display: block; |
8638 | 8638 |
overflow: hidden; |
8639 | 8639 |
} |
... | ... | |
8668 | 8668 |
|
8669 | 8669 |
/* Networks related styles */ |
8670 | 8670 |
/* line 6, ../sass/_networks.scss */ |
8671 |
.networks .items-list .img-wrap .snf-network_full {
|
|
8671 |
.networks .items-list .img-wrap .snf-network-full {
|
|
8672 | 8672 |
font-size: 60px; |
8673 | 8673 |
} |
8674 | 8674 |
/* line 12, ../sass/_networks.scss */ |
8675 |
.networks .items-list [data-status="active"] .img-wrap .snf-network_full {
|
|
8675 |
.networks .items-list [data-status="active"] .img-wrap .snf-network-full {
|
|
8676 | 8676 |
color: #30c79e; |
8677 | 8677 |
} |
8678 | 8678 |
|
8679 | 8679 |
/* line 23, ../sass/_networks.scss */ |
8680 |
.list-view .items-list .img-wrap .snf-network_full {
|
|
8680 |
.list-view .items-list .img-wrap .snf-network-full {
|
|
8681 | 8681 |
font-size: 32px; |
8682 | 8682 |
} |
8683 | 8683 |
|
... | ... | |
9184 | 9184 |
vertical-align: top; |
9185 | 9185 |
} |
9186 | 9186 |
/* line 253, ../sass/_wizards.scss */ |
9187 |
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .title .font-icon {
|
|
9187 |
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .title .snf-font {
|
|
9188 | 9188 |
display: block; |
9189 | 9189 |
width: 60px; |
9190 | 9190 |
font-size: 38px; |
... | ... | |
9465 | 9465 |
position: relative; |
9466 | 9466 |
} |
9467 | 9467 |
/* line 512, ../sass/_wizards.scss */ |
9468 |
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span.snf-modem {
|
|
9468 |
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span.snf-router-outline {
|
|
9469 | 9469 |
top: -1px; |
9470 | 9470 |
} |
9471 | 9471 |
/* line 515, ../sass/_wizards.scss */ |
... | ... | |
9473 | 9473 |
top: 6px; |
9474 | 9474 |
} |
9475 | 9475 |
/* line 518, ../sass/_wizards.scss */ |
9476 |
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span.snf-network_full {
|
|
9476 |
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span.snf-network-full {
|
|
9477 | 9477 |
top: 5px; |
9478 | 9478 |
} |
9479 | 9479 |
/* line 521, ../sass/_wizards.scss */ |
... | ... | |
9790 | 9790 |
vertical-align: top; |
9791 | 9791 |
} |
9792 | 9792 |
/* line 809, ../sass/_wizards.scss */ |
9793 |
#volume-wizard .step .volume_options > li .title .font-icon {
|
|
9793 |
#volume-wizard .step .volume_options > li .title .snf-font {
|
|
9794 | 9794 |
display: block; |
9795 | 9795 |
width: 60px; |
9796 | 9796 |
font-size: 38px; |
... | ... | |
10317 | 10317 |
} |
10318 | 10318 |
|
10319 | 10319 |
/* line 1, ../sass/_volumes.scss */ |
10320 |
.items-list .img-wrap .font-icon {
|
|
10320 |
.items-list .img-wrap .snf-font {
|
|
10321 | 10321 |
font-size: 60px; |
10322 | 10322 |
} |
10323 | 10323 |
|
10324 | 10324 |
/* line 4, ../sass/_volumes.scss */ |
10325 |
.list-view .items-list .img-wrap .font-icon {
|
|
10325 |
.list-view .items-list .img-wrap .snf-font {
|
|
10326 | 10326 |
font-size: 34px; |
10327 | 10327 |
color: #30c79e; |
10328 | 10328 |
} |
... | ... | |
10351 | 10351 |
width: 30px; |
10352 | 10352 |
} |
10353 | 10353 |
/* line 24, ../sass/_volumes.scss */ |
10354 |
.wizard .vms-list > li .img-wrap .font-icon {
|
|
10354 |
.wizard .vms-list > li .img-wrap .snf-font {
|
|
10355 | 10355 |
font-size: 30px; |
10356 | 10356 |
} |
10357 | 10357 |
/* line 27, ../sass/_volumes.scss */ |
... | ... | |
10390 | 10390 |
position: relative; |
10391 | 10391 |
} |
10392 | 10392 |
/* line 31, ../sass/_connected.scss */ |
10393 |
.connected .item .what .img-wrap .font-icon {
|
|
10393 |
.connected .item .what .img-wrap .snf-font {
|
|
10394 | 10394 |
font-size: 60px; |
10395 | 10395 |
} |
10396 | 10396 |
/* line 35, ../sass/_connected.scss */ |
... | ... | |
10542 | 10542 |
margin: -20px 0 0; |
10543 | 10543 |
} |
10544 | 10544 |
/* line 167, ../sass/_connected.scss */ |
10545 |
.connect-new .img-wrap > a .font-icon {
|
|
10545 |
.connect-new .img-wrap > a .snf-font {
|
|
10546 | 10546 |
color: #485057; |
10547 | 10547 |
font-size: 3.75em; |
10548 | 10548 |
} |
10549 | 10549 |
/* line 171, ../sass/_connected.scss */ |
10550 |
.connect-new .img-wrap > a .snf-network_full {
|
|
10550 |
.connect-new .img-wrap > a .snf-network-full {
|
|
10551 | 10551 |
position: relative; |
10552 | 10552 |
top: -9px; |
10553 | 10553 |
} |
b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/font_custom.css | ||
---|---|---|
28 | 28 |
you can use the generic selector below, but it"s slower: |
29 | 29 |
[class*="snf-"] { |
30 | 30 |
*/ |
31 |
.snf-font, .snf-custom-checkbox, .snf-twitter-off-black, .snf-cancel-circled, .snf-checkbox-checked, .snf-checkbox-unchecked, .snf-ok, .snf-ban-circle, .snf-ok-sign, .snf-minus-sign, .snf-edit-1, .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-gridview, .snf-images, .snf-listview, .snf-plus, .snf-search, .snf-snapshot, .snf-switch, .snf-lightning, .snf-info_outline, .snf-info_filled, .snf-nic-outline, .snf-ram-full, .snf-nic-full, .snf-snapshot-full, .snf-images, .snf-HDD-full{
|
|
31 |
.snf-font, .snf-custom-checkbox, .snf-twitter-logo, .snf-cancel-circled, .snf-checkbox-checked, .snf-checkbox-unchecked, .snf-ok, .snf-ban-circle, .snf-ok-sign, .snf-minus-sign, .snf-edit, .snf-HDD, .snf-network, .snf-PC, .snf-pc-full, .snf-pithos-outline, .snf-dashboard-outline, .snf-eye, .snf-radio-checked, .snf-radio-unchecked, .snf-close, .snf-chip-outline, .snf-lock_closed, .snf-lock_open, .snf-router-outline, .snf-www, .snf-ram, .snf-network-full, .snf-arrow-up, .snf-arrow-down, .snf-gridview, .snf-image-outline, .snf-listview, .snf-plus, .snf-search, .snf-snapshot, .snf-switch, .snf-thunder-full, .snf-info-outline, .snf-info-full, .snf-nic-outline, .snf-ram-full, .snf-nic-full, .snf-snapshot-full, .snf-image-outline, .snf-volume-full{
|
|
32 | 32 |
font-family: "snf-font"; |
33 | 33 |
speak: none; |
34 | 34 |
font-style: normal; |
... | ... | |
38 | 38 |
line-height: 1; |
39 | 39 |
-webkit-font-smoothing: antialiased; |
40 | 40 |
} |
41 |
.snf-twitter-off-black:before { |
|
42 |
content: "\67"; |
|
43 |
} |
|
44 |
.snf-cancel-circled:before { |
|
45 |
content: "\63"; |
|
46 |
} |
|
47 |
.snf-checkbox-checked:before { |
|
48 |
content: "\62"; |
|
49 |
} |
|
50 |
.snf-checkbox-unchecked:before { |
|
51 |
content: "\61"; |
|
52 |
} |
|
53 |
.snf-ok:before { |
|
54 |
content: "\68"; |
|
55 |
} |
|
56 |
.snf-ban-circle:before { |
|
57 |
content: "\6a"; |
|
58 |
} |
|
59 |
.snf-ok-sign:before { |
|
60 |
content: "\6c"; |
|
61 |
} |
|
62 |
.snf-minus-sign:before { |
|
63 |
content: "\6e"; |
|
64 |
} |
|
65 |
.snf-edit-1:before { |
|
66 |
content: "\71"; |
Also available in: Unified diff