API tools faq
paste
Advertisement
lostmemento

[Old Theme] Grey Room

lostmemento
Apr 15th, 2011
15,194
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.37 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4.  
  5. <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=PT+Sans:regular,italic,bold,bolditalic|PT+Sans+Narrow:regular,bold">
  6.  
  7.  
  8. <!-- DO NOT REMOVE
  9.  
  10. GREY ROOM THEME MADE BY: lostmemento.tumblr.com
  11.  
  12. -->
  13.  
  14.  
  15.  
  16. <!-- DEFAULT VARIABLES -->
  17. <meta name="image:Header" content="" />
  18. <meta name="color:bar1" content="#888888" />
  19. <meta name="color:titlelinkbg" content="#b3b3b3" />
  20. <meta name="color:titlelink" content="#ffffff" />
  21. <meta name="color:titlehighlight" content="#c9c9c9" />
  22. <meta name="text:sidebartitle" content="" />
  23. <meta name="color:bar2" content="#f5f5f5" />
  24. <meta name="color:sbaccentcolor" content="#ebebeb" />
  25. <meta name="color:accent" content="#d7d7d7" />
  26. <meta name="color:text" content="#666666" />
  27. <meta name="color:entries" content="#ffffff" />
  28. <meta name="color:postinfo" content="#f6f6f6" />
  29. <meta name="if:Show sidebar image" content="1"/>
  30. <meta name="image:Sidebar" content=""/>
  31. <meta name="if:Show search bar" content="1"/>
  32. <meta name="if:Show people I follow" content="1"/>
  33. <meta name="if:Enable Endless Scroll" content="0"/>
  34.  
  35.  
  36.  
  37.  
  38. <title>{Title}</title>
  39. <link rel="shortcut icon" href="{Favicon}">
  40. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  41. {block:Description}
  42. <meta name="description" content="{MetaDescription}" />
  43. {/block:Description}
  44.  
  45. {block:IfEnableEndlessScroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfEnableEndlessScroll}
  46.  
  47. <style type="text/css">
  48.  
  49. body {background-color: #f1f1f1; color:{color:text}; margin:0px; font-family: georgia, Arial, sans-serif;}
  50.  
  51. a {text-decoration: none}
  52. img a {border:0px;}
  53. b{font-weight: bold; color:{color:bold}}
  54. i{text-transform: italic; color:{color:text}}
  55. p{margin:3px 0 0 0; georgia, Arial, sans-serif; font-size: 10px;}
  56.  
  57. #title {margin: 0; color: #fff; font-size: 47px; font-family: georgia; text-shadow: #dadada 1px 1px 0px; letter-spacing: -1px; text-align: center; height:
  58.  
  59. 125px; font-style: italic; text-transform: lowercase; background-color: #f6f6f6;}
  60. #title a {color: #fff; text-decoration: none; }
  61. .titlespace {position: relative; top: 30px; text-align: center}
  62.  
  63. #container {width: 950px; margin: auto; margin-top: 20px}
  64.  
  65. .clear{clear: both}
  66.  
  67. /* SIDEBAR */
  68.  
  69. #sidebarbox {width: 240px; margin: 0px; padding: 5px; text-align: center; position: fixed;}
  70. #bar1 {background-color:{color:bar1}; width: 250px; height:15px; margin-bottom: 1px;}
  71. #titlelink, #titlelink a {background-color:{color:titlelinkbg}; display: block; font-family: arial; width: 250px; height:20px; color:{color:titlelink};
  72.  
  73. font-size: 8px; font-style: italic; letter-spacing: 2px; line-height: 18px; text-transform: uppercase; margin-bottom: 1px;}
  74. #titlelink:hover {background-color:{color:titlehighlight};}
  75. #bar2 {background-color: {color:bar2}; display: block; width: 250px; height:15px; margin-bottom: 1px;}
  76.  
  77. #sidebar {width: 240px; margin: 0px; padding: 5px; background-color: {color:entries}; display: block; }
  78.  
  79. #userpic {width: 106px; background-color:{color:sbaccentcolor}; padding: 5px 0 5px 0; text-align: center; margin-bottom: 1px; display: block; float:right;}
  80.  
  81. .sidelinks {text-align:center; }
  82. .sidelinks a{font-size: 10px; text-transform: uppercase; display: block; text-decoration: none; color: #bcbcbc; background-color: {color:sbaccentcolor};
  83.  
  84. padding: 2px 0; margin:0 0 1px 0; font-family: trebuchet ms; font-size: 10px; letter-spacing: 5px; line-height: 15px; text-shadow: #fff -1px 1px 0px;}
  85. .sidelinks a:hover {color: black;}
  86. #sidelinksdescript {text-align:center; color: #000; font-family: georgia; font-size: 8px; padding: 10px; letter-spacing: 1px; line-height: 100%;
  87.  
  88. text-transform: uppercase; }
  89. #sidelinksdescript a {text-decoration: none; color: black; font-family: georgia; font-size: 7px; font-weight: normal; }
  90. #sidelinksdescript .line{background-color: {color:sbaccentcolor}; height: 1px; margin: 3px 0px}
  91.  
  92. /* SEARCH */
  93.  
  94.  
  95. #search { border: 1px solid {color:sbaccentcolor}; margin-bottom: 3px;}
  96. #search-scope { padding-top: 0px; font-size: 9px; text-align: center;}
  97. #search-scope input, #container #sidebar #top #search-scope label { cursor: pointer; color: #dadada}
  98. #search form { margin: 0; }
  99. #search form .query { padding: 0px; border: none; background: transparent; outline: none; width: 125px; float: left; color: {color:Background}; }
  100. #search form .submit { background: {color:Background}; color: #fff; border: none; padding: 0px; margin: 2px 2px 2px 0; float: right; cursor: pointer;
  101.  
  102. font-size: 9px; text-transform: uppercase; }
  103. #search form .submit:hover {opacity: 0.9; filter: alpha(opacity=90); -ms- filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; }
  104.  
  105. /* NAVIGATION */
  106.  
  107. #navigation {background-color: {color:accent}; font-size: 10px; font-family: trebuchet ms; letter-spacing: 1px; text-align: center; color: #fff; width:
  108.  
  109. 250px; padding: 2px 0px; margin: 2px 0px;}
  110. #navigation a {text-decoration: none; color: #fff; padding: 0px 6px;}
  111. #navigation a:hover {background-color: #e1e1e1; padding: 0px 5px; border: 1px solid #fff;}
  112. #currentpage {background-color: #e1e1e1; padding: 0px 5px; display: inline}
  113. .jumppage {background-color: #e1e1e1; padding: 0px 3px; display: inline}
  114. #navigationtop {background-color:#666; font-size: 10px; font-family: trebuchet ms; letter-spacing: 1px; text-align: center; color: #fff; width: 250px;
  115.  
  116. padding: 2px 0px; opacity:0.4;filter:alpha(opacity=40); margin: 2px 0px;}
  117.  
  118. .credit,.credit a {text-decoration: none; font-size: 9px; text-shadow: #fff -1px 1px 0px; color: #bcbcbc;font-family: arial}
  119.  
  120.  
  121. /* ENTRIES */
  122.  
  123. #header {margin: 0px; text-align: center;}
  124.  
  125. #postcontainer {margin: 0 0 0 300px; padding: 5px; width: 700px; }
  126.  
  127. #post {width: 650px; margin: 15px 0px; font-family: tahoma; background-image: url(http://i53.tinypic.com/21143uh.png); }
  128. #posts {width: 500px; font-family: tahoma; background-color: {color:entries}; min-height: 110px}
  129. #posts p {margin: 0 15px; padding: 5px 0px; text-align: justify; max-width: 500px}
  130. #posts p img{max-width: 100%;}
  131. #posts ul {font-size: 12px; padding-bottom: 5px}
  132. #posts li a {text-transform: uppercase; color: #bcbcbc; text-decoration: none; padding: 0px 3px; font-size: 12px;}
  133. #posts li IMG {max-width: 100%}
  134. #posts blockquote {margin:2px 5px 0px 25px; padding: 2px; border-left: 4px solid {color:sbaccentcolor}; font-size: 12px; max-width: 500px}
  135.  
  136. #posts h1{font-size: 20px; letter-spacing: -1px; line-height: 20px; text-transform: uppercase; font-weight: normal; margin: 15px; margin-bottom: 2px;
  137.  
  138. border-bottom: 1px solid {color:sbaccentcolor}; font-family: 'PT Sans',georgia; text-align: center; padding-top: 10px; font-style: italic}
  139. #posts p a{background-color: {color:sbaccentcolor}; text-transform: uppercase; color: #bcbcbc; text-decoration: none; padding: 0px 3px; text-shadow: #fff
  140.  
  141. -1px 1px 0px;}
  142. #posts p a:hover{background-color: #bcbcbc; color: {color:entries}; text-decoration: none; border-bottom: 1px solid {color:sbaccentcolor}; text-shadow:
  143.  
  144. #838383 -1px 1px 0px;}
  145. #paddingbox {padding: 5px;}
  146. .caption {max-width: 495px; padding-bottom: 5px; word-wrap: break-word;}
  147. .caption img {max-width: 500px}
  148. .caption blockquote {max-width: 100px}
  149.  
  150.  
  151. /* DATE */
  152. #rightbox {position: absolute; height: auto;
  153. float: right; margin-left: 490px; width: 140px; text-align: center; color: {color:text}; font-family: georgia; padding: 10px}
  154. .day{font-size: 60px; color: #d2d2d2; line-height: 50%; padding-top: 10px; font-family: georgia;}
  155. .day a {color: #d2d2d2; text-decoration: none; font-family: georgia;}
  156. div.day:hover {color: #fff}
  157. .datebox {color: #fff}
  158. div.datebox:hover {color: #d2d2d2}
  159. .month{font-size: 18px; line-height: 70%; text-transform: uppercase; font-family: georgia;}
  160. .month a {color: #d2d2d2; text-decoration: none; font-family: georgia;}
  161. .time{font-size: 10px; font-weight: bold; margin-bottom: 14px; font-family: georgia;}
  162. .time a {color: #d2d2d2; text-decoration: none; font-family: georgia;}
  163. .year {font-size: 16px; font-weight: bold; line-height: 50%; font-family: georgia;}
  164. .year a {color: #d2d2d2; text-decoration: none; font-family: georgia;}
  165. .notesbox{font-size: 7px; font-family: 'PT Sans'; letter-spacing: 1px; text-transform: uppercase; background-color: {color:postinfo}; padding: 2px;
  166.  
  167. margin-left: 20px; margin-right: -12px; min-height: 11px; color: #3f3f3f}
  168. div.notesbox:hover {background-color: {color:entries}}
  169. .type {font-size: 24px; color: {color:postinfo}; line-height: 50%; text-transform: lowercase; font-family: georgia;}
  170.  
  171. /* QUOTES */
  172. #quotemarkleft{font-size: 180px; font-weight: bold; color:{color:sbaccentcolor}; font-family: georgia; padding-left: 5px; line-height: 80px; margin-top:
  173.  
  174. 20px}
  175. #quotemarkright{font-size: 180px; font-weight: bold; color:{color:sbaccentcolor}; font-family: georgia; padding-left: 5px; line-height: 1px; text-align:
  176.  
  177. right; position: relative; bottom: -30px; z-index: 0;}
  178. .qquote{font-size: 20px; letter-spacing: -1px; margin-top: -70px; font-family: georgia; font-style: italic; padding-left: 15px;}
  179. #quotesource{margin: 5px 15px 0 0; text-align: right; font-family: tahoma; text-transform: uppercase; font-size: 10px; color: #363636; z-index: 2; position:
  180.  
  181. relative;}
  182. #quotesource a {font-weight: bold; color: #000}
  183.  
  184. /* PHOTOS */
  185. .image {text-align: center; margin: 0}
  186. .image img{border: 0px}
  187. #zoom {position: relative; top: -45px; left: 500px; width: 45px; height: 45px; margin-bottom: -45px}
  188. #zoom a {font-family: 'PT SANS'; font-size: 12px; text-decoration: none; text-transform: uppercase; background-color: {color:sbaccentcolor}}
  189.  
  190. /* CHAT */
  191. .chat{list-style: none; font-family: 'pt sans'; font-size: 12px;}
  192. .chat ul {line-height: 15px; list-style: none; padding: 0px;}
  193. .line.odd {color: #999; background-color: #f4f4f4}
  194. .line.odd .label {font-weight: bold; padding: 3px; margin: 0 0 5px 0; color: #999; text-transform: uppercase;}
  195. .line.even {color: #636363}
  196. .line.even .label { font-weight: bold; padding: 3px; margin: 0 0 5px 0; color: #636363; text-transform: uppercase;}
  197.  
  198. /* AUDIO */
  199. #audiocontain { text-align:center; width: 500px; margin-bottom: 10px; background: url(http://i52.tinypic.com/2nu6uea.png);}
  200.  
  201. .audio {padding: 3px;width: 494px; border-top: 5px solid #eaeaea}
  202. .audio .player { text-align: center;}
  203.  
  204. .meta { padding: 8px 13px;height: 13px;float: left;color: #FFF; font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; font-size:
  205.  
  206. 11px;
  207. text-transform: lowercase;}
  208. .meta a { color: #666; text-decoration: none;}
  209.  
  210. .album_art {position: absolute; width: 250px; height: 250px; margin-left: 0; text-align: left}
  211. .album_art img {width: 250px; height: 250px; float:left}
  212.  
  213. #album_artduo { float: right; width: 250px; height: 250px; background-image: url(http://i51.tinypic.com/20z1nk9.png); background-color: {color:postinfo}; }
  214. #containermusic {position: relative; top: 65px; left:-40px}
  215. #containermusic ul, #containermusc li{list-style: none;}
  216. .contain {float:left; background-color: {color:entries}; padding: 3px 20px; overflow: auto; margin-bottom: 1px; font-family: 'PT Sans'; font-size: 12px;
  217.  
  218. color: #9b9b9b;}
  219. .contain:hover {background-color: #e1e1e1; color: #fff}
  220. #containermusic .contain ul, #containermusic .contain li {list-style: none;}
  221.  
  222. /* QUESTIONS */
  223.  
  224. .question {color: #bcbcbc; font-size: 12px; font-family: courier new; background: {color:postinfo}; -moz-border-radius: 8px 0px 0px 8px;
  225.  
  226. -webkit-border-radius: 8px 0px 0px 8px; border-radius: 8px 0px 0px 8px; margin: 0px 0px 10px 10px; padding: 25px 20px; position: relative; text-shadow: #fff
  227.  
  228. 1px 0 0}
  229.  
  230. .point { width: 13px; height: 7px; background: {color:postinfo} url('http://i54.tinypic.com/14l3ion.png'); position: absolute; bottom: -7px; left: 30px; }
  231. .asker_container {margin: 0 0 20px 35px; }
  232. .asker_container img { margin: 0 12px -7px 0; }
  233. .asker_container a.asker {color: #bcbcbc; font-size: 12px; text-decoration: none; font-weight: bold;}
  234.  
  235. /* LINKS */
  236. .linktitle {color: #bcbcbc; background-color: {color:sbaccentcolor}; padding: 5px; text-shadow: #fff -1px 1px 0px; border-bottom: 0px; display: block;
  237.  
  238. margin: 10px}
  239. .linktitle a {color: #bcbcbc; text-decoration: none; text-transform: uppercase; font-family: 'PT SANS'; font-style: italic; font-size: 20px; letter-spacing:
  240.  
  241. -1px}
  242.  
  243. /* SOURCES */
  244. #source {background-color: {color:postinfo}; font-family: 'PT Sans'; margin-top: 0px; color: #797979; font-size: 7px; letter-spacing: 1px; text-transform:
  245.  
  246. uppercase; padding: 5px 0px; padding-left: 15px; width: 485px; min-height: 18px; }
  247. #sourcenone {background-color: {color:postinfo}; font-family: 'PT Sans'; margin-top: 0px; color: #797979; font-size: 7px; letter-spacing: 1px;
  248.  
  249. text-transform: uppercase; padding: 3px 0px; padding-left: 15px; width: 485px;}
  250. #sourcepost {width: 250px; float: left;}
  251. #sourcepost a {color: #797979; font-size: 7px; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; }
  252. #reblogpost {float:right; text-align: right;}
  253. #reblogpost a {color: #797979; font-size: 7px; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; text-align: right; }
  254.  
  255. /* TAGS */
  256. #footercontainer {background-color: {color:accent}; padding: 2px 0px; padding-left: 15px; width: 485px; display: block; position: relative; bottom: 0px;
  257.  
  258. min-height: 10px}
  259. .tags,.tags a {color: #fff; font-family: tahoma;font-size: 7px; display: inline; text-transform: uppercase; letter-spacing: 1px; text-decoration: none;
  260.  
  261. text-align: left;}
  262. .tag-commas:last-child {display: none;}
  263.  
  264. /* NOTES */
  265.  
  266. #notes {width: 490px; padding: 5px; background-image: url(http://i53.tinypic.com/21143uh.png); margin-top: -15px}
  267. ol.notes {list-style: none; margin: 0px; padding: 0px; width: 480px; font-size: 12px; color: #808080; max-width: 500px}
  268. ol.notes a {color: #fff; text-decoration: none; padding: 0px 3px; background-color: #d2d2d2}
  269. ol.notes li {margin: 0 30px 0 10px; padding: 2px; width: 470px; }
  270. #notes img{border: 0px}
  271.  
  272. /* FOLLOWING */
  273. #following {background-image: url(http://i53.tinypic.com/21143uh.png); padding: 5px; position: relative; bottom: 0; clear:both; margin-right: 50px;
  274.  
  275. margin-top: 20px}
  276. #following-avatars.content {padding: 4px; text-align: justify; background-image: url(http://i53.tinypic.com/21143uh.png); position: relative; bottom: 0px;
  277.  
  278. text-align: center}
  279. #following-avatars.content a img {margin: 2px; border: 1px solid #fff; padding: 3px; background-color: #f6f6f6}
  280. </style>
  281. </head>
  282.  
  283.  
  284.  
  285. <body>
  286. {block:IfHeaderImage}<div id="header"><img src="{image:header}"></div>{/block:IfHeaderImage}
  287. <!----------------------------SIDEBAR--------------------->
  288. <div id="container"><div id="sidebarbox">
  289. <img src="{image:sidebar}" style="margin-bottom: 2px; max-width: 250px">
  290. <div id="bar1"></div>
  291. <a href="/"><div
  292.  
  293. id="titlelink">{block:IfSidebartitle}{text:sidebartitle}{/block:IfSidebartitle}{block:IfNotSidebartitle}{Title}{/block:IfNotSidebartitle}</div></a>
  294. <div id="bar2"></div>
  295. <div id="sidebar">
  296. <div id="userpic" align="right"><img src="{PortraitURL-96}"></div>
  297. <div class="sidelinks" style="margin-top: 10px">{block:AskEnabled} <a href="/ask">ask box</a>{/block:AskEnabled} <a href="/archive">archive</a> <a
  298.  
  299. href="/random">random</a></div>
  300.  
  301. <div id="sidelinksdescript">{block:Description}{Description}{/block:Description}</div>
  302.  
  303. {block:IfShowSearchBar}
  304. <div id="search">
  305. <form action="/search" method="get" id="search-form">
  306. <input type="hidden" name="t" value="{Name}" />
  307. <input type="hidden" name="scope" value="all_of_tumblr" />
  308. <input type="text" name="q" class="query" value="{SearchQuery}" />
  309. <input type="image" src="http://i53.tinypic.com/t68qiv.png" class="submit"
  310.  
  311. onclick="document.getElementById('search-form').action='/search'"/>
  312. <div class="clear"></div>
  313. </form>
  314. </div>
  315. {/block:IfShowSearchBar}
  316. {block:HasPages}
  317. <div class="sidelinks">{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}
  318. </div>{/block:HasPages}</div>
  319.  
  320. <!----------------------------PAGE NAVIGATION--------------------->
  321. <div id="navigation">
  322. {block:Pagination}
  323. {block:PreviousPage}<a href="{PreviousPage}"><</a>{/block:PreviousPage}
  324.  
  325. {block:JumpPagination length="5"}{block:CurrentPage}
  326. <div id="currentpage">{PageNumber}</div>{/block:CurrentPage}
  327. {block:JumpPage} <a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage} {/block:JumpPagination}
  328.  
  329.  
  330. {block:NextPage} · {TotalPages} <a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}</div>
  331.  
  332.  
  333. <a href="#" onclick="Effect.ScrollTo('title'); return false;" id="topscroll"><div id="navigationtop">BACK TO TOP</div></a>
  334.  
  335. <!----------------------------DO NOT REMOVE--------------------->
  336. <div class="credit"><a href="http://lostmemento.tumblr.com">THEME BY LOSTMEMENTO</a> + TUMBLR</div></div>
  337.  
  338.  
  339. <!----------------------------POSTS--------------------->
  340. <div class="clear"></div>
  341. <div id="postcontainer">{block:IfEnableEndlessScroll}<div class="autopagerize_page_element">{/block:IfEnableEndlessScroll}
  342. {block:Posts}
  343.  
  344. <div id="post">
  345. <div id="posts">
  346. <!----------------------------DATE AND INFO--------------------->
  347. <div id="rightbox" style="text-align: center">{block:Date}<a href="{Permalink}"><div class="datebox"><div class="day">{DayOfMonthWithZero}</div><div
  348.  
  349. class="month">{ShortMonth}</div><div class="year">{Year}</div><div class="time">{12Hour}:{Minutes}{CapitalAmPm}</div></div></a>{/block:Date}
  350. <div class="clear"></div>
  351. <a href="{Permalink}"><div class="type">*{PostType}</div>{block:NoteCount}<div class="notesbox">{NoteCountWithLabel}</div>{/block:NoteCount}</a></div>
  352.  
  353. <!----------------------------POSTS--------------------->
  354.  
  355. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}<div class="caption">{Body}</div>{/block:Text}
  356.  
  357. <!----------------------------PHOTOS--------------------->
  358.  
  359. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div> {block:HighRes}<a href="{PhotoURL-HighRes}"><div id="zoom"><img
  360.  
  361. src="http://i55.tinypic.com/2viqdsl.png" border="0"></div></a>{/block:HighRes}{LinkCloseTag}
  362. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  363. {/block:Photo}
  364.  
  365. {block:Photoset}<div class="image">{Photoset-500}</div>
  366. <div style="padding-bottom: 5px;">{block:Caption}{Caption}{/block:Caption}</div>{/block:Photoset}
  367.  
  368. <!----------------------------QUOTE--------------------->
  369. {block:Quote}
  370. <div id="paddingbox"><div id="quotemarkleft">“</div><div class="qquote">{Quote}</div>
  371. {block:Source}<div id="quotesource">- {Source}</div>{/block:Source}<div id="quotemarkright">”</div></div>
  372. {/block:Quote}
  373.  
  374. <!----------------------------LINK--------------------->
  375. {block:Link}
  376. <div style="padding-top: 10px;"><div class="linktitle"><center><a href="{URL}" {Target}>{Name}</a></center></div></div>
  377. {block:Description}{Description}{/block:Description}
  378. {/block:Link}
  379.  
  380. <!----------------------------CHAT--------------------->
  381. {block:Chat}
  382. {block:Title}<h1><center><a href="{Permalink}">{Title}</a></center></h1>{/block:Title}
  383. <div id="paddingbox"><div class="chat"><ul>{block:Lines}
  384. <li class="line {Alt}">{block:Label}
  385. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div></div>
  386. {/block:Chat}
  387.  
  388. <!----------------------------AUDIO--------------------->
  389. {block:Audio}
  390. <Center><div id="audiocontain">
  391. <div class="album_art">
  392. <img style="position: absolute;" src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg" alt="default album art" width="250" height="250" />
  393. {block:AlbumArt}
  394. <img style="position: absolute;" width="250" height="250" src="{AlbumArtURL}" />
  395. {/block:AlbumArt}
  396. <img style="position: absolute;" src="http://static.tumblr.com/jn9hrij/0enl2zzv5/reflection.png" alt="CD reflection" width="250" height="250" />
  397. </div>
  398.  
  399. <div id="album_artduo"><div id="containermusic"><ul><li>{block:Artist}<div class="contain">{Artist}</div>{/block:Artist}</li>
  400. <li>{block:TrackName}<div class="contain">{TrackName}</div>{/block:TrackName}</li>
  401. <li>{block:Album}<div class="contain">{Album}</div>{/block:Album}<br></li>
  402. <li><div class="contain">{PlayCountWithLabel}</div></li></ul></div></div></div></center>
  403. <div class="clear"></div>
  404. <center>{AudioPlayerWhite}</center>
  405.  
  406. <div class="clear"></div>
  407. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  408. {/block:Audio}
  409.  
  410. <!----------------------------VIDEO--------------------->
  411. {block:Video}{Video-500}
  412. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Video}
  413.  
  414.  
  415. <!----------------------------QUESTIONS--------------------->
  416. {block:Answer}
  417. <div style="padding-top: 10px"><div class="question"><div class="point"></div>
  418. {Question}
  419. </div>
  420. <div class="asker_container"><img src="{AskerPortraitURL-24}">{Asker}</div>
  421. {Answer}</div>
  422. {block:Answer}
  423.  
  424. <!----------------------------SOURCE--------------------->
  425. <div class="clear"></div></div>
  426. {block:Reblog}<div id="source"><div id="sourcepost" align="left"><a href="{ReblogRootURL}"><img src="{ReblogRootPortraitURL-16}" border="0" style="float:
  427.  
  428. left; margin-right: 2px;">{lang:Source}<br> <font color="black" weight="900">{ReblogRootName}</font></a></div><a href="{ReblogParentURL}"><img
  429.  
  430. src="{ReblogParentPortraitURL-16}" border="0" style="float:right; margin-right: 15px; margin-left: 2px;"><div id="reblogpost">Reblogged {TimeAgo} via<br>
  431.  
  432. <font color="black" weight="900">{ReblogParentName}</font></a></div></div>{/block:Reblog}
  433. {block:NotReblog}<div id="sourcenone">{lang:Posted TimeAgo from source}</div>{/block:NotReblog}
  434. <div class="clear"></div>
  435.  
  436. <!----------------------------TAGS--------------------->
  437. {block:HasTags}<div id="footercontainer"><div class="tagbox">
  438. <div class="tags">{lang:Tags}: {block:Tags}<a href="/tagged/{URLSafeTag}">{Tag}</a><span class="tag-commas">, </span>{/block:Tags}.</div>
  439. </div>
  440. </div>{/block:HasTags}</div>
  441.  
  442.  
  443. {/block:Posts}{block:IfEnableEndlessScroll}</div>{/block:IfEnableEndlessScroll}
  444. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  445.  
  446. {block:IfShowPeopleIFollow}
  447. <center><div id="following">
  448. <script language="javascript">
  449. function toggle() {
  450. var ele = document.getElementById("toggleText");
  451. var text = document.getElementById("displayText");
  452. if(ele.style.display == "block") {
  453. ele.style.display = "none";
  454. text.innerHTML = "following";
  455. }
  456. else {
  457. ele.style.display = "block";
  458. text.innerHTML = "hide";
  459. }
  460. }
  461. </script>
  462.  
  463.  
  464. <center><a id="displayText" href="javascript:toggle();" style="text-transform: uppercase; text-decoration: none; font-family: georgia; color: #d2d2d2;
  465.  
  466. text-transform: lowercase; font-size: 22px; font-style: italic; text-shadow: #fff -1px 1px 0px">FOLLOWING
  467. </a></center>
  468. <div id="toggleText" style="display: none">{block:Following}<div class="content" id="following-avatars">
  469. {block:Followed}<a href="{FollowedURL}"><img
  470.  
  471. src="{FollowedPortraitURL-24}"/></a>{/block:Followed}</div>{/block:Following}</div></div></center>
  472. {/block:IfShowPeopleIFollow}</div></div></div>
  473. </body>
  474. </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!