82 lines
1.6 KiB
CSS
82 lines
1.6 KiB
CSS
.travel-theme-wrap {
|
|
display: inline-block;
|
|
position: relative;
|
|
}
|
|
|
|
.travel-theme-wrap section {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 35px;
|
|
box-shadow: 3px 3px 10px rgba(110, 110, 110, 0.5);
|
|
background-color: #fbfbfb;
|
|
padding: 14px;
|
|
border-radius: 0 5px 5px 5px;
|
|
z-index: 100;
|
|
width: 320px;
|
|
border: 1px solid #c7c7c7;
|
|
display: none;
|
|
}
|
|
|
|
.travel-theme-wrap section:hover,
|
|
.travel-theme-wrap.hover section {
|
|
display: block;
|
|
}
|
|
|
|
.travel-theme-wrap section ul {
|
|
margin-bottom: 14px;
|
|
overflow: hidden;
|
|
margin-right: -14px;
|
|
}
|
|
|
|
.travel-theme-wrap section ul:empty:before {
|
|
content: '没有已保存的出行模式...';
|
|
color: #888;
|
|
font-style: italic;
|
|
}
|
|
|
|
.travel-theme-wrap section ul li {
|
|
float: left;
|
|
width: 150px;
|
|
margin-right: 14px;
|
|
line-height: 35px;
|
|
position: relative;
|
|
border: 1px solid #e1e1e1;
|
|
color: #3b3b3b;
|
|
margin-bottom: 11px;
|
|
cursor: pointer;
|
|
border-radius: 5px;
|
|
text-indent: 15px;
|
|
}
|
|
|
|
.travel-theme-wrap section ul li.selected {
|
|
color: #b07547;
|
|
background-color: #fff5e6;
|
|
border-color: #edd1b4;
|
|
}
|
|
|
|
.travel-theme-wrap section ul li:hover {
|
|
border-color: #e19b23;
|
|
background: linear-gradient(to top, #f78c21, #fca818);
|
|
color: #fff;
|
|
}
|
|
|
|
|
|
.travel-theme-wrap section ul li i {
|
|
position: absolute;
|
|
right: 10px;
|
|
top: 10px;
|
|
}
|
|
|
|
.travel-theme-wrap section ul li i:hover {
|
|
color: red;
|
|
}
|
|
|
|
/*对话框*/
|
|
#save-travel-method {
|
|
width: 400px;
|
|
}
|
|
#save-travel-method p {
|
|
color: #979797;
|
|
margin-bottom: 20px;
|
|
}
|