X-Git-Url: https://git.pterodactylus.net/?a=blobdiff_plain;f=src%2Fmain%2Fresources%2Fstatic%2Fcss%2Fsone.css;h=d38cea730ce0b8c9ecab75e3bc6337043853d35b;hb=9a254c2af6f176c8a95ef6accfdb288ad159d125;hp=8eb8449df7e792d3b8fdf166b8f3c68a49eb9a89;hpb=c3745c94d79e6fba53c95003287f539b79b2e749;p=Sone.git

diff --git a/src/main/resources/static/css/sone.css b/src/main/resources/static/css/sone.css
index 8eb8449..d38cea7 100644
--- a/src/main/resources/static/css/sone.css
+++ b/src/main/resources/static/css/sone.css
@@ -89,10 +89,28 @@ textarea {
 	content: '★ ';
 }
 
+#sone a.in-page-link:before {
+	content: '↓ ';
+}
+
 #sone a img {
 	border: none;
 }
 
+#sone #main.offline {
+	opacity: 0.5;
+}
+
+#sone #offline-marker {
+	display: none;
+	position: fixed;
+	top: 2em;
+	right: 2em;
+	width: 128px;
+	height: 128px;
+	background-image: url("../images/sone-offline.png");
+}
+
 #sone #notification-area {
 	margin-top: 1em;
 }
@@ -121,6 +139,14 @@ textarea {
 	float: right;
 }
 
+#sone #notification-area .notification .hidden {
+	display: none;
+}
+
+#sone #notification-area #local-post-notification, #sone #notification-area #local-reply-notification {
+	display: none;
+} 
+
 #sone #plugin-warning {
 	border: solid 0.5em red;
 	padding: 0.5em;
@@ -242,6 +268,7 @@ textarea {
 #sone .post .text, #sone .post .raw-text {
 	display: inline;
 	white-space: pre-wrap;
+	word-wrap: break-word;
 }
 
 #sone .post .text.hidden, #sone .post .raw-text.hidden {
@@ -262,6 +289,10 @@ textarea {
 	display: inline;
 }
 
+#sone .permalink {
+	display: inline;
+}
+
 #sone .post .bookmarks {
 	display: inline;
 	color: rgb(28, 131, 191);
@@ -545,6 +576,19 @@ textarea {
 	position: relative;
 }
 
+#sone #search {
+	text-align: right;
+}
+
+#sone #search input[type=text] {
+	width: 35em;
+}
+
+#sone #sone-results + #sone #post-results {
+	clear: both;
+	padding-top: 1em;
+}
+
 #sone #tail {
 	margin-top: 1em;
 	border-top: solid 1px #ccc;
@@ -631,3 +675,12 @@ textarea {
 	font-weight: bold;
 	color: red;
 }
+
+#sone .warning {
+	color: red;
+	font-style: italic;
+}
+
+#sone #sort-options {
+	margin-bottom: 1em;
+}