Changeset 8251

Timestamp:

02/15/2019 12:19:46 AM (6 years ago)

Author:

coffee2code

Message:

Browse Happy: Switch to use of actual text for WordPress footer attribution/byline rather than image containing text.

See #4149.

Location:

sites/trunk/browsehappy.com/public_html

Files:

• index.php (modified) (2 diffs)
• style.css (modified) (1 diff)

sites/trunk/browsehappy.com/public_html/index.php

@@ -15 +15 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
-    <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/style.css?7" />
+    <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/style.css?8" />
     <script src="<?php echo get_template_directory_uri(); ?>/js/modernizr-1.6.min.js"></script>
     <script src="https://use.typekit.com/lsw6yis.js"></script>
@@ -88 +88 @@
             </section><!-- #share -->
             <div id="byline">
-                <a href="<?php echo esc_url( __( 'https://wordpress.org/', 'browsehappy' ) ); ?>" title="WordPress"><?php printf( __( 'Brought to you by %s', 'browsehappy' ), 'WordPress' ); ?></a>
+                <a href="<?php echo esc_url( __( 'https://wordpress.org/', 'browsehappy' ) ); ?>" title="WordPress"><?php printf( __( 'Brought to you by %s', 'browsehappy' ), '<strong>WordPress</strong>' ); ?></a>
             </div><!-- #byline -->
         </div>

sites/trunk/browsehappy.com/public_html/style.css

@@ -594 +594 @@
 
 #byline a {
-    width: 300px;
-    height: 20px;
+    color: #fff;
     margin: 0 auto;
     display: block;
-    background-image: url(imgs/browsehappy-sprite.png);
-    background-repeat: no-repeat;
-    background-position: 0 -135px;
-    text-indent: -9999px;
-    -moz-opacity: 0.6;
-    -khtml-opacity: 0.6;
-    opacity: 0.6;
-    -webkit-transition: all .5s;
-    -moz-transition: all .5s;
-    -o-transition: all .5s;
-    transition: all .5s;
-}
-
-#byline a:hover {
-    -moz-opacity: 1;
-    -khtml-opacity: 1;
-    opacity: 1;
+    font-size: large;
+    font-variant: all-small-caps;
+    text-align: center;
+}
+
+#byline a strong {
+    font-variant: initial;
 }