diff options
Diffstat (limited to 'src/fluent-bit/lib/wasm-micro-runtime-WAMR-1.2.2/test-tools/IoT-APP-Store-Demo/wasm_django/static/css/application.css')
-rw-r--r-- | src/fluent-bit/lib/wasm-micro-runtime-WAMR-1.2.2/test-tools/IoT-APP-Store-Demo/wasm_django/static/css/application.css | 400 |
1 files changed, 400 insertions, 0 deletions
diff --git a/src/fluent-bit/lib/wasm-micro-runtime-WAMR-1.2.2/test-tools/IoT-APP-Store-Demo/wasm_django/static/css/application.css b/src/fluent-bit/lib/wasm-micro-runtime-WAMR-1.2.2/test-tools/IoT-APP-Store-Demo/wasm_django/static/css/application.css new file mode 100644 index 000000000..220d4b618 --- /dev/null +++ b/src/fluent-bit/lib/wasm-micro-runtime-WAMR-1.2.2/test-tools/IoT-APP-Store-Demo/wasm_django/static/css/application.css @@ -0,0 +1,400 @@ +/* Copyright (C) 2019 Intel Corporation. All rights reserved. +* SPDX-License-Identifier: Apache-2.0 WITH LLVM-exception +*/ + +{% load static %} +<style> +#container{ + position:relative; + margin:0px; + height:110px; +} +#content { + margin:0px 20% 0px 18%; + border:solid 1.5px; + border-color: white black white black; + height:50%; +} +#mainnav{ + display:table; + margin: 0 auto; +} +#mainnav li{ + display: table-cell; + padding-left:10px; +} +#mainnav ul li a{ + width:120px; + height:30px; + background:black; + color:white; + margin:0px 50px; + font-size:21px; + font-family:'sansationlight'; + display:block; + text-align:center; + text-decoration:none; +} +#mainnav ul li a:hover{ + width:120px; + height:33px; + line-height:30px; + border:solid 1.5px; + border-color: black black white black; + color:#3FC3DF; + background:black; +} +.headers{ + background-image: url("{%static 'photo/milky-way-2695569_1280.jpg'%}"); + background-repeat: no-repeat; + background-size: 100% 100%; + color:white; + clear:both; + height:50%; + text-align:center; + padding:10px; + margin:0px; +} +#maintitle{ + font-size:25px; + font-family:'sansationlight'; +} + +#section { + position:relative; + top:5px; + width:100%; + float:left; + height:120px; + border-style:double solid; + border-color:black rgb(194, 194, 190) black rgb(248, 248, 248) ; + border-width:0.5px; + padding:10px; +} +#photo{ + position: relative; + float: left; + top:18%; + left:10%; + widows: 60px; +} +#IPs{ + position: relative; + left: 20%; + top:10%; + width:35%; + font-size:17px; + font-family:'sansationlight'; +} +#ports{ + position: relative; + left: 20%; + top:30%; + bottom: 5%; + width:35%; + font-size:17px; + font-family:'sansationlight'; +} +#installs{ + position: relative; + float: left; + left:55%; + bottom:40%; + font-size:17px; + font-family:'sansationlight'; +} + +#download{ + position:relative; + text-align: center; + left:15%; + width:70%; + top:40px; + height:40px; + /*border-color:#192C4F;*/ +} +.explain{ + width:250px; + height:40px; + top:50%; + float:left; + font-size:18px; +} +#btn{ + float:right; +} + + +#APPS { + position:relative; + top:30px; + left:16.67%; + width:75%; +} +#applications{ + position:relative; + float:left; + background-color:white; + width:88.9%; + height:45px; + padding:2px; + margin:5px 0px; + border-style:double solid; + border-color:black; + border-width:0.5px; +} +#applogo{ + position:relative; + float:left; + top:10% +} +#appinfo1{ position:relative; float:left; left:40px; width:34%;font-size:15px;height:25px;top:33%} +#appinfo2{ position:relative; float:left; left:20px; width:24%;font-size:15px;height:25px;top:33%} +#appinfo3{ position:relative; float:left; left:20px; width:34%;font-size:15px;height:25px;top:33%} + +#delete{ + position:relative; + margin:8px 0px; + float:right; + right:7%; +} +.main{ + position: absolute; + float:left; + width:650px; + height:350px; + z-index: 9999; + background-color: white; + display:none; + border:solid 1px rgb(4, 30, 66); + border-width: 1.5px; + border-radius: 10px; +} +.close{ + background-color: black; + color:white; + border-top-right-radius: 10px; + border-top-left-radius: 10px; +} +.hotapps{ + background-color:rgb(202, 202, 202); + font-size: 16px; + font-family:'days'; + height:30px; + text-align: justify; + border:solid 2px; + border-color: rgb(202, 202, 202) rgb(202, 202, 202) rgb(202, 202, 202) black; +} +#scrollba{ + overflow-x: None; + overflow-y: scroll; + height: 270px; + width:650px; +} +#Dapplications{ + width:630px; + margin:4px 10px 0px 10px; + height:45px; + border:solid 1px; + border-color: rgb(221, 221, 221) white white white; + /* background-color: rgb(233, 233, 233); */ +} +.mybtn2{ + position: relative; + float:left; + left:45px; + top:3px; + height:33px; + border-radius: 10px; + background-color: rgb(22, 109, 121); + color:white; +} +#types{ + background-color: rgb(3, 90, 90); + color:white; + text-align: left +} + + +#loading{ + position:relative; + float:left; + width: 100%; + display:None; + height:40px; + top:10px; + z-index:1010; +} +.loadapp{ + font-size:20px; + text-align: center; + color:rgb(24, 77, 24); +} +#preloader { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +#loader { + display: block; + position: relative; + left: 50%; + top: 50%; + width: 150px; + height: 150px; + margin: -75px 0 0 -75px; + border-radius: 50%; + border: 3px solid transparent; + border-top-color: rgb(135, 155, 241); + -webkit-animation: spin 2s linear infinite; + animation: spin 2s linear infinite; +} +#loader:before { + content: ""; + position: absolute; + top: 5px; + left: 5px; + right: 5px; + bottom: 5px; + border-radius: 50%; + border: 3px solid transparent; + border-top-color: rgb(23, 62, 146); + -webkit-animation: spin 3s linear infinite; + animation: spin 3s linear infinite; +} +#loader:after { + content: ""; + position: absolute; + top: 15px; + left: 15px; + right: 15px; + bottom: 15px; + border-radius: 50%; + border: 3px solid transparent; + border-top-color: rgb(21, 44, 87); + -webkit-animation: spin 1.5s linear infinite; + animation: spin 1.5s linear infinite; +} +@-webkit-keyframes spin { + 0% { + -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + -ms-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@keyframes spin { + 0% { + -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + -ms-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +.middlebox{ + position:absolute; + z-index:1003; + height:180px; + width:340px; + background-color: white; + border-radius: 7px; + border-style:double; + border-color:rgb(2, 37, 11) solid; + border-width: 0.8px; + display: none; +} +.warning{ + position: absolute; + left:10%; + top:6%; + FONT-size:18px; + color:rgb(0, 85, 0); + height:20%; + width:80%; + border-style:none none dashed none; + border-width: 1px; + border-color:rgb(0, 85, 0); +} +.surebtn{ + position:relative; + float:left; + left:44%; + top:75%; +} +.findapp{ + position:absolute; + left:10%; + height:25%; + top:40%; + width:80%; + font-size:15px; + text-align: center; + border-style:none none solid none; + border-color:rgb(182, 182, 182); + border-width:0.5px; +} + +.deletebox{ + position:absolute; + z-index:1003; + height:180px; + width:340px; + background-color: white; + border-radius: 7px; + border-style:double; + border-color:rgb(43, 9, 1) solid; + border-width: 0.8px; + display: none; +} +.warning2{ + position: absolute; + left:10%; + top:6%; + FONT-size:18px; + color:rgb(185, 0, 0); + height:20%; + width:80%; + border-style:none none dashed none; + border-width: 1px; + border-color:rgb(185, 0, 0); +} +.suresbtn{ + position:relative; + float:left; + left:24%; + top:75%; + color:green +} +.cancelsbtn{ + position:relative; + float:right; + right:20%; + top:75%; + color:red +} +.footer { + position:absolute; + bottom:0px; + left:0px; + background-color:black; + color:white; + clear:both; + text-align:center; + padding:1px; + width:100%; + height:4%; + z-index: 999; +} + + |