X-Git-Url: https://git.pterodactylus.net/?a=blobdiff_plain;f=src%2Fmain%2Fresources%2Fstatic%2Fcss%2Fsone.css;h=0dcf9524aae03293fa81962e8836e0c43546a15b;hb=d3c04921c21036e8e3d381cb75777079e11e18fd;hp=f6bb62dad685aceb5abdd698a4561b450bcc9d57;hpb=a8e00329e6a7d145704f82007057ef42d7f719e6;p=Sone.git

diff --git a/src/main/resources/static/css/sone.css b/src/main/resources/static/css/sone.css
index f6bb62d..0dcf952 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;
 }
@@ -125,6 +143,10 @@ textarea {
 	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;
@@ -216,6 +238,7 @@ textarea {
 	padding: 1ex 0px;
 	border-bottom: solid 1px #ccc;
 	clear: both;
+	position: relative;
 }
 
 #sone .post.new {
@@ -228,6 +251,33 @@ textarea {
 	border-bottom: none;
 }
 
+#sone .post .sone-menu {
+	position: absolute;
+	top: 0;
+	left: -1ex;
+	padding: 1ex 1ex;
+	margin: -1px -1px;
+	display: none;
+	background-color: rgb(255, 255, 224);
+	border: solid 1px rgb(0, 0, 0);
+	z-index: 1;
+}
+
+#sone .post .sone-menu .avatar {
+	position: absolute;
+	margin-right: 1ex;
+}
+
+#sone .post .sone-menu .inner-menu {
+	margin-left: 64px;
+	padding-left: 1ex;
+	min-height: 64px;
+}
+
+#sone .sone-menu .follow, #sone .sone-menu .unfollow {
+	cursor: pointer;
+}
+
 #sone .post > .avatar {
 	position: absolute;
 }
@@ -243,6 +293,10 @@ textarea {
 	font-weight: bold;
 }
 
+#sone .post .author-wot-link {
+	font-size: 90%;
+}
+
 #sone .post .text, #sone .post .raw-text {
 	display: inline;
 	white-space: pre-wrap;
@@ -266,6 +320,10 @@ textarea {
 	display: inline;
 }
 
+#sone .permalink {
+	display: inline;
+}
+
 #sone .post .bookmarks {
 	display: inline;
 	color: rgb(28, 131, 191);
@@ -648,3 +706,8 @@ textarea {
 	font-weight: bold;
 	color: red;
 }
+
+#sone .warning {
+	color: red;
+	font-style: italic;
+}