API tools faq
paste
Advertisement
gwentee

EXTRA PAGES CODES

gwentee
Aug 25th, 2016
78
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.79 KB | None | 0 0
raw download clone embed print report
  1. <!---
  2.  
  3. Page #1: Ikon ver. 2
  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. <link href='https://fonts.googleapis.com/css?family=Quicksand:700' rel='stylesheet' type='text/css'>
  20.  
  21. <style type="text/css">
  22.  
  23. body {
  24. margin:0px;
  25. font-family: 'Quicksand', sans-serif;
  26. text-transform:lowercase;
  27. color:#000;
  28. background-color:#1b91ce; /* bg colour */
  29. background-image: url("http://i.imgur.com/eCiUbb4.png");
  30. }
  31.  
  32. ::-webkit-scrollbar { width: 7px; height:5px; }
  33. ::-webkit-scrollbar-track-piece { background-color: transparent; }
  34. ::-webkit-scrollbar-thumb:vertical {
  35. width: 1px;
  36. background-color: #000; /**scrollbar colour**/
  37. border-top: 4px solid #c4c4c4;
  38. border-right: 3px solid #fff;
  39. border-bottom: 4px solid #c4c4c4;
  40. border-left: 3px solid #fff; /**scrollbar surrounding colour**/
  41. }
  42.  
  43.  
  44. /*Links*/
  45. a:link, a:active, a:visited{color:#cebeca; text-decoration:none;}
  46. a:hover{color:black;}
  47.  
  48. b,strong{
  49. color: #463E55;
  50. }
  51.  
  52. hr {
  53. margin-top:15px;
  54. margin-bottom:15px;
  55. }
  56.  
  57. #container {
  58. width:500px;
  59. height:443px;
  60. position:absolute;
  61. margin-left:-240px;
  62. margin-top:-220px;
  63. left:50%;
  64. top:50%;
  65. background-color: #fff; /* background of container */
  66. border-top: 1px solid #c4c4c4; /*colour of the top border*/
  67. border-left: 1px solid #c4c4c4; /*colour of the left border of the box*/
  68. border-bottom: 1px solid #c4c4c4; /*colour of the bottom border*/
  69. border-right: 1px solid #c4c4c4;/*colour of the right border*/
  70. }
  71.  
  72.  
  73. #title{
  74. position:absolute;
  75. color:#cebeca; /*title colour*/
  76. text-shadow:2px 2px 3px #000; /*shadow colour*/
  77. text-transform:lowercase;
  78. font:400 40px 'Quicksand', sans-serif;
  79. letter-spacing: 2px;
  80. text-align:right;
  81. bottom:30px;
  82. margin-left:345px;
  83. }
  84.  
  85. #box {
  86. z-index:-10;
  87. width:500px;
  88. height:133px;
  89. border-top: 1px solid #c4c4c4; /*title border colour*/
  90. background-color:#fff
  91. background-image: url();
  92. background-attachment: fixed;
  93. background-position: center;
  94. margin-top:5px;
  95. }
  96.  
  97. #text{
  98. width:357px;
  99. height:283px;
  100. background:transparent;
  101. font-size: 13px; /* text size */
  102. color: #344247; /* text colour */
  103. margin-top:20px;
  104. padding-left:143px;
  105. overflow-x: scroll;
  106. overflow: auto;
  107. }
  108.  
  109.  
  110. #sideimg img {
  111. max-width:130px;
  112. width:110px;
  113. height:270px;
  114. margin-left:10px;
  115. margin-top:-290px;
  116. border: 1px solid #c4c4c4;
  117. padding:5px;
  118. -moz-transition-duration:1s;
  119. -webkit-transition-duration:1s;
  120. -o-transition-duration:1s;
  121. }
  122.  
  123. .links {
  124. width:100px;
  125. margin-left:10px;
  126. margin-top:20px;
  127. position:fixed;
  128. display:block;
  129. border:1px solid #c4c4c4; /*border colour*/
  130. padding:10px;
  131. padding-top:5px;
  132. position: absolute;
  133. background: transparent; /*links box bg colour change to #colour value*/
  134. }
  135.  
  136. .links a{
  137. display:inline-block;
  138. width:88px;
  139. height:15px;
  140. margin:4px;
  141. background-color:#fff; /*links bg colour*/
  142. border:1px solid #c4c4c4; /*links border colour*/
  143. color:#000; /*link colour*/
  144. font-family: 'Quicksand', sans-serif;
  145. text-transform:uppercase;
  146. text-align:center;
  147. font-size:10px;
  148. letter-spacing:2px;
  149. padding-top: 5px;
  150. }
  151.  
  152. .links a:hover{
  153. background-color: #cebeca; /*links on hover bg colour*/
  154. color: #fff; /* links on hover text colour*/
  155. }
  156.  
  157. #container2 {
  158. width:500px;
  159. height:443px;
  160. position:absolute;
  161. margin-top:80px;
  162. margin-left:760px;
  163. background-color: #fff; /* background of container */
  164. border-top: 1px solid #c4c4c4; /*colour of the top border*/
  165. border-left: 1px solid #c4c4c4; /*colour of the left border of the box*/
  166. border-bottom: 1px solid #c4c4c4; /*colour of the bottom border*/
  167. border-right: 1px solid #c4c4c4;/*colour of the right border*/
  168. }
  169.  
  170. #box2 {
  171. z-index: -10;
  172. width:500px;
  173. height:133px;
  174. border-top:1px solid #c4c4c4; /*title border colour*/
  175. background-color:#fff; /*title background colour*/
  176. margin-top:-123px;
  177. }
  178.  
  179. #tags{
  180. width:490px;
  181. height:283px;
  182. background:#fff;
  183. font-size: 13px; /* text size */
  184. color: #344247; /* text colour */
  185. margin-top:20px;
  186. padding-left: 10px;
  187. overflow-x: scroll;
  188. overflow: auto;
  189. }
  190.  
  191.  
  192. #sideimg2 img {
  193. max-width:130px;
  194. width:100px;
  195. height:100px;
  196. margin-left:10px;
  197. margin-top:10px;
  198. border: 1px solid #c4c4c4;
  199. padding:5px;
  200. -moz-transition-duration:1s;
  201. -webkit-transition-duration:1s;
  202. -o-transition-duration:1s;
  203. }
  204.  
  205. .header {
  206. font-size: 20px;
  207. color: #fff;
  208. text-transform: uppercase;
  209. border-bottom: 1px solid #c4c4c4;
  210. width: 30px
  211. }
  212.  
  213. .credit {
  214. position:fixed;
  215. bottom: 4px;
  216. right: 8px;
  217. font-family: 'Quicksand', sans-serif;
  218. font-size:10px;
  219. text-transform:uppercase;
  220. border: 1px solid #ededed; /* credit border*/
  221. letter-spacing: 0px;
  222. padding: 2px;
  223. }
  224.  
  225. .credit a{
  226. color: #6A5D80; /* credit text colour*/
  227. opacity:0.8;
  228. }
  229.  
  230. </style>
  231. </head>
  232.  
  233. <body>
  234.  
  235. <div id="container">
  236. <div id="title">About.</div>
  237. <div id="text">
  238. <b>NAME</b>: Gwen(dolyn); <br>
  239. <b>AGE</b>: 20 (1995);<br>
  240. <b>SIGN</b>: Scorpio;<br>
  241. <b>SEXUALITY</b>: <a href="http://sugahung.tumblr.com/tagged/bitch+face+v+is+my+new+sexuality">V's Bitch Face</a>;
  242. <p>getyourluhandsonme ---> <b>sugahung</b><br><br>
  243.  
  244. I am in university and am constantly about to cry. Save me.<br> <br>
  245.  
  246. <b>Praise</b>:<br><br>
  247. <i>"an atomically raging volcano child"</i> -- <a href="http://jieounnie.tumblr.com">jieounnie</a><br><br>
  248. <i>"this thing that sits in our living room and occasionally talks to us only to tell us to die or go to hell or spam us with bts i know nothing else about her"</i> -- <a href="http://byuntaeunnie.tumblr.com">byuntaeunnie</a>
  249. <br><br>
  250.  
  251. <p><a href="/tagged/me">ME</a> (<a href="/tagged/mon+visage">my face</a>)<br>
  252. <br>
  253. "Q: Tell us about your ideal way to spend the summer!<br>
  254. SUGA: I just want to stay at home…"
  255. <a href="http://getyourluhandsonme.tumblr.com/post/125890527631/kimmy-trans-q-tell-us-about-your-ideal-way-to">x</a><br><br>
  256.  
  257. If you don’t think I’m cute that’s your problem not mine <a href="http://getyourluhandsonme.tumblr.com/post/81356909248/drunktrophywife-if-you-dont-think-im-cute">x</a><br><br>
  258.  
  259. jonghyun: i live without knowing what hotness is. i stay in my room the whole day. <a href="http://getyourluhandsonme.tumblr.com/post/124866684741/fyjjong-blue-night-radio-150724-jonghyun-i">x</a><br><br>
  260.  
  261. <p><b>SIDE BLOGS</b><br>
  262. <a href="http://exoficsrec.tumblr.com/">EXOFICSREC</a> <a href="http://tuanbiased.tumblr.com/">TUANBIASED</a> <a href="http://luhandsmusic.tumblr.com/">LUHANDSMUSIC</a> <a href="http://beingikon.tumblr.com/">BEINGIKON</a></div>
  263.  
  264. <div class="links">
  265. <a href="/">home</a><br>
  266. <a href="/ask">ask</a><br>
  267. <a href="/tagspage">tags</a><br>
  268. </div>
  269.  
  270. <div id="sideimg"><img src="http://i.imgur.com/oNB0Ioc.jpg"></div>
  271.  
  272. <div id="box"></div>
  273.  
  274. </div>
  275.  
  276. <!--- Do Not Touch Credit! Thank you!!--->
  277. <div class="credit"><a href="http://luhandsthemes.tumblr.com/"><center>theme by luhands</center></a></div>
  278.  
  279. <div style="position:fixed;bottom:0;left:-120px;max-height:400px;z-index:-9999;"><img src="">
  280.  
  281. </body>
  282.  
  283. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!