Advertisement
gwentee

BLACKPINK 1.4

Aug 21st, 2016
143
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.46 KB | None | 0 0
  1. <!---
  2.  
  3. Page Pack #1: 1.4
  4. Page by Gwendolyn @ luhands-themes
  5. Please do NOT remove the credit
  6. Any questions? Ask here:
  7. getyourluhandsonme.tumblr.com/faq
  8. or
  9. luhandsthemes.tumblr.com/faq
  10. --->
  11.  
  12. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  13. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  14.  
  15. <head>
  16. <title>{Title}</title>
  17. <link rel="shortcut icon" href="{Favicon}" />
  18.  
  19. <!--- custom fonts --->
  20.  
  21. <link href='https://fonts.googleapis.com/css?family=Quicksand:700' rel='stylesheet' type='text/css'>
  22.  
  23. <!--- tooltips --->
  24.  
  25. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  26. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  27. <script>
  28. (function($){
  29. $(document).ready(function(){
  30. $("[title]").style_my_tooltips();
  31. });
  32. })(jQuery);
  33. </script>
  34.  
  35. <style type="text/css">
  36.  
  37. #s-m-t-tooltip {
  38. z-index: 9999;
  39. background-color: #fff; /** tooltip bg colour **/
  40. border:1px solid #F0ABC0; /** tooltip border colour **/
  41. color: #000; /** tooltip font colour **/
  42. font-size: 10px;
  43. line-height: 11px;
  44. font-family: 'Quicksand', sans-serif;
  45. letter-spacing: 1px;
  46. text-transform: normal;
  47. max-width: 150px;
  48. word-wrap: break-word;
  49. padding: 2px 5px 2px 6px;
  50. display: block;
  51. margin: 24px 14px 7px 12px;
  52. -webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  53. -moz-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  54. box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  55. }
  56.  
  57. ::-webkit-scrollbar { width: 7px; height:5px; }
  58. ::-webkit-scrollbar-track-piece { background-color: transparent; }
  59. ::-webkit-scrollbar-thumb:vertical {
  60. width: 1px;
  61. background-color: #A00093; /**scrollbar colour**/
  62. border-top: 4px solid #A00093;
  63. border-right: 3px solid #fff;
  64. border-bottom: 4px solid #A00093;
  65. border-left: 3px solid #fff; /**scrollbar surrounding colour**/
  66. }
  67.  
  68. ::selection {
  69. background-color:#A00093; /** selection background colour **/
  70. color:#F0ABC0; /** selection font colour **/
  71. }
  72.  
  73. body {
  74. margin:0px;
  75. background-color: #000; /* background colour */
  76. font-family: 'Quicksand', sans-serif;
  77. }
  78.  
  79. a:link, a:active, a:visited{
  80. color:#A00093; /** link colour **/
  81. text-decoration:none;
  82. }
  83.  
  84. a:hover{
  85. color:#fff; /** link on hover colour **/
  86. }
  87.  
  88. b,strong{
  89. color:#F0ABC0; /** bold colour **/
  90. }
  91.  
  92. i,em{
  93. color:#A00093; /** italic colour **/
  94. }
  95.  
  96. #section {
  97. margin:70px auto;
  98. width:calc(200px * 3);
  99. }
  100.  
  101. #title {
  102. margin-bottom: 12px;
  103. padding:10px;
  104. width:100%;
  105. border:1px solid #F0ABC0; /** title border colour **/
  106. text-align:center;
  107. letter-spacing:1px;
  108. font-family: 'Quicksand', sans-serif;
  109. font-size:25px;
  110. font-weight:900;
  111. color:#F0ABC0; /** title font colour **/
  112. background:#000; /** title background colour **/
  113. }
  114.  
  115. #title:first-letter {
  116. color:#A00093; /** title first letter colour **/
  117. }
  118.  
  119. .links {
  120. margin-top:-4px;
  121. padding-bottom:10px;
  122. border-bottom:1px solid #F0ABC0; /** line divider colour **/
  123. width:103.5%;
  124. }
  125.  
  126. .links a {
  127. margin:-5 5 0 -3px;
  128. padding:11px 11px;
  129. border:none;
  130. text-transform:uppercase;
  131. font-size:10px;
  132. }
  133.  
  134. .links a:hover {
  135. background:#A00093; /** links background on hover colour **/
  136. }
  137.  
  138. #contain {
  139. overflow-x:hidden;
  140. overflow-y:scroll;
  141. position:absolute;
  142. background-color:#000; /* container background colour */
  143. height:384px;
  144. width:599px;
  145. top:10;
  146. margin:40px auto;
  147. border:1px solid #F0ABC0; /*container border colour*/
  148. padding:10px;
  149. padding-bottom:60px;
  150. }
  151.  
  152. header {
  153. color:#fff; /* header font colour */
  154. letter-spacing:2px;
  155. font-size:12px;
  156. text-align:center;
  157. padding:2px;
  158. margin-top:10px;
  159. margin-bottom:10px;
  160. font-family:'Quicksand', sans-serif;
  161. width:564px;
  162. padding:6px;
  163. text-transform:uppercase;
  164. border:1px solid #fff; /* header border colour*/
  165. background-color:#A00093; /* header background colour */
  166. }
  167.  
  168. #writing {
  169. margin-top:10px;
  170. margin-left:10px;
  171. width:580px;
  172. font-size:13px;
  173. font-family:'Quicksand', sans-serif;
  174. color:#fff; /* container font colour */
  175. display:block;
  176. text-align:justify;
  177. letter-spacing:1px;
  178. word-spacing:5px;
  179. }
  180.  
  181. span {
  182. color:#000; /* stats font colour */
  183. background-color:#fff; /* stats background colour */
  184. line-height:18px;
  185. }
  186.  
  187. .credit {
  188. position:fixed;
  189. bottom:4px;
  190. right:8px;
  191. font: 9px consolas;
  192. border:1px solid #F0ABC0; /** credit border colour **/
  193. background:transparent;
  194. text-transform:uppercase;
  195. letter-spacing: 0px;
  196. padding: 2px;
  197. }
  198.  
  199. .credit a{
  200. color: #F0ABC0; /** credit text colour **/
  201. }
  202.  
  203. .credit a:hover {
  204. color:#fff; /** credit text on hover colour **/
  205. }
  206.  
  207. </style>
  208. </head>
  209.  
  210. <body>
  211.  
  212. <div id="section">
  213. <div id="title">TITLE.</div>
  214. <div class="links">
  215. <a href="/">home</a>
  216. <a href="/ask">ask</a>
  217. <a href="/">link</a>
  218. <a href="/">link</a>
  219. <a href="/">link</a>
  220. </div>
  221.  
  222. <div id="contain">
  223. <div id="writing">
  224.  
  225. <span>Name:</span> Gwen <br>
  226. <span>Age:</span> 20 <br>
  227. <span>Location:</span> CANADA <br>
  228. <span>House:</span> Slytherin <br>
  229.  
  230. <br><hr><br> <!-- write about yourself and/or your blog below -->
  231.  
  232. <b>Bold.</b> <u>Underline.</u> <i>Italic.</i><br>
  233.  
  234. If you want you can add a header~ Like so:
  235. <header>this is a header</header>
  236. that is totally optional tho :P This page is meant to be completely customizable so you can make it look however you'd like!
  237. </div>
  238. </div>
  239.  
  240.  
  241. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  242.  
  243. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  244.  
  245. <script>
  246.  
  247. (function($){
  248.  
  249. $(document).ready(function(){
  250.  
  251. $("a[title]").style_my_tooltips({
  252.  
  253. tip_follows_cursor:true,
  254.  
  255. tip_delay_time:0,
  256.  
  257. tip_fade_speed:0,
  258.  
  259. attribute:"title"
  260.  
  261. });
  262.  
  263. });
  264.  
  265. })(jQuery);
  266. </script>
  267.  
  268. <div class="credit"><a href="http://luhandsthemes.tumblr.com/"><center>theme by LUHΛИDS</center></a></div>
  269.  
  270. </body>
  271.  
  272. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement