X-Git-Url: https://git.pterodactylus.net/?a=blobdiff_plain;f=src%2Fmain%2Fresources%2Fstatic%2Fcss%2Fsone.css;h=42ec9e63175eee0f44760a3a4af79b0f8fa384a5;hb=76cb151a17df12a01224a41ec798b93a491df81a;hp=90c2183976ba4eef82086b2cb4dd30574f282e3e;hpb=3d9651b5ce6a935bd027c42e8c530f8d87921797;p=Sone.git diff --git a/src/main/resources/static/css/sone.css b/src/main/resources/static/css/sone.css index 90c2183..42ec9e6 100644 --- a/src/main/resources/static/css/sone.css +++ b/src/main/resources/static/css/sone.css @@ -7,6 +7,17 @@ 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 { @@ -78,12 +89,10 @@ input[type=text], textarea { #sone #update-status input[type=text] { width: 45em; -} +} #sone #update-status textarea { - border: solid 1px #ccc; width: 45em; - height: 4em; } #sone #update-status button { @@ -101,9 +110,10 @@ input[type=text], textarea { #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; } @@ -208,10 +218,12 @@ input[type=text], textarea { } #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; } @@ -228,6 +240,10 @@ input[type=text], textarea { padding: 0.5ex; } +#sone .sone .id { + display: none; +} + #sone .sone .profile-link { display: block; } @@ -293,23 +309,70 @@ input[type=text], textarea { } #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; + 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 { @@ -317,7 +380,7 @@ input[type=text], textarea { 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; }