From 78f3c0e9893d36e0ce039c2b79ede8a92ebe468a Mon Sep 17 00:00:00 2001 From: Unknown Date: Sun, 1 Oct 2017 00:24:20 -0400 Subject: Adding the code --- apps/maps/css/charms.css | 98 +++++++++++++++++++++++++++++++ apps/maps/img/print.png | Bin 0 -> 3871 bytes apps/maps/img/reload.png | Bin 0 -> 3726 bytes apps/maps/index.html | 99 +++++++++++++++++++++++++++++++ apps/maps/map.html | 116 ++++++++++++++++++++++++++++++++++++ apps/maps/splashscreen.png | Bin 0 -> 18900 bytes apps/maps/style.css | 143 +++++++++++++++++++++++++++++++++++++++++++++ 7 files changed, 456 insertions(+) create mode 100644 apps/maps/css/charms.css create mode 100644 apps/maps/img/print.png create mode 100644 apps/maps/img/reload.png create mode 100644 apps/maps/index.html create mode 100644 apps/maps/map.html create mode 100644 apps/maps/splashscreen.png create mode 100644 apps/maps/style.css (limited to 'apps/maps') diff --git a/apps/maps/css/charms.css b/apps/maps/css/charms.css new file mode 100644 index 0000000..b9d9db4 --- /dev/null +++ b/apps/maps/css/charms.css @@ -0,0 +1,98 @@ +body { + font-family:Segoe UI; + margin:0px; + padding:0px; +} +img, a { + outline:none; + border:none; +} +iframe { + position:absolute; + border:none; +} +#hoverarea { + cursor:pointer; + position:fixed; + top:0px; + right:0px; + width:15px; + height:15px; +} +#bottomhoverarea { + position:fixed; + bottom:0px; + right:0px; + width:15px; + height:15px; +} +#starthoverarea { + position:fixed; + bottom:0px; + left:0px; + width:15px; + height:15px; +} +#charmsbar { + display:none; + background-color:#111111; + position:fixed; + padding:5% 0; + top:0px; + right:0px; + height:100%; + width: 86px; + +} +#settingscharms { + padding : 40px; + display:none; + background-color:#3B66AD; + position:fixed; + top:0px; + right:0px; + height:100%; + width: 345px; + +} +#startbutton { + display:none; + position:fixed; + left:0px; + bottom:0px; +} +#iconnetwork { + position:absolute; + top:35px; + left:25px; +} +#iconbattery { + position:absolute; + bottom:35px; + left:32px; +} +#datetime { + display:none; + position:fixed; + left:50px; + bottom:50px; + width:433px; + height:139px; + background-color: rgba(17,17,17,1); +} +#time { + position:absolute; + left:70px; + bottom:19px; + font-family: Segoe UI Light; + font-size: 64pt; + color:#FFFFFF; +} +#date { + margin-top:20px; + margin-right:20px; + float:right; + font-size:24pt; + font-family: Segoe UI; + color:#FFFFFF; +} diff --git a/apps/maps/img/print.png b/apps/maps/img/print.png new file mode 100644 index 0000000..d07c7d6 Binary files /dev/null and b/apps/maps/img/print.png differ diff --git a/apps/maps/img/reload.png b/apps/maps/img/reload.png new file mode 100644 index 0000000..5260f25 Binary files /dev/null and b/apps/maps/img/reload.png differ diff --git a/apps/maps/index.html b/apps/maps/index.html new file mode 100644 index 0000000..5390883 --- /dev/null +++ b/apps/maps/index.html @@ -0,0 +1,99 @@ + + + +Maps + + + + + + + + +
+ +
+
+
+
+
+
+
+
+
+
+ + + + +
+
+
+
+
+
+
+
+ +
+ + + diff --git a/apps/maps/map.html b/apps/maps/map.html new file mode 100644 index 0000000..19bf1bf --- /dev/null +++ b/apps/maps/map.html @@ -0,0 +1,116 @@ + + + + Maps + + + + + + + + + +
+
+ +
+ +
+ + + + + \ No newline at end of file diff --git a/apps/maps/splashscreen.png b/apps/maps/splashscreen.png new file mode 100644 index 0000000..1b16c9e Binary files /dev/null and b/apps/maps/splashscreen.png differ diff --git a/apps/maps/style.css b/apps/maps/style.css new file mode 100644 index 0000000..12e8051 --- /dev/null +++ b/apps/maps/style.css @@ -0,0 +1,143 @@ +body { + margin:0px; + padding:0px; +} +#splashscreen { + position:fixed; + width:100%; + height:100%; + color:#FFFFFF; + background-image:url('splashscreen.png'); + background-size:contain; + animation:splash 4s; + -ms-animation:splash 4s; + -webkit-animation:splash 4s; + -o-animation:splash 4s; + opacity:0; + z-index:-1; +} +@keyframes splash { + from { + z-index:2; + opacity: 1; + } + 66% { + opacity: 1; + } + to { + opacity:0; + z-index:1; + display:none; + } +} +@-webkit-keyframes splash { + from { + z-index:2; + opacity: 1; + } + 66% { + opacity: 1; + } + to { + opacity:0; + z-index:1; + display:none; + } +} +@-ms-keyframes splash { + from { + z-index:2; + opacity: 1; + } + 66% { + opacity: 1; + } + to { + opacity:0; + z-index:1; + display:none; + } +} +@-o-keyframes splash { + from { + z-index:2; + opacity: 1; + } + 66% { + opacity: 1; + } + to { + opacity:0; + z-index:1; + display:none; + } +} +.commands { + background: #1e1e1e !important; + position:fixed; + bottom:0px; + width:100%; +} +.commands span { + line-height:14pt; + padding-bottom:20px; +} +#commands { + display:none; + color:#FFFFFF; +} +.commands-list { + margin:0; + padding:0; + margin-top:20px; + list-style:none; +} +.commands-list li{ + display:inline-block; + float:left; + margin-right:20px; + margin-left:20px; +} +.commands-list li .command{ + display:block; + text-align:center; + float:left; + cursor:pointer; + text-decoration:none; +} +.commands-list li .command img{ + height:32px; + width:32px; +} +.commands-list li .command span{ + display:block; + font-size:9pt; + font-family:'Segoe UI',sans-serif; +} +.commands-list li.divider{ + width:1px; + border-right:1px #c3c3c3 solid; + height:48px; +} +.commands-list.margin-10 li{ + margin-left:5px; + margin-right:5px; +} +.commands-list.margin-20 li{ + margin-left:10px; + margin-right:10px; +} +.commands-list.margin-30 li{ + margin-left:15px; + margin-right:15px; +} +.commands-list.margin-40 li{ + margin-left:20px; + margin-right:20px; +} +.commands-list.place-left{ + margin-left:20px; +} +.commands-list.place-right{ + margin-right:20px; +} \ No newline at end of file -- cgit v1.2.3