API tools faq
paste
Advertisement
mikechangjunior

"Come On Over" (v1) by mikechangjunior

mikechangjunior
Apr 22nd, 2014
543
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.01 KB | None | 0 0
raw download clone embed print report
  1. <!-- "Come On Over" 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:backgroundimg" content=""/>
  14. <meta name="image:leftimg" content=""/>
  15. <meta name="image:centerimg" content=""/>
  16. <meta name="image:rightimg" content=""/>
  17. <meta name="color:imgborder" content="#dddddd">
  18.  
  19. <!-- BACKGROUNDS/TEXT -->
  20. <meta name="color:text" content="#404040">
  21. <meta name="color:background" content="#ffffff">
  22. <meta name="color:sidebartext" content="#404040">
  23. <meta name="color:sidebarbg" content="#eeeeee">
  24. <meta name="color:questionbg" content="#eeeeee">
  25.  
  26. <!-- LINKS -->
  27. <meta name="color:link" content="#e17e66">
  28. <meta name="color:linkhover" content="#f2f2f2">
  29. <meta name="color:navlink" content="#ffffff">
  30. <meta name="color:navlinkbg" content="#e89e8c">
  31.  
  32. <!-- LINKS INFO -->
  33. <meta name="text:link 1" content="">
  34. <meta name="text:link 1 URL" content="/">
  35. <meta name="text:link 2" content="">
  36. <meta name="text:link 2 URL" content="/">
  37. <meta name="text:link 3" content="">
  38. <meta name="text:link 3 URL" content="/">
  39.  
  40. <!-- BROWSER HEADER -->
  41. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  42. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  43. <link rel="shortcut icon" href="{Favicon}" />
  44. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  45.  
  46.  
  47. <style type="text/css">
  48.  
  49. /* SCROLLBAR */
  50. ::-webkit-scrollbar {background-color:{color:sidebarbg}; height:3px; width:3px}
  51. ::-webkit-scrollbar-thumb:vertical {background-color:{color:link}; height:0px}
  52. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:link}; height:50px!important}
  53.  
  54. /* BODY & ENTRIES */
  55. body {background-color:{color:background}; background-image:url('{image:backgroundimg}'); background-repeat:repeat; font-family:'verdana'; font-size:10px; font-weight:normal;}
  56.  
  57. #entries {position:absolute; width:530px; margin-left:630px; margin-top:50px}
  58. #posts {background-color:{color:background}; padding:10px;}
  59.  
  60. /* LINKS */
  61. a {color:{color:link}; text-decoration:none;}
  62. a:hover {color:{color:linkhover};}
  63.  
  64. /* HEADERS */
  65. h1 {font-weight:normal; font-size:12px; text-align:center; font-style:normal; line-height:90%; letter-spacing:1px; text-transform:uppercase; color:{color:text};}
  66. h2 {font-weight:normal; font-size:10px; text-align:center; font-style:normal; line-height:90%; letter-spacing:1px; text-transform:uppercase; color:{color:text};}
  67.  
  68. /* TOP LEFT LINK */
  69. #leftlink {float:center; margin-left:80px; margin-top:115px; position:fixed; width:128px; height:18px; overflow:hidden; background-color:'transparent'; z-index:100;}
  70. #leftlink a {width:128px; height:18px; line-height:12px; font-family:'consolas'; font-size:8px; text-transform:uppercase; text-align:center; padding:3px 0 3px 0; display:inline-block; margin-top:1px; margin-bottom:1px; letter-spacing:1px; color:{color:navlink}; background-color:{color:navlinkbg}; opacity:0.5; -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;}
  71. #leftlink a:hover {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.  
  73. /* TOP CENTER LINK */
  74. #centerlink {float:center; margin-left:213px; margin-top:95px; position:fixed; width:128px; height:18px; overflow:hidden; background-color:'transparent'; z-index:100;}
  75. #centerlink a {width:128px; height:18px; line-height:12px; font-family:'consolas'; font-size:8px; text-transform:uppercase; text-align:center; padding:3px 0 3px 0; display:inline-block; margin-top:1px; margin-bottom:1px; letter-spacing:1px; color:{color:navlink}; background-color:{color:navlinkbg}; opacity:0.5; -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;}
  76. #centerlink a:hover {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;}
  77.  
  78. /* TOP RIGHT LINK */
  79. #rightlink {float:center; margin-left:346px; margin-top:115px; position:fixed; width:128px; height:18px; overflow:hidden; background-color:'transparent'; z-index:100;}
  80. #rightlink a {width:128px; height:18px; line-height:12px; font-family:'consolas'; font-size:8px; text-transform:uppercase; text-align:center; padding:3px 0 3px 0; display:inline-block; margin-top:1px; margin-bottom:1px; letter-spacing:1px; color:{color:navlink}; background-color:{color:navlinkbg}; opacity:0.5; -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;}
  81. #rightlink a:hover {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;}
  82.  
  83. /* SIDEBAR IMAGES */
  84. #leftimage {float:center; margin-left:80px; margin-top:135px; position:fixed; width:120px; height:200px; overflow:hidden; background-color:'transparent'; border:1px solid {color:imgborder}; padding:3px;}
  85. .leftimg img {max-width:120px; height:auto;}
  86. #centerimage {float:center; margin-left:213px; margin-top:115px; position:fixed; width:120px; height:240px; overflow:hidden; background-color:'transparent'; border:1px solid {color:imgborder}; padding:3px;}
  87. .centerimg img {max-width:120px; height:auto;}
  88. #rightimage {float:center; margin-left:346px; margin-top:135px; position:fixed; width:120px; height:200px; overflow:hidden; background-color:'transparent'; border:1px solid {color:imgborder}; padding:3px;}
  89. .rightimg img {max-width:120px; height:auto;}
  90.  
  91. /* SIDEBAR */
  92. #sidebar {float:center; margin-left:100px; margin-top:370px; position:fixed; width:340px; height:100px; overflow:auto; padding:6px 8px 6px 8px; color:{color:sidebartext}; background-color:{color:sidebarbg};}
  93.  
  94. /* PAGINATIONS */
  95. #pagenavleft {float:center; margin-left:100px; margin-top:485px; position:fixed; width:160px; height:12px; overflow:hidden; padding:6px 8px 6px 8px; background-color:'transparent';}
  96. #paginationleft {margin-left:0px; margin-top:-10px;}
  97. #paginationleft a {width:160px; height:12px; line-height:12px; font-family:'consolas'; font-size:18px; text-transform:uppercase; text-align:center; padding:3px 0 3px 0; display:inline-block; margin-top:1px; margin-bottom:1px; letter-spacing:1px; color:{color:navlink}; background-color:{color:navlinkbg}; opacity:0.5; -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;}
  98. #paginationleft a:hover {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;}
  99.  
  100. #pagenavright {float:center; margin-left:280px; margin-top:485px; position:fixed; width:160px; height:12px; overflow:hidden; padding:6px 8px 6px 8px; background-color:'transparent';}
  101. #paginationright {margin-left:0px; margin-top:-10px;}
  102. #paginationright a {width:160px; height:12px; line-height:12px; font-family:'consolas'; font-size:18px; text-transform:uppercase; text-align:center; padding:3px 0 3px 0; display:inline-block; margin-top:1px; margin-bottom:1px; letter-spacing:1px; color:{color:navlink}; background-color:{color:navlinkbg}; opacity:0.5; -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;}
  103. #paginationright a:hover {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;}
  104.  
  105. /* POST TITLES */
  106. #title1 {font-size:20px; font-family:'verdana'; color:{color:text}; text-align:center}
  107. #title2 {font-size:16px; font-family:'verdana'; color:{color:text}; text-align:center}
  108.  
  109. /* TAGS */
  110. #tags {width:520px; padding:0px; background-color:{color:background}; color:{color:sidebartext}; font:8px 'consolas'; text-transform:uppercase; text-align:center; letter-spacing:1px; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; transition:all 0.5s ease-out}
  111. #tags hover {opacity:1; -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;}
  112. #tags a {color:{color:link};}
  113. #tag a:hover {color:{color:linkhover};}
  114.  
  115. /* POST INFO */
  116. #info {width:520px; padding:0px; background-color:{color:background}; color:{color:sidebartext}; font:8px 'consolas'; text-transform:uppercase; line-height:120%; text-align:center; letter-spacing:1px; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; transition:all 0.5s ease-out;}
  117. #info:hover {opacity:1; -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}
  118. #info a {color:{color:link};}
  119. #info a:hover {color:{color:linkhover};}
  120.  
  121. /* SOURCE */
  122. #source {margin-top:3px; text-align:right; font-size:10px}
  123.  
  124. /* CHAT POST COLORS */
  125. .user_1 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  126. .user_2 .label {color:{color:text}; text-transform:uppercase; font-weight:bold}
  127. .user_3 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  128. .user_4 .label {color:{color:text}; text-transform:uppercase; font-weight:bold}
  129. .user_5 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  130. .user_6 .label {color:{color:text}; text-transform:uppercase; font-weight:bold}
  131. .user_7 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  132. .user_8 .label {color:{color:text}; text-transform:uppercase; font-weight:bold}
  133. .user_9 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  134. .user_10 .label {color:{color:text}; text-transform:uppercase; font-weight:bold}
  135. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px}
  136.  
  137. /* QUESTIONS */
  138. #asks {
  139. background-color:{color:questionbg};
  140. padding:10px;
  141. width:500px;
  142. word-wrap:break-word;}
  143. #question {
  144. background-color: none;
  145. color:{color:text};
  146. text-align: justify;
  147. font-family: 'verdana';
  148. font-size: 9px;
  149. margin-left: 50px;
  150. padding:12px;}
  151. #portrait {
  152. float:left;
  153. width:48px;
  154. height:48px;
  155. position: absolute;}
  156. #answer {
  157. padding-top:7px;
  158. text-align: justify;
  159. margin-top: -3px;}
  160.  
  161. /* AUDIO POSTS */
  162. #audio {width:100%; height:100px; margin-bottom:5px}
  163. .albumart {float:left; width:100px; height:100px}
  164. .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}
  165. .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}
  166. .audioinfo {margin-left:110px; line-height:170%; font-family:'consolas'; text-transform:uppercase; font-size:10px}
  167.  
  168. /* TEXT EFFECTS */
  169. b, strong {color:{color:text};}
  170. i, em {color:{color:text};}
  171. blockquote {border-left:2px solid {color:link}; padding-left:6px; margin:5px;}
  172. hr {display: block; height: 1px; border: 0; border-top: 1px solid {color:link}; padding: 0;}
  173.  
  174. /* CREDIT -- DO NOT REMOVE */
  175. #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;}
  176.  
  177. </style>
  178. </head>
  179.  
  180.  
  181. <body>
  182. <!-- SIDEBAR LINKS -->
  183. <div id="leftlink">
  184. <a href="{text:link 1 URL}">{text:link 1}</a>
  185. </div>
  186.  
  187. <div id="centerlink">
  188. <a href="{text:link 2 URL}">{text:link 2}</a>
  189. </div>
  190.  
  191. <div id="rightlink">
  192. <a href="{text:link 3 URL}">{text:link 3}</a>
  193. </div>
  194.  
  195. <!-- SIDEBAR IMAGES -->
  196. <div id="leftimage">
  197. <div class="leftimg" align="center">
  198. <img src="{image:leftimg}" />
  199. </div>
  200. </div>
  201.  
  202. <div id="centerimage">
  203. <div class="centerimg" align="center">
  204. <img src="{image:centerimg}" />
  205. </div>
  206. </div>
  207.  
  208. <div id="rightimage">
  209. <div class="rightimg" align="center">
  210. <img src="{image:rightimg}" />
  211. </div>
  212. </div>
  213.  
  214. <!-- SIDEBAR -->
  215. <div id="sidebar">
  216. {Description}
  217. </div>
  218.  
  219. <!-- PAGINATIONS -->
  220. <div id="pagenavleft">
  221. <div id="paginationleft">
  222. <center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&larr;</a>{/block:PreviousPage}{/block:Pagination}
  223. </center>
  224. </div>
  225. </div>
  226.  
  227. <div id="pagenavright">
  228. <div id="paginationright">
  229. <center>{block:Pagination}{block:NextPage}<a href="{NextPage}">&rarr;</a> {/block:NextPage}{/block:Pagination}
  230. </center>
  231. </div>
  232. </div>
  233.  
  234. <!-- ENTRIES -->
  235. <div id="entries">{block:Posts}<div id="posts">
  236.  
  237. {block:Quote}
  238. <div id="title2">❝<i><font face="georgia">{Quote}</font></i>❞</div>
  239. {block:Source}<div id="source">— {Source}</div>{/block:Source}
  240. {/block:Quote}
  241.  
  242. {block:Title}<div id="title1">{Title}</div>{/block:Title}
  243. {block:Text}{Body}{/block:Text}
  244.  
  245. {block:Link}
  246. <div id="title1"><a href="{URL}" class="link" {Target}>{Name}</a></div>{block:Description}<div class="description">{Description}</div>{/block:Description}
  247. {/block:Link}
  248.  
  249. {block:Photo}
  250. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  251. {/block:Photo}
  252. {block:Photoset}
  253. <center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}
  254. {/block:Photoset}
  255.  
  256. {block:Chat}
  257. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  258. {/block:Chat}
  259.  
  260. {block:Video}
  261. {Video-500}{block:Caption}{Caption}{/block:Caption}
  262. {/block:Video}
  263.  
  264. {block:Answer}
  265. <div id="asks">
  266. <div id="portrait"><span style="width:48px;height:48px;"><img src="{AskerPortraitURL-48}"></span></div>
  267. <div id="question"><span style="font-size:11px;text-transform:uppercase;font-family:consolas">{asker}: </span></br>{Question} </br></div></div>
  268. <div id="answer">{Answer}</div>
  269. {/block:Answer}
  270.  
  271. {block:Audio}
  272. <div id="audio">
  273. <div class="player">{AudioPlayerWhite}</div>
  274. <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>
  275. <div class="audioinfo"><br>
  276. <b>SONG:</b> {block:TrackName}{TrackName}{/block:TrackName}<br>
  277. <b>ARTIST:</b> {block:Artist}{Artist}{/block:Artist}<br>
  278. <b>ALBUM:</b> {block:Album}{Album}{/block:Album}<br>
  279. <b>PLAYS:</b> {PlayCount} times</div></div>
  280. {block:Caption}{Caption}{/block:Caption}
  281. {/block:Audio}
  282. </div>
  283.  
  284.  
  285. <div id="info">
  286. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount} | {NoteCountWithLabel}{/block:NoteCount} {block:ContentSource} | &copy;<a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}</div>
  287.  
  288. {block:HasTags}<div id="tags">{block:Tags}#<a href="{TagUrl}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  289.  
  290. <BR><BR>
  291. {/block:posts}{block:PostNotes}{PostNotes}{/block:PostNotes}
  292. </div></div>
  293.  
  294. <!-- CREDIT -- DO NOT REMOVE -->
  295. <div id="cred"><a href="http://mikechangjunior.tumblr.com">♕</a></div>
  296.  
  297. </body>
  298. </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!