diff options
Diffstat (limited to 'webAO/styles/classic.css')
| -rw-r--r-- | webAO/styles/classic.css | 185 |
1 files changed, 41 insertions, 144 deletions
diff --git a/webAO/styles/classic.css b/webAO/styles/classic.css index aea5b34..87cdda7 100644 --- a/webAO/styles/classic.css +++ b/webAO/styles/classic.css @@ -1,13 +1,27 @@ body { - font-family: "Ace Attorney", "ace_attorneyregular", "MS PGothic", "MS UI Gothic", "MS Sans Serif", "Hiragino Maru Gothic Pro", "Mitra Mono", "Mukti Narrow", "Meera", "Khmer OS", "FreeSans", "Gargi" , sans-serif; + font-family: "Igiari", "Ace Attorney", "MS PGothic", "MS UI Gothic", "MS Sans Serif", "Hiragino Maru Gothic Pro", "Mitra Mono", "Mukti Narrow", "Meera", "Khmer OS", "FreeSans", "Gargi" , sans-serif; } +/* Webfont CSS setup for Igiari by Caveras */ + @font-face { - font-family: 'ace_attorneyregular'; - src: url('ace-attorney.woff2') format('woff2'), - url('ace-attorney.woff') format('woff'); - font-weight: normal; - font-style: normal; + font-family:'Igiari'; + src:url('igiari/Igiari.eot'); + src:url('igiari/Igiari.eot?#iefix') format('embedded-opentype'), + url('igiari/Igiari.woff') format('woff'), + url('igiari/Igiari.ttf') format('truetype'), + url('igiari/Igiari.svg#Igiari') format('svg'); + font-weight:normal; + font-style:normal; +} + +@media screen and (-webkit-min-device-pixel-ratio:0) { + @font-face { + font-family:'Igiari'; + src: url('igiari/Igiari.svg') format('svg'); + font-weight:normal; + font-style:normal; + } } img { @@ -15,156 +29,39 @@ img { image-rendering: pixelated; } -.text_white { - color: #fff; -} - -.text_blue { - color: #6bc6f7; -} - -.text_green { - color: #00f700; -} - -.text_red { - color: #f00; -} - -.text_orange { - color: #f77339; -} - -.text_yellow { - color: #ff0; -} - -.text_pink { - color: #ffc0cb; -} - -.text_cyan { - color: #0ff; -} - -.text_rainbow { - background-color: #fff; - background-image: repeating-linear-gradient(to right, - red 0% 8%, orange 8% 16%, yellow 16% 24%, green 24% 32%, blue 32% 40%, - red 40% 48%, orange 48% 56%, yellow 56% 64%, green 64% 72%, blue 72% 80%, - red 80% 88%, orange 88% 96%, yellow 96% 100%); - background-size: 40% 40%; - background-clip: text; - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; - animation: rainbow 4s linear infinite; -} - -@keyframes rainbow_alt { - - 0%, - 100% { - background-position: 0 0; - } - - 50% { - background-position: 400% 0; - } -} - -@keyframes rainbow { - 0% { - background-position: 0 0; - } - - 100% { - background-position: 400% 0; - } -} - -#client_chatcontainer { - filter: none; -} - -#client_name { - display: none; - padding: 0 0.45em; - height: 5.2%; - min-width: 3.25em; - text-justify: distribute; - letter-spacing: 0.075em; - background: rgba(56, 56, 163, 0.5); - box-shadow: 0.075em 0.075em rgba(0, 56, 163, 0.5) inset; - left: 0; - top: 60.4%; - border-color: rgba(255, 255, 255, 0.5); - border-style: ridge groove groove ridge; - border-width: 0.2em; - border-radius: 0.2em; - position: absolute; - z-index: 1; -} - -#client_chat { - font-size: 1em; - display: none; - width: 98.4375%; - width: calc(100% - 0.275em); - margin: auto; - height: 31.25%; - border-color: rgba(255, 255, 255, 0.5); - border-style: ridge groove groove ridge; - border-width: 0.15em; - border-radius: 0.3em; - background-color: rgba(0, 0, 16, 0.5); - top: 66.5%; - position: absolute; - word-break: keep-all; - overflow-wrap: break-word; - text-align: left; - overflow: hidden; - scroll-behavior: smooth; -} - -#client_chat p { - padding: 1% 3.13%; - margin: 1px; - line-height: 97%; -} - -#client_chatwaiting { - display: block; - right: -6px; - bottom: 0.24em; - width: 1em; - position: absolute; - animation: idling 0.4s linear infinite; -} - -@keyframes idling { - 0% { - right: -4px; - } - - 50% { - right: -8px; - } - - 100% { - right: -4px; - } +hr { + height: 6px; + width: 100%; + background-color: #c6c6c6; + background: repeating-linear-gradient(to right,#f7f7f7, #f7f7f7 1px, #8c8c8c 1px, #8c8c8c 2px, #c6c6c6 2px, #c6c6c6 16px); + margin: 0; } #evi_name { background-color: #393939; color: #ffad18; + border: none; } #evi_desc { flex: 1 auto; + border-top: 1px solid #6b946b; + border-left: 1px solid #6b946b; + border-right: none; + border-bottom: none; background-color: #9cc694; } +.evi_icon { + width: 70px; + min-width: 70px; + height: 70px; + background-color: #7b7b7b; + outline: 2px ridge #fff; + outline-offset: -2px; + margin-right: 2px; +} + #client_menu { background-color: #5a5a5a; overflow-y: auto; |