X-Git-Url: https://git.pterodactylus.net/?a=blobdiff_plain;f=src%2Fmain%2Fresources%2Fstatic%2Fcss%2Fsone.css;h=1ca51aeec791b70b54846ff4c51ae9a830fdd198;hb=dc1846ee73e3005aea42d74977627866f34ffd61;hp=8eb8449df7e792d3b8fdf166b8f3c68a49eb9a89;hpb=13b6e1517335f9e1bcf883ddd6f27fde95ce551b;p=Sone.git

diff --git a/src/main/resources/static/css/sone.css b/src/main/resources/static/css/sone.css
index 8eb8449..1ca51ae 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;
@@ -239,15 +265,28 @@ textarea {
 	font-weight: bold;
 }
 
-#sone .post .text, #sone .post .raw-text {
+#sone .post .text, #sone .post .raw-text, #sone .post .short-text {
 	display: inline;
 	white-space: pre-wrap;
+	word-wrap: break-word;
 }
 
-#sone .post .text.hidden, #sone .post .raw-text.hidden {
+#sone .post .text.hidden, #sone .post .raw-text.hidden, #sone .post .short-text.hidden {
 	display: none;
 }
 
+#sone .post .expand-post-text:before, #sone .post .expand-reply-text:before {
+	content: "» ";
+}
+
+#sone .post .shrink-post-text:before, #sone .post .shrink-reply-text:before {
+	content: "« ";
+}
+
+#sone .post .shrink-post-text {
+	cursor: pointer;
+}
+
 #sone .post .status-line {
 	margin-top: 0.5ex;
 	font-size: 85%;
@@ -262,6 +301,10 @@ textarea {
 	display: inline;
 }
 
+#sone .permalink {
+	display: inline;
+}
+
 #sone .post .bookmarks {
 	display: inline;
 	color: rgb(28, 131, 191);
@@ -545,6 +588,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 +687,12 @@ textarea {
 	font-weight: bold;
 	color: red;
 }
+
+#sone .warning {
+	color: red;
+	font-style: italic;
+}
+
+#sone #sort-options {
+	margin-bottom: 1em;
+}