mirror of
https://github.com/modernw/App-Installer-For-Windows-8.x-Reset.git
synced 2026-04-13 20:28:33 +10:00
Update Settings Page.
This commit is contained in:
Bruce
@@ -251,7 +251,7 @@
|
||||
<div role="template" id="applist-item-template">
|
||||
<div class="applist-list-item">
|
||||
<div class="applist-item-picbox" style="background-color: rgb(0,0,0);">
|
||||
<img class="applist-item-pic" src="./Images/AppLogoDefault.png" width="32" height="32">
|
||||
<img class="applist-item-pic" src="images/applogo.default.png" width="32" height="32">
|
||||
<div class="applist-item-img-border"></div>
|
||||
</div>
|
||||
<div class="applist-item-divide"></div>
|
||||
@@ -351,6 +351,15 @@
|
||||
inode.appid = appid;
|
||||
inode.color = color;
|
||||
item.itemInfo = inode;
|
||||
if (!logo || logo.length == 0) {
|
||||
inode.logo = "images/applogo.default.png";
|
||||
}
|
||||
if (!color || color.length == 0) {
|
||||
inode.color = Bridge.UI.themeColor;
|
||||
}
|
||||
if (Bridge.String.tolower(color) == "transparent") {
|
||||
inode.color = Bridge.UI.themeColor;
|
||||
}
|
||||
item.addEventListener("click", function() {
|
||||
setTimeout(function() {
|
||||
external.Package.activate(appid);
|
||||
|
||||
@@ -184,6 +184,12 @@ progress.win-ring:indeterminate::-ms-fill {
|
||||
align-content: center;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
-ms-flex-direction: row-reverse;
|
||||
-ms-flex-wrap: nowrap;
|
||||
-ms-flex-pack: justify;
|
||||
/* 对应 justify-content */
|
||||
-ms-flex-align: center;
|
||||
/* 对应 align-items */
|
||||
}
|
||||
|
||||
.page>.controls .command {
|
||||
@@ -194,6 +200,11 @@ progress.win-ring:indeterminate::-ms-fill {
|
||||
align-content: center;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
display: -ms-flexbox;
|
||||
-ms-flex-direction: row;
|
||||
-ms-flex-wrap: nowrap;
|
||||
-ms-flex-pack: end;
|
||||
-ms-flex-align: center;
|
||||
}
|
||||
|
||||
.page>.controls .command button {
|
||||
@@ -207,6 +218,7 @@ progress.win-ring:indeterminate::-ms-fill {
|
||||
align-content: center;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
display: -ms-flexbox;
|
||||
-ms-flex-direction: row;
|
||||
-ms-flex-wrap: nowrap;
|
||||
-ms-flex-line-pack: center;
|
||||
@@ -243,6 +255,7 @@ progress.win-ring:indeterminate::-ms-fill {
|
||||
/*background-color: #464646;*/
|
||||
float: right;
|
||||
display: flex;
|
||||
display: -ms-flexbox;
|
||||
flex-direction: row;
|
||||
-ms-flex-direction: row;
|
||||
flex-wrap: nowrap;
|
||||
@@ -278,6 +291,7 @@ progress.win-ring:indeterminate::-ms-fill {
|
||||
bottom: 0;
|
||||
/*background-color: rgba(254,254,254, 0.1);*/
|
||||
display: flex;
|
||||
display: -ms-flexbox;
|
||||
flex-direction: row;
|
||||
-ms-flex-direction: row;
|
||||
flex-wrap: nowrap;
|
||||
@@ -331,6 +345,9 @@ progress.win-ring:indeterminate::-ms-fill {
|
||||
-ms-overflow-x: hidden;
|
||||
-ms-overflow-y: hidden;
|
||||
-ms-text-overflow: ellipsis;
|
||||
overflow-x: hidden;
|
||||
overflow-y: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
max-height: 1.3em;
|
||||
max-width: 100%;
|
||||
@@ -341,6 +358,9 @@ progress.win-ring:indeterminate::-ms-fill {
|
||||
-ms-overflow-x: hidden;
|
||||
-ms-overflow-y: hidden;
|
||||
-ms-text-overflow: ellipsis;
|
||||
overflow-x: hidden;
|
||||
overflow-y: hidden;
|
||||
text-overflow: ellipsis;
|
||||
max-height: 1.3em;
|
||||
white-space: nowrap;
|
||||
max-width: 100%;
|
||||
@@ -418,6 +438,7 @@ progress.win-ring:indeterminate::-ms-fill {
|
||||
width: 100%;
|
||||
height: calc(100% - 1.3em);
|
||||
box-sizing: border-box;
|
||||
font-family: "Microsoft YaHei", "Segoe UI", "Ebrima", "Nirmala", "Gadugi", "Segoe UI Emoji", "Segoe UI Symbol", "Meiryo", "Leelawadee", "Microsoft JhengHei", "Malgun Gothic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Javanese Text", "Cambria Math";
|
||||
}
|
||||
|
||||
.moreinfo-content p {
|
||||
@@ -435,6 +456,7 @@ progress.win-ring:indeterminate::-ms-fill {
|
||||
|
||||
.page>.controls {
|
||||
display: flex;
|
||||
display: -ms-flexbox;
|
||||
}
|
||||
|
||||
.page.splash>.controls,
|
||||
@@ -463,6 +485,11 @@ progress.win-ring:indeterminate::-ms-fill {
|
||||
align-content: center;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
display: -ms-flexbox;
|
||||
-ms-flex-direction: row;
|
||||
-ms-flex-wrap: nowrap;
|
||||
-ms-flex-pack: center;
|
||||
-ms-flex-align: center;
|
||||
font-size: 16pt;
|
||||
max-height: 100%;
|
||||
}
|
||||
|
||||
BIN
shared/html/images/applogo.default.png
Normal file
BIN
shared/html/images/applogo.default.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
@@ -261,6 +261,9 @@
|
||||
}
|
||||
try {
|
||||
var bc = pi.applications[0].BackgroundColor || Bridge.UI.themeColor;
|
||||
if (strutils.tolower(bc) === "transparent") {
|
||||
bc = Bridge.UI.themeColor;
|
||||
}
|
||||
storelogo.style.backgroundColor = bc;
|
||||
slfilter.style.background = Color.genTileBackFilter(bc);
|
||||
} catch (e) {
|
||||
|
||||
@@ -426,6 +426,9 @@
|
||||
if (pkginfo.applications.length > 0) {
|
||||
var appinfo = pkginfo.applications[0];
|
||||
backcolor = appinfo.BackgroundColor || Bridge.UI.themeColor;
|
||||
if (strutils.tolower(backcolor) == "transparent") {
|
||||
backcolor = Bridge.UI.themeColor;
|
||||
}
|
||||
} else { backcolor = Bridge.UI.themeColor; }
|
||||
storelogo.style.backgroundColor = backcolor;
|
||||
storelogofilter.style.background = Color.genTileBackFilter(backcolor);
|
||||
@@ -523,9 +526,13 @@
|
||||
storelogoimg.src = pkginfo.properties.logo_base64;
|
||||
storelogo.setAttribute("data-logoimg", pkginfo.properties.logo);
|
||||
var backcolor = "";
|
||||
var strutils = Bridge.External.String;
|
||||
if (pkginfo.applications.length > 0) {
|
||||
var appinfo = pkginfo.applications[0];
|
||||
backcolor = appinfo.BackgroundColor || Bridge.UI.themeColor;
|
||||
if (strutils.tolower(backcolor) == "transparent") {
|
||||
backcolor = Bridge.UI.themeColor;
|
||||
}
|
||||
} else { backcolor = Bridge.UI.themeColor; }
|
||||
storelogo.style.backgroundColor = backcolor;
|
||||
storelogofilter.style.background = Color.genTileBackFilter(backcolor);
|
||||
|
||||
56
shared/html/settings.html
Normal file
56
shared/html/settings.html
Normal file
@@ -0,0 +1,56 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<title>Settings</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<script type="text/javascript" src="js/module.js"></script>
|
||||
<script type="text/javascript" src="js/polyfill-ie.js"></script>
|
||||
<link rel="stylesheet" href="libs/winjs/2.0/css/ui-light.css" id="winjs-style">
|
||||
<script type="text/javascript" src="libs/winjs/1.0/js/base.js"></script>
|
||||
<script type="text/javascript" src="libs/winjs/1.0/js/ui.js"></script>
|
||||
<script type="text/javascript" src="js/color.js"></script>
|
||||
<script type="text/javascript" src="js/promise.js"></script>
|
||||
<script type="text/javascript" src="js/bridge.js"></script>
|
||||
<script type="text/javascript" src="js/dpimodes.js"></script>
|
||||
<script type="text/javascript" src="js/resources.js"></script>
|
||||
<script type="text/javascript" src="js/animation.js"></script>
|
||||
<link rel="stylesheet" href="fonts/fonts.css">
|
||||
<script type="text/javascript" src="js/event.js"></script>
|
||||
<script type="text/javascript" src="js/tileback.js"></script>
|
||||
<script type="text/javascript" src="js/load.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="libs/msgbox/msgbox.css">
|
||||
<script type="text/javascript" src="libs/msgbox/msgbox.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="settings/page.css">
|
||||
<script type="text/javascript" src="settings/items.js"></script>
|
||||
<script type="text/javascript" src="js/init.js"></script>
|
||||
<script type="text/javascript" src="settings/init.js"></script>
|
||||
<script type="text/javascript" src="settings/initsame.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="settingpage" class="pagecontainer full">
|
||||
<div class="page full guide">
|
||||
<aside class="left win-ui-dark">
|
||||
<header aria-label="Header content" role="banner" class="titlebanner" id="pagebanner" style="height: 120px;">
|
||||
<button id="back" class="win-backbutton pagetitlewb-backbutton" onclick="Bridge.Frame.callEvent ('InvokeBackPage')" style="margin-left: 20px; transform: scale(0.72);" disabled></button>
|
||||
<h2 class="titlearea win-type-ellipsis" id="apptitle" style="">
|
||||
<span class="pagetitlewb-title" id="apptitlestr" style="margin-left: 10px; margin-right: 20px;">Settings</span>
|
||||
</h2>
|
||||
</header>
|
||||
<nav class="container">
|
||||
<ul class="list">
|
||||
</ul>
|
||||
</nav>
|
||||
</aside>
|
||||
<main class="main right padding">
|
||||
<h2>设置</h2>
|
||||
<p>通过左侧的导航页，载入相应的设置。</p>
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
57
shared/html/settings/appinstaller.html
Normal file
57
shared/html/settings/appinstaller.html
Normal file
@@ -0,0 +1,57 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<title>App Installer Settings</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<script type="text/javascript" src="../js/module.js"></script>
|
||||
<script type="text/javascript" src="../js/polyfill-ie.js"></script>
|
||||
<link rel="stylesheet" href="../libs/winjs/2.0/css/ui-light.css" id="winjs-style">
|
||||
<script type="text/javascript" src="../libs/winjs/1.0/js/base.js"></script>
|
||||
<script type="text/javascript" src="../libs/winjs/1.0/js/ui.js"></script>
|
||||
<script type="text/javascript" src="../js/color.js"></script>
|
||||
<script type="text/javascript" src="../js/promise.js"></script>
|
||||
<script type="text/javascript" src="../js/bridge.js"></script>
|
||||
<script type="text/javascript" src="../js/dpimodes.js"></script>
|
||||
<script type="text/javascript" src="../js/resources.js"></script>
|
||||
<script type="text/javascript" src="../js/animation.js"></script>
|
||||
<link rel="stylesheet" href="../fonts/fonts.css">
|
||||
<script type="text/javascript" src="../js/event.js"></script>
|
||||
<script type="text/javascript" src="../js/tileback.js"></script>
|
||||
<script type="text/javascript" src="../js/load.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="../libs/msgbox/msgbox.css">
|
||||
<script type="text/javascript" src="../libs/msgbox/msgbox.js"></script>
|
||||
<script type="text/javascript" src="../js/init.js"></script>
|
||||
<script type="text/javascript" src="initsame.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="page.css">
|
||||
<script type="text/javascript" src="appinstaller/items.js"></script>
|
||||
<script type="text/javascript" src="appinstaller/init.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="settingpage" class="pagecontainer full">
|
||||
<div class="page full guide">
|
||||
<aside class="left win-ui-dark">
|
||||
<header aria-label="Header content" role="banner" class="titlebanner" id="pagebanner" style="height: 120px;">
|
||||
<button id="back" class="win-backbutton pagetitlewb-backbutton" onclick="Bridge.Frame.callEvent ('InvokeBackPage')" style="margin-left: 20px; transform: scale(0.72);"></button>
|
||||
<h2 class="titlearea win-type-ellipsis" id="apptitle" style="">
|
||||
<span class="pagetitlewb-title" id="apptitlestr" style="margin-left: 10px; margin-right: 20px;">Settings</span>
|
||||
</h2>
|
||||
</header>
|
||||
<nav class="container">
|
||||
<ul class="list">
|
||||
<li role="button" tabindex="0">项1</li>
|
||||
<li role="button" tabindex="0" class="selected">项2</li>
|
||||
<li role="button" tabindex="0">项3</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</aside>
|
||||
<iframe class="main right">
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
0
shared/html/settings/appinstaller/general.html
Normal file
0
shared/html/settings/appinstaller/general.html
Normal file
38
shared/html/settings/appinstaller/guide.html
Normal file
38
shared/html/settings/appinstaller/guide.html
Normal file
@@ -0,0 +1,38 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<title>App Installer Settings</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<script type="text/javascript" src="../../js/module.js"></script>
|
||||
<script type="text/javascript" src="../../js/polyfill-ie.js"></script>
|
||||
<link rel="stylesheet" href="../../libs/winjs/2.0/css/ui-light.css" id="winjs-style">
|
||||
<script type="text/javascript" src="../../libs/winjs/1.0/js/base.js"></script>
|
||||
<script type="text/javascript" src="../../libs/winjs/1.0/js/ui.js"></script>
|
||||
<script type="text/javascript" src="../../js/color.js"></script>
|
||||
<script type="text/javascript" src="../../js/promise.js"></script>
|
||||
<script type="text/javascript" src="../../js/bridge.js"></script>
|
||||
<script type="text/javascript" src="../../js/dpimodes.js"></script>
|
||||
<script type="text/javascript" src="../../js/resources.js"></script>
|
||||
<script type="text/javascript" src="../../js/animation.js"></script>
|
||||
<link rel="stylesheet" href="../../fonts/fonts.css">
|
||||
<script type="text/javascript" src="../../js/event.js"></script>
|
||||
<script type="text/javascript" src="../../js/tileback.js"></script>
|
||||
<script type="text/javascript" src="../../js/load.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/msgbox/msgbox.css">
|
||||
<script type="text/javascript" src="../../libs/msgbox/msgbox.js"></script>
|
||||
<script type="text/javascript" src="../../js/init.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="../page.css">
|
||||
<link rel="stylesheet" type="text/css" href="../subpage.css">
|
||||
<script type="text/javascript" src="initsame.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="section padding">
|
||||
<h2>App Installer Settings</h2>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
35
shared/html/settings/appinstaller/init.js
Normal file
35
shared/html/settings/appinstaller/init.js
Normal file
@@ -0,0 +1,35 @@
|
||||
(function(global) {
|
||||
"use strict";
|
||||
|
||||
function ready(e) {
|
||||
var page = document.querySelector("#settingpage");
|
||||
var guide = page.querySelector(".page.guide");
|
||||
var slide = guide.querySelector("aside");
|
||||
var content = guide.querySelector(".main");
|
||||
var shead = slide.querySelector("header");
|
||||
var list = slide.querySelector("ul");
|
||||
list.innerHTML = "";
|
||||
var items = pages;
|
||||
var tags = Object.keys(items);
|
||||
var eventutil = Windows.UI.Event.Util;
|
||||
for (var i = 0; i < tags.length; i++) {
|
||||
var tag = tags[i];
|
||||
var item = items[tag];
|
||||
var li = document.createElement("li");
|
||||
li.setAttribute("data-page", item.page);
|
||||
li.innerHTML = item.title;
|
||||
eventutil.addEvent(li, "click", function() {
|
||||
for (var j = 0; j < list.children.length; j++) {
|
||||
var child = list.children[j];
|
||||
if (child.classList.contains("selected"))
|
||||
child.classList.remove("selected");
|
||||
}
|
||||
content.src = this.getAttribute("data-page");
|
||||
this.classList.add("selected");
|
||||
});
|
||||
list.appendChild(li);
|
||||
}
|
||||
content.src = guidePage.page;
|
||||
}
|
||||
OnLoad.add(ready);
|
||||
})(this);
|
||||
8
shared/html/settings/appinstaller/initsame.js
Normal file
8
shared/html/settings/appinstaller/initsame.js
Normal file
@@ -0,0 +1,8 @@
|
||||
(function(global) {
|
||||
"use strict";
|
||||
|
||||
function ready(e) {
|
||||
Windows.UI.DPI.mode = 1
|
||||
}
|
||||
OnLoad.add(ready);
|
||||
})(this);
|
||||
25
shared/html/settings/appinstaller/items.js
Normal file
25
shared/html/settings/appinstaller/items.js
Normal file
@@ -0,0 +1,25 @@
|
||||
(function(global) {
|
||||
"use strict";
|
||||
|
||||
function getPage(page, display) {
|
||||
return {
|
||||
page: page,
|
||||
title: display
|
||||
};
|
||||
}
|
||||
var pages = {
|
||||
general: getPage("appinstaller/general.html", "General"),
|
||||
theme: getPage("appinstaller/theme.html", "Theme"),
|
||||
update: getPage("update.html", "Update")
|
||||
};
|
||||
Object.defineProperty(global, "pages", {
|
||||
get: function() {
|
||||
return pages;
|
||||
}
|
||||
});
|
||||
Object.defineProperty(global, "guidePage", {
|
||||
get: function() {
|
||||
return getPage("appinstaller/guide.html", "Guide");
|
||||
}
|
||||
});
|
||||
})(this);
|
||||
0
shared/html/settings/appinstaller/theme.html
Normal file
0
shared/html/settings/appinstaller/theme.html
Normal file
27
shared/html/settings/init.js
Normal file
27
shared/html/settings/init.js
Normal file
@@ -0,0 +1,27 @@
|
||||
(function(global) {
|
||||
"use strict";
|
||||
|
||||
function ready(e) {
|
||||
var page = document.querySelector("#settingpage");
|
||||
var guide = page.querySelector(".page.guide");
|
||||
var slide = guide.querySelector("aside");
|
||||
var content = guide.querySelector("main");
|
||||
var shead = slide.querySelector("header");
|
||||
var list = slide.querySelector("ul");
|
||||
list.innerHTML = "";
|
||||
var items = global.settingPages;
|
||||
var keys = Object.keys(items);
|
||||
for (var i = 0; i < keys.length; i++) {
|
||||
var item = items[keys[i]];
|
||||
var inode = document.createElement("li");
|
||||
inode.setAttribute("data-page", item.page);
|
||||
inode.textContent = item.displayName;
|
||||
Windows.UI.Event.Util.addEvent(inode, "click", function(e) {
|
||||
window.location = "settings/" + inode.getAttribute("data-page");
|
||||
});
|
||||
list.appendChild(inode);
|
||||
// WinJS.UI.Animation.createAddToListAnimation(list, inode).execute();
|
||||
}
|
||||
}
|
||||
OnLoad.add(ready);
|
||||
})(this);
|
||||
32
shared/html/settings/initsame.js
Normal file
32
shared/html/settings/initsame.js
Normal file
@@ -0,0 +1,32 @@
|
||||
(function(global) {
|
||||
"use strict";
|
||||
|
||||
function ready(e) {
|
||||
var page = document.querySelector("#settingpage");
|
||||
var guide = page.querySelector(".page.guide");
|
||||
var slide = guide.querySelector("aside");
|
||||
var content = guide.querySelector(".main");
|
||||
var shead = slide.querySelector("header");
|
||||
var list = slide.querySelector("ul");
|
||||
try { slide.style.backgroundColor = Bridge.UI.themeColor; } catch (e) {}
|
||||
setTimeout(function() {
|
||||
slide.style.transition = "all 0.5s cubic-bezier(0.1, 0.9, 0.2, 1)";
|
||||
}, 0);
|
||||
shead.style.display = "none";
|
||||
list.style.display = "none";
|
||||
content.style.display = "none";
|
||||
setTimeout(function() {
|
||||
shead.style.display = "";
|
||||
Windows.UI.Animation.runAsync(shead, Windows.UI.Animation.Keyframes.Flyout.toLeft);
|
||||
}, 0);
|
||||
setTimeout(function() {
|
||||
list.style.display = "";
|
||||
Windows.UI.Animation.runAsync(list, Windows.UI.Animation.Keyframes.Flyout.toLeft);
|
||||
}, 50);
|
||||
setTimeout(function() {
|
||||
content.style.display = "";
|
||||
Windows.UI.Animation.runAsync(content, Windows.UI.Animation.Keyframes.SlideInFromBottom);
|
||||
}, 100);
|
||||
}
|
||||
OnLoad.add(ready);
|
||||
})(this);
|
||||
16
shared/html/settings/items.js
Normal file
16
shared/html/settings/items.js
Normal file
@@ -0,0 +1,16 @@
|
||||
(function(global) {
|
||||
"use strict";
|
||||
|
||||
function getSettingsItem(page, displayName) {
|
||||
return {
|
||||
page: page,
|
||||
displayName: displayName
|
||||
};
|
||||
}
|
||||
var settingItems = {
|
||||
appinstaller: getSettingsItem("appinstaller.html", "App Installer")
|
||||
};
|
||||
Object.defineProperty(global, "settingPages", {
|
||||
get: function() { return settingItems; }
|
||||
});
|
||||
})(this);
|
||||
215
shared/html/settings/page.css
Normal file
215
shared/html/settings/page.css
Normal file
@@ -0,0 +1,215 @@
|
||||
body {
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-ms-overflow-style: -ms-autohiding-scrollbar;
|
||||
user-select: none;
|
||||
-ms-user-select: none;
|
||||
}
|
||||
|
||||
body * {
|
||||
-ms-overflow-style: -ms-autohiding-scrollbar;
|
||||
}
|
||||
|
||||
*,
|
||||
button,
|
||||
input,
|
||||
select,
|
||||
textarea,
|
||||
a,
|
||||
label,
|
||||
p,
|
||||
span,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
ul,
|
||||
ol,
|
||||
li,
|
||||
dl,
|
||||
dt,
|
||||
dd,
|
||||
table,
|
||||
th,
|
||||
td,
|
||||
tr,
|
||||
img,
|
||||
iframe,
|
||||
object,
|
||||
embed,
|
||||
audio,
|
||||
video,
|
||||
canvas,
|
||||
form,
|
||||
fieldset,
|
||||
legend {
|
||||
font-family: "Microsoft YaHei", "Segoe UI", "Ebrima", "Nirmala", "Gadugi", "Segoe UI Emoji", "Segoe UI Symbol", "Meiryo", "Leelawadee", "Microsoft JhengHei", "Malgun Gothic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Javanese Text", "Cambria Math";
|
||||
}
|
||||
|
||||
.pagecontainer {
|
||||
padding: 0px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow-x: hidden;
|
||||
overflow-y: hidden;
|
||||
box-sizing: border-box;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
border: 0px;
|
||||
background-color: #f3f3f3;
|
||||
}
|
||||
|
||||
.pagecontainer.full {
|
||||
padding: 0px;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
|
||||
.pagecontainer>.page {
|
||||
position: relative;
|
||||
overflow-x: hidden;
|
||||
overflow-y: hidden;
|
||||
box-sizing: border-box;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.titlebanner {
|
||||
height: 150px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: nowrap;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.pagetitle {
|
||||
margin-left: 120px;
|
||||
margin-right: 120px;
|
||||
}
|
||||
|
||||
.pagetitlewb-backbutton {
|
||||
margin-left: 39px;
|
||||
max-width: 41px;
|
||||
max-height: 41px;
|
||||
min-width: 41px;
|
||||
min-height: 41px;
|
||||
}
|
||||
|
||||
.pagetitlewb-title {
|
||||
margin-left: 40px;
|
||||
margin-right: 120px;
|
||||
}
|
||||
|
||||
aside.left {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
width: 300px;
|
||||
box-sizing: border-box;
|
||||
padding: 0;
|
||||
background-color: rgb(20, 0, 68);
|
||||
color: white;
|
||||
}
|
||||
|
||||
aside .container {
|
||||
width: 100%;
|
||||
height: calc(100% - 120px);
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
box-sizing: border-box;
|
||||
-ms-overflow-style: -ms-autohiding-scrollbar;
|
||||
}
|
||||
|
||||
aside .container ul {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
padding-bottom: 50px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
aside .container ul li {
|
||||
list-style: none;
|
||||
min-height: 40px;
|
||||
text-align: left;
|
||||
/*padding: 5px 60px;*/
|
||||
padding: 5px 50px;
|
||||
height: 40px;
|
||||
margin-top: 5px 0;
|
||||
border: 1px solid rgba(0, 0, 0, 0);
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: nowrap;
|
||||
align-content: center;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
aside .container ul li.selected {
|
||||
/* background-color: rgba(101, 38, 254, 0.61); */
|
||||
background-color: rgba(95, 95, 95, 0.45);
|
||||
}
|
||||
|
||||
aside .container ul li:hover {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
}
|
||||
|
||||
aside .container ul li:active {
|
||||
background-color: white;
|
||||
color: black;
|
||||
}
|
||||
|
||||
aside .container ul li:focus {
|
||||
border: 1px solid white;
|
||||
}
|
||||
|
||||
.main.right {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
left: 300px;
|
||||
box-sizing: border-box;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
box-sizing: border-box;
|
||||
height: 100%;
|
||||
max-height: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
width: calc(100% - 300px);
|
||||
}
|
||||
|
||||
.main.padding {
|
||||
padding: 44px 60px;
|
||||
}
|
||||
|
||||
.section {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
box-sizing: border-box;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
-ms-overflow-style: -ms-autohiding-scrollbar;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
}
|
||||
|
||||
.section.padding {
|
||||
padding: 44px 60px;
|
||||
}
|
||||
3
shared/html/settings/subpage.css
Normal file
3
shared/html/settings/subpage.css
Normal file
@@ -0,0 +1,3 @@
|
||||
body {
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
}
|
||||
0
shared/html/settings/update.html
Normal file
0
shared/html/settings/update.html
Normal file
Reference in New Issue
Block a user