Advertisement
rasperries

first breath after coma

Oct 24th, 2012
62
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.25 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--
  4. theme #5 by sherloeckchen. ask if you've got questions, i hope i can help!
  5. please don't remove the credit or use as base. you can change whatever you like as long as the credit is still in tact. :)
  6. -->
  7.  
  8. <html>
  9. <head>
  10.  
  11. <title>{Title}</title>
  12. <link rel="shortcut icon" href="{Favicon}" />
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  14. <meta name="description" content="{MetaDescription}" />
  15.  
  16. <meta name="image:sidebar" content=""/>
  17. <meta name="color:main" content="#87224A"/>
  18. <meta name="color:dark" content="#202020"/>
  19. <meta name="color:slinks" content="#c8b8d1"/>
  20. <meta name="text:bodyfont" content="cambria"/>
  21. <meta name="text:infofont" content="calibri"/>
  22. <meta name="if:blogtitle" content="0"/>
  23. <meta name="if:sidebarpicture" content="0"/>
  24.  
  25. <meta name="if:link1" content="1"/>
  26. <meta name="text:link1url" content="/"/>
  27. <meta name="text:link1title" content="title"/>
  28. <meta name="if:link2" content="1"/>
  29. <meta name="text:link2url" content="/"/>
  30. <meta name="text:link2title" content="title"/>
  31. <meta name="if:link3" content="1"/>
  32. <meta name="text:link3url" content="/"/>
  33. <meta name="text:link3title" content="title"/>
  34.  
  35. <link href='http://fonts.googleapis.com/css?family=Cabin+Condensed|Oranienbaum|Capriola' rel='stylesheet' type='text/css'>
  36.  
  37. <!-- CUSTOMIZABLE TOOLTIP -->
  38. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script>
  39.  
  40. <script src="http://static.tumblr.com/xgofl0y/O7Fm1ufj3/jquery.style-my-tooltips.js" type="text/javascript"></script>
  41.  
  42. <script>
  43. $().ready(function() {
  44. $("[title]").style_my_tooltips({
  45. tip_follows_cursor: "on", //on/off
  46. tip_delay_time: 300 //milliseconds
  47. });
  48. });
  49. </script>
  50.  
  51. </head>
  52.  
  53. <style type="text/css">
  54.  
  55. body{
  56. background-color:white;
  57. color:#5f5f5f;
  58. font-family:'{text:bodyfont}', times, serif;
  59. font-size:10px;
  60. line-height:120%;
  61. letter-spacing:0px;
  62. text-align:justify;
  63. }
  64.  
  65. a{color:{color:main};text-decoration:none;-webkit-transition:0.4s ease-in;}
  66. a:active{color:{color:main};text-decoration:none;-webkit-transition:0.4s ease-in;}
  67. a:visited{color:{color:main};text-decoration:none;-webkit-transition:0.4s ease-in;}
  68. a:hover{color:{color:dark};}
  69.  
  70. blockquote{margin-left:10px;padding-left:5px;border-left:10px solid #202020;}
  71.  
  72. small{font-size:9px;}
  73. big{font-size:13px;font-family:'{text:infofont}';}
  74.  
  75. /* SIDEBAR */
  76.  
  77. #sidebar{
  78. margin-top:55px;
  79. margin-left:125px;
  80. width:210px;
  81. position:fixed;
  82. }
  83.  
  84. #sidebar img{
  85. width:210px;
  86. }
  87.  
  88. .descr a{color:{color:main};}
  89. .descr a:active{color:{color:main};}
  90. .descr a:visited{color:{color:main};}
  91. .descr a:hover{color:{color:dark};}
  92.  
  93. .blogtitle{
  94. margin-bottom:6px;
  95. font-size:14px;
  96. font-weight:;
  97. text-align:center;
  98. letter-spacing:0px;
  99. font-family:'{text:infofont}';
  100. text-transform:uppercase;
  101. }
  102. .blogtitle a{color:{color:dark};}
  103.  
  104. .sidelinks{
  105. margin-top:8px;
  106. margin-bottom:8px;
  107. text-align:center;
  108. color:{color:slinks};
  109.  
  110. }
  111.  
  112. .sidelinks a, a:active, a:visited{
  113. padding:2px 4px 3px;
  114. font-size:10px;
  115. font-style:italic;
  116. -webkit-transition:0.4s ease-in;
  117. background-color:transparent;
  118. color:{color:main};
  119. }
  120.  
  121. .sidelinks a:hover{background-color:{color:dark};color:#fff;}
  122.  
  123. .pagination{
  124. text-align:center;
  125. font-size:9px;
  126. letter-spacing:1px;
  127. color:#202020;
  128. margin-top:6px;
  129. }
  130. .pagination a, a:active, a:visited, a:hover{color:{color:dark};}
  131.  
  132. /* END SIDEBAR */
  133.  
  134. /* BLOG */
  135.  
  136. #container{
  137. width:500px;
  138. margin-left:450px;
  139. margin-top:100px;
  140. margin-bottom:100px;
  141. }
  142.  
  143. #post{
  144. width:500px;
  145. margin-bottom:90px;
  146. }
  147.  
  148. #post a{color:{color:main};}
  149. #post a:active{color:{color:main};}
  150. #post a:visited{color:{color:main};}
  151. #post a:hover{color:{color:dark};}
  152.  
  153. .posttitle{
  154. text-align:center;
  155. font-family:'{text:infofont}';
  156. text-transform:uppercase;
  157. font-style:;
  158. letter-spacing:1px;
  159. font-size:13px;
  160. margin-bottom:5px;
  161. }
  162.  
  163. .musicplayer{
  164. width:27px;
  165. height:27px;
  166. overflow:hidden;
  167. z-index:2;
  168. display:block;
  169. background-color:white;
  170. padding: 38px 38px 35px 35px;
  171. position:absolute;
  172. opacity:0.1;
  173. -webkit-transition: all 0.7s ease-in-out;
  174. -moz-transition: all 0.7s ease-in-out;
  175. -o-transition: all 0.7s ease-in-out;
  176. }
  177.  
  178. #post:hover .musicplayer{opacity:1;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;}
  179.  
  180. .audio{
  181. position:absolute;
  182. width:40px;
  183. height:40px;
  184. }
  185.  
  186. .audioimg{
  187. width:100px;
  188. height:100px;
  189. position:absolute;
  190. }
  191.  
  192. .audioimg img{
  193. float:left;
  194. opacity:1;
  195. width:100px;
  196. }
  197.  
  198. .audioinfo{
  199. font-size:13px;
  200. text-transform:uppercase;
  201. font-family:'{text:infofont}';
  202. color:white;
  203. margin-bottom: 1px;
  204. margin-left:101px;
  205. height:65px;
  206. display:block;
  207. width:399px;
  208. text-align:center;
  209. background-color:{color:dark};
  210. padding-top:35px;
  211. }
  212.  
  213. .answer{
  214. padding:10px;
  215. color:white;
  216. display:block;
  217. height:auto;
  218. width:480px;
  219. text-align:justify;
  220. background-color:{color:dark};
  221. }
  222.  
  223. .answer a{color:white !important;}
  224.  
  225. .postquote{
  226. padding:10px;
  227. color:white;
  228. display:block;
  229. height:auto;
  230. width:480px;
  231. text-align:justify;
  232. background-color:{color:dark};
  233. }
  234.  
  235. ol.notes{list-style-type:none;width:500px;margin-left:-45px;}
  236. ol.notes li.note{padding:5px;}
  237. ol.notes li.note blockquote{border-left:2px solid {color:dark};padding-left:5px;margin-left:20px;}
  238.  
  239. /* POSTINFO */
  240.  
  241. .postinfo{width:500px;padding-top:5px;border-top:3px double #e3e3e3;margin-top:20px;opacity:1;font-family:'{text:infofont}';text-align:center;opacity:1;}
  242. .postinfo img{float:right;height:10px;}
  243.  
  244. .postsource{text-align:right;float:right;}
  245.  
  246. span.timeago{font-size:9px;text-transform:uppercase;}
  247.  
  248. span.rootname a{color:{color:dark} !important;-webkit-transition:0.4s ease-in;}
  249. span.rootname a:hover{color:{color:main} !important;}
  250.  
  251. .tags{line-height:16px;margin-top:2px;}
  252. .tags a{background-color:transparent;color:#202020 !important;padding:1px 2px 1px;margin-right:3px;margin-left:3px;}
  253. .tags a:hover{background-color:{color:dark};color:white !important;}
  254.  
  255. /* END POSTINFO */
  256. /* END BLOG */
  257.  
  258. ::-webkit-scrollbar-thumb:vertical{background-color:{color:dark};border-bottom:4px solid #fff;border-top:4px solid #fff;border-right:4px solid #fff;height: 100px;}
  259. ::-webkit-scrollbar-thumb:horizontal{background-color:{color:dark};border-bottom:4px solid #fff;border-left:4px solid #fff;border-right:4px solid #fff;}
  260. ::-webkit-scrollbar{height: 12px; width: 12px; background-color: #FFFFFF;}
  261.  
  262. ::-moz-selection, ::selection{background-color:{color:dark};color: #fff;}
  263.  
  264. #tumblr_controls{position:fixed !important;opacity:0.5;-webkit-transition:0.5s ease-in;}
  265. #tumblr_controls:hover{opacity:1;}
  266.  
  267. #s-m-t-tooltip{
  268. position:absolute;
  269. font-size:9px;
  270. z-index:5000;
  271. background-color:{color:dark};
  272. color:#fff;
  273. padding: 4px 7px;
  274. }
  275.  
  276. .credit{
  277. bottom:10px;
  278. right:10px;
  279. position:fixed;
  280. font-family:'{text:infofont}';
  281. text-transform:uppercase;
  282. }
  283.  
  284. .credit a, a:active, a:visited{color:{color:main};-webkit-transition:0.4s ease-in;}
  285. .credit a:hover{color:{color:dark};}
  286.  
  287. </style>
  288. <body>
  289.  
  290. <div class=”source”>{block:ContentSource}<a href=”{SourceURL}”>{lang:Source}:{block:SourceLogo}
  291. <img src=”{BlackLogoURL}” width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  292. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  293. {/block:ContentSource}</div>
  294.  
  295. <div id="sidebar">
  296. {block:ifblogtitle}<div class="blogtitle"><a href="/">{title}</a></div>{/block:ifblogtitle}
  297. {block:ifsidebarpicture}<a href="/"><img src="{image:sidebar}" /></a>{/block:ifsidebarpicture}
  298. <div class="sidelinks">
  299. <a href="/">home</a>
  300. <a href="/faqask">ask</a>
  301. {block:iflink1}<a href="{text:link1url}">{text:link1title}</a>{/block:iflink1}
  302. {block:iflink2}<a href="{text:link2url}">{text:link2title}</a>{/block:iflink2}
  303. {block:iflink3}<a href="{text:link3url}">{text:link3title}</a>{/block:iflink3}
  304. </div>
  305. <div class="descr">{description}</div><br>
  306. {block:Pagination}<div class="pagination">{block:PreviousPage}<a href="{PreviousPage}">←</a> {/block:PreviousPage}<i>{CurrentPage} of {TotalPages}</i>{block:NextPage} <a href="{NextPage}">→</a>{/block:NextPage}</div>{/block:Pagination}
  307. </div>
  308.  
  309. <div id="container">
  310.  
  311. {block:Posts}
  312. <div id="post">
  313.  
  314. {block:Text}{block:Title}<div class="posttitle">{Title}</div>{/block:Title}{Body}{block:More}<a href="{Permalink}">More →</a>{/block:More}{/block:Text}
  315.  
  316. {block:Photo}<a href="{Permalink}">
  317. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  318. <img src="{block:IndexPage}{PhotoURL-500}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" width="500px" />
  319. </a><p>
  320. {/block:Photo}
  321.  
  322. {block:Photoset}{Photoset-500}
  323. {/block:Photoset}
  324.  
  325. {block:Quote}<div class="postquote">{Quote}</div><p>
  326. {block:Source}—{Source}{/block:Source}{/block:Quote}
  327.  
  328. {block:Link}<a href="{URL}"><div class="posttitle">{Name}</div></a>{block:Description}{Description}{/block:Description}{/block:Link}
  329.  
  330. {block:Video}
  331. {Video-500}
  332. {/block:Video}
  333.  
  334. {block:Chat}{block:Title}<div class="posttitle">{Title}</div>{/block:Title}<p>
  335. {block:Lines}<div style="margin-bottom:4px;">{block:Label}<span style="text-transform: uppercase; font-family:'cabin condensed'; font-style:;"> {Label}</span>{/block:Label}&nbsp;&nbsp;{Line}<br></div>{/block:Lines}{/block:Chat}
  336.  
  337. {block:Audio}
  338. <div class="audio"><div class="musicplayer">{AudioPlayerWhite}</div>
  339. <div class="audioimg"><img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg"></div>{block:AlbumArt}<div class="audioimg"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}</div>
  340. <div class="audioinfo">{block:TrackName}{TrackName}{/block:TrackName}<br>
  341. <div style="font-size:9px;font-family:Georgia;margin-top:5px;">{block:Artist}{Artist}{/block:Artist}{block:Album} - {Album}{/block:Album}</div></div>
  342. {/block:Audio}
  343.  
  344. {block:Answer}
  345. <div class="answer"><div style="font-size:8px;letter-spacing:1px;text-transform:uppercase;text-align:center;padding-bottom:4px;border-bottom:1px solid white;margin-bottom:5px;">{Asker}</div>{Question}</div>
  346. {Answer}
  347. {/block:Answer}
  348.  
  349. {block:Date}<div class="postinfo">
  350.  
  351. <a href="{Permalink}">{block:NoteCount}{NoteCount}&nbsp; ∙ &nbsp;{/block:NoteCount}<span class="timeago"><a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth} {ShortYear}</a><a href="{Permalink}">{block:RebloggedFrom}&nbsp; ∙ &nbsp;<a href="{ReblogParentURL}">via</a>∙ &nbsp;<a href="{Permalink}"><span class="rootname"><a href="{ReblogRootURL}">©</a>{/block:RebloggedFrom}</span></span>
  352.  
  353.  
  354. </div>{/block:Date}
  355.  
  356. </div>
  357. {/block:Posts}
  358.  
  359. {block:PermalinkPage}
  360. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  361. {/block:PermalinkPage}
  362.  
  363. </div>
  364.  
  365. <div class="credit"><a href="http://sherloeckchen.tumblr.com/">theme</a></div>
  366.  
  367. </body>
  368. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement