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»);