API tools faq
paste
Advertisement
foundcas

Theme 21: ἔρως

foundcas
Jul 10th, 2015 (edited)
485
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.71 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!--
  5.  
  6. THEME 21 BY FOUNDCAS/CAPECODING
  7. - If you have any questions or experience troubles send a message to http://capecoding.tumblr.com/ask
  8. - Do not remove the credit
  9. - Do not use this as a base code
  10.  
  11. -->
  12.  
  13. <title>{Title}</title>
  14.  
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  18.  
  19. <meta charset="utf-8">
  20. <meta name="viewport" content="width=device-width, initial-scale=1">
  21. <meta name="color:Background1" content="#661a1a">
  22. <meta name="color:Background2" content="#992727">
  23. <meta name="color:Post Background" content="#cc3434">
  24. <meta name="color:Sidebar Image Borders" content="#fff">
  25. <meta name="color:Sidebar Links" content="#fff">
  26. <meta name="color:Sidebar Links Hover" content="#fff">
  27. <meta name="color:Blockquote" content="#444">
  28. <meta name="color:Borders" content="#000">
  29. <meta name="color:Text" content="#444">
  30. <meta name="color:Link" content="#444">
  31. <meta name="color:Link Hover" content="#eee">
  32. <meta name="color:Selection" content="#000">
  33. <meta name="color:Selection Background" content="#fff">
  34. <meta name="color:Scrollbar" content="#fff">
  35. <meta name="color:Scrollbar Thumb" content="#999">
  36.  
  37. <meta name="image:Sidebar" content="http://media.tumblr.com/0ec85a8f2ddbf6ff0fc1b50db8e00025/tumblr_inline_ni35lyAZhJ1solj92.png">
  38. <meta name="image:Sidebar2" content="http://media.tumblr.com/581f679408fb5abfacde010ecb3bca56/tumblr_inline_nf6lt210Vm1solj92.png">
  39.  
  40. <meta name="if:ShowStopBullyingLogo" content="1">
  41. <meta name="if:Zoom" content="0">
  42. <meta name="if:Link1" content="1">
  43. <meta name="if:Link2" content="1">
  44. <meta name="if:Link3" content="1">
  45.  
  46. <meta name="text:Link1" content="link 1">
  47. <meta name="text:Link1 URL" content="url 1">
  48. <meta name="text:Link2" content="link 2">
  49. <meta name="text:Link2 URL" content="url 2">
  50. <meta name="text:Link3" content="link 3">
  51. <meta name="text:Link3 URL" content="url 3">
  52.  
  53. <link href='http://fonts.googleapis.com/css?family=Droid+Sans|Antic+Slab|Playball|Passion+One|Comfortaa|Sanchez|Gentium+Book+Basic|Cuprum' rel='stylesheet' type='text/css'>
  54.  
  55. <script>
  56. window.onload = function () {
  57. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  58. document.addEventListener( 'click', function ( event ) {
  59. var myLike = event.target;
  60. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  61. var frame = document.getElementById( 'my-like-frame' ),
  62. liked = ( myLike.className == 'my-liked' ),
  63. command = liked ? 'unlike' : 'like',
  64. reblog = myLike.getAttribute( 'data-reblog' ),
  65. id = myLike.getAttribute( 'data-id' ),
  66. oauth = reblog.slice( -8 );
  67. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  68. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  69. };
  70. }, false );
  71. };
  72. </script>
  73.  
  74. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  75.  
  76. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  77.  
  78. <script>
  79.  
  80. (function($){
  81.  
  82. $(document).ready(function(){
  83.  
  84. $("a[title]").style_my_tooltips({
  85.  
  86. tip_follows_cursor:true,
  87.  
  88. tip_delay_time:30,
  89.  
  90. tip_fade_speed:300,
  91.  
  92. attribute:"title"
  93.  
  94. });
  95.  
  96. });
  97.  
  98. })(jQuery);
  99.  
  100. </script>
  101.  
  102. <style type="text/css">
  103.  
  104. #s-m-t-tooltip{
  105. position:absolute;
  106. max-width:300px;
  107. margin-top:-20px;
  108. padding:2px 8px;
  109. border-radius:10px;
  110. background:rgba(0,0,0,.5);
  111. color:{color:Tooltips};
  112. font-size:9px;
  113. text-transform:lowercase;
  114. z-index:999999;
  115. }
  116.  
  117. ::-webkit-scrollbar{
  118. width:4px;
  119. height:auto;
  120. background:{color:Scrollbar};
  121. }
  122.  
  123. ::-webkit-scrollbar-thumb{
  124. width:6px;
  125. height:auto;
  126. border:2px solid {color:Scrollbar Thumb};
  127. background:{color:Scrollbar Thumb};
  128. }
  129.  
  130. ::selection{
  131. color:{color:Selection};
  132. background:{color:Selection Background};
  133. }
  134.  
  135. .e{
  136. position:fixed;
  137. top:0px;
  138. left:0px;
  139. width:50%;
  140. height:50%;
  141. background:{color:Background1};
  142. z-index:-1;
  143. }
  144. .r{
  145. position:fixed;
  146. top:0px;
  147. right:0px;
  148. width:50%;
  149. height:50%;
  150. background:{color:Background2};
  151. z-index:-1;
  152. }
  153. .o{
  154. position:fixed;
  155. bottom:0px;
  156. left:0px;
  157. width:50%;
  158. height:50%;
  159. background:{color:Background2};
  160. z-index:-1;
  161. }
  162. .s{
  163. position:fixed;
  164. bottom:0px;
  165. right:0px;
  166. width:50%;
  167. height:50%;
  168. background:{color:Background1};
  169. z-index:-1;
  170. }
  171.  
  172. a{
  173. color:{color:Link};
  174. box-shadow:inset 0px 0px 0px transparent;
  175. text-decoration:none;
  176. -moz-transition:.8s ease;
  177. -webkit-transition:.8s ease;
  178. -o-transition:.8s ease;
  179. }
  180.  
  181. a:hover{
  182. box-shadow:inset 0px -20px 0px {color:Link Hover};
  183. -moz-transition:.8s ease;
  184. -webkit-transition:.8s ease;
  185. -o-transition:.8s ease;
  186. }
  187.  
  188. blockquote{
  189. border-left:1px solid {color:Blockquote};
  190. padding:3px;
  191. -moz-transition:.8s ease;
  192. -webkit-transition:.8s ease;
  193. -o-transition:.8s ease;
  194. }
  195.  
  196. pre, code {
  197. padding:10px;
  198. box-sizing:border-box;
  199. -moz-box-sizing:border-box;
  200. webkit-box-sizing:border-box;
  201. display:block;
  202. white-space: pre-wrap;
  203. white-space: -moz-pre-wrap;
  204. white-space: -pre-wrap;
  205. white-space: -o-pre-wrap;
  206. word-wrap: break-word;
  207. width:100%; overflow-x:auto;
  208. }
  209.  
  210. body{
  211. font-size:11px;
  212. font-family: 'Droid Sans', sans-serif;
  213. color:{color:Text};
  214. word-wrap:break-word;
  215. }
  216.  
  217. .confusion{
  218. position:fixed;
  219. top:65%;
  220. right:100px;
  221. width:200px;
  222. text-align:center;
  223. }
  224.  
  225. .sbimg{
  226. position:fixed;
  227. margin-top:-20px;
  228. margin-left:-100px;
  229. {block:ifZoom}
  230. -ms-transform:scale(1,1);
  231. -webkit-transform:scale(1,1);
  232. transform:scale(1,1);
  233. {/block:ifZoom}
  234. }
  235.  
  236. .sbimg img{
  237. width:80px;
  238. height:80px;
  239. border:6px solid {color:Sidebar Image Border};
  240. border-radius:100%;
  241. }
  242.  
  243. .confusion:hover .sbimg{
  244. {block:ifZoom}
  245. -ms-transform:scale(0,0);
  246. -webkit-transform:scale(0,0);
  247. transform:scale(0,0);
  248. {/block:ifZoom}
  249. opacity:0;
  250. -moz-transition:.8s ease;
  251. -webkit-transition:.8s ease;
  252. -o-transition:.8s ease;
  253. }
  254.  
  255. .sbimg2{
  256. position:fixed;
  257. margin-top:-20px;
  258. margin-left:-100px;
  259. {block:ifZoom}
  260. -ms-transform:scale(0,0);
  261. -webkit-transform:scale(0,0);
  262. transform:scale(0,0);
  263. {/block:ifZoom}
  264. opacity:0;
  265. -moz-transition:.8s ease;
  266. -webkit-transition:.8s ease;
  267. -o-transition:.8s ease;
  268. }
  269.  
  270. .sbimg2 img{
  271. width:80px;
  272. height:80px;
  273. border:6px solid {color:Sidebar Image Border};
  274. border-radius:100%;
  275. }
  276.  
  277. .confusion:hover .sbimg2{
  278. {block:ifZoom}
  279. -ms-transform:scale(1,1);
  280. -webkit-transform:scale(1,1);
  281. transform:scale(1,1);
  282. {/block:ifZoom}
  283. opacity:1;
  284. -moz-transition:.8s ease;
  285. -webkit-transition:.8s ease;
  286. -o-transition:.8s ease;
  287. }
  288.  
  289. .passion{
  290. font-family: 'Comfortaa', cursive;
  291. text-align:center;
  292. font-size:20px;
  293. padding:5px;
  294. }
  295.  
  296. .pen{
  297. padding:5px;
  298. }
  299.  
  300. .links{
  301. margin:6px;
  302. }
  303.  
  304. .links a{
  305. margin:6px;
  306. background:{color:Sidebar Links};
  307. border:3px solid transparent;
  308. padding:0px 6px;
  309. border-radius:50%;
  310. }
  311.  
  312. .links a:hover{
  313. box-shadow:none;
  314. background:{color:Background1};
  315. border:3px solid {color:Sidebar Links Hover};
  316. }
  317.  
  318. .master a{
  319. font-size:20px;
  320. text-align:center;
  321. box-shadow:none;
  322. }
  323.  
  324. .entries{
  325. position:absolute;
  326. width:430px;
  327. top:0px;
  328. left:50%;
  329. margin-left:-215px;
  330. z-index:1;
  331. }
  332.  
  333. .bg{
  334. position:absolute;
  335. height:100%;
  336. width:430px;
  337. top:0px;
  338. left:50%;
  339. margin-left:-215px;
  340. background:{color:Post Background};
  341. opacity:.5;
  342. z-index:-1;
  343. }
  344.  
  345. .posts{
  346. width:400px;
  347. margin:60px auto;
  348. }
  349.  
  350. .quo{
  351. text-align:center;
  352. padding:5px;
  353. font-style:italic;
  354. font-size:15px;
  355. border-bottom:1px solid {color:Borders};
  356. }
  357.  
  358. .src{
  359. text-align:center;
  360. padding:5px;
  361. font-weight:bold;
  362. }
  363.  
  364. .lp a{
  365. padding:5px;
  366. text-transform:uppercase;
  367. border-bottom:1px solid {color:Borders};
  368. -moz-transition:.8s ease;
  369. -webkit-transition:.8s ease;
  370. -o-transition:.8s ease;
  371. }
  372.  
  373. .lp a:hover{
  374. box-shadow:inset 0px -35px 0px rgba(0,0,0,.3);
  375. -moz-transition:.8s ease;
  376. -webkit-transition:.8s ease;
  377. -o-transition:.8s ease;
  378. }
  379.  
  380. .chat li{
  381. list-style-type:none;
  382. margin-left:-40px;
  383. padding:10px 5px;
  384. border-bottom:1px solid {color:Borders};
  385. -moz-transition:.8s ease;
  386. -webkit-transition:.8s ease;
  387. -o-transition:.8s ease;
  388. }
  389.  
  390. .chat li:hover{
  391. box-shadow:inset 0px -35px 0px rgba(0,0,0,.3);
  392. -moz-transition:.8s ease;
  393. -webkit-transition:.8s ease;
  394. -o-transition:.8s ease;
  395. }
  396.  
  397. .label{
  398. text-transform:uppercase;
  399. }
  400.  
  401. .say{
  402. text-transform:uppercase;
  403. padding:10px;
  404. border:1px solid {color:Borders};
  405. }
  406.  
  407. .say a{
  408. font-style:italic;
  409. }
  410.  
  411. {block:IndexPage}
  412. .disaster{
  413. position:absolute;
  414. margin-left:100px;
  415. text-align:right;
  416. padding:10px;
  417. width:150px;
  418. border-right:1px solid {color:Borders};
  419. word-wrap:break-word;
  420. opacity:0;
  421. z-index:-1;
  422. -moz-transition:.8s ease;
  423. -webkit-transition:.8s ease;
  424. -o-transition:.8s ease;
  425. {block:ifZoom}
  426. -ms-transform:scale(0,0);
  427. -webkit-transform:scale(0,0);
  428. transform:scale(0,0);
  429. -moz-transition:.8s ease;
  430. -webkit-transition:.8s ease;
  431. -o-transition:.8s ease;
  432. {/block:ifZoom}
  433. }
  434. {block:ifZoom}
  435. .posts:hover .disaster{
  436. -ms-transform:scale(1,1);
  437. -webkit-transform:scale(1,1);
  438. transform:scale(1,1);
  439. -moz-transition:.8s ease;
  440. -webkit-transition:.8s ease;
  441. -o-transition:.8s ease;
  442. }
  443. {/block:ifZoom}
  444.  
  445. .posts:hover .disaster{
  446. margin-left:-186px;
  447. opacity:1;
  448. -moz-transition:.8s ease;
  449. -webkit-transition:.8s ease;
  450. -o-transition:.8s ease;
  451. }
  452. {/block:IndexPage}
  453.  
  454. {block:IndexPage}
  455. .but{
  456. position:absolute;
  457. margin-left:0px;
  458. padding:10px;
  459. opacity:0;
  460. z-index:-1;
  461. -moz-transition:.8s ease;
  462. -webkit-transition:.8s ease;
  463. -o-transition:.8s ease;
  464. {block:ifZoom}
  465. -ms-transform:scale(0,0);
  466. -webkit-transform:scale(0,0);
  467. transform:scale(0,0);
  468. -moz-transition:.8s ease;
  469. -webkit-transition:.8s ease;
  470. -o-transition:.8s ease;
  471. {/block:ifZoom}
  472. }
  473.  
  474. {block:ifZoom}
  475. .posts:hover .but{
  476. -ms-transform:scale(1,1);
  477. -webkit-transform:scale(1,1);
  478. transform:scale(1,1);
  479. -moz-transition:.8s ease;
  480. -webkit-transition:.8s ease;
  481. -o-transition:.8s ease;
  482. }
  483. {/block:ifZoom}
  484.  
  485. .posts:hover .but{
  486. margin-left:405px;
  487. opacity:1;
  488. -moz-transition:.8s ease;
  489. -webkit-transition:.8s ease;
  490. -o-transition:.8s ease;
  491. }
  492. {/block:IndexPage}
  493.  
  494. {block:PermalinkPage}
  495. .disaster{
  496. position:fixed;
  497. margin-left:-186px;
  498. text-align:right;
  499. padding:10px;
  500. width:150px;
  501. border-right:1px solid {color:Borders};
  502. word-wrap:break-word;
  503. opacity:1;
  504. -moz-transition:.8s ease;
  505. -webkit-transition:.8s ease;
  506. -o-transition:.8s ease;
  507. }
  508.  
  509. .but{
  510. position:fixed;
  511. margin-left:415px;
  512. opacity:1;
  513. -moz-transition:.8s ease;
  514. -webkit-transition:.8s ease;
  515. -o-transition:.8s ease;
  516. }
  517. {/block:PermalinkPage}
  518.  
  519. .but a{
  520. border-left:1px solid {color:Borders};
  521. background:rgba(0,0,0,.3);
  522. box-shadow:none;
  523. padding:10px;
  524. }
  525.  
  526. .but a:hover{
  527. box-shadow:inset 55px 0px 0px rgba(0,0,0,.6);
  528. }
  529.  
  530. .noted li{
  531. list-style-type:none;
  532. padding:5px;
  533. }
  534.  
  535. .noted img{
  536. vertical-align:middle;
  537. padding:5px;
  538. }
  539.  
  540. .credit{
  541. position:fixed;
  542. text-transform:uppercase;
  543. font-size:9px;
  544. padding:5px;
  545. right:15px;
  546. bottom:15px;
  547. }
  548. {CustomCSS}
  549.  
  550. </style>
  551.  
  552. </head>
  553. <body>
  554.  
  555. <div class="e"></div>
  556. <div class="r"></div>
  557. <div class="o"></div>
  558. <div class="s"></div>
  559.  
  560. <div class="confusion">
  561. <div class="passion">{Title}</div>
  562. <div class="sbimg"><img src="{image:Sidebar}"></div>
  563. <div class="sbimg2"><img src="{image:Sidebar2}"></div>
  564. <div class="pen">{Description}</div>
  565. <div class="links">
  566. <a title="index" href="/"></a>
  567. {block:ifLink1}<a title="{text:Link1}" href="{text:Link1 URL}"></a>{/block:ifLink1}
  568. {block:ifLink2}<a title="{text:Link2}" href="{text:Link2 URL}"></a>{/block:ifLink2}
  569. {block:ifLink3}<a title="{text:Link3}" href="{text:Link3 URL}"></a>{/block:ifLink3}
  570. </div>
  571.  
  572. {block:Pagination}
  573. <div class="master">
  574. {block:PreviousPage}
  575. <a title="previous page" href="{PreviousPage}">&#8606;</a>
  576. {/block:PreviousPage}
  577. {block:NextPage}
  578. <a title="next page" href="{NextPage}">&#8608;</a>
  579. {/block:NextPage}
  580. </div>
  581. {/block:Pagination}
  582.  
  583. </div>
  584.  
  585.  
  586.  
  587.  
  588.  
  589. <div class="entries">
  590. <div class="bg"></div>
  591. {block:Posts}
  592. <div class="posts">
  593.  
  594. <div class="disaster">
  595. {block:Date}
  596. <a href="{Permalink}">{12Hour}:{Minutes} {AMPM}</a>
  597. {/block:Date}
  598.  
  599. {block:HasTags}
  600. <div class="tags">{block:Tags}<a href="{TagURL}">&#10163; {Tag}</a> <br>{/block:Tags}</div>
  601. {/block:HasTags}
  602. </div>
  603.  
  604.  
  605. <div class="but">
  606. <a href="{ReblogURL}">reblog</a>
  607. </div>
  608.  
  609. {block:Text}
  610. {block:Title}<center><a href="{Permalink}">{Title}</a></center>{/block:Title}
  611. {Body}
  612. {/block:Text}
  613.  
  614.  
  615.  
  616. {block:Quote}
  617. <div class="quo">&#8220;{Quote}&#8221;</div>
  618. {block:Source}<div class="src">- {Source}</div>{/block:Source}
  619. {/block:Quote}
  620.  
  621.  
  622.  
  623. {block:Link}
  624. <div class="lp">
  625. <a href="{URL}">{Name}</a>
  626. {block:Description}{Description}{/block:Description}
  627. </div>
  628. {/block:Link}
  629.  
  630.  
  631.  
  632. {block:Chat}
  633. {block:Title}<h2>{Title}</h2>{/block:Title}
  634. <ul class="chat">
  635. {block:Lines}<li class="{Alt} user_{UserNumber}">
  636. {block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
  637. {/block:Lines}
  638. </ul>
  639. {/block:Chat}
  640.  
  641.  
  642.  
  643. {block:Photo}
  644. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}
  645. {block:Caption}{Caption}{/block:Caption}
  646. {/block:Photo}
  647.  
  648.  
  649.  
  650. {block:Photoset}
  651. {Photoset-400}
  652. {block:Caption}{Caption}{/block:Caption}
  653. {/block:Photoset}
  654.  
  655.  
  656.  
  657. {block:Video}
  658. {block:PostTitle}{PostTitle}{/block:PostTitle}
  659. {Video-400}{block:Caption}{Caption}{/block:Caption}
  660. {/block:Video}
  661.  
  662.  
  663.  
  664. {block:Audio}
  665. <left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  666. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  667. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  668. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  669. {block:Caption}{Caption}{/block:Caption}
  670. {/block:Audio}
  671.  
  672.  
  673.  
  674. {block:Answer}
  675. <div class="say">{Asker} asked: {Question}</div>
  676. <div class="so">{Answer}</div>
  677. {/block:Answer}
  678.  
  679. </div>
  680.  
  681. {block:PostNotes}<div class="noted">{PostNotes}</div>{block:PostNotes}
  682.  
  683. {/block:Posts}
  684.  
  685. {block:ContentSource}
  686. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  687. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  688. {/block:SourceLogo}
  689. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  690. {/block:ContentSource}
  691.  
  692. </div>
  693.  
  694.  
  695. {block:IfShowStopBullyingLogo}
  696. <div style="bottom:30px; left:30px; width:auto; height:auto; position:fixed; display:block; background-color:transparent"><a href="http://stop-bullies.tumblr.com"><img src=" http://i43.tinypic.com/2w585e1.png" width="90"></a></div>
  697. {/block:IfShowStopBullyingLogo}
  698.  
  699.  
  700. <div class="credit"><a title="credit" href="http://capecoding.tumblr.com">cc</a></div>
  701.  
  702. </body>
  703. </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!