API tools faq
paste
xrevolt

somewhat damaged -- pink

xrevolt
Dec 6th, 2011
31
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.50 KB | None | 0 0
raw download clone embed print report
  1. SOMEWHAT DAMAGED
  2.  
  3. {decription}
  4.  
  5. <i>You left your flowers in the backseat of my car. The things we said and did have left permanent scars. Obsessed depressed at the same time, I can't even walk in a straight line. I've been lying in the dark no sunshine.</i> </br>
  6. rae. eighteen. muslim. music fiend, photographer, artist, journalist, football enthusiast, environmentalist, humanitarian, writer. palestine, be free. i'll live to see the day you're free, and if not, i'll be over there helping out. <3<br>
  7. i love movies, books, art, museums, music, photography, landscape, architecture, ancient history, etc. this blog has a lot of suits, white collar, liverpool, scenery, arsenal, love, family, robin van persie, spain, architecture, ibrahim afellay, ian shalder, robin hood, peter pan, emma watson, etc etc. :) hope you enjoy!
  8. <br><br><br><br>
  9. <i>my mates</i>
  10. <br><a href="http://surrendersavedmylife.tumblr.com">ELENA TO MY DAMON</a>
  11. <br><a href="http://fyabi.tumblr.com">SAFIA TO MY WILL SCARLETT</a>
  12. <br><a href="http://speeditdown.tumblr.com">GEMMA TO MY KARTIK</a>
  13. <br><a href="http://gerrardishard.tumblr.com">CARRA TO MY STEVIE</a>
  14.  
  15.  
  16. background: white (wood grain image)
  17. strong accent: #da005c
  18. light accent: white
  19. posts: white
  20. post font: #797979
  21. right links: white
  22. quote: #7c7c7c
  23. chatodd: #727272
  24. source links: black
  25.  
  26.  
  27.  
  28.  
  29.  
  30.  
  31.  
  32.  
  33.  
  34.  
  35.  
  36.  
  37.  
  38.  
  39.  
  40.  
  41.  
  42.  
  43.  
  44.  
  45.  
  46.  
  47.  
  48.  
  49.  
  50.  
  51.  
  52.  
  53.  
  54.  
  55. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  56.  
  57. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  58.  
  59. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  60. <head>
  61. <!-- DO NOT REMOVE
  62.  
  63. THEME MADE BY: lostmemento.tumblr.com
  64.  
  65. -->
  66. <!-- DEFAULT VARIABLES -->
  67. <meta name="image:sidebarpic" content=""/>
  68. <meta name="image:background" content=""/>
  69. <meta name="color:background" content="#FFF" />
  70. <meta name="color:strongaccent" content="#DA005C" />
  71. <meta name="color:lightaccent" content="#F9F9F9" />
  72. <meta name="color:posts" content="#FFF" />
  73. <meta name="color:postfont" content="#797979" />
  74. <meta name="color:rightlinks" content="#f4f4f4" />
  75. <meta name="color:quote" content="#7c7c7c" />
  76. <meta name="color:chatlineodd" content="#727272" />
  77. <meta name="color:sourcelinks" content="#000" />
  78. <meta name="if:Show Submit" content=""/>
  79.  
  80.  
  81. <title>{Title}</title>
  82. <link rel="shortcut icon" href="{Favicon}">
  83. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  84. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  85. <link rel="shortcut icon" href="{Favicon}" />
  86. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  87. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  88.  
  89.  
  90. <style type="text/css">
  91. body {background-color: {color:background}; background-attachment: fixed; font-family: georgia; margin: 0px; background-image: url('{image:background}'); background-attachment: fixed; background-position: bottom left; background-repeat: repeat;}
  92. img {border: 0;}
  93. a {text-decoration: none; color: {color:sourcelinks}; font-weight: normal;}
  94. h1 {text-align: center; font-family: georgia; font-style: italic; font-weight: normal;}
  95. h1 a{background-color: {color:lightaccent}; padding: 2px 5px; color: {color:postfont}; border-left: 20px solid {color:strongaccent}; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  96. h1 a:hover {background-color: {color:strongaccent}; color: {color:posts}}
  97.  
  98.  
  99.  
  100. ::-webkit-scrollbar-thumb:vertical {
  101. background-color:{color:quote};
  102. height:100px;
  103. }
  104. ::-webkit-scrollbar-thumb:horizontal {
  105. background-color:{color:title};
  106. height:10px;
  107. }
  108. ::-webkit-scrollbar {
  109. height:10px;
  110. width:10px;
  111. background-color:{color:background};
  112. }
  113.  
  114. i, em {color:{color:strongaccent};}
  115. b, strong {color:{color:sourcelinks};}
  116.  
  117. #homelinks {display: block; color: {color:rightlinks}; position: fixed; top: 90px; right: 195px;}
  118. .userpic {padding: 5px; background-color: {color:rightlinks};}
  119. .linkbox {font-size: 115px; color: {color:rightlinks}; position: fixed; right: 58px; top: 30px; text-align: right; line-height: 65%;}
  120. .linkbox a {color: {color:rightlinks};font-weight: lighter;}
  121. .linkbox a:hover {color: {color:strongaccent};}
  122. .pages {font-style: italic; font-size: 68px; position: relative; z-index: -1}
  123.  
  124. #nav {background-color: {color:strongaccent}; width: 70px; height: 100%; position: fixed; display: block; top: 0px; right: 0px; z-index: 1;}
  125. #nav a {color: {color:posts}; font-size: 48px;}
  126.  
  127. #container {margin-right: 442px; width: 520px; float: right; margin-top: 12px;}
  128. .date {color: {color:postfont}; margin-top: 12px; font-family: trebuchet ms; text-align: right; padding: 0px 0px; padding-right: 10px; font-size: 9px; text-transform: uppercase; background-color: {color:lightaccent}; margin-bottom: 2px; line-height: 11px; letter-spacing: 1px; margin-top: 20px}
  129. #posts {width: 500px; color: {color:postfont}; font-family: trebuchet ms; font-size: 11px; background-color: {color:posts};}
  130. #posts .content a{background-color: {color:lightaccent}; padding: 0px 7px; text-transform: uppercase; color: {color:postfont}; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  131. #posts .content a:hover {background-color: {color:strongaccent}; padding: 0px 7px; text-transform: uppercase; color: {color:posts};}
  132. .content {width: 480px; padding: 0px 10px; text-align: justify}
  133. .content p {max-width: 100%}
  134. .content p img {max-width: 100%}
  135. #posts blockquote {max-width: 450px; width: 450px; border-left: 3px solid {color:lightaccent}; padding-left: 5px; margin-left: 15px;}
  136. #posts .content blockquote blockquote {max-width: 400px; width: 400px;}
  137. #posts .content blockquote blockquote blockquote {max-width: 375px; width: 375px;}
  138. #posts .content blockquote blockquote blockquote blockquote{max-width: 300px; width: 300px;}
  139. .content blockquote img {max-width: 100%;}
  140. .content ul {max-width: 100%; margin: 2px 5px}
  141. .content li {max-width: 100%; list-style-type: square;}
  142. .content li img {max-width: 100%}
  143.  
  144. /* QUOTE */
  145. .quotebx {margin: auto; width: 300px;}
  146. .quote_short {text-align: justify; font-size: 24px; z-index: 4; position: relative; top: -20px; margin-bottom: 10px; background-color: transparent; font-family: georgia; line-height: 100%; font-style: italic; color: {color:quote};}
  147. .quote_medium {text-align: justify; font-size: 18px; z-index: 4; position: relative; top: -20px; margin-bottom: 10px; background-color: transparent; font-family: georgia; color: {color:quote}; line-height: 100%; font-style: italic}
  148. .quote_long {text-align: justify; font-size: 14px; z-index: 4; position: relative; top: -20px; margin-bottom: 10px; background-color: transparent; font-family:georgia; color: {color:quote}; line-height: 100%; font-style: italic}
  149. #quotesource{margin: 5px 90px 0 0; text-align: right; text-transform: uppercase; font-size: 11px; color: {color:quote}; z-index: 2; position: relative;}
  150. #quotesource a:link, #quotesource a:visited, #quotesource a:active {background-color: {color:strongaccent}; color: {color:posts}; padding: 0px 7px;}
  151. #quotemarkleft{font-size: 180px; font-weight: bold; color: {color:strongaccent}; font-family: georgia; line-height: 180px; position: relative; bottom: 10px; left: 0px; margin-bottom: -90px}
  152. #quotemarkright{font-size: 180px; font-weight: bold; color: {color:strongaccent}; padding-right: 5px; line-height: 1px; text-align: right; position: relative; bottom: 0px; font-family: georgia;}
  153.  
  154.  
  155. /* CHAT */
  156. .chat{list-style: none; font-size: 12px; margin: 0px;}
  157. .chat ul {line-height: 15px; list-style: none; padding: 0px; margin: 0px;}
  158. .line.odd {color: {color:postfont}; border-top: 2px solid {color:lightaccent}; padding: 2px 5px}
  159. .line.odd .label {font-weight: bold; padding: 3px; color: {color:chatlineodd}; text-transform: uppercase;}
  160. .line.even {color: {color:postfont}; padding: 2px 5px; border-top: 2px solid {color:lightaccent};}
  161. .line.even .label {font-weight: bold; padding: 3px; color: {color:strongaccent}; text-transform: uppercase;}
  162.  
  163. /* AUDIO */
  164. .contenttxt_audio {padding-left: 15px; margin-top: -5px}
  165. #audiocontain {text-align:center; width: 500px; height: 250px;}
  166.  
  167. .audio_player {text-align: center; margin: auto; width: 205px}
  168. .album_art {position: absolute; width: 250px; height: 250px; margin-left: 0; text-align: left}
  169. .album_art img {width: 250px; height: 250px; float:left}
  170.  
  171. .containermusic {width: 200px; display: block; vertical-align: middle}
  172. .containermusic ul {list-style: none; margin-left: -45px}
  173. .musiclabel {margin: auto; background-color: {color:posts}; padding: 3px 10px; font-size: 9px; color: {color:postfont}; border-bottom: 2px solid {color:strongaccent}; width: 185px; text-transform: uppercase; letter-spacing: 1px;}
  174. .musiclabel:hover {background-color: {color:strongaccent}; color: {color:posts}; border-bottom: 2px solid {color:posts};}
  175. .containermusic .musiclabel ul, #containermusic .musiclabel li {list-style: none; display: block; width: 200px; background-color: {color:posts}}
  176.  
  177. /* POST INFO */
  178. .reblog {line-height: 12px; margin-left: 5px; background-color: {color:lightaccent}; padding: 0px 5px; width: 100%; text-transform: uppercase; letter-spacing: 1px;}
  179. .reblog a {font-size: 9px; color: {color:postfont};}
  180. .tags_nr {font-size: 9px; text-transform: uppercase; border-top: 2px solid {color:lightaccent}; padding: 0px 5px; letter-spacing: 1px; margin-top: 2px;}
  181. .tags_nr a {color: {color:postfont}; padding: 0px 5px;}
  182. .tags_nr a:hover {color: {color:posts}; background-color: {color:strongaccent}}
  183. .tags_r {font-size: 9px; text-transform: uppercase; padding: 0px 5px; letter-spacing: 1px;}
  184. .tags_r a {color: {color:postfont}; padding: 0px 5px;}
  185. .tags_r a:hover {color: {color:posts}; background-color: {color:strongaccent}}
  186.  
  187. /* NOTES LIST */
  188. #content_notes {background-color: {color:lightaccent}; max-width: 490px; margin-top: 2px; padding: 10px 5px; width: 490px; height: 100%; margin-bottom: 30px; font-family: trebuchet ms;}
  189. #content_notes ol.notes{list-style: none; margin: 0px; padding: 0px; width: 490px; font-size: 9px; color: {color:postfont}; max-width: 490px; word-wrap: break-word;}
  190. #content_notes ol.notes a {color: {color:postfont}; text-decoration: none; padding: 0px 3px; background-color: {color:posts}; word-wrap: break-word;}
  191. #content_notes ol.notes li {margin: 0 30px 0 10px; padding: 2px; width: 460px; word-wrap: break-word;}
  192. #content_notes ol.notes li img.avatar a {border: 0px}
  193. #content_notes ol.notes blockquote a {background-color: {color:posts}; color: {color:sourcelinks}; word-wrap: break-word;}
  194.  
  195. /* SIDEBAR */
  196. #sidebar {position: fixed; width: 230px; height: 100%; right: 980px; top: 25px; z-index: 100;}
  197. .sbpic {width: 230px}
  198. #sidebar .pages a:active, #sidebar .pages a:link, #sidebar .pages a:visited {display: block; background-color: {color:lightaccent}; border-left: 5px solid {color:strongaccent}; margin: 2px 0px; line-height: 15px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; padding-left: 10px; font-size: 11px; font-style: italic; color: {color:postfont}; text-transform: lowercase; letter-spacing: 1px;}
  199. #sidebar .pages a:hover {background-color: {color:strongaccent}; padding-left: 50px; color: {color:posts};}
  200. .descript {font-size: 9px; color: {color:postfont}; font-family: trebuchet ms; text-align: center; line-height: 90%; padding: 5px; text-transform: uppercase; letter-spacing: 1px; position: relative; z-index: 100;}
  201. a.d_link {background-color: {color:lightaccent}; border-bottom: 2px solid {color:strongaccent}; padding: 0px 5px; line-height: 150%; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out;}
  202. a.d_link:hover {background-color: {color:strongaccent}; color: {color:posts};}
  203. .made {margin-top: 20px;}
  204. .indi {margin: 0px 3px; background-color: {color:lightaccent}; padding: 0px 3px; color: {color:postfont}; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out;}
  205. .indi:hover {background-color: {color:strongaccent}; color: {color:posts};}
  206. .d_link {background-color: {color:lightaccent}; border-bottom: 2px solid {color:strongaccent}; padding: 0px 5px; line-height: 150%; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; width: 115px; color: {color:postfont}}
  207. .d_link:hover {background-color: {color:strongaccent}; color: {color:posts};}
  208.  
  209. .credit {font-size: 7px; font-family: trebuchet ms; text-transform: uppercase; width: 200px; letter-spacing: 1px; line-height: 150%; margin: 10px 90px; color: {color:postfont}}
  210. </style></head>
  211.  
  212. <body>
  213.  
  214. <!-- ARROW BAR-->
  215. {block:Pagination}<div id="nav"><table cellspacing="0" cellpadding="0" style="vertical-align: middle; height: 100%; text-align: center; width: 100%"><tr><Td>{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  216. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}</td></tr></table></div>{/block:Pagination}
  217.  
  218. <!-- TEXT LINKS -->
  219. <div class="linkbox">
  220. <a href="/">HOME</a><br>
  221. <a href="/ask"><span style="font-size: 73px">ASK &nbsp;&nbsp; BOX</span></a><br>
  222. <a href="/archive"><span style="font-size: 81px; line-height: 50px;">ARCHIVE</span></a><br>
  223. {block:IfShowSubmit}<a href="/submit"><span style="font-size: 80px">SUBMIT</span></a><br>{/block:IfShowSubmit}
  224. <span class="pages">page {CurrentPage}of{TotalPages}</span>
  225. <!-- DO NOT REMOVE -->
  226. <a href="http://lmthemes.tumblr.com"><div class="credit">THEME BY LOSTMEMENTO</div></a></div>
  227. <!-- DO NOT REMOVE CREDITS -->
  228. <div id="homelinks"><A href="/"><img src="{PortraitURL-96}" class="userpic"></a></div>
  229.  
  230.  
  231. <!-- POSTS -->
  232. <div id="container">{block:Posts}
  233. <table width="100%" cellspacing="0" cellpadding="0"><tr><td><A href="{Permalink}">{block:Date}<div class="date"><div style="float: left; padding-left: 10px">{NoteCountWithLabel}</div>{12HourWithZero}:{Minutes} {CapitalAmPm} . {DayOfMonthWithZero} {Month} {Year}</div>{/block:Date}</td><td width="20px"><div style="width: 10px; height: 10px; display: block; background-color: {color:strongaccent}; margin-top: 17px; float: right"></div></td></tr></table></a>
  234. <div id="posts">
  235. <!-- TEXT -->
  236. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}
  237. <div class="content">{Body}</div>{/block:Text}
  238.  
  239. <!-- PHOTO -->
  240. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  241. {block:Caption} <div class="content">{Caption}</div>{/block:Caption}{/block:Photo}
  242.  
  243. <!-- QUOTE -->
  244. {block:Quote}<div id="quotemarkleft">“</div><div class="quotebx"><div class="quote_{Length}">{Quote}</div></div>
  245. {block:Source}<div id="quotesource">- {Source}</div>{/block:Source}<div id="quotemarkright">”</div>
  246. <div class="clear"></div>{/block:Quote}
  247.  
  248. <!-- LINK -->
  249. {block:Link}
  250. {block:Description}<h1><a href="{URL}">{Name}</a></h1>
  251. <div class="content">{Description}</div>{/block:Description}{/block:Link}
  252.  
  253. <!-- CHAT -->
  254. {block:Chat}{block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  255. <div class="chat"><ul>{block:Lines}
  256. <li class="line {Alt}">{block:Label}
  257. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  258. {/block:Chat}
  259.  
  260. <!-- AUDIO -->
  261. {block:Audio}
  262. <table cellspacing="0" cellpadding="0" style="vertical-align: top" height="150px"><tr><td><img style="position: absolute; margin-top: -75px" src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg" alt="default album art" width="150" height="150" />
  263. {block:AlbumArt}
  264. <img style="position: absolute; margin-top: -75px" width="150" height="150" src="{AlbumArtURL}" />
  265. {/block:AlbumArt}
  266. </div></td>
  267.  
  268. <td style="padding-left: 150px;"><img src="http://i51.tinypic.com/20z1nk9.png" width="150px" height="150px"></td><td class="containermusic"><ul><li>{block:Artist}<div class="musiclabel">{Artist}</div>{/block:Artist}</li>
  269. <li>{block:TrackName}<div class="musiclabel">{TrackName}</div>{/block:TrackName}</li>
  270. <li>{block:Album}<div class="musiclabel">{Album}</div>{/block:Album}</li>
  271. <li><div class="musiclabel">{PlayCountWithLabel}</div></li>
  272. <li>{AudioPlayerWhite}</li></ul></td></tr></table>
  273. {block:Caption}<div class="content">{Caption}</div>{/block:Caption}
  274. {/block:Audio}
  275.  
  276. <!-- VIDEO -->
  277. {block:Video}{Video-500}
  278. {block:Caption}<div class="content">{Caption}</div>{/block:Caption}{/block:Video}
  279.  
  280. <!-- ANSWER -->
  281. {block:Answer}<Table width="100%" style="border-bottom: 5px solid {color:lightaccent};"><tr><td style="vertical-align: top" width="50px"><img src="{AskerPortraitURL-40}"></td><td><span style="text-transform: uppercase;">{Asker} asked:</span> {Question}</td></tr></table>
  282. <div class="content">{Answer}</div>{/block:Answer}
  283.  
  284. <!-- REBLOG -->
  285. {block:Reblog}{block:RebloggedFrom}<Table cellspacing="0" cellpadding="0" style="width:485px;"><tr><td><img src="{ReblogParentPortraitURL-16}" height="12px"></td><td><div class="reblog"><A href="{ReblogParentURL}">{TimeAgo} VIA <span style="color: {color:sourcelinks}">{ReblogParentName}</span></a> <a href="{ReblogRootURL}">( ORIGINALLY FROM <span style="color: {color:sourcelinks}">{ReblogRootName}</span> )</a></div></td></tr></table>{/block:RebloggedFrom}
  286. {block:HasTags}<div class="tags_r">{block:Tags}<A href="tagged/{tag}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:Reblog}
  287.  
  288. <!-- NOT REBLOG-->
  289. {block:NotReblog}{block:HasTags}<div class="tags_nr">{block:Tags}<A href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:NotReblog}</div>{/block:Posts}
  290. {block:PostNotes}<div id="content_notes">{PostNotes}</div>{/block:PostNotes}
  291. </div>
  292.  
  293. <div id="sidebar">{block:IfSidebarpicImage}<img src="{image:Sidebarpic}" border=0 class="sbpic">{/block:IfSidebarpicImage}
  294.  
  295. {block:HasPages}{block:Pages}<div class="pages"><A href="{URL}">{Label}</a></div>{/block:Pages}{/block:HasPages}
  296. <div class="descript">{Description}</div>
  297. </div>
  298. </body></html>
  299.  
  300.  
  301.  
  302.  
  303.  
  304.  
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!