generator-minxing
Version:
generator for creating minxing web app.
128 lines • 2.13 kB
CSS
/** serch **/
.search{
font-size: 1.5rem;
padding: 0;
width: 100%;
height: 100%;
}
.search form{
padding: 0.5rem;
}
.search label{
display: block;
width: 100%;
color: #1a85fe;
margin: 0.2em;
padding: 0;
}
.search input#title{
width: 100%;
height: 34px;
border: 1px solid #dbdbdb;
padding-left: 4px;
}
.search .time{
width: 100%;
height: 34px;
border: 1px solid #dbdbdb;
}
.search .time2{
border-top: none;
}
.search .time span{
float: left;
display: inline-block;
margin-left:6px;
line-height: 34px;
}
.search .time time{
display: block;
float: right;
line-height: 34px;
width: 100px;
height: 34px;
}
.search ul{
width: 100%;
}
.search li{
position: relative;
width: 100%;
height: 34px;
border: 1px solid #dbdbdb;
border-bottom: 0;
z-index: 1;
}
.search li:last-child{
border-bottom: 1px solid #dbdbdb;
}
.search li label{
display: block;
width: 80%;
color: #000;
margin: 0;
line-height: 34px;
padding-left: 6px;
float: left;
font-weight: normal;
}
.search .btn-search{
display: block;
width: 100%;
height: 40px;
margin: 8px 0;
text-align: center;
border-radius: 5px;
color: #fff;
background: #1a85fe;
line-height: 40px;
}
.checkbox{
position: absolute;
right: 4px;
top: 8px;
width: 20px;
height: 20px;
padding: 0 5px 0 0;
display: block;
}
.styled{
margin-top: 10px ;
}
.am-icon-chevron-right{
color: #a7a7a7;
}
.am-icon-search{
margin-left: -5px;
}
.am-icon-check-circle-o{
color: #a7a7a7;
float: right;
margin-right: 11px;
line-height: 34px;
padding: 0;
}
.am-icon-check-circle{
color: #1a85fe;
float: right;
margin-right: 11px;
line-height: 34px;
padding: 0;
}
.am-icon-chevron-right:before{
float: right;
margin-right: 11px;
line-height: 34px;
}
.search-dialog{
width: 320px;
margin-left: -160px;
}
.search-dialog .am-modal-dialog{
border-radius: 5px;
}
.search-dialog .am-close{
position: absolute;
top: 4px;
right: 4px;
}