Сообщение # 1 | 21:33:39 02 Май 2016
Есть такой код:
<div id="shat" style="height:auto;z-index:999">
<div onclick="pink()" style="background:#F65A5B;padding:15px"></div>
<div onclick="green()" style="background:#00be9c;padding:15px"></div>
</div>
<style>
#shat{position:fixed;z-index:1;top:50%;right:0;padding:25px;height:200px;border-radius:10px 0px 0px 10px;border:1px dashed #ddd;box-shadow:0 0 10px #000;background:#eee;}
</style>

<script type="text/javascript">
function pink(){
$('h2.inner-tittle,.copyright p a,h4.side,a.read,body a:hover, h5.top a:hover, .b-text h5 a:hover, .b-bottom-text h5 a:hover, .b-text h6 a:hover, .b-bottom-text h6 a:hover,.td-post-date,.single-bottom ul li a').css({color:'#EE5656'});
$('.calwday, .calwdayse, .calwdaysu,h3.tittle, h2.tittle,').css({background:'#EE5656'});
$('a.read,.footer-grid h4').css({borderColor:'#EE5656'});
}
</script>

Необходимо вместо того, чтобы в скрипте прописывать все стили, которые необходимо изменить, подключить внешний css файл. Т.е. допустим чтобы при нажатии на красный, подгружался файл css, который будет отвечать за красный стиль и т.д.