|
|
| Line 56: |
Line 56: |
| margin: 0 0 1em 0; | | margin: 0 0 1em 0; |
| } | | } |
| }
| |
| /* =======================================================
| |
| HERO HEADER - DR. MARCO TULIO
| |
| Não altera nenhum componente existente do MediaWiki
| |
| ======================================================= */
| |
|
| |
| .hero-medico{
| |
| position:relative;
| |
| width:100%;
| |
| max-width:100%;
| |
| height:460px;
| |
| overflow:hidden;
| |
| border-radius:18px;
| |
| margin:0 0 28px 0;
| |
| background:#09131f;
| |
| box-shadow:0 12px 40px rgba(0,0,0,.22);
| |
| }
| |
|
| |
| .hero-medico-img{
| |
| position:absolute;
| |
| inset:0;
| |
| width:100%;
| |
| height:100%;
| |
| object-fit:cover;
| |
| object-position:center top;
| |
| display:block;
| |
| }
| |
|
| |
| .hero-medico-overlay{
| |
| position:absolute;
| |
| inset:0;
| |
| background:
| |
| linear-gradient(
| |
| 180deg,
| |
| rgba(0,0,0,.05) 0%,
| |
| rgba(0,0,0,.20) 25%,
| |
| rgba(7,34,68,.55) 58%,
| |
| rgba(6,30,60,.88) 82%,
| |
| rgba(3,17,38,.98) 100%
| |
| );
| |
| pointer-events:none;
| |
| }
| |
|
| |
| .hero-medico-content{
| |
| position:absolute;
| |
| left:50%;
| |
| bottom:42px;
| |
| transform:translateX(-50%);
| |
| width:90%;
| |
| max-width:1100px;
| |
| text-align:center;
| |
| color:#fff;
| |
| z-index:3;
| |
| box-sizing:border-box;
| |
| }
| |
|
| |
| .hero-medico-tag{
| |
| display:inline-block;
| |
| padding:8px 18px;
| |
| border-radius:999px;
| |
| background:rgba(255,255,255,.16);
| |
| backdrop-filter:blur(8px);
| |
| -webkit-backdrop-filter:blur(8px);
| |
| font-size:14px;
| |
| font-weight:600;
| |
| letter-spacing:.3px;
| |
| margin-bottom:18px;
| |
| }
| |
|
| |
| .hero-medico-content h1{
| |
| margin:0;
| |
| padding:0;
| |
| color:#fff;
| |
| font-size:52px;
| |
| line-height:1.08;
| |
| font-weight:700;
| |
| text-shadow:0 3px 18px rgba(0,0,0,.45);
| |
| }
| |
|
| |
| .hero-medico-content p{
| |
| margin:16px auto 30px auto;
| |
| max-width:760px;
| |
| font-size:20px;
| |
| line-height:1.6;
| |
| color:rgba(255,255,255,.95);
| |
| text-shadow:0 2px 10px rgba(0,0,0,.35);
| |
| }
| |
|
| |
| .hero-medico-btn{
| |
| display:inline-block;
| |
| padding:16px 34px;
| |
| border-radius:999px;
| |
| background:#0071e3;
| |
| color:#fff !important;
| |
| text-decoration:none !important;
| |
| font-size:17px;
| |
| font-weight:700;
| |
| transition:background .25s ease;
| |
| box-shadow:0 8px 30px rgba(0,113,227,.35);
| |
| }
| |
|
| |
| .hero-medico-btn:hover{
| |
| background:#0077ed;
| |
| color:#fff !important;
| |
| text-decoration:none !important;
| |
| }
| |
|
| |
| .hero-medico-btn:visited{
| |
| color:#fff !important;
| |
| }
| |
|
| |
| @media screen and (max-width:900px){
| |
|
| |
| .hero-medico{
| |
| height:380px;
| |
| border-radius:14px;
| |
| }
| |
|
| |
| .hero-medico-content h1{
| |
| font-size:38px;
| |
| }
| |
|
| |
| .hero-medico-content p{
| |
| font-size:18px;
| |
| }
| |
|
| |
| }
| |
|
| |
| @media screen and (max-width:600px){
| |
|
| |
| .hero-medico{
| |
| height:300px;
| |
| border-radius:10px;
| |
| }
| |
|
| |
| .hero-medico-content{
| |
| bottom:20px;
| |
| width:92%;
| |
| }
| |
|
| |
| .hero-medico-tag{
| |
| font-size:12px;
| |
| padding:6px 14px;
| |
| margin-bottom:12px;
| |
| }
| |
|
| |
| .hero-medico-content h1{
| |
| font-size:28px;
| |
| line-height:1.15;
| |
| }
| |
|
| |
| .hero-medico-content p{
| |
| font-size:15px;
| |
| line-height:1.45;
| |
| margin:12px auto 18px auto;
| |
| }
| |
|
| |
| .hero-medico-btn{
| |
| display:block;
| |
| width:100%;
| |
| box-sizing:border-box;
| |
| padding:15px 18px;
| |
| font-size:16px;
| |
| }
| |
|
| |
| } | | } |
/* CSS placed here will be applied to all skins */
.infobox-medico {
float: right;
width: 300px;
max-width: 100%;
box-sizing: border-box;
margin: 0 0 1em 1em;
border: 1px solid #a2a9b1;
background: #f8f9fa;
padding: 0.5em;
font-size: 90%;
}
.infobox-medico-imagem img {
max-width: 100%;
height: auto;
}
.infobox-medico-titulo {
font-size: 120%;
font-weight: bold;
text-align: center;
padding: 0.3em 0;
}
.infobox-medico-descricao {
font-style: italic;
text-align: center;
padding-bottom: 0.5em;
border-bottom: 1px solid #a2a9b1;
margin-bottom: 0.5em;
}
.infobox-medico-tabela {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
}
.infobox-medico-tabela th {
text-align: left;
vertical-align: top;
padding: 0.3em;
width: 40%;
word-wrap: break-word;
overflow-wrap: break-word;
word-break: break-word;
}
.infobox-medico-tabela td {
padding: 0.3em;
vertical-align: top;
word-wrap: break-word;
overflow-wrap: break-word;
word-break: break-word;
}
@media (max-width: 480px) {
.infobox-medico {
float: none;
width: 100%;
margin: 0 0 1em 0;
}
}
