Make unknown and modified marker red and bold.
[Sone.git] / src / main / resources / static / css / sone.css
index cc94ce0..b0d0691 100644 (file)
        display: inline;
 }
 
-#sone .sone .download-marker, #sone .sone .insert-marker, #sone .sone .idle-marker {
-       display: inline;
+#sone .sone .unknown-marker, #sone .sone .download-marker, #sone .sone .insert-marker, #sone .sone .idle-marker, #sone .sone .modified-marker {
+       display: none;
 }
 
-#sone .sone.idle .download-marker, #sone .sone.idle .insert-marker {
-       display: none;
+#sone .sone.unknown .unknown-marker {
+       display: inline;
 }
 
-#sone .sone.downloading .insert-marker, #sone .sone.downloading .idle-marker {
-       display: none;
+#sone .sone.idle .idle-marker {
+       display: inline;
 }
 
-#sone .sone.inserting .download-marker, #sone .sone.inserting .idle-marker {
-       display: none;
+#sone .sone.downloading .download-marker {
+       display: inline;
 }
 
-#sone .sone .modified-marker {
-       display: none;
+#sone .sone.inserting .insert-marker {
+       display: inline;
 }
 
 #sone .sone.modified .modified-marker {
        display: inline;
 }
 
+#sone .sone .modified-marker, #sone .sone .unknown-marker {
+       color: red;
+       font-weight: bold;
+}
+
 #sone .sone form.block button, #sone .sone form.unblock button, #sone .sone form.follow button, #sone .sone form.unfollow button {
        display: inline;
        color: rgb(28, 131, 191);