X-Git-Url: https://git.pterodactylus.net/?a=blobdiff_plain;f=src%2Fmain%2Fresources%2Fstatic%2Fcss%2Fsone.css;h=55646f340f5397b0c37361a55628b4e34a2195e9;hb=bfd1b2e8caf931f4a27d414bce3fc7d688ccdef9;hp=c6b65ffb54601c0b526395dc7b3af039756cbdb4;hpb=be00633d1250fc7480d19f11343f3e390c7e51f3;p=Sone.git diff --git a/src/main/resources/static/css/sone.css b/src/main/resources/static/css/sone.css index c6b65ff..55646f3 100644 --- a/src/main/resources/static/css/sone.css +++ b/src/main/resources/static/css/sone.css @@ -16,10 +16,21 @@ input[type=text], textarea { outline: none; } +input[type=text].short { + width: 25em; +} + textarea { height: 4em; } +#sone button { + background-color: #ddd; + border-width: 1px; + color: #444; + padding: 0.5ex 1.5ex; +} + #sone form { margin: 0px; } @@ -49,8 +60,36 @@ textarea { color: rgb(255, 172, 0); } +#sone a.link { + cursor: pointer; +} + +#sone a.internet { + color: rgb(255, 0, 0); +} + +#sone a.internet:before { + content: '⚠ '; +} + +#sone a.freenet:before { + content: '» '; +} + +#sone a.freenet-trusted { + color: rgb(0, 128, 0); +} + +#sone a.freenet-trusted:before { + content: '★ '; +} + +#sone a img { + border: none; +} + #sone #notification-area { - margin-bottom: 1em; + margin-top: 1em; } #sone #notification-area .notification { @@ -58,10 +97,11 @@ textarea { border: solid 1px #ccc; background-color: #ffffa0; margin-bottom: 1ex; + min-height: 3.5ex; } -#sone #notification-area .notification > div { - display: inline; +#sone #notification-area .notification .dismiss { + float: right; } #sone #notification-area .notification .post-count { @@ -76,6 +116,7 @@ textarea { #sone #profile { height: 80px; + margin-top: 1em; margin-bottom: 1ex; } @@ -128,6 +169,7 @@ textarea { #sone #main { padding: 1em; + padding-top: 0px; } #sone #edit-profile #birth-day, #sone #edit-profile #birth-month, #sone #edit-profile #birth-year { @@ -166,7 +208,7 @@ textarea { min-height: 48px; } -#sone .post .author { +#sone .post .author, #sone .post .recipient { display: inline; font-weight: bold; } @@ -324,10 +366,6 @@ textarea { background-color: #ffffa0; } -#sone .sone .id { - display: none; -} - #sone .sone .profile-link { display: block; } @@ -367,7 +405,7 @@ textarea { font-weight: bold; } -#sone .sone form { +#sone .sone form.follow, #sone .sone form.unfollow, #sone .sone form.lock, #sone .sone form.unlock { display: inline; border: solid 1px #ccc; border-left: none; @@ -378,11 +416,7 @@ textarea { bottom: -0.5ex } -#sone .sone form.hidden { - display: none; -} - -#sone .sone form.block button, #sone .sone form.unblock button, #sone .sone form.follow button, #sone .sone form.unfollow button, #sone .sone form.blacklist button, #sone .sone form.unblacklist button { +#sone .sone form.follow button, #sone .sone form.unfollow button, #sone .sone form.lock button, #sone .sone form.unlock button { display: inline; color: rgb(28, 131, 191); background: none; @@ -391,17 +425,57 @@ textarea { padding: 0px; } -#sone .sone form.block button:hover, #sone .sone form.unblock button:hover, #sone .sone form.follow button:hover, #sone .sone form.unfollow button:hover, #sone .sone form.blacklist button:hover, #sone .sone form.unblacklist button:hover { +#sone .sone form.follow button:hover, #sone .sone form.unfollow button:hover, #sone .sone form.lock button:hover, #sone .sone form.unlock button:hover { display: inline; color: rgb(255, 172, 0); } +#sone .sone.locked form.lock, #sone .sone.unlocked form.unlock { + display: none; +} + +#sone .sone form.hidden { + display: none; +} + #sone .sone .spacer { display: inline; } -#sone #create-sone { +#sone .profile-field, #sone #edit-profile button[type=submit], #sone #delete-profile-field { + margin-top: 1em; +} + +#sone .profile-field .name { + display: inline; + font-weight: bold; +} +#sone .profile-field .name.hidden { + display: none; +} + +#sone .profile-field button.confirm { + font-weight: bold; + color: #080; +} + +#sone .profile-field button.cancel { + font-weight: bold; + color: red; +} + +#sone .profile-field .value { + margin-left: 2em; +} + +#sone #edit-profile .profile-field .value { + margin-left: inherit; +} + +#sone .profile-field .edit-field-name, #sone .profile-field .move-up-field, #sone .profile-field .move-down-field, #sone .profile-field .delete-field-name { + float: right; + margin-top: -1ex; } #sone #tail { @@ -413,6 +487,10 @@ textarea { color: #888; } +#sone #tail #version-information { + margin-top: 1em; +} + #sone #add-sone textarea, #sone #create-sone textarea, #sone #load-sone textarea, #sone #edit-profile textarea { height: 1.5em; }