diff -r 01ad654237d5 -r 3f71ad81a5a9 client/src/scss/components/_Navbar.scss --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/client/src/scss/components/_Navbar.scss Tue Dec 04 18:17:56 2018 +0100 @@ -0,0 +1,104 @@ +.offline-message { + font-size: .9rem; +} + +.sync-button { + cursor: pointer; +} + +.sync-button-synchronizing { + color: lightgreen; +} + +.sync-button-not-synchronized { + color: orange; +} + +.username#navbarDropdown { + font-size: 1.4rem; +} + +.nav-link { + font-size: 1.2rem; +} + +.dropdown-toggle{ + cursor: pointer; +} + +.dropdown-item { + font-size: 1.1rem; + cursor: pointer; +} + +#group-menu-scroll-down { + height: auto; + max-height: 800%; + overflow-y: scroll; +} + +.create-group { + font-size: .9rem; +} + +.nav-link .dropdown-toggle .username .font-weight-bold { + font-size: 1.1rem; +} + +#logout-modal{ + -webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */ + -moz-animation: fadein 0.5s; /* Firefox < 16 */ + -ms-animation: fadein 0.5s; /* Internet Explorer */ + -o-animation: fadein 0.5s; /* Opera < 12.1 */ + animation: fadein 0.5s; +} + +@keyframes fadein { + from { opacity: 0; } + to { opacity: 1; } +} + +/* Firefox < 16 */ +@-moz-keyframes fadein { + from { opacity: 0; } + to { opacity: 1; } +} + +/* Safari, Chrome and Opera > 12.1 */ +@-webkit-keyframes fadein { + from { opacity: 0; } + to { opacity: 1; } +} + +/* Internet Explorer */ +@-ms-keyframes fadein { + from { opacity: 0; } + to { opacity: 1; } +} + +/* Opera < 12.1 */ +@-o-keyframes fadein { + from { opacity: 0; } + to { opacity: 1; } +} + +#logout-close-modal-button{ + background-color: transparent; + border: transparent; + color: rgba(#769FED, .4); + cursor: pointer; +} + +#logout-close-modal-button:hover{ + background-color: transparent; + border: transparent; + color:black; +} + +.modal-warning{ + font-size: 4rem; +} + +#logout-modal-button { + font-size: .9rem; +}