%PDF- %PDF-
Direktori : /home/waritko/jetty-distribution-9.4.21.v20190926/webapps/ROOT/skins/flamingo/less/ |
Current File : //home/waritko/jetty-distribution-9.4.21.v20190926/webapps/ROOT/skins/flamingo/less/drawer.less |
/* Drawer */ // We introduce some variables with default values that a theme can override @xwiki-drawer-bg: @xwiki-page-content-bg; @xwiki-drawer-brand-bg: @navbar-default-bg; @xwiki-drawer-brand-border: @navbar-default-border; @xwiki-drawer-brand-link-color: @navbar-default-link-color; @xwiki-drawer-brand-link-hover-color: @navbar-default-link-hover-color; @xwiki-drawer-brand-user-color: @navbar-default-color; @xwiki-drawer-menu-item-padding: @navbar-padding-vertical 0 @navbar-padding-vertical @navbar-padding-horizontal; @xwiki-drawer-menu-item-size: @font-size-base; @xwiki-drawer-menu-item-color: @text-color; @xwiki-drawer-menu-item-bg: @xwiki-drawer-bg; @xwiki-drawer-menu-item-icon-padding: @navbar-padding-horizontal; @xwiki-drawer-menu-item-hover-color: @navbar-inverse-link-active-color; @xwiki-drawer-menu-item-hover-bg: @navbar-inverse-link-active-bg; @xwiki-drawer-menu-subitem-indent: @navbar-padding-horizontal * 2; @xwiki-drawer-menu-item-seperator-color: darken(@xwiki-page-content-bg, 10%); @xwiki-drawer-menu-category-bg: @xwiki-drawer-menu-item-seperator-color; @xwiki-drawer-menu-category-color: lighten(@xwiki-drawer-menu-item-color, 10%); .drawer-default { background-color: @xwiki-drawer-bg; // Brand ================================================================= .drawer-brand { background-color: @xwiki-drawer-brand-bg; border-bottom: 1px solid @xwiki-drawer-brand-border; padding: 20px 16px; a { color: @xwiki-drawer-brand-link-color; padding: 0; &:hover, &:focus { color: @xwiki-drawer-brand-link-hover-color; text-decoration: none; } } // Avatar styling img { border-radius: 50%; float: left; height: 50px; width: 50px; } .brand-links { float: left; margin-left: 16px; margin-top: 8px; a { font-size: 14px; } // Resetting avatar styling img { border-radius: 0; float: none; height: auto; width: auto; } .brand-user { color: @xwiki-drawer-brand-user-color; font-weight: 400; } } } // Menu Item ============================================================= .drawer-menu-item { padding: 0; a { font-size: @xwiki-drawer-menu-item-size; font-weight: 400; margin-top: 0; padding: @xwiki-drawer-menu-item-padding; &, &:hover, &:focus { background-color: @xwiki-drawer-menu-item-bg; color: @xwiki-drawer-menu-item-color; text-decoration: none; } &:hover { background-color: @xwiki-drawer-menu-item-hover-bg; color: @xwiki-drawer-menu-item-hover-color; } } } // Sub Item ============================================================= .drawer-menu-sub-item { a { padding-left: @xwiki-drawer-menu-subitem-indent; } } // Menu Category ======================================================== .drawer-category-header { background-color: @xwiki-drawer-menu-category-bg; color: @xwiki-drawer-menu-category-color; padding: @xwiki-drawer-menu-item-padding; } } .drawer-menu-item-icon { display: inline-block; width: 30px; vertical-align: middle; } .drawer-menu-item-text { display: inline-block; vertical-align: middle; white-space: normal; } .drawer-menuseparator { border-top: 1px solid @xwiki-drawer-menu-item-seperator-color; margin: 12px 0; } // Special styling for login/logout/register ============================= #tmLogin, #tmLogout, #tmRegister { font-style: italic; }