mirror of
https://github.com/hanzoai/daisho-riot.git
synced 2026-10-30 18:41:48 +00:00
188 lines
4.3 KiB
CSS
188 lines
4.3 KiB
CSS
daisho-poly-control{
|
|
display:block;
|
|
}
|
|
daisho-text-control{
|
|
height:4em;
|
|
margin:1em 0;
|
|
position:relative;
|
|
width:100%;
|
|
display:block;
|
|
}
|
|
daisho-text-control input,
|
|
daisho-text-control label{
|
|
cursor:text;
|
|
font-size:1em;
|
|
padding:1.6em 0 0.6em 0em;
|
|
position:absolute;
|
|
-webkit-transition:all 0.15s ease;
|
|
transition:all 0.15s ease;
|
|
width:100%;
|
|
}
|
|
daisho-text-control input{
|
|
color:#606060;
|
|
border:0;
|
|
border-bottom:solid #252525 1px;
|
|
outline:none;
|
|
box-shadow:0 0 0px 1000px #fff inset;
|
|
}
|
|
daisho-text-control input.filled ~ label,
|
|
daisho-text-control input:focus ~ label{
|
|
font-size:0.7em;
|
|
position:absolute;
|
|
padding-top:0.3em;
|
|
}
|
|
daisho-text-control label{
|
|
color:#252525;
|
|
padding:1.5em 0;
|
|
pointer-events:none;
|
|
}
|
|
button,
|
|
.button{
|
|
background-color:#252525;
|
|
border:0;
|
|
color:#fff;
|
|
padding:0.5em 1em;
|
|
box-shadow:0.1em 0.1em 1em rgba(0,0,0,0.5);
|
|
outline:none;
|
|
-webkit-transition:all 0.5s ease;
|
|
transition:all 0.5s ease;
|
|
cursor:pointer;
|
|
}
|
|
button.disabled,
|
|
.button.disabled,
|
|
button:disabled,
|
|
.button:disabled{
|
|
background-color:#fff;
|
|
border:1px solid #cecece;
|
|
color:#cecece;
|
|
box-shadow:none;
|
|
}
|
|
button:hover,
|
|
.button:hover{
|
|
box-shadow:0.1em 0.3em 1em rgba(0,0,0,0.5);
|
|
}
|
|
daisho-static-text{
|
|
display:block;
|
|
}
|
|
daisho-table-widget{
|
|
display:table;
|
|
position:relative;
|
|
width:100%;
|
|
}
|
|
daisho-table-widget .table-head{
|
|
display:table-header-group;
|
|
width:100%;
|
|
}
|
|
daisho-table-widget .table-body{
|
|
display:table-row-group;
|
|
width:100%;
|
|
}
|
|
daisho-table-widget .table-row{
|
|
display:table-row;
|
|
width:100%;
|
|
}
|
|
daisho-table-widget .table-row > *,
|
|
daisho-table-widget .table-cell{
|
|
display:table-cell;
|
|
}
|
|
daisho-table-widget .table-row,
|
|
daisho-table-widget daisho-table-row{
|
|
height:50px;
|
|
}
|
|
daisho-table-widget .table-row > *,
|
|
daisho-table-widget daisho-table-row > *{
|
|
position:relative;
|
|
line-height:3.8em;
|
|
}
|
|
daisho-table-widget .table-row > *:first-child,
|
|
daisho-table-widget daisho-table-row > *:first-child{
|
|
padding-left:32px;
|
|
}
|
|
daisho-table-widget .table-row > *:last-child,
|
|
daisho-table-widget daisho-table-row > *:last-child{
|
|
padding-right:32px;
|
|
}
|
|
daisho-table-widget .table-head .table-row,
|
|
daisho-table-widget .table-head daisho-table-row{
|
|
height:82px;
|
|
}
|
|
daisho-table-widget .table-head .table-row > *,
|
|
daisho-table-widget .table-head daisho-table-row > *{
|
|
padding-top:32px;
|
|
}
|
|
daisho-table-widget .table-body:before{
|
|
content:'';
|
|
display:block;
|
|
position:absolute;
|
|
width:100%;
|
|
top:82px;
|
|
left:0;
|
|
bottom:0;
|
|
right:0;
|
|
box-shadow:0.1em 0.1em 1em rgba(0,0,0,0.3);
|
|
}
|
|
daisho-table-widget .table-body .table-row:first-child > *,
|
|
daisho-table-widget .table-body daisho-table-row:first-child > *{
|
|
height:82px;
|
|
padding-top:32px;
|
|
}
|
|
daisho-table-widget .table-body .table-row:last-child > *,
|
|
daisho-table-widget .table-body daisho-table-row:last-child > *{
|
|
padding-bottom:32px;
|
|
}
|
|
daisho-table-widget .table-body .table-row:last-child > *:after,
|
|
daisho-table-widget .table-body daisho-table-row:last-child > *:after{
|
|
border-bottom:0;
|
|
}
|
|
daisho-table-widget .table-body .table-row > *,
|
|
daisho-table-widget .table-body daisho-table-row > *{
|
|
background-color:#fff;
|
|
}
|
|
daisho-table-widget .table-body .table-row > *:after,
|
|
daisho-table-widget .table-body daisho-table-row > *:after{
|
|
content:'';
|
|
display:block;
|
|
width:100%;
|
|
height:0;
|
|
position:absolute;
|
|
bottom:0;
|
|
border-bottom:1px solid #cecece;
|
|
}
|
|
daisho-table-widget .table-body .table-row > *:first-child:after,
|
|
daisho-table-widget .table-body daisho-table-row > *:first-child:after{
|
|
left:32px;
|
|
}
|
|
daisho-table-widget .table-body .table-row > *:last-child:after,
|
|
daisho-table-widget .table-body daisho-table-row > *:last-child:after{
|
|
right:32px;
|
|
}
|
|
daisho-menu-widget,
|
|
daisho-table-filter-menu-widget{
|
|
display:block;
|
|
padding-bottom:15px;
|
|
}
|
|
daisho-menu-widget daisho-inline-text-control,
|
|
daisho-table-filter-menu-widget daisho-inline-text-control{
|
|
height:60px;
|
|
display:block;
|
|
padding:17px 20px;
|
|
}
|
|
daisho-menu-widget daisho-inline-text-control input,
|
|
daisho-table-filter-menu-widget daisho-inline-text-control input{
|
|
width:100%;
|
|
font-size:1.1em;
|
|
border:0;
|
|
outline:none;
|
|
}
|
|
daisho-menu-widget > ul,
|
|
daisho-table-filter-menu-widget > ul{
|
|
overflow-y:scroll;
|
|
list-style:none;
|
|
padding:0;
|
|
margin:0;
|
|
}
|
|
daisho-menu-widget > ul > li,
|
|
daisho-table-filter-menu-widget > ul > li{
|
|
padding:20px;
|
|
cursor:pointer;
|
|
}/*# sourceMappingURL=main.css.map */ |