1 (edited by nakome 2013-03-09 17:49:49)

Topic: Mainteance mode snippet

Copy and paste in settings mainteance mode

Preview for few days Here

<!DOCTYPE html><html><head lang="en"><meta charset="utf-8"><title>Mainteance mode</title><style rel="stylesheet"> html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}body{position:absolute;width:100%;height:100%;color:#FF9A8C;font-family:'Lobster', cursive;text-align:center;padding-top:50px;-webkit-animation:back 5s infinite ease-in-out;-moz-animation:back 5s infinite ease-in-out;-ms-animation:back 5s infinite ease-in-out;-o-animation:back 5s infinite ease-in-out;animation:back 5s infinite ease-in-out;}@-webkit-keyframes back{from{background:#CE4E4E;}50%{background:#4EAFCE;}to{background:#CE4E4E;}}@-moz-keyframes back{from{background:#CE4E4E;}50%{background:#4EAFCE;}to{background:#CE4E4E;}}h1{margin-top:15%;color:#FF9A8C;text-shadow:0 2px 3px #CE4E4E,0 5px 3px rgb(223, 78, 78),0 8px 3px black;font-family:'Lobster', cursive;font-size:60px;font-weight:bold;line-height:30px;text-align:center;-webkit-animation:cssAnimation 0.8s infinite ease-in-out;-moz-animation:cssAnimation 0.8s infinite ease-in-out;-ms-animation:cssAnimation 0.8s infinite ease-in-out;-o-animation:cssAnimation 0.8s infinite ease-in-out;animation:cssAnimation 0.8s infinite ease-in-out;}@-webkit-keyframes cssAnimation{from{text-shadow: 0 2px 3px #CE4E4E,0 5px 3px rgb(223, 78, 78),0 8px 3px black;}50%{text-shadow: 0 2px 3px #62CE4E,0 5px 3px #4EC8DF,0 8px 3px black;}to{text-shadow: 0 2px 3px #CE4E4E,0 5px 3px rgb(223, 78, 78),0 8px 3px black;}}@-moz-keyframes cssAnimation{from{text-shadow: 0 2px 3px #CE4E4E,0 5px 3px rgb(223, 78, 78),0 8px 3px black;}50%{text-shadow: 0 2px 3px #62CE4E,0 5px 3px #4EC8DF,0 8px 3px black;}to{text-shadow: 0 2px 3px #CE4E4E,0 5px 3px rgb(223, 78, 78),0 8px 3px black;}}.line{position:absolute;left:10px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;-webkit-animation:around 2s infinite ease-in-out;-moz-animation:around 2s infinite ease-in-out;-ms-animation:around 2s infinite ease-in-out;-o-animation:around 2s infinite ease-in-out;animation:around 2s infinite ease-in-out;}@-webkit-keyframes around{from{background:#CE4E4E;top:0;padding:0;}50%{background:#4EAFCE;top:80%;padding:25px;}to{background:#CE4E4E;top:0;padding:0;}}@-moz-keyframes around{from{background:#CE4E4E;top:0;padding:0;}50%{background:#4EAFCE;top:80%;padding:25px;}to{background:#CE4E4E;top:0;padding:0;}}.line2{font-size:15px;position:absolute;right:10px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;-webkit-animation:around2 3s infinite ease-in-out;-moz-animation:around2 3s infinite ease-in-out;-ms-animation:around2 3s infinite ease-in-out;-o-animation:around2 3s infinite ease-in-out;animation:around2 3s infinite ease-in-out;}@-webkit-keyframes around2{from{background:#CE4E4E;top:0;padding:0;}50%{background:green;top:80%;padding:25px;}to{background:#CE4E4E;top:0;padding:0;}}@-moz-keyframes around2{from{background:#CE4E4E;top:0;padding:0;}50%{background:red;top:80%;padding:25px;}to{background:#CE4E4E;top:0;padding:0;}}.line3{font-size:15px;position:absolute;right:30%;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;-webkit-animation:around3 4s infinite ease-in-out;-moz-animation:around3 4s infinite ease-in-out;-ms-animation:around3 4s infinite ease-in-out;-o-animation:around3 4s infinite ease-in-out;animation:around3 4s infinite ease-in-out;}@-webkit-keyframes around3{from{background:#CE4E4E;top:0;padding:0;}50%{background:#ddd;top:80%;padding:25px;}to{background:#CE4E4E;top:0;padding:0;}}@-moz-keyframes around3{from{background:#CE4E4E;top:0;padding:0;}50%{background:#ddd;top:80%;padding:25px;}to{background:#CE4E4E;top:0;padding:0;}}.line4{font-size:15px;position:absolute;left:30%;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;-webkit-animation:around4 5s infinite ease-in-out;-moz-animation:around4 5s infinite ease-in-out;-ms-animation:around4 5s infinite ease-in-out;-o-animation:around4 5s infinite ease-in-out;animation:around4 5s infinite ease-in-out;}@-webkit-keyframes around4{from{background:#CE4E4E;top:0;padding:0;}50%{background:#333;top:80%;padding:25px;}to{background:#CE4E4E;top:0;padding:0;}}@-moz-keyframes around4{from{background:#CE4E4E;top:0;padding:0;}50%{background:#333;top:80%;padding:25px;}to{background:#CE4E4E;top:0;padding:0;}}</style></head><body><h1>Mainteance Mode</h1><span class="line">Mainteance </span><span class="line2"><small>Mainteance </small></span><span class="line3"><b>Mainteance </b></span><span class="line4"><p>Mainteance </p></span></body></html>
..::: Moncho Varela ::::..   ..::: @Nakome ::::..   ..::: Github ::::..

Re: Mainteance mode snippet

Preview