Template:Infobox person/styles.css: Difference between revisions

.ws-infobox{
float:right;
width:340px;
margin:0 0 20px 25px;
border-collapse:collapse;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
overflow:hidden;
box-shadow:0 8px 20px rgba(0,0,0,.08);
font-size:14px;
}

.ws-title{
background:linear-gradient(135deg,#163A8C,#2d5bdb);
color:#fff;
padding:18px;
text-align:center;
}

.ws-title img{
display:block;
margin:0 auto 15px;
border-radius:12px;
background:#fff;
padding:6px;
max-width:100%;
height:auto;
}

.ws-name{
font-size:26px;
font-weight:700;
line-height:1.2;
margin-top:10px;
}

.ws-subtitle{
margin-top:6px;
font-size:15px;
opacity:.95;
}

.ws-infobox th{
width:38%;
padding:12px 14px;
text-align:left;
background:#f8fafc;
color:#163A8C;
font-weight:700;
border-top:1px solid #edf2f7;
vertical-align:top;
}

.ws-infobox td{
padding:12px 14px;
border-top:1px solid #edf2f7;
color:#444;
line-height:1.5;
}

.ws-infobox tr:first-child th,
.ws-infobox tr:first-child td{
border-top:none;
}

@media (max-width:768px){

.ws-infobox{
float:none;
width:100%;
margin:20px 0;
}

}

.ws-infobox,
.ws-infobox *{
box-sizing:border-box;
}

.ws-infobox tr{
height:auto !important;
min-height:0 !important;
}

.ws-infobox td,
.ws-infobox th{
padding:10px 14px !important;
margin:0 !important;
height:auto !important;
min-height:0 !important;
line-height:1.4 !important;
vertical-align:top !important;
}

.ws-infobox p,
.ws-infobox div{
margin:0 !important;
padding:0 !important;
}