Skip to content

Actualizar temas.css #56

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 3 commits into from
Aug 26, 2024
Merged

Actualizar temas.css #56

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
ca19c03
Actualizar temas.css
Grouvex Aug 26, 2024
b02304a
Actualizar temas.js
Grouvex Aug 26, 2024
e605c54
Actualizar menu.html
Grouvex Aug 26, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions menu.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,5 +26,6 @@
<option value="naturaleza3">Theme Naturaleza: Mar</option>
<option value="naturaleza4">Theme Naturaleza: Selva</option>
<option value="pokemon">Theme Pokemon</option>
<option value="gstudios">Theme Grouvex Studios</option>
<!-- Añade tantas opciones como diseños tengas -->
</select></span>
71 changes: 71 additions & 0 deletions temas.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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%;
Expand Down
9 changes: 7 additions & 2 deletions temas.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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);
Expand Down Expand Up @@ -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
Expand Down