File size: 4.9Kb
.sw_content {
position: relative;
text-align: center;
}
.sw_content_man {
background: linear-gradient(45deg, #EBFFFE, #9791FF);
height: 225px;
display: inline-block;
width: 47%;
border-radius: 7px;
box-shadow: 0 14px 28px rgba(0,0,0,0.1), 0 10px 10px rgba(0,0,0,0.1);
position: relative;
margin-top: 10px;
vertical-align: top;
}
.sw_content_woman {
background: linear-gradient(45deg, #FFFEEB, #FFA7F6);
height: 225px;
display: inline-block;
width: 47%;
border-radius: 7px;
box-shadow: 0 14px 28px rgba(0,0,0,0.1), 0 10px 10px rgba(0,0,0,0.1);
margin-right: 4px;
margin-top: 10px;
position: relative;
vertical-align: top;
}
.sw_content_man_title {
height: 25px;
line-height: 25px;
display: inline-block;
width: 47%;
border-radius: 7px;
margin-top: 15px;
font-weight: bold;
font-size: 15px;
text-align: right;
}
.sw_content_man_title a{
padding: 1px 0.7em;
display: inline-block;
float: left;
background-color: #85A5FF;
color: white;
font-weight: bold;
font-size: 13px;
border-radius: 7px;
}
.sw_content_woman_title a{
padding: 1px 0.7em;
display: inline-block;
float: right;
background-color: #FF72CA;
color: white;
font-weight: bold;
font-size: 13px;
border-radius: 7px;
}
.sw_content_woman_title {
height: 25px;
line-height: 25px;
display: inline-block;
width: 47%;
border-radius: 7px;
margin-right: 4px;
margin-top: 15px;
font-weight: bold;
font-size: 15px;
text-align: left;
}
.sw_content_woman i{
color: white;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.sw_content_woman_title span, .sw_content_man_title span{
padding: 0.7em;
}
.sw_content_man i{
color: white;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.sw_vs {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 138px;
max-width: 62px;
z-index: 2;
}
.ws_ind {
background-color: #546E7A;
margin: 7px;
height: 14px;
border-radius: 7px;
font-size: 11px;
font-weight: bold;
overflow: hidden;
position: relative;
z-index: 2;
line-height: 14px;
box-sizing: border-box;
}
.ws_ind span{
color: white;
position: absolute;
z-index: 4;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.ws_progress {
background-color: #1DF27F;
height: 14px;
position: relative;
z-index: 3;
line-height: 14px;
box-sizing: border-box;
}
.ws_menu {
display: block;
margin-bottom: 10px;
padding: 9px;
text-align: center;
background-color: #22CBA6;
color: white;
font-weight: bold;
border-radius: 7px;
}
.ws_panel {
background-color: #CCE1EB;
width: 30px;
height: 30px;
line-height: 38px;
text-align: center;
border-radius: 100%;
display: inline-block;
margin: 3px;
}
.ws_menu_button {
position: absolute;
z-index: 2;
background-color: white;
padding: 5px 1.2em;
bottom: 10px;
border: 0px;
border-radius: 15px;
left: 50%;
transform: translateX(-50%);
font-size: 12px;
}
.modal_bottom_title2 i{
position: relative;
color: black;
top: 10px;
left: 165px;
}
.ws_lyap {
position: absolute;
max-width: 50px;
max-height: 70px;
z-index: 1;
}
.ws_avatars {
position: absolute;
width: 100%;
text-align: center;
top: 90px;
z-index: 5;
}
.ws_view {
height: 150px;
width: 100%;
position: relative;
overflow: hidden;
top: 3px;
}
.ws_menu_span {
position: absolute;
z-index: 2;
min-width: 95px;
background-color: #B9E9FF;
padding: 5px 1.2em;
bottom: 10px;
border: 0px;
border-radius: 15px;
left: 50%;
transform: translateX(-50%);
font-size: 12px;
}
.ws_menu_span i{
color: black;
position: relative;
top: 8px;
left: 0;
}