digitaldemocratic/dd-sso/docker/keycloak/themes/dd/account/resources/css/style.css

199 lines
4.4 KiB
CSS

#body-user, #body-settings, #body-public {
font-family: 'Montserrat', sans-serif;
color: #262626;
}
#body-user #app-dashboard>h2, #body-settings #app-dashboard>h2, #body-public #app-dashboard>h2 {
color: #262626;
}
#body-user header#header, #body-settings header#header, #body-public header#header {
background-color: white !important;
box-shadow: 0 2px 4px #00000014;
border-bottom: 1px solid #262626;
background-image: inherit;
}
#theming-preview-logo, #header #nextcloud {
padding-left: 64px;
}
#navbar-nextcloud #unified-search {
margin-right: 16px;
}
#navbar-nextcloud #unified-search svg {
fill: black;
width: 16px;
height: 16px;
}
#navbar-nextcloud #unified-search a.header-menu__trigger .magnify-icon {
width: 16px;
height: 16px;
}
#navbar-nextcloud #unified-search.header-menu.unified-search a.header-menu__trigger {
width: auto;
}
#navbar-nextcloud #unified-search a.header-menu__trigger {
opacity: 1;
}
#navbar-nextcloud #unified-search #header-menu-unified-search div.header-menu__carret {
right: 205px;
}
#navbar-nextcloud .notifications .notifications-button {
opacity: 1;
}
#navbar-nextcloud .notifications .notifications-button img.svg {
filter: invert(100%)
}
#navbar-nextcloud .notifications .notifications-button.menutoggle {
margin-right: 16px;
width: auto;
}
#navbar-nextcloud #contactsmenu .icon-contacts {
background-image: var(--icon-contacts-000);
opacity: 1;
margin-right: 16px;
width: auto;
}
#navbar-nextcloud #settings #expand {
width: 39px;
padding-right: 16px;
}
#navbar-nextcloud #settings #expand .avatardiv {
height: 39px;
width: 39px;
}
#navbar-nextcloud #settings #expand .avatardiv img {
height: 39px;
width: 39px;
}
#body-user div#content div#app-dashboard, #body-settings div#content div#app-dashboard, #body-public div#content div#app-dashboard {
background-image: none !important;
background-color: #F0F0F0!important;
}
#body-user div#app-navigation, #body-settings div#app-navigation, #body-public div#app-navigation {
color: #262626 !important;
}
#header .header-menu__wrapper[data-v-a58f012a] {
top: 65px;
}
#header #navbar-menu-apps #menu-apps-btn #dropdownMenuAppsButton {
cursor: pointer;
height: 16px;
margin-right: 16px;
}
#header #navbar-menu-apps #menu-apps-btn #dropdownMenuAppsButton #menu-apps-icon {
height: 16px;
width: 16px;
}
#header div#navbar-menu-apps {
display: flex;
align-items: center;
}
#header #navbar-menu-apps #menu-apps-btn {
cursor: pointer;
position: relative;
}
#header #navbar-menu-apps .dropdown-menu {
display: none;
position: absolute;
border: 1px solid rgba(0,0,0,.15);
border-radius: 5px;
box-shadow: rgb(0 0 0 / 20%) 0 3px 8px;
margin-top: -2px;
padding: 10px;
max-height: 500px;
overflow-y: scroll;
z-index: 2000;
background-color: white;
top: 33px;
right: -14px;
left: auto;
}
#header #navbar-menu-apps .dropdown-menu ul {
list-style: none;
display: grid;
flex-wrap: wrap;
padding: 15px 2px 0 0;
margin-bottom: 0;
grid-template-columns: 82px 82px 82px;
grid-gap: 12px 2px;
}
#header #navbar-menu-apps .dropdown-menu ul#app-admin {
border-bottom: 1px solid #D9D9D9;
padding-bottom: 4px;
margin-bottom: 6px;
}
#header #navbar-menu-apps .dropdown-menu ul#app-external {
border-top: 1px solid #D9D9D9;
padding-top: 20px;
margin-top: 8px;
}
#header #navbar-menu-apps .dropdown-menu ul li.app a.app-link {
display: flex;
flex-direction: column;
align-items: center;
justify-content: start;
text-align: center;
color: #262626;
text-decoration: none;
}
#header #navbar-menu-apps .dropdown-menu ul li.app a.app-link .icon {
width: 40px;
height: 40px;
background-color: #506bb6;
border-radius: .25rem;
margin-right: 0;
display: flex;
align-items: center;
justify-content: center;
}
#header #navbar-menu-apps .dropdown-menu ul li.app a.app-link .text {
text-align: center;
margin-top: 4px;
height: 26px;
font-size: 13px;
line-height: 15px;
overflow-wrap: anywhere;
}
#header #navbar-menu-apps .dropdown-menu ul li.app a.app-link .icon i {
color: #fff;
font-size: 19px;
}
div#content-vue {
padding-top: 75px;
}
#content.app-files [data-path="/"][data-file="Talk"] {
display: none !important;
}