elemento { width: 1800px; } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } .obj_issue_toc .sections:not(:first-child) { margin-top:-3.000rem; } @media (min-width: 992px) .obj_issue_toc .galleys, .obj_issue_toc .section { margin: 2.143rem-2.143rem; } @media (min-width: 768px) .obj_issue_toc .section_.obj_issue_toc .cover img { /* display: none;*/ } /* breadcums */ .cmp_breadcrumbs { width: 100%; padding: 0 12px; background: #f2f2f2; margin-top: 8px; border-radius: 5px; } .cmp_breadcrumbs ol { margin: 0 auto; } /* borde redondos */ .pkp_site_nav_menu { border-top-left-radius: 5px; border-top-right-radius: 5px; } /* fondo body */ .pkp_structure_content { background-color: #fff; padding-top: 1rem; } /* fondo de la página */ html, body { background: #EEF7FF; } /* mover el h1 mas abajo */ .pkp_structure_main .page h1 { margin-top: 10px; } .obj_issue_toc .heading .description { display: none; } @media (min-width: 992px) { .pkp_site_name_wrapper { height: 250px; } .pkp_site_name { display: none; } .pkp_structure_footer_wrapper { background: #2270B4; color: #FFFFFF; } .obj_issue_toc .cover img { border-style: ridge; } @media (min-width: 992px) { .pkp_structure_footer_wrapper a { color: #FFFFFF; } .pkp_brand_footer img { height: 15px; display: none; } .pkp_brand_footer { padding: 0.5rem; } @media (max-width: 992px) { .journal-description, .entidades { width: 100%; float: none; } #footer-left, #footer-center, #footer-right { float: none; margin-left: 0px; margin-top: 20px; width: 100%; } .info-footer, .logo-footer { text-align: center; margin-top: 20px; } .logo-footer img { display: none; } li.locale_es_ES:before { content: ""; background-image: url(https://www.vivatacademia.net/index.php/vivat/libraryFiles/downloadPublic/96); width: 30px; height: 25px; vertical-align: middle; display: inline-block; } li.locale_en_US:before { content: ""; background-image: url(https://www.vivatacademia.net/index.php/vivat/libraryFiles/downloadPublic/97); width: 30px; height: 25px; vertical-align: middle; display: inline-block; } elemento { } .pkp_block { padding: 0.43rem 1.43rem; font-size: 1rem; line-height: 1.33rem; } .pkp_block { font-size: 1rem; line-height: 1.33rem; /* Carrusel */ .slider { width: 100%; margin: auto; overflow: hidden; text-align: center; } .slider ul { margin-top: 0; display: flex; padding: 0; width: 300% !important; animation: cambio 30s infinite normal linear; animation-direction: alternate ; } .slider li { width: 100%; list-style: none; } .slider img { width: 100%; height: auto; } .pkp_navigation_primary_row { padding-left: 20px; padding-right: 20px; } @keyframes cambio { 0% { margin-left: 0; } 2.5% { margin-left: 0; } 25% { margin-left: -100%; } 50% { margin-left: -100%; } 75% { margin-left: -200%; } 100% { margin-left: -200%; } } W3.CSS

Slideshow Indicators

An example of using buttons to indicate how many slides there are in the slideshow, and which slide the user is currently viewing.