2
0

repobanner.template 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. <style>
  2. #forkongithub a {
  3. background: #000;
  4. color: #fff;
  5. text-decoration: none;
  6. font-family: arial,sans-serif;
  7. text-align: center;
  8. font-weight: bold;
  9. padding: 5px 40px;
  10. font-size: 0.9rem;
  11. line-height: 2rem;
  12. position: relative;
  13. transition: 0.5s;
  14. display: block;
  15. width: 300px;
  16. position: absolute;
  17. top: 0;
  18. right: 0;
  19. transform: translateX(150px) rotate(45deg) translate(10px,70px);
  20. box-shadow: 4px 4px 10px rgba(0,0,0,0.8);
  21. pointer-events: auto;
  22. }
  23. #forkongithub a:hover {
  24. background: #c11;
  25. color: #fff;
  26. }
  27. #forkongithub a::before,#forkongithub a::after {
  28. content: "";
  29. width: 100%;
  30. display: block;
  31. position: absolute;
  32. top: 1px;
  33. left: 0;
  34. height: 1px;
  35. background: #fff;
  36. }
  37. #forkongithub a::after {
  38. bottom: 1px;
  39. top: auto;
  40. }
  41. #forkongithub{
  42. z-index: 9999;
  43. /* needed for firefox */
  44. overflow: hidden;
  45. width: 300px;
  46. height: 300px;
  47. position: absolute;
  48. right: 0;
  49. top: 0;
  50. pointer-events: none;
  51. }
  52. #forkongithub svg{
  53. width: 1em;
  54. height: 1em;
  55. vertical-align: middle;
  56. }
  57. @media (max-width: 900px) {
  58. #forkongithub a{
  59. line-height: 1.2rem;
  60. }
  61. }
  62. @media (max-width: 700px) {
  63. #forkongithub {
  64. display: none;
  65. }
  66. }
  67. @media (max-width: 410px) {
  68. #forkongithub a{
  69. font-size: 0.7rem;
  70. transform: translateX(150px) rotate(45deg) translate(20px,40px);
  71. }
  72. }
  73. </style>
  74. <div id="forkongithub"><a href="https://github.com/gfxfundamentals/threejsfundamentals">Fix, Fork, Contribute {{{include "build/templates/octocat-icon.svg"}}}</a></div>