#bottombar { position: fixed; z-index: 5; width: 100%; height: 18px; left: 0; bottom: 0; padding: 6px 0 8px 0; // .vert-gradient(rgb(241,241,241), rgb(228,228,228)); background-color: @col-widget-back; border-top: @border-widget; // .box-shadow(0 -2px 4px 0 rgba(0, 0, 0, 0.15); color: #999; text-align: center; a, a:active, a:visited { color: #555; text-decoration: none; .transition(all 0.2s ease-in-out); opacity: 0.7; &:hover { color: @col-hover; opacity: 1; } } .left { position: absolute; left: 0; display: block; padding: 0 8px; } .center { display: block; } .right { position: absolute; right: 0; display: block; padding: 0 8px; } .noJsMsg { color: @col-error; margin-left: 16px; } .oldBrowser { display: none; color: @col-error; margin-left: 16px; a, a:active, a:visited { color: @col-error; text-decoration: underline; &:hover { color: @col-hover; } } } .status { .sep { display: inline-block; padding: 0 6px; &:before { content: 'ยท' } } &.default { } &.dynamic { display: none; } } }