mirror of
https://github.com/lxsang/antd-web-apps
synced 2024-12-28 18:28:21 +01:00
1136 lines
22 KiB
CSS
1136 lines
22 KiB
CSS
afx-app-window div.afx-window-wrapper{
|
|
padding:0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
afx-app-window ul.afx-window-top{
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 100%;
|
|
padding:0;
|
|
}
|
|
afx-app-window ul.afx-window-top li{
|
|
list-style: none;
|
|
}
|
|
|
|
afx-app-window ul li.afx-window-title{
|
|
float:none;
|
|
overflow: hidden;
|
|
}
|
|
|
|
afx-app-window div.afx-window-content
|
|
{
|
|
overflow: hidden;
|
|
width: 100%;
|
|
flex-grow: 1;
|
|
}
|
|
afx-app-window div.afx-window-grip{
|
|
height: 10px;
|
|
width: 10px;
|
|
background-color: transparent;
|
|
}
|
|
afx-button button{
|
|
outline: none;
|
|
}
|
|
|
|
afx-button i.icon-style {
|
|
float: left;
|
|
}
|
|
afx-calendar-view afx-grid-view afx-grid-row:nth-child(even) afx-grid-cell
|
|
{
|
|
background-color: transparent;
|
|
}
|
|
afx-calendar-view afx-grid-view .grid_row_header afx-grid-cell{
|
|
border-right: 0;
|
|
}
|
|
afx-apps-dock{
|
|
float: left;
|
|
position: absolute;
|
|
overflow: hidden;
|
|
}
|
|
afx-file-view {
|
|
position: relative;
|
|
}
|
|
afx-file-view afx-label.status{
|
|
position: absolute;
|
|
bottom: 1px;
|
|
left:0px;
|
|
transform: translateZ(0);
|
|
}
|
|
afx-file-view afx-list-view > div.list-container > ul li{
|
|
float:left;
|
|
display: block;
|
|
}
|
|
|
|
afx-file-view afx-list-view i{
|
|
display: block;
|
|
}
|
|
|
|
afx-file-view afx-grid-view i{
|
|
display: inline-block;
|
|
}
|
|
|
|
|
|
afx-file-view afx-tree-view{
|
|
margin:0;
|
|
overflow: hidden;
|
|
background-color: transparent;
|
|
}
|
|
|
|
afx-file-view afx-tree-view .afx_tree_item_odd{
|
|
background-color: transparent;
|
|
}
|
|
|
|
afx-file-view afx-tree-view div{
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
background-color: transparent;
|
|
padding:0;
|
|
}
|
|
|
|
afx-file-view div.treecontainer{
|
|
display: block;
|
|
overflow: auto;
|
|
padding:0;
|
|
margin:0;
|
|
}
|
|
|
|
afx-float-list div.list-container > ul{
|
|
padding: 0;
|
|
margin: 0;
|
|
background-color: transparent;
|
|
}
|
|
|
|
afx-float-list div.list-container > ul li{
|
|
padding: 0;
|
|
margin: 0;
|
|
background-color: transparent;
|
|
list-style: none;
|
|
}
|
|
afx-grid-view afx-grid-row afx-grid-cell{
|
|
user-select:none;
|
|
-webkit-user-select:none;
|
|
cursor:default;
|
|
}
|
|
|
|
afx-grid-view .grid_row_header afx-grid-cell{
|
|
user-select:none;
|
|
-webkit-user-select:none;
|
|
cursor:default;
|
|
font-weight: bold;
|
|
}
|
|
|
|
afx-grid-view {
|
|
display: block;
|
|
}
|
|
afx-label i.icon-style {
|
|
float: left;
|
|
}
|
|
afx-label i.label-text{
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
margin-left: 3px;
|
|
}
|
|
afx-list-view{
|
|
overflow:hidden;
|
|
display: block;
|
|
}
|
|
|
|
afx-list-view afx-list-item
|
|
{
|
|
display: contents;
|
|
}
|
|
afx-list-view > div.list-container{
|
|
overflow: auto;
|
|
}
|
|
afx-list-view > div.list-container > ul{
|
|
margin:0;
|
|
padding: 0;
|
|
}
|
|
|
|
afx-list-view > div.list-container > ul li{
|
|
margin:0;
|
|
padding:0;
|
|
list-style: none;
|
|
position: relative;
|
|
-webkit-user-select:none;
|
|
cursor:default;
|
|
}
|
|
|
|
afx-list-view i.closable{
|
|
display: inline-block;
|
|
position:absolute;
|
|
top:0px;
|
|
right:2px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
afx-list-view i.closable:before{
|
|
content: "\f00d";
|
|
font-family: "FontAwesome";
|
|
font-style: normal;
|
|
}
|
|
|
|
afx-list-view.dropdown {
|
|
padding:0;
|
|
margin: 0;
|
|
}
|
|
afx-list-view.dropdown > div.list-container{
|
|
overflow: visible;
|
|
}
|
|
afx-list-view.dropdown > div.list-container > ul{
|
|
overflow-y: auto;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
afx-list-view.dropdown > div.list-container > ul li{
|
|
display: inline-block;
|
|
width:100%;
|
|
}
|
|
|
|
|
|
afx-menu {
|
|
position:relative;
|
|
display:inline-block;
|
|
z-index: 100000;
|
|
}
|
|
afx-menu a{
|
|
text-decoration: none;
|
|
display: flex;
|
|
width: 100%;
|
|
height: 100%;
|
|
flex-direction: row;
|
|
}
|
|
afx-menu a afx-label{
|
|
flex:1;
|
|
}
|
|
afx-menu ul{
|
|
padding:0;
|
|
margin: 0;
|
|
display:inline-block;
|
|
}
|
|
afx-menu ul li{
|
|
white-space:nowrap;
|
|
}
|
|
|
|
afx-menu span.shortcut{
|
|
text-align: right;
|
|
}
|
|
|
|
afx-menu ul li {
|
|
list-style:none;
|
|
margin:0;
|
|
position: relative;
|
|
float: left;
|
|
cursor:default;
|
|
}
|
|
afx-menu ul li.fix_padding{
|
|
padding-top:1px;
|
|
padding-bottom: 0;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
afx-menu afx-menu ul li.fix_padding{
|
|
padding:3px;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
}
|
|
afx-menu afx-menu {
|
|
top:100%;
|
|
left:0;
|
|
position: absolute;
|
|
display:none;
|
|
}
|
|
|
|
afx-menu afx-menu li{
|
|
float:none;
|
|
cursor:default;
|
|
}
|
|
afx-menu afx-menu afx-menu, afx-menu ul.context afx-menu{
|
|
top:-4px;
|
|
left: 100%;
|
|
}
|
|
|
|
afx-menu afx-menu li:hover > afx-menu, ul.context li:hover > afx-menu
|
|
{
|
|
display: block;
|
|
}
|
|
afx-menu li.afx-corner-fix{
|
|
height: 3px;
|
|
padding: 0;
|
|
margin: 0;
|
|
background-color: transparent;
|
|
}
|
|
afx-menu li.afx-corner-fix:hover{
|
|
background-color: transparent;
|
|
}
|
|
|
|
|
|
afx-menu ul.context{
|
|
position: absolute;
|
|
z-index: 1000000;
|
|
padding: 0;
|
|
}
|
|
afx-menu ul.context li{
|
|
clear:float;
|
|
}
|
|
afx-nspinner{
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
afx-nspinner ul{
|
|
padding:0;
|
|
margin: 0;
|
|
list-style: none;
|
|
}
|
|
afx-nspinner input{
|
|
margin: 0;
|
|
}
|
|
afx-nspinner ul li{
|
|
display: block;
|
|
padding:0;
|
|
margin: 0;
|
|
}
|
|
|
|
afx-nspinner ul li.incr i:before{
|
|
content: "\f0d8";
|
|
font-family: "FontAwesome";
|
|
font-style: normal;
|
|
|
|
}
|
|
afx-nspinner ul li.decr i:before{
|
|
content: "\f0d7";
|
|
font-family: "FontAwesome";
|
|
font-style: normal;
|
|
|
|
}
|
|
afx-slider{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
afx-slider div.container{
|
|
display: block;
|
|
border:0;
|
|
position: relative;
|
|
padding:0;
|
|
cursor: pointer;
|
|
}
|
|
|
|
afx-slider div.progress {
|
|
padding:0;
|
|
margin: 0;
|
|
display: block;
|
|
border:0;
|
|
}
|
|
|
|
afx-slider div.dragpoint {
|
|
display: block;
|
|
}
|
|
|
|
afx-switch span{
|
|
display: inline-block;
|
|
cursor: pointer;
|
|
}
|
|
|
|
afx-sys-panel{
|
|
padding:0;
|
|
margin: 0;
|
|
}
|
|
afx-sys-panel > div{
|
|
width: 100%;
|
|
margin:0;
|
|
padding: 0;
|
|
position:absolute;
|
|
}
|
|
afx-sys-panel .afx-panel-os-menu {
|
|
padding:0;
|
|
margin: 0;
|
|
float:left;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
afx-sys-panel .afx-panel-os-stray{
|
|
float:right;
|
|
position: relative;
|
|
}
|
|
|
|
afx-sys-panel afx-menu.afx-panel-os-stray afx-menu {
|
|
right: 0;
|
|
position: absolute;
|
|
}
|
|
|
|
afx-sys-panel afx-menu.afx-panel-os-stray afx-menu afx-menu{
|
|
left: -100%;
|
|
right: 100%;
|
|
top:-4px;
|
|
}
|
|
|
|
afx-sys-panel afx-overlay
|
|
{
|
|
overflow-y: auto;
|
|
overflow-x: hidden;
|
|
margin: 0;
|
|
}
|
|
|
|
afx-sys-panel afx-hbox[data-id="btlist"] afx-button button
|
|
{
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: 0;
|
|
border: 0px;
|
|
}
|
|
afx-tab-bar {
|
|
display: block;
|
|
width: 100%;
|
|
|
|
}
|
|
afx-tab-bar afx-list-view {
|
|
padding:0;
|
|
margin:0;
|
|
}
|
|
afx-tab-bar afx-list-view > div.list-container > ul afx-list-item:nth-child(even) li
|
|
{
|
|
background-color: transparent;
|
|
}
|
|
|
|
|
|
afx-tab-bar afx-list-view > div.list-container > ul li{
|
|
float:left;
|
|
}
|
|
|
|
afx-tab-container{
|
|
display: block;
|
|
}
|
|
afx-tree-view{
|
|
overflow: auto;
|
|
display: block;
|
|
}
|
|
afx-tree-view afx-tree-view{
|
|
padding:0;
|
|
overflow: hidden;
|
|
display: block;
|
|
}
|
|
afx-tree-view ul{
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
afx-tree-view li{
|
|
list-style: none;
|
|
margin:0;
|
|
padding: 0;
|
|
}
|
|
afx-tree-view div{
|
|
-webkit-user-select:none;
|
|
cursor:default;
|
|
}
|
|
afx-tree-view i.icon-style {
|
|
float:left;
|
|
margin-right: 3px;
|
|
}
|
|
|
|
afx-tree-view .afx-tree-view-folder-open:before{
|
|
content: "\f147";
|
|
font-family: "FontAwesome";
|
|
}
|
|
afx-tree-view .afx-tree-view-folder-close:before{
|
|
content: "\f196";
|
|
font-family: "FontAwesome";
|
|
}
|
|
|
|
afx-app-window div.afx-window-wrapper{
|
|
border:1px solid #a6a6a6;
|
|
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.65);
|
|
border-radius: 5px;
|
|
background-color:#dfdfdf;
|
|
}
|
|
afx-app-window.unactive > div.afx-window-wrapper{
|
|
background-color: #f6f6f6;
|
|
}
|
|
|
|
afx-app-window ul.afx-window-top{
|
|
height: 20px;
|
|
border-bottom: 1px solid #a6a6a6;
|
|
}
|
|
afx-app-window ul.afx-window-top li{
|
|
margin-left: 3px;
|
|
margin-top:4px;
|
|
|
|
}
|
|
afx-app-window ul.afx-window-top .afx-window-close,.afx-window-minimize,.afx-window-maximize{
|
|
width: 11px;
|
|
height: 11px;
|
|
border-radius: 10px;
|
|
}
|
|
afx-app-window ul li.afx-window-close{
|
|
background-color: #Fc605b;
|
|
float:left;
|
|
}
|
|
afx-app-window ul li.afx-window-minimize{
|
|
background-color: #fec041;
|
|
float:left;
|
|
}
|
|
afx-app-window ul li.afx-window-maximize{
|
|
background-color: #35cc4b;
|
|
float:left;
|
|
}
|
|
|
|
afx-app-window ul li.afx-window-title{
|
|
margin-top:1px;
|
|
text-align: center;
|
|
}
|
|
|
|
afx-app-window div.afx-window-content
|
|
{
|
|
background-color: white;
|
|
border-bottom-left-radius: 5px;
|
|
border-bottom-right-radius: 5px;
|
|
}
|
|
afx-app-window.unactive div.afx-window-content
|
|
{
|
|
background-color:white;
|
|
}
|
|
afx-button button{
|
|
padding: 4px;
|
|
border: 1px solid #a6a6a6;
|
|
background-color: #f6F6F6;
|
|
color: #414339;
|
|
border-radius: 6px;
|
|
font-family: "Ubuntu";
|
|
|
|
}
|
|
|
|
afx-button button[disabled]{
|
|
color: #a6a6a6;
|
|
}
|
|
afx-button i.icon-style {
|
|
width: 16px;
|
|
height: 16px;
|
|
display: inline-block;
|
|
}
|
|
afx-button button:active, afx-button button.btactive {
|
|
background-color: #2786F3;
|
|
color: white;
|
|
border: 1px solid #dedede;
|
|
}
|
|
afx-calendar-view div{
|
|
text-align: center;
|
|
}
|
|
afx-calendar-view > div {
|
|
font-weight: bold;
|
|
}
|
|
|
|
afx-calendar-view i.prevmonth, afx-calendar-view i.nextmonth{
|
|
display: inline-block;
|
|
width: 16px;
|
|
height: 16px;
|
|
cursor: pointer;
|
|
}
|
|
afx-calendar-view i.prevmonth{
|
|
margin-right: 20px;
|
|
}
|
|
afx-calendar-view i.nextmonth{
|
|
margin-left: 20px;
|
|
}
|
|
|
|
afx-calendar-view i.prevmonth:before{
|
|
content: "\f104";
|
|
font-family: "FontAwesome";
|
|
font-size: 16px;
|
|
font-style: normal;
|
|
/*position:absolute;
|
|
top:25%;
|
|
right:5px;*/
|
|
}
|
|
afx-calendar-view i.nextmonth:before{
|
|
content: "\f105";
|
|
font-family: "FontAwesome";
|
|
font-size: 16px;
|
|
font-style: normal;
|
|
margin-left: 20px;
|
|
/*position:absolute;
|
|
top:25%;
|
|
right:5px;*/
|
|
}
|
|
|
|
/*
|
|
afx-calendar-view afx-grid-view afx-grid-row.selected{
|
|
background-color: white;
|
|
color:#414339;
|
|
}*/
|
|
|
|
afx-calendar-view afx-grid-view afx-grid-row.afx-grid-row-selected afx-grid-cell
|
|
{
|
|
background-color: transparent;
|
|
color:black;
|
|
}
|
|
afx-calendar-view afx-grid-view afx-grid-row.afx-grid-row-selected afx-grid-cell.afx-grid-cell-selected
|
|
{
|
|
background-color: #116cd6;
|
|
color:white;
|
|
border-radius: 6px;
|
|
}
|
|
afx-color-picker canvas.color-palette, afx-color-picker div.color-sample{
|
|
border: 1px solid #a6a6a6;
|
|
/*border-radius: 3px;*/
|
|
}
|
|
afx-apps-dock{
|
|
bottom: 0;
|
|
top: 0;
|
|
width: 32px;
|
|
background-color:#e7e7e7;
|
|
padding:0;
|
|
padding-top: 0;
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
border:1px solid #a6a6a6;
|
|
box-shadow: none;
|
|
}
|
|
afx-apps-dock afx-button button{
|
|
width: 32px;
|
|
height: 32px;
|
|
font-size: 19px;
|
|
margin-bottom: 0;
|
|
padding:0px;
|
|
background-color: transparent;
|
|
border:0;
|
|
border-radius: 0;
|
|
}
|
|
afx-apps-dock afx-button afx-label i.icon-style{
|
|
width: 24px;
|
|
height: 24px;
|
|
margin-left: 2px;
|
|
margin-bottom: 0px;
|
|
border:0;
|
|
}
|
|
|
|
afx-apps-dock afx-button.selected > button {
|
|
background-color: #2786F3;
|
|
color: white;
|
|
border: 1px solid #dedede;
|
|
}
|
|
afx-file-view afx-label.status{
|
|
padding:3px;
|
|
right: 0px;
|
|
height: 15px;
|
|
background-color: #f6F6F6;
|
|
border-top: 1px solid #cbcbcb;
|
|
}
|
|
afx-file-view afx-list-view > div.list-container > ul li{
|
|
width:70px;
|
|
height: 60px;
|
|
background-color: transparent;
|
|
text-align: center;
|
|
margin-right: 5px;
|
|
margin-bottom: 5px;
|
|
}
|
|
afx-file-view afx-list-view > div.list-container > ul afx-list-item:nth-child(even) li {
|
|
background-color: transparent;
|
|
}
|
|
afx-file-view afx-list-view i.dir:before{
|
|
content: "\f07b";
|
|
font-family: "FontAwesome";
|
|
font-size: 32px;
|
|
color: #76D2F9;
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
afx-file-view afx-list-view i{
|
|
width: 100%;
|
|
margin-left: 3px;
|
|
}
|
|
|
|
|
|
afx-file-view afx-list-view i.file:before{
|
|
content: "\f016";
|
|
font-family: "FontAwesome";
|
|
font-size: 28px;
|
|
color: #414339;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
}
|
|
afx-file-view afx-list-view > div.list-container > ul > afx-list-item > li.selected
|
|
{
|
|
background-color: transparent;
|
|
}
|
|
afx-file-view afx-list-view div.list-container > ul li.selected i.label-text {
|
|
background-color: #116cd6;
|
|
color:white;
|
|
border-radius: 6px;
|
|
}
|
|
afx-file-view afx-grid-view{
|
|
padding:0;
|
|
}
|
|
afx-file-view afx-grid-view i.file:before{
|
|
content: "\f016";
|
|
font-family: "FontAwesome";
|
|
font-size: 16px;
|
|
color: #414339;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
}
|
|
afx-file-view afx-grid-view i.dir:before{
|
|
content: "\f07b";
|
|
font-family: "FontAwesome";
|
|
font-size: 16px;
|
|
color: #76D2F9;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
}
|
|
afx-file-view afx-grid-view i{
|
|
margin-right: 5px;
|
|
}
|
|
afx-file-view afx-grid-view afx-grid-row.afx-grid-row-selected i:before{
|
|
color:white;
|
|
}
|
|
afx-file-view afx-grid-view afx-grid-row afx-grid-cell
|
|
{
|
|
padding: 3px;
|
|
}
|
|
|
|
afx-file-view afx-grid-view .grid_row_header afx-grid-cell{
|
|
background-color: #dfdfdf;
|
|
border-top: 1px solid #a6a6a6;
|
|
border-right: 1px solid #a6a6a6;
|
|
border-bottom: 1px solid #a6a6a6;
|
|
padding: 3px;
|
|
}
|
|
|
|
afx-file-view afx-tree-view .afx-tree-view-folder-close:before{
|
|
content: "\f07b";
|
|
font-family: "FontAwesome";
|
|
font-size: 16px;
|
|
color:#76D2F9;
|
|
}
|
|
afx-file-view afx-tree-view .afx-tree-view-folder-open:before{
|
|
content: "\f07c";
|
|
font-family: "FontAwesome";
|
|
color:#76D2F9;
|
|
font-size: 16px;
|
|
}
|
|
|
|
afx-file-view afx-tree-view .afx-tree-view-item:before{
|
|
content: "\f016";
|
|
font-family: "FontAwesome";
|
|
font-size: 16px;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
}
|
|
|
|
afx-file-view afx-tree-view div.afx_tree_item_selected, afx-file-view afx-tree-view div.afx_tree_item_selected:hover{
|
|
background-color: transparent;
|
|
}
|
|
|
|
afx-file-view afx-tree-view li.itemname{
|
|
padding:3px;
|
|
padding-right: 5px;
|
|
}
|
|
afx-file-view afx-tree-view div.afx_tree_item_selected .itemname{
|
|
background-color: #116cd6;
|
|
color:white;
|
|
border-radius: 3px;
|
|
|
|
}
|
|
afx-file-view afx-tree-view div.afx_tree_item_selected i.file:before{
|
|
color:white;
|
|
}
|
|
|
|
afx-file-view afx-tree-view .afx_folder_item{
|
|
font-weight: normal;
|
|
}
|
|
afx-grid-view afx-grid-row:nth-child(even) afx-grid-cell
|
|
{
|
|
background-color: #f5F5F5;
|
|
}
|
|
|
|
afx-grid-view afx-grid-row.afx-grid-row-selected afx-grid-cell
|
|
{
|
|
background-color: #116cd6;
|
|
color:white;
|
|
}
|
|
afx-grid-view afx-grid-row.afx-grid-row-selected afx-grid-cell.afx-grid-cell-selected
|
|
{
|
|
font-weight: bold;
|
|
}
|
|
|
|
|
|
afx-grid-view .grid_row_header afx-grid-cell{
|
|
border: 0;
|
|
}
|
|
|
|
afx-label i.icon-style {
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
afx-list-view > div.list-container > ul li{
|
|
padding: 5px;
|
|
padding-top:3px;
|
|
padding-bottom: 3px;
|
|
padding-right: 10px;
|
|
background-color: white;
|
|
}
|
|
afx-list-view > div.list-container > ul afx-list-item:nth-child(even) li{
|
|
background-color:#f5F5F5;
|
|
}
|
|
afx-list-view i.closable{
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
|
|
afx-list-view i.closable:before{
|
|
font-size: 10px;
|
|
margin-left: 10px;
|
|
color: #414339;
|
|
}
|
|
|
|
afx-list-view > div.list-container > ul li > i {
|
|
margin-right: 3px;
|
|
|
|
}
|
|
afx-list-view > div.list-container > ul > afx-list-item > li.selected{
|
|
background-color: #116cd6;
|
|
color:white;
|
|
}
|
|
|
|
afx-list-view.dropdown > div.list-container > ul{
|
|
border:1px solid #a6a6a6;
|
|
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.65);
|
|
border-radius: 3px;
|
|
max-height: 150px;
|
|
background-color: white;
|
|
border-top-left-radius: 0px;
|
|
z-index: 10;
|
|
}
|
|
|
|
afx-list-view.dropdown div.list-container div{
|
|
color: #414339;
|
|
padding-top:3px;
|
|
padding-bottom: 3px;
|
|
border:1px solid #a6a6a6;
|
|
border-radius: 3px;
|
|
background-color: transparent;
|
|
height: 17px;
|
|
}
|
|
afx-list-view.dropdown div.list-container div > afx-label{
|
|
padding-left:3px;
|
|
}
|
|
afx-list-view.dropdown div.list-container div:before {
|
|
content: "\f107";
|
|
font-family: "FontAwesome";
|
|
font-size: 11px;
|
|
font-style: normal;
|
|
color: #414339;
|
|
position: absolute;
|
|
top:25%;
|
|
right: 5px;
|
|
}
|
|
afx-list-view.dropdown > div.list-container > ul li:hover{
|
|
background-color: #dcdcdc;
|
|
color: #414339;
|
|
}
|
|
afx-list-view ul.complex-content{
|
|
padding: 0;
|
|
margin: 0;
|
|
background-color: transparent;
|
|
}
|
|
afx-list-view ul.complex-content li{
|
|
padding:0;
|
|
background-color: transparent;
|
|
color:#5e5f59;
|
|
list-style: none;
|
|
}
|
|
afx-list-view > div.list-container > ul li.selected ul.complex-content li{
|
|
color:white;
|
|
}
|
|
|
|
afx-list-view div.button_container afx-button{
|
|
margin-right: 2px;
|
|
}
|
|
afx-list-view div.button_container afx-button button{
|
|
border-radius: 0;
|
|
padding-left:5px;
|
|
padding-top:1px;
|
|
padding-bottom: 1px;
|
|
padding-right: 5px;
|
|
|
|
}
|
|
|
|
afx-menu afx-switch span{
|
|
width: 20px;
|
|
height: 16px;
|
|
font-size: 16px;
|
|
/*margin-top:5px;*/
|
|
}
|
|
afx-menu span.shortcut{
|
|
text-align: right;
|
|
}
|
|
afx-menu li:hover > a afx-switch span:before{
|
|
color:white;
|
|
}
|
|
|
|
afx-menu afx-menu ul {
|
|
padding: 0;
|
|
border:1px solid #a6a6a6;
|
|
border-radius: 5px;
|
|
border-top-left-radius: 0px;
|
|
/*box-shadow: 2px 2px 2px #cbcbcb;*/
|
|
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.65);
|
|
background-color: #e7e7e7;
|
|
}
|
|
afx-menu ul li /*, afx-menu ul >afx-menu-entry > li*/{
|
|
padding:3px;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
}
|
|
afx-menu afx-menu li{
|
|
min-width: 150px;
|
|
}
|
|
|
|
afx-menu li:hover {
|
|
background-color: #2786F3;
|
|
}
|
|
afx-menu li:hover > a {
|
|
color: white;
|
|
}
|
|
|
|
afx-menu afx-menu .afx_submenu:before, afx-menu ul.context .afx_submenu:before{
|
|
content: "\f054";
|
|
font-family: "FontAwesome";
|
|
font-size: 10px;
|
|
right:5px;
|
|
color: #414339;
|
|
position:absolute;
|
|
top:25%;
|
|
}
|
|
|
|
afx-menu ul.context{
|
|
border:1px solid #a6a6a6;
|
|
border-radius: 5px;
|
|
border-top-left-radius: 0px;
|
|
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.65);
|
|
background-color: #e7e7e7;
|
|
}
|
|
afx-menu ul.context li{
|
|
min-width: 150px;
|
|
}
|
|
afx-nspinner ul li{
|
|
border: 1px solid #a6a6a6;
|
|
width: 100%;
|
|
}
|
|
|
|
afx-nspinner ul li.incr{
|
|
border-top-left-radius: 3px;
|
|
border-top-right-radius: 3px;
|
|
}
|
|
|
|
|
|
afx-nspinner ul li.decr{
|
|
border-bottom-left-radius: 3px;
|
|
border-bottom-right-radius: 3px;
|
|
}
|
|
|
|
afx-nspinner ul li:hover{
|
|
color:#116cD6;
|
|
}
|
|
afx-nspinner ul li.incr i:before{
|
|
font-size: 16px;
|
|
}
|
|
afx-nspinner ul li.decr i:before{
|
|
font-size: 16px;
|
|
}
|
|
afx-overlay {
|
|
background-color: rgba(231, 231, 231, 0.7);
|
|
}
|
|
afx-resizer.vertical {
|
|
background-color: transparent;
|
|
border-top: 1px solid #cbcbcb;
|
|
}
|
|
afx-resizer.horizontal {
|
|
background-color: transparent;
|
|
border-left: 1px solid #cbcbcb;
|
|
}
|
|
|
|
afx-slider div.container{
|
|
border-radius: 3px;
|
|
height: 5px;
|
|
background-color: #e6e6e6;
|
|
}
|
|
|
|
afx-slider div.progress {
|
|
background-color: #116cd6;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
afx-slider div.dragpoint {
|
|
width: 15px;
|
|
height: 15px;
|
|
border:1px solid #6b6b6b;
|
|
border-radius: 15px;
|
|
background-color:#e6e6e6;
|
|
}
|
|
|
|
afx-switch span{
|
|
width: 30px;
|
|
height:24px;
|
|
font-size: 24px;
|
|
font-family: "FontAwesome";
|
|
}
|
|
afx-switch span:before{
|
|
content: "\f204";
|
|
color: #414339;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
}
|
|
afx-switch span.swon:before{
|
|
content: "\f205";
|
|
color: #116cd6;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
}
|
|
afx-sys-panel > div{
|
|
background-color: #e7e7e7;
|
|
border-bottom: 1px solid #9c9C9C;
|
|
box-shadow:none;
|
|
height: 22px;
|
|
}
|
|
|
|
afx-sys-panel .afx-panel-os-menu li
|
|
{
|
|
font-weight: bold;
|
|
background-color: #e7414d;
|
|
border-top-right-radius: 9px;
|
|
border-bottom-right-radius: 9px;
|
|
}
|
|
afx-sys-panel .afx-panel-os-menu a {
|
|
color: white;
|
|
}
|
|
|
|
afx-sys-panel afx-menu.afx-panel-os-stray afx-menu {
|
|
left: calc(100% - 170px);
|
|
}
|
|
|
|
afx-sys-panel afx-menu.afx-panel-os-stray afx-menu li.afx_submenu a{
|
|
margin-left: 10px;
|
|
}
|
|
|
|
afx-sys-panel afx-menu.afx-panel-os-stray afx-menu li.afx_submenu:before {
|
|
content: "\f054";
|
|
font-family: "FontAwesome";
|
|
font-size: 10px;
|
|
position:absolute;
|
|
text-align: left;
|
|
left:5px;
|
|
top:25%;
|
|
}
|
|
afx-sys-panel afx-menu.afx-panel-os-stray afx-menu ul{
|
|
border:1px solid #a6a6a6;
|
|
border-radius: 5px;
|
|
border-top-right-radius: 0px;
|
|
}
|
|
afx-sys-panel afx-menu.afx-panel-os-stray afx-menu li{
|
|
min-width: 150px;
|
|
}
|
|
|
|
afx-sys-panel afx-overlay
|
|
{
|
|
background-color: #e7e7e7;
|
|
border: 1px solid #9c9C9C;
|
|
width: 250px;
|
|
}
|
|
afx-sys-panel afx-list-view[data-id="applist"]
|
|
{
|
|
border-top: 1px solid #afafaf;
|
|
border-bottom: 1px solid #afafaf;
|
|
}
|
|
|
|
afx-sys-panel afx-list-view[data-id="applist"] > div.list-container > ul li
|
|
{
|
|
padding-top: 5px;
|
|
padding-bottom: 5px;
|
|
background-color: transparent;
|
|
}
|
|
|
|
afx-sys-panel afx-hbox[data-id="btlist"] afx-button button
|
|
{
|
|
border: 0;
|
|
border-left: 1px solid #afafaf;
|
|
}
|
|
|
|
afx-sys-panel afx-list-view[data-id="applist"] > div.list-container > ul li:hover{
|
|
background-color: #cecece;
|
|
}
|
|
afx-sys-panel afx-list-view[data-id="applist"] > div.list-container > ul li.selected
|
|
{
|
|
background-color: #116cd6;
|
|
color:white;
|
|
}
|
|
|
|
afx-sys-panel afx-list-view[data-id="applist"] afx-label.search-header {
|
|
font-weight: bold;
|
|
|
|
}
|
|
afx-sys-panel afx-list-view[data-id="applist"] afx-label i,
|
|
afx-sys-panel afx-list-view[data-id="applist"] afx-label i::before {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
afx-sys-panel div[data-id="searchicon"]:before{
|
|
content: "\f002";
|
|
display: block;
|
|
background-color:transparent;
|
|
color:#afafaf;
|
|
font-family: "FontAwesome";
|
|
padding-left:3px;
|
|
font-size: 25px;
|
|
}
|
|
afx-sys-panel input{
|
|
border:0;
|
|
height: 25px;
|
|
color:#afafaf;
|
|
background-color: transparent;
|
|
}
|
|
|
|
afx-tab-bar afx-list-view > div.list-container > ul > afx-list-item > li.selected
|
|
{
|
|
background-color: #116cd6;
|
|
color:white;
|
|
}
|
|
|
|
afx-tab-bar afx-list-view > div.list-container > ul li{
|
|
border-top-left-radius: 5px;
|
|
border-top-right-radius: 5px;
|
|
padding-bottom: 2px;
|
|
padding-right:15px;
|
|
padding-top:2px;
|
|
border:1px solid #c3c3c3;
|
|
}
|
|
afx-tree-view div{
|
|
padding:3px;
|
|
}
|
|
|
|
afx-tree-view i.icon-style {
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
afx-tree-view div.afx_tree_item_selected{
|
|
background-color: #116cd6;
|
|
color:white;
|
|
}
|
|
afx-tree-view div.afx_tree_item_selected:hover{
|
|
background-color: #116cd6;
|
|
color:white;
|
|
}
|
|
|
|
afx-tree-view .afx_folder_item{
|
|
font-weight: bold;
|
|
}
|
|
/*
|
|
afx-tree-view .afx_tree_item_odd{
|
|
background-color: #f5F5F5;
|
|
}
|
|
*/
|