API tools faq
paste
Advertisement
Guest User

MSPA Layout (FINAL)

a guest
May 5th, 2012
2,277
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.66 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <meta name="image:Background" content=""/>
  4. <meta name="image:Candycorn" content="http://www.mspaintadventures.com/images/candycorn.gif"/>
  5. <meta name="image:Main Page" content="http://www.mspaintadventures.com/storyfiles/hs2/00001.gif"/>
  6. <meta name="image:Top Banner" content="http://www.mspaintadventures.com/storyfiles/hs2/scratch/room104.gif"/>
  7. <meta name="text:Custom Asker Text" content="said"/>
  8. <meta name="text:Fake Link Text" content="Enter name."/>
  9. <meta name="text:Sidebar Link Text" content="NAVIGATION"/>
  10. <meta name="text:Top Banner Hover" content="RAAARARRAAUUUAAAAUUAGHGHGGHGGGGHHGH! *flip*"/>
  11. <meta name="text:Main Title" content="Homestuck"/>
  12. <meta name="text:Main Text" content="A young man stands in his bedroom. It just so happens that today, the 13th of April, is this young man's birthday. Though it was thirteen years ago he was given life, it is only today he will be given a name! <br><br>What will the name of this young man be?"/>
  13. <meta name="text:Top Title" content="Blog Adventures"/>
  14. <meta name="text:Top Link One" content="Top Link"/>
  15. <meta name="text:Top Link One URL" content=""/>
  16. <meta name="text:Top Link Two" content="Top Link"/>
  17. <meta name="text:Top Link Two URL" content=""/>
  18. <meta name="text:Top Link Three" content="Top Link"/>
  19. <meta name="text:Top Link Three URL" content=""/>
  20. <meta name="text:Top Link Four" content="Top Link"/>
  21. <meta name="text:Top Link Four URL" content=""/>
  22. <meta name="text:Custom Link One" content="Custom Link"/>
  23. <meta name="text:Custom Link One URL" content=""/>
  24. <meta name="text:Custom Link Two" content="Custom Link"/>
  25. <meta name="text:Custom Link Two URL" content=""/>
  26. <meta name="text:Custom Link Three" content="Custom Link"/>
  27. <meta name="text:Custom Link Three URL" content=""/>
  28. <meta name="text:Custom Link Four" content="Custom Link"/>
  29. <meta name="text:Custom Link Four URL" content=""/>
  30. <meta name="text:Custom Link Five" content="Custom Link"/>
  31. <meta name="text:Custom Link Five URL" content=""/>
  32. <meta name="text:Custom Link Six" content="Custom Link"/>
  33. <meta name="text:Custom Link Six URL" content=""/>
  34. <meta name="text:Custom Link Seven" content="Custom Link"/>
  35. <meta name="text:Custom Link Seven URL" content=""/>
  36. <meta name="color:Top Title Color" content="#FFFFFF"/>
  37. <meta name="color:Follow Dash Color" content="#2CFF4B"/>
  38. <meta name="color:Link Pair One" content="#2DFAF8"/>
  39. <meta name="color:Link Pair Two" content="#FFFA36"/>
  40. <meta name="color:Ask Submit Color" content="#FFBC3E"/>
  41. <meta name="color:Background" content="#535353"/>
  42. <meta name="color:Secondary Background" content="#C6C6C6"/>
  43. <meta name="color:Tertiary Background" content="#DDDDDD"/>
  44. <meta name="color:Fourth Background" content="#EEEEEE"/>
  45. <meta name="color:Post Titles" content="#8F8F8F"/>
  46. <meta name="color:Dates" content="#000000"/>
  47. <meta name="color:Body Text" content="#A8A8A8"/>
  48. <meta name="color:Permalinks" content="#0000FF"/>
  49. <meta name="color:Tags" content="#686868"/>
  50. <meta name="color:Post Underline" content="#D3D3D3"/>
  51. <meta name="if:Show Top Banner" content="1"/>
  52. <meta name="if:Show Tumblr Controls" content="1"/>
  53. <meta name="if:Show Submit Link" content="1"/>
  54. <meta name="if:Show Comic Page" content="1"/>
  55.  
  56. <head>
  57.  
  58. <title>{Title}</title>
  59. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  60. <link rel="shortcut icon" href="{Favicon}">
  61.  
  62. <script language="JavaScript">
  63. <!--
  64. function gotoSite(obj)
  65. {
  66. var s;
  67. s=obj.options[obj.selectedIndex].value;
  68. location.href=s;
  69. }
  70. -->
  71. </script>
  72.  
  73. <style type="text/css">
  74.  
  75. body {
  76. font-size: 10px;
  77. margin-top: 0px;
  78. margin-bottom: 0px;
  79. font-family: Courier New !important;
  80. color: {color:Body Text};
  81. background:{color:Background} url('{image:Background}') fixed;}
  82.  
  83. a {color: {color:Permalinks};}
  84. a.t {color:{color:Top Title Color};}
  85. a.fd {color: {color:Follow Dash Color};}
  86. a.tl12 {color: {color:Link Pair One}}
  87. a.tl34 {color: {color:Link Pair Two}}
  88. a.as {color: {color:Ask Submit Color}}
  89. a.tag {color: {color:Tags};}
  90.  
  91. img {border:none;}
  92. img.corn {height: 16px; width: 16px; vertical-align: middle;}
  93. img.banner {margin: -3px;}
  94. img.following {width: 34px; height: 34px;}
  95.  
  96. div.navigation {
  97. margin: 0px;
  98. text-transform: uppercase;
  99. text-align: center;
  100. font-family: verdana !important;
  101. font-size: 9px !important;
  102. font-weight: bold !important;
  103. padding: 2px;
  104. background-color: black;}
  105. div.comictitle {
  106. padding: 20px; text-align: center; font-size: 30px; color: black;}
  107. div.comictext {
  108. color: black;
  109. padding: 20px;
  110. text-align:center;
  111. font-weight: bold;
  112. letter-spacing: 1px;}
  113. div.comiclinks {
  114. padding-left: 20px;
  115. padding-bottom: 1px;
  116. text-align: left;
  117. font-family: verdana;
  118. font-size: 25px;
  119. line-height: 10px;}
  120. div.comiclinks a {
  121. text-decoration: underline;}
  122. div.posts {width:580px; overflow: hidden; z-index:-1; padding: 15px; white-space:normal;}
  123. div.posttop {
  124. text-align: justify;
  125. padding: 3px;
  126. margin-top: 3px;
  127. margin-bottom: 5px;
  128. border-top: 1px solid {color:Post Underline};}
  129. div.posts blockquote {
  130. margin: 0 0 0 5px;
  131. padding-left: 3px;
  132. border-left: 1px solid {color:Post Underline};}
  133. div.sidebar {
  134. text-align: center;
  135. vertical-align: top;
  136. padding: 5px;
  137. background-color: {color:Tertiary Background};}
  138. div.description {padding: 10px; padding-bottom: 15px;}
  139. div.nav2 {padding: 2px; background-color: {color:Fourth Background};}
  140. div.credit {
  141. padding: 8px;
  142. text-align: center;
  143. font-size: 10px;
  144. font-family: verdana;
  145. color: {color:Fourth Background};}
  146.  
  147. ol.notes {
  148. padding: 15px;
  149. list-style-type: none;
  150. text-transform: lowercase;
  151. text-decoration: none;}
  152. ol.notes li.note {
  153. padding: 1px;
  154. text-align: left;
  155. text-transform: lowercase;
  156. text-decoration: none;
  157. }
  158. .notes img {
  159. width: 10px;
  160. position: relative;
  161. top: 1px;
  162. }
  163.  
  164. table {padding: 0px; font-size: 12px;}
  165.  
  166. {block:IfNotShowTumblrControls}
  167. iframe#tumblr_controls {
  168. opacity: 0;
  169. filter:alpha(opacity=0);
  170. -moz-opacity: 0;
  171. -khtml-opacity: 0;
  172. -webkit-transition: all 0.5s ease;
  173. -moz-transition: all 0.5s ease;
  174. -o-transition: all 0.5s ease}
  175. {/block:IfNotShowTumblrControls}
  176.  
  177. {block:IfShowTumblrControls}
  178. iframe#tumblr_controls {
  179. opacity: 0.5;
  180. -moz-opacity: 0.5;
  181. -khtml-opacity: 0.5;
  182. -webkit-transition: all 0.5s ease;
  183. -moz-transition: all 0.5s ease;
  184. -o-transition: all 0.5s ease}
  185. iframe#tumblr_controls:hover {
  186. -webkit-transition: opacity 0.7s linear;
  187. opacity: 1;
  188. -webkit-transition: all 0.4s ease-out;
  189. -moz-transition: all 0.4s ease-out;
  190. transition: all 0.4s ease-out;}
  191. {/block:IfShowTumblrControls}
  192.  
  193. </style>
  194.  
  195. </head>
  196. <body>
  197.  
  198. <table class="second" width="940" border="0" align="center" cellpadding="0" cellspacing="0">
  199.  
  200. <tr><td align="center">
  201. {block:IfShowTopBanner}
  202. <a href="/">
  203. <img src="{image:Top Banner}" title="{text:Top Banner Hover}" class="banner">
  204. </a>
  205. {/block:IfShowTopBanner}
  206. <div class="navigation">
  207. {block:IfTopTitle}
  208. <a href="/" class="t">{text:Top Title}</a>
  209. &nbsp;<img src="{image:Candycorn}" class="corn">&nbsp;
  210. {/block:IfTopTitle}
  211. <a href="http://www.tumblr.com/follow/{Name}/" class="fd">FOLLOW</a>
  212. <font color="#bbbbbb">|</font>
  213. <a href="http://www.tumblr.com/dashboard/" class="fd">DASHBOARD</a>
  214. &nbsp;<img src="{image:Candycorn}" class="corn">&nbsp;
  215. {block:IfTopLinkOne}
  216. <a href="{text:Top Link One URL}" class="tl12">{text:Top Link One}</a>
  217. {block:IfTopLinkTwo}
  218. <font color="#bbbbbb">|</font>
  219. <a href="{text:Top Link Two URL}" class="tl12">{text:Top Link Two}</a>
  220. {/block:IfTopLinkTwo}
  221. &nbsp;<img src="{image:Candycorn}" class="corn">&nbsp;
  222. {/block:IfTopLinkOne}
  223. {block:IfTopLinkThree}
  224. <a href="{text:Top Link Three URL}" class="tl34">{text:Top Link Three}</a>
  225. {block:IfTopLinkFour}
  226. <font color="#bbbbbb">|</font>
  227. <a href="{text:Top Link Four URL}" class="tl34">{text:Top Link Four}</a>
  228. {/block:IfTopLinkFour}
  229. &nbsp;<img src="{image:Candycorn}" class="corn">&nbsp;
  230. {/block:IfTopLinkThree}
  231. <a href="http://{Name}.tumblr.com/ask" class="as">ASK</a>
  232. {block:IfShowSubmitLink}
  233. <font color="#bbbbbb">|</font>
  234. <a href="http://{Name}.tumblr.com/submit" class="as">SUBMIT</a>
  235. {/block:IfShowSubmitLink}
  236. </div>
  237. </td></tr>
  238.  
  239. <tr><td style="background-color: {color:Secondary Background};" valign="top" align="center" border="0" cellpadding="0" cellspacing="0">
  240.  
  241. <table>
  242.  
  243. {block:IfShowComicPage}
  244. <tr><td bgcolor="{color:Fourth Background}" width="600px">
  245. <div class="comictitle">
  246. <b>{text:Main Title}</b>
  247. </div>
  248. <img src="{image:Main Page}" width="650" height="450">
  249. <div class="comictext">{text:Main Text}</div>
  250. <div class="comiclinks">> <a>{text:Fake Link Text}</a>
  251. <p>{block:Pagination}<font face="verdana" size="2"><b>
  252. <a href="http://{Name}.tumblr.com/">Start Over</a> |
  253. <a href="{block:PreviousPage}{PreviousPage}{/block:PreviousPage}/">Go Back</a> |
  254. <a href="{block:NextPage}{NextPage}{/block:NextPage}/">Go Forward</a>
  255. </b></font>
  256. {/block:Pagination}</div>
  257. </td></tr>
  258. {/block:IfShowComicPage}
  259.  
  260. <table style="width: 940px; padding: 5px;" cellpadding="0" cellspacing="0" valign="top">
  261.  
  262. <td style="background-color: {color:Tertiary Background};" valign="top">
  263. <div class="posts">
  264. {block:Posts}
  265.  
  266. {block:IndexPage}
  267. <b><font color="{color:Dates}">
  268. Posted at {12Hour}:{Minutes}{AmPm} on {Month} {DayOfMonth}{DayOfMonthSuffix}</font> - <a href="{Permalink}" style="text-decoration: none;">{NoteCount} NOTES</a></b>
  269. {block:HasTags}<sup><br>
  270. {block:Tags}
  271. <a href="{TagURL}" class="tag">#{Tag}</font></a>&nbsp;
  272. {/block:Tags}
  273. </sup>{/block:HasTags}
  274. <div class="posttop"><br>
  275. {/block:IndexPage}
  276.  
  277. {block:Text}
  278. <font color="{color:Post Titles}"><b><big>{Title}</big></b></font>
  279. {Body}
  280. {/block:Text}
  281.  
  282. {block:Photo}
  283. {LinkOpenTag}
  284. <center><img style="width:500px;" src="{PhotoURL-500}" alt="{PhotoAlt}"/></center>
  285. {LinkCloseTag}
  286. {block:Caption}
  287. {Caption}
  288. {/block:Caption}
  289. {/block:Photo}
  290.  
  291. {block:Photoset}
  292. <center>{Photoset-500}</center>
  293. {block:Caption}
  294. {Caption}
  295. {/block:Caption}
  296. {/block:Photoset}
  297.  
  298. {block:Quote}
  299. <big><big><a>{Quote}</a></big></big>
  300. {block:Source}
  301. <br><sub><div align="right"><b>-- {Source}</b></div></sub>
  302. {/block:Source}
  303. {/block:Quote}
  304.  
  305. {block:Link}
  306. <a href="{URL}" style="text-decoration: none;"><font color="{color:Post Titles}"><b><big>{Name} →</big></b></font></a><p>
  307. {block:Description}
  308. {Description}
  309. {/block:Description}
  310. {/block:Link}
  311.  
  312. {block:Chat}
  313. {block:Lines}
  314. {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  315. {/block:Lines}
  316. {/block:Chat}
  317.  
  318. {block:Video}
  319. <center>{Video-500}</center>
  320. {block:Caption}
  321. {Caption}
  322. {/block:Caption}
  323. {/block:Video}
  324.  
  325. {block:Audio}
  326.  
  327. {block:AlbumArt}<img src="{AlbumArtURL}" width="207" height="207"><br>
  328. {/block:AlbumArt}
  329. {AudioPlayerBlack}<sub><b>
  330. {block:Artist}{Artist} - {/block:Artist}{block:TrackName}{TrackName}
  331. <br>{/block:TrackName}{PlayCount} PLAYS</b></sub>
  332. <p>
  333. {block:Caption}
  334. {Caption}
  335. {/block:Caption}
  336. {/block:Audio}
  337.  
  338. {block:Answer}
  339. <b>{Asker}{block:IfCustomAskerText} {text:Custom Asker Text}{/block:IfCustomAskerText}: {Question}</b>
  340. <p>
  341. {Answer}
  342. {/block:Answer}
  343.  
  344. {block:IndexPage}
  345. <p>
  346. {/block:IndexPage}
  347.  
  348. {block:PermalinkPage}
  349. <center>
  350. {block:RebloggedFrom}VIA: <a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-24}" align="ABSMIDDLE"></a> ORIGIN: <a href="{ReblogRootURL}"><img src="{ReblogRootPortraitURL-24}" align="ABSMIDDLE"></a>
  351. {/block:RebloggedFrom}
  352. </center>
  353. {block:PostNotes}{PostNotes}{/block:PostNotes}
  354. {/block:PermalinkPage}
  355.  
  356. </div>
  357. {/block:Posts}
  358.  
  359. {block:Pagination}
  360. <font face="verdana" size="2"><b><center>
  361. <a href="http://{Name}.tumblr.com/">Start Over</a> |
  362. <a href="{block:PreviousPage}{PreviousPage}{/block:PreviousPage}/">Go Back</a> |
  363. <a href="{block:NextPage}{NextPage}{/block:NextPage}/">Go Forward</a>
  364. </center></b></font>
  365. {/block:Pagination}
  366. <p>
  367.  
  368. </div>
  369. </td>
  370.  
  371. <td width="5px"></td>
  372.  
  373. <td valign="top">
  374. <div class="sidebar">
  375. <div class="description">{Description}</div>
  376. <div class="nav2">
  377. <span style="font-size: 10px; line-height: normal">
  378. -- <select size="1" name="cid" language="JavaScript" onchange="gotoSite(this)">
  379. <option selected value="http://{Name}.tumblr.com/">{text:Sidebar Link Text}</option>
  380. {block:IfCustomLinkOne}<option value="{text:Custom Link One URL}">{text:Custom Link One}</option>{/block:IfCustomLinkOne}
  381. {block:IfCustomLinkTwo}<option value="{text:Custom Link Two URL}">{text:Custom Link Two}</option>{/block:IfCustomLinkTwo}
  382. {block:IfCustomLinkThree}<option value="{text:Custom Link Three URL}">{text:Custom Link Three}</option>{/block:IfCustomLinkThree}
  383. {block:IfCustomLinkFour}<option value="{text:Custom Link Four URL}">{text:Custom Link Four}</option>{/block:IfCustomLinkFour}
  384. {block:IfCustomLinkFive}<option value="{text:Custom Link Five URL}">{text:Custom Link Five}</option>{/block:IfCustomLinkFive}
  385. {block:IfCustomLinkSix}<option value="{text:Custom Link Six URL}">{text:Custom Link Six}</option>{/block:IfCustomLinkSix}
  386. {block:IfCustomLinkSeven}<option value="{text:Custom Link Seven URL}">{text:Custom Link Seven}</option>{/block:IfCustomLinkSeven}
  387. {block:IfCustomLinkEight}<option value="{text:Custom Link Eight URL}">{text:Custom Link Eight}</option>{/block:IfCustomLinkEight}
  388. </select> --
  389. </span>
  390. </div>
  391.  
  392. {block:Following}<div style="padding-top: 5px;">{block:Followed}
  393. <a href="{FollowedURL}"><img src="{FollowedPortraitURL-40}" class="following"></a>
  394. {/block:Followed}</div>{/block:Following}
  395.  
  396. </div>
  397.  
  398. <div class="credit">
  399. Theme inspired by <a href=http://www.mspaintadventures.com/>MS Paint Adventures</a>.
  400. <br>Theme created by <a href="http://teyuss.tumblr.com/">Teyuss</a>.
  401. </div>
  402. </td>
  403.  
  404. </table></table></table>
  405.  
  406. </body>
  407.  
  408. </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!