root / snf-cyclades-app / synnefo / ui / new_ui / ui / sass / icons.scss @ a4784878
History | View | Annotate | Download (1.5 kB)
| 1 | a4784878 | Athina Bekakou | // Global Foundation Settings |
|---|---|---|---|
| 2 | a4784878 | Athina Bekakou | @import "settings"; |
| 3 | a4784878 | Athina Bekakou | |
| 4 | a4784878 | Athina Bekakou | //colors for main icons (icons of networks and vms) |
| 5 | a4784878 | Athina Bekakou | |
| 6 | a4784878 | Athina Bekakou | $vm-active-color: #75c046; |
| 7 | a4784878 | Athina Bekakou | $vm-stopped-color: #e00e63; |
| 8 | a4784878 | Athina Bekakou | $network-color: #79c79e; |
| 9 | a4784878 | Athina Bekakou | |
| 10 | a4784878 | Athina Bekakou | |
| 11 | a4784878 | Athina Bekakou | // menu1 is the simple menu and it is used on vm list |
| 12 | a4784878 | Athina Bekakou | .menu1 {
|
| 13 | a4784878 | Athina Bekakou | ul {
|
| 14 | a4784878 | Athina Bekakou | li {
|
| 15 | a4784878 | Athina Bekakou | margin-right: 9px; |
| 16 | a4784878 | Athina Bekakou | a {
|
| 17 | a4784878 | Athina Bekakou | .snf-font {
|
| 18 | a4784878 | Athina Bekakou | font-size: 25px; |
| 19 | a4784878 | Athina Bekakou | color: $black; |
| 20 | a4784878 | Athina Bekakou | } |
| 21 | a4784878 | Athina Bekakou | &:hover {
|
| 22 | a4784878 | Athina Bekakou | span {
|
| 23 | a4784878 | Athina Bekakou | color: $secondary-color; |
| 24 | a4784878 | Athina Bekakou | } |
| 25 | a4784878 | Athina Bekakou | } |
| 26 | a4784878 | Athina Bekakou | } |
| 27 | a4784878 | Athina Bekakou | } |
| 28 | a4784878 | Athina Bekakou | } |
| 29 | a4784878 | Athina Bekakou | } |
| 30 | a4784878 | Athina Bekakou | |
| 31 | a4784878 | Athina Bekakou | |
| 32 | a4784878 | Athina Bekakou | // menu2 is bold and gray and it is used on nets list |
| 33 | a4784878 | Athina Bekakou | |
| 34 | a4784878 | Athina Bekakou | |
| 35 | a4784878 | Athina Bekakou | .menu2 {
|
| 36 | a4784878 | Athina Bekakou | ul {
|
| 37 | a4784878 | Athina Bekakou | li {
|
| 38 | a4784878 | Athina Bekakou | margin-right: 9px; |
| 39 | a4784878 | Athina Bekakou | a {
|
| 40 | a4784878 | Athina Bekakou | .snf-font {
|
| 41 | a4784878 | Athina Bekakou | font-size: 25px; |
| 42 | a4784878 | Athina Bekakou | font-weight: bold; |
| 43 | a4784878 | Athina Bekakou | color: $primary-color; |
| 44 | a4784878 | Athina Bekakou | } |
| 45 | a4784878 | Athina Bekakou | &:hover {
|
| 46 | a4784878 | Athina Bekakou | span {
|
| 47 | a4784878 | Athina Bekakou | color: $secondary-color; |
| 48 | a4784878 | Athina Bekakou | } |
| 49 | a4784878 | Athina Bekakou | } |
| 50 | a4784878 | Athina Bekakou | } |
| 51 | a4784878 | Athina Bekakou | } |
| 52 | a4784878 | Athina Bekakou | } |
| 53 | a4784878 | Athina Bekakou | } |
| 54 | a4784878 | Athina Bekakou | // no style at all... margins as before, used at pithos |
| 55 | a4784878 | Athina Bekakou | |
| 56 | a4784878 | Athina Bekakou | |
| 57 | a4784878 | Athina Bekakou | .menu3 {
|
| 58 | a4784878 | Athina Bekakou | ul {
|
| 59 | a4784878 | Athina Bekakou | li {
|
| 60 | a4784878 | Athina Bekakou | a {
|
| 61 | a4784878 | Athina Bekakou | .snf-font {
|
| 62 | a4784878 | Athina Bekakou | font-size: 25px; |
| 63 | a4784878 | Athina Bekakou | color: $primary-color; |
| 64 | a4784878 | Athina Bekakou | } |
| 65 | a4784878 | Athina Bekakou | } |
| 66 | a4784878 | Athina Bekakou | } |
| 67 | a4784878 | Athina Bekakou | } |
| 68 | a4784878 | Athina Bekakou | } |
| 69 | a4784878 | Athina Bekakou | |
| 70 | a4784878 | Athina Bekakou | |
| 71 | a4784878 | Athina Bekakou | //main icons |
| 72 | a4784878 | Athina Bekakou | |
| 73 | a4784878 | Athina Bekakou | |
| 74 | a4784878 | Athina Bekakou | |
| 75 | a4784878 | Athina Bekakou | body .items-list .img.running, body .vms .items-list .img.stopped{
|
| 76 | a4784878 | Athina Bekakou | background: none; |
| 77 | a4784878 | Athina Bekakou | text-indent: 0; |
| 78 | a4784878 | Athina Bekakou | width: 60px; |
| 79 | a4784878 | Athina Bekakou | height: 60px; |
| 80 | a4784878 | Athina Bekakou | } |
| 81 | a4784878 | Athina Bekakou | |
| 82 | a4784878 | Athina Bekakou | body .img .snf-font {
|
| 83 | a4784878 | Athina Bekakou | font-size: 60px; |
| 84 | a4784878 | Athina Bekakou | } |
| 85 | a4784878 | Athina Bekakou | |
| 86 | a4784878 | Athina Bekakou | body .networks .img .snf-font.bolding {
|
| 87 | a4784878 | Athina Bekakou | font-weight: bold; |
| 88 | a4784878 | Athina Bekakou | font-size: 57px; |
| 89 | a4784878 | Athina Bekakou | top: 6px; |
| 90 | a4784878 | Athina Bekakou | } |
| 91 | a4784878 | Athina Bekakou | body .networks .img .snf-font {
|
| 92 | a4784878 | Athina Bekakou | position: relative; |
| 93 | a4784878 | Athina Bekakou | top: 2px; |
| 94 | a4784878 | Athina Bekakou | } |
| 95 | a4784878 | Athina Bekakou | |
| 96 | a4784878 | Athina Bekakou | body .networks .running .snf-font {
|
| 97 | a4784878 | Athina Bekakou | color: $network-color; |
| 98 | a4784878 | Athina Bekakou | } |
| 99 | a4784878 | Athina Bekakou | |
| 100 | a4784878 | Athina Bekakou | body .running .snf-font {
|
| 101 | a4784878 | Athina Bekakou | color: $vm-active-color; |
| 102 | a4784878 | Athina Bekakou | } |
| 103 | a4784878 | Athina Bekakou | |
| 104 | a4784878 | Athina Bekakou | |
| 105 | a4784878 | Athina Bekakou | body .stopped .snf-font {
|
| 106 | a4784878 | Athina Bekakou | color: $vm-stopped-color; |
| 107 | a4784878 | Athina Bekakou | } |
| 108 | a4784878 | Athina Bekakou | |
| 109 | a4784878 | Athina Bekakou | |
| 110 | a4784878 | Athina Bekakou | body .vms .items-list .img .os {
|
| 111 | a4784878 | Athina Bekakou | left:19px; |
| 112 | a4784878 | Athina Bekakou | } |