Advertisement
Martith

TWWM Player profile skin

Mar 24th, 2018
539
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.63 KB | None | 0 0
  1. Skin header:
  2.  
  3. <div align="center"><a href="https://thosewhowentmissing.deviantart.com/"><img class = "headerImage" src="https://a.deviantart.net/avatars/t/h/thosewhowentmissing.gif?6"></a></div>
  4.  
  5. Skin CSS:
  6.  
  7. * {
  8. background: transparent;
  9. border: none;
  10. margin: 0;
  11. padding: 0;
  12. }
  13.  
  14. .gr1, .gr2, .gr3, .tri, .gr-top h2 img {
  15. display: none;
  16. }
  17.  
  18. a {
  19. color: #96bca9;
  20. text-decoration: none;
  21. transition:all .8s;
  22. cursor: url("https://orig00.deviantart.net/19f6/f/2018/083/c/c/sprite_rip__sprout_by_a_good_boy_danvtm3_by_martith-dc6scd9.gif"), pointer;
  23. }
  24.  
  25. a:hover {
  26. color: #96bca9;
  27. text-shadow: 0px 0px 8px rgba(150, 188, 169,0.7);
  28. transition:all .8s;
  29. cursor: url("https://orig00.deviantart.net/19f6/f/2018/083/c/c/sprite_rip__sprout_by_a_good_boy_danvtm3_by_martith-dc6scd9.gif"), pointer;
  30. }
  31.  
  32. a.external:after {
  33. display: none;
  34. }
  35.  
  36. a:not(.external) {
  37. font-weight: normal;
  38. }
  39.  
  40. .gr-box {
  41. color: #cae5b9;
  42. font-family: Raleway;
  43. font-size: 16px;
  44. background-color: #3e4743;
  45. cursor: url("https://orig00.deviantart.net/cca5/f/2018/083/1/2/sprite_rip__small_sprout_by_a_good_boy_danvtlr_by_martith-dc6scdc.gif"), pointer;
  46. }
  47.  
  48. .gr-top {
  49. background-color: #3e4743;
  50. text-align: center;
  51. padding: 20px 20px 20px 0;
  52. margin-top: 20px;
  53. }
  54.  
  55. .gr-top h2, .gr-top h2 a {
  56. font-family: Righteous;
  57. font-size: 25px;
  58. }
  59.  
  60. .gr-top h2 a:hover {
  61. color: #1d2617;
  62. }
  63.  
  64. .gr-box .text h1{
  65. color: #9deaba;
  66. font-family: Righteous;
  67. font-size: 30px;
  68. font-weight: 400;
  69. line-height:1.3em;
  70. letter-spacing: 3px;
  71. }
  72.  
  73. .gr-box .text h2{
  74. color: #9deaba;
  75. font-family: Righteous;
  76. font-size: 20px;
  77. font-weight: 400;
  78. line-height:1.3em;
  79. }
  80.  
  81. .gr-box .text h3{
  82. color: #9deaba;
  83. font-family: Righteous;
  84. font-size: 20px;
  85. font-weight: 400;
  86. line-height:1.3em;
  87. }
  88.  
  89. .gr-box .text h4{
  90. color: #9deaba;
  91. font-family: Righteous;
  92. font-size: 15px;
  93. font-weight: 400;
  94. line-height:1.3em;
  95. }
  96.  
  97. .gr-body .text {
  98. padding: 20px;
  99. }
  100.  
  101. .bottom {
  102. background-color: #3e4743;
  103. padding: 20px 10px 30px 10px;
  104. }
  105.  
  106. .bottom a:hover {
  107. color: #1d2617;
  108. }
  109.  
  110. .credits {
  111. color: rgba(0, 0, 0, 0.6);
  112. font-size: 8px;
  113. text-align: center;
  114. width: 100%;
  115. left: 0;
  116. bottom: 8px;
  117. position: absolute;
  118. }
  119.  
  120. blockquote{
  121. background: #5b7569;
  122. border-radius: 13px;
  123. -moz-border-radius: 13px;
  124. -webkit-border-radius: 13px;
  125. color: #8fce63;
  126. font-weight: 400;
  127. font-family: Righteous;
  128. font-size: 15px;
  129. padding: 39px;
  130. }
  131.  
  132. hr{
  133. border-bottom: 1px solid #a8ce8e;
  134. height:1px;
  135. margin: 10px auto 5px auto;
  136. width: 70%;
  137. }
  138.  
  139. .credits a {
  140. color: #1d2617;
  141. opacity: 0.6;
  142. }
  143.  
  144. .credits a:hover {
  145. opacity: 1;
  146. }
  147.  
  148. .footerImage {
  149. margin-bottom: -30px;
  150. }
  151.  
  152. .headerImage {
  153. margin-bottom: 0px;
  154. }
  155.  
  156. ul.list li.f {
  157. padding: 5px 10px 5px 10px;
  158. }
  159.  
  160. ul.list li.a {
  161. padding: 5px 10px 5px 10px;
  162. }
  163.  
  164.  
  165. .shadow-holder .shadow a.thumb img {
  166. vertical-align: middle;
  167. }
  168.  
  169. .shadow-holder a.thumb.lit {
  170. height: 140px;
  171. width: 200px;
  172. margin: 10px;
  173. }
  174.  
  175. .shadow-holder a.thumb.lit img {
  176. display: none;
  177. }
  178.  
  179. .shadow-holder a.thumb.lit .wrap q {}
  180.  
  181. .shadow-holder a.thumb.lit .wrap q {
  182. color: white;
  183. font-family: Raleway, sans-serif;
  184. font-size: 13px;
  185. line-height: 15px;
  186. margin: 0;
  187. padding: 5px;
  188. position: absolute;
  189. right: 0;
  190. left: 0;
  191. }
  192.  
  193. .shadow-holder a.thumb.lit .wrap q strong {
  194. display: block;
  195. background: #a8ce8e;
  196. color: white;
  197. font-size: 16px;
  198. line-height: 20px;
  199. margin: -5px -5px 10px -5px;
  200. padding: 10px;
  201. }
  202.  
  203. .shadow-holder:hover .shadow a.thumb.lit .wrap q strong {
  204. background: #5b9654;
  205. }
  206.  
  207. Skin footer:
  208.  
  209. <div align="right"><img class = "footerImage" src="[PLACE URL OF THE PAGEDOLL HERE]" width="[NUMBER]"></div><div class="credits">Made by @martith for lovely @thosewhowentmissing members</div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement