X-Git-Url: https://git.pterodactylus.net/?a=blobdiff_plain;f=src%2Fmain%2Fresources%2Fstatic%2Fcss%2Fsone.css;h=503555efda8843e4dd187674df5724ee902f5a8d;hb=08a2857c3afa6c39464fd710d4ddd55cf7c19bca;hp=195708a382efafcaa2bf4ab77a9ed522695f1331;hpb=60c03f6f6aba5d9b19e1d9efadf859c189c563a8;p=Sone.git diff --git a/src/main/resources/static/css/sone.css b/src/main/resources/static/css/sone.css index 195708a..503555e 100644 --- a/src/main/resources/static/css/sone.css +++ b/src/main/resources/static/css/sone.css @@ -1,9 +1,23 @@ /* Sone Main CSS File */ /* first, override some fproxy rules. */ -#sone .post .reply div,#sone .post .time,#sone .post .delete,#sone .post .show-reply-form - { - font-size: inherit; +#sone .post .reply div,#sone .post .time,#sone .post .delete,#sone .post .show-reply-form, input[type=text], textarea { + font: inherit; +} + +input[type=text], textarea { + font-size: 90%; + margin: 0.5ex; + margin-left: 0; + border: solid 1px #ccc; + padding: 0.5ex; + height: 1.5em; + width: 50em; + outline: none; +} + +textarea { + height: 4em; } #sone form { @@ -21,6 +35,10 @@ display: none; } +#sone #formPassword { + display: none; +} + #sone a, #sone a:link, #sone a:visited { color: rgb(28, 131, 191); font-size: inherit; @@ -64,10 +82,27 @@ } #sone #home-sone { + margin-top: 1ex; margin-left: 80px; padding-left: 1ex; } +#sone #update-status label { + display: none; +} + +#sone #update-status input[type=text] { + width: 45em; +} + +#sone #update-status textarea { + width: 45em; +} + +#sone #update-status button { + float: right; +} + #sone .nice-name { font-weight: bold; } @@ -79,9 +114,10 @@ #sone .post { padding: 1ex 0px; border-bottom: solid 1px #ccc; + clear: both; } -#sone .post:last-child { +#sone .post.last { padding: 1ex 0px; border-bottom: none; } @@ -185,8 +221,19 @@ padding: 0.5ex; } -#sone .post .create-reply.light button { - display: none; +#sone .post .create-reply input[type=text] { + margin-left: 0.5ex; + width: 50em; +} + +#sone .post .create-reply textarea { + margin-left: 0.5ex; + width: 50em; + height: 4em; +} + +#sone .post .create-reply button { + float: right; } #sone .sone { @@ -197,6 +244,10 @@ padding: 0.5ex; } +#sone .sone .id { + display: none; +} + #sone .sone .profile-link { display: block; } @@ -261,20 +312,71 @@ display: inline; } -#sone #tail .import-key { +#sone #create-sone { + +} + +#sone #tail .import-key, #sone #import-key .import-key { margin-top: 1em; border-top: solid 1px #ccc; padding-top: 1em; text-align: center; - font-size: 85%; + font-size: 75%; color: #888; } +#sone #import-key .import-key { + border-top: none; +} + +#sone #add-sone textarea, #sone #create-sone textarea, #sone #load-sone textarea, #sone #edit-profile textarea { + height: 1.5em; +} + +#sone #add-sone button { + position: absolute; +} + +#sone .navigation { + text-align: center; +} + +#sone .navigation .first a, #sone .navigation .previous a, #sone .navigation .next a, #sone .navigation .last a, #sone .navigation .first span, #sone .navigation .previous span, #sone .navigation .next span, #sone .navigation .last span { + display: block; + height: 1.5em; + padding: 0.5ex; + width: 3em; + border: solid 1px #ccc; + background-color: #f0f0ff; + margin: 1ex 0; +} + +#sone .navigation .first, #sone .navigation .previous { + float: left; +} + +#sone .navigation .current-page, #sone .navigation .total-pages { + position: relative; + top: 0.5em; + margin-top: 0.5ex; + display: inline; +} + +#sone .navigation .total-pages:before { + content: '/ '; +} + +#sone .navigation .next, #sone .navigation .last { + float: right; +} #sone h1 { font-family: inherit; font-size: 200%; font-weight: bold; + clear: both; + margin: 0; + margin-top: 1em; } #sone .error label { @@ -282,7 +384,7 @@ font-weight: bold; } -#sone input.status-input.default, input.reply-input.default { +#sone input.default { color: #888; } @@ -290,3 +392,8 @@ width: 130ex;; font-size: 75%; } + +#sone .confirm { + font-weight: bold !important; + color: red !important; +}