diff options
| author | Unknown <Alee14498@gmail.com> | 2017-10-01 00:24:20 -0400 |
|---|---|---|
| committer | Unknown <Alee14498@gmail.com> | 2017-10-01 00:24:20 -0400 |
| commit | 78f3c0e9893d36e0ce039c2b79ede8a92ebe468a (patch) | |
| tree | 8479930f9372a1e9998b6750651565cf52b81ca8 /start/livetiles/dakoder/index.html | |
| parent | d8ba59582c137de474789690e777d8c029e08fe6 (diff) | |
| download | windows8online-78f3c0e9893d36e0ce039c2b79ede8a92ebe468a.tar.gz windows8online-78f3c0e9893d36e0ce039c2b79ede8a92ebe468a.tar.bz2 windows8online-78f3c0e9893d36e0ce039c2b79ede8a92ebe468a.zip | |
Adding the code
Diffstat (limited to 'start/livetiles/dakoder/index.html')
| -rw-r--r-- | start/livetiles/dakoder/index.html | 77 |
1 files changed, 77 insertions, 0 deletions
diff --git a/start/livetiles/dakoder/index.html b/start/livetiles/dakoder/index.html new file mode 100644 index 0000000..0f55e45 --- /dev/null +++ b/start/livetiles/dakoder/index.html @@ -0,0 +1,77 @@ +<html> +<head> +<title>Live Tile</title> +<style> +body { margin:0;padding:0;font-family:Segoe UI;} +.metroBig { font-size:36px; line-height:36px; } +.live-tile, .list-tile +{ + color:#fff; + float:left; + height: 125px; + margin:0px; + overflow:hidden; + position:relative; + width: 125px; +} + +.live-tile img, .list-tile img { border:none; } +.live-tile.me>.slide-back>a.metroBig { position:absolute; left:0; bottom:0; padding: 0 0 12px 12px; text-decoration:none; } +.live-tile a:link, .live-tile a:visited { color:#fff; text-decoration:underline; } +.live-tile a:hover { color:#fff; text-decoration:none; } +.live-tile p { font-size:13px; line-height: 16px; padding:10px; } +.live-tile .tile-title, .list-tile .tile-title { position:absolute; bottom:0px; font-size:12px; left:0px; width:100%; padding:0 0 ; z-index:30; } +.live-tile a.tile-title, .list-tile a.tile-title { text-decoration:none; } +.live-tile.me>.metroBig { padding-top:45px; } + +.live-tile,.live-tile>div,.list-tile>div +{ /* ensure elements on backside don't continue to take focus */ + backface-visibility:hidden; + -webkit-backface-visibility:hidden; + -moz-backface-visibility:hidden; +} + +.live-tile>div,.list-tile>div +{ + top:0px; + left:0px; + margin:0px; + height:100%; + width:100%; + position:absolute; + z-index:20; +} +.list-tile>div +{ + position:relative; +} + +img.full , a.full +{ + display:block; + margin:0px; + height:100%; + width:100%; +} + +.live-tile>.slide-back,.live-tile +{ + position:absolute; + z-index:10; +} +</style> +</head> +<body style="float: left; position: absolute; top: 0; left: 0;"> +<div class="tiles"> + <div style="background-color: #1ba0e1;" class="live-tile me" data-stops="50%,100%,0px" data-stack="true" data-delay="3000"> + <div><a href="http://dakoder.koding.com" target="_parent"><img src="DaKoder.png" alt="DaKoder" class="full" /></a></div> + <div><a class="metroBig" href="http://dakoder.koding.com" target="_parent"><font size="5px" face="Segoe UI">DaKoder</font></a></div> +</div></div></body> + <script src="jquery-1.5.1.min.js" type="text/javascript"></script> + <script src="MetroJs.lt.js" type="text/javascript"></script> + <script type="text/javascript"> + $(document).ready(function () { + $(".live-tile,.flip-list").liveTile(); + }); + </script> +</html>
\ No newline at end of file |