You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
142 lines
2.7 KiB
142 lines
2.7 KiB
@charset "utf-8";
|
|
/* CSS Document */
|
|
.exopBtn p.money a {
|
|
background-image: url(../images/money.svg);
|
|
}
|
|
.exopBtn p.heart a {
|
|
background-image: url(../images/heart.svg);
|
|
}
|
|
.exopBtn p.trash a {
|
|
background-image: url(../images/trash.svg);
|
|
}
|
|
.expoList li div.expoListRight h4 {
|
|
color: #093969;
|
|
}
|
|
/*-----------------------for PC-----------------------*/
|
|
@media screen and (min-width:801px) {
|
|
/*-----------------expo sort--------------------*/
|
|
#expoSort {
|
|
padding:15px;
|
|
background: #f5f5f5;
|
|
text-align:center;
|
|
}
|
|
#expoSort li {
|
|
display:inline-block;
|
|
width:28%;
|
|
margin-right:1%;
|
|
text-align:left;
|
|
}
|
|
#expoSort li .datepicker{ width:45%;}
|
|
|
|
#expoSort li:last-child {
|
|
margin:0;
|
|
width:10%;
|
|
}
|
|
#expoSort .btn {
|
|
width:100%
|
|
}
|
|
/*-----------------expo list--------------------*/
|
|
.expoList {
|
|
border-top: 1px solid #e0e0e0;
|
|
}
|
|
.expoList li {
|
|
padding: 10px 0;
|
|
overflow: auto;
|
|
position: relative;
|
|
border-bottom: 1px solid #e0e0e0;
|
|
}
|
|
.expoList li:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
.expoList li div.expoListLeft {
|
|
float: left;
|
|
width: 100px;
|
|
border: 1px solid #e0e0e0;
|
|
}
|
|
.expoList li div.expoListRight {
|
|
width: 70%;
|
|
margin-left: 115px;
|
|
}
|
|
/*----------------exopBtn------------------*/
|
|
.exopBtn {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 10px;
|
|
}
|
|
.exopBtn p {
|
|
margin-bottom: 6px;
|
|
}
|
|
.exopBtn p a {
|
|
display: block;
|
|
background-repeat: no-repeat;
|
|
background-size: 20px 20px;
|
|
text-decoration: none;
|
|
background-position: left center;
|
|
padding-left: 24px;
|
|
}
|
|
}
|
|
|
|
/*------------------for mobile------------------------*/
|
|
@media screen and (max-width:800px) {
|
|
/*-----------------expo sort--------------------*/
|
|
#expoSort {
|
|
padding:10px;
|
|
background: #f5f5f5;
|
|
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1), 0px 3px 1px -2px rgba(0,0,0,0.1), 0px 1px 5px 0px rgba(0,0,0,0.1);
|
|
}
|
|
#expoSort li {
|
|
width:100%;
|
|
margin-bottom:10px;
|
|
}
|
|
#expoSort li .datepicker{ width:45%;}
|
|
#expoSort li:last-child {
|
|
margin:10px 0 0 0;
|
|
}
|
|
#expoSort .btn {
|
|
width: 100%;
|
|
}
|
|
|
|
/*-----------------expo--------------------*/
|
|
.expoList {
|
|
}
|
|
.expoList li {
|
|
overflow: auto;
|
|
border-bottom: 1px solid #e0e0e0;
|
|
padding: 10px 0;
|
|
}
|
|
.expoList li:first-child {
|
|
padding-top:0;
|
|
}
|
|
.expoList li div.expoListLeft {
|
|
float: left;
|
|
width: 80px;
|
|
border: 1px solid #e0e0e0;
|
|
}
|
|
.expoList li div.expoListRight {
|
|
width: auto;
|
|
margin-left: 90px;
|
|
}
|
|
.expoList li div.expoListRight h4 {
|
|
margin-bottom: 5px;
|
|
}
|
|
.expoList li div.expoListRight .italic {
|
|
display: none;
|
|
}
|
|
/*----------------exopBtn------------------*/
|
|
.exopBtn {
|
|
margin-top: 5px;
|
|
}
|
|
.exopBtn p {
|
|
margin-right: 5px;
|
|
display: inline-block;
|
|
line-height: 100%;
|
|
}
|
|
.exopBtn p a {
|
|
display: block;
|
|
background-repeat: no-repeat;
|
|
background-size: 16px 16px;
|
|
text-decoration: none;
|
|
background-position: left center;
|
|
padding-left: 20px;
|
|
}
|
|
}
|