PermutarTheme

//*********************ADD THEME WHEN LINK*******************
//Al clicar en un enlace añadimos el tema en su URL
$(“a”).click(function() {
if ($(this).hasClass(“sidebar-toggle”)){
}
else{
var theHref = $(this).attr(“href”);
var theme = getUrlParameter(‘theme’);
$(this).attr(“href”, theHref + “?theme=”+theme );
}
});

//$( “.searchandfilter” ).submit(function( event ) {
//  alert( “Handler for .submit() called.” );
//  event.preventDefault();
//});
//***********************************************************

//############################################################
//***************************THEME***************************

//*************************GET URL THEME************************
//Obtenemos el tema de la URL
var getUrlParameter = function getUrlParameter(sParam) {
var sPageURL = decodeURIComponent(window.location.href.substring(0)),
sURLVariables = sPageURL.split(‘?’),
sParameterName,
i;
for (i = 0; i < sURLVariables.length; i++) {
sParameterName = sURLVariables[i].split(‘=’);
if (sParameterName[0] === sParam) {
return sParameterName[1] === undefined ? true : sParameterName[1];
}
}
};
//***********************************************************

//***************************INIT STYLES***********************
//Inicializamos los estilos en base al tema seleccionado
function loadTheme()
{
var theme = getUrlParameter(‘theme’);
if (theme==”clear”)
{
$(‘body’).css(“background-color”, “#ffffff”);
$(‘body’).css(“color”, “#eee”);
$(‘.main’).css(“background-color”, “#ffffff”);
$(‘#header #nav-header .container’).css(“background-color”, “#ffffff”);
$(‘.nav li.current-menu-item’).css(“background-color”, “#ffffff”);
$(‘.fichatecnica’).css(“background-color”, “#ffffff”);
$(‘.fichatecnica .tittle’).css(“color”, “#ffffff”);
$(‘.entry h5 span’).css(“color”, “#ffffff”);
$(‘.galeria’).css(“background-color”, “#ffffff”);
$(‘.galeria .tittle’).css(“color”, “#ffffff”);
$(‘.RutaGPX’).css(“background-color”, “#ffffff”);
$(‘.RutaGPX .tittle’).css(“color”, “#ffffff”);
$(‘.post-tags a’).css(“color”, “#ffffff”);
$(‘#commentform’).css(“background-color”, “#ffffff”);
$(‘.searchandfilter h4’).css(“color”, “#333”);
$(‘.searchandfilter h4’).css(“background-color”, “#ffffff”);
$(‘li input[type=”submit”]’).css(“color”, “#ffffff”);
$(‘.widget_text h3’).css(“color”, “rgba(46,46,46,0.8)”);
$(‘.widget_text h3’).css(“background-color”, “#ffffff”);
$(‘.widget_text h3’).css(“border-color”, “#ffffff”);
$(‘.searchandfilter li’).css(“background-color”, “#ffffff”);
$(‘.searchandfilter ul li ul li label’).css(“background-color”, “#ffffff”);
$(‘nav#nav-header’).css(“background-color”, “#ffffff”);
$(‘nav#nav-header’).css(“border-color”, “#eee”);
$(‘.sidebar-content’).css(“background-color”, “#ffffff”);
$(‘div[id*=”ajaxsearchlite”]’).css(“background-color”, “#ffffff”);
$(‘div[id*=”ajaxsearchliteres”] .results .item’).css(“background-color”, “#ffffff”);
$(‘div[id*=”ajaxsearchliteres”] .results’).css(“background-color”, “#ffffff”);
$(‘.s1’).css(“border-color”, “#ddd”);
$(‘.searchandfilter h4’).css(“border-color”, “#ddd”);
$(‘#ajaxsearchlite1 .probox’).css(“background-color”, “#ffffff”);
$(‘#ajaxsearchlite1 .probox .proinput input’).css(“color”, “#444”);
$(‘.nav li.current-menu-item’).css(“background-color”, “#ffffff”);
$(‘.nav li.current-menu-item’).css(“color”, “#95c200”);
$(‘#header #nav-header’).css(“background-color”, “#ffffff”);
$(‘#header #nav-header’).css(“border-color”, “#ddd”);
$(‘#nav-header .nav li a’).css(“color”, “#2e2e2e”);
$(‘.menuMap’).css(“color”, “#2e2e2e”);
$(‘#menu-item-852 img’).css(“-webkit-filter”, “invert(100%)”);
$(‘#menu-item-969 img’).css(“-webkit-filter”, “invert(100%)”);
$(‘#menu-item-970 img’).css(“-webkit-filter”, “invert(100%)”);
$(‘#menu-item-973 img’).css(“-webkit-filter”, “invert(100%)”);
$(‘.pad’).css(“color”, “#444”);
$(‘.galeria .imagenes’).css(“border-color”, “#ddd”);
$(‘.fichatecnica .elementos ul’).css(“border-color”, “#ddd”);
$(‘.entry h5 span strong’).css(“color”, “#ffffff”);
$(‘.RutaGPX .GPX’).css(“border-color”, “#ddd”);
$(‘div[id*=”ajaxsearchliteres”] .results .item’).css(“background-color”, “#ffffff”);
$(‘#ajaxsearchlite1 .probox, div[id*=”ajaxsearchlite”] .probox’).css(“background-color”, “#ffffff”);
}else {
$(‘body’).css(“background-color”, “#2e2e2e”);
$(‘body’).css(“color”, “#2e2e2e”);
$(‘.main’).css(“background-color”, “#2e2e2e”);
$(‘#header #nav-header .container’).css(“background-color”, “#2e2e2e”);
$(‘.nav li.current-menu-item’).css(“background-color”, “#2e2e2e”);
$(‘.fichatecnica’).css(“background-color”, “#2e2e2e”);
$(‘.fichatecnica .tittle’).css(“color”, “#2e2e2e”);
$(‘.entry h5 span’).css(“color”, “#2e2e2e”);
$(‘.galeria’).css(“background-color”, “#2e2e2e”);
$(‘.galeria .tittle’).css(“color”, “#2e2e2e”);
$(‘.RutaGPX’).css(“background-color”, “#2e2e2e”);
$(‘.RutaGPX .tittle’).css(“color”, “#2e2e2e”);
$(‘.post-tags a’).css(“color”, “#2e2e2e”);
$(‘#commentform’).css(“background-color”, “#2e2e2e”);
$(‘.searchandfilter h4’).css(“color”, “#eee”);
$(‘.searchandfilter h4’).css(“background-color”, “#2e2e2e”);
$(‘li input[type=”submit”]’).css(“color”, “#2e2e2e”);
$(‘.widget_text h3’).css(“color”, “rgba(256,256,256,0.8)”);
$(‘.widget_text h3’).css(“background-color”, “#2e2e2e”);
$(‘.widget_text h3’).css(“border-color”, “#2e2e2e”);
$(‘.searchandfilter li’).css(“background-color”, “#2e2e2e”);
$(‘.searchandfilter ul li ul li label’).css(“background-color”, “#2e2e2e”);
$(‘nav#nav-header’).css(“background-color”, “#2e2e2e”);
$(‘nav#nav-header’).css(“border-color”, “#444”);
$(‘.sidebar-content’).css(“background-color”, “#2e2e2e”);
$(‘div[id*=”ajaxsearchlite”]’).css(“background-color”, “#2e2e2e”);
$(‘div[id*=”ajaxsearchliteres”] .results .item’).css(“background-color”, “#2e2e2e”);
$(‘div[id*=”ajaxsearchliteres”] .results’).css(“background-color”, “#2e2e2e”);
$(‘.s1’).css(“border-color”, “#444”);
$(‘.searchandfilter h4’).css(“border-color”, “#444”);
$(‘#ajaxsearchlite1 .probox’).css(“background-color”, “#2e2e2e”);
$(‘#ajaxsearchlite1 .probox .proinput input’).css(“color”, “#eee”);
$(‘.nav li.current-menu-item’).css(“background-color”, “#2e2e2e”);
$(‘.nav li.current-menu-item’).css(“color”, “#95c200”);
$(‘#header #nav-header’).css(“background-color”, “#2e2e2e”);
$(‘#header #nav-header’).css(“border-color”, “#444”);
$(‘#nav-header .nav li a’).css(“color”, “#ffffff”);
$(‘.menuMap’).css(“color”, “#ffffff”);
$(‘#menu-item-852 img’).css(“-webkit-filter”, “invert(0%)”);
$(‘#menu-item-969 img’).css(“-webkit-filter”, “invert(0%)”);
$(‘#menu-item-970 img’).css(“-webkit-filter”, “invert(0%)”);
$(‘#menu-item-973 img’).css(“-webkit-filter”, “invert(0%)”);
$(‘.pad’).css(“color”, “#ddd”);
$(‘.galeria .imagenes’).css(“border-color”, “#555”);
$(‘.fichatecnica .elementos ul’).css(“border-color”, “#555”);
$(‘.entry h5 span strong’).css(“color”, “#2e2e2e”);
$(‘.RutaGPX .GPX’).css(“border-color”, “#555″);
$(‘div[id*=”ajaxsearchliteres”] .results .item’).css(“background-color”, “#2e2e2e”);
$(‘#ajaxsearchlite1 .probox, div[id*=”ajaxsearchlite”] .probox’).css(“background-color”, “#2e2e2e”);

}
}
//***********************************************************

//**************************INIT THEME**************************
//Inicializamos el Tema
loadTheme();

//***********************************************************

//**********************NEW URL WITH THEME*******************
//Recargamos la página con el tema seleccionado
function fileDialogStart()
{
var sPageURL = decodeURIComponent(window.location.href.substring(0)),
sURLVariables = sPageURL.split(‘?’),
sParameterName,
i;
var newURLString = sURLVariables[0];
var theme = getUrlParameter(‘theme’);
if (theme!=”clear”){
newURLString = newURLString + “?theme=clear”
} else {
newURLString = newURLString + “?theme=dark”
}
window.location.href = newURLString; // The page will redirect instantly
// after this assignment
}
//***********************************************************

//********************BUTTON CHANGE THEME*********************
//Acción de cambio de Tema
$(“.change”).click(function () {
fileDialogStart();
});
//***********************************************************

 

 

 

 

 

 

 

//********************TEMA OSCURO CLARO*********************

$(‘body’).css(“background-color”, “#444444”);
$(‘body’).css(“color”, “#eee”);
$(‘.main’).css(“background-color”, “#444444”);
$(‘#header #nav-header .container’).css(“background-color”, “#444444”);
$(‘#header’).css(“background-color”, “#444444”);
$(‘.nav li.current-menu-item’).css(“background-color”, “#444444”);
$(‘.fichatecnica’).css(“background-color”, “#444444”);
$(‘.fichatecnica .tittle’).css(“color”, “#444444”);
$(‘.entry h5 span’).css(“color”, “#444444”);
$(‘.post-tags a’).css(“color”, “#444444”);
$(‘#commentform’).css(“background-color”, “#444444”);
$(‘.searchandfilter h4’).css(“color”, “#333”);
$(‘.searchandfilter h4’).css(“background-color”, “#444444″);
$(‘li input[type=”submit”]’).css(“color”, “#444444”);
$(‘.widget_text h3’).css(“color”, “rgba(46,46,46,0.8)”);
$(‘.widget_text h3’).css(“background-color”, “#444444”);
$(‘.widget_text h3’).css(“border-color”, “#444444”);
$(‘.searchandfilter li’).css(“background-color”, “#444444”);
$(‘.searchandfilter ul li ul li label’).css(“background-color”, “#444444”);
$(‘nav#nav-header’).css(“background-color”, “#444444”);
$(‘nav#nav-header’).css(“border-color”, “#666666”);
$(‘.sidebar-content’).css(“background-color”, “#444444”);
$(‘.s1’).css(“border-color”, “#666”);
$(‘.searchandfilter h4’).css(“border-color”, “#ddd”);
$(‘.nav li.current-menu-item’).css(“background-color”, “#444444”);
$(‘.nav li.current-menu-item’).css(“color”, “#95c200”);
$(‘#header #nav-header’).css(“background-color”, “#444444”);
$(‘#header #nav-header’).css(“border-color”, “#666”);
$(‘.pad’).css(“color”, “#444”);
$(‘#nav-header .nav li a’).css(“color”, “#fff”);
$(‘.entry-inner’).css(“color”, “#ccc”);
$(‘.galeria’).css(“background-color”, “#444444”);
$(‘.galeria .tittle’).css(“color”, “#444444”);
$(‘.RutaGPX’).css(“background-color”, “#444444”);
$(‘.RutaGPX .tittle’).css(“color”, “#444444”);
$(‘.galeria .imagenes’).css(“border-color”, “#666”);
$(‘.fichatecnica .elementos ul’).css(“border-color”, “#666”);
$(‘.entry h5 span strong’).css(“color”, “#444444”);
$(‘.RutaGPX .GPX’).css(“border-color”, “#666″);
$(‘div[id*=”ajaxsearchliteres”] .results .item’).css(“background-color”, “#444444″);
$(‘#ajaxsearchlite1 .probox, div[id*=”ajaxsearchlite”] .probox’).css(“background-color”, “#444444″);
$(‘div[id*=”ajaxsearchlite”]’).css(“background-color”, “#444444″);
$(‘div[id*=”ajaxsearchliteres”] .results .item’).css(“background-color”, “#444444″);
$(‘div[id*=”ajaxsearchliteres”] .results’).css(“background-color”, “#444444”);
$(‘#ajaxsearchlite1 .probox’).css(“background-color”, “#444444”);
$(‘#ajaxsearchlite1 .probox .proinput input’).css(“color”, “#444”);
$(‘.orig’).css(“color”, “#ccc”);