Difference between revisions of "User:Dclark/common.css"

From OrthodoxWiki
Jump to: navigation, search
(Add youtube external link icon, like the facebook and wikipedia ones...)
 
m
Line 1: Line 1:
/* Styling links to YouTube */
+
/* Styling links to YouTube */
#bodyContent a[href ^="http://www.youtube.com"],
+
#bodyContent a[href ^="http://www.youtube.com"],
#article a[href ^="http://www.youtube.com"],
+
#article a[href ^="http://www.youtube.com"],
#mw_contentholder a[href ^="http://www.youtube.com"],
+
#mw_contentholder a[href ^="http://www.youtube.com"],
#bodyContent a[href ^="http://www.youtu.be"],
+
#bodyContent a[href ^="http://www.youtu.be"],
#article a[href ^="http://www.youtu.be"],
+
#article a[href ^="http://www.youtu.be"],
#mw_contentholder a[href ^="http://www.youtu.be"]
+
#mw_contentholder a[href ^="http://www.youtu.be"]
{
+
a:before {
     background: url(http://hrwiki.org/w/skins/common/images/youtube-play-icon.png) center left no-repeat !important;
+
     font-family: 'FontAwesome';
/* Should be this if I can get the admins to copy that icon over: */
+
    color: #777;
/* background: url(/skins/common/images/youtube-play-icon.png) center left no-repeat !important; */
+
    display: inline-block;
     padding-left: 16px !important;
+
    text-decoration: none
     padding-right: 0px !important;
+
}
}
+
 
 +
a[href*="youtube"]:before {
 +
    content: "\f166";
 +
     color: #2c4388;
 +
     margin: 0 4px 0 2px
 +
}
 +
 
 +
a[href*="youtube"].external {
 +
    background-image: none
 +
}

Revision as of 16:43, April 12, 2020

/* Styling links to YouTube */
#bodyContent a[href ^="http://www.youtube.com"],
#article a[href ^="http://www.youtube.com"],
#mw_contentholder a[href ^="http://www.youtube.com"],
#bodyContent a[href ^="http://www.youtu.be"],
#article a[href ^="http://www.youtu.be"],
#mw_contentholder a[href ^="http://www.youtu.be"]
a:before {
    font-family: 'FontAwesome';
    color: #777;
    display: inline-block;
    text-decoration: none
}

a[href*="youtube"]:before {
    content: "\f166";
    color: #2c4388;
    margin: 0 4px 0 2px
}

a[href*="youtube"].external {
    background-image: none
}