From 5305a1d07b739e68712a405d9097fd5ae5a68b8b Mon Sep 17 00:00:00 2001 From: Vitaly Takmazov Date: Sat, 13 Feb 2021 21:39:47 +0300 Subject: Cleanup CSS/HTML suggestions from VSCode --- src/main/resources/templates/views/login.html | 376 ++++++++++++++------- .../templates/views/partial/navigation.html | 2 +- .../templates/views/partial/usercolumn.html | 2 +- src/main/resources/templates/views/post.html | 4 +- .../resources/templates/views/settings_about.html | 2 +- .../resources/templates/views/settings_main.html | 8 +- 6 files changed, 254 insertions(+), 140 deletions(-) diff --git a/src/main/resources/templates/views/login.html b/src/main/resources/templates/views/login.html index f3465e46..2f6cc741 100644 --- a/src/main/resources/templates/views/login.html +++ b/src/main/resources/templates/views/login.html @@ -1,147 +1,261 @@ + Juick - + - - + * { + margin: 0; + padding: 0; + } + + html { + font-family: sans-serif; + font-size: 12pt; + background: #f8f8f8; + } + + body { + margin: 100px auto 0 auto; + width: 1000px; + } + + a { + color: #069; + } + + ul { + float: left; + width: 700px; + height: 350px; + list-style-type: none; + background: url(/tagscloud.png) no-repeat; + position: relative; + box-shadow: 0 0 3px rgba(0, 0, 0, 0.16); + } + + ul a { + position: absolute; + display: block; + text-indent: 100%; + white-space: nowrap; + overflow: hidden; + } + + #bottom1 { + position: absolute; + left: 0; + bottom: 10px; + width: 100%; + text-align: center; + color: #555; + } + + #bottom2 { + position: absolute; + left: 0; + bottom: -50px; + width: 100%; + padding-bottom: 20px; + text-align: center; + font-size: small; + color: #777; + } + + #signup, + #signin { + margin-left: 730px; + width: 250px; + } + + #signup { + padding-top: 25px; + } + + #signup > div { + width: 100%; + margin: 15px 0; + } + + #signup > div > a { + display: block; + width: 100%; + height: 32px; + line-height: 32px; + text-indent: 37px; + text-decoration: none; + overflow: hidden; + } + + #facebook a { + color: #FFF; + background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAAXNSR0IArs4c6QAAADNQTFRFO1edX3ewl6bLnKrOoK3QrrrYvMXe2N7r3OLu3+Tv5urz7O/29vf6+Pn7+vv9/Pz9////ykQjsQAAAEZJREFUOMtjYBgFuAATO68ADxdOaUYuATDAqYBbAL8CFgECCjiBcqz4XMiPz3oQEKCtAgEkwEdIAQchBWyEFDAPkDdHsAIAhZkIwz/VK/UAAAAASUVORK5CYII=") no-repeat #3A569C; + } + + #vk a { + color: #FFF; + background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAAXNSR0IArs4c6QAAAHJQTFRFbY+zbo+zbpCzb5C0cpO1c5O2dZW3dpa4e5m6gJ29gZ69lq/In7bNo7jPrcDUs8XXvs3dv87dy9fkztnlz9rm0Nrm093o1N7o1+Dq3OTt3ubu4Ofv5Orw7fH27vL28PP38vX49Pb5+vv8+/z9/Pz9////2jSYlQAAAG5JREFUOMvtkEcOgDAMBE3vvXdIyP+/iMMRKfYHmMtcRtE6AD8f1Is8pyKgAs0RGYO2HSWqMQaoBHVRgYsS3AsrtyFlrqgdJlCLb95gxQO6IkZCqL+KCjz0TQU5ejOf2a3aJXPF7BOB2PvMhp8PDzGRFgEe7xvEAAAAAElFTkSuQmCC") no-repeat #6d8fb3; + } + + #xmpp > a { + color: #333; + background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAAXNSR0IArs4c6QAAAt9QTFRFBj5rCUFoFz5mDEFuDUNqGUJkGUNgAEprEkVtGkRhHURnHEZjAE+BIElmEEx/HEx0PUdTHE5wMEtfO0laJk5sFlN6Nk1cKFBuIlJ1R0pYRExTGF2KMVh1OFhxDGSQT1deNlx6TVhkIGKPUlphKWOFU1tiOmB+Vl1kmlAuNmaDQGpaIG6ba2Q2SGeBN2uUNW+LF3mGRmyLV3BAL3xWgmVJ2VAa2lEb0VYX11UafWlmam9mam5xy1km3lUea29y2VccvF8obHBz21gd4VcXS3ebPoVG1lwl5FkaU3iYYHaH2F0ejHFIx2Iv4V0aP4o+02As218g4l4bPYtFX351KZFaymU43mIrVYoz5mEfT4w0xGsrSo82eXqDw2s+z2k1OZVAT4SoPZU5RZM4NJVYbYc8VoSiWY43WItbuXBK52gYOI20TpM6YYSYfX98T5Q7foB9aYSZSZc8Ro21cYxH7GwdT46e0HFGeopO2HA8V5ZEf4s8528l1HM7UJs5UI+xXoyrWZhGY4ylyHdMwXhXQZS7XpdNU5tH4XJBYJZZcIuhbpJk0HdPU588kohqOZ2pVZS30XpX6XcxSaFrz4FIUqVWWqVCYZm23YBGxYRrZZ2QXpy/5YFC7IA+6oBRb6ZUcKZn44ZSgKJu54hHmJqXbbBNfKh3cq5nYqrMpJyVdrBjx5WCo56diamAjaWdyZeE8JFV8ZJWnqOlaK/Sd7Zh7pVdgbN6x52N8JdfwqCU8ZhgZLbXb7a5grtTmK+UxKKWtqahq6qhd7bHqauop6yvqqyp755pbbzRrK6rwamgib53qq+xra+sobSg86Jza8PJsLKujMVctrGwqLapv7Crr7Wr8ad1srSxj8R9uLOys7WyubSztLazkcZ/sre6tbe0r7m0tri1t7m2vri3uLq3v7m4ubu4nc9mpNBvos2UptJxtNWXtteFuNmbuNyQud2Rut6SwN+aweCbwuGdw+KeweKkF4OfHQAAAadJREFUOMtjeEoAMAwfBQ9vYJO68RCu4BYDq1bXmr2XHoMlnlzet2qGpTgX8y2EFWwensEdrW2FbUAlJ2zDKsqaYwo6eZHcIGzoor/s5IdPSfefPt3nf3Xn3HZpPU8xJAXWIvU88VOffcm78vTptrijJe4OfAmy1kgKzjMlaIfUPvvQcObp03U120ucTZQaGc8je1NZrd8g8cL7eUufPp0wfX2mvVydripKONzkTG1JXvL6TuXTR/Zb5gR6F+Vw30QNqNUss/pqn3/MvrTD7Wy1V9Y0jtXoIZnLv2nSnrfzF3bP3hDRu1wwHzOo1VWOTXn5yi/q7MTJuxTUscTFQyHNc5vfbU1btOCgjNBDbJH1UF5i9/XP6VVrJRUfYo/Nx3YcpS/euOo4Pn6MqeDx44f3LoY2SYnOXBlUfPPug8cwRQxQ6Qf39sda+HqZaQiwGydFlx+4eQ+qAqrg4b3bPqbmNhkrNm5cbGUUHply7d6Dh8hWPH744Oa186eOHDl06NDh46fP33zwEMUEiCMe3L13GwjuPbj38PHTx9jT5OPHj5G9MFQyDgA8riWAv9eLFAAAAABJRU5ErkJggg==") no-repeat #BBB; + } + + #xmppinfo { + background: #FFF; + padding: 10px; + display: none; + } + + #signin { + text-align: center; + font-size: small; + } + + #signinform { + background: #FFF; + padding: 10px 15px; + margin-top: 15px; + display: none; + } + + input.txt { + width: 212px; + border: 1px solid #CCC; + margin: 3px 0; + padding: 3px; + } + + input.submit { + width: 70px; + border: 1px solid #CCC; + margin: 3px 0; + padding: 3px; + } + + + -