Cara mengatur warna dan waktu muncul energy saving mode di blog

/* Opening Element By ITs

developed by dolinux.net

visit my blog http://www.itsystemid.blogspot.com

*/

body::before, body::after {

position: absolute;position:fixed;

content: "";

background: #000;

-moz-transition: all 1s ease-in-out;

-o-transition: all 1s ease-in-out;

-webkit-transition: all 1s ease-in-out;

transition: all 1s ease-in-out;

z-index: 9999

}

body::before {border: 10px solid #ccc;border-left:none;

top: 0;

left: 50%;

right: 0;

bottom: 0;

}

body::after {

top: 0;

left: 0;border: 10px solid #ccc;border-right:none;

right: 50%;

bottom: 0;

}

body:hover::before {

left: 100%

}

body span.Its {

position: absolute;position:fixed;right:0;

left: 0;

top: 48%;

border: 5px solid #fff;

margin: 0 0 0 -1px;

z-index: 99999;

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

filter: alpha(opacity=100);

opacity: 1;

-moz-transition: all 3s ease-in;

-o-transition: all 3s ease-in;

-webkit-transition: all 3s ease-in;

transition: all 3s ease-in;

-moz-box-shadow: 0 0 20px 3px #ff66cc;        kode warna splash atas

-webkit-box-shadow: 0 0 20px 3px #ff66cc;   kode warna splash atas

box-shadow: 0 0 20px 3px #ff66cc                  kode warna splash atas

}

body span.itsystemid {

position: absolute;position:fixed;

right:0;

left: 0;

top: 48%;

border: 5px solid #fff;

margin: 0 0 0 0px;

z-index: 99999;

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

filter: alpha(opacity=100);

opacity: 1;

-moz-transition: all 3s ease-in;

-o-transition: all 3s ease-in;

-webkit-transition: all 3s ease-in;

transition: all 3s ease-in;

-moz-box-shadow: 0 0 20px 3px #ff66cc;         kode warna splash bawah

-webkit-box-shadow: 0 0 20px 3px #ff66cc;     kode warna splash bawah

box-shadow: 0 0 20px 3px #ff66cc                    kode warna splash bawah

}

body:hover::after {

right: 100%

}

body:hover::before, body:hover::after {

visibility: hidden

}

body:hover span.Its {

visibility: hidden;

-moz-transition: all .2s ease-out;

-o-transition: all .2s ease-out;

-webkit-transition: all .2s ease-out;

transition: all .2s ease-out;

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

filter: alpha(opacity=0);

opacity: 0;

top: 0;

}

body:hover span.itsystemid {

visibility: hidden;

-moz-transition: all .2s ease-out;

-o-transition: all .2s ease-out;

-webkit-transition: all .2s ease-out;

transition: all .2s ease-out;

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

filter: alpha(opacity=0);

opacity: 0;

top: 100%;

}

body span.ogre {width:35%;border-bottom: 5px solid #ffffff;

border-top: 5px solid #ffffff;padding:10px;background:#000000;

font-size:16px;color:#ffffff;

text-align:center;

position: absolute;position:fixed;

left:30%;right:30%;

top: 40%;

bottom: 45%;

margin: 0 0 0 0px;

z-index: 123455543123445556888;

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

filter: alpha(opacity=100);

opacity:1;

-moz-transition: all 3s ease-in;

-o-transition: all 3s ease-in;

-webkit-transition: all 120s ease-in;

transition: all 3s ease-in;

-moz-box-shadow: 0 0 20px 3px #ff66cc;      kode warna kotak tengah

-webkit-box-shadow: 0 0 20px 3px #ff66cc;   kode warna kotak tengah

box-shadow: 0 0 20px 3px #ff66cc               kode warnakotak tengah

}

body:hover span.ogre {

visibility: hidden;

-moz-transition: all .7s ease-out;                         

-o-transition: all .7s ease-out;                                                                                      

-webkit-transition: all .7s ease-out;

transition: all .7s ease-out;

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

filter: alpha(opacity=0);

opacity:0;

right: 0;z-index:99999999

}

CTTN:''1. perhatikan dengan baik,code warna adalah yang berwarna kuning
                code warna yang anda tulis semuanya haruslah sama
                jika tidak maka warnanya tidak akan muncul..
                jangan ada 1 pun code yang berbeda..