/* 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 .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 .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);
+ background: none;
+ border: none;
+ font: inherit;
+ padding: 0px;
+}
+
+#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 .sone form {
+ display: inline;
+}
+
#sone h1 {
font-family: inherit;
font-size: 200%;