X-Git-Url: https://git.pterodactylus.net/?p=Sone.git;a=blobdiff_plain;f=src%2Fmain%2Fresources%2Fstatic%2Fcss%2Fsone.css;h=d1f85a2c26175c13c9f9defb1cafbf9c246ea87d;hp=0ca86b04f9df138b52d2edf3f19a771ca9c3120e;hb=02de134dcf3d4500ae02320aab2dae827d499fa1;hpb=a211a3bd360593efc9e7fba33d607a3b14d0a965 diff --git a/src/main/resources/static/css/sone.css b/src/main/resources/static/css/sone.css index 0ca86b0..d1f85a2 100644 --- a/src/main/resources/static/css/sone.css +++ b/src/main/resources/static/css/sone.css @@ -1,7 +1,7 @@ /* Sone Main CSS File */ /* first, override some fproxy rules. */ -#sone .post .reply div,#sone .post .time,#sone .post .delete,#sone .post .show-reply-form, input[type=text], textarea { +#sone div, #sone span, #sone .post .time,#sone .post .delete,#sone .post .show-reply-form, input[type=text], textarea { font: inherit; } @@ -53,6 +53,22 @@ textarea { 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; } @@ -73,10 +89,6 @@ textarea { float: right; } -#sone #notification-area .notification > div { - display: inline; -} - #sone #notification-area .notification .post-count { margin-left: 1ex; } @@ -181,19 +193,6 @@ textarea { min-height: 48px; } -#sone .trust { - font-size: 85%; - text-align: center; -} - -#sone .trust .explicit { - color: rgb(0, 128, 0); -} - -#sone .trust .implicit { - color: rgb(128, 128, 128); -} - #sone .post .author, #sone .post .recipient { display: inline; font-weight: bold; @@ -209,12 +208,17 @@ textarea { font-size: 85%; } +#sone .separator { + font: inherit; + color: rgb(28, 131, 191); +} + #sone .post .time { display: inline; color: #666; } -#sone .post .delete, #sone .post .likes, #sone .post .like, #sone .post .unlike, #sone .post .increase-trust, #sone .post .decrease-trust { +#sone .post .delete, #sone .post .likes, #sone .post .like, #sone .post .unlike, #sone .post .trust, #sone .post .distrust, #sone .post .untrust { display: inline; font: inherit; margin: 0px; @@ -224,11 +228,11 @@ textarea { display: none; } -#sone .post .like.hidden, #sone .post .unlike.hidden { +#sone .post .like.hidden, #sone .post .unlike.hidden, #sone .post .trust.hidden, #sone .post .distrust.hidden, #sone .post .untrust.hidden { display: none; } -#sone .post .delete button, #sone .post .like button, #sone .post .unlike button, #sone .post .increase-trust button, #sone .post .decrease-trust button { +#sone .post .delete button, #sone .post .like button, #sone .post .unlike button, #sone .post .trust button, #sone .post .distrust button, #sone .post .untrust button { border: 0px; background: none; padding: 0px; @@ -237,7 +241,19 @@ textarea { margin: 0px; } -#sone .post .delete button:hover, #sone .post .like button:hover, #sone .post .unlike button:hover, #sone .post .increase-trust button:hover, #sone .post .decrease-trust button:hover { +#sone .post .trust button { + color: rgb(0, 128, 0); +} + +#sone .post .distrust button { + color: rgb(255, 0, 0); +} + +#sone .post .untrust button { + color: rgb(64, 64, 64); +} + +#sone .post .delete button:hover, #sone .post .like button:hover, #sone .post .unlike button:hover, #sone .post .trust button:hover, #sone .post .distrust button:hover, #sone .post .untrust button:hover { border: 0px; background: none; padding: 0px; @@ -245,28 +261,11 @@ textarea { cursor: pointer; } -#sone .post .delete:before, #sone .post .likes:before, #sone .post .like:before, #sone .post .unlike:before { - content: ' ‧ '; -} - #sone .post .likes span { font: inherit; color: green; } -#sone .post .trust { - display: inline; -} - -#sone .post .trust:before { - content: ' · '; -} - -#sone .trust .explicit, #sone .trust .implicit { - font: inherit; - display: inline; -} - #sone .post .replies { clear: both; padding-top: 0.2ex; @@ -326,10 +325,6 @@ textarea { color: rgb(255, 172, 0); } -#sone .post .show-reply-form:before { - content: ' ‧ '; -} - #sone .post .create-reply { clear: both; background-color: #f0f0ff;