X-Git-Url: https://git.pterodactylus.net/?a=blobdiff_plain;f=src%2Fmain%2Fresources%2Fstatic%2Fcss%2Fsone.css;h=b2c5ff0b548de51f42eb4bdaa3dfa276a4f284c2;hb=680d60dc6802454fe812f1ceea163a1415aaee0e;hp=bd57f26dae284c4d1f6c3a9569d593c48e33063d;hpb=c428d29798807c65b9ab48090c3d63b1a8c6718d;p=Sone.git diff --git a/src/main/resources/static/css/sone.css b/src/main/resources/static/css/sone.css index bd57f26..b2c5ff0 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 { @@ -64,10 +78,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 +110,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 +217,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 +240,10 @@ padding: 0.5ex; } +#sone .sone .id { + display: none; +} + #sone .sone .profile-link { display: block; } @@ -262,18 +309,59 @@ } #sone #create-sone { - + } -#sone #tail .import-key { +#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; +} + +#sone .navigation .first, #sone .navigation .previous { + float: left; +} + +#sone .navigation .current-page, #sone .navigation .total-pages { + 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; @@ -286,7 +374,7 @@ font-weight: bold; } -#sone input.status-input.default, #sone input.reply-input.default, #sone #add-sone input[name=request-uri].default { +#sone input.default { color: #888; }