|
|
| Línea 1: |
Línea 1: |
| /* ==========================================
| |
| INFOBOX PERSONA
| |
| ========================================== */
| |
|
| |
|
| .persona-infobox {
| |
| float: right;
| |
| clear: right;
| |
| width: 300px;
| |
| margin: 0 0 1em 1em;
| |
| padding: 0;
| |
| border: 1px solid #a2a9b1;
| |
| border-collapse: collapse;
| |
| background-color: #f8f9fa;
| |
| color: #202122;
| |
| font-size: 88%;
| |
| line-height: 1.5;
| |
| }
| |
|
| |
| /* Título */
| |
|
| |
| .persona-infobox .infobox-title {
| |
| background-color: #eaecf0;
| |
| color: #202122;
| |
| font-size: 125%;
| |
| font-weight: bold;
| |
| text-align: center;
| |
| padding: 0.4em;
| |
| }
| |
|
| |
| /* Imagen */
| |
|
| |
| .persona-infobox .infobox-image {
| |
| text-align: center;
| |
| padding: 0.5em;
| |
| background-color: #ffffff;
| |
| }
| |
|
| |
| .persona-infobox .infobox-image img {
| |
| max-width: 100%;
| |
| height: auto;
| |
| }
| |
|
| |
| .persona-infobox .infobox-caption {
| |
| margin-top: 0.4em;
| |
| font-size: 90%;
| |
| line-height: 1.3;
| |
| color: #54595d;
| |
| }
| |
|
| |
| /* Celdas */
| |
|
| |
| .persona-infobox th {
| |
| width: 35%;
| |
| padding: 0.35em 0.5em;
| |
| text-align: left;
| |
| vertical-align: top;
| |
| background-color: #eaecf0;
| |
| font-weight: bold;
| |
| }
| |
|
| |
| .persona-infobox td {
| |
| padding: 0.35em 0.5em;
| |
| vertical-align: top;
| |
| background-color: #f8f9fa;
| |
| }
| |
|
| |
| /* Firma */
| |
|
| |
| .persona-infobox .infobox-signature {
| |
| text-align: center;
| |
| padding: 0.7em;
| |
| background-color: #ffffff;
| |
| }
| |
|
| |
| /* Enlaces */
| |
|
| |
| .persona-infobox a {
| |
| color: #36c;
| |
| }
| |
|
| |
| /* Pantallas pequeñas */
| |
|
| |
| @media screen and (max-width: 720px) {
| |
| .persona-infobox {
| |
| float: none;
| |
| clear: both;
| |
| width: 100%;
| |
| margin: 1em 0;
| |
| }
| |
| }
| |