You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
215 lines
8.6 KiB
CSS
215 lines
8.6 KiB
CSS
body {
|
|
background-color: #EDEDED; }
|
|
body .pure-menu.menu-bar {
|
|
background-color: #4B71BE; }
|
|
body .pure-menu.menu-bar .pure-menu-heading {
|
|
color: #D3E2FF; }
|
|
body .pure-menu.menu-bar li a {
|
|
color: white; }
|
|
body .pure-menu.menu-bar li a:hover {
|
|
background-color: #3C5FA8; }
|
|
body .content {
|
|
position: absolute;
|
|
top: 38px;
|
|
left: 0px;
|
|
right: 0px;
|
|
bottom: 0px; }
|
|
body .content .vps-table {
|
|
position: absolute;
|
|
right: 340px;
|
|
top: 0px;
|
|
bottom: 0px;
|
|
left: 0px;
|
|
overflow: auto; }
|
|
body .content .filter {
|
|
position: absolute;
|
|
right: 0px;
|
|
top: 0px;
|
|
bottom: 0px;
|
|
width: 320px;
|
|
padding: 10px;
|
|
overflow: auto;
|
|
background-color: #8DA6D8; }
|
|
body .content .filter .filter-section {
|
|
background-color: #5F87DA;
|
|
margin-bottom: 10px;
|
|
padding: 8px 12px;
|
|
color: white;
|
|
font-size: 14px; }
|
|
body .content .filter .filter-section .visibility-toggle {
|
|
float: left;
|
|
margin: 3px 8px 0px 0px; }
|
|
body .content .filter .filter-section h1 {
|
|
margin: 0px 0px 4px 0px;
|
|
font-size: 17px;
|
|
cursor: default; }
|
|
body .content .filter .filter-section .button-group {
|
|
margin-bottom: 8px; }
|
|
body .content .filter .filter-section .button-group h2 {
|
|
margin: 0px 0px 2px 0px;
|
|
font-size: 15px; }
|
|
body .content .filter .filter-section .button-item {
|
|
padding: 6px 9px;
|
|
font-size: 12px;
|
|
background-color: #4E75C7;
|
|
color: #D1D1D1;
|
|
display: block;
|
|
width: 100%;
|
|
text-align: left;
|
|
border-radius: 0px; }
|
|
body .content .filter .filter-section .button-item:first-of-type {
|
|
border-top-left-radius: 7px;
|
|
border-top-right-radius: 7px; }
|
|
body .content .filter .filter-section .button-item:last-of-type {
|
|
border-bottom-left-radius: 7px;
|
|
border-bottom-right-radius: 7px; }
|
|
body .content .filter .filter-section .button-item i.checked {
|
|
color: lime; }
|
|
body .content .filter .filter-section .button-item i.unchecked {
|
|
color: #FF8489; }
|
|
body .content .filter .filter-section .button-item.pure-button-active {
|
|
color: white; }
|
|
body .content .filter .filter-section .search-list {
|
|
position: relative; }
|
|
body .content .filter .filter-section .search-list input.search {
|
|
margin-bottom: 6px;
|
|
background: none;
|
|
color: #EBF0FA;
|
|
border: 1px solid #3f5582;
|
|
width: 100%;
|
|
font-weight: bold;
|
|
border-radius: 5px;
|
|
padding: 3px 5px;
|
|
padding-left: 24px;
|
|
/* For icon hack */
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
-o-box-sizing: border-box;
|
|
-ms-box-sizing: border-box; }
|
|
body .content .filter .filter-section .search-list input.search.list-attached {
|
|
border-bottom-left-radius: 0px;
|
|
border-bottom-right-radius: 0px;
|
|
border-bottom: 1px solid transparent; }
|
|
body .content .filter .filter-section .search-list .search-results {
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 0px;
|
|
padding: 7px 0px;
|
|
background-color: #7597DB;
|
|
border: 1px solid #314979;
|
|
border-top: none;
|
|
color: white;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
-o-box-sizing: border-box;
|
|
-ms-box-sizing: border-box;
|
|
z-index: 999; }
|
|
body .content .filter .filter-section .search-list .search-results h4 {
|
|
margin: 0px 0px 4px 0px;
|
|
padding: 0px 9px;
|
|
text-transform: uppercase; }
|
|
body .content .filter .filter-section .search-list .search-results .item, body .content .filter .filter-section .search-list .search-results .initial {
|
|
padding: 4px 9px;
|
|
cursor: default; }
|
|
body .content .filter .filter-section .search-list .search-results .item.selected {
|
|
background-color: #537ACA; }
|
|
body .content .filter .filter-section .search-list i.search-icon {
|
|
/* Awful hack, but it gets us what we want. */
|
|
position: absolute;
|
|
top: 5px;
|
|
left: 6px;
|
|
font-size: 14px;
|
|
color: #323F59; }
|
|
body .content .filter .filter-section .search-list a.type {
|
|
padding: 6px 9px;
|
|
font-size: 12px;
|
|
background-color: #4E75C7;
|
|
color: white;
|
|
color: #D1D1D1;
|
|
text-align: left;
|
|
display: block;
|
|
float: left;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
-o-box-sizing: border-box;
|
|
-ms-box-sizing: border-box;
|
|
border-radius: 0px; }
|
|
body .content .filter .filter-section .search-list a.type.include {
|
|
width: 40%;
|
|
border-top-left-radius: 7px; }
|
|
body .content .filter .filter-section .search-list a.type.include i {
|
|
color: #04DD04; }
|
|
body .content .filter .filter-section .search-list a.type.exclude {
|
|
width: 60%;
|
|
border-top-right-radius: 7px; }
|
|
body .content .filter .filter-section .search-list a.type.exclude i {
|
|
color: #FF8489; }
|
|
body .content .filter .filter-section .search-list a.type.pure-button-active {
|
|
color: white; }
|
|
body .content .filter .filter-section .search-list a.type i {
|
|
margin-right: 4px; }
|
|
body .content .filter .filter-section .search-list .list {
|
|
border: 1px solid #4e75c7;
|
|
border-top: none;
|
|
clear: both; }
|
|
body .content .filter .filter-section .search-list .list .item {
|
|
padding: 6px 7px;
|
|
color: #EAEDF6;
|
|
background: #5f87da;
|
|
/* Old browsers */
|
|
background: -moz-linear-gradient(top, #5f87da 0%, #5c84d1 100%);
|
|
/* FF3.6+ */
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5f87da), color-stop(100%, #5c84d1));
|
|
/* Chrome,Safari4+ */
|
|
background: -webkit-linear-gradient(top, #5f87da 0%, #5c84d1 100%);
|
|
/* Chrome10+,Safari5.1+ */
|
|
background: -o-linear-gradient(top, #5f87da 0%, #5c84d1 100%);
|
|
/* Opera 11.10+ */
|
|
background: -ms-linear-gradient(top, #5f87da 0%, #5c84d1 100%);
|
|
/* IE10+ */
|
|
background: linear-gradient(to bottom, #5f87da 0%, #5c84d1 100%);
|
|
/* W3C */
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5f87da', endColorstr='#5c84d1',GradientType=0 );
|
|
/* IE6-9 */ }
|
|
body .content .filter .filter-section .search-list .list .item a.delete {
|
|
float: right;
|
|
color: #D1D1D1;
|
|
font-size: 17px;
|
|
margin-top: -2px; }
|
|
body .content .filter .filter-section .search-list .list .item a.delete:hover {
|
|
color: white; }
|
|
body .content .filter .filter-section .slider {
|
|
position: relative; }
|
|
body .content .filter .filter-section .slider .bar {
|
|
padding: 3px 0px; }
|
|
body .content .filter .filter-section .slider .outline {
|
|
height: 8px;
|
|
border: 1px solid #4765a5;
|
|
border-radius: 3px; }
|
|
body .content .filter .filter-section .slider .fill {
|
|
position: absolute;
|
|
background-color: #4E75C7;
|
|
height: 8px; }
|
|
body .content .filter .filter-section .slider .handle {
|
|
position: absolute;
|
|
top: 0px;
|
|
width: 16px;
|
|
height: 16px;
|
|
background-color: #204186;
|
|
border-radius: 4px; }
|
|
body .content .filter .filter-section .slider .numeric {
|
|
margin-top: 8px;
|
|
text-align: center; }
|
|
body .content .filter .filter-section .slider .numeric input {
|
|
background: none;
|
|
color: #E0E5EE;
|
|
border: 1px solid #3d63b3;
|
|
width: 56px;
|
|
text-align: right;
|
|
font-weight: bold;
|
|
border-radius: 5px;
|
|
padding: 3px 5px; }
|