You are here

flickr_cc_icons.css in Flickr 7

@font-face {
  font-family: "CC-ICONS";
  font-weight: normal;
  font-style: normal;
  /*See https://css-tricks.com/snippets/css/using-font-face/*/

  src: url("//cdn.jsdelivr.net/cc-icons/1.2.0/fonts/cc-icons.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("//cdn.jsdelivr.net/cc-icons/1.2.0/fonts/cc-icons.woff") format("woff"), /* Modern Browsers */
  url("//cdn.jsdelivr.net/cc-icons/1.2.0/fonts/cc-icons.ttf") format("truetype"), /* Safari, Android, iOS */
  url("//cdn.jsdelivr.net/cc-icons/1.2.0/fonts/cc-icons.svg#cc-icons") format("svg"); /* Legacy iOS */
}
span.flickr-cc,
span.flickr-copyright {
  /*An equivalent to baseline shift to space icons from the line above*/
  position: relative;
  top: 0.2em;
  float: right;
  margin: 1px 0 6px 0;
  /*The normal size is not well recognizable*/
  font-size: large;
}
#flickr-admin-settings .form-item-flickr-license span.flickr-cc,
#flickr-admin-settings .form-item-flickr-license span.flickr-copyright {
  float: none;
  margin-right: 8px;
}
span.flickr-cc a,
span.flickr-copyright a {
  text-decoration: none;
}
span.flickr-cc {
  /*Creative commons icon font*/
  font-family: "CC-ICONS";
}
/* Necessary to make the copyright symbol most similar to the cc-icons.*/
span.flickr-copyright {
  font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
  font-size: x-large; /*Change to make the size similar to the CC icons.*/
  font-weight: bold;
}

.flickr-image span.flickr-cc,
.flickr-image span.flickr-copyright {
  position: absolute;
  top: 4px;
  left: 7px;
}

.flickr-image span.flickr-cc a,
.flickr-image span.flickr-copyright a {
  letter-spacing: 2px;
  color: white;
  text-shadow: -1px -1px 0 black,
  1px -1px 0 black,
  -1px 1px 0 black,
  1px 1px 0 black;
}

.flickr-image span.flickr-cc {
  top: 4px;
  left: 7px;
  font-size: 100%;
}

.flickr-image span.flickr-copyright {
  top: 3px;
  left: 7px;
  font-size: large;
}

File

flickr_cc_icons.css
View source
  1. @font-face {
  2. font-family: "CC-ICONS";
  3. font-weight: normal;
  4. font-style: normal;
  5. /*See https://css-tricks.com/snippets/css/using-font-face/*/
  6. src: url("//cdn.jsdelivr.net/cc-icons/1.2.0/fonts/cc-icons.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  7. url("//cdn.jsdelivr.net/cc-icons/1.2.0/fonts/cc-icons.woff") format("woff"), /* Modern Browsers */
  8. url("//cdn.jsdelivr.net/cc-icons/1.2.0/fonts/cc-icons.ttf") format("truetype"), /* Safari, Android, iOS */
  9. url("//cdn.jsdelivr.net/cc-icons/1.2.0/fonts/cc-icons.svg#cc-icons") format("svg"); /* Legacy iOS */
  10. }
  11. span.flickr-cc,
  12. span.flickr-copyright {
  13. /*An equivalent to baseline shift to space icons from the line above*/
  14. position: relative;
  15. top: 0.2em;
  16. float: right;
  17. margin: 1px 0 6px 0;
  18. /*The normal size is not well recognizable*/
  19. font-size: large;
  20. }
  21. #flickr-admin-settings .form-item-flickr-license span.flickr-cc,
  22. #flickr-admin-settings .form-item-flickr-license span.flickr-copyright {
  23. float: none;
  24. margin-right: 8px;
  25. }
  26. span.flickr-cc a,
  27. span.flickr-copyright a {
  28. text-decoration: none;
  29. }
  30. span.flickr-cc {
  31. /*Creative commons icon font*/
  32. font-family: "CC-ICONS";
  33. }
  34. /* Necessary to make the copyright symbol most similar to the cc-icons.*/
  35. span.flickr-copyright {
  36. font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
  37. font-size: x-large; /*Change to make the size similar to the CC icons.*/
  38. font-weight: bold;
  39. }
  40. .flickr-image span.flickr-cc,
  41. .flickr-image span.flickr-copyright {
  42. position: absolute;
  43. top: 4px;
  44. left: 7px;
  45. }
  46. .flickr-image span.flickr-cc a,
  47. .flickr-image span.flickr-copyright a {
  48. letter-spacing: 2px;
  49. color: white;
  50. text-shadow: -1px -1px 0 black,
  51. 1px -1px 0 black,
  52. -1px 1px 0 black,
  53. 1px 1px 0 black;
  54. }
  55. .flickr-image span.flickr-cc {
  56. top: 4px;
  57. left: 7px;
  58. font-size: 100%;
  59. }
  60. .flickr-image span.flickr-copyright {
  61. top: 3px;
  62. left: 7px;
  63. font-size: large;
  64. }