color: rgb(28, 131, 191);
}
-#sone #profile .picture {
+#sone #profile.online .picture {
float: left;
+ background-image: url("../images/sone.png");
+ width: 80px;
+ height: 80px;
+}
+
+#sone #profile.offline .picture {
+ float: left;
+ background-image: url("../images/sone-offline.png");
+ width: 80px;
+ height: 80px;
+}
+
+#sone #profile.offline .edit-profile-link, #sone #profile.offline .profile-link {
+ display: none;
}
#sone #profile .edit-profile-link {
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.unknown .unknown-marker {
+ display: inline;
+}
+
+#sone .sone.idle .idle-marker {
+ display: inline;
+}
+
+#sone .sone.downloading .download-marker {
+ display: inline;
+}
+
+#sone .sone.inserting .insert-marker {
+ display: inline;
+}
+
+#sone .sone.modified .modified-marker {
+ display: inline;
+}
+
#sone .sone .last-update {
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);