Changeset 24223

Timestamp:

05/09/2013 08:08:39 PM (12 years ago)

Author:

lancewillett

Message:

Twenty Thirteen: clean up RTL and Genericons styles. Props SergeyBiryukov for the comment moderation bits, fixes #24287.

Location:

trunk/wp-content/themes/twentythirteen

Files:

• css/ie.css (modified) (2 diffs)
• rtl.css (modified) (9 diffs)

trunk/wp-content/themes/twentythirteen/css/ie.css

@@ -11 +11 @@
 .date a:before:hover,
 .entry-meta .author a:before:hover,
-.format-audio .entry-content:before:hover,
+.format-audio .entry-media:before:hover,
 .comments-link a:before:hover,
 .tags-links a:first-child:before:hover,
@@ -284 +284 @@
     padding: 0;
 }
+
+/* RTL for Internet Explorer 7 & 8 */
+.rtl .format-audio .entry-media:before,
+.rtl .comment-reply-link:before,
+.rtl .comment-reply-login:before {
+    -ms-filter: "FlipH";
+    filter: FlipH;
+}

trunk/wp-content/themes/twentythirteen/rtl.css

@@ -77 +77 @@
 
 /**
- * 2.0 Repeatable patterns
- * ----------------------------------------------------------------------------
- */
-
-.genericon:after,
-.menu-toggle:before,
-.featured-post:after,
-.date a:after,
-.entry-meta .author a:after,
-.format-audio .entry-content:after,
-.comments-link a:after,
-.tags-links a:first-child:after,
-.categories-links a:first-child:after,
-.edit-link a:after,
-.attachment .entry-title:after,
-.attachment-meta:after,
-.attachment-meta a:after,
-.comment-awaiting-moderation:after,
-.comment-reply-link:after,
-#reply-title small a:after,
-.bypostauthor > .comment-body .fn:after,
-.error404 .page-title:after {
-    -webkit-font-smoothing: antialiased;
-    display: inline-block;
-    font: normal 16px/1 Genericons;
-    vertical-align: text-bottom;
-}
-
-
-/**
  * 4.0 Header
  * ----------------------------------------------------------------------------
@@ -210 +180 @@
 
 .featured-post:before {
-    content: normal;
-    margin-right: auto;
-}
-
-.featured-post:after {
-    content: "\f308";
+    margin-right: auto;
     margin-left: 2px;
 }
 
 .entry-meta .date a:before {
-    content: normal;
-}
-
-.entry-meta .date a:after {
-    content: "\f303";
+    margin-left: 2px;
 }
 
 .comments-link a:before {
-    content: normal;
-    margin-left: auto;
-    top: auto;
-}
-
-.comments-link a:after {
-    content: "\f300";
     margin-left: 2px;
-    top: -1px;
-    position: relative;
-}
-
-.entry-meta .author a:before {
-    content: normal;
-    top: auto;
-}
-
-.entry-meta .author a:after {
-    content: "\f304";
-    top: -1px;
-    position: relative;
-}
-
-.categories-links a:first-child:before {
-    content: normal;
-}
-
-.categories-links a:first-child:after {
-    content: "\f301";
+    margin-right: auto;
 }
 
 .tags-links a:first-child:before {
-    content: normal;
-    top: auto;
-}
-
-.tags-links a:first-child:after {
-    content: "\f302";
-    top: -1px;
-    position: relative;
+    margin-left: 2px;
 }
 
 .edit-link a:before {
-    content: normal;
-    top: auto;
-}
-
-.edit-link a:after {
-    content: "\f411";
-    top: -1px;
-    position: relative;
+    margin-left: 2px;
 }
 
@@ -340 +260 @@
 
 .format-audio .entry-media:before {
-    -ms-filter: "FlipH";
-    filter: FlipH;
     float: right;
     -webkit-transform: scaleX(-1);
     -moz-transform:    scaleX(-1);
+    -ms-transform:     scaleX(-1);
     -o-transform:      scaleX(-1);
     transform:         scaleX(-1);
@@ -363 +282 @@
 
 .format-chat .entry-meta .date a:before {
-    content: normal;
-    margin-right: auto;
-}
-
-.format-chat .entry-meta .date a:after {
-    content: "\f108";
-    margin-left: 2px;
+    margin-right: auto;
+    margin-left: 4px;
 }
 
@@ -428 +342 @@
 }
 
-.format-status .entry-meta .date a:before {
-    content: normal;
-}
-
-.format-status .entry-meta .date a:after {
-    content: "\f105";
-}
-
 .format-quote .quote {
     padding-left: 0;
@@ -460 +366 @@
 
 .attachment .entry-title:before {
-    content: normal;
-    font-size: inherit;
-    margin-right: auto;
-}
-
-.attachment .entry-title:after {
-    content: "\f416";
-    font-size: 32px;
     margin-left: 10px;
+    margin-right: auto;
 }
 
 .attachment .entry-meta {
     float: left;
-}
-
-.attachment-meta:before,
-.full-size-link a:before {
-    content: normal;
-}
-
-.attachment-meta:after {
-    content: "\f307";
-}
-
-.full-size-link a:after {
-    content: "\f402";
-}
-
-.full-size-link:after {
-    content: normal;
 }
 
@@ -613 +495 @@
 }
 
-.bypostauthor > .comment-body .fn:before {
-    content: normal;
-    vertical-align: inherit;
-}
-
-.bypostauthor > .comment-body .fn:after {
-    content: "\f408";
-    vertical-align: text-top;
-}
-
 .comment-list .edit-link {
     margin-left: auto;
@@ -636 +508 @@
 
 .comment-awaiting-moderation:before {
-    content: normal;
-    margin-right: auto;
-    top: auto;
-}
-
-.comment-awaiting-moderation:after {
-    content: "\f414";
     margin-left: 5px;
-    position: relative;
-    top: -2px;
-}
-
-.comment-reply-link:before {
-    content: normal;
-    margin-right: auto;
-}
-
-.comment-reply-link:after {
-    content: "\f412";
+    margin-right: auto;
+}
+
+.comment-reply-link:before,
+.comment-reply-login:before {
     margin-left: 3px;
+    margin-right: auto;
+    -webkit-transform: scaleX(-1);
+    -moz-transform:    scaleX(-1);
+    -ms-transform:     scaleX(-1);
+    -o-transform:      scaleX(-1);
+    transform:         scaleX(-1);
 }
 
 #reply-title small a {
     float: left;
-    height: auto;
-    overflow: visible;
-    width: auto;
-}
-
-#reply-title small a:before {
-    content: normal;
 }
 
@@ -855 +713 @@
     }
 
-    .menu-toggle:before {
-        content: "\f502";
-        font-size: 12px;
+    .menu-toggle:after {
+        padding-left: auto;
         padding-right: 8px;
-        vertical-align: -webkit-calc(-4px);
-        vertical-align:         calc(-4px);
-    }
-
-    .menu-toggle:after {
-        content: normal;
-        font-size: 12px;
-        padding-left: auto;
-        vertical-align: baseline;
-    }
-
-    .toggled-on .menu-toggle:before {
-        content: "\f500";
-        vertical-align: -webkit-calc(2px);
-        vertical-align:         calc(2px);
-    }
-
-    .toggled-on .menu-toggle:after {
-        content: normal;
-        vertical-align: baseline;
     }