X-Git-Url: https://git.pterodactylus.net/?a=blobdiff_plain;f=src%2Fmain%2Fresources%2Fstatic%2Fcss%2Fsone.css;h=c0a7b6d9b70b7153f08ed736ef298d5917b20821;hb=c996e8a5f69c0ccb4714847e8e70a453c377df87;hp=371a86d5ec095e74674754bbdca97f26ed0c0293;hpb=6e98888ca9440b004c7d65786ea47c4f263de7b2;p=Sone.git

diff --git a/src/main/resources/static/css/sone.css b/src/main/resources/static/css/sone.css
index 371a86d..c0a7b6d 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,10 @@ textarea {
 	float: right;
 }
 
+#sone #notification-area .notification .hidden {
+	display: none;
+}
+
 #sone #plugin-warning {
 	border: solid 0.5em red;
 	padding: 0.5em;
@@ -239,11 +261,15 @@ textarea {
 	font-weight: bold;
 }
 
-#sone .post .text {
+#sone .post .text, #sone .post .raw-text {
 	display: inline;
 	white-space: pre-wrap;
 }
 
+#sone .post .text.hidden, #sone .post .raw-text.hidden {
+	display: none;
+}
+
 #sone .post .status-line {
 	margin-top: 0.5ex;
 	font-size: 85%;
@@ -254,6 +280,14 @@ textarea {
 	color: rgb(28, 131, 191);
 }
 
+#sone .show-source, #sone .show-reply-source {
+	display: inline;
+}
+
+#sone .permalink {
+	display: inline;
+}
+
 #sone .post .bookmarks {
 	display: inline;
 	color: rgb(28, 131, 191);
@@ -537,6 +571,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;
@@ -623,3 +670,8 @@ textarea {
 	font-weight: bold;
 	color: red;
 }
+
+#sone .warning {
+	color: red;
+	font-style: italic;
+}