diff --git a/client/css/fonts/DroidSansMono-webfont.svg b/client/css/fonts/DroidSansMono-webfont.svg new file mode 100755 index 0000000..2c79480 --- /dev/null +++ b/client/css/fonts/DroidSansMono-webfont.svg @@ -0,0 +1,248 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/client/css/fonts/DroidSansMono-webfont.woff b/client/css/fonts/DroidSansMono-webfont.woff new file mode 100755 index 0000000..9f6ecef Binary files /dev/null and b/client/css/fonts/DroidSansMono-webfont.woff differ diff --git a/client/css/fonts/lato-black.woff b/client/css/fonts/lato-black.woff new file mode 100644 index 0000000..c141a2e Binary files /dev/null and b/client/css/fonts/lato-black.woff differ diff --git a/client/css/fonts/lato.woff b/client/css/fonts/lato.woff new file mode 100644 index 0000000..52074ee Binary files /dev/null and b/client/css/fonts/lato.woff differ diff --git a/client/css/style.css b/client/css/style.css index 2f3fc4b..471d83b 100644 --- a/client/css/style.css +++ b/client/css/style.css @@ -1,9 +1,19 @@ -@import url('//fonts.googleapis.com/css?family=Lato:400,700'); -@import url('//fonts.googleapis.com/css?family=Open+Sans:300,400,700'); @font-face { - font-family: "FontAwesome"; + font-family: "Lato"; + src: url("fonts/lato.woff") format("woff"); +} +@font-face { + font-family: "Lato Black"; + src: url("fonts/lato-black.woff") format("woff"); +} +@font-face { + font-family: "Font Awesome"; src: url("fonts/fontawesome.svg") format("svg"), url("fonts/fontawesome.woff") format("woff"); } +@font-face { + font-family: "Droid Sans Mono"; + src: url("fonts/droidsansmono.svg") format("svg"), url("fonts/droidsansmono.woff") format("woff"); +} html, body { height: 100%; @@ -56,7 +66,7 @@ button { color: #84d1ff; color: #84ce88; display: inline-block; - font: bold 12px Lato, sans-serif; + font: bold 12px "Lato Black", sans-serif; letter-spacing: 1px; margin-bottom: 10px; padding: 9px 17px; @@ -119,7 +129,7 @@ button { } #viewport .lt:before, #viewport .rt:before { - font: 14px FontAwesome; + font: 14px "Font Awesome"; content: "\f0c9"; } #viewport .rt { @@ -198,7 +208,7 @@ button { } #sidebar .chan:before, #chat .title:before { - font: 14px FontAwesome; + font: 14px "Font Awesome"; float: left; margin-top: 3px; margin-right: 12px; @@ -286,7 +296,7 @@ button { #footer .icon { color: #9ca5b4; display: inline-block; - font: 14px FontAwesome; + font: 14px "Font Awesome"; line-height: 34px; padding: 0px 12px; } @@ -446,7 +456,7 @@ button { } #chat, #windows .header { - font: 12px Consolas, Menlo, Monaco, "Lucida Console", "DejaVu Sans Mono", "Courier New", monospace; + font: 12px "Droid Sans Mono", monospace; line-height: 1.4; } #chat button:hover { @@ -671,7 +681,7 @@ button { } #chat .count:before { color: #cfcfcf; - font: 14px FontAwesome; + font: 14px "Font Awesome"; content: "\f002"; position: absolute; right: 18px; @@ -807,7 +817,7 @@ button { } #settings #play:before { content: "\f028"; - font: 14px FontAwesome; + font: 14px "Font Awesome"; margin-right: 9px; } #settings .about { @@ -834,7 +844,7 @@ button { top: 6px; } #form .input { - font: 12px Consolas, Menlo, Monaco, "Lucida Console", "DejaVu Sans Mono", "Courier New", monospace; + font: 12px "Droid Sans Mono", monospace; left: 0; height: 34px; margin-right: 64px; diff --git a/client/themes/crypto.css b/client/themes/crypto.css new file mode 100644 index 0000000..fa55aba --- /dev/null +++ b/client/themes/crypto.css @@ -0,0 +1,102 @@ +/* +Crypto theme for Shout. + +Installation instructions can be found here +http://shout-irc.com/docs/server/configuration.html#theme + +Author: Aynik +GitHub: https://github.com/aynik +*/ + +body { + background: #000; + font: 16px "Droid Sans Mono", monospace; +} + +a, #chat a { + color: #00FF0E; +} + +a:hover, #chat a:hover { + color: #3EFF48; +} + +#windows .window h2 { + color: #666; + font: 14px regular Leto, sans-serif; + border-bottom: none; +} + +#main { + right: 0px; + bottom: 0px; + top: 0px; + border-radius: 0px; +} + +#sign-in label { + font: 14px Lato, sans-serif; + color: #666; +} + +#sign-in label input { + margin-top: 10px !important; + font: 14px "Droid Sans Mono", monospace; +} + +.btn { + border-color: #00FF0E; + color: #00FF0E; +} + +.btn:disabled, .btn:hover { + background: #00FF0E; +} + +#windows .window:before, #windows .chan:before { + content: none; +} + +#settings .opt { + line-height: 20px; + font-size: 12px; +} + +#sign-in .remember { + font: 12px "Droid Sans Mono", monospace; + line-height: 30px; +} + +.chan:first-child.activeat .msg .type, +#sidebar .chan:first-child { + color: #00FF0E; +} + +#sidebar button, +#sidebar .chan, +#sidebar .sign-out, +#chat .time, +#chat .msg .type, +#chat .count:before, +#sidebar .empty { + color: #666; +} + +#sidebar .active { + color: #fff; +} + +#chat.no-colors .from button, #chat.no-colors .sidebar button { + color: #000 !important; + font-weight: bold +} + +#footer .icon { + color: #666; +} + +@media (max-width: 768px) { + #main { + left: 0px; + } +}