API tools faq
paste
onediewreckshun

45 - all-in-one page - http://kimsjongin.tumblr.com

onediewreckshun
Sep 30th, 2013
458
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.15 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <head>
  6.  
  7. <title>{title}</title>
  8.  
  9. <link rel="shortcut icon" href="{favicon}">
  10.  
  11. <!----
  12.  
  13. ᴛʜᴇᴍᴇ 45 | ᴀʟʟ ɪɴ ᴏɴᴇ ᴘᴀɢᴇ | ʙʏ ᴍᴇᴇᴍ (ᴋɪᴍsᴊᴏɴɢɪɴ.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ)
  14. ᴘʟᴇᴀsᴇ ᴅᴏɴ'ᴛ ʀᴇᴍᴏᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛ ᴏʀ sᴛᴇᴀʟ!
  15.  
  16. here's a handy user guide for this theme.
  17.  
  18. keep in mind that this is the blog version of this theme; it was made in a way so you could edit it on an actual customize page. if you put this code into a secondary page on your blog, it would turn out weird because you wouldn't have the tools on the customize page to edit it easily. the page version is different; it doesn't have customize options and you'll have to go into the html and do everything yourself.
  19.  
  20. 1. in the checkboxes for "newurl" "hiatus" etc, just check one at a
  21. time or else it'll look bad. those checkboxes are for the title text on
  22. the picture, before you hover on the box. if you don't want a title
  23. uncheck all of them.
  24.  
  25. 2. checking a box will change the text of the first link under the
  26. description. if you check the box next to "newurl" the first link will
  27. say "new url." if you check the box next to "savedurl" the first link
  28. will say "owner." etc. etc.
  29.  
  30. 3. when you change the box shadow color, it's going to change the color of the shadow of the first letter, the inner shadow of the first letter box, the outer shadow of the description, the shadow on the links, and the inner shadow of the big box.
  31.  
  32. ----->
  33.  
  34.  
  35. <meta name="if:newurl" content="1"/>
  36. <meta name="if:hiatus" content="0"/>
  37. <meta name="if:aboutme" content="0"/>
  38. <meta name="if:savedurl" content="0"/>
  39. <meta name="if:imoved" content="0"/>
  40. <meta name="if:fancyfirstletter" content="1"/>
  41.  
  42. <meta name="image:backgroundimage" content="http://media.tumblr.com/516837aab61765d9b3df110a1e7c100f/tumblr_inline_mmafj9UCWl1qz4rgp.png"/>
  43.  
  44. <meta name="image:image" content="http://25.media.tumblr.com/11e2a826dce47e0d587430dc2b27a947/tumblr_miqh1c9UvU1rewsqyo3_250.png"/>
  45.  
  46. <meta name="color:shadow" content="#000"/>
  47.  
  48. <script type="text/javascript" src="http://static.tumblr.com/bkd4m5b/Citm42m8i/smoothscroll.js"></script><script type="text/javascript" src="http://static.tumblr.com/gyoju49/uF2mjkhe3/layoutcomponent.txt"></script><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/gyoju49/2A6mk8i6o/component.js"></script>
  49.  
  50.  
  51. <style type="text/css">
  52.  
  53. body {
  54. color:#9a9a9a;
  55. font-family:baskerville;
  56. font-size:11px;
  57. letter-spacing:1px;
  58. line-height:13px;
  59. }
  60.  
  61. a:link, a:active, a:visited{
  62. color:#a8aeaf;
  63. text-decoration:none;
  64. -webkit-transition: all 0.4s linear;
  65. -moz-transition: all 0.4s linear;
  66. transition: all 0.4s linear;
  67. }
  68.  
  69. a:hover{
  70. color:#797a7a;
  71. -webkit-transition: all 0.4s linear;
  72. -moz-transition: all 0.4s linear;
  73. transition: all 0.4s linear;
  74. }
  75.  
  76. #kanye {
  77. position:fixed;
  78. font-size:10px;
  79. width:70px;
  80. height:20px;
  81. font-family:baskerville;
  82. letter-spacing:1px;
  83. padding-bottom:4px;
  84. padding-right:4px;
  85. bottom:0;
  86. right:0;
  87. z-index:12;
  88. }
  89.  
  90. #kanye .ville a{ color:#9a9a9a;}
  91.  
  92. #kanye .basker{
  93. color:#9a9a9a;
  94. opacity:1.0;
  95. padding:0px 3px 1px 3px;
  96. margin-top:00px;
  97. margin-left:29px;
  98. text-align:center;
  99. overflow:hidden;
  100. position: absolute;
  101. background:#fff;
  102. font-size:10px;
  103. text-transform:lowercase;
  104. z-index:100;
  105. -webkit-transition: opacity 0.5s linear;
  106. -webkit-transition: all 0.5s linear;
  107. -moz-transition: all 0.5s linear;
  108. transition: all 0.5s linear;
  109. }
  110.  
  111. #kanye:hover .basker{
  112. opacity:0;
  113. transition: all 0.5s linear;
  114. -webkit-transition: opacity 0.5s linear;
  115. -webkit-transition: all 0.5s linear;
  116. -moz-transition: all 0.5s linear;
  117. }
  118.  
  119. #kanye .ville{
  120. color:#9a9a9a;
  121. background:#fff;
  122. margin-top:100px;
  123. margin-top:0px;
  124. padding:0px 4px 1px 5px;
  125. margin-left:29px;
  126. font-size:10px;
  127. text-align:left;
  128. text-transform:lowercase;
  129. opacity:0;
  130. overflow:hidden;
  131. position: absolute;
  132. -webkit-transition: opacity 0.5s linear;
  133. -webkit-transition: all 0.5s linear;
  134. -moz-transition: all 0.5s linear;
  135. transition: all 0.5s linear;
  136. z-index:1200;
  137. }
  138.  
  139. #kanye:hover .ville{
  140. opacity:1;
  141. margin-bottom:14px;
  142. transition: all 0.5s linear;
  143. -webkit-transition: opacity 0.5s linear;
  144. -webkit-transition: all 0.5s linear;
  145. -moz-transition: all 0.5s linear;
  146. }
  147.  
  148. #container {
  149. width:250px;
  150. margin: auto;
  151. }
  152.  
  153. #container a{
  154. color:{color:background};
  155. }
  156.  
  157. #tit img{
  158. position:fixed;
  159. text-align:center;
  160. width:150px;
  161. padding:30px 10px 30px 10px;
  162. font-style:normal;
  163. font-size:25px;
  164. font-family:baskerville;
  165. margin-top:238px;
  166. margin-left:21px;
  167. z-index:1;
  168. }
  169.  
  170. #icon {
  171. box-shadow: inset 0px 0px 0px {color:shadow};
  172. background:#fff;
  173. width:150px;
  174. height:150px;
  175. position:fixed;
  176. margin-top:200px;
  177. padding:30px;
  178. border:1px solid transparent;
  179. z-index:0;
  180. background:url('{image:backgroundimage}');
  181. -webkit-transition: all 0.4s linear;
  182. -moz-transition: all 0.4s linear;
  183. transition: all 0.4s linear;
  184. }
  185.  
  186.  
  187. #stuff:hover #icon {
  188. box-shadow: inset 0px 0px 5px {color:shadow};
  189. opacity:1;
  190. -webkit-transition: all 0.4s linear;
  191. -moz-transition: all 0.4s linear;
  192. transition: all 0.4s linear;
  193. }
  194.  
  195. #icon img {
  196. width:150px;
  197. height:150px;
  198. -webkit-filter:brightness(0px);
  199. -webkit-transition: all 0.4s linear;
  200. -moz-transition: all 0.4s linear;
  201. transition: all 0.4s linear;
  202. }
  203.  
  204. #stuff:hover #old {
  205. opacity:1;
  206. -webkit-transition: all 0.4s linear;
  207. -moz-transition: all 0.4s linear;
  208. transition: all 0.4s linear;
  209. }
  210.  
  211. #old {
  212. box-shadow:0px 0px 5px {color:shadow};
  213. padding:10px;
  214. opacity:0;
  215. height:130px;
  216. background:#fff;
  217. text-align:justify;
  218. width:130px;
  219. font-style:normal;
  220. font-size:10px;
  221. font-family:baskerville;
  222. margin-top:231px;
  223. position:fixed;
  224. margin-left:31px;
  225. z-index:99999999;
  226. -webkit-transition: all 0.4s linear;
  227. -moz-transition: all 0.4s linear;
  228. transition: all 0.4s linear;
  229. }
  230.  
  231. #new {
  232. text-shadow: 0px 0px 5px {color:shadow};
  233. opacity:0;
  234. text-align:center;
  235. width:200px;
  236. font-style:normal;
  237. font-size:12px;
  238. font-family:baskerville;
  239. margin-top:5px;
  240. margin-left:-25px;
  241. -webkit-transition: all 0.4s linear;
  242. -moz-transition: all 0.4s linear;
  243. transition: all 0.4s linear;
  244. }
  245.  
  246. #new a {color:#fff;text-shadow:0px 0px 5px {color:shadow};}
  247.  
  248. #stuff:hover #new {
  249. opacity:1;
  250. -webkit-transition: all 0.4s linear;
  251. -moz-transition: all 0.4s linear;
  252. transition: all 0.4s linear;
  253. }
  254.  
  255. {block:iffancyfirstletter}#old:first-child:first-letter {
  256. text-transform:uppercase;
  257. box-shadow: inset 0px 0px 5px {color:shadow};
  258. text-shadow: 0px 0px 5px {color:shadow};
  259. z-index:999;
  260. background:url('http://media.tumblr.com/516837aab61765d9b3df110a1e7c100f/tumblr_inline_mmafj9UCWl1qz4rgp.png');
  261. width:50px;
  262. padding:7px 0px 7px 15px;
  263. color: #fff;
  264. font-size: 50px;
  265. font-style: none;
  266. float: left;
  267. margin-right: 8px;
  268. line-height: 100%;
  269. font-family: times new roman;
  270. font-style: normal
  271. }
  272. {/block:iffancyfirstletter}
  273.  
  274.  
  275. </style>
  276.  
  277.  
  278. </head>
  279. <body>
  280. <div id="container">
  281. <div id="stuff">
  282. <div id="old">
  283.  
  284.  
  285. {description}
  286.  
  287. </div>
  288.  
  289. <div id="tit">
  290.  
  291.  
  292. {block:ifaboutme}<img src="http://media.tumblr.com/bcfa6dacf989124f0a9b7ce19c6c0ead/tumblr_inline_mmafos76gH1qz4rgp.png">{/block:ifaboutme}
  293. {block:ifsavedurl}<img src="http://media.tumblr.com/74aff18a81ccd70f05f9d780cb00bdd9/tumblr_inline_mmafpzOLXO1qz4rgp.png">{/block:ifsavedurl}
  294. {block:ifimoved}<img src="http://media.tumblr.com/6264569d288358bcd20acfb5fc74e0ad/tumblr_inline_mmafqqjpJ71qz4rgp.png">{/block:ifimoved}
  295. {block:ifnewurl}<img src="http://media.tumblr.com/61e0de1397afa52b63e4a79ac6399063/tumblr_inline_mmafrrlw071qz4rgp.png">{/block:ifnewurl}
  296. {block:ifhiatus}<img src="http://media.tumblr.com/914e1b5adcf8eb85438e981c7f9989d0/tumblr_inline_mmafsoRdOh1qz4rgp.png">{/block:ifhiatus}
  297.  
  298. </div>
  299.  
  300. <div id="icon">
  301.  
  302. <img src="{image:image}">
  303.  
  304. <div id="new">
  305.  
  306. {block:ifnewurl}<a href="http://kimsjongin.tumblr.com">new url.</a> {/block:ifnewurl}
  307.  
  308. {block:ifimoved}<a href="http://kimsjongin.tumblr.com">new url.</a> {/block:ifimoved}
  309.  
  310. {block:ifsavedurl}<a href="http://kimsjongin.tumblr.com">owner.</a> {/block:ifsavedurl}
  311.  
  312. {block:ifhiatus}<a href="http://kimsjongin.tumblr.com">personal.</a> {/block:ifhiatus}
  313.  
  314. {block:ifaboutme}<a href="http://kimsjongin.tumblr.com">back.</a> {/block:ifaboutme}
  315.  
  316.  
  317. <a href="http://kimsjongin.tumblr.com">contact.</a>
  318.  
  319. <!--do not remove this part-->
  320. <a href="http://kimsjongin.tumblr.com">credit.</a>
  321.  
  322. </div>
  323.  
  324. </div>
  325.  
  326. </div>
  327.  
  328. </div>
  329.  
  330.  
  331. <!--do not remove this part-->
  332.  
  333. <div id="kanye">
  334.  
  335. <div class="basker">
  336. theme.
  337. </div>
  338. </div>
  339.  
  340. <div id="kanye">
  341. <div class="ville">
  342. <a href="http://kimsjongin.tumblr.com">meem.</a>
  343. </div>
  344. </div>
  345.  
  346. </body>
  347. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!