...
| UI Expand |
|---|
| title | Código y cambios que aplica |
|---|
|
| UI Tabs |
|---|
| UI Tab |
|---|
|
| Column |
|---|
| Bloque de código |
|---|
| language | css |
|---|
| theme | RDark |
|---|
| title | Subpáginas |
|---|
| collapse | true |
|---|
| .pageType .itemlink span {
align-items: center;
display: flex;
padding: 10px 50px;
width: auto;
margin:0 auto;
text-decoration: none !important;
background: #132e6f;
color: #ffffff !important;
font-weight: 600;
font-size: 18px;
cursor: pointer;
border-radius: 5px;
transition: all 0.3s ease-in-out;
}
.pageType .itemlink span:hover {
background-image:url('https://poliformat.upv.es/bggrande.png');
background-repeat:no-repeat;
background-position:center;
padding:40px 100px;
color: #ffffff!important;
}
.pageType .itemlink span:active {
transform: scale(0.9);
box-shadow: 0 0 20px #000000;
color: #ffffff !important;
background: #000000;
} |
|
| Column |
|---|
|
|
| UI Tab |
|---|
| title | Hipervínculos y texto |
|---|
|
| Column |
|---|
 Image Removed
| | Column |
|---|
| | Bloque de código |
|---|
| language | css |
|---|
| theme | RDark |
|---|
| title | Formato de texto |
|---|
| collapse | true |
|---|
| .column {
font-family: "Century Gothic" , CenturyGothic , AppleGothic , sans-serif;
font-size: 16.0px;
border: 0px solid white !important;
}
|
| Bloque de código |
|---|
| language | css |
|---|
| theme | RDark |
|---|
| title | Estilo de hipervínculo |
|---|
| collapse | true |
|---|
| .textbox a {
text-decoration: none !important;
color: #b90505 !important;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.textbox a:hover {
transform: scale(1.1);
box-shadow: 0 0 10px #000000;
background: #ffffff;
color: #0770cd !important;
}
.textbox a:active {
transform: scale(0.9);
box-shadow: 0 0 20px #000000;
color: #FFFFFF !important;
} |
|
| Column |
|---|
Image Added |
|
| UI Tab |
|---|
|
| Column |
|---|
| Bloque de código |
|---|
| language | css |
|---|
| theme | RDark |
|---|
| title | Exámenes |
|---|
| collapse | true |
|---|
| .assessmentType .itemlink span {
align-items: center;
display: flex;
justify-content: center;
padding: 15px 80px;
width: max-content;
margin:0 auto;
text-decoration: none !important;
background: #0770cd;
color: #FFFFFF !important;
font-size: 25px;
cursor: pointer;
border-radius: 5px;
transition: all 0.3s ease-in-out;
}
.assessmentType .itemlink span:hover {
transform: scale(1.1);
box-shadow: 0 0 10px #000000;
background: #ffffff;
color: #0770cd !important;
}
.assessmentType .itemlink span:active {
transform: scale(0.9);
box-shadow: 0 0 20px #000000;
color: #FFFFFF !important;
}
.listType .link-div .fa-item-text {
display: none;
vertical-align: text-top;
} |
|
| Column |
|---|
|
|
| UI Tab |
|---|
|
| Column |
|---|
| Bloque de código |
|---|
| language | css |
|---|
| theme | RDark |
|---|
| title | Enlace |
|---|
| collapse | true |
|---|
| .resourceType .itemlink {
align-items: center;
display: flex;
padding: 5px 20px;
width: max-content;
text-decoration: none !important;
background: #c00;
color: #FFFFFF !important;
cursor: pointer;
border-radius: 50px;
transition: all 0.3s ease-in-out;
}
.resourceType .itemlink:hover {
transform: scale(1.1);
box-shadow: 0 0 10px #000000;
background: #ffffff;
color: #0770cd !important;
}
.resourceType .itemlink:active {
transform: scale(0.9);
box-shadow: 0 0 20px #000000;
color: #FFFFFF !important;
} |
|
| Column |
|---|
|
|
| UI Tab |
|---|
| title | Iconos de las plantillas |
|---|
|
| Column |
|---|
| Bloque de código |
|---|
| language | css |
|---|
| theme | RDark |
|---|
| title | Iconos de las plantillas |
|---|
| collapse | true |
|---|
| .fa-lightbulb-o::before {
content: url('https://poliformat.upv.es/parasabermas%2050.png');
position: relative;
bottom: 8px;
right: 3px;
}
.fa-warning::before, .fa-exclamation-triangle::before {
content: url('https://poliformat.upv.es/warning30.png');
position: relative;
top: 5px;
right: 3px;
}
.fa-star::before {
content: url('https://poliformat.upv.es/recomendacion50.png');
display: flex;
bottom: 8px;
position: relative;
right: 10px;
} |
|
| Column |
|---|
|
|
| UI Tab |
|---|
|
| Column |
|---|
| Bloque de código |
|---|
| language | css |
|---|
| theme | RDark |
|---|
| title | Oculto |
|---|
| collapse | true |
|---|
| .oculto{
visibility: collapse;
} |
|
| Column |
|---|
La clase oculto sirve para ocultar elementos que no queremos que se muestren en pantalla, pero que, por alguna razón, deben estar incluidos en la página de Lessons. Para utilizarla, escribimos "oculto" en la casilla "Clase de CSS" que se encuentra en la ventana "Editar ítem" 
|
|
|
|
...
