mirror of
https://github.com/lxsang/antos-frontend.git
synced 2025-07-13 05:04:22 +02:00
Rework on AntOS core to provide support to both mobile and desktop devices (experimental):
- Redesign the core UI API and tags to support Mobile devices - Add new StackMenu tag - Support touch events handling on touch devices - Redesign File and Setting to work on mobile - Improve Anouncement API - Rework on default themes
This commit is contained in:
DanyLE
@ -5,42 +5,26 @@ afx-app-window div.afx-window-wrapper{
|
||||
background-color:#363636;
|
||||
}
|
||||
afx-app-window.unactive > div.afx-window-wrapper{
|
||||
background-color: #464646;
|
||||
/*background-color: #464646;*/
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
afx-app-window ul.afx-window-top{
|
||||
height: 20px;
|
||||
border-bottom: 1px solid #262626;
|
||||
}
|
||||
afx-app-window div.afx-window-overlay {
|
||||
top: 22px;
|
||||
}
|
||||
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: 10px;
|
||||
height: 10px;
|
||||
border-radius: 0;
|
||||
}
|
||||
/*
|
||||
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;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
afx-app-window div.afx-window-content
|
||||
@ -49,8 +33,13 @@ afx-app-window div.afx-window-content
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
afx-app-window.unactive div.afx-window-content
|
||||
{
|
||||
background-color:#464646;
|
||||
}
|
||||
}*/
|
||||
afx-app-window ul.afx-window-top button:hover
|
||||
{
|
||||
background-color: #464646;
|
||||
color: white;
|
||||
}
|
||||
|
||||
@ -1,5 +1,4 @@
|
||||
afx-button button{
|
||||
padding: 4px;
|
||||
border: 1px solid #262626;
|
||||
background-color: #464646;
|
||||
color: white;
|
||||
@ -7,14 +6,11 @@ afx-button button{
|
||||
font-family: "Ubuntu";
|
||||
}
|
||||
|
||||
|
||||
afx-button button[disabled]{
|
||||
color: #868686;
|
||||
}
|
||||
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;
|
||||
|
||||
@ -1,7 +1,4 @@
|
||||
afx-apps-dock{
|
||||
bottom: 0px;
|
||||
top: 0px;
|
||||
width: 32px;
|
||||
background-color:#363636;
|
||||
padding:0;
|
||||
padding-top: 0;
|
||||
@ -10,23 +7,6 @@ afx-apps-dock{
|
||||
border:1px solid #262626;
|
||||
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: #464646;
|
||||
|
||||
@ -1,7 +1,4 @@
|
||||
afx-file-view afx-label.status{
|
||||
padding:3px;
|
||||
right: 0px;
|
||||
height: 15px;
|
||||
background-color: #464646;
|
||||
border-top: 1px solid #262626;
|
||||
|
||||
@ -14,7 +11,7 @@ afx-file-view afx-list-view > div.list-container > ul li{
|
||||
margin-right: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
afx-file-view afx-list-view > div.list-container > ul afx-list-item:nth-child(even) li {
|
||||
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{
|
||||
@ -40,7 +37,7 @@ afx-file-view afx-list-view i.file:before{
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
afx-file-view afx-list-view > div.list-container > ul > afx-list-item > li.selected
|
||||
afx-file-view afx-list-view > div.list-container > ul > .afx-list-item > li.selected
|
||||
{
|
||||
background-color: transparent;
|
||||
}
|
||||
@ -55,7 +52,6 @@ afx-file-view afx-grid-view{
|
||||
afx-file-view afx-grid-view i.file:before{
|
||||
content: "\f016";
|
||||
font-family: "FontAwesome";
|
||||
font-size: 16px;
|
||||
color: white;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
@ -63,7 +59,6 @@ afx-file-view afx-grid-view i.file:before{
|
||||
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;
|
||||
@ -74,36 +69,28 @@ afx-file-view afx-grid-view i{
|
||||
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: #464646;
|
||||
border-top: 1px solid #262626;
|
||||
border-right: 1px solid #262626;
|
||||
border-bottom: 1px solid #262626;
|
||||
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;
|
||||
}
|
||||
@ -112,14 +99,10 @@ afx-file-view afx-tree-view div.afx_tree_item_selected, afx-file-view afx-tree-v
|
||||
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{
|
||||
afx-file-view afx-tree-view div.afx_tree_item_selected ul{
|
||||
background-color: #116cd6;
|
||||
color:white;
|
||||
border-radius: 3px;
|
||||
border-radius: 0;
|
||||
|
||||
}
|
||||
afx-file-view afx-tree-view div.afx_tree_item_selected i.file:before{
|
||||
|
||||
@ -1,29 +1,17 @@
|
||||
afx-list-view > div.list-container > ul li{
|
||||
padding: 5px;
|
||||
padding-top:3px;
|
||||
padding-bottom: 3px;
|
||||
padding-right: 10px;
|
||||
background-color: #363636;
|
||||
}
|
||||
afx-list-view > div.list-container > ul afx-list-item:nth-child(even) li{
|
||||
afx-list-view > div.list-container > ul .afx-list-item:nth-child(even) li{
|
||||
background-color:#3b3b3b;
|
||||
}
|
||||
afx-list-view i.closable{
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
afx-list-view i.closable:before{
|
||||
font-size: 10px;
|
||||
margin-left: 10px;
|
||||
color: #868686;
|
||||
}
|
||||
|
||||
afx-list-view > div.list-container > ul li > i {
|
||||
margin-right: 3px;
|
||||
|
||||
afx-list-view.dropdown > div.list-container > ul li:hover{
|
||||
background-color: #464646;
|
||||
}
|
||||
afx-list-view > div.list-container > ul > afx-list-item > li.selected{
|
||||
afx-list-view > div.list-container > ul > .afx-list-item li.selected{
|
||||
background-color: #116cd6;
|
||||
color:white;
|
||||
}
|
||||
@ -32,36 +20,17 @@ afx-list-view.dropdown > div.list-container > ul{
|
||||
border:1px solid #262626;
|
||||
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.65);
|
||||
border-radius: 3px;
|
||||
max-height: 150px;
|
||||
background-color: #363636;
|
||||
border-top-left-radius: 0px;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
afx-list-view.dropdown div.list-container div{
|
||||
afx-list-view.dropdown {
|
||||
color: white;
|
||||
padding-top:3px;
|
||||
padding-bottom: 3px;
|
||||
border:1px solid #262626;
|
||||
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;
|
||||
position: absolute;
|
||||
top:25%;
|
||||
right: 5px;
|
||||
}
|
||||
afx-list-view.dropdown > div.list-container > ul li:hover{
|
||||
background-color: #464646;
|
||||
}
|
||||
|
||||
afx-list-view ul.complex-content{
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
@ -76,15 +45,15 @@ afx-list-view ul.complex-content li{
|
||||
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-list-view .afx-list-item li afx-label.description i.label-text
|
||||
{
|
||||
font-size: 13px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
|
||||
@ -1,12 +1,3 @@
|
||||
afx-menu afx-switch span{
|
||||
padding-top: 3px;
|
||||
font-size: 16px;
|
||||
height: 19px;
|
||||
}
|
||||
afx-menu span.shortcut{
|
||||
text-align: right;
|
||||
margin-left: 3px;
|
||||
}
|
||||
afx-menu li:hover > a afx-switch span:before{
|
||||
color:white;
|
||||
}
|
||||
@ -20,14 +11,6 @@ afx-menu afx-menu ul {
|
||||
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.65);
|
||||
background-color: #363636;
|
||||
}
|
||||
afx-menu ul li /*, afx-menu ul >afx-menu-entry > li*/{
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
afx-menu afx-menu li{
|
||||
min-width: 150px;
|
||||
width: calc(100% - 10px);
|
||||
}
|
||||
|
||||
afx-menu li:hover {
|
||||
background-color: #2786F3;
|
||||
@ -37,13 +20,7 @@ afx-menu li:hover > a {
|
||||
}
|
||||
|
||||
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{
|
||||
@ -52,12 +29,4 @@ afx-menu afx-menu .afx_submenu:before, afx-menu ul.context .afx_submenu:before
|
||||
border-top-left-radius: 0px;
|
||||
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.65);
|
||||
background-color: #363636;
|
||||
}
|
||||
afx-menu ul.context li{
|
||||
min-width: 150px;
|
||||
width: calc(100% - 10px);
|
||||
}
|
||||
|
||||
afx-menu afx-label span {
|
||||
height: 22px !important;
|
||||
}
|
||||
@ -1,6 +1,5 @@
|
||||
afx-nspinner ul li{
|
||||
border: 1px solid #262626;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
afx-nspinner ul li.incr{
|
||||
@ -16,10 +15,4 @@ afx-nspinner ul li.decr{
|
||||
|
||||
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;
|
||||
}
|
||||
@ -1,7 +1,7 @@
|
||||
|
||||
afx-slider div.container{
|
||||
border-radius: 3px;
|
||||
height: 5px;
|
||||
height: 10px;
|
||||
background-color: #868686;
|
||||
}
|
||||
|
||||
@ -11,9 +11,18 @@ afx-slider div.progress {
|
||||
}
|
||||
|
||||
afx-slider div.dragpoint {
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
border:1px solid #262626;
|
||||
border-radius: 15px;
|
||||
background-color:#868686;
|
||||
}
|
||||
|
||||
afx-slider div.dragpoint::before
|
||||
{
|
||||
content: "\f0d7";
|
||||
font-family: "FontAwesome";
|
||||
position: absolute;
|
||||
bottom: -9px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
color:#868686;
|
||||
}
|
||||
|
||||
26
src/themes/antos_dark/afx-stack-menu.css
Normal file
26
src/themes/antos_dark/afx-stack-menu.css
Normal file
@ -0,0 +1,26 @@
|
||||
afx-list-view > div.list-container > ul afx-stack-menu-item.afx-list-item li:hover {
|
||||
background-color: #464646;
|
||||
}
|
||||
|
||||
afx-list-view > div.list-container > ul afx-stack-menu-item.afx-list-item li.selected afx-switch span:before
|
||||
{
|
||||
color:white;
|
||||
}
|
||||
|
||||
|
||||
afx-list-view > div.list-container > ul > afx-stack-menu-item.afx-list-item > li.selected{
|
||||
background-color: #116cd6;
|
||||
color:white;
|
||||
}
|
||||
|
||||
afx-stack-menu > afx-button button
|
||||
{
|
||||
border-radius: 0;
|
||||
}
|
||||
afx-stack-menu.context {
|
||||
border:1px solid #262626;
|
||||
border-radius: 5px;
|
||||
border-top-left-radius: 0px;
|
||||
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.65);
|
||||
background-color: #363636;
|
||||
}
|
||||
@ -1,8 +1,7 @@
|
||||
afx-sys-panel > div{
|
||||
background-color: #363636;
|
||||
border-bottom: 1px solid #262626;
|
||||
border-top: 1px solid #262626;
|
||||
box-shadow: none;
|
||||
height: 22px;
|
||||
}
|
||||
|
||||
afx-sys-panel .afx-panel-os-menu li
|
||||
@ -48,15 +47,11 @@ afx-sys-panel afx-overlay
|
||||
border: 1px solid #262626;
|
||||
}
|
||||
afx-sys-panel afx-list-view[data-id="applist"],
|
||||
afx-sys-panel afx-list-view[data-id="catlist"],
|
||||
afx-sys-panel afx-resizer
|
||||
afx-sys-panel afx-tab-bar[data-id="catlist"]
|
||||
{
|
||||
border-top: 1px solid #262626;
|
||||
border-bottom: 1px solid #262626;
|
||||
}
|
||||
|
||||
afx-sys-panel afx-list-view[data-id="applist"] > div.list-container > ul li,
|
||||
afx-sys-panel afx-list-view[data-id="catlist"] > div.list-container > ul li
|
||||
afx-sys-panel afx-list-view[data-id="applist"] > div.list-container > ul li
|
||||
{
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
@ -68,23 +63,22 @@ afx-sys-panel afx-hbox[data-id="btlist"] afx-button button
|
||||
border: 0;
|
||||
border-left: 1px solid #262626;
|
||||
border-top: 1px solid #262626;
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
afx-sys-panel afx-list-view[data-id="applist"] > div.list-container > ul li:hover,
|
||||
afx-sys-panel afx-list-view[data-id="catlist"] > div.list-container > ul li:hover
|
||||
afx-sys-panel afx-list-view[data-id="applist"] > div.list-container > ul .afx-list-item li:hover
|
||||
{
|
||||
background-color: #cecece;
|
||||
color: #262626;
|
||||
border-radius: 10px;
|
||||
}
|
||||
afx-sys-panel afx-list-view[data-id="applist"] > div.list-container > ul li.selected,
|
||||
afx-sys-panel afx-list-view[data-id="catlist"] > div.list-container > ul li.selected
|
||||
|
||||
afx-sys-panel afx-list-view[data-id="applist"] > div.list-container > ul .afx-list-item li.selected
|
||||
{
|
||||
background-color: #116cd6;
|
||||
color:white;
|
||||
}
|
||||
|
||||
afx-sys-panel afx-list-view[data-id="catlist"] .label-text {
|
||||
afx-sys-panel afx-tab-bar[data-id="catlist"] .afx-list-view i.label-text {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
@ -92,16 +86,7 @@ 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 {
|
||||
margin-right: 10px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
afx-sys-panel afx-list-view[data-id="applist"] afx-label i.bi::before
|
||||
{
|
||||
width: 16px;
|
||||
}
|
||||
afx-sys-panel div[data-id="searchicon"]:before{
|
||||
content: "\f002";
|
||||
display: block;
|
||||
@ -113,7 +98,8 @@ afx-sys-panel div[data-id="searchicon"]:before{
|
||||
}
|
||||
afx-sys-panel input{
|
||||
border:0;
|
||||
height: 25px;
|
||||
height: 30px;
|
||||
color:#afafaf;
|
||||
font-size: 16px;
|
||||
background-color: transparent;
|
||||
}
|
||||
@ -1,15 +1,14 @@
|
||||
|
||||
afx-tab-bar afx-list-view > div.list-container > ul > afx-list-item > li.selected
|
||||
afx-tab-bar[dir="horizontal"] afx-list-view > div.list-container > ul > afx-list-item > li.selected
|
||||
{
|
||||
background-color: #464646;
|
||||
color:white;
|
||||
border-bottom:1px solid #262626;
|
||||
}
|
||||
|
||||
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 #262626;
|
||||
afx-tab-bar[dir="vertical"] afx-list-view > div.list-container > ul > afx-list-item > li.selected
|
||||
{
|
||||
background-color: #464646;
|
||||
color:white;
|
||||
border-right:1px solid #262626;
|
||||
}
|
||||
@ -1,12 +1,4 @@
|
||||
|
||||
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;
|
||||
|
||||
@ -1,29 +1,15 @@
|
||||
html,body{
|
||||
font-family: "Ubuntu";
|
||||
font-size: 13px;
|
||||
color: white;
|
||||
}
|
||||
#workspace {
|
||||
top: 23px;
|
||||
}
|
||||
|
||||
#desktop{
|
||||
top:0;
|
||||
left: 35px;
|
||||
}
|
||||
#desktop > div > ul afx-list-item {
|
||||
width: 70px;
|
||||
color: white;
|
||||
padding:3px;
|
||||
}
|
||||
|
||||
#desktop > div > ul afx-list-item li.selected {
|
||||
background-color: #116cd6;
|
||||
color:white;
|
||||
border-radius: 6px;
|
||||
width: 70px;
|
||||
color: white;
|
||||
padding:3px;
|
||||
}
|
||||
|
||||
#desktop > div > ul afx-list-item i.file:before{
|
||||
|
||||
@ -1,55 +1,47 @@
|
||||
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;
|
||||
border-radius: 0;
|
||||
background-color:#dfdfdf;
|
||||
}
|
||||
afx-app-window.unactive > div.afx-window-wrapper{
|
||||
background-color: #f6f6f6;
|
||||
/*background-color: #f6f6f6;*/
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
afx-app-window ul.afx-window-top{
|
||||
height: 20px;
|
||||
border-bottom: 1px solid #a6a6a6;
|
||||
}
|
||||
afx-app-window div.afx-window-overlay {
|
||||
top: 22px;
|
||||
}
|
||||
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;
|
||||
margin-right: 10px;
|
||||
}
|
||||
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;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
afx-app-window div.afx-window-content
|
||||
{
|
||||
background-color: white;
|
||||
border-bottom-left-radius: 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
/*
|
||||
afx-app-window.unactive div.afx-window-content
|
||||
{
|
||||
background-color:white;
|
||||
}*/
|
||||
afx-app-window ul.afx-window-top button:hover
|
||||
{
|
||||
background-color: #2786F3;
|
||||
color: white;
|
||||
}
|
||||
@ -1,21 +1,15 @@
|
||||
afx-button button{
|
||||
padding: 4px;
|
||||
border: 1px solid #a6a6a6;
|
||||
background-color: #f6F6F6;
|
||||
color: #414339;
|
||||
border-radius: 6px;
|
||||
border-radius: 3px;
|
||||
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;
|
||||
|
||||
@ -1,7 +1,4 @@
|
||||
afx-apps-dock{
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
width: 32px;
|
||||
background-color:#e7e7e7;
|
||||
padding:0;
|
||||
padding-top: 0;
|
||||
@ -10,23 +7,7 @@ afx-apps-dock{
|
||||
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;
|
||||
|
||||
@ -1,7 +1,4 @@
|
||||
afx-file-view afx-label.status{
|
||||
padding:3px;
|
||||
right: 0px;
|
||||
height: 15px;
|
||||
background-color: #f6F6F6;
|
||||
border-top: 1px solid #cbcbcb;
|
||||
}
|
||||
@ -13,7 +10,7 @@ afx-file-view afx-list-view > div.list-container > ul li{
|
||||
margin-right: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
afx-file-view afx-list-view > div.list-container > ul afx-list-item:nth-child(even) li {
|
||||
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{
|
||||
@ -38,7 +35,7 @@ afx-file-view afx-list-view i.file:before{
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
}
|
||||
afx-file-view afx-list-view > div.list-container > ul > afx-list-item > li.selected
|
||||
afx-file-view afx-list-view > div.list-container > ul > .afx-list-item > li.selected
|
||||
{
|
||||
background-color: transparent;
|
||||
}
|
||||
@ -53,7 +50,6 @@ afx-file-view afx-grid-view{
|
||||
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;
|
||||
@ -61,7 +57,6 @@ afx-file-view afx-grid-view i.file:before{
|
||||
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;
|
||||
@ -72,36 +67,27 @@ afx-file-view afx-grid-view i{
|
||||
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;
|
||||
}
|
||||
@ -110,14 +96,10 @@ afx-file-view afx-tree-view div.afx_tree_item_selected, afx-file-view afx-tree-v
|
||||
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{
|
||||
afx-file-view afx-tree-view div.afx_tree_item_selected ul{
|
||||
background-color: #116cd6;
|
||||
color:white;
|
||||
border-radius: 3px;
|
||||
border-radius: 0x;
|
||||
|
||||
}
|
||||
afx-file-view afx-tree-view div.afx_tree_item_selected i.file:before{
|
||||
|
||||
@ -1,29 +1,18 @@
|
||||
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{
|
||||
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.dropdown > div.list-container > ul li:hover{
|
||||
background-color: #dcdcdc;
|
||||
color: #414339;
|
||||
}
|
||||
afx-list-view > div.list-container > ul > afx-list-item > li.selected{
|
||||
afx-list-view > div.list-container > ul > .afx-list-item li.selected{
|
||||
background-color: #116cd6;
|
||||
color:white;
|
||||
}
|
||||
@ -32,37 +21,15 @@ 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{
|
||||
afx-list-view.dropdown{
|
||||
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;
|
||||
@ -79,14 +46,15 @@ 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-list-view .afx-list-item li afx-label.description i.label-text
|
||||
{
|
||||
font-size: 13px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
@ -1,12 +1,3 @@
|
||||
afx-menu afx-switch span{
|
||||
padding-top: 3px;
|
||||
font-size: 16px;
|
||||
height: 19px;
|
||||
}
|
||||
afx-menu span.shortcut{
|
||||
text-align: right;
|
||||
margin-left: 3px;
|
||||
}
|
||||
afx-menu li:hover > a afx-switch span:before{
|
||||
color:white;
|
||||
}
|
||||
@ -20,14 +11,6 @@ afx-menu afx-menu ul {
|
||||
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-left: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
afx-menu afx-menu li{
|
||||
min-width: 150px;
|
||||
width: calc(100% - 10px);
|
||||
}
|
||||
|
||||
afx-menu li:hover {
|
||||
background-color: #2786F3;
|
||||
@ -37,13 +20,7 @@ afx-menu li:hover > a {
|
||||
}
|
||||
|
||||
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{
|
||||
@ -53,11 +30,3 @@ afx-menu afx-menu .afx_submenu:before, afx-menu ul.context .afx_submenu:before
|
||||
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.65);
|
||||
background-color: #e7e7e7;
|
||||
}
|
||||
afx-menu ul.context li{
|
||||
min-width: 150px;
|
||||
width: calc(100% - 10px);
|
||||
}
|
||||
|
||||
afx-menu afx-label span {
|
||||
height: 22px !important;
|
||||
}
|
||||
@ -1,6 +1,5 @@
|
||||
afx-nspinner ul li{
|
||||
border: 1px solid #a6a6a6;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
afx-nspinner ul li.incr{
|
||||
@ -17,9 +16,3 @@ afx-nspinner ul li.decr{
|
||||
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;
|
||||
}
|
||||
@ -11,9 +11,18 @@ afx-slider div.progress {
|
||||
}
|
||||
|
||||
afx-slider div.dragpoint {
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
border:1px solid #6b6b6b;
|
||||
border-radius: 15px;
|
||||
background-color:#e6e6e6;
|
||||
}
|
||||
|
||||
afx-slider div.dragpoint::before
|
||||
{
|
||||
content: "\f0d7";
|
||||
font-family: "FontAwesome";
|
||||
position: absolute;
|
||||
bottom: -9px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
color:#868686;
|
||||
}
|
||||
|
||||
24
src/themes/antos_light/afx-stack-menu.css
Normal file
24
src/themes/antos_light/afx-stack-menu.css
Normal file
@ -0,0 +1,24 @@
|
||||
afx-list-view > div.list-container > ul afx-stack-menu-item.afx-list-item li:hover {
|
||||
background-color: #cecece;
|
||||
}
|
||||
afx-list-view > div.list-container > ul afx-stack-menu-item.afx-list-item li.selected afx-switch span:before
|
||||
{
|
||||
color:white;
|
||||
}
|
||||
|
||||
afx-list-view > div.list-container > ul > afx-stack-menu-item.afx-list-item > li.selected{
|
||||
background-color: #116cd6;
|
||||
color:white;
|
||||
}
|
||||
afx-stack-menu > afx-button button
|
||||
{
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
afx-stack-menu.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;
|
||||
}
|
||||
@ -1,8 +1,7 @@
|
||||
afx-sys-panel > div{
|
||||
background-color: #e7e7e7;
|
||||
border-bottom: 1px solid #9c9C9C;
|
||||
border-top: 1px solid #9c9C9C;
|
||||
box-shadow:none;
|
||||
height: 22px;
|
||||
}
|
||||
|
||||
afx-sys-panel .afx-panel-os-menu li
|
||||
@ -48,15 +47,11 @@ afx-sys-panel afx-overlay
|
||||
border: 1px solid #9c9C9C;
|
||||
}
|
||||
afx-sys-panel afx-list-view[data-id="applist"],
|
||||
afx-sys-panel afx-list-view[data-id="catlist"],
|
||||
afx-sys-panel afx-resizer
|
||||
afx-sys-panel afx-tab-bar[data-id="catlist"]
|
||||
{
|
||||
border-top: 1px solid #afafaf;
|
||||
border-bottom: 1px solid #afafaf;
|
||||
}
|
||||
|
||||
afx-sys-panel afx-list-view[data-id="applist"] > div.list-container > ul li,
|
||||
afx-sys-panel afx-list-view[data-id="catlist"] > div.list-container > ul li
|
||||
afx-sys-panel afx-list-view[data-id="applist"] > div.list-container > ul li
|
||||
{
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
@ -68,39 +63,26 @@ afx-sys-panel afx-hbox[data-id="btlist"] afx-button button
|
||||
border: 0;
|
||||
border-left: 1px solid #afafaf;
|
||||
border-top: 1px solid #afafaf;
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
afx-sys-panel afx-list-view[data-id="applist"] > div.list-container > ul li:hover,
|
||||
afx-sys-panel afx-list-view[data-id="catlist"] > div.list-container > ul li:hover
|
||||
|
||||
afx-sys-panel afx-list-view[data-id="applist"] > div.list-container > ul .afx-list-item li:hover
|
||||
{
|
||||
background-color: #cecece;
|
||||
border-radius: 10px;
|
||||
}
|
||||
afx-sys-panel afx-list-view[data-id="applist"] > div.list-container > ul li.selected,
|
||||
afx-sys-panel afx-list-view[data-id="catlist"] > div.list-container > ul li.selected
|
||||
{
|
||||
afx-sys-panel afx-list-view[data-id="applist"] > div.list-container > ul .afx-list-item li.selected{
|
||||
background-color: #116cd6;
|
||||
color:white;
|
||||
}
|
||||
|
||||
|
||||
afx-sys-panel afx-list-view[data-id="catlist"] .label-text {
|
||||
afx-sys-panel afx-tab-bar[data-id="catlist"] .afx-list-view i.label-text {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
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 {
|
||||
margin-right: 10px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
afx-sys-panel afx-list-view[data-id="applist"] afx-label i.bi::before
|
||||
{
|
||||
width: 16px;
|
||||
}
|
||||
|
||||
afx-sys-panel div[data-id="searchicon"]:before{
|
||||
@ -116,5 +98,6 @@ afx-sys-panel input{
|
||||
border:0;
|
||||
height: 25px;
|
||||
color:#afafaf;
|
||||
font-size: 16px;
|
||||
background-color: transparent;
|
||||
}
|
||||
@ -1,15 +1,14 @@
|
||||
|
||||
afx-tab-bar afx-list-view > div.list-container > ul > afx-list-item > li.selected
|
||||
afx-tab-bar[dir="horizontal"] afx-list-view > div.list-container > ul > afx-list-item > li.selected
|
||||
{
|
||||
background-color: #116cd6;
|
||||
color:white;
|
||||
border-bottom:1px solid #c3c3c3;
|
||||
}
|
||||
|
||||
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-tab-bar[dir="vertical"] afx-list-view > div.list-container > ul > afx-list-item > li.selected
|
||||
{
|
||||
background-color: #116cd6;
|
||||
color:white;
|
||||
border-right:1px solid #c3c3c3;
|
||||
}
|
||||
@ -1,11 +1,3 @@
|
||||
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;
|
||||
|
||||
@ -1,29 +1,16 @@
|
||||
html,body{
|
||||
font-family: "Ubuntu";
|
||||
font-size: 13px;
|
||||
color:#414339;
|
||||
}
|
||||
#workspace {
|
||||
top: 23px;
|
||||
}
|
||||
|
||||
#desktop{
|
||||
top:0;
|
||||
left: 35px;
|
||||
}
|
||||
#desktop > div > ul afx-list-item {
|
||||
width: 70px;
|
||||
color: white;
|
||||
padding:3px;
|
||||
}
|
||||
|
||||
#desktop > div > ul afx-list-item li.selected {
|
||||
background-color: #116cd6;
|
||||
color:white;
|
||||
border-radius: 6px;
|
||||
width: 70px;
|
||||
color: white;
|
||||
padding:3px;
|
||||
}
|
||||
|
||||
#desktop > div > ul afx-list-item i.file:before{
|
||||
|
||||
@ -14,6 +14,9 @@ afx-app-window ul.afx-window-top{
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
padding:0;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
afx-app-window ul.loading::before{
|
||||
@ -33,10 +36,12 @@ afx-app-window ul.loading::before {
|
||||
afx-app-window ul.afx-window-top li{
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
afx-app-window ul li.afx-window-title{
|
||||
float:none;
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
afx-app-window div.afx-window-content
|
||||
@ -81,8 +86,31 @@ afx-app-window div.afx-window-overlay {
|
||||
background-color: transparent;
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 5px;
|
||||
right: 5px;
|
||||
top: 42px;
|
||||
}
|
||||
|
||||
afx-app-window div.afx-window-wrapper > afx-stack-menu.context {
|
||||
top: 42px;
|
||||
left: 5px;
|
||||
}
|
||||
|
||||
afx-app-window ul.afx-window-top afx-button button{
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
font-size: 22px;
|
||||
margin-bottom: 0;
|
||||
padding:0px;
|
||||
background-color: transparent;
|
||||
border:0;
|
||||
border-radius: 0;
|
||||
}
|
||||
afx-app-window ul.afx-window-top afx-button afx-label i.icon-style{
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin-left: 2px;
|
||||
margin-bottom: 0px;
|
||||
border:0;
|
||||
}
|
||||
@ -1,7 +1,17 @@
|
||||
afx-button button{
|
||||
outline: none;
|
||||
min-height: 35px;
|
||||
min-width: 40px;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
afx-button i.icon-style {
|
||||
float: left;
|
||||
}
|
||||
|
||||
afx-button afx-label i.icon-style {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
display: inline-block;
|
||||
}
|
||||
@ -1,5 +1,22 @@
|
||||
afx-apps-dock{
|
||||
float: left;
|
||||
position: absolute;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
overflow: hidden;
|
||||
}
|
||||
afx-apps-dock afx-button button{
|
||||
width: 40px;
|
||||
height: 35px;
|
||||
font-size: 22px;
|
||||
margin-bottom: 0;
|
||||
padding:0px;
|
||||
background-color: transparent;
|
||||
border:0;
|
||||
border-radius: 0;
|
||||
}
|
||||
afx-apps-dock afx-button afx-label i.icon-style{
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
margin-left: 2px;
|
||||
margin-bottom: 0px;
|
||||
border:0;
|
||||
}
|
||||
@ -39,6 +39,7 @@ afx-file-view afx-tree-view{
|
||||
margin:0;
|
||||
overflow: hidden;
|
||||
background-color: transparent;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
afx-file-view afx-tree-view .afx_tree_item_odd{
|
||||
@ -57,4 +58,47 @@ afx-file-view div.treecontainer{
|
||||
overflow: auto;
|
||||
padding:0;
|
||||
margin:0;
|
||||
}
|
||||
|
||||
afx-file-view afx-tree-view .afx-tree-view-folder-close:before{
|
||||
font-size: 22px;
|
||||
}
|
||||
afx-file-view afx-tree-view .afx-tree-view-folder-open:before{
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
afx-file-view afx-tree-view .afx-tree-view-item:before{
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
afx-file-view afx-grid-view i.file:before{
|
||||
font-size: 21px;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
}
|
||||
afx-file-view afx-grid-view i.dir:before{
|
||||
font-size: 22px;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
}
|
||||
afx-file-view afx-tree-view li.itemname{
|
||||
padding-left: 10px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
afx-file-view afx-label.status{
|
||||
font-size: 13px;
|
||||
height: 24px;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
afx-file-view afx-label.status span{
|
||||
white-space: nowrap;
|
||||
width: 100%;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
afx-file-view afx-label.status i.label-text
|
||||
{
|
||||
padding-right: 5px;
|
||||
}
|
||||
@ -2,6 +2,11 @@ afx-grid-view afx-grid-row afx-grid-cell{
|
||||
user-select:none;
|
||||
-webkit-user-select:none;
|
||||
cursor:default;
|
||||
min-height: 25px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
afx-grid-view .grid_row_header afx-grid-cell{
|
||||
@ -9,6 +14,11 @@ afx-grid-view .grid_row_header afx-grid-cell{
|
||||
-webkit-user-select:none;
|
||||
cursor:default;
|
||||
font-weight: bold;
|
||||
min-height: 25px;
|
||||
display: flex;
|
||||
padding: 5px;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
afx-grid-view {
|
||||
@ -16,5 +26,21 @@ afx-grid-view {
|
||||
}
|
||||
|
||||
afx-grid-view afx-grid-cell afx-label {
|
||||
display: inline-block;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
afx-grid-view .grid_row_header afx-grid-cell[sort = "asc"] span::before
|
||||
{
|
||||
content: "\F574";
|
||||
font-family: "bootstrap-icons";
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
afx-grid-view .grid_row_header afx-grid-cell[sort = "desc"] span::before
|
||||
{
|
||||
content: "\F57B";
|
||||
font-family: "bootstrap-icons";
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
@ -5,6 +5,7 @@ afx-label span {
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-direction: row;
|
||||
height: 100%;
|
||||
}
|
||||
afx-label i.label-text{
|
||||
font-weight: normal;
|
||||
|
||||
@ -1,15 +1,20 @@
|
||||
afx-list-view{
|
||||
.afx-list-view{
|
||||
overflow:hidden;
|
||||
display: block;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
afx-list-view afx-list-item
|
||||
|
||||
afx-list-view .afx-list-item
|
||||
{
|
||||
display: contents;
|
||||
}
|
||||
afx-list-view > div.list-container{
|
||||
overflow: auto;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
afx-list-view > div.list-container > ul{
|
||||
margin:0;
|
||||
padding: 0;
|
||||
@ -17,12 +22,29 @@ afx-list-view > div.list-container > ul{
|
||||
|
||||
afx-list-view > div.list-container > ul li{
|
||||
margin:0;
|
||||
padding:0;
|
||||
min-height: 25px;
|
||||
padding: 5px;
|
||||
list-style: none;
|
||||
position: relative;
|
||||
-webkit-user-select:none;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
cursor:default;
|
||||
}
|
||||
afx-list-view > div.list-container > ul afx-dbline-list-item li{
|
||||
min-height: 40px;
|
||||
}
|
||||
.afx-list-view[dir='horizontal'] > div.list-container > ul
|
||||
{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
afx-list-view > div.list-container > ul li > i {
|
||||
margin-right: 3px;
|
||||
}
|
||||
|
||||
afx-list-view i.closable{
|
||||
display: inline-block;
|
||||
@ -36,6 +58,7 @@ afx-list-view i.closable:before{
|
||||
content: "\f00d";
|
||||
font-family: "FontAwesome";
|
||||
font-style: normal;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
afx-list-view.dropdown {
|
||||
@ -44,17 +67,43 @@ afx-list-view.dropdown {
|
||||
}
|
||||
afx-list-view.dropdown > div.list-container{
|
||||
overflow: visible;
|
||||
position: absolute;
|
||||
}
|
||||
afx-list-view.dropdown > div.list-container > div
|
||||
{
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
afx-list-view.dropdown > div.list-container > ul{
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
max-height: 200px;
|
||||
z-index: 10;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 100%;
|
||||
}
|
||||
|
||||
afx-list-view.dropdown > div.list-container > ul li{
|
||||
display: inline-block;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
afx-list-view afx-list-item afx-label {
|
||||
display: inline-block;
|
||||
afx-list-view.dropdown div.list-container div:before {
|
||||
content: "\f107";
|
||||
font-family: "FontAwesome";
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
position: absolute;
|
||||
right: 5px;
|
||||
}
|
||||
afx-list-view.dropdown div.list-container div > afx-label{
|
||||
padding-left:3px;
|
||||
}
|
||||
afx-list-view div.button_container afx-button button
|
||||
{
|
||||
min-width: 30px;
|
||||
min-height: 30px;
|
||||
}
|
||||
@ -85,4 +85,36 @@ afx-menu li.afx-corner-fix:hover{
|
||||
}
|
||||
afx-menu ul.context li{
|
||||
clear:float;
|
||||
min-width: 150px;
|
||||
width: calc(100% - 10px);
|
||||
}
|
||||
|
||||
afx-menu afx-switch span{
|
||||
padding-top: 3px;
|
||||
font-size: 16px;
|
||||
height: 19px;
|
||||
}
|
||||
afx-menu span.shortcut{
|
||||
text-align: right;
|
||||
margin-left: 3px;
|
||||
}
|
||||
afx-menu ul li /*, afx-menu ul >afx-menu-entry > li*/{
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
afx-menu afx-menu li{
|
||||
min-width: 150px;
|
||||
width: calc(100% - 10px);
|
||||
}
|
||||
afx-menu afx-menu .afx_submenu:before, afx-menu ul.context .afx_submenu:before{
|
||||
content: "\f054";
|
||||
font-family: "FontAwesome";
|
||||
font-size: 10px;
|
||||
right:5px;
|
||||
position:absolute;
|
||||
top:25%;
|
||||
}
|
||||
|
||||
afx-menu afx-label span {
|
||||
height: 22px !important;
|
||||
}
|
||||
@ -6,25 +6,36 @@ afx-nspinner ul{
|
||||
padding:0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 40px;
|
||||
}
|
||||
afx-nspinner input{
|
||||
margin: 0;
|
||||
height: 100%;
|
||||
width: calc(100% - 40px);
|
||||
flex: 1;
|
||||
}
|
||||
afx-nspinner ul li{
|
||||
display: block;
|
||||
display: flex;
|
||||
padding:0;
|
||||
margin: 0;
|
||||
flex: 1;
|
||||
width: 100%;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
afx-nspinner ul li.incr i:before{
|
||||
content: "\f0d8";
|
||||
font-family: "FontAwesome";
|
||||
font-style: normal;
|
||||
font-size: 20px;
|
||||
|
||||
}
|
||||
afx-nspinner ul li.decr i:before{
|
||||
content: "\f0d7";
|
||||
font-family: "FontAwesome";
|
||||
font-style: normal;
|
||||
|
||||
font-size: 20px;
|
||||
}
|
||||
@ -20,4 +20,5 @@ afx-slider div.progress {
|
||||
|
||||
afx-slider div.dragpoint {
|
||||
display: block;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
51
src/themes/system/afx-stack-menu.css
Normal file
51
src/themes/system/afx-stack-menu.css
Normal file
@ -0,0 +1,51 @@
|
||||
afx-stack-menu {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-width: 200px;
|
||||
}
|
||||
|
||||
afx-stack-menu .afx-list-view
|
||||
{
|
||||
flex: 1;
|
||||
}
|
||||
afx-stack-menu > afx-button button
|
||||
{
|
||||
width: 100%;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
afx-stack-menu > afx-button .label-text
|
||||
{
|
||||
font-weight: bold;
|
||||
}
|
||||
afx-stack-menu.context
|
||||
{
|
||||
position: absolute;
|
||||
z-index: 1000000;
|
||||
}
|
||||
afx-stack-menu.context .afx-list-view > div.list-container
|
||||
{
|
||||
overflow: unset;
|
||||
}
|
||||
afx-stack-menu-item div
|
||||
{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
afx-stack-menu-item afx-label {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
}
|
||||
afx-stack-menu-item .shortcut
|
||||
{
|
||||
margin-left: 10px;
|
||||
font-size: 13px;
|
||||
}
|
||||
afx-stack-menu-item .afx-submenu:before
|
||||
{
|
||||
content: "\f054";
|
||||
font-family: "FontAwesome";
|
||||
margin-left: 5px;
|
||||
}
|
||||
@ -2,17 +2,26 @@
|
||||
afx-sys-panel{
|
||||
padding:0;
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
}
|
||||
afx-sys-panel > div{
|
||||
width: 100%;
|
||||
margin:0;
|
||||
padding: 0;
|
||||
position:absolute;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
height: 35px;
|
||||
}
|
||||
|
||||
afx-sys-panel afx-overlay
|
||||
{
|
||||
width: 400px;
|
||||
bottom: 35px;
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
afx-sys-panel > div.loading::before{
|
||||
background-color: orangered;
|
||||
@ -24,7 +33,7 @@ afx-sys-panel > div.loading::before{
|
||||
|
||||
afx-sys-panel > div.loading::before {
|
||||
right: 0;
|
||||
bottom:0;
|
||||
top:0;
|
||||
animation: sys-loading 1s linear infinite;
|
||||
}
|
||||
|
||||
@ -59,12 +68,10 @@ afx-sys-panel > div.loading::before {
|
||||
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;
|
||||
}
|
||||
|
||||
@ -83,13 +90,6 @@ afx-sys-panel afx-menu.afx-panel-os-stray afx-menu afx-menu{
|
||||
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%;
|
||||
@ -98,8 +98,45 @@ afx-sys-panel afx-hbox[data-id="btlist"] afx-button button
|
||||
border: 0px;
|
||||
}
|
||||
|
||||
afx-sys-panel afx-list-view[data-id="applist"] afx-label span,
|
||||
afx-sys-panel afx-list-view[data-id="catlist"] afx-label span
|
||||
afx-sys-panel afx-list-view[data-id="applist"] > div.list-container {
|
||||
margin: 0 auto;
|
||||
}
|
||||
afx-sys-panel afx-list-view[data-id="applist"] > div.list-container > ul
|
||||
{
|
||||
white-space: nowrap;
|
||||
display: flex;
|
||||
flex-flow: row wrap;
|
||||
justify-content: center;
|
||||
}
|
||||
afx-sys-panel afx-list-view[data-id="applist"] > div.list-container > ul li{
|
||||
/*display: block;*/
|
||||
width: 70px;
|
||||
text-align: center;
|
||||
font-size: 40px;
|
||||
justify-content: normal !important;
|
||||
}
|
||||
|
||||
afx-sys-panel afx-list-view[data-id="applist"] i{
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
afx-sys-panel afx-list-view[data-id="applist"] i.label-text{
|
||||
word-break: break-word;
|
||||
font-size: 14px;
|
||||
}
|
||||
afx-sys-panel afx-list-view[data-id="applist"] i.icon-style {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
afx-sys-panel afx-list-view[data-id="applist"] afx-label span
|
||||
{
|
||||
flex-direction: column;
|
||||
}
|
||||
afx-sys-panel afx-list-view[data-id="applist"] > div.list-container > ul li:hover {
|
||||
background-color: transparent;
|
||||
}
|
||||
afx-sys-panel afx-list-view[data-id="applist"]> div.list-container > ul .afx-list-item:nth-child(even) li
|
||||
{
|
||||
background-color: transparent;
|
||||
}
|
||||
@ -7,12 +7,26 @@ 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
|
||||
afx-tab-bar afx-list-view > div.list-container > ul .afx-list-item:nth-child(even) li,
|
||||
afx-tab-bar afx-list-view > div.list-container > ul li
|
||||
{
|
||||
background-color: transparent;
|
||||
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
|
||||
afx-tab-bar afx-list-view > div.list-container > ul li{
|
||||
float:left;
|
||||
afx-tab-bar[dir="vertical"] afx-list-view > div.list-container
|
||||
{
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
afx-tab-bar[dir="horizontal"] afx-list-view > div.list-container
|
||||
{
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
afx-tab-bar afx-list-view > div.list-container > ul li afx-label i.label-text
|
||||
{
|
||||
white-space: nowrap;
|
||||
}
|
||||
@ -15,6 +15,14 @@ afx-tree-view li{
|
||||
list-style: none;
|
||||
margin:0;
|
||||
padding: 0;
|
||||
min-height: 35px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
afx-tree-view li.itemname
|
||||
{
|
||||
padding-left: 10px;
|
||||
}
|
||||
afx-tree-view div{
|
||||
-webkit-user-select:none;
|
||||
@ -28,8 +36,19 @@ afx-tree-view i.icon-style {
|
||||
afx-tree-view .afx-tree-view-folder-open:before{
|
||||
content: "\f147";
|
||||
font-family: "FontAwesome";
|
||||
font-size: 22px;
|
||||
}
|
||||
afx-tree-view .afx-tree-view-folder-close:before{
|
||||
content: "\f196";
|
||||
font-family: "FontAwesome";
|
||||
font-size: 22px;
|
||||
}
|
||||
afx-tree-view div{
|
||||
padding-left:3px;
|
||||
padding-right: 3px;
|
||||
}
|
||||
|
||||
afx-tree-view i.icon-style {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
@ -4,6 +4,16 @@ html,body{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
touch-action: none;
|
||||
font-size: 14px;
|
||||
}
|
||||
#desktop > div > ul afx-list-item {
|
||||
width: 70px;
|
||||
padding:3px;
|
||||
}
|
||||
#desktop > div > ul afx-list-item li
|
||||
{
|
||||
padding: 3px;
|
||||
}
|
||||
body
|
||||
{
|
||||
@ -28,7 +38,8 @@ body
|
||||
#workspace {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
bottom: 35px;
|
||||
}
|
||||
|
||||
#desktop{
|
||||
@ -39,6 +50,9 @@ body
|
||||
user-select:none;
|
||||
cursor: default;
|
||||
padding:0px;
|
||||
overflow: hidden;
|
||||
top:0;
|
||||
left: 0;
|
||||
}
|
||||
#desktop > div > ul afx-list-item {
|
||||
display:block;
|
||||
|
||||
Reference in New Issue
Block a user