mirror of
https://github.com/lxsang/antos-frontend.git
synced 2025-07-26 18:59:45 +02:00
add afx-label and afx-switch
This commit is contained in:
@ -1,44 +0,0 @@
|
||||
afx-feed {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
afx-feed > div{
|
||||
border:1px solid #a6a6a6;
|
||||
border-radius: 6px;
|
||||
background-color: #e9e9e9;
|
||||
}
|
||||
|
||||
afx-feed > div > p{
|
||||
padding:2px;
|
||||
padding-top: 0;
|
||||
padding-left: 5px;
|
||||
margin: 0;
|
||||
font-weight: bold;
|
||||
border-bottom: 1px solid #a6a6a6;
|
||||
position: relative;
|
||||
}
|
||||
afx-feed i.closable{
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
}
|
||||
afx-feed i.closable:before{
|
||||
content: "\f00d";
|
||||
font-family: "FontAwesome";
|
||||
font-size: 10px;
|
||||
right:5px;
|
||||
color: #414339;
|
||||
position:absolute;
|
||||
font-style: normal;
|
||||
top:5px;
|
||||
}
|
||||
afx-feed > div > div{
|
||||
background-color: white;
|
||||
padding:5px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
afx-feed > div > div > p{
|
||||
padding:0;
|
||||
margin: 0;
|
||||
}
|
87
src/themes/antos/afx-file-view.css
Normal file
87
src/themes/antos/afx-file-view.css
Normal file
@ -0,0 +1,87 @@
|
||||
afx-file-view {
|
||||
position: relative;
|
||||
}
|
||||
afx-file-view div.status{
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
left:0px;
|
||||
padding:3px;
|
||||
right: 0px;
|
||||
height: 15px;
|
||||
background-color: #dfdfdf;
|
||||
border-top: 1px solid #a6A6a6;
|
||||
}
|
||||
afx-file-view afx-list-view li{
|
||||
float:left;
|
||||
display: block;
|
||||
width:70px;
|
||||
height: 60px;
|
||||
background-color: transparent;
|
||||
text-align: center;
|
||||
padding:3px;
|
||||
margin-right: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
afx-file-view afx-list-view li:nth-child(odd){
|
||||
background-color: transparent;
|
||||
}
|
||||
afx-file-view afx-list-view i.afx-dir:before{
|
||||
content: "\f07b";
|
||||
font-family: "FontAwesome";
|
||||
font-size: 32px;
|
||||
color: #414339;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
afx-file-view afx-list-view i{
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
display: block;
|
||||
margin-left: 19px;
|
||||
}
|
||||
|
||||
|
||||
afx-file-view afx-list-view i.afx-file:before{
|
||||
content: "\f016";
|
||||
font-family: "FontAwesome";
|
||||
font-size: 28px;
|
||||
color: #414339;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
afx-file-view afx-list-view li.selected, afx-file-view afx-list-view li.selected i:before {
|
||||
background-color: #116cd6;
|
||||
color:white;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
afx-file-view afx-grid-view i.afx-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.afx-dir:before{
|
||||
content: "\f07b";
|
||||
font-family: "FontAwesome";
|
||||
font-size: 16px;
|
||||
color: #414339;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
}
|
||||
afx-file-view afx-grid-view i{
|
||||
display: inline-block;
|
||||
margin-right: 5px;
|
||||
}
|
||||
afx-file-view afx-grid-view afx-grid-row.selected i:before{
|
||||
color:white;
|
||||
}
|
||||
afx-file-view afx-grid-view afx-grid-row.grid_row_header{
|
||||
background-color: #dfdfdf;
|
||||
}
|
||||
afx-file-view afx-grid-view afx-grid-row.grid_row_header div{
|
||||
border: 1px solid #a6a6a6;
|
||||
}
|
@ -7,6 +7,9 @@ afx-grid-view afx-grid-row div{
|
||||
padding:3px;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
user-select:none;
|
||||
-webkit-user-select:none;
|
||||
cursor:default;
|
||||
}
|
||||
|
||||
afx-grid-view afx-grid-row:nth-child(even){
|
||||
@ -15,13 +18,9 @@ afx-grid-view afx-grid-row:nth-child(even){
|
||||
|
||||
afx-grid-view afx-grid-row.grid_row_header div{
|
||||
border-right: 2px solid #e5e5e5;
|
||||
}
|
||||
|
||||
afx-grid-view afx-grid-row i.icon-style {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
display: inline-block;
|
||||
float:left;
|
||||
user-select:none;
|
||||
-webkit-user-select:none;
|
||||
cursor:default;
|
||||
}
|
||||
afx-grid-view afx-grid-row.selected {
|
||||
background-color: #116cd6;
|
||||
|
6
src/themes/antos/afx-label.css
Normal file
6
src/themes/antos/afx-label.css
Normal file
@ -0,0 +1,6 @@
|
||||
afx-label i.icon-style {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
display: inline-block;
|
||||
float:left;
|
||||
}
|
@ -1,6 +1,7 @@
|
||||
afx-list-view{
|
||||
overflow:auto;
|
||||
padding: 5px;
|
||||
display: block;
|
||||
}
|
||||
/*
|
||||
afx-list-view div.list-container{
|
||||
@ -29,12 +30,6 @@ afx-list-view li{
|
||||
afx-list-view li:nth-child(odd){
|
||||
background-color: #f5F5F5;
|
||||
}
|
||||
afx-list-view i.icon-style {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
display: inline-block;
|
||||
float:left;
|
||||
}
|
||||
afx-list-view i.closable{
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
|
@ -15,12 +15,6 @@ afx-menu ul{
|
||||
padding:0;
|
||||
margin: 0;
|
||||
}
|
||||
afx-menu i.icon-style {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
display: inline-block;
|
||||
float:left;
|
||||
}
|
||||
|
||||
|
||||
afx-menu afx-menu ul {
|
||||
|
20
src/themes/antos/afx-switch.css
Normal file
20
src/themes/antos/afx-switch.css
Normal file
@ -0,0 +1,20 @@
|
||||
afx-switch span{
|
||||
display: inline-block;
|
||||
width: 30px;
|
||||
height:24px;
|
||||
cursor: pointer;
|
||||
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;
|
||||
}
|
Reference in New Issue
Block a user