/* now for the real stuff. */
#sone {
- width: 50em;
+ width: 68em;
margin: auto;
}
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: none;
}
-#sone #known-sones .profile-link {
+#sone .sone .profile-link {
+ display: inline;
+}
+
+#sone .sone .request-uri {
+ 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 #known-sones .request-uri {
+#sone .sone.idle .idle-marker {
display: inline;
}
-#sone #known-sones form.block button, #sone #known-sones form.unblock button {
+#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);
background: none;
padding: 0px;
}
-#sone #known-sones form.block button:hover, #sone #known-sones form.unblock button:hover {
+#sone .sone form.block button:hover, #sone .sone form.unblock button:hover, #sone .sone form.follow button:hover, #sone .sone form.unfollow button:hover {
display: inline;
color: rgb(255, 172, 0);
}
-#sone #known-sones form {
+#sone .sone form {
display: inline;
}