API tools faq
paste
Advertisement
mikechangjunior

"Twenty-Two" by mikechangjunior

mikechangjunior
May 16th, 2014
1,005
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.94 KB | None | 0 0
raw download clone embed print report
  1. <!-- "Twenty-Two" created by Kay (@mikechangjunior)
  2. Free to edit, just don't remove credits please! -->
  3.  
  4.  
  5. <!-- BASIC MUMBO JUMBO STUFF -->
  6. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  7.  
  8. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  9.  
  10. <head>
  11.  
  12. <!-- IMAGES -->
  13. <meta name="image:sidebarimg" content=""/>
  14. <meta name="color:imgborder" content="#dddddd">
  15. <meta name="image:backgroundimg" content=""/>
  16.  
  17. <!-- BACKGROUNDS/TEXT -->
  18. <meta name="color:text" content="#404040">
  19. <meta name="color:sidebartext" content="#404040">
  20. <meta name="color:infotext" content="#dddddd">
  21. <meta name="color:background" content="#ffffff">
  22. <meta name="color:postbg" content="#ffffff">
  23.  
  24. <!-- LINKS -->
  25. <meta name="color:link" content="#e95b57">
  26. <meta name="color:link hover" content="#f2f2f2">
  27. <meta name="color:navlink" content="#ffffff">
  28. <meta name="color:navlinkbg" content="#e95b57">
  29. <meta name="color:navlinkbg hover" content="#ffffff">
  30.  
  31. <!-- LINKS INFO -->
  32. <meta name="text:link 1" content="I">
  33. <meta name="text:link 1 URL" content="/">
  34. <meta name="text:link 2" content="II">
  35. <meta name="text:link 2 URL" content="/">
  36. <meta name="text:link 3" content="III">
  37. <meta name="text:link 3 URL" content="/">
  38. <meta name="text:link 4" content="IV">
  39. <meta name="text:link 4 URL" content="/">
  40.  
  41. <!-- BROWSER HEADER -->
  42. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  43. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  44. <link rel="shortcut icon" href="{Favicon}" />
  45. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  46.  
  47.  
  48. <style type="text/css">
  49.  
  50. /* SCROLLBAR */
  51. ::-webkit-scrollbar {background-color:{color:sidebarbg}; height:3px; width:3px}
  52. ::-webkit-scrollbar-thumb:vertical {background-color:{color:link}; height:0px}
  53. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:link}; height:50px!important}
  54.  
  55. /* BODY & ENTRIES */
  56. body {background-color:{color:background}; background-image:url('{image:backgroundimg}'); background-repeat:repeat; font-family:'verdana'; font-size:10px; font-weight:normal;}
  57.  
  58. #entries {position:absolute; width:530px; margin-left:500px; margin-top:30px}
  59. #posts {background-color:{color:postbg}; padding:10px;}
  60.  
  61. /* LINKS */
  62. a {color:{color:link}; text-decoration:none;}
  63. a:hover {color:{color:link hover};}
  64.  
  65. /* HEADERS */
  66. h1 {font-weight:normal; font-size:14px; font-style:normal; letter-spacing:1px; color:{color:text};}
  67. h2 {font-weight:normal; font-size:12px; font-style:normal; letter-spacing:1px; color:{color:text};}
  68.  
  69. /* NAVLINKS */
  70. #navlinks {float:center; margin-left:143px; margin-top:305px; position:fixed; width:225px; height:30px; overflow:hidden; background-color:color:{navlinkbg}; z-index:100;}
  71. #navlinks a {width:50px; height:18px; line-height:20px; font-family:'consolas'; font-size:8px; text-transform:uppercase; text-align:center; padding:3px 0 3px 0; display:inline-block; margin-top:0px; margin-bottom:0px; letter-spacing:1px; color:{color:navlink}; background-color:{color:navlinkbg}; border:1px solid {color:imgborder}; opacity:1; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  72. #navlinks a:hover {opacity:1; background-color:{color:navlinkbg hover}; border:1px solid {color:background}; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  73.  
  74. /* SIDEBAR IMAGES */
  75. #sidebarimage {float:center; margin-left:150px; margin-top:50px; position:fixed; width:200px; height:245px; overflow:hidden; background-color:'transparent'; border:1px solid {color:imgborder}; padding:3px;}
  76. .sidebarimg img {max-width:200px; height:auto;}
  77.  
  78. /* SIDEBAR */
  79. #sidebar {float:center; margin-left:150px; margin-top:333px; position:fixed; width:192px; height:auto; overflow:auto; padding:6px 8px 6px 8px; color:{color:sidebartext}; background-color:'transparent';}
  80.  
  81. /* PAGINATION */
  82. #pagenav {float:center; margin-left:-21px; margin-top:10px; position:fixed; width:192px; height:15px; overflow:hidden; padding:6px 8px 6px 8px; background-color:'transparent';}
  83. #pagination {color:{color:bold}; font-size:12px; font-family:georgia; text-align:center;}
  84. #pagination a {color:{color:link};}
  85. #pagination a:hover {color:{color:link hover};}
  86.  
  87. /* POST TITLES */
  88. #title1 {font-size:20px; font-family:'verdana'; color:{color:text}; text-align:center; line-height:35px;}
  89. #title2 {font-size:16px; font-family:'verdana'; color:{color:text}; text-align:center; line-height:35px;}
  90.  
  91. /* TAGS */
  92. #tags {width:520px; padding:0px; background-color:'transparent'; color:{color:infotext}; font:8px 'consolas'; text-transform:uppercase; text-align:right; padding-right:10px; padding-top:3px; letter-spacing:1px;}
  93. #tags hover {opacity:1;}
  94. #tags a {color:{color:link}; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; transition:all 0.5s ease-out}
  95. #tag a:hover {color:{color:linkhover}; opacity:0.2; -webkit-transition: opacity 0.8s linear; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
  96.  
  97. /* POST INFO */
  98. #info {margin-top:-16px; margin-left:57px; width:460px; background-color:{color:postbg}; color:{color:infotext}; border-bottom:1px solid {color:imgborder}; font:8px 'consolas'; line-height:15px; text-transform:uppercase; padding-right:10px; text-align:right; letter-spacing:1px;}
  99. #info:hover {opacity:1;}
  100. #info a {color:{color:link}; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; transition:all 0.5s ease-out;}
  101. #info a:hover {color:{color:linkhover}; opacity:0.2; -webkit-transition: opacity 0.8s linear; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out}
  102.  
  103. #notes {margin-top:-2px; width:55px; height:15px; background-color:{color:postbg}; color:{color:link}; border:1px solid {color:imgborder}; font:8px 'consolas'; text-transform:uppercase; text-align:center; line-height:190%; letter-spacing:1px;}
  104. #notes:hover {opacity:1;}
  105. #notes a {color:{color:link}; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; transition:all 0.5s ease-out;}
  106. #notes a:hover {color:{color:linkhover}; opacity:0.2; -webkit-transition: opacity 0.8s linear; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out}
  107.  
  108. /* SOURCE */
  109. #source {margin-top:3px; text-align:right; font-size:10px}
  110.  
  111. /* CHAT POST COLORS */
  112. .user_1 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  113. .user_2 .label {color:{color:text}; text-transform:uppercase; font-weight:bold}
  114. .user_3 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  115. .user_4 .label {color:{color:text}; text-transform:uppercase; font-weight:bold}
  116. .user_5 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  117. .user_6 .label {color:{color:text}; text-transform:uppercase; font-weight:bold}
  118. .user_7 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  119. .user_8 .label {color:{color:text}; text-transform:uppercase; font-weight:bold}
  120. .user_9 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  121. .user_10 .label {color:{color:text}; text-transform:uppercase; font-weight:bold}
  122. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px}
  123.  
  124. /* QUESTIONS */
  125. #asks {
  126. background-color:{color:postbg};
  127. border:1px solid {color:imgborder};
  128. padding:10px;
  129. width:489px;
  130. word-wrap:break-word;}
  131. #question {
  132. background-color: none;
  133. color:{color:text};
  134. text-align: justify;
  135. font-family: 'verdana';
  136. font-size: 9px;
  137. margin-left: 50px;
  138. padding:12px;}
  139. #portrait {
  140. float:left;
  141. border:1px solid {color:imgborder};
  142. width:48px;
  143. height:48px;
  144. position: absolute;}
  145. #answer {
  146. padding-top:7px;
  147. text-align: justify;
  148. margin-top: -3px;}
  149.  
  150. /* AUDIO POSTS */
  151. #audio {width:100%; height:100px; margin-bottom:5px;}
  152. .albumart {float:left; width:100px; height:100px}
  153. .player {width:25px; height:25px; margin-top:34px; margin-left:33px; overflow:hidden; position:absolute; padding:3px; opacity:0.4; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition:all 0.5s ease-in-out}
  154. .player:hover {opacity:0.7; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition:all 0.5s ease-in-out}
  155. .audioinfo {margin-left:110px; line-height:170%; font-family:'consolas'; text-transform:uppercase; font-size:10px;}
  156.  
  157. /* TEXT EFFECTS */
  158. b, strong {color:{color:text};}
  159. i, em {color:{color:text};}
  160. blockquote {border-left:2px solid {color:link}; padding-left:6px; margin:5px;}
  161. hr {display: block; height: 1px; border: 0; border-top: 1px solid {color:link}; padding: 0;}
  162.  
  163. /* CREDIT -- DO NOT REMOVE */
  164. #cred a {position:fixed; bottom:3px; right:3px; font-size:25px; color:{color:link}; background-color:{color:background}; -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s;}
  165.  
  166. </style>
  167. </head>
  168.  
  169.  
  170. <body>
  171. <!-- SIDEBAR LINKS -->
  172. <div id="navlinks">
  173. <a href="{text:link 1 URL}">{text:link 1}</a>
  174. <a href="{text:link 2 URL}">{text:link 2}</a>
  175. <a href="{text:link 3 URL}">{text:link 3}</a>
  176. <a href="{text:link 4 URL}">{text:link 4}</a>
  177. </div>
  178.  
  179. <!-- SIDEBAR IMAGE -->
  180. <div id="sidebarimage">
  181. <div class="sidebarimg" align="center">
  182. <img src="{image:sidebarimg}" />
  183. </div>
  184. </div>
  185.  
  186. <!-- SIDEBAR -->
  187. <div id="sidebar">
  188. {Description}
  189. <br>
  190. <!-- PAGINATION -->
  191. <div id="pagenav">
  192. <center><div id="pagination">{block:Pagination}{block:PreviousPage}<a href={PreviousPage}>prev</a>{/block:PreviousPage} / {block:NextPage}<a href={NextPage}>next</a> {/block:NextPage}{/block:Pagination}
  193. </center></div>
  194. </div>
  195. </div>
  196.  
  197. <!-- ENTRIES -->
  198. <div id="entries">{block:Posts}<div id="posts">
  199.  
  200. {block:Quote}
  201. <div id="title2"><i><span style="font-family:georgia;">❝ {Quote} ❞</span></i></div>
  202. {block:Source}<div id="source">— {Source}</div>{/block:Source}
  203. {/block:Quote}
  204.  
  205. {block:Title}<div id="title1">{Title}</div>{/block:Title}
  206. {block:Text}{Body}{/block:Text}
  207.  
  208. {block:Link}
  209. <div id="title1"><a href="{URL}" class="link" {Target}>{Name}</a></div>{block:Description}<div class="description">{Description}</div>{/block:Description}
  210. {/block:Link}
  211.  
  212. {block:Photo}
  213. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  214. {/block:Photo}
  215. {block:Photoset}
  216. <center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}
  217. {/block:Photoset}
  218.  
  219. {block:Chat}
  220. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  221. {/block:Chat}
  222.  
  223. {block:Video}
  224. {Video-500}{block:Caption}{Caption}{/block:Caption}
  225. {/block:Video}
  226.  
  227. {block:Answer}
  228. <div id="asks">
  229. <div id="portrait"><span style="width:48px;height:48px;"><img src="{AskerPortraitURL-48}"></span></div>
  230. <div id="question"><span style="font-size:11px;text-transform:uppercase;font-family:consolas">{asker}: </span></br>{Question} </br></div></div>
  231. <div id="answer">{Answer}</div>
  232. {/block:Answer}
  233.  
  234. {block:Audio}
  235. <div id="audio">
  236. <div class="player">{AudioPlayerWhite}</div>
  237. <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>
  238. <div class="audioinfo"><br>
  239. <b>SONG:</b> {block:TrackName}{TrackName}{/block:TrackName}<br>
  240. <b>ARTIST:</b> {block:Artist}{Artist}{/block:Artist}<br>
  241. <b>ALBUM:</b> {block:Album}{Album}{/block:Album}<br>
  242. <b>PLAYS:</b> {PlayCount} times</div></div>
  243. {block:Caption}{Caption}{/block:Caption}
  244. {/block:Audio}
  245. </div>
  246.  
  247. <div id="notes">&hearts; {block:NoteCount} <a href="{Permalink}">{NoteCount}</a> {/block:NoteCount} </div>
  248.  
  249. <div id="info">
  250. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:ContentSource}, &copy; <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}</div>
  251.  
  252.  
  253. {block:HasTags}<div id="tags">{block:Tags}#<a href="{TagUrl}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  254.  
  255. <BR><BR>
  256. {/block:posts}{block:PostNotes}{PostNotes}{/block:PostNotes}
  257. </div></div>
  258.  
  259. <!-- CREDIT -- DO NOT REMOVE -->
  260. <div id="cred"><a href="http://mikechangjunior.tumblr.com">♕</a></div>
  261.  
  262. </body>
  263. </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!