Changeset 959760

Timestamp:

08/04/2014 04:01:31 AM (12 years ago)

Author:

ScottSmith

Message:

Update style to work with more themes

Location:

decode-reply-tool/trunk

Files:

• . (modified) (1 prop)
• decode-reply-tool.css (modified) (3 diffs)
• reply-tool-insert.php (modified) (1 diff)
• reply-tool-loader.php (modified) (1 diff)

decode-reply-tool/trunk/decode-reply-tool.css

@@ -14 +14 @@
 }
 
+/* When Reply Tool is on the top of a post */
 .decode-reply-tool-plugin:first-child {
     margin: -2.5% auto 3.5%;
 }
 
+/* When Reply Tool is on the bottom of a post */
 .decode-reply-tool-plugin:last-child {
     margin: 3.5% auto;
+}
+
+.decode-reply-tool-plugin .replylink, .decode-reply-tool-plugin .replytrigger {
+    -webkit-transition: color 0.25s ease-out, opacity 0.25s ease-in-out, padding 0.35s ease-out;
+    -moz-transition: color 0.25s ease-out, opacity 0.25s ease-in-out, padding 0.35s ease-out;
+    transition: color 0.25s ease-out, opacity 0.25s ease-in-out, padding 0.35s ease-out;
+    font-size: 1em;
+    color: #444444;
+    display: inline-block;
 }
 
@@ -41 +52 @@
 }
 
-body .decode-reply-tool-plugin a.replylink, .decode-reply-tool-plugin .replytrigger {
-    -webkit-transition: color 0.25s ease-out, opacity 0.25s ease-in-out, padding 0.35s ease-out;
-    -moz-transition: color 0.25s ease-out, opacity 0.25s ease-in-out, padding 0.35s ease-out;
-    transition: color 0.25s ease-out, opacity 0.25s ease-in-out, padding 0.35s ease-out;
-    font-size: 1em;
-    color: #444444;
-    display: inline-block;
-}
     .decode-reply-tool-plugin .replylink:hover {
         color: #009BCD;
@@ -59 +62 @@
     }
 
-.format-quote .decode-reply-tool-plugin {
-    font-size: 0.5em;
-}
-
 @media only print {
 .decode-reply-tool-plugin {

decode-reply-tool/trunk/reply-tool-insert.php

@@ -6 +6 @@
 
     <a href="<?php echo esc_url( 'https://account.app.net/intent/post?text=@' . get_option( 'adn-username' ) . '%20(about%3A%20' . get_permalink() . ')%20' ); ?>" class="adnreply replylink right" target="_blank"><?php _e( 'With ADN', 'decode-reply-tool' ); ?></a>
-    
-    <a href="<?php echo esc_url( 'https://account.app.net/intent/post?text=@' . get_option( 'adn-username' ) . '%20(about%3A%20' . get_permalink() . ')%20' ); ?>" class="adnreply replylink right" target="_blank"><?php _e( 'With ADN', 'decode-reply-tool' ); ?></a>
 
 </div>

decode-reply-tool/trunk/reply-tool-loader.php

@@ -148 +148 @@
             <!-- Decode Reply Tool CSS -->
             <style type="text/css">
-                /* =Reply Tool Style
-                ----------------------------------------------- */
-                
-                .decode-reply-tool-plugin {
-                    -webkit-transition: width 0.25s ease-out;
-                    -moz-transition: width 0.25s ease-out;
-                    transition: width 0.25s ease-out;
-                    border-bottom: none;
-                    position: relative;
-                    right: 5px;
-                    text-align: center;
-                    width: 100%;
-                    z-index: 1;
+            /* =Reply Tool Style
+            ----------------------------------------------- */
+            
+            .decode-reply-tool-plugin {
+                -webkit-transition: width 0.25s ease-out;
+                -moz-transition: width 0.25s ease-out;
+                transition: width 0.25s ease-out;
+                border-bottom: none;
+                position: relative;
+                right: 5px;
+                text-align: center;
+                width: 100%;
+                z-index: 1;
+            }
+            
+            /* When Reply Tool is on the top of a post */
+            .decode-reply-tool-plugin:first-child {
+                margin: -2.5% auto 3.5%;
+            }
+            
+            /* When Reply Tool is on the bottom of a post */
+            .decode-reply-tool-plugin:last-child {
+                margin: 3.5% auto;
+            }
+            
+            .decode-reply-tool-plugin .replylink, .decode-reply-tool-plugin .replytrigger {
+                -webkit-transition: color 0.25s ease-out, opacity 0.25s ease-in-out, padding 0.35s ease-out;
+                -moz-transition: color 0.25s ease-out, opacity 0.25s ease-in-out, padding 0.35s ease-out;
+                transition: color 0.25s ease-out, opacity 0.25s ease-in-out, padding 0.35s ease-out;
+                font-size: 1em;
+                color: #444444;
+                display: inline-block;
+            }
+            
+            .decode-reply-tool-plugin .replytrigger {
+                width: auto;
+                float: none;
+                padding: 0 3.5%;
+            }
+            
+            .decode-reply-tool-plugin:hover .replytrigger, .decode-reply-tool-plugin.triggered .replytrigger {
+                opacity: 0;
+                padding: 0;
+            }
+            
+            .decode-reply-tool-plugin .replylink {
+                opacity: 0;
+            }
+            
+            .decode-reply-tool-plugin:hover .replylink, .decode-reply-tool-plugin.triggered .replylink {
+                opacity: 1;
+            }
+            
+                .decode-reply-tool-plugin .replylink:hover {
+                    color: #009BCD;
+                    border-bottom: none !important;
                 }
-                
-                .decode-reply-tool-plugin:first-child {
-                    margin: -2.5% auto 3.5%;
+            
+                .decode-reply-tool-plugin .replylink:active {
+                    color: #007EA6;
+                    border-bottom: none !important;
                 }
-                
-                .decode-reply-tool-plugin:last-child {
-                    margin: 3.5% auto;
-                }
-                
-                .decode-reply-tool-plugin .replytrigger {
-                    width: auto;
-                    float: none;
-                    padding: 0 3.5%;
-                }
-                
-                .decode-reply-tool-plugin:hover .replytrigger, .decode-reply-tool-plugin.triggered .replytrigger {
-                    opacity: 0;
-                    padding: 0;
-                }
-                
-                .decode-reply-tool-plugin .replylink {
-                    opacity: 0;
-                }
-                
-                .decode-reply-tool-plugin:hover .replylink, .decode-reply-tool-plugin.triggered .replylink {
-                    opacity: 1;
-                }
-                
-                body .decode-reply-tool-plugin a.replylink, .decode-reply-tool-plugin .replytrigger {
-                    -webkit-transition: color 0.25s ease-out, opacity 0.25s ease-in-out, padding 0.35s ease-out;
-                    -moz-transition: color 0.25s ease-out, opacity 0.25s ease-in-out, padding 0.35s ease-out;
-                    transition: color 0.25s ease-out, opacity 0.25s ease-in-out, padding 0.35s ease-out;
-                    font-size: 1em;
-                    color: #444444;
-                    display: inline-block;
-                }
-                    .decode-reply-tool-plugin .replylink:hover {
-                        color: #009BCD;
-                        border-bottom: none !important;
-                    }
-                
-                    .decode-reply-tool-plugin .replylink:active {
-                        color: #007EA6;
-                        border-bottom: none !important;
-                    }
-                
-                .format-quote .decode-reply-tool-plugin {
-                    font-size: 0.5em;
-                }
-                
-                @media only print {
-                .decode-reply-tool-plugin {
-                    display: none;
-                }
-                }
+            
+            @media only print {
+            .decode-reply-tool-plugin {
+                display: none;
+            }
+            }
             </style>
         <?php