meyerweb · January 31, 2016 22:09 · Dec 18, 2015 · Dec 15, 2015 · Dec 15, 2015 · Dec 14, 2015
diff --git a/stylish-twitter.css b/stylish-twitter.css
@@ -7,27 +7,34 @@
   ol.stream-items > .expanding-stream-item:not(.open) .AdaptiveMedia {
     display: none;
   }
-  ol.stream-items > .expanding-stream-item > .has-content:after,
-  ol.stream-items > .js-pinned .user-pinned:after {
+
+  ol.stream-items > .expanding-stream-item .conversation-root > .has-content:before,
+  ol.stream-items > .expanding-stream-item > .has-content:before,
+  ol.stream-items > .js-pinned .user-pinned:before {
     display: block;
     position: absolute;
     bottom: .65em;
     right: 10px;
     color: #CCD6DD;
     font-size: 1.25rem;
   }
-  ol.stream-items > .expanding-stream-item:hover > .has-content:after,
-  ol.stream-items > .expanding-stream-item:focus > .has-content:after,
-  ol.stream-items > .js-pinned:hover .user-pinned:after,
-  ol.stream-items > .js-pinned:focus .user-pinned:after {
+
+  ol.stream-items > .expanding-stream-item:hover > .has-content:before,
+  ol.stream-items > .expanding-stream-item:focus > .has-content:before,
+  ol.stream-items > .js-pinned:hover .user-pinned:before,
+  ol.stream-items > .js-pinned:focus .user-pinned:before {
     color: #069;
   }
-  ol.stream-items > .expanding-stream-item:not(.open) > .has-content:after,
-  ol.stream-items > .js-pinned .user-pinned:after {
+
+  ol.stream-items > .expanding-stream-item:not(.open) .conversation-root > .has-content:before,
+  ol.stream-items > .expanding-stream-item:not(.open) > .has-content:before,
+  ol.stream-items > .js-pinned .user-pinned:before {
     content: '\25BE';
   }
-  ol.stream-items > .expanding-stream-item.open > .has-content:after,
-  ol.stream-items > .js-pinned.open .user-pinned:after {
+
+  ol.stream-items > .expanding-stream-item.open .conversation-root > .has-content:before,
+  ol.stream-items > .expanding-stream-item.open > .has-content:before,
+  ol.stream-items > .js-pinned.open .user-pinned:before {
     content: '\25BE';
     transform: rotate(180deg);
   }

diff --git a/stylish-twitter.css b/stylish-twitter.css
@@ -7,7 +7,7 @@
   ol.stream-items > .expanding-stream-item:not(.open) .AdaptiveMedia {
     display: none;
   }
-  ol.stream-items > .expanding-stream-item > .auto-expanded:after,
+  ol.stream-items > .expanding-stream-item > .has-content:after,
   ol.stream-items > .js-pinned .user-pinned:after {
     display: block;
     position: absolute;
@@ -16,17 +16,17 @@
     color: #CCD6DD;
     font-size: 1.25rem;
   }
-  ol.stream-items > .expanding-stream-item:hover > .auto-expanded:after,
-  ol.stream-items > .expanding-stream-item:focus > .auto-expanded:after,
+  ol.stream-items > .expanding-stream-item:hover > .has-content:after,
+  ol.stream-items > .expanding-stream-item:focus > .has-content:after,
   ol.stream-items > .js-pinned:hover .user-pinned:after,
   ol.stream-items > .js-pinned:focus .user-pinned:after {
     color: #069;
   }
-  ol.stream-items > .expanding-stream-item:not(.open) > .auto-expanded:after,
+  ol.stream-items > .expanding-stream-item:not(.open) > .has-content:after,
   ol.stream-items > .js-pinned .user-pinned:after {
     content: '\25BE';
   }
-  ol.stream-items > .expanding-stream-item.open > .auto-expanded:after,
+  ol.stream-items > .expanding-stream-item.open > .has-content:after,
   ol.stream-items > .js-pinned.open .user-pinned:after {
     content: '\25BE';
     transform: rotate(180deg);

diff --git a/stylish-twitter.css b/stylish-twitter.css
@@ -7,7 +7,8 @@
   ol.stream-items > .expanding-stream-item:not(.open) .AdaptiveMedia {
     display: none;
   }
-  ol.stream-items > .expanding-stream-item > .auto-expanded:after {
+  ol.stream-items > .expanding-stream-item > .auto-expanded:after,
+  ol.stream-items > .js-pinned .user-pinned:after {
     display: block;
     position: absolute;
     bottom: .65em;
@@ -16,13 +17,17 @@
     font-size: 1.25rem;
   }
   ol.stream-items > .expanding-stream-item:hover > .auto-expanded:after,
-  ol.stream-items > .expanding-stream-item:focus > .auto-expanded:after {
+  ol.stream-items > .expanding-stream-item:focus > .auto-expanded:after,
+  ol.stream-items > .js-pinned:hover .user-pinned:after,
+  ol.stream-items > .js-pinned:focus .user-pinned:after {
     color: #069;
   }
-  ol.stream-items > .expanding-stream-item:not(.open) > .auto-expanded:after {
+  ol.stream-items > .expanding-stream-item:not(.open) > .auto-expanded:after,
+  ol.stream-items > .js-pinned .user-pinned:after {
     content: '\25BE';
   }
-  ol.stream-items > .expanding-stream-item.open > .auto-expanded:after {
+  ol.stream-items > .expanding-stream-item.open > .auto-expanded:after,
+  ol.stream-items > .js-pinned.open .user-pinned:after {
     content: '\25BE';
     transform: rotate(180deg);
   }

diff --git a/stylish-twitter.css b/stylish-twitter.css
@@ -7,7 +7,6 @@
   ol.stream-items > .expanding-stream-item:not(.open) .AdaptiveMedia {
     display: none;
   }
-
   ol.stream-items > .expanding-stream-item > .auto-expanded:after {
     display: block;
     position: absolute;
@@ -16,16 +15,13 @@
     color: #CCD6DD;
     font-size: 1.25rem;
   }
-
   ol.stream-items > .expanding-stream-item:hover > .auto-expanded:after,
   ol.stream-items > .expanding-stream-item:focus > .auto-expanded:after {
     color: #069;
   }
-
   ol.stream-items > .expanding-stream-item:not(.open) > .auto-expanded:after {
     content: '\25BE';
   }
-
   ol.stream-items > .expanding-stream-item.open > .auto-expanded:after {
     content: '\25BE';
     transform: rotate(180deg);

diff --git a/stylish-twitter.css b/stylish-twitter.css
@@ -32,10 +32,8 @@
   }
 
   /* indents followup tweets in a conversation chain in the main timeline */
-
   ol.conversation-module li:not(.conversation-root) {padding-left: 1.5em;}
 
   /* So long, Moments tab */
-
   li.moments.js-moments-tab {display: none !important;}
 }
diff --git a/stylish-twitter.css b/stylish-twitter.css
@@ -1,6 +1,8 @@
 @namespace url(http://www.w3.org/1999/xhtml);
 
 @-moz-document domain("twitter.com") {
+  /* styles for collapsing media in tweets and showing an arrow to indicate their existence
+     but only at the top level */
   ol.stream-items > .expanding-stream-item:not(.open) .OldMedia,
   ol.stream-items > .expanding-stream-item:not(.open) .AdaptiveMedia {
     display: none;
@@ -29,7 +31,11 @@
     transform: rotate(180deg);
   }
 
+  /* indents followup tweets in a conversation chain in the main timeline */
+
   ol.conversation-module li:not(.conversation-root) {padding-left: 1.5em;}
 
+  /* So long, Moments tab */
+
   li.moments.js-moments-tab {display: none !important;}
 }
diff --git a/stylish-twitter.css b/stylish-twitter.css
@@ -0,0 +1,35 @@
+@namespace url(http://www.w3.org/1999/xhtml);
+
+@-moz-document domain("twitter.com") {
+  ol.stream-items > .expanding-stream-item:not(.open) .OldMedia,
+  ol.stream-items > .expanding-stream-item:not(.open) .AdaptiveMedia {
+    display: none;
+  }
+
+  ol.stream-items > .expanding-stream-item > .auto-expanded:after {
+    display: block;
+    position: absolute;
+    bottom: .65em;
+    right: 10px;
+    color: #CCD6DD;
+    font-size: 1.25rem;
+  }
+
+  ol.stream-items > .expanding-stream-item:hover > .auto-expanded:after,
+  ol.stream-items > .expanding-stream-item:focus > .auto-expanded:after {
+    color: #069;
+  }
+
+  ol.stream-items > .expanding-stream-item:not(.open) > .auto-expanded:after {
+    content: '\25BE';
+  }
+
+  ol.stream-items > .expanding-stream-item.open > .auto-expanded:after {
+    content: '\25BE';
+    transform: rotate(180deg);
+  }
+
+  ol.conversation-module li:not(.conversation-root) {padding-left: 1.5em;}
+
+  li.moments.js-moments-tab {display: none !important;}
+}