diff options
Diffstat (limited to 'webAO')
| -rw-r--r-- | webAO/client.html | 7 | ||||
| -rw-r--r-- | webAO/styles/classic.css | 32 | ||||
| -rw-r--r-- | webAO/styles/default.css | 47 | ||||
| -rw-r--r-- | webAO/styles/soj.css | 9 |
4 files changed, 92 insertions, 3 deletions
diff --git a/webAO/client.html b/webAO/client.html index 8c53428..306a01a 100644 --- a/webAO/client.html +++ b/webAO/client.html @@ -6,7 +6,7 @@ <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" type="text/css" href="styles/client.css?v=1.0.0" id="client_stylesheet"> - <link rel="stylesheet" type="text/css" href="styles/classic.css?v=1.0.0" id="client_theme"> + <link rel="stylesheet" type="text/css" href="styles/default.css?v=1.0.0" id="client_theme"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <link type="text/css" rel="stylesheet" href="golden/css/goldenlayout.css" /> <link type="text/css" rel="stylesheet" @@ -293,8 +293,9 @@ <br> <label for="client_themeselect">Theme:</label> <select id="client_themeselect" name="client_themeselect" onchange="reloadTheme()"> - <option value="classic" selected>Classic</option> - <option value="soj">SoJ</option> + <option value="default" selected>Default</option> + <option value="classic">Classic</option> + <option value="soj">DD / SoJ</option> </select> <br> <br> diff --git a/webAO/styles/classic.css b/webAO/styles/classic.css index 5235f70..3ac5bfe 100644 --- a/webAO/styles/classic.css +++ b/webAO/styles/classic.css @@ -44,4 +44,36 @@ img { #client_chat p { margin: 4px; color: white; +} + +#evi_name { + background-color: #393939; + color: #ffad18; +} + +#evi_desc { + flex: 1 auto; + background-color: #9cc694; +} + +#client_menu { + background-color: #5a5a5a; + overflow-y: auto; + height: 100%; +} + +#client_menu:after { + position: absolute; + content:""; + pointer-events: none; + background: repeating-linear-gradient(transparent, transparent 3px, rgba(255,255,255,0.2) 3px, rgba(255,255,255,0.2) 4px); + top:0; + left:0; + width:100%; + height:100%; + opacity:0.5; + } + +.menu_content { + background-color: #847342; }
\ No newline at end of file diff --git a/webAO/styles/default.css b/webAO/styles/default.css new file mode 100644 index 0000000..5235f70 --- /dev/null +++ b/webAO/styles/default.css @@ -0,0 +1,47 @@ +body { + font-family: "Ace Attorney", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "MS Gothic", "ＭＳ Ｐゴシック", "Tahoma", Sans; +} + +img { + image-rendering: -moz-crisp-edges; + image-rendering: -o-crisp-edges; + image-rendering: -webkit-optimize-contrast; + image-rendering: crisp-edges; + -ms-interpolation-mode: nearest-neighbor; +} + +#client_name { + display: none; + padding: 0px 6px; + height: 7%; + border: 1px solid rgba(255, 255, 255, 0.7); + background: rgba(73, 0, 254, 0.5); + top: 63%; + border-radius: 3px; + position: absolute; +} + +#client_chat { + font-size: 1em; + display: none; + width: 98%; + width: calc(100% - 4px); + margin: auto; + height: 30%; + border: 2px solid rgba(255, 255, 255, 0.7); + background-color: rgba(0, 0, 0, 0.5); + top: 70%; + border-radius: 4px; + position: absolute; + word-break: keep-all; + word-wrap: break-word; + overflow-wrap: break-word; + text-align: left; + overflow: hidden; + scroll-behavior: smooth; +} + +#client_chat p { + margin: 4px; + color: white; +}
\ No newline at end of file diff --git a/webAO/styles/soj.css b/webAO/styles/soj.css index 3932b7e..10aab6b 100644 --- a/webAO/styles/soj.css +++ b/webAO/styles/soj.css @@ -42,4 +42,13 @@ body { margin: 4px; padding: 5px 10px; color: white; +} + +#evi_name { + background-color: #242e25; +} + +#evi_desc { + flex: 1 auto; + background: repeating-linear-gradient(#83b893, #83b893 14px, #222 14px, #222 15px); }
\ No newline at end of file |