Template:Infobox person/styles.css: Difference between revisions
Template page
More actions
Created page with ".ws-infobox{ width:320px; float:right; margin:0 0 20px 25px; border:1px solid #dfe6ef; border-radius:12px; background:#fff; border-collapse:collapse; overflow:hidden; box-shadow:0 4px 12px rgba(0,0,0,.08); font-size:14px; } .ws-infobox-title{ background:#163A8C; color:#fff; font-size:22px; padding:15px; text-align:center; } .ws-infobox th{ width:38%; background:#f6f8fb; padding:10px; text-align:left; font-weight:600; border-top:1px solid #e8edf5; } .ws-infobox td{ pad..." |
No edit summary |
||
| Line 1: | Line 1: | ||
.ws-infobox{ | .ws-infobox{ | ||
float:right; | float:right; | ||
margin:0 0 | width:340px; | ||
margin:0 0 25px 30px; | |||
background:#fff; | background:#fff; | ||
border- | border-radius:18px; | ||
overflow:hidden; | overflow:hidden; | ||
box-shadow:0 | box-shadow:0 10px 30px rgba(0,0,0,.08); | ||
border:1px solid #e8edf4; | |||
font-size:14px; | font-size:14px; | ||
} | } | ||
.ws- | .ws-header{ | ||
background:#163A8C; | background:linear-gradient(135deg,#163A8C,#2956d7); | ||
padding:25px; | |||
text-align:center; | |||
color:#fff; | color:#fff; | ||
} | } | ||
.ws- | .ws-header img{ | ||
width: | width:220px; | ||
background:# | max-width:100%; | ||
padding: | border-radius:12px; | ||
background:#fff; | |||
font-weight: | padding:6px; | ||
box-shadow:0 8px 20px rgba(0,0,0,.18); | |||
} | |||
.ws-name{ | |||
font-size:28px; | |||
font-weight:700; | |||
margin-top:18px; | |||
} | |||
.ws-subtitle{ | |||
font-size:15px; | |||
opacity:.9; | |||
margin-top:8px; | |||
} | |||
.ws-body{ | |||
padding:18px; | |||
} | } | ||
.ws- | .ws-row{ | ||
padding: | display:flex; | ||
border- | justify-content:space-between; | ||
gap:15px; | |||
padding:12px 0; | |||
border-bottom:1px solid #eef2f8; | |||
} | } | ||
.ws- | .ws-row:last-child{ | ||
border-bottom:none; | |||
} | } | ||
.ws- | .ws-label{ | ||
font-weight:700; | |||
color:#163A8C; | |||
width:40%; | |||
} | } | ||
.ws- | .ws-value{ | ||
width:60%; | |||
text-align:right; | |||
color:# | color:#444; | ||
word-break:break-word; | |||
} | } | ||
@media(max-width:768px){ | @media (max-width:768px){ | ||
.ws-infobox{ | .ws-infobox{ | ||
| Line 59: | Line 74: | ||
width:100%; | width:100%; | ||
margin:20px 0; | margin:20px 0; | ||
} | |||
.ws-row{ | |||
flex-direction:column; | |||
} | |||
.ws-label, | |||
.ws-value{ | |||
width:100%; | |||
text-align:left; | |||
} | } | ||
} | } | ||
Revision as of 17:53, 23 July 2026
.ws-infobox{
float:right;
width:340px;
margin:0 0 25px 30px;
background:#fff;
border-radius:18px;
overflow:hidden;
box-shadow:0 10px 30px rgba(0,0,0,.08);
border:1px solid #e8edf4;
font-size:14px;
}
.ws-header{
background:linear-gradient(135deg,#163A8C,#2956d7);
padding:25px;
text-align:center;
color:#fff;
}
.ws-header img{
width:220px;
max-width:100%;
border-radius:12px;
background:#fff;
padding:6px;
box-shadow:0 8px 20px rgba(0,0,0,.18);
}
.ws-name{
font-size:28px;
font-weight:700;
margin-top:18px;
}
.ws-subtitle{
font-size:15px;
opacity:.9;
margin-top:8px;
}
.ws-body{
padding:18px;
}
.ws-row{
display:flex;
justify-content:space-between;
gap:15px;
padding:12px 0;
border-bottom:1px solid #eef2f8;
}
.ws-row:last-child{
border-bottom:none;
}
.ws-label{
font-weight:700;
color:#163A8C;
width:40%;
}
.ws-value{
width:60%;
text-align:right;
color:#444;
word-break:break-word;
}
@media (max-width:768px){
.ws-infobox{
float:none;
width:100%;
margin:20px 0;
}
.ws-row{
flex-direction:column;
}
.ws-label,
.ws-value{
width:100%;
text-align:left;
}
}