From c2fb927330a82966e3d4500416fdc7a36e77b7cc Mon Sep 17 00:00:00 2001 From: Robert Date: Wed, 25 Dec 2019 14:52:12 +0000 Subject: [PATCH] Update 'public/stylesheets/style.css' --- public/stylesheets/style.css | 180 +++++++++++++++++++++++++++++++---- 1 file changed, 162 insertions(+), 18 deletions(-) diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css index ccccd48..2ad2941 100644 --- a/public/stylesheets/style.css +++ b/public/stylesheets/style.css @@ -92,23 +92,6 @@ --logo: url(https://ultima.uiiverse.xyz/assets/img/Ultima.png); --backgroundpattern: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTk4NzJCNTlCRjJFOTExOEY5RDk2ODFEQTBCQzg0OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDNUI4MjFGREYyOUMxMUU5QTQwMDlFMTQyM0U2MTU1NSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDNUI4MjFGQ0YyOUMxMUU5QTQwMDlFMTQyM0U2MTU1NSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAyOTg3MkI1OUJGMkU5MTE4RjlEOTY4MURBMEJDODQ4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAxOTg3MkI1OUJGMkU5MTE4RjlEOTY4MURBMEJDODQ4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+iAOohwAAA0pJREFUeNrsndGO4jAMRUsoiPz1/HUphbK9MxupT0uqncZpfM7LPICEbJ84KUPr0/v9/uoMGYZhmuf50jkkhDDFGE1jD9ZJuCwsErorvmJW7OYSduAaBEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQIBf43Q6uUt8LTGbCzBNk9vVV0Ps5gK8Xi+3AtQQu6kAz+fT/R5snYNgaf/9fne5/6/PAcqBZScIVsV/PB6ui7+WQLmwksBEAMuAaz0LKCcW9BaB6u+W1X/Um0dzY9T7lJNhGLrr9dqdz+f2BNBhJ+35nxKTCq5EVHAD7X9f6qVu96+49do8z98S3G63ru/LlKbX/fl73qacm4B18UsmYPcE/41jvQByDoYlFsBSm6nXwxnSB+7VAnMLr4BLt8CSIsQYs7bA9Jo6wjiOu22By+dc+i171V6k4itBLZNiVJvfcg7asz6hlsRo5Xuhpi5nLoBWf6tt/5PwNVzdBOvi68DnqfhrCRS7tQTmHaCV0/5RYw/Wq8A71jkwFeDoX/K0kAMzATw+G7DGXPCbQOcgAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAKAUwEYG1tHLkw7gGYKesc6B6YCMD/YPgfmZwBN1PRKDbGbCpDGpHrsBIo5Z5Rs8x1ACfA2Tj5NUa/hIBxqSogXahL+e3DdjsOJs9+nhGimbstTRJPoW+YG712fPoRQxfh4vaZp2ZKgpfHx6wNf2vM/FT8VvMj4+BjjroPrUiHXCcg5GJZIQKnr/JwFsC5+qQWwfMal2DJTQBqdntMC02vqCOM4HnbGYIojt/BpqHTJLbBon1VgkkBtfss+2PrXxqn4yo2LqwBv4+JzFoZy4uYyMAXM+Nif1W+5IIKl9TrseJYgHfgsu6HpF0GtXeodMQfm3wR6PgvUELu5AEe/zj967FX8L8DjOaCWmPlNoHMQAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAX4F3aPu8ZmBinmq4Dl5fwQYAOEGaJ7t0ptEAAAAAElFTkSuQmCC'); /* End of Ultima */ - /* Indy */ - --maincolor: #8000ff; - --textcolor: #ccc; - --bgcolor: #8000ff;/* Background, Reply previews */ - --bg2color: #200040; /* BG of "windows" eg sidebar */ - --bg3color: var(--bg4color); /* Yeah BG */ - --bg4color: #180030; /* Reply BG */ - --feelingcolor: var(--textcolor); - --h2text: var(--textcolor); - --iconbg: #000b; - --signinbutton: var(--textcolor); - --bordercolor: #000; - --footer: #1d1d1d; - --h3color: #ccc; - --logo: url(https://web.archive.org/web/20181028111708im_/https://indigo.cafe/assets/img/menu-logo.png); - --backgroundpattern: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAEpElEQVR4nO2dW3LiQBAEE8kmOPae2w7j/ZjFa0CAHi1N16jqABMZlf2pKB1Op9MfgnI8Hun7Puq5q5zPZz4+Pvj+/g55z6yFs4t6zIWWqLBeOEMOwIWWqLD+5lx8AC60RIX1lnPRAbjQEhXWIc7ZB+BCS1RYH3HOOgAXWqLC+oxz8gG40BIV1leckw7AhZaosI7hHH0ALrREhXUs56gDcKElKqxTOF8egAstUWGdyvn0AFxoiQrrHM6HB+BCS1RY53IOHoALLVFhXcJ5dwAutESFdSnn1QG40BIV1gjOnwNwoSUqrFGcHbjQS1RYIzk7F1qiwhrN2e29UNBhXYPzLeSlm3x9ffH5+Zm+UNi3/L7v4z4KvcTydeTDwk/CbmP5WvIh8AAsX08+BB2A5WvKh4ADOJ/Plh+cLTkXHYBKoaDDujXn7ANQKRR0WGtwzjoAlUJBh7UW5+QDUCkUdFhrck46AJVCQYe1NufoA6gNOiUqrBk4Rx1ABtCxUWHNwvnyALKAjokKaybOpweQCfRVVFizcT48gGygz6LCmpFz8AAygj6KCmtWzrsDyAo6FBXWzJxXB5AZ9DYqrNk5fw4gO+jvqLAqcHagAXqJCqsKZ6cCCjqlqnACdCqgKqWqcEL5kqtTAFUpVYUTinxPxQZGhRP+y4eAbwItX4cTruWDp2IXR4UT7uWDp2IXRYUThuWDp2JnR4UTHssHT8XOigonPJcPnoqdHBVOeC0fPBU7KSqcME4+eCp2dFQ4Ybx88FTsqKhwwjT54KnYl1HhhOnywVOxT6PCCfPkg6diH0aFE+bLB0/FDkaFE5bJB0/F3kWFE5bLB0/FXkWFE2Lkg6dif6LCCXHywVOxgA4nxMo/HA6eilXhhHj5x+MxfikUdEpV4YSV5Hdd/AGolKrCCevJh+CpWJVSVThhXfkQeAAqpapwwvryIegAVEpV4YRt5EPQVKxCqSqcsJ182MlUrAonbCsfdjAVq8IJ28uHxqdiVTihjnxoeCpWhRPqyYdGp2JVOKGufGhwKlaFE+rLh8amYlU4IYd8aGgqVoUT8siHRqZiVTghl3xoYCpWhRPyyQfxqVgVTsgpH4SnYlU4Ia98EJ2KVeGE3PJBcCpWhRPyywexqVgVTtCQD/Cm8t9fy1/l+106y4+NknyJqVjLX09++qlYy19XPiSeirX89eVD0qlYy99GPiScirX87eRDsqlYy99WPiSairX87eVDkqlYy68jHxJMxVp+PflQeSrW8uvKh4pTsZZfXz5Umoq1/BzyocJUrOXnkQ8bT8Vafi75sOFUrOXnkw8bTcVafk75sMFUrOXnlQ8rT8Vafm75sOJUrOXnl7/aVKzla8h/f3/f71IoWH7f97yFvPgvlq8hf5WpWMvXkw87WwoFyw+firV8Xfmwk6VQsPzwqVjL15cPjS+FguWHT8VafjvyodGlULD88KlYy29PPjS2FAr1C52SDKzNLIVCjkLHJgtrE0uhkKfQMcnEKr8UCrkKfZVsrNJLoZCv0GfJyCq7FAo5C32UrKySS6GQt9ChZGaVWwqF3IXeJjur1FIo5C/0dxRYO8vfr3yAv3rECG2I4F0DAAAAAElFTkSuQmCC'); - /* End of Indy */ /* Light theme */ --maincolor: #b863b8; --textcolor: #444; @@ -246,6 +229,23 @@ --logo: url(minversedark.png); --backgroundpattern: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAEpElEQVR4nO2dW3LiQBAEE8kmOPae2w7j/ZjFa0CAHi1N16jqABMZlf2pKB1Op9MfgnI8Hun7Puq5q5zPZz4+Pvj+/g55z6yFs4t6zIWWqLBeOEMOwIWWqLD+5lx8AC60RIX1lnPRAbjQEhXWIc7ZB+BCS1RYH3HOOgAXWqLC+oxz8gG40BIV1leckw7AhZaosI7hHH0ALrREhXUs56gDcKElKqxTOF8egAstUWGdyvn0AFxoiQrrHM6HB+BCS1RY53IOHoALLVFhXcJ5dwAutESFdSnn1QG40BIV1gjOnwNwoSUqrFGcHbjQS1RYIzk7F1qiwhrN2e29UNBhXYPzLeSlm3x9ffH5+Zm+UNi3/L7v4z4KvcTydeTDwk/CbmP5WvIh8AAsX08+BB2A5WvKh4ADOJ/Plh+cLTkXHYBKoaDDujXn7ANQKRR0WGtwzjoAlUJBh7UW5+QDUCkUdFhrck46AJVCQYe1NufoA6gNOiUqrBk4Rx1ABtCxUWHNwvnyALKAjokKaybOpweQCfRVVFizcT48gGygz6LCmpFz8AAygj6KCmtWzrsDyAo6FBXWzJxXB5AZ9DYqrNk5fw4gO+jvqLAqcHagAXqJCqsKZ6cCCjqlqnACdCqgKqWqcEL5kqtTAFUpVYUTinxPxQZGhRP+y4eAbwItX4cTruWDp2IXR4UT7uWDp2IXRYUThuWDp2JnR4UTHssHT8XOigonPJcPnoqdHBVOeC0fPBU7KSqcME4+eCp2dFQ4Ybx88FTsqKhwwjT54KnYl1HhhOnywVOxT6PCCfPkg6diH0aFE+bLB0/FDkaFE5bJB0/F3kWFE5bLB0/FXkWFE2Lkg6dif6LCCXHywVOxgA4nxMo/HA6eilXhhHj5x+MxfikUdEpV4YSV5Hdd/AGolKrCCevJh+CpWJVSVThhXfkQeAAqpapwwvryIegAVEpV4YRt5EPQVKxCqSqcsJ182MlUrAonbCsfdjAVq8IJ28uHxqdiVTihjnxoeCpWhRPqyYdGp2JVOKGufGhwKlaFE+rLh8amYlU4IYd8aGgqVoUT8siHRqZiVTghl3xoYCpWhRPyyQfxqVgVTsgpH4SnYlU4Ia98EJ2KVeGE3PJBcCpWhRPyywexqVgVTtCQD/Cm8t9fy1/l+106y4+NknyJqVjLX09++qlYy19XPiSeirX89eVD0qlYy99GPiScirX87eRDsqlYy99WPiSairX87eVDkqlYy68jHxJMxVp+PflQeSrW8uvKh4pTsZZfXz5Umoq1/BzyocJUrOXnkQ8bT8Vafi75sOFUrOXnkw8bTcVafk75sMFUrOXnlQ8rT8Vafm75sOJUrOXnl7/aVKzla8h/f3/f71IoWH7f97yFvPgvlq8hf5WpWMvXkw87WwoFyw+firV8Xfmwk6VQsPzwqVjL15cPjS+FguWHT8VafjvyodGlULD88KlYy29PPjS2FAr1C52SDKzNLIVCjkLHJgtrE0uhkKfQMcnEKr8UCrkKfZVsrNJLoZCv0GfJyCq7FAo5C32UrKySS6GQt9ChZGaVWwqF3IXeJjur1FIo5C/0dxRYO8vfr3yAv3rECG2I4F0DAAAAAElFTkSuQmCC'); /* End of Default */ + /* Indy */ + --maincolor: #8000ff; + --textcolor: #ccc; + --bgcolor: #8000ff;/* Background, Reply previews */ + --bg2color: #200040; /* BG of "windows" eg sidebar */ + --bg3color: var(--bg4color); /* Yeah BG */ + --bg4color: #180030; /* Reply BG */ + --feelingcolor: var(--textcolor); + --h2text: var(--textcolor); + --iconbg: #000b; + --signinbutton: var(--textcolor); + --bordercolor: #000; + --footer: #1d1d1d; + --h3color: #ccc; + --logo: url(https://web.archive.org/web/20181028111708im_/https://indigo.cafe/assets/img/menu-logo.png); + --backgroundpattern: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAEpElEQVR4nO2dW3LiQBAEE8kmOPae2w7j/ZjFa0CAHi1N16jqABMZlf2pKB1Op9MfgnI8Hun7Puq5q5zPZz4+Pvj+/g55z6yFs4t6zIWWqLBeOEMOwIWWqLD+5lx8AC60RIX1lnPRAbjQEhXWIc7ZB+BCS1RYH3HOOgAXWqLC+oxz8gG40BIV1leckw7AhZaosI7hHH0ALrREhXUs56gDcKElKqxTOF8egAstUWGdyvn0AFxoiQrrHM6HB+BCS1RY53IOHoALLVFhXcJ5dwAutESFdSnn1QG40BIV1gjOnwNwoSUqrFGcHbjQS1RYIzk7F1qiwhrN2e29UNBhXYPzLeSlm3x9ffH5+Zm+UNi3/L7v4z4KvcTydeTDwk/CbmP5WvIh8AAsX08+BB2A5WvKh4ADOJ/Plh+cLTkXHYBKoaDDujXn7ANQKRR0WGtwzjoAlUJBh7UW5+QDUCkUdFhrck46AJVCQYe1NufoA6gNOiUqrBk4Rx1ABtCxUWHNwvnyALKAjokKaybOpweQCfRVVFizcT48gGygz6LCmpFz8AAygj6KCmtWzrsDyAo6FBXWzJxXB5AZ9DYqrNk5fw4gO+jvqLAqcHagAXqJCqsKZ6cCCjqlqnACdCqgKqWqcEL5kqtTAFUpVYUTinxPxQZGhRP+y4eAbwItX4cTruWDp2IXR4UT7uWDp2IXRYUThuWDp2JnR4UTHssHT8XOigonPJcPnoqdHBVOeC0fPBU7KSqcME4+eCp2dFQ4Ybx88FTsqKhwwjT54KnYl1HhhOnywVOxT6PCCfPkg6diH0aFE+bLB0/FDkaFE5bJB0/F3kWFE5bLB0/FXkWFE2Lkg6dif6LCCXHywVOxgA4nxMo/HA6eilXhhHj5x+MxfikUdEpV4YSV5Hdd/AGolKrCCevJh+CpWJVSVThhXfkQeAAqpapwwvryIegAVEpV4YRt5EPQVKxCqSqcsJ182MlUrAonbCsfdjAVq8IJ28uHxqdiVTihjnxoeCpWhRPqyYdGp2JVOKGufGhwKlaFE+rLh8amYlU4IYd8aGgqVoUT8siHRqZiVTghl3xoYCpWhRPyyQfxqVgVTsgpH4SnYlU4Ia98EJ2KVeGE3PJBcCpWhRPyywexqVgVTtCQD/Cm8t9fy1/l+106y4+NknyJqVjLX09++qlYy19XPiSeirX89eVD0qlYy99GPiScirX87eRDsqlYy99WPiSairX87eVDkqlYy68jHxJMxVp+PflQeSrW8uvKh4pTsZZfXz5Umoq1/BzyocJUrOXnkQ8bT8Vafi75sOFUrOXnkw8bTcVafk75sMFUrOXnlQ8rT8Vafm75sOJUrOXnl7/aVKzla8h/f3/f71IoWH7f97yFvPgvlq8hf5WpWMvXkw87WwoFyw+firV8Xfmwk6VQsPzwqVjL15cPjS+FguWHT8VafjvyodGlULD88KlYy29PPjS2FAr1C52SDKzNLIVCjkLHJgtrE0uhkKfQMcnEKr8UCrkKfZVsrNJLoZCv0GfJyCq7FAo5C32UrKySS6GQt9ChZGaVWwqF3IXeJjur1FIo5C/0dxRYO8vfr3yAv3rECG2I4F0DAAAAAElFTkSuQmCC'); + /* End of Indy */ @@ -258,7 +258,48 @@ font-family: MiiverseSymbols; src: url(MiiverseSymbols-Regular.ttf) } - +@font-face { + font-family: 'Open Sans Regular'; + font-style: normal; + font-weight: normal; + src: local('Open Sans Regular'), url('OpenSans-Regular.ttf'); +} +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: normal; + src: local('Open Sans'), url('OpenSans-Regular.ttf'); + } +@font-face { + font-family: 'Open Sans Italic'; + font-style: normal; + font-weight: normal; + src: local('Open Sans Italic'), url('OpenSans-Italic.ttf'); +} +@font-face { + font-family: 'Open Sans Light'; + font-style: normal; + font-weight: normal; + src: local('Open Sans Light'), url('OpenSans-Light.ttf'); +} +@font-face { + font-family: 'Open Sans Light Italic'; + font-style: normal; + font-weight: normal; + src: local('Open Sans Light Italic'), url('OpenSans-LightItalic.ttf'); +} +@font-face { +font-family: 'Open Sans Bold'; +font-style: normal; +font-weight: normal; +src: local('Open Sans Bold'), url('OpenSans-Bold.ttf'); +} +@font-face { + font-family: 'Open Sans Bold Italic'; + font-style: normal; + font-weight: normal; + src: local('Open Sans Bold Italic'), url('OpenSans-BoldItalic.ttf'); +} /******************** * Element specific * @@ -1575,4 +1616,107 @@ h2.block { +} +@media screen and (max-width: 660px) { + .post .icon { + height: 36px; + width: 36px; + } + .post-icon { + height: 40px; + width: 40px; + padding: 15px 10px 5px 15px !important; + display: block; + float: left; + } + .username-container { + position: relative; + top: 14px; + left: -5px; + text-align: left; + } + .timestamp { + display: block; + font-size: 14px; + } + .post-contents { + padding-top: 20px; + padding-left: 15px; + text-align: left; + font-size: 16px; + } + .username-container.reply-preview { + top: 5px; + left: 0px; + text-align: left; + } + .post-contents.reply-preview { + padding-top: 5px; + padding-left: 56px !important; + font-size: 14px; + } + .recent-reply { + margin-top: 8px; + margin-right: 20px; + min-height: 54px; + } + + + + #sidebar-left { + width: 100%; + float: none; + margin-top: 12px; + margin-left: 0px; + max-width: 480px; + margin: 0 auto; + } + #sidebar { + width: 100%; + float: none; + margin-top: 12px; + margin-left: 0px; + max-width: 480px; + margin: 0 auto; + } + #content-bar { + max-width: 480px; + float: none; + margin: 0 auto; + } + #header-container { + max-width: 480px; + float: none; + margin: 0 auto; + } + .logged-in #header-container #header-logo{ + display: none; + float: none; + margin: 0 auto; + } + #fuck2 > li > a > span { + display: none; + } + #fuck2 > li { + width: 13.46%; + text-align: center; + + } + #fuck2 > li > a:before { + padding-right: 0; + } + #fuck2 > li > a { + display: block; + + } + .icon-container-nano { + display: block; + float: none; + margin: 0 auto; + position: relative; + top: 9px; + } + + + } \ No newline at end of file