Advertisement
rasperries

crmical 10/13

May 5th, 2013
106
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.82 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head><script type="text/javascript">
  5. <!--
  6.  
  7. // Disable Right Click Script
  8.  
  9. function IE(e)
  10. {
  11. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  12. {
  13. return false;
  14. }
  15. }
  16. function NS(e)
  17. {
  18. if (document.layers || (document.getElementById && !document.all))
  19. {
  20. if (e.which == "2" || e.which == "3")
  21. {
  22. return false;
  23. }
  24. }
  25. }
  26. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  27.  
  28. //-->
  29. </script>
  30. <title>{Title}</title>
  31.  
  32. <link rel="shortcut icon" href="{Favicon}" />
  33. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  34. <meta name="description" content="{MetaDescription}" />
  35.  
  36. <link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,700,400italic,700italic|Old+Standard+TT:400,700,400italic|Alice|Vidaloka|Arapey:400italic,400' rel='stylesheet' type='text/css'>
  37.  
  38. <meta name="color:links" content=""/>
  39. <meta name="image:header" content=""/>
  40. <meta name="if:longtitle" content="1"/>
  41. <meta name="if:titlebackgroundwhite" content="1"/>
  42. <meta name="if:headergrayscale" content="1"/>
  43. <meta name="text:link1" content=""/>
  44. <meta name="text:link1url" content=""/>
  45. <meta name="text:link2" content=""/>
  46. <meta name="text:link2url" content=""/>
  47. <meta name="text:link3" content=""/>
  48. <meta name="text:link3url" content=""/>
  49. <meta name="text:link4" content=""/>
  50. <meta name="text:link4url" content=""/>
  51.  
  52. <script type="text/javascript"
  53. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  54.  
  55. </head>
  56.  
  57. <style type="text/css">
  58.  
  59. ::-webkit-scrollbar-thumb:vertical{
  60. background-color:black;
  61. }
  62.  
  63. ::-webkit-scrollbar-thumb:horizontal{
  64. background-color:black;
  65. }
  66.  
  67. ::-webkit-scrollbar{
  68. height:5px;
  69. width:5px;
  70. background-color:white;
  71. }
  72.  
  73. body{cursor: url(http://i.imgur.com/ZOrzC.png), auto;color: {color:text}; background-color: {color:background}; background-image: url('{image:background}'); {block:ifFixedBackground}background-attachment: fixed; {/block:ifFixedBackground} {block:ifNoRepeatBackground}background-repeat:no-repeat; {/block:ifNoRepeatBackground} background-position:{text:Background Position}; font-family: calibri; font-size:{text:Body Font Size}; text-align: justify;
  74. background-color:white;
  75. font-family:times, serif;
  76. font-size:10px;
  77. letter-spacing:0px;
  78. color:black;
  79. text-align:justify;
  80. word-wrap:break-word;
  81. }
  82.  
  83. a, a:active, a:visited{cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto; color: {color:link}; text-decoration:none; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; color: {color:link};
  84. text-decoration:none;
  85. -webkit-transition:0.5s ease-in;
  86. -moz-transition:0.5s ease-in;
  87. -o-transition:0.5s ease-in;
  88. transition:0.5s ease-in;
  89. color:{color:links};
  90. }
  91.  
  92. a:hover{cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;color:{color:link hover}; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; color:{color:link hover}; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;
  93. color:black;
  94. }
  95.  
  96. blockquote{
  97. margin-left:0px;
  98. border-left:1px solid #f2f2f2;
  99. padding-left:10px;
  100. width:95%;
  101. }
  102.  
  103. #con{
  104. width:500px;
  105. margin:0px auto 0px;
  106. }
  107.  
  108. #header{
  109. text-align:center;
  110. margin-bottom:90px;
  111. margin-top:70px;
  112. }
  113.  
  114. #header h1{
  115. font-size:50px;
  116. font-style:italic;
  117. margin-bottom:15px;
  118. letter-spacing:-4px;
  119. }
  120.  
  121. #header h1 a{
  122. color:black;
  123. }
  124.  
  125. #header img{
  126. margin:0px auto 15px;
  127. max-width:500px;
  128. }
  129.  
  130. #header .descr{
  131. opacity:1.0;
  132. width:210px;
  133. margin:0px auto 0px;
  134. text-align:;
  135. }
  136.  
  137. #header .descr .links{
  138. margin-top:15px;
  139. font-size:7px;
  140. letter-spacing:1px;
  141. text-transform:uppercase;
  142. text-align:center;
  143. font-family:cambria;
  144. }
  145.  
  146. #header .descr .links a{
  147. padding:2px 0px 1px 1px;
  148. margin:0px 5px 0px;
  149. color:black;
  150. background-color:white;
  151. border-bottom:1px solid transparent;
  152. }
  153.  
  154. #header .descr .links a:hover{
  155. border-bottom:1px solid {color:links};
  156. }
  157.  
  158. .pagination{
  159. position:fixed;
  160. bottom:0px;
  161. width:500px;
  162. background-color:white;
  163. padding:10px 0px 10px;
  164. text-align:center;
  165. font-family:;
  166. letter-spacing:1px;
  167. font-size:9px;
  168. opacity:0.7;
  169. -webkit-transition:0.6s ease-in;
  170. }
  171.  
  172. .pagination:hover{
  173. opacity:1;
  174. }
  175.  
  176. .pagination a{
  177. margin:0px 6px 0px;
  178. padding:1px 3px 1px;
  179. border:1px solid transparent;
  180. }
  181.  
  182. .pagination a.page{
  183. color:black;
  184. }
  185.  
  186. .pagination a.page:hover{
  187. color:#f2f2f2;
  188. }
  189.  
  190. .pagination a.arrow{
  191. font-size:8px;
  192. color:black;
  193. }
  194.  
  195. .pagination span.current{
  196. margin:0px 6px 0px;
  197. padding:1px 3px 1px;
  198. color:{color:links};
  199. }
  200.  
  201. /* POSTS */
  202.  
  203. h2{
  204. text-align:center;
  205. font-weight:normal;
  206. text-transform:uppercase;
  207. font-size:9px;
  208. letter-spacing:1px;
  209. margin:0px 0px 10px;
  210. }
  211.  
  212. h3{
  213. text-align:center;
  214. font-weight:normal;
  215. margin:0px 0px 75px;
  216. text-transform:uppercase;
  217. font-size:8px;
  218. letter-spacing:1px;
  219. }
  220.  
  221. .post{
  222. width:500px;
  223. background-color:white;
  224. border:0px solid black;
  225. {block:IndexPage}margin-bottom:150px;{/block:IndexPage}
  226. {block:PermalinkPage}margin-bottom:10px;{/block:PermalinkPage}
  227. }
  228.  
  229. .op{
  230. {block:IndexPage}opacity:1;{/block:IndexPage}
  231. -webkit-transition:0.5s ease-in;
  232. }
  233.  
  234. .op:hover{
  235. opacity:1;
  236. }
  237.  
  238. .post h1{
  239. text-align:center;
  240. margin:0px 0px 10px;
  241. font-size:20px;
  242. letter-spacing:-1px;
  243. font-style:italic;
  244. }
  245.  
  246. span.more{font-family:cambria !important;}
  247.  
  248. /* QUOTES */
  249.  
  250. .postquote{
  251. display:block;
  252. height:auto;
  253. padding-left:0px;
  254. width:95%;
  255. font-size:10px;
  256. letter-spacing:0px;
  257.  
  258.  
  259. margin:0px auto 20px;
  260. line-height:15px;
  261. text-align:justify;
  262.  
  263. }
  264.  
  265. .quotesource{
  266. text-align:right;
  267. margin-top:-8px;
  268. }
  269.  
  270. .quotesource span{
  271. background-color:white;
  272. padding-left:10px;
  273. }
  274.  
  275. .quoteborder{
  276. border-bottom:3px double #f2f2f2;
  277. }
  278.  
  279. /* AUDIO POSTS */
  280.  
  281. .musicplayer{
  282. width:27px;
  283. height:27px;
  284. overflow:hidden;
  285. z-index:2;
  286. display:block;
  287. background-color:black;
  288. margin:38px 0px 0px 180px;
  289. position:absolute;
  290. opacity:1;
  291. -webkit-transition: all 0.7s ease-in-out;
  292. -moz-transition: all 0.7s ease-in-out;
  293. -o-transition: all 0.7s ease-in-out;
  294. }
  295.  
  296. .audio{
  297. position:absolute;
  298. width:398px;
  299. height:100px;
  300. background-color:black;
  301. margin-left:102px;
  302. }
  303.  
  304. .covers{
  305. width:100px;
  306. height:100px;
  307. }
  308.  
  309. .audioimg{
  310. width:100px;
  311. height:100px;
  312. position:absolute;
  313. }
  314.  
  315. .audioimg img{
  316. float:left;
  317. opacity:1;
  318. width:100px;
  319. }
  320.  
  321. .audioinfo{
  322. display:none;
  323. font-size:11px;
  324. text-transform:uppercase;
  325. margin-bottom:1px;
  326. margin-left:201px;
  327. height:65px;
  328. display:block;
  329. width:299px;
  330. text-align:center;
  331. background-color:white;
  332. padding-top:35px;
  333. letter-spacing:1px;
  334. }
  335.  
  336. /* ASK */
  337.  
  338. .question{
  339. margin-bottom:10px;
  340. background-color:black;
  341. color:white;
  342. width:480px;
  343. padding:10px;
  344. min-height:30px;
  345. }
  346.  
  347. .question img{
  348. float:left;
  349. border-right:10px solid transparent;
  350. border-bottom:5px solid transparent;
  351. }
  352.  
  353. /* POST INFO */
  354.  
  355. .postinfo{
  356. width:150px;
  357. margin-left:520px;
  358. position:absolute;
  359. padding:2px 10px 2px 7px;
  360. text-transform:uppercase;
  361. font-family:;
  362. font-size:7px;
  363. letter-spacing:1px;
  364. opacity:0;
  365. -webkit-transition:0.5s ease-in;
  366. -moz-transition:0.5s ease-in;
  367. -o-transition:0.5s ease-in;
  368. transition:0.5s ease-in;
  369. }
  370.  
  371. .post:hover .postinfo{
  372. opacity:1;
  373. }
  374.  
  375. .postinfo a.info, a:visited.info, a:active.info{
  376. color:black;
  377. }
  378.  
  379. .permainfo{
  380. text-align:right;
  381. margin-top:30px;
  382. border-top:1px solid #f2f2f2;
  383. padding-top:10px;
  384. text-transform:uppercase;
  385. font-family:;
  386. font-size:7px;
  387. letter-spacing:1px;
  388. line-height:10px;
  389. margin-bottom:60px;
  390. }
  391.  
  392. .tags{
  393. margin-top:5px;
  394. {block:IndexPage}text-align:left;font-size:8px;{/block:IndexPage}
  395. {block:PermalinkPage}text-align:right;font-size:8px;text-transform:uppercase;letter-spacing:0px;{/block:PermalinkPage}
  396. }
  397.  
  398. .tags a.tags, a:visited.tags, a:active.tags{
  399. color:black;
  400. {block:IndexPage}display:block;margin:2px 0px 2px;{/block:IndexPage}
  401. {block:PermalinkPage}margin:0px 0px 0px 10px;{/block:PermalinkPage}
  402. }
  403.  
  404. .tags a:hover.tags{
  405. color:{color:links};
  406. }
  407.  
  408. ol.notes{list-style-type:none;width:500px;margin-left:-40px;font-size:8px;text-transform:uppercase;line-height:10px;}
  409. ol.notes li.note{padding:5px;width:490px;margin-bottom:7px;border-bottom:1px solid #f2f2f2;padding-bottom:10px;}
  410. ol.notes li.note img.avatar{height:15px;float:left;margin-top:-3px;}
  411. ol.notes li.note span.action{margin-left:10px;}
  412. ol.notes li.note blockquote{border-left:2px solid #202020;padding-left:5px;margin-left:35px;}
  413.  
  414. #theme{
  415. position:fixed;
  416. bottom:10px;
  417. right:10px;
  418. -webkit-border-radius:100px;
  419. padding:3px 4px 2px;
  420. text-transform:uppercase;
  421. -webkit-transition:0.6s ease-in;
  422. cursor:default;
  423. font-size:0px;
  424. }
  425.  
  426. #theme:hover{
  427. background-color:{color:links};
  428. color:white;
  429. }
  430.  
  431. </style>
  432. <body><div id="con">
  433.  
  434. <div class=”source”>{block:ContentSource}<a href=”{SourceURL}”>{lang:Source}:{block:SourceLogo}
  435. <img src=”{BlackLogoURL}” width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  436. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  437. {/block:ContentSource}</div>
  438.  
  439. <div id="header">
  440. {block:ifheaderimage}<a title="{title}" href="/"><img src="{image:header}" /></a>{/block:ifheaderimage}
  441. {block:ifnotheaderimage}<h1><a href="/">{title}</a></h1>{/block:ifnotheaderimage}
  442. <div class="descr">{description}
  443. <div class="links">
  444. <a href="/ask">ask</a>
  445. {block:iflink1}<a href="{text:link1url}">{text:link1}</a>{/block:iflink1}
  446. {block:iflink2}<a href="{text:link2url}">{text:link2}</a>{/block:iflink2}
  447. {block:iflink3}<a href="{text:link3url}">{text:link3}</a>{/block:iflink3}
  448. </div>
  449. </div>
  450. </div>
  451.  
  452. {block:TagPage}
  453. <h3>{block:Pagination}{TotalPages} pages of {/block:Pagination}posts tagged with <u>{Tag}</u></h3>
  454. {/block:TagPage}
  455.  
  456. {block:Posts}
  457.  
  458. <div class="post">
  459.  
  460.  
  461.  
  462.  
  463. {block:Date}{block:IndexPage}<div class="postinfo">
  464.  
  465. <a class="info" href="{Permalink}">{TimeAgo}{block:NoteCount}&nbsp; ∙ &nbsp;{NoteCount}{/block:NoteCount}</a>
  466.  
  467. {block:HasTags}<div class="tags">{block:Tags}<a class="tags" href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  468.  
  469. </div>{/block:IndexPage}{/block:Date}
  470.  
  471.  
  472.  
  473. {block:Quote}
  474. <div class="postquote">{Quote}</div>
  475. {block:Source}<div class="quoteborder"> </div>
  476. <div class="quotesource"><span>{Source}</span></div>{/block:Source}
  477. {/block:Quote}
  478.  
  479. {block:Photo}
  480. <div class="op"><a href="{block:IndexPage}{Permalink}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}"><img src="{PhotoURL-500}" /></a></div>
  481. {Caption}
  482. {/block:Photo}
  483.  
  484. {block:Photoset}
  485. <div class="op">{Photoset-500}</a></div>
  486. {Caption}
  487. {/block:Photoset}
  488.  
  489. {block:Link}
  490. <h2><a href="{url}">{name}</a></h2>{block:Description}{Description}{/block:Description}
  491. {/block:Link}
  492.  
  493. {block:Chat}
  494. {block:Title}<h2>{Title}</h2>{/block:Title}
  495. {block:Lines}<div style="margin-bottom:4px;">{block:Label}<span style="text-transform: uppercase; font-family:'playfair display'; font-size:8px;"> {Label}</span>{/block:Label}&nbsp;&nbsp;{Line}<br></div>{/block:Lines}
  496. {/block:Chat}
  497.  
  498. {block:Audio}
  499. <div class="audio"><div class="musicplayer">{AudioPlayerBlack}</div></div>
  500. <div class="covers"><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>
  501. {Caption}
  502. {/block:Audio}
  503.  
  504. {block:Text}
  505. {block:Title}<h2>{Title}</h2>{/block:Title}{Body}{block:More}<a href="{Permalink}">More <span class="more">→</span></a>{/block:More}
  506. {/block:Text}
  507.  
  508. {block:Video}
  509. {Video-500}
  510. {Caption}
  511. {/block:Video}
  512.  
  513. {block:Answer}
  514. <div class="question"><a href="{AskerURL}"><img src="{AskerPortraitURL-30}" /></a>
  515. {Question}</div>
  516.  
  517. {Answer}
  518. {/block:Answer}
  519.  
  520. </div>
  521.  
  522. {block:PermalinkPage}
  523.  
  524. {block:Date}<div class="permainfo">
  525.  
  526. {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}&nbsp; ∙ &nbsp;{12Hour}:{Minutes}{AmPm}{block:NoteCount}&nbsp; ∙ &nbsp;{NoteCountWithLabel}{/block:NoteCount}<br />
  527.  
  528. {block:RebloggedFrom}via <a href="{ReblogParentURL}">{ReblogParentName}</a>&nbsp; ∙ &nbsp;from <a href="{ReblogRootURL}">{ReblogRootName}</a>{block:ContentSource}&nbsp; ∙ &nbsp;<a title="{SourceTitle}" href="{SourceURL}">{block:NoSourceLogo}©{/block:NoSourceLogo}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" />{/block:SourceLogo}</a>{/block:ContentSource}
  529. {/block:RebloggedFrom}
  530.  
  531. {block:HasTags}<div class="tags">{block:Tags}<a class="tags" href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  532.  
  533. </div>{/block:Date}
  534.  
  535. {block:PostNotes}{PostNotes}{/block:PostNotes}
  536. {/block:PermalinkPage}
  537.  
  538. {/block:Posts}
  539.  
  540. {block:Pagination}
  541. <div class="pagination">
  542. {block:PreviousPage}<a class="arrow" href="{PreviousPage}">←</a>{/block:PreviousPage}
  543. {block:JumpPagination length="5"}
  544. {block:CurrentPage}<span class="current">{PageNumber}</span>{/block:CurrentPage}
  545. {block:JumpPage}<a class="page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  546. {block:NextPage}<a class="arrow" href="{NextPage}">→</a>{/block:NextPage}
  547. {/block:Pagination}
  548.  
  549. </div>
  550.  
  551. <a href="http://crimical.tumblr.com/"><div id="theme">t.</div></a>
  552.  
  553. </div></body>
  554. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement