Don't like ads? PRO users don't see any ads ;-)
Public Pastes

[Old Theme] Hip to be Square

By: lostmemento on Jun 9th, 2011  |  syntax: None  |  size: 34.46 KB  |  hits: 15,253  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <html>
  2. <head>
  3.         <!-- DO NOT REMOVE CREDITS
  4.         HIP TO BE SQUARE THEME MADE BY HTTP://LOSTMEMENTO.COM -->
  5.        
  6.         <!-- DEFAULT VARIABLES -->
  7.                 <title>{Title}</title>
  8.         <link rel="shortcut icon" href="{Favicon}">
  9.         <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10.         {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.                 <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  12.                
  13.         <!--CUSTOMIZABLE THINGS -->
  14.                 <meta name="color:mainbackground" content="#212121" />
  15.   <meta name="image:header" content="" />
  16.                 <meta name="font:text" content="arial"/>
  17.         <meta name="color:postbgcolor" content="#000" />
  18.         <meta name="image:sidebarimage" content="" />
  19.                 <meta name="if:Show facts" content="1"/>
  20.                 <meta name="color:textcolor" content="#fff" />
  21.                 <meta name="color:textcolor2" content="#000" />
  22.         <meta name="color:color1" content="#bbc921"/>
  23.         <meta name="color:color2" content="#37c0bb"/>
  24.         <meta name="color:color3" content="#a839ac"/>
  25.         <meta name="color:color4" content="#d70e63"/>
  26.                 <meta name="color:tagstextodd" content="#deee28"/>
  27.                 <meta name="color:tagstexteven" content="#e54eea"/>
  28.                         <meta name="color:sidebartitlecolor" content="#fff"/>        
  29.                         <meta name="color:sbaccentcolor1" content="#0d0d0d"/>          
  30.             <meta name="color:sbaccentcolor2" content="#252525"/>
  31.             <meta name="font:description" content="verdana"/>
  32.             <meta name="text:sidebartitle" content=""/>
  33.                         <meta name="text:fact1" content=""/>
  34.                         <meta name="text:fact2" content=""/>
  35.                         <meta name="text:fact3" content=""/>
  36.                        
  37.                         <meta name="if:Enable Endless Scroll" content="0"/>
  38.                         {block:IfEnableEndlessScroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfEnableEndlessScroll}
  39.  
  40. <style type="text/css">
  41. body {background-color: {color:mainbackground}; margin: 0px; font-family: {font:text}, helvetica, verdana; font-size: 10px; background-attachment: fixed;}
  42.  
  43. h1 {text-align: center; font-size: 24px; line-height: 100%; font-weight: normal; font-style: italic; border-bottom: 1px solid {color:sbaccentcolor2};}
  44. h1 a:link, h1 a:active, h1 a:visited {border-bottom: 0px;}
  45. blockquote {border-left: 5px solid {color:sbaccentcolor2}; padding-left: 5px; max-width: 450px}
  46.  
  47. #whole {width: 1280px; margin: auto; display: block;}
  48. a {text-decoration: none;}
  49.  
  50. .clear, #clear {clear: both}
  51.  
  52. img {border:0px}
  53.  
  54. /* SIDEBAR */
  55. #sidebar_box {background-color: {color:postbgcolor}; width: 280px; height: 100%; position: fixed; float: left; color:{color:textcolor}; margin-left: 20px; padding: 10px; padding-top: 0px;}
  56. .sidebarpic {max-width: 280px; text-align: center;}
  57. #clear{clear:both;}
  58.  
  59.         .title {font-size: 12px; font-style: italic; text-align:center; text-transform: lowercase; background-color: {color:color1};margin-bottom: 4px; padding: 3px; font-weight: bold;}
  60.         .title a:link, .title a:visited, .title a:active {color: {color:sidebartitlecolor}; text-decoration: none}
  61.        
  62.         .userpic {background-color: {color:sbaccentcolor1}; display: block; text-align: center; width: 100%; padding: 5px 0px; margin-bottom: 5px}
  63.         .userpicborder {background-color: {color:sbaccentcolor2}; padding: 7px; margin-left: 10px}
  64. #facts {float: right; margin-top: 30px; margin-right: 10px; text-align: center; text-transform: uppercase; display: block; line-height: 100%; width: 50%; font-size: 8px; font-family: arial; letter-spacing: 1px;}
  65. .fact1 {margin: 2px 0px; padding: 3px; display: block; border-right: 5px solid {color:color2}; border-bottom: 1px solid {color:color2}}
  66. .fact2 {margin: 2px 0px; padding: 3px; display: block; border-right: 5px solid {color:color3}; border-bottom: 1px solid {color:color3}}
  67. .fact3 {margin: 2px 0px; padding: 3px; display: block; border-right: 5px solid {color:color4}; border-bottom: 1px solid {color:color4}}
  68. .fact4 {margin: 2px 0px; padding: 3px; display: block; background-color: {color:online};}
  69.  
  70.         .rightlinks1 {font-size: 12px; width: 33%; padding: 3px; text-decoration: none; color: {color:textcolor}; text-transform: uppercase; letter-spacing: 1px; text-align: center; border-top: 5px solid {color:color2}; font-family: trebuchet ms}
  71.  
  72. .rightlinks1 a:link, .rightlinks1 a:active, .rightlinks1 a:visited {text-decoration: none; padding: 3px; color: {color:textcolor};}
  73.                 .rightlinks1:hover {background-color: {color:color2}; padding-right: 0px;border-top: 5px solid {color:color2}; letter-spacing: 3px;}
  74.  
  75.         .rightlinks2 {width: 33%; font-size: 12px;  padding: 3px; text-decoration: none; color: {color:textcolor}; text-transform: uppercase; letter-spacing: 1px; text-align: center;  border-top: 5px solid {color:color3};  font-family: trebuchet ms}
  76. .rightlinks2 a:link, .rightlinks2 a:active, .rightlinks2 a:visited {text-decoration: none; padding: 3px; color: {color:textcolor};}
  77.                 .rightlinks2:hover {background-color: {color:color3}; padding-right: 0px;border-top: 5px solid {color:color3}; letter-spacing: 3px;}
  78.  
  79.         .rightlinks3 {font-size: 12px; text-decoration: none;  text-transform: uppercase; letter-spacing: 1px; text-align: center;   border-top: 5px solid {color:color4}; width: 33%;  font-family: trebuchet ms}
  80. .rightlinks3 a:link, .rightlinks3 a:active, .rightlinks3 a:visited {text-decoration: none; padding: 3px; color: {color:textcolor};}
  81.                 .rightlinks3:hover {background-color: {color:color4}; padding-right: 0px;border-top: 5px solid {color:color4}; letter-spacing: 3px;}
  82.  
  83. .descript {font-size: 8px; text-align: center; width: 268px; font-family: {font:description}; border-left: 1px dotted {color:sbaccentcolor1}; padding: 5px; border-right: 1px dotted {color:sbaccentcolor1}; padding: 5px; margin-bottom: 10px; letter-spacing: 1px; text-transform: uppercase;}
  84. .descript a {text-decoration: none; font-style: italic; color: {color:textcolor}}
  85.  
  86. .indi {margin: 0px 3px; background-color: {color:sbaccentcolor1}; padding: 2px; color: {color:textcolor}}
  87. .indi2 {margin: 0px 3px; background-color: {color:sbaccentcolor1}; padding: 2px; color: {color:textcolor}}
  88. .indi2:hover {margin: 0px 3px; background-color: {color:color1}; padding: 2px; color: {color:textcolor2}}
  89. .indi3 {margin: 0px 3px; background-color: {color:sbaccentcolor1}; padding: 2px; color: {color:textcolor}}
  90. .indi3:hover {margin: 0px 3px; background-color: {color:color2}; padding: 2px; color: {color:textcolor2}}
  91. .indi4 {margin: 0px 3px; background-color: {color:sbaccentcolor1}; padding: 2px; color: {color:textcolor}}
  92. .indi4:hover {margin: 0px 3px; background-color: {color:color3}; padding: 2px; color: {color:textcolor2}}
  93. .indi5 {margin: 0px 3px; background-color: {color:sbaccentcolor1}; padding: 2px; color: {color:textcolor}}
  94. .indi5:hover {margin: 0px 3px; background-color: {color:color4}; padding: 2px; color: {color:textcolor2}}
  95.  
  96. .indi6 {margin: 0px 3px;padding: 2px; color: {color:textcolor}; font-size: 24px; float: right;}
  97. .indi6 a {color:{color:textcolor}}
  98. .indi6 a:hover {color:{color:textcolor2}}
  99. .indi6:hover {margin: 0px 3px; background-color: {color:color1}; padding: 2px; color: {color:textcolor2}; float: right;}
  100.  
  101. .indi7 {margin: 0px 3px;padding: 2px; color: {color:textcolor}; font-size: 24px; float: left;}
  102. .indi7 a {color:{color:textcolor}}
  103. .indi7 a:hover {color:{color:textcolor2}}
  104. .indi7:hover {margin: 0px 3px; background-color: {color:color1}; padding: 2px; color: {color:textcolor2}; float: left;}
  105.  
  106. .pagelinks {display: block; font-size:8px; font-style: italic; letter-spacing: 2px; text-align: center; padding: 2px 0px; width: 240px; margin-bottom: 2px; text-transform: uppercase; border-bottom: 1px solid {color:sbaccentcolor2}}
  107. .pagelinks a:active, .pagelinks a:visited, .pagelinks a:link {text-decoration: none; color: {color:textcolor}}
  108. .pagelinks:hover {font-size: 12px; border-bottom: 5px solid {color:textcolor};}
  109.  
  110. #pages {width: 80%; line-height: 24px;}
  111. #credit {text-align: center; font-size: 8px;}
  112. #credit a{text-align: center; font-size: 8px; color: {color:textcolor}; padding: 0px 3px; background-color: {color:color4};}
  113. .credit_1 {background-color: {color:color1}; color: {color:textcolor2}; padding: 0px 3px;}
  114. .credit_2 {background-color: {color:color2}; color: {color:textcolor2}; padding: 0px 3px;}
  115. .credit_3 {background-color: {color:color3}; color: {color:textcolor2}; padding: 0px 3px;}
  116.  
  117. /* CONTENT */
  118. .header {width:780px; margin: 0px 10px}
  119. #content_box {float: right; margin-right: 50px; width: 850px; margin-top: 10px}
  120. #postcell_o {width: 500px; max-width: 500px; background-color: {color:postbgcolor}; color: {color:textcolor}; height: 137px; min-height: 137px; vertical-align: top; overflow: hidden}
  121. #postcell_o td {margin: 10px 0px}
  122. #postcell_o a:link, #postcell_o a:visited, #postcell_o a:active {border-bottom: 2px solid {color:color2}; color: {color:textcolor}; text-decoration: none; padding: 0px 2px; text-transform: uppercase; font-style: italic;}
  123.  
  124. #postcell_e {width: 500px; max-width: 500px; background-color: {color:postbgcolor}; color: {color:textcolor}; height: 137px; min-height: 137px; vertical-align: top; overflow: hidden}
  125. #postcell_e td {margin: 10px 0px}
  126. #postcell_e a:link, #postcell_e a:visited, #postcell_e a:active {border-bottom: 2px solid {color:color4}; color: {color:textcolor}; text-decoration: none; padding: 0px 2px; text-transform: uppercase; font-style: italic;}
  127.  
  128. #text {padding: 10px; max-width: 480px; width: 480px}
  129. #tcontent {font-size: 10px; line-height: 130%; text-align: justify; max-width: 480px; width: 480px}
  130. #tcontent p {max-width: 100%}
  131. #tcontent p img {max-width: 100%}
  132. #tcontent blockquote {max-width: 100%}
  133. #ph a:link, #ph a:visited, #ph a:active {padding: 0px; border-bottom: 0px;}
  134.  
  135. #text #tcontent blockquote {width: 400px; margin-right: 50px; max-width: 400px; margin-left: 20px}
  136. #text #tcontent blockquote blockquote {max-width: 400px; width: 400px}
  137. #text #tcontent blockquote blockquote blockquote {max-width: 300px; width: 300px}
  138. #text #tcontent blockquote blockquote blockquote blockquote {max-width: 200px; width: 200px}
  139. #tcontent li img {max-width: 100%}
  140. #tcontent li {width: 470px; max-width:  100%; margin: 0px 10px}
  141.  
  142. /* DATE */
  143. #date_onr {background-color: {color:color2}; width: 90px; height: 100%; color: {color:textcolor};  text-align: right; padding: 5px}
  144. #date_or {background-color: {color:color2};  width: 100px; height: 100%; color: {color:textcolor}; margin: 0px 10px; padding: 5px; text-align: right}
  145. #date {text-align:center; display: block;  position: relative; width:100%; background-color: {color:color2}; font-size: 10px; font-style: italic; letter-spacing: 1px; font-family: trebuchet ms; font-weight: bold; padding-bottom: 10px; left: 4px}
  146. #type_ln {border-right: 2px solid {color:textcolor}; height: 100%; display: table; font-size: 0px; float: right; margin-right: 5px}
  147. #type_bx {display: table-cell;  margin-right: -7px; float: right; width: 44px;}
  148.  
  149. #date_enr {background-color: {color:color4}; padding: 5px; width: 90px; height: 100%; color: {color:textcolor}; padding: 5px; text-align: left;}
  150. #date_er {background-color: {color:color4}; padding: 5px; width: 90px; height: 100%; color: {color:textcolor}; padding: 5px; text-align: left;}
  151. #date2 {text-align:center; display: block; position: relative; width: 100%; background-color: {color:color4}; font-size: 10px; font-style: italic; letter-spacing: 1px; font-family: trebuchet ms; font-weight: bold; padding-bottom: 10px; right: 3px}
  152. #type_ln2 {border-right: 2px solid {color:textcolor}; height: 100%; display: table; font-size: 0px; float: left;  margin-left: 5px}
  153. #type_bx2 {display: table-cell;  margin-left: -7px; float: left; width: 44px; padding-top: 8px;}
  154.  
  155. /* TAGS */
  156. #trg_onr {background-color: {color:color1}; width: 200px; height: 100%; color: {color:textcolor}; vertical-align: top;}
  157. #trg_enr {background-color: {color:color3}; width: 160px; height: 100%; color: {color:textcolor}; vertical-align: top;}
  158. #trg_r {background-color: transparent; width: 150px; height: 100%; color: {color:textcolor};}
  159.  
  160.  
  161. #tags_or {padding: 5px; font-size: 8px; font-style: italic; letter-spacing: 1px; text-transform: uppercase; background-color: {color:color1}; color: {color:tagstextodd};  min-height: 40%; vertical-align: top;}
  162. #tags_or a {color: {color:tagstextodd}; text-decoration: none;}
  163. #tags_or a:hover {color: {color:textcolor}}
  164. .tag-commas:last-child {display: none;}
  165. #tags_onr {padding: 5px; font-size: 8px; font-style: italic; letter-spacing: 1px; text-transform: uppercase; color: {color:tagstextodd};}
  166. #tags_onr a{color: {color:tagstextodd}; text-decoration: none;}
  167. #tags_onr a:hover {color: {color:textcolor}}
  168.  
  169. #deg_bx {text-align: center; padding-top: 5px; font-family: trebuchet ms; font-style: italic; border-bottom: 1px dotted {color:textcolor}; margin: 0px 5px; color: {color:textcolor}; font-size: 10px;}
  170. #deg_bx a:link, #deg_bx a:visited, #deg_bx a:active {color:{color:textcolor}}
  171. #deg_bxr {text-align: center; font-family: trebuchet ms; font-style: italic; border-bottom: 1px dotted {color:textcolor}; margin: 0px 5px; color: {color:textcolor}; font-size: 10px;}
  172. #deg_bxr a:link, #deg_bxr a:visited, #deg_bxr a:active {color:{color:textcolor}}
  173. .deg {text-transform: uppercase;}
  174.  
  175. #tags_er {color: {color:tagstexteven}; background-color: {color:color3}; height: 35%; padding: 5px; font-size: 8px; font-style: italic; letter-spacing: 1px; text-transform: uppercase;  min-height: 40%; vertical-align: top;}
  176. #tags_er a {text-decoration: none; color: {color:tagstexteven};}
  177. #tags_er a:hover {color: {color:textcolor}; }
  178. #tags_enr {padding: 5px; font-size: 8px; font-style: italic; letter-spacing: 1px; text-transform: uppercase; color: {color:tagstexteven};}
  179. #tags_enr a {color: {color:tagstexteven}; text-decoration: none;}
  180. #tags_enr a:hover {color: {color:textcolor};}
  181.  
  182. #blankrw {display:block; height: 10px; width: 100%; background-color: transparent;}
  183.  
  184. #reblog_or {padding: 5px; font-size: 8px; font-style: italic; letter-spacing: 1px; text-transform: uppercase; background-color: {color:color4}; width: 100%; vertical-align: bottom; min-height: 40%; max-width: 150px;}
  185. #reblog_or a {color: {color:textcolor}; text-decoration: none}
  186.  
  187. #reblog_er {padding: 5px; font-size: 8px; font-style: italic; letter-spacing: 1px; text-transform: uppercase; background-color: {color:color2}; width: 100%; vertical-align: bottom; min-height: 40%; text-align: right; max-width: 160px;}
  188. #reblog_er a {color: {color:textcolor}; text-decoration: none}
  189.  
  190. /* QUOTE */
  191. #quotemarkleft{font-size: 180px; font-weight: bold;  color:{color:sbaccentcolor2}; font-family: georgia; line-height: 90px; margin-top: 20px}
  192. #quotemarkright{font-size: 180px; font-weight: bold;  color:{color:sbaccentcolor2}; font-family: georgia; padding-left: 5px;  padding-top: 10px; line-height: 0px; text-align: right; position: relative; bottom: -35px; z-index: 0; height: 20px;}
  193. .qquote{font-size: 20px; letter-spacing: -1px; margin-top: -70px; font-style: italic; padding-left: 10px; line-height: 100%}
  194. #quotesource{margin: 5px 15px 0 0; text-align: right; font-family: tahoma; text-transform: uppercase; font-size: 10px; z-index: 2; position: relative;}
  195. #quotesource a {font-weight: bold; color: {color:textcolor2}}
  196.  
  197. /* CHAT */
  198. .chat{list-style: none; font-size: 12px;}
  199. .chat ul {line-height: 15px; list-style: none; padding: 0px;}
  200. .line.odd {color:{color:textcolor};  border-bottom: 1px solid {color:color1}}
  201. .line.odd .label {font-weight: bold; padding: 3px; margin: 0 0 5px 0; color: {color:color1}; text-transform: uppercase;}
  202. .line.even {color: {color:textcolor}; border-bottom: 1px solid {color:color2}}
  203. .line.even .label { font-weight: bold; padding: 3px; margin: 0 0 5px 0; color: {color:color2}; text-transform: uppercase;}
  204.  
  205. /* AUDIO */
  206. #audiocontain { text-align:center; width: 500px; margin-bottom: 10px;}
  207.  
  208. .audio_player {text-align: center; width: 200px;}
  209.  
  210. .meta {padding: 8px 13px;height: 13px;float: left;color: {color:textcolor}; font-size: 11px; text-transform: lowercase;}
  211. .meta a {color: #666; text-decoration: none;}
  212.  
  213. .album_art {position: absolute; width: 250px; height: 250px; margin-left: 0; text-align: left}
  214. .album_art img {width: 250px; height: 250px; float:left}
  215.  
  216. #album_artduo {float: right;  width: 250px; height: 250px; background-image: url(http://i55.tinypic.com/nq1nap.png); background-color: {color:color3}; }
  217. #containermusic {position: relative; top: 65px; left:-40px}
  218. #containermusic ul, #containermusc li{list-style: none;}
  219. .contain {float:left; background-color:  {color:textcolor}; padding: 3px 20px; overflow: auto; margin-bottom: 1px; font-size: 12px; color: {color:textcolor2};}
  220. .contain:hover {background-color: {color:sbaccentcolor1}; color: {color:textcolor}}
  221. #containermusic .contain ul, #containermusic .contain li {list-style: none;}
  222.  
  223. .album_arte {position: absolute; width: 250px; height: 250px; margin-right: 0; text-align: right}
  224. .album_arte img {width: 250px; height: 250px; float:right}
  225.  
  226. #album_artduoe {float: left;  width: 250px; height: 250px; background-image: url(http://i54.tinypic.com/ou5af8.png); background-color: {color:color4}; }
  227. #containermusice {position: relative; top: 65px;}
  228. #containermusice ul, #containermusc li{list-style: none;}
  229. .containe {float:right; background-color:  {color:textcolor}; padding: 3px 20px; overflow: auto; margin-bottom: 1px; font-size: 12px; color: {color:textcolor2};}
  230. .containe:hover {background-color: {color:sbaccentcolor1}; color: {color:textcolor}}
  231. #containermusice .containe ul, #containermusice .containe li {list-style: none;}
  232.  
  233.  
  234. /* NOTE LIST */
  235. #content_notes {background-color: {color:postbgcolor}; max-width: 770px; margin-top: 2px; padding: 5px; width: 770px; height: 100%; padding-top: 10px; margin-bottom: 30px; margin-left: 10px;}
  236. #content_notes ol.notes{list-style: none; margin: 0px; padding: 0px; width: 770px; font-size: 11px; color: {color:textcolor}; max-width: 770px}
  237. #content_notes ol.notes a {color: {color:textcolor}; text-decoration: none; padding: 0px 3px; background-color: {color:color2};}
  238. #content_notes ol.notes li {margin: 0 30px 0 10px; padding: 2px; width: 700px; }
  239. #content_notes ol.notes li img.avatar  a {border: 0px}
  240. #content_notes ol.notes blockquote a {background-color: {color:sbaccentcolor1}; color: {color:textcolor}}
  241. </style>
  242.         </head>
  243.         <body>
  244. <div id="whole">
  245. <div id="sidebar_box">
  246. <Table cellspacing="0" cellpadding="0" width="300px" style="margin-left: -10px"><tr><Td class="rightlinks1"><a href="/ask">ASK BOX</a></td><td class="rightlinks2">
  247. <a href="/archive">archive</a></td>
  248. <td class="rightlinks3"><a href="/random">random</a></td></tr></table>
  249. <div id="clear"></div>
  250. <img src="{image:sidebarimage}" class="sidebarpic">
  251. <div class="title"><A href="/">{text:sidebartitle}</a></div>
  252.  
  253. {block:IfShowFacts}<div class="userpic" style="text-align: left"><img src="{PortraitURL-96}" class="userpicborder"><div id="facts"><div class="fact1">{text:fact1}</div>
  254. <div class="fact2">{text:fact2}</div>
  255. <div class="fact3">{text:fact3}</div></div></div>{/block:IfShowFacts}
  256. {block:IfNotShowFacts}<div class="userpic"><img src="{PortraitURL-96}" class="userpicborder"></div>{/block:IfNotShowFacts}
  257. <div id="clear"></div>
  258. <Center><div class="descript">{Description}</div></center>
  259. <div style="margin-bottom: 10px">{block:HasPages}{block:Pages}<center><div class="pagelinks"><a href="{URL}">{Label}</a></div></center>{/block:Pages} {/block:HasPages}</div>
  260.  
  261. <!-- PAGE NAVIGATION -->
  262. {block:Pagination}<center><div id="pages"><div class="indi7">{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}</div> {block:JumpPagination length="5"}  {block:CurrentPage}
  263. <span class="indi3">{PageNumber}</span>{/block:CurrentPage} {block:JumpPage}<a href="{URL}"><span class="indi4">{PageNumber}</a></span>{/block:JumpPage}       {/block:JumpPagination}  / <span class="indi5" style="line-height: 300%">{TotalPages}</span><div class="indi6">{block:NextPage} <a href="{NextPage}">»</a>{/block:NextPage}</div></div></center>{/block:Pagination}
  264.  
  265. <!-- DO NOT REMOVE CREDITS -->
  266. <div id="credit"><span class="credit_1">THEME</span><span class="credit_2">MADE BY</span><a href="http://lmthemes.tumblr.com">LOSTMEMENTO</a><span class="credit_3">& TUMBLR</span></div>
  267. </div>
  268.  
  269. <div id="content_box">
  270. {block:IfHeaderImage}<img src="{image:header}" class="header">{/block:IfHeaderImage}
  271. {block:IfEnableEndlessScroll}<div class="autopagerize_page_element">{/block:IfEnableEndlessScroll}{block:Posts}
  272.  
  273. <!------------ ODD POSTS ------------>
  274. {block:Odd} <Table cellpadding="0" cellspacing="10" width="800px"><tr>
  275.  
  276. <!--- REBLOGGED --->
  277. {block:Reblog}
  278. <!--- TAGS --->
  279. <td id="trg_or">
  280. <table height="100%" width="100%" cellspacing="0" cellpadding="0" style="max-width: 100%; overflow: hidden;"><tr><td id="tags_or">
  281. <div id="deg_bx"><span class="deg"><a href="{Permalink}">{lang:Posted TimeAgo from source}</a></span></div>
  282. {block:NoteCount}<div id="deg_bx" style="margin-bottom: 5px"><span class="deg"><a href="{Permalink}">{NoteCountWithLabel}</a></span></div>{/block:NoteCount}
  283. <div style="margin-top: 5px">
  284. {block:HasTags}{lang:Tags}: {block:Tags}<a href="/tagged/{URLSafeTag}">{Tag}</a><span class="tag-commas">, </span>{/block:Tags}.{/block:HasTags}</div></td></tr>
  285. <tr><td height="10px"></td></tr>
  286. <!--- REBLOG INFO --->
  287. <tr><td id="reblog_or" style="max-width: 150px;">{block:RebloggedFrom}<a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-16}" style="float: left"><div style="line-height: 8px; margin-left: 20px; font-size: 8px; overflow: hidden;  height: 16px; max-width: 150px;">{lang:Reblogged}<br>{ReblogParentName}</div></a> <Br>
  288. <a href="{ReblogRootURL}"><img src="{ReblogRootPortraitURL-16}" style="float: left"><div style="line-height: 8px; margin-left: 20px; font-size: 8px; overflow: hidden; height: 16px; max-width: 80%">{lang:Source}<br>{ReblogRootName}</div></a>{/block:RebloggedFrom}</td></tr></table></td>
  289.  
  290. <!--- DATE --->
  291. <td id="date_or"><div id="type_ln"></div>
  292. <center><div id="date">{block:Date} {DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}{/block:Date}</div></center>
  293. <div id="type_bx">
  294.  
  295. <a href="{Permalink}">
  296. {block:Quote}<img src="http://i51.tinypic.com/2czy07c.png">{/block:Quote}
  297. {block:Text}<img src="http://i51.tinypic.com/2i77bjd.png">{/block:Text}
  298. {block:Photo}<img src="http://i55.tinypic.com/33wxdvb.png" style="padding-top: 8px">{/block:Photo}
  299. {block:Photoset}<img src="http://i55.tinypic.com/33wxdvb.png" style="padding-top: 8px">{/block:Photoset}
  300. {block:Link}<img src="http://i53.tinypic.com/sgkhz7.png">{/block:Link}
  301. {block:Chat}<img src="http://i53.tinypic.com/10q08df.png">{/block:Chat}        
  302. {block:Audio}<img src="http://i53.tinypic.com/15cn3oz.png">{/block:Audio}      
  303. {block:Video}<img src="http://i53.tinypic.com/2sb8pyo.png">{/block:Video}      
  304. {block:Answer}<img src="http://i55.tinypic.com/2dmgwub.png">{/block:Answer}</a>
  305.  
  306. </div></td>{/block:Reblog}
  307.  
  308. <!--- NOT REBLOGGED --->
  309. {block:NotReblog}
  310. <!--- TAGS --->
  311. <td id="trg_onr">
  312. <div id="deg_bx"><span class="deg"><a href="{Permalink}">{lang:Posted TimeAgo from source}</a></span></div>
  313. {block:NoteCount}<div id="deg_bx" style="margin-bottom: 5px"><span class="deg"><a href="{Permalink}">{NoteCountWithLabel}</a></span></div>{/block:NoteCount}
  314. <div id="tags_onr">{block:HasTags}{lang:Tags}: {block:Tags}<a href="/tagged/{URLSafeTag}">{Tag}</a><span class="tag-commas">, </span>{/block:Tags}. {/block:HasTags}</div></div></td>
  315.  
  316. <!--- DATE --->
  317. <td id="date_onr"><div id="type_ln"></div>
  318. <div id="date">{block:Date} {DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}{/block:Date}</div>
  319. <div id="type_bx">
  320.  
  321. <a href="{Permalink}">
  322. {block:Quote}<img src="http://i51.tinypic.com/2czy07c.png">{/block:Quote}
  323. {block:Text}<img src="http://i51.tinypic.com/2i77bjd.png">{/block:Text}
  324. {block:Photo}<img src="http://i55.tinypic.com/33wxdvb.png" style="padding-top: 8px">{/block:Photo}
  325. {block:Photoset}<img src="http://i55.tinypic.com/33wxdvb.png" style="padding-top: 8px">{/block:Photoset}
  326. {block:Link}<img src="http://i53.tinypic.com/sgkhz7.png">{/block:Link}
  327. {block:Chat}<img src="http://i53.tinypic.com/10q08df.png">{/block:Chat}        
  328. {block:Audio}<img src="http://i53.tinypic.com/15cn3oz.png">{/block:Audio}      
  329. {block:Video}<img src="http://i53.tinypic.com/2sb8pyo.png">{/block:Video}      
  330. {block:Answer}<img src="http://i55.tinypic.com/2dmgwub.png">{/block:Answer}</a>
  331.  
  332. </div></td>{/block:NotReblog}
  333.  
  334. <td id="postcell_o">
  335. <!--- TEXT POSTS --->
  336. {block:Text}
  337. <div id="text">{block:Title}<h1>{Title}</h1>{/block:Title}
  338. <div id="tcontent">{Body}</div></div>
  339. {/block:Text}
  340.  
  341. <!--- PHOTO POSTS --->
  342. {block:Photo}<div id="ph">{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}</div>
  343. {block:Caption}<div id="text"><div id="tcontent">{Caption}</div></div>{/block:Caption} {/block:Photo}
  344. {block:Photoset}<div id="ph">{Photoset-500}</div>
  345. {block:Caption}<div id="text"><div id="tcontent">{Caption}</div></div>{/block:Caption}  {/block:Photoset}
  346.  
  347. <!--- QUOTE POSTS --->
  348. {block:Quote}<div id="text"><div id="quotemarkleft">“</div><div class="qquote">{Quote}</div>
  349. {block:Source}<div id="quotesource">- {Source}</div>{/block:Source}<div id="quotemarkright">”</div></div>{/block:Quote}
  350.  
  351. <!--- LINK POSTS --->
  352. {block:Link}<div id="text"><div style="text-align: center; font-size: 24px;"><a href="{URL}" {Target}>{Name}</a></div>
  353. {block:Description}<div id="tcontent">{Description}</div>{/block:Description}</div>{/block:Link}
  354.  
  355. <!--- CHAT POSTS --->
  356. {block:Chat}
  357. {block:Title}<h1><center><a href="{Permalink}">{Title}</a></center></h1>{/block:Title}
  358. <div style="margin: 10px"><div class="chat"><ul>{block:Lines}
  359. <li class="line {Alt}">{block:Label}
  360. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div></div>{/block:Chat}
  361.  
  362. <!--- AUDIO POSTS --->
  363. {block:Audio}
  364. <div id="audiocontain">
  365. <div class="album_art">
  366. <img style="position: absolute;" src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg" alt="default album art" width="250" height="250" />
  367. {block:AlbumArt}
  368. <img style="position: absolute;" width="250" height="250" src="{AlbumArtURL}" />
  369. {/block:AlbumArt}
  370.  
  371. </div>
  372.                        
  373.  <div id="album_artduo"><div id="containermusic"><ul><li>{block:Artist}<div class="contain">{Artist}</div>{/block:Artist}</li>
  374. <li>{block:TrackName}<div class="contain">{TrackName}</div>{/block:TrackName}</li>
  375. <li>{block:Album}<div class="contain">{Album}</div>{/block:Album}<br></li>
  376. <li><div class="contain">{PlayCountWithLabel}</div></li></ul></div></div></div>
  377.  <div class="clear"></div>
  378. <center>{AudioPlayerWhite}</center>
  379.                              
  380.                         <div class="clear"></div>
  381.                         {block:Caption}<div id="text"><div id="tcontent">{Caption}</div></div>{/block:Caption} {/block:Audio}
  382.  
  383. <!--- VIDEO POSTS --->
  384. {block:Video}{Video-500}
  385. <div id="text"><div id="tcontent">{block:Caption}{Caption}{/block:Caption}</div></div>{/block:Video}
  386.  
  387. <!--- ANSWER POSTS --->
  388. {block:Answer}<table width="490px" cellspacing="0" cellpadding="5" style="background-color: {color:sbaccentcolor1}; margin: 5px;"><tr><td colspan="2" style="padding: 10px 5px">{Question}</td></tr>
  389. <tr><td style="background-color: {color:postbgcolor}"><div style="font-size:8px; line-height: 40px; text-align: right;">{Asker} ASKED</div> </td><td style="background-image: url(http://i55.tinypic.com/28gwec2.png); width: 165px; background-color: {color:postbgcolor}; background-repeat: no-repeat; background-position: top right;"><img src="{AskerPortraitURL-40}"></td></tr></table>
  390. <div id="text"><div id="tcontent">{Answer}</div></div>{/block:Answer}
  391. </td></tr></table>{/block:Odd}
  392.  
  393.  
  394.  
  395. <!------------ EVEN POSTS ------------>
  396. {block:Even} <Table cellpadding="0" cellspacing="10"><tr><td id="postcell_e">
  397. <!--- TEXT POSTS --->
  398. {block:Text}
  399. <div id="text">{block:Title}<h1>{Title}</h1>{/block:Title}
  400. <div id="tcontent">{Body}</div></div>
  401. {/block:Text}
  402.  
  403. <!--- PHOTO POSTS --->
  404. {block:Photo}<div id="ph">{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}</div>
  405. {block:Caption}<div id="text"><div id="tcontent">{Caption}</div></div>{/block:Caption}{/block:Photo}
  406. {block:Photoset}<div id="ph">{Photoset-500}</div>
  407. {block:Caption}<div id="text"><div id="tcontent">{Caption}</div></div>{/block:Caption}  {/block:Photoset}
  408.  
  409. <!--- QUOTE POSTS --->
  410. {block:Quote}<div id="text"><div id="quotemarkleft">“</div><div class="qquote">{Quote}</div>
  411. {block:Source}<div id="quotesource">- {Source}</div>{/block:Source}<div id="quotemarkright">”</div></div>{/block:Quote}
  412.  
  413. <!--- LINK POSTS --->
  414. {block:Link}<div id="text"><div style="text-align: center; font-size: 24px;"><a href="{URL}" {Target}>{Name}</a></div>
  415. {block:Description}<div id="tcontent">{Description}</div>{/block:Description}</div>{/block:Link}
  416.  
  417. <!--- CHAT POSTS --->
  418. {block:Chat}{block:Title}<h1><center><a href="{Permalink}">{Title}</a></center></h1>{/block:Title}
  419. <div id="text"><div class="chat"><ul>{block:Lines}
  420. <li class="line {Alt}">{block:Label}
  421. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div></div>{/block:Chat}
  422.  
  423. <!--- AUDIO POSTS --->
  424. {block:Audio}
  425. <div id="audiocontain">
  426. <div class="album_arte">
  427. <img style="position: absolute;" src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg" alt="default album art" width="250" height="250" />
  428. {block:AlbumArt}
  429. <img style="position: absolute;" width="250" height="250" src="{AlbumArtURL}" />
  430. {/block:AlbumArt}
  431.  
  432. </div>
  433.                        
  434.  <div id="album_artduoe"><div id="containermusice"><ul><li>{block:Artist}<div class="containe">{Artist}</div>{/block:Artist}</li>
  435. <li>{block:TrackName}<div class="containe">{TrackName}</div>{/block:TrackName}</li>
  436. <li>{block:Album}<div class="containe">{Album}</div>{/block:Album}<br></li>
  437. <li><div class="containe">{PlayCountWithLabel}</div></li></ul></div></div></div>
  438.  <div class="clear"></div>
  439. <center>{AudioPlayerWhite}</center>
  440.                              
  441.                         <div class="clear"></div>
  442.                         {block:Caption}<div id="text"><div id="tcontent">{Caption}</div></div>{/block:Caption} {/block:Audio}
  443.  
  444. <!--- VIDEO POSTS --->
  445. {block:Video}{Video-500}
  446. <div id="text"><div id="tcontent">{block:Caption}{Caption}{/block:Caption}</div></div>{/block:Video}
  447.  
  448. <!--- ANSWER POSTS --->
  449. {block:Answer}<table width="490px" cellspacing="0" cellpadding="5" style="background-color: {color:sbaccentcolor1}; margin: 5px;"><tr><td colspan="2" style="padding: 10px 5px">{Question}</td></tr>
  450. <tr><td style="background-image: url(http://i56.tinypic.com/2nw251h.png); width: 165px; background-color: {color:postbgcolor}; background-repeat: no-repeat; background-position: top left; text-align: right;"><img src="{AskerPortraitURL-40}"></td><td style="background-color: {color:postbgcolor}"><div style="font-size:8px; line-height: 40px; text-align: left;">{Asker} ASKED</div> </td></tr></table>
  451. <div id="text"><div id="tcontent">{Answer}</div></div>{/block:Answer}
  452. </td>
  453.  
  454. <!--- REBLOGGED --->
  455. {block:Reblog}
  456. <!--- DATE --->
  457. <td id="date_er"><div id="type_ln2"></div><div id="date2">{block:Date} {DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}{/block:Date}</div>
  458. <div id="type_bx2">
  459.  
  460. <a href="{Permalink}">
  461. {block:Quote}<img src="http://i53.tinypic.com/b4eumh.png" style="margin-top: -3px">{/block:Quote}
  462. {block:Text}<img src="http://i51.tinypic.com/14n0hp0.png"  style="margin-top: -3px">{/block:Text}
  463. {block:Photo}<img src="http://i52.tinypic.com/5ufndu.png">{/block:Photo}
  464. {block:Photoset}<img src="http://i52.tinypic.com/5ufndu.png">{/block:Photoset}
  465. {block:Link}<img src="http://i55.tinypic.com/244vg9x.png">{/block:Link}
  466. {block:Chat}<img src="http://i55.tinypic.com/2vuk6kp.png" style="margin-top: -3px">{/block:Chat}        
  467. {block:Audio}<img src="http://i53.tinypic.com/23huofd.png">{/block:Audio}      
  468. {block:Video}<img src="http://i53.tinypic.com/eh0iko.png">{/block:Video}        
  469. {block:Answer}<img src="http://i52.tinypic.com/34xhtzt.png">{/block:Answer}</a>
  470.  
  471. </div></td>
  472.  
  473. <!--- TAGS --->
  474. <td id="trg_er">
  475. <table height="100%" width="160px" cellspacing="0" cellpadding="0" style="max-width: 160px; overflow: hidden;"><tr><td id="tags_er">
  476. <div id="deg_bx"><span class="deg"><a href="{Permalink}">{lang:Posted TimeAgo from source}</a></span></div>
  477. {block:NoteCount}<div id="deg_bx""><span class="deg"><a href="{Permalink}">{NoteCountWithLabel}</a></span></div>{/block:NoteCount}
  478. <div style="margin-top: 5px">
  479. {block:HasTags}{lang:Tags}: {block:Tags}<a href="/tagged/{URLSafeTag}">{Tag}</a><span class="tag-commas">, </span>{/block:Tags}.{/block:HasTags}</div></td></tr>
  480. <tr><td height="10px"></td></tr>
  481. <!--- REBLOG INFO --->
  482. <tr><td id="reblog_er">{block:RebloggedFrom}<a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-16}" style="float: right"><div style="line-height: 8px; margin-right: 2px; font-size: 8px; overflow: hidden; max-width: 160px; height: 16px">{lang:Reblogged}<br>{ReblogParentName}</div></a> <Br>
  483. <a href="{ReblogRootURL}"><img src="{ReblogRootPortraitURL-16}" style="float: right"><div style="line-height: 8px; margin-right: 2px; font-size: 8px; overflow: hidden; height: 16px; max-width: 160px;">{lang:Source}<br>{ReblogRootName}</div></a>{/block:RebloggedFrom}</td></tr></table></td>{/block:Reblog}
  484.  
  485. <!--- NOT REBLOGGED --->
  486. {block:NotReblog}
  487. <!--- DATE --->
  488. <td id="date_enr"><div id="type_ln2"></div><div id="date2">{block:Date} {DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}{/block:Date}</div>
  489. <div id="type_bx2">
  490.  
  491. <a href="{Permalink}">
  492. {block:Quote}<img src="http://i53.tinypic.com/b4eumh.png" style="margin-top: -3px">{/block:Quote}
  493. {block:Text}<img src="http://i51.tinypic.com/14n0hp0.png"  style="margin-top: -3px">{/block:Text}
  494. {block:Photo}<img src="http://i52.tinypic.com/5ufndu.png">{/block:Photo}
  495. {block:Photoset}<img src="http://i52.tinypic.com/5ufndu.png">{/block:Photoset}
  496. {block:Link}<img src="http://i55.tinypic.com/244vg9x.png">{/block:Link}
  497. {block:Chat}<img src="http://i55.tinypic.com/2vuk6kp.png" style="margin-top: -3px">{/block:Chat}        
  498. {block:Audio}<img src="http://i53.tinypic.com/23huofd.png">{/block:Audio}      
  499. {block:Video}<img src="http://i53.tinypic.com/eh0iko.png">{/block:Video}        
  500. {block:Answer}<img src="http://i52.tinypic.com/34xhtzt.png">{/block:Answer}</a>
  501.  
  502. </div></td>
  503.  
  504. <!--- TAGS --->
  505. <td id="trg_enr">
  506. <div id="deg_bx"><span class="deg"><a href="{Permalink}">{lang:Posted TimeAgo from source}</a></span></div>
  507. {block:NoteCount}<div id="deg_bx" style="margin-bottom: 5px"><span class="deg"><a href="{Permalink}">{NoteCountWithLabel}</a></span></div>{/block:NoteCount}
  508. <div id="tags_enr" style="text-align: right">{block:HasTags}{lang:Tags}: {block:Tags}<a href="/tagged/{URLSafeTag}">{Tag}</a><span class="tag-commas">, </span>{/block:Tags}. {/block:HasTags}</div></td>{/block:NotReblog}
  509. </tr></table>{/block:Even}{/block:Posts}{block:IfEnableEndlessScroll}</div>{/block:IfEnableEndlessScroll}
  510. {block:PostNotes}<div id="content_notes"><div id="contenttxt">{PostNotes}</div></div>{/block:PostNotes}</div></div>
  511.         </body>
  512. </html>
create a new version of this paste RAW Paste Data