1#footer { 2 position: fixed; 3 bottom: 0; 4 z-index: 600; 5 display: block; 6 width: 100%; 7 height: 50px; 8 line-height: 50px; 9 color: #aaa; 10 background-color: rgba(#000, 0.8); 11 @include animate(fadeInUp, 0.3s); 12 13 a { 14 color: #ccc; 15 } 16 17 &.hide { 18 display: none !important; 19 } 20 21 #go-top { 22 position: fixed; 23 right: 10px; 24 bottom: 10px; 25 z-index: 9003; 26 display: block; 27 width: 30px; 28 height: 30px; 29 padding: 0 6px; 30 margin: -2px 0 0; 31 font-size: 16px; 32 line-height: 30px; 33 color: #fff; 34 text-align: center; 35 text-decoration: none; 36 cursor: pointer; 37 background-color: $main-color; 38 @include right(10px); 39 40 &:hover { 41 background-color: $brand-primary; 42 } 43 } 44 45 a.footer_link { 46 color: $brand-primary; 47 48 &:hover { 49 color: #fff; 50 text-decoration: none; 51 } 52 53 i { 54 font-size: $icon-size-base; 55 color: #fff; 56 } 57 } 58 59 .footer-contact { 60 padding: 7px 0 0; 61 overflow: hidden; 62 line-height: 35px; 63 text-overflow: ellipsis; 64 white-space: nowrap; 65 @include margin(0,0,6px,6px); 66 67 strong { 68 font-weight: 400; 69 color: #fff; 70 } 71 } 72} 73 74a.link-social { 75 i { 76 display: inline-block; 77 width: 24px; 78 height: 24px; 79 font-size: 14px; 80 line-height: 24px !important; 81 text-align: center; 82 @include margin(0, 4px, 0, 0); 83 @include border-radius(30px); 84 } 85 86 &:hover { 87 text-decoration: none; 88 } 89} 90 91.link-youtube i { 92 color: #fff; 93 background-color: #f00; 94 95 &:hover { 96 color: #f00; 97 background-color: #fff; 98 } 99} 100 101.link-twitter i { 102 color: #fff; 103 background-color: #7cceef; 104 105 &:hover { 106 color: #7cceef; 107 background-color: #fff; 108 } 109} 110 111.link-facebook i { 112 color: #fff; 113 background-color: #557dbb; 114 115 &:hover { 116 color: #557dbb; 117 background-color: #fff; 118 } 119} 120 121.link-github i { 122 color: #000; 123 background-color: #fff; 124 125 &:hover { 126 color: #fff; 127 background-color: #000; 128 } 129} 130 131.status-page-dot { 132 &.operational { 133 color: #2ecc71 !important; 134 } 135 136 &.degraded_performance { 137 color: #f1c40f !important; 138 } 139 140 &.partial_outage { 141 color: #e67e22 !important; 142 } 143 144 &.major_outage { 145 color: #e74c3c !important; 146 } 147} 148