This repository has been archived on 2022-01-02. You can view files and clone it, but cannot push or open issues or pull requests.
AriaNg/src/styles/core/core.css
2017-03-26 13:08:15 +08:00

163 lines
2.7 KiB
CSS

/*!
* AriaNg
* https://github.com/mayswind/AriaNg
*/
/* basic */
body {
-ms-user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
td {
vertical-align: middle !important;
}
.main-header .logo {
overflow: visible;
}
.main-header .logo .dropdown-menu {
z-index: 2000;
}
.main-header .navbar .nav > li.disabled > a {
pointer-events: none !important;
}
.main-header .navbar .navbar-searchbar {
padding-top: 8px;
padding-right: 20px;
float: right;
}
.main-header .logo .logo-lg {
cursor: pointer;
}
.content-wrapper, .right-side {
background-color: #fff;
}
.content-wrapper > .content-body {
overflow-y: scroll;
}
.dropdown-menu.right-align {
left: inherit;
right: 0;
}
.default-cursor {
cursor: default !important;
}
.pointer-cursor {
cursor: pointer !important;
}
.allow-word-break {
word-wrap: break-word;
word-break: break-all;
}
.auto-ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu {
position: absolute;
background-color: #fff;
}
}
/* toolbar */
.toolbar {
cursor: pointer;
}
.toolbar:active {
-webkit-box-shadow: inset 0 2px 6px rgba(0, 0, 0, .125);
-moz-box-shadow: inset 0 2px 6px rgba(0, 0, 0, .125);
box-shadow: inset 0 2px 6px rgba(0, 0, 0, .125);
}
/* dropdown-submenu */
.dropdown-menu small {
color: #999;
}
.dropdown-submenu {
position: relative;
}
.dropdown-submenu > .dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
margin-left: -1px;
-webkit-border-radius: 0 6px 6px 6px;
-moz-border-radius: 0 6px 6px;
border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover > .dropdown-menu {
display: block;
}
.dropdown-submenu > a:after {
display: block;
content: " ";
float: right;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 5px 0 5px 5px;
border-left-color: #ccc;
margin-top: 5px;
margin-right: -10px;
}
.dropdown-submenu:hover > a:after {
border-left-color: #fff;
}
.dropdown-submenu.pull-left {
float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
left: -100%;
margin-left: 10px;
-webkit-border-radius: 6px 0 6px 6px;
-moz-border-radius: 6px 0 6px 6px;
border-radius: 6px 0 6px 6px;
}
/* scrollbar */
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-thumb {
background-clip: padding-box;
background-color: #c4d2db;
min-height: 28px;
}
::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-thumb:active {
background-color: #d4dfe7;
}
@media (max-width: 767px) {
::-webkit-scrollbar {
width: 6px;
}
}