diff --git a/menu.html b/menu.html index 4ef9b4c9..7799a002 100644 --- a/menu.html +++ b/menu.html @@ -26,5 +26,6 @@ + diff --git a/temas.css b/temas.css index a4c86550..0045189b 100644 --- a/temas.css +++ b/temas.css @@ -654,6 +654,77 @@ aside.naturaleza1 { background-size: cover; } +/*Theme Grouvex Studios*/ +p.gstudios { + color: rgb(255, 255, 255); + text-shadow: white; + display: block; +} +/* Establece el fondo de toda la página a gris */ +body.gstudios{ + height: 100%; + flex-direction: column; + font-family: Arial, sans-serif; /* Tipo de letra */ + background-size: cover; + background-repeat: no-repeat; + background-image: url(https://grouvex.github.io/port/Si Fuera.jpg); +} +/* Estilo para el contenido principal */ +main.gstudios { + box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.75); + flex-wrap: wrap; + justify-content: center; + padding: 10px; + flex: 0; + color: white; + margin-top: 30px; + background-size: cover; + background-repeat: no-repeat; +} +h1.gstudios,h2.gstudios,h3.gstudios,h4.gstudios,h5.gstudios,h6.gstudios,h7.gstudios,h8.gstudios { + text-align: center; + color: white; + background: linear-gradient(45deg, transparent, yellow, red); + background-size: cover; + background-repeat: no-repeat; +} +mainTop.gstudios { + display: flex; + padding: 10px; + background-size: cover; + background-repeat: no-repeat; +} +.avatar1.gstudios { + width: 220px; + background-size: cover; + background-repeat: no-repeat; +} +/* Estilo para los artículos, secciones y barras laterales */ +article.gstudios { + border: 1px solid #ddd; /* Borde gris */ + margin: 10px; + padding: 10px; + box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Sombra suave */ + background-size: cover; + background-repeat: no-repeat; +} +section.space { + border: 1px solid #ddd; /* Borde gris */ + margin: 10px; + padding: 10px; + box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Sombra suave */ + background-size: cover; + background-repeat: no-repeat; +} +aside.gstudios { + border: 1px solid #ddd; /* Borde gris */ + margin: 10px; + padding: 10px; + box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Sombra suave */ + background-size: cover; + background-repeat: no-repeat; +} + /* Estilo para el pie de página */ footer { width: 100%; diff --git a/temas.js b/temas.js index 126fc857..d92413dc 100644 --- a/temas.js +++ b/temas.js @@ -41,7 +41,12 @@ function checkThemes() { } else { toggleThemeOption('naturaleza4', true); } - +// GStudios + if (true == true) { + toggleThemeOption('gstudios', false); + } else { + toggleThemeOption('gstudios', true); + } // Star Wars const startStarWarsWeek = new Date(date.getFullYear(), 4, 4); const endStarWarsWeek = new Date(date.getFullYear(), 4, 14); @@ -91,7 +96,7 @@ themeSelect.addEventListener('change', function() { // Elimina las clases de las opciones antiguas elements.forEach(function(element) { - element.classList.remove('theme1', 'theme2', 'space', 'starwars', 'jurassicworld', 'taylorswift', 'superheroes', 'naturaleza1', 'naturaleza2', 'naturaleza3', 'naturaleza4', 'pokemon'); + element.classList.remove('theme1', 'theme2', 'space', 'starwars', 'jurassicworld', 'taylorswift', 'superheroes', 'naturaleza1', 'naturaleza2', 'naturaleza3', 'naturaleza4', 'pokemon', 'gstudios'); }); // Si la opción seleccionada no es "default", añade la clase de la opción seleccionada