first commit
This commit is contained in:
pakerpale
424
public/theme/admin/css/sb-admin.css
Executable file
424
public/theme/admin/css/sb-admin.css
Executable file
@@ -0,0 +1,424 @@
|
||||
/*!
|
||||
* Start Bootstrap - SB Admin Bootstrap Admin Template (http://startbootstrap.com)
|
||||
* Code licensed under the Apache License v2.0.
|
||||
* For details, see http://www.apache.org/licenses/LICENSE-2.0.
|
||||
*/
|
||||
|
||||
.dd-handle,
|
||||
.dd-item>button {
|
||||
font-weight: 700;
|
||||
margin: 5px 0
|
||||
}
|
||||
|
||||
body {
|
||||
margin-top: 100px
|
||||
}
|
||||
|
||||
.right i {
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
.right {
|
||||
float: right;
|
||||
line-height: 28px;
|
||||
margin-right: 8px
|
||||
}
|
||||
|
||||
.placeholder-btn {
|
||||
min-height: 31px;
|
||||
min-width: 44px;
|
||||
}
|
||||
|
||||
[contentEditable=true]:empty:not(:focus):before {
|
||||
content: attr(data-ph);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.dd-list {
|
||||
display: block;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: relative
|
||||
}
|
||||
|
||||
.dd-list .dd-list {
|
||||
padding-left: 30px
|
||||
}
|
||||
|
||||
.dd-collapsed .dd-list {
|
||||
display: none
|
||||
}
|
||||
|
||||
.dd-caret {
|
||||
margin-left: 5px;
|
||||
margin-top: 8px
|
||||
}
|
||||
|
||||
#loginError {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.dd-item.parent .dd-handle {
|
||||
background: -moz-linear-gradient(center top, #eee 0, #ddd 100%) rgba(0, 0, 0, 0);
|
||||
border-radius: 3px;
|
||||
box-sizing: border-box
|
||||
}
|
||||
|
||||
.dd-empty,
|
||||
.dd-item,
|
||||
.dd-placeholder {
|
||||
display: block;
|
||||
margin: 0;
|
||||
min-height: 20px;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
width: 300px;
|
||||
font-size: 13px;
|
||||
line-height: 20px
|
||||
}
|
||||
|
||||
.dd-handle {
|
||||
background: -moz-linear-gradient(center top, #fafafa 0, #eee 100%) rgba(0, 0, 0, 0);
|
||||
box-sizing: border-box;
|
||||
color: #333;
|
||||
display: block;
|
||||
padding: 10px;
|
||||
border: 1px solid #ddd;
|
||||
text-decoration: none
|
||||
}
|
||||
|
||||
.dd-handle:hover {
|
||||
background: #fff;
|
||||
color: #2ea8e5
|
||||
}
|
||||
|
||||
.dd-item>button {
|
||||
background: 0 0;
|
||||
border: 0;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
float: left;
|
||||
font-size: 12px;
|
||||
height: 20px;
|
||||
line-height: 1;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
text-indent: 100%;
|
||||
white-space: nowrap;
|
||||
width: 25px
|
||||
}
|
||||
|
||||
.dd-item>button::before {
|
||||
content: "+";
|
||||
display: block;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
text-indent: 0;
|
||||
width: 100%
|
||||
}
|
||||
|
||||
.icon-remove,
|
||||
.logo-icon,
|
||||
.top-nav>li {
|
||||
display: inline-block
|
||||
}
|
||||
|
||||
.dd-item>button[data-action=collapse]::before {
|
||||
content: "-"
|
||||
}
|
||||
|
||||
.dd-empty,
|
||||
.dd-placeholder {
|
||||
background: #f2fbff;
|
||||
border: 1px dashed #b6bcbf;
|
||||
box-sizing: border-box;
|
||||
margin: 5px 0;
|
||||
min-height: 30px;
|
||||
padding: 0
|
||||
}
|
||||
|
||||
.dd-empty {
|
||||
background-color: #e5e5e5;
|
||||
background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
|
||||
background-position: 0 0, 30px 30px;
|
||||
background-size: 60px 60px;
|
||||
border: 1px dashed #bbb;
|
||||
min-height: 100px
|
||||
}
|
||||
|
||||
.dd-dragel {
|
||||
pointer-events: none;
|
||||
position: absolute;
|
||||
z-index: 9999
|
||||
}
|
||||
|
||||
.dd-dragel>.dd-item .dd-handle {
|
||||
margin-top: 0
|
||||
}
|
||||
|
||||
.dd-dragel .dd-handle {
|
||||
box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1)
|
||||
}
|
||||
|
||||
.icon-remove {
|
||||
line-height: 1;
|
||||
text-rendering: auto;
|
||||
content: "x"
|
||||
}
|
||||
|
||||
body.login {
|
||||
background: #ddd
|
||||
}
|
||||
|
||||
body.login h3 {
|
||||
margin-top: 10.5px;
|
||||
margin-bottom: 21px
|
||||
}
|
||||
|
||||
body.login .panel-default>.panel-heading {
|
||||
background: #333
|
||||
}
|
||||
|
||||
.logo-icon {
|
||||
height: 33px
|
||||
}
|
||||
|
||||
#logo_preloaded,
|
||||
#pic_container img {
|
||||
background: #eee;
|
||||
padding: 10px;
|
||||
margin-bottom: 10px;
|
||||
max-width: 60%
|
||||
}
|
||||
|
||||
.side-nav>li>ul {
|
||||
background: #555
|
||||
}
|
||||
|
||||
.side-nav>li>ul>li>a {
|
||||
color: #ddd!important
|
||||
}
|
||||
|
||||
.side-nav>li>ul>li.active {
|
||||
background: #333
|
||||
}
|
||||
|
||||
#wrapper {
|
||||
padding-left: 0
|
||||
}
|
||||
|
||||
#page-wrapper {
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
background-color: #fff
|
||||
}
|
||||
|
||||
.huge {
|
||||
line-height: normal;
|
||||
font-size: 40px
|
||||
}
|
||||
|
||||
@media(min-width:768px) {
|
||||
body {
|
||||
margin-top: 50px
|
||||
}
|
||||
#wrapper {
|
||||
padding-left: 225px
|
||||
}
|
||||
#page-wrapper {
|
||||
padding: 10px
|
||||
}
|
||||
}
|
||||
|
||||
.top-nav {
|
||||
padding: 0 15px
|
||||
}
|
||||
|
||||
.top-nav>li {
|
||||
float: left
|
||||
}
|
||||
|
||||
.top-nav>li>a {
|
||||
padding-top: 15px;
|
||||
padding-bottom: 15px;
|
||||
line-height: 20px;
|
||||
color: #3CAEA3
|
||||
}
|
||||
|
||||
.top-nav>.open>a,
|
||||
.top-nav>.open>a:focus,
|
||||
.top-nav>.open>a:hover,
|
||||
.top-nav>li>a:focus,
|
||||
.top-nav>li>a:hover {
|
||||
color: rgb(185, 216, 224);
|
||||
background-color: rgb(8, 101, 124);
|
||||
}
|
||||
|
||||
.top-nav>.open>.dropdown-menu {
|
||||
float: left;
|
||||
position: absolute;
|
||||
margin-top: 0;
|
||||
border: 1px solid rgba(0, 0, 0, .15);
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
background-color: #fff;
|
||||
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
|
||||
box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
|
||||
}
|
||||
|
||||
.top-nav>.open>.dropdown-menu>li>a {
|
||||
white-space: normal
|
||||
}
|
||||
|
||||
ul.message-dropdown {
|
||||
padding: 0;
|
||||
max-height: 250px;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto
|
||||
}
|
||||
|
||||
li.message-preview {
|
||||
width: 275px;
|
||||
border-bottom: 1px solid rgba(0, 0, 0, .15)
|
||||
}
|
||||
|
||||
li.message-preview>a {
|
||||
padding-top: 15px;
|
||||
padding-bottom: 15px
|
||||
}
|
||||
|
||||
li.message-footer {
|
||||
margin: 5px 0
|
||||
}
|
||||
|
||||
ul.alert-dropdown {
|
||||
width: 200px
|
||||
}
|
||||
|
||||
@media(min-width:768px) {
|
||||
.side-nav,
|
||||
.side-nav>li>a {
|
||||
width: 225px
|
||||
}
|
||||
.side-nav {
|
||||
position: fixed;
|
||||
top: 51px;
|
||||
left: 225px;
|
||||
margin-left: -225px;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
overflow-y: auto;
|
||||
background-color: #222;
|
||||
bottom: 0;
|
||||
overflow-x: hidden;
|
||||
padding-bottom: 40px
|
||||
}
|
||||
.side-nav li a:focus,
|
||||
.side-nav li a:hover {
|
||||
outline: 0;
|
||||
background-color: rgb(12, 100, 122) !important
|
||||
}
|
||||
}
|
||||
|
||||
.side-nav>li>ul {
|
||||
padding: 0
|
||||
}
|
||||
|
||||
.side-nav>li>ul>li>a {
|
||||
display: block;
|
||||
padding: 10px 15px 10px 38px;
|
||||
text-decoration: none
|
||||
}
|
||||
|
||||
.side-nav>li>ul>li>a:hover {
|
||||
color: #fff
|
||||
}
|
||||
|
||||
.flot-chart {
|
||||
display: block;
|
||||
height: 400px
|
||||
}
|
||||
|
||||
.flot-chart-content {
|
||||
width: 100%;
|
||||
height: 100%
|
||||
}
|
||||
|
||||
.panel-green {
|
||||
border-color: #5cb85c
|
||||
}
|
||||
|
||||
.panel-green>.panel-heading {
|
||||
border-color: #5cb85c;
|
||||
color: #fff;
|
||||
background-color: #5cb85c
|
||||
}
|
||||
|
||||
.panel-green>a {
|
||||
color: #5cb85c
|
||||
}
|
||||
|
||||
.panel-green>a:hover {
|
||||
color: #3d8b3d
|
||||
}
|
||||
|
||||
.panel-red {
|
||||
border-color: #d9534f
|
||||
}
|
||||
|
||||
.panel-red>.panel-heading {
|
||||
border-color: #d9534f;
|
||||
color: #fff;
|
||||
background-color: #d9534f
|
||||
}
|
||||
|
||||
.panel-red>a {
|
||||
color: #d9534f
|
||||
}
|
||||
|
||||
.panel-red>a:hover {
|
||||
color: #b52b27
|
||||
}
|
||||
|
||||
.panel-yellow {
|
||||
border-color: #f0ad4e
|
||||
}
|
||||
|
||||
.panel-yellow>.panel-heading {
|
||||
border-color: #f0ad4e;
|
||||
color: #fff;
|
||||
background-color: #f0ad4e
|
||||
}
|
||||
|
||||
.panel-yellow>a {
|
||||
color: #f0ad4e
|
||||
}
|
||||
|
||||
.panel-yellow>a:hover {
|
||||
color: #df8a13
|
||||
}
|
||||
|
||||
.login_logo {
|
||||
margin: 0 auto;
|
||||
max-width: 100px;
|
||||
display: block
|
||||
}
|
||||
|
||||
#favicon_preloaded {
|
||||
max-width: 60px;
|
||||
height: auto;
|
||||
background: #eee;
|
||||
padding: 5px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.searchContainer {
|
||||
margin: 12px 0 21px;
|
||||
}
|
||||
|
||||
#loadingSpinner {
|
||||
display: none;
|
||||
}
|
||||
Reference in New Issue
Block a user