display: inline;
}
+#sone .sone .download-marker, #sone .sone .insert-marker, #sone .sone .idle-marker {
+ display: inline;
+}
+
+#sone .sone.idle .download-marker, #sone .sone.idle .insert-marker {
+ display: none;
+}
+
+#sone .sone.downloading .insert-marker, #sone .sone.downloading .idle-marker {
+ display: none;
+}
+
+#sone .sone.inserting .download-marker, #sone .sone.inserting .idle-marker {
+ display: none;
+}
+
+#sone .sone .modified-marker {
+ display: none;
+}
+
+#sone .sone.modified .modified-marker {
+ display: inline;
+}
+
#sone .sone .last-update {
display: inline;
}
-<div class="sone">
+<div class="sone <% sone.status><%if sone.modified> modified<%/if>">
<div class="profile-link"><a href="viewSone.html?sone=<% sone.id>" title="<% sone.requestUri|html>"><% sone.niceName|html></a></div>
<div class="last-update">(<%= View.Sone.Label.LastUpdate|l10n|html> <% sone.time|date format="MMM d, yyyy, HH:mm:ss">)</div>
+ <div class="modified-marker">!</div>
+ <div class="download-marker">⬊</div>
+ <div class="insert-marker">⬈</div>
+ <div class="idle-marker"></div>
<%ifnull ! currentSone>
<%if ! sone.current>
<%if sone.friend>