API tools faq
paste
Advertisement
leodicapriio

Heart Attack

leodicapriio
Feb 27th, 2013
678
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.22 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8.  
  9.  
  10. <!--
  11.  
  12. l lllll ll lll l llll ll lll lll l l ll
  13. l l l l l l l l l l l l l l l l l l
  14. l l l l l l l l l l l l l l l l l l
  15. l llll l l l l l l llllllll lll lll l l l l
  16. l l l l l l l l l l l l l l l l l
  17. lllll lllll ll lll l llll l l l l l l l ll
  18.  
  19. Theme made by leodicapriio. Please follow all rules :)
  20.  
  21. -->
  22.  
  23.  
  24.  
  25. <meta name="color:Background" content="#ffffff"/>
  26. <meta name="color:Text" content="#838282"/>
  27. <meta name="color:Border" content="#f8f8f8"/>
  28. <meta name="color:Border Links" content="#f8f8f8"/>
  29. <meta name="color:Shadow" content="#eeeeee"/>
  30. <meta name="color:Link" content="#b8b8b8"/>
  31. <meta name="color:Bold" content="#6783a2"/>
  32. <meta name="color:Italic" content="#6782a2"/>
  33. <meta name="color:QuestionBg" content="#f8f8f8"/>
  34. <meta name="color:Scrollbar" content="#ce97a6"/>
  35.  
  36. <meta name="image:Sidebar" content=""/>
  37. <meta name="image:Background" content=""/>
  38.  
  39. <meta name="if:Title" content=""/>
  40.  
  41. <meta name="text:link 3" content="" />
  42. <meta name="text:link 3 url" content="" />
  43. <meta name="text:link 4" content="" />
  44. <meta name="text:link 4 url" content="" />
  45. <meta name="text:link 5" content="" />
  46. <meta name="text:link 5 url" content="" />
  47.  
  48. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  49. <title>{Title}</title>
  50. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  51. <link rel="shortcut icon" href="{Favicon}" />
  52. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  53.  
  54. <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  55.  
  56. <style type="text/css">
  57.  
  58. body {color:{color:text};
  59. background-color:{color:background};
  60. background-image: url('{image:Background}');
  61. background-attachment:fixed;
  62. font-family:'Inconsolata';
  63. font-size:10px;
  64. line-height:100%;
  65. text-align:justify;
  66. font-style:normal
  67. }
  68.  
  69. a:link, a:active, a:visited {color: {color:link};
  70. font-family:'Inconsolata';
  71. text-decoration:none;
  72. }
  73.  
  74. a:hover {color:{color:Background};
  75. -webkit-transition: all 0.5s ease-in-out;
  76. -moz-transition: all 0.5s ease-in-out;
  77. -o-transition: all 0.5s ease-in-out;
  78. -ms-transition: all 0.5s ease-in-out;
  79. transition: all 0.5s ease-in-out;
  80. }
  81.  
  82. small{font-size:9px
  83. }
  84.  
  85. big{
  86. color:{color:Link};
  87. text-transform:lowercase;
  88. font-style:italic
  89. }
  90.  
  91. b, strong{color:{color:title}
  92. }
  93.  
  94. i, em {color:{color:text}
  95. }
  96.  
  97. p{margin-top:5px; margin-bottom:5px}
  98. blockquote {margin-left:10px;
  99. margin:8px;
  100. padding:3px;
  101. border-left:1px double {color:linkblock3}
  102. }
  103.  
  104. img {
  105. border:none;
  106. }
  107.  
  108. blockquote {
  109. padding-left:5px;
  110. border-left:2px solid;
  111. }
  112.  
  113. blockquote blockquote {
  114. padding-left:5px;
  115. border-left:2px solid;
  116. }
  117.  
  118. h1 {
  119. font-size:15px;
  120. }
  121.  
  122. #entries {padding:10px;
  123. width:500px;
  124. margin-left:500px;
  125. margin-top:-10px;
  126. }
  127.  
  128. #post {
  129. width:500px;
  130. margin-top:40px;
  131. padding:20px;
  132. border:1px solid {color:border};
  133. background-color:{color:bg};
  134. }
  135.  
  136. #post img{
  137. opacity:0.75;
  138.  
  139. -webkit-transition: all 0.6s ease-in-out;
  140. -moz-transition: all 0.6s ease-in-out;
  141. -o-transition: all 0.6s ease-in-out;
  142. -ms-transition: all 0.6s ease-in-out;
  143. transition: all 0.6s ease-in-out;
  144. }
  145.  
  146. #post img:hover{
  147. opacity:1;
  148.  
  149. -webkit-transition: all 0.6s ease-in-out;
  150. -moz-transition: all 0.6s ease-in-out;
  151. -o-transition: all 0.6s ease-in-out;
  152. -ms-transition: all 0.6s ease-in-out;
  153. transition: all 0.6s ease-in-out;
  154. }
  155.  
  156. #post:hover .tags {position:absolute;
  157. margin-left:505px;
  158. opacity:1;padding:5px;
  159. }
  160.  
  161. #tags {
  162. font-family:cambria;
  163. letter-spacing:0px;
  164. text-transform:uppercase;
  165. font-size:8px;
  166. margin-top:4px;
  167. }
  168.  
  169. #tags
  170. a {display:inline; background-color:{color:linkb};
  171. padding:-4px;
  172. text-align:left;
  173. -webkit-transition: all 0.6s ease-in-out;
  174. -moz-transition: all 0.6s ease-in-out;
  175. -o-transition: all 0.6s ease-in-out;
  176. -ms-transition: all 0.6s ease-in-out;
  177. transition: all 0.6s ease-in-out;}
  178.  
  179. #info {text-align:left;
  180. padding:5px;
  181. margin-top:10px;
  182. margin-bottom:5px;
  183. text-transform: uppercase;
  184. font-family:calibri;}
  185. #sidebar {
  186. width:250px;
  187. position:fixed;
  188. margin-left:250px;
  189. margin-top:100px;
  190. }
  191.  
  192. #description {
  193. background-color:transparent;
  194. font-family:cambria;
  195. padding-top:1px;
  196. width:100px;
  197. margin-top:-10px;
  198. margin-bottom:25px;
  199. line-height:80%;
  200. font-size:9px;
  201. padding:7px
  202. }
  203.  
  204. #description img {
  205. width:100px;
  206. padding:10px;
  207. height:190px;
  208. background-color:transparent;
  209. border:1px solid {color:linkblock};
  210. margin-top:-30px
  211. }
  212.  
  213. #des {position:fixed;
  214. text-align:justify;
  215. word-spacing:3px;
  216. font-family: ashley;
  217. font-style:italic;
  218. font-size: 9px;
  219. height:auto;;
  220. margin-top:-120px;
  221. padding-right:10px;
  222. border-right:1px solid {color:Border};
  223. margin-left:127px;
  224. opacity:1;
  225. width:130px;
  226. line-height:120%;
  227. background-color:transparent;
  228. padding:10px;
  229. -webkit-transition: all 0.6s ease-in-out;
  230. -moz-transition: all 0.6s ease-in-out;
  231. -o-transition: all 0.6s ease-in-out;
  232. -ms-transition: all 0.6s ease-in-out;
  233. transition: all 0.6s ease-in-out;
  234. }
  235.  
  236. #des a{font-size:8px;
  237. padding:2px;
  238. -webkit-transition: all 0.6s ease-in-out;
  239. -moz-transition: all 0.6s ease-in-out;
  240. -o-transition: all 0.6s ease-in-out;
  241. -ms-transition: all 0.6s ease-in-out;
  242. transition: all 0.6s ease-in-out;
  243. }
  244.  
  245. #des a:hover {
  246. color:{color:background};
  247. opacity:..8;
  248. -webkit-transition: all 0.6s ease-in-out;
  249. -moz-transition: all 0.6s ease-in-out;
  250. -o-transition: all 0.6s ease-in-out;
  251. -ms-transition: all 0.6s ease-in-out;
  252. transition: all 0.6s ease-in-out;
  253. }
  254.  
  255. #links {text-align:center;
  256. position:fixed;
  257. text-transform: lowercase;
  258. width:50px;
  259. height:108px;
  260. margin-top:-154px;
  261. margin-left:23px;
  262. opacity:0;
  263. color:{color:Link};
  264. transition: all 0.5s ease-out;
  265. -o-transition: all 0.5s ease-out;
  266. -webkit-transition: all 0.5s ease-out;
  267. -moz-transition: all 0.5s ease-out;
  268. }
  269.  
  270. #links a { background-color:white;
  271. display:block;
  272. width:75px;
  273. height:16px;
  274. margin-bottom:-7px;
  275. line-height:15px;
  276. padding:1px;
  277. font-size:10px;
  278. text-decoration:none;
  279. text-align:center;
  280. opacity:1;
  281. margin-left:2px;
  282. font-family:"Inconsolata";
  283. background:{color:Background};
  284. border:1px #eeecec solid;
  285.  
  286. text-shadow:10px 0px transparent, -10px 0px transparent;
  287. -webkit-transition: all 0.5s ease-in-out;
  288. -moz-transition: all 0.5s ease-in-out;
  289. -o-transition: all 0.5s ease-in-out;
  290. -ms-transition: all 0.5s ease-in-out;
  291. transition: all 0.5s ease-in-out;
  292. }
  293.  
  294. #links a:hover{
  295. background-color:#464545;
  296. color:transparent;
  297. text-shadow:0px 0px #dddddd, -0px 0px #dddddd;
  298. -webkit-transition: all 0.5s ease-in-out;
  299. -moz-transition: all 0.5s ease-in-out;
  300. -o-transition: all 0.5s ease-in-out;
  301. -ms-transition: all 0.5s ease-in-out;
  302. transition: all 0.5s ease-in-out;
  303. }
  304.  
  305. #footer { position:fixed;
  306. bottom:0;
  307. background-color:{color:background};
  308. width:530px;
  309. padding:20px 0 20px 0px;
  310. text-align:center;
  311. }
  312.  
  313. #sidebar {
  314. width:180px;
  315. padding:10px;
  316. margin-left:170px;
  317. margin-top:150px;
  318. }
  319.  
  320. #sidebarimage img {
  321. width:120px;
  322. height:150px;
  323. padding:4px;
  324. border:1px solid {color:border};
  325. background-color: transparent;
  326.  
  327. -webkit-transition: all 0.4s ease-in-out;
  328. -moz-transition: all 0.4s ease-in-out;
  329. -o-transition: all 0.4s ease-in-out;
  330. -ms-transition: all 0.4s ease-in-out;
  331. transition: all 0.4s ease-in-out;
  332. }
  333.  
  334. #sidebar:hover #links {
  335. opacity:1;
  336. margin-top:-139px;
  337. -webkit-transition: all 0.6s ease-in-out;
  338. -moz-transition: all 0.6s ease-in-out;
  339. -o-transition: all 0.6s ease-in-out;
  340. -ms-transition: all 0.6s ease-in-out;
  341. transition: all 0.6s ease-in-out;
  342. }
  343.  
  344. #description {
  345. padding:5px;
  346. text-align:center;
  347. }
  348.  
  349. .pagination { text-align:center;
  350. color:{color:body};
  351. left:213px;
  352. }
  353.  
  354. .current_page { background-color:;
  355. padding:5px;
  356. margin:5px;
  357. }
  358.  
  359. .jump_page, .next { background-color:;
  360. padding:5px;
  361. margin:5px;
  362. }
  363.  
  364. #info {
  365. text-align:center;
  366. margin-top:10px;
  367. }
  368.  
  369. #question { padding:15px;
  370. background-color: {color:QuestionBg};
  371. position: relative;
  372. }
  373.  
  374. #question:after, #demo:before { border: solid transparent;
  375. content: ' ';
  376. height: 0;
  377. left: 100%;
  378. position: absolute;
  379. width: 0;
  380. }
  381.  
  382. #question:after { border-width: 9px;
  383. border-left-color: {color:QuestionBg};
  384. top: 15px;
  385. }
  386.  
  387. #question:before { border-width: 14px;
  388. border-left-color: {color:QuestionBg};
  389. top: 10px;
  390. }
  391.  
  392. #credit {
  393. background-color:white;
  394. font-size:9px;
  395. font-family:calibri;
  396. text-transform:uppercase;
  397. width:95px;
  398. padding:5px;
  399. right:20px;
  400. bottom:25px;
  401. position:fixed;
  402. text-align:center;
  403. border:1px solid {color:border};
  404.  
  405. }
  406.  
  407. {CustomCSS}</style></head><body>
  408.  
  409. <div id="credit">
  410. <a href="http://leodicapriio.tumblr.com/">©LEODICAPRIIO</a></div>
  411.  
  412. <div id="sidebar">
  413.  
  414. <div id="navcontainer">
  415. {block:HasPages}
  416. {block:Pages}
  417. <ul>
  418. <li><a href={URL}>{Label}</a></li>
  419. </ul>
  420. {/block:Pages}
  421. {/block:HasPages}
  422. </div>
  423.  
  424.  
  425. <div id="sidebarimage">
  426. <a href="/"><img src="{image:sidebar}"></a></div>
  427.  
  428. <div id="des">{Description}</div>
  429. <div id="links">
  430. <a href="/">home</a><br />
  431. <a href="/ask">ask</a><br />
  432. <a href="{text:link 3 url}">{text:link 3}</a><br />
  433. <a href="{text:link 4 url}">{text:link 4}</a><br />
  434. <a href="{text:link 5 url}">{text:link 5}</a><br />
  435. </div>
  436.  
  437. <div id="description">
  438.  
  439. </div></div>
  440.  
  441.  
  442.  
  443. <div id="entries">{block:Posts}<p>
  444. <div id="post">
  445.  
  446. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  447.  
  448. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  449.  
  450. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  451.  
  452. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  453.  
  454. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  455.  
  456. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  457.  
  458. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  459.  
  460. {block:Answer}
  461. <img align="right" src="{AskerPortraitURL-40}"> <div id="question" style="width:420px;">{Asker}: {Question}</div> <BR>
  462. {Answer}
  463. {/block:Answer}
  464.  
  465. {block:Audio}<span class="audio"><center>{AudioPlayerBlack}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio}<br>
  466.  
  467. <div id="info">
  468. <a href="{ReblogURL}" target="_blank">reblog</a><p>
  469. {block:Date} {Month} {DayOfMonthWithZero} {Year}{/block:Date} {&hearts;<a href="{Permalink}">
  470. {NoteCount}</a>}
  471. {block:RebloggedFrom}<p>▼<a href="{ReblogParentURL}"
  472. title="{ReblogParentTitle}">{ReblogParentName}</a> ▼<a href="{ReblogRootURL}"title="{ReblogRoottitle}">{ReblogRootName}</a>{/block:RebloggedFrom}
  473. {block:HasTags}
  474. <div id="tags">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  475. {/block:Posts}
  476. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  477. {/block:Posts}</div></div></div>
  478.  
  479.  
  480.  
  481. <div id="footer" class="pagination" style="height:20px;padding:5px;margin-left:301px;">
  482. {block:Pagination}
  483. {block:PreviousPage}
  484. <a class="next" href="{PreviousPage}">←</a>
  485. {/block:PreviousPage}
  486.  
  487. {block:JumpPagination length="5"}
  488. {block:CurrentPage}
  489. <span class="current_page">{PageNumber}</span>
  490. {/block:CurrentPage}
  491.  
  492. {block:JumpPage}
  493. <a class="jump_page" href="{URL}">{PageNumber}</a>
  494. {/block:JumpPage}
  495. {/block:JumpPagination}
  496.  
  497. {block:NextPage}
  498. <a class="next" href="{NextPage}">→</a>
  499. {/block:NextPage}
  500. {/block:Pagination}
  501. </div>
  502.  
  503.  
  504.  
  505. </body></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!