Advertisement
jungjnsoul

♡ JUNGJNSOUL'S THEME PACK - 2

Mar 30th, 2019
1,026
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.81 KB | None | 0 0
  1. <html>
  2. <head>
  3. <title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. </head>
  7.  
  8. <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
  9. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  10.  
  11. <meta name="color:background" content=""/>
  12. <meta name="color:text" content=""/>
  13. <meta name="color:top bar" content=""/>
  14. <meta name="color:desc box" content=""/>
  15. <meta name="color:desc bar" content=""/>
  16. <meta name="color:accent1" content=""/>
  17. <meta name="color:accent2" content=""/>
  18.  
  19. <meta name="text:description" content=""/>
  20. <meta name="text:rp name" content=""/>
  21. <meta name="text:url for main blog" content=""/>
  22. <meta name="text:fhs hit counter" content=""/>
  23.  
  24. <meta name="image:big pic" content=""/>
  25. <meta name="image:icon" content=""/>
  26.  
  27. <style type="text/css">
  28.  
  29.  
  30. b, strong { color:{color:accent1}; }
  31. a, href { color:{color:accent2}; text-decoration:none; }
  32.  
  33.  
  34. body {
  35. background-color:{color:background};
  36. color:{color:text};
  37. font-family:quicksand;
  38. font-size:10px;
  39. }
  40.  
  41. .wee {
  42. width:700px; height:300px;
  43. position:fixed; margin:auto;
  44. top:0px; bottom:0px; left:0px; right:0px;
  45. border-radius:0px 0px 7px 7px;
  46. z-index:1;
  47.  
  48. background-color:{color:topbar};
  49. background-image:url('{image:big pic}');
  50. }
  51.  
  52. .weebar {
  53. position:fixed; margin:auto;
  54. top:0px; bottom:300px; left:0px; right:0px;
  55. border-radius:7px 7px 0px 0px;
  56. width:690px; height:15px;
  57. padding:5px;
  58. z-index:2;
  59.  
  60. background-color:{color:top bar};
  61. }
  62.  
  63. #dot1 {
  64. width:8px; height:8px;
  65. border-radius:100%;
  66. margin-top:4px;
  67. margin-left:3px;
  68.  
  69. background-color:{color:accent1};
  70. }
  71.  
  72. #dot2 {
  73. width:8px; height:8px;
  74. border-radius:100%;
  75. margin-left:18px;
  76. margin-top:-8px;
  77.  
  78. background-color:#4d4d4d;
  79. }
  80.  
  81. #dot3 {
  82. width:8px; height:8px;
  83. border-radius:100%;
  84. margin-left:33px;
  85. margin-top:-8px;
  86.  
  87. background-color:{color:accent2};
  88. }
  89.  
  90. #weetext {
  91. text-align:center;
  92. margin-top:-11px;
  93. }
  94.  
  95.  
  96. .notibox {
  97. position:fixed; margin:auto;
  98. top:300px; bottom:0px; left:0px; right:200px;
  99. z-index:22; opacity:.9;
  100. width:260px; height:85px;
  101. border-radius:0px 0px 7px 7px;
  102.  
  103. background-color:{color:desc box};
  104. }
  105.  
  106. #boxtext {
  107. color:{color:text};
  108. font-family:quicksand;
  109. text-align:left;
  110.  
  111. width:165px; height:55px;
  112. overflow:none;
  113. margin-top:15px; margin-left:15px;
  114. }
  115.  
  116. #boximg {
  117. height:55px; width:55px;
  118. margin-top:-57px;
  119. margin-right:15px;
  120.  
  121. background-color:{color:accent2};
  122. background-image:url('{image:icon}');
  123. border-radius:100%;
  124. }
  125.  
  126. .notibar {
  127. position:fixed; margin:auto;
  128. top:190px; bottom:0px; left:0px; right:200px;
  129. z-index:222; opacity:.9;
  130. width:250px; height:15px; padding:5px;
  131. border-radius:7px 7px 0px 0px;
  132.  
  133. background-color:{color:desc bar};
  134. }
  135.  
  136. #bardot {
  137. width:8px; height:8px;
  138. border-radius:100%;
  139. margin-top:4px;
  140. margin-left:5px;
  141.  
  142. background-color:{color:accent2};
  143. }
  144.  
  145. #bartext {
  146. color:{color:text};
  147. font-family:quicksand;
  148. text-align:center;
  149.  
  150. margin-top:-10px;
  151. }
  152.  
  153. .statsbox {
  154. width:100px; height:20px;
  155. position:fixed; margin:auto;
  156. top:345px; bottom:0px; left:350px; right:0px;
  157. border-radius:3px;
  158. z-index:3;
  159.  
  160. background-color:{color:accent2};
  161. }
  162.  
  163. .stats {
  164. color:{color:text};
  165. text-align:center;
  166. margin-top:3px;
  167. letter-spacing:1px;
  168. }
  169.  
  170. .stats a,href {
  171. color:{color:text};
  172. }
  173.  
  174. #cred {
  175. width:15px; height:15px;
  176. position:bottom;
  177. background-color:{color:desc box};
  178. padding:5px;
  179. border-radius:5px;
  180.  
  181. position:absolute;
  182. bottom:5px; right:5px;
  183. }
  184.  
  185. .credit {
  186. margin-top:3px; margin-left:3px;
  187. }
  188.  
  189. .credit a {
  190. color:{color:text};
  191. }
  192.  
  193. </style>
  194.  
  195. <body>
  196.  
  197. <div class="weebar">
  198. <div id="dot1"></div><div id="dot2"></div><div id="dot3"></div>
  199. <div id="weetext"><a href="{text:url for main blog}">click here</a> for our main page!</div>
  200. </div>
  201.  
  202. <div class="wee"></div>
  203.  
  204. <div class="notibar">
  205. <div id="bardot"></div>
  206. <div id="bartext">+1 NOTIFICATION: <B>{text:rp name}</b></div>
  207. </div>
  208.  
  209. <div class="notibox">
  210. <div id="boxtext">{text:description}</div>
  211. <div align="right">
  212. <div id="boximg"></div></div>
  213. </div>
  214.  
  215. <div class="statsbox">
  216. <div class="stats"><a href="#">{text:fhs hit counter}</a> VISITS!</div>
  217. </div>
  218.  
  219. <div id="cred"><div class="credit"><a title="theme credit" href="http://jungjnsoul.tumblr.com/"><span class="lnr lnr-paw"></span></a></div></div>
  220.  
  221. </body>
  222. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement