3388
ediciones
Cambios
sin resumen de edición
/* Los estilos CSS colocados aquí se aplicarán a todas las apariencias */
/* Oculta título y categorías en la Portada */
body.page-Portada h1.firstHeading, body.page-Portada #catlinks-sidebar { display:none; }
/* Oculta artículos destacados de la versión móvil en la versión de escritorio */
/* Common.css no se tiene en cuenta en la versión móvil (Mobile.css) */
}
/* Oculta fecha de última modificacion en pie de páginas */
display:none;
}
/* ocultar la tabla de contenidos */.toc, #toc { display: none; }
/* Responsive two column layout */
color:#6C3483;
border-bottom:3px solid #A569BD;
}
.column-style-5{
display:table-cell;
vertical-align:middle;
padding:10px;
font-weight:bold;
color:#105B7E;
border-bottom:3px solid #4B9CC1;
}
}
/*Botones*/
.boton-blue{
text-decoration: none;
.boton-blue:hover{
color: #1883ba;
background-color: #ffffff;
}
.boton-green{
text-decoration: none;
padding: 10px;
font-weight: 600;
font-size: 20px;
color: #ffffff;
border-radius: 6px;
background-color: #117A65;
}
.boton-green:hover{
color: #117A65;
background-color: #ffffff;
}
.boton-grey{
text-decoration: none;
padding: 10px;
font-weight: 600;
font-size: 20px;
color: #ffffff;
border-radius: 6px;
background-color: #797D7F;
}
.boton-grey:hover{
color: #797D7F;
background-color: #ffffff;
}
/* Efecto Poemas */
.container{
position: relative;
width:100%;
height: 100%;
perspective: 1000px;
transform-style: preserve-3d;
}
.card{
position: absolute;
width: 100%;
height: 100%;
display: flex;
place-items: center;
border-left: rgba(255, 255, 255, 0.342) 1px solid;
border-top: rgba(255, 255, 255, 0.342) 1px solid;
border-radius: 20px;
backdrop-filter: blur(30px);
box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px;
color: white;
backface-visibility: hidden;
font-family: Arial, Helvetica, sans-serif;
transform: rotateY(0deg);
transform-style: preserve-3d;
transition: 2.5s cubic-bezier(0.4, 0.2, 0.2, 1);
}
.front{
background: rgba(255, 255, 255, 0.109);
transform: rotateY(0deg);
padding: 10px;
}
.back{
background: rgba(255, 255, 255, 0.109);
transform: rotateY(180deg);
padding: 10px;
}
.container:hover > .front{
transform: rotateY(-180deg);
}
.container:hover > .back{
transform: rotateY(0deg);
}
.btn{
border: 1px solid white;
background: rgba(255, 255, 255, 0.21);
padding: 10px 20px;
border-radius: 20px;
text-decoration: none;
color: white;
transition: all 0.5s;
}
.btn:hover{
padding: 10px 40px;
background: white;
color:black
}
.pm-frame {
border-radius: .2em;
margin: 1em 0 2em 0;
box-shadow: 0 0 .3em #999;
transition: all 0.25s;
}
.pm-frame:after {
display: block;
content: "";
clear: both;
}
.pm-frame-header { border-radius: .2em; color: #fff; padding: .4em .8em .5em; font-weight: bold;}.pm-frame-header:before { display: inline-block; /* THE CARD HOLDS THE FRONT AND BACK FACES Add some content in order to get normal line height, then make it transparent */ content: "x"; color: transparent; width: 40px; opacity: .7; background-size: 27px; background-repeat: no-repeat; background-position: left center;}.pm-content-rtl .tb-frame-header:before { background-position: right center;}.pm-frame-body { padding: 1em;} #flip-container{ -webkit-perspective: 1000px; perspective: 1000px; padding: 50px; position: relative; margin: 10px auto; width: 500px;}.thecardcarta {
position: relative;
transform-style: preserve-3d;
}
}
position: absolute;
width: 100%;
height: auto100%; border-radiuswebkit-backface-visibility: 10pxhidden;
backface-visibility: hidden;
}
}
}
/*Plantilla de Videos*/.thefront pMainPageSisterProjects__wrapper, .MainPageSisterProjects__wrapper * { box-sizing: border-box;}.MainPageSisterProjects__wrapper { margin: 10px auto; padding: 0 10px; border: 0px solid #AAA; background: transparent; max-width: 1000px;}.theback pMainPageSisterProjects__heading { font-familysize: 'zilla slab', sans-serif1.2em; /*padding: 30px.6em;*/ font-weight: normalbold; text-align: center; font}.MainPageSisterProjects__group { flex-wrap: wrap; display: flex; justify-content: space-between; border-bottom: 1px solid #AAA;}.MainPageSisterProjects__group:last-child { border:none;}.MainPageSisterProjects__group::after { content: ""; flex: 1 0 30%;}.MainPageSisterProjects__cell { width: 300px; display: inline-block; display: flex; flex: 1 0 30%;}.MainPageSisterProjects__cell-image { padding: 7px; width: 54px; min-width: 54px; /* ensure content width (these are tablecells) */ vertical-sizealign: middle; display: 12pxtable-cell; text-align: center; box-sizing: content-box; /* table cells + padding + borderbox is weird */}.MainPageSisterProjects__cell-content { min-width: 150px; min-height: 40px; padding: 7px; vertical-align: top; display: table-cell;}@media screen and (max-width:550px) { .MainPageSisterProjects__wrapper { padding: 0; } .MainPageSisterProjects__group::after { display: none; } .MainPageSisterProjects__cell-image { padding: 5px; width: 36px; min-width: 36px; /* ensure content width (these are tablecells) */ } .MainPageSisterProjects__cell-content { padding: 5px; }
}