API tools faq
paste
franzzfu

Theme 18: Eros

franzzfu
Nov 4th, 2014
857
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.82 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3. <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. theme18 by franz @ silmahril.tumblr.com/
  11. DO NOT REMOVE THE CREDIT OR CUPID WILL PAIR YOU UP WITH A TABLE
  12.  
  13. --->
  14.  
  15. <meta name="color:Background" content="#ffffff"/>
  16. <meta name="color:Side" content="#e6e6e6"/>
  17. <meta name="color:Border" content="#e6e6e6"/>
  18. <meta name="color:Title" content="#ffffff"/>
  19. <meta name="color:Title bg" content="#222222"/>
  20. <meta name="color:Text" content=""/>
  21. <meta name="color:Link" content="#b8b8b8"/>
  22. <meta name="color:Hover" content=""/>
  23. <meta name="color:Scrollbar" content="#e6e6e6"/>
  24. <meta name="color:Scrollbar bg" content="#ffffff"/>
  25.  
  26. <meta name="image:Side" content=""/>
  27.  
  28. <meta name="if:strech background" content="0"/>
  29. <meta name="if:hide caption" content="1"/>
  30.  
  31. <meta name="text:link 1 title" content="link 1"/>
  32. <meta name="text:link 1" content=""/>
  33. <meta name="text:link 2 title" content="link 2"/>
  34. <meta name="text:link 2" content=""/>
  35. <meta name="text:link 3 title" content="link 3"/>
  36. <meta name="text:link 3" content=""/>
  37. <meta name="text:link 4 title" content="link 4"/>
  38. <meta name="text:link 4" content=""/>
  39. <meta name="text:link 5 title" content="link 5"/>
  40. <meta name="text:link 5" content=""/>
  41.  
  42. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  43.  
  44. <script src="jquery.js"></script>
  45. <script>
  46. $(document).ready(function(){
  47. $("#title").click(function(){
  48. $("#slide").slideToggle("fast");
  49. });
  50. });
  51. </script>
  52.  
  53. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  54.  
  55. <script>
  56. (function($){
  57. $(document).ready(function(){
  58. $("a[title]").style_my_tooltips({
  59. tip_follows_cursor:true,
  60. tip_delay_time:30,
  61. tip_fade_speed:300,
  62. attribute:"title"
  63. });
  64. });
  65. })(jQuery);
  66. </script>
  67.  
  68.  
  69. <style type="text/css">
  70.  
  71. #s-m-t-tooltip{
  72. font-size:9px;
  73. position:absolute;
  74. margin-top:10px;
  75. letter-spacing:2px;
  76. z-index:9999;
  77. background:{color:background};
  78. color:{color:text};
  79. text-transform:uppercase;
  80. padding:3px;
  81. -webkit-transition:all 0.3s;
  82. -moz-transition:all 0.3s;
  83. -ms-transition:all 0.3s;
  84. -o-transition:all 0.3s;
  85. transition:all 0.3s;
  86. }
  87.  
  88. ::-webkit-scrollbar {
  89. width:3px;
  90. height:auto;
  91. background:{color:scrollbar bg};}
  92. ::-webkit-scrollbar-corner {background:{color:scrollbar bg};}
  93. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar};}
  94. ::-webkit-scrollbar-thumb:horizontal {background:{color:scrollbar};}
  95.  
  96.  
  97. /*main structure*/
  98.  
  99. body {
  100. background:{color:side} url('{image:side}') center center fixed repeat;
  101. {block:ifstretchbackground}
  102. -webkit-background-size:cover;
  103. -moz-background-size:cover;
  104. -o-background-size:cover;
  105. background-size:cover;
  106. {/block:ifstretchbackground}
  107. margin:0px;
  108. color:{color:text};
  109. font-family:calibri;
  110. font-size:10px;
  111. letter-spacing:1px;
  112. line-height:150%;
  113. }
  114.  
  115. a {
  116. text-decoration:none;
  117. outline:none;
  118. -moz-outline-style:none;
  119. color:{color:link};
  120. -webkit-transition:all .4s ease-in-out;
  121. -moz-transition:all .4s ease-in-out;
  122. transition:all .4s ease-in-out;
  123. }
  124.  
  125. a:hover {
  126. color:{color:hover};
  127. -webkit-transition:all .4s ease-in-out;
  128. -moz-transition:all .4s ease-in-out;
  129. transition:all .4s ease-in-out;
  130. }
  131.  
  132. img {
  133. border:none;
  134. text-decoration:none
  135. }
  136.  
  137. #caption {
  138. width:390px;
  139. text-align:left;
  140. padding:5px;
  141. margin-top:5px;
  142. font-size:9px;
  143. }
  144.  
  145. blockquote {
  146. width:370px;
  147. margin-left:10px;
  148. padding-left:10px;
  149. border-left:1px solid {color:border};
  150. }
  151.  
  152. blockquote blockquote {
  153. width:340px;
  154. margin-left:10px;
  155. padding-left:10px;
  156. border-left:1px solid {color:border};
  157. }
  158.  
  159. #posttitle {
  160. width:400px;
  161. font-family:Didot;
  162. font-size:15px;
  163. text-align:center;
  164. text-transform:uppercase;
  165. letter-spacing:2px;
  166. line-height:130%;
  167. padding:0 15px 10px 15px;
  168. margin-left:-15px;
  169. }
  170.  
  171. #text {
  172. padding:5px;
  173. }
  174.  
  175. #entries {
  176. background-color:{color:background};
  177. margin-left:auto;
  178. margin-right:auto;
  179. width:500px;
  180. border-left:1px solid {color:border};
  181. border-right:1px solid {color:border};
  182. }
  183.  
  184. #post {
  185. width:400px;
  186. margin:0 50px;
  187. padding-top:80px;
  188. padding-bottom:50px;
  189. text-align:left;
  190. -ms-word-break: break-all;
  191. word-break: break-all;
  192. word-break: break-word;
  193. -webkit-hyphens: auto;
  194. -moz-hyphens: auto;
  195. -ms-hyphens: auto;
  196. hyphens: auto;
  197. }
  198.  
  199.  
  200. /*topbar*/
  201.  
  202.  
  203. #topbar {
  204. height:30px;
  205. width:500px;
  206. position:fixed;
  207. text-align:center;
  208. margin-left:auto;
  209. margin-right:auto;
  210. z-index:9999;
  211. }
  212.  
  213. @font-face {
  214. font-family: Didot;
  215. src: url(http://static.tumblr.com/heqtwlw/E6kn5zjow/linotype_didot_lt_headline.ttf);
  216. }
  217.  
  218. #title {
  219. background:{color:title bg};
  220. color:{color:title};
  221. display:block;
  222. padding:15px 0;
  223. font-family:Didot;
  224. font-size:20px;
  225. text-transform:uppercase;
  226. letter-spacing:8px;
  227. z-index:9999999;
  228. }
  229.  
  230. #title:hover {
  231. cursor:help;
  232. }
  233.  
  234. #slide {
  235. display:none;
  236. background:{color:background};
  237. }
  238.  
  239. #description {
  240. color:{color:text};
  241. padding:15px 20px 10px 20px;
  242. font-size:9px;
  243. line-height:12px;
  244. text-transform:uppercase;
  245. letter-spacing:2px;
  246. }
  247.  
  248. .links {
  249. width:500px;
  250. font-family:Didot;
  251. font-size:10px;
  252. text-transform:uppercase;
  253. border-bottom:1px solid {color:border};
  254. }
  255.  
  256. .links a {
  257. color:{color:link};
  258. display:inline-block;
  259. font-size:9px;
  260. letter-spacing:2px;
  261. padding:5px 4px 15px 4px;
  262. }
  263.  
  264. .links a:hover {
  265. color:{color:hover};
  266. }
  267.  
  268.  
  269. /*post info and tags and captions*/
  270.  
  271.  
  272. #info {
  273. width:400px;
  274. font-family:Didot;
  275. font-size:10px;
  276. letter-spacing:2px;
  277. text-align:center;
  278. text-transform:uppercase;
  279. line-height:150%;
  280. padding:10px 0;
  281. margin-top:12px;
  282. }
  283.  
  284. #tags {
  285. position:absolute;
  286. margin-left:450px;
  287. width:150px;
  288. font-size:9px;
  289. letter-spacing:2px;
  290. text-transform:uppercase;
  291. text-align:left;
  292. padding:5px;
  293. border-left:1px solid {color:border};
  294. opacity:0;
  295. -webkit-transition:all .4s ease-in-out;
  296. -moz-transition:all .4s ease-in-out;
  297. transition:all .4s ease-in-out;
  298. }
  299.  
  300. #post:hover #tags {
  301. opacity:1;
  302. -webkit-transition:all .4s ease-in-out;
  303. -moz-transition:all .4s ease-in-out;
  304. transition:all .4s ease-in-out;
  305. }
  306.  
  307.  
  308. /*quote*/
  309.  
  310.  
  311. .quote {
  312. font-family:Didot;
  313. font-size:13px;
  314. line-height:135%;
  315. letter-spacing:1px;
  316. text-align:center;
  317. }
  318.  
  319. .source {
  320. text-align:center;
  321. font-size:9px;
  322. text-transform:uppercase;
  323. letter-spacing:2px;
  324. margin-top:8px;
  325. padding:10px 0 6px 0;
  326. }
  327.  
  328.  
  329. /*chat*/
  330.  
  331. .chat ol {
  332. padding:5px;
  333. line-height:150%;
  334. list-style:none;
  335. }
  336.  
  337. .line {
  338. padding:10px;
  339. }
  340.  
  341. .label {
  342. font-family:Didot;
  343. text-transform:uppercase;
  344. font-size:10px;
  345. letter-spacing:2px;
  346. }
  347.  
  348.  
  349. /*Ask*/
  350.  
  351. .ask{
  352. text-align:center;
  353. padding:0 5px;
  354. font-size:8px;
  355. letter-spacing:2px;
  356. text-transform:uppercase;
  357. display:block;
  358. }
  359.  
  360. .question {
  361. text-align:center;
  362. width:390px;
  363. font-family:Didot;
  364. padding:10px 5px;
  365. font-size:12px;
  366. display:block;
  367. }
  368.  
  369. .answer {
  370. width:380px;
  371. padding:0 10px;
  372. text-align:left;
  373. }
  374.  
  375.  
  376. /*audio*/
  377.  
  378.  
  379. .playbutton {
  380. width:20px;
  381. height:30px;
  382. overflow:hidden;
  383. position:relative;
  384. z-index:1000;
  385. opacity:.3;
  386. margin:10px 19px 8px 11px;
  387. }
  388.  
  389. .playbox {
  390. background-color:{color:background};
  391. -webkit-border-radius:50px;
  392. -moz-border-radius:50px;
  393. border-radius:50px;
  394. border:1px solid {color:border};
  395. box-shadow: 2px 2px 5px #888888;
  396. position:absolute;
  397. margin-top:10px;
  398. margin-left:170px;
  399. }
  400.  
  401. .track {
  402. width:400px;
  403. font-family:Didot;
  404. font-size:12px;
  405. text-align:center;
  406. text-transform:uppercase;
  407. letter-spacing:2px;
  408. line-height:130%;
  409. padding:0 15px 10px 15px;
  410. margin-left:-15px;
  411. }
  412.  
  413. .audioinfo {
  414. width:400px;
  415. margin-top:80px;
  416. text-align:center;
  417. font-size:8px;
  418. text-transform:uppercase;
  419. }
  420.  
  421.  
  422. /*permalink page*/
  423.  
  424. .notes {
  425. margin-top:-2px;
  426. width:390px;
  427. text-align:left;
  428. }
  429. .notes ol {
  430. width:390px;
  431. padding-top:5px;
  432. margin-left:-15px;
  433. text-transform:uppercase;
  434. font-size:7px;
  435. letter-spacing:2px;
  436. }
  437.  
  438. .notes li {
  439. list-style-type:none;
  440. padding:8px 8px 8px 0;
  441. }
  442.  
  443. .notes img {
  444. display:none!important;
  445. }
  446.  
  447.  
  448. /*pagination*/
  449.  
  450.  
  451. #pagi {
  452. background:{color:title bg};
  453. position:fixed;
  454. height:25px;
  455. width:500px;
  456. bottom:0;
  457. padding-top:15px;
  458. font-family:Didot;
  459. font-size:12px;
  460. letter-spacing:2px;
  461. text-align:center;
  462. margin-left:auto;
  463. margin-right:auto;
  464. }
  465.  
  466. #pagi a {
  467. color:{color:title};
  468. padding: 0 5px;
  469. }
  470.  
  471. #pagi a:hover {
  472. color:{color:link};
  473. }
  474.  
  475. .currentpage {
  476. color:{color:title};
  477. font-weight:bold;
  478. }
  479.  
  480. /*credit*/
  481.  
  482.  
  483. #credit {
  484. width:80px;
  485. position:fixed;
  486. bottom:5px;
  487. right:5px;
  488. background:transparent;
  489. }
  490.  
  491. #credit a {
  492. color:#000;
  493. }
  494.  
  495. #logo {
  496. position:absolute;
  497. font-size:15px;
  498. font-family:baskerville;
  499. font-weight:bold;
  500. margin-top:-10px;
  501. margin-left:67px;
  502. -webkit-transition:all .5s ease-in-out;
  503. -moz-transition:all .5s ease-in-out;
  504. transition:all .5s ease-in-out;
  505. }
  506.  
  507. #credit:hover #logo {
  508. margin-left:0px;
  509. -webkit-transition:all .5s ease-in-out;
  510. -moz-transition:all .5s ease-in-out;
  511. transition:all .5s ease-in-out;
  512. }
  513.  
  514. #name {
  515. font-family:baskerville;
  516. font-size:10px;
  517. font-weight:normal;
  518. text-transform:uppercase;
  519. margin-left:17px;
  520. opacity:0;
  521. -webkit-transition:all 1s ease-in-out;
  522. -moz-transition:all 1s ease-in-out;
  523. transition:all 1s ease-in-out;
  524. }
  525.  
  526. #credit:hover #name {
  527. opacity:1;
  528. -webkit-transition:all 1s ease-in-out;
  529. -moz-transition:all 1s ease-in-out;
  530. transition:all 1s ease-in-out;
  531. }
  532.  
  533.  
  534. {CustomCSS}
  535.  
  536. </style>
  537. </head>
  538.  
  539.  
  540. <body>
  541.  
  542. <div id="entries">
  543.  
  544. <div id="topbar">
  545. <div id="title">&ctdot; {Title} &ctdot;</div>
  546. <div id="slide">
  547. <div id="description">{Description}</div>
  548. <div class="links">
  549. <a href="{text:link 1}">{text:link 1 title}</a>&middot;
  550. <a href="{text:link 2}">{text:link 2 title}</a>&middot;
  551. <a href="{text:link 3}">{text:link 3 title}</a>
  552. {block:iflink4}&middot;<a href="{text:link 4}">{text:link 4 title}</a>{/block:iflink4}
  553. {block:iflink5}&middot;<a href="{text:link 5}">{text:link 5 title}</a>{/block:iflink5}
  554. </div>
  555. </div>
  556. </div>
  557.  
  558. {block:Posts}
  559.  
  560. <div id="post">
  561.  
  562. {block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a><br>{/block:Tags}</div>{/block:HasTags}
  563.  
  564. {block:Text}{block:Title}<div id="posttitle">&ctdot; {Title} &ctdot;</div>{/block:Title}<div id="text">{Body}</div>{/block:Text}
  565.  
  566. {block:Photo}
  567. {LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}
  568. {block:ifhidecaption}{block:PermalinkPage}<div id="caption">{block:Caption}{Caption}{/block:Caption}</div>{/block:PermalinkPage}{/block:ifhidecaption}
  569. {block:ifnothidecaption}<div id="caption">{block:Caption}{Caption}{/block:Caption}</div>{/block:ifnothidecaption}
  570. {/block:Photo}
  571.  
  572. {block:Photoset}
  573. {Photoset-400}{block:ifhidecaption}{block:PermalinkPage}<div id="caption">{block:Caption}{Caption}{/block:Caption}</div>{/block:PermalinkPage}{/block:ifhidecaption}{block:ifnothidecaption}<div id="caption">{block:Caption}{Caption}{/block:Caption}</div>{/block:ifnothidecaption}
  574. {/block:Photoset}
  575.  
  576. {block:Quote}
  577. <div class="quote">{Quote}</div>
  578. {block:Source}<div class="source">&mdash; {Source} &mdash;</div>{/block:Source}
  579. {/block:Quote}
  580.  
  581. {block:Link}<div id="posttitle">&ctdot; <a href="{URL}" {Target}>{Name}</a> &ctdot;</div>{block:Description}{Description}{/block:Description}{/block:Link}
  582.  
  583. {block:Chat}
  584. {block:Title}<div id="posttitle">&ctdot; {Title} &ctdot;</div>{/block:Title}
  585. <div class="chat"><ol>{block:Lines}<li class="line">{block:Label}<span class="label">{Label} </span>{/block:Label}{Line}</li>{/block:Lines}</ol></div>
  586. {/block:Chat}
  587.  
  588. {block:Video}
  589. {Video-400}{block:ifnothidecaption}<div id="caption">{block:Caption}{Caption}{/block:Caption}</div>{/block:ifnothidecaption}
  590. {block:PermalinkPage}<div id="caption">{block:Caption}{Caption}{/block:Caption}</div>{/block:PermalinkPage}
  591. {/block:Video}
  592.  
  593. {block:Answer}
  594. <div class="ask">{Asker}</u>:</div>
  595. <div class="question">{Question}</div>
  596. <div class="answer">{Answer}</div>
  597. {/block:Answer}
  598.  
  599. {block:Audio}
  600. {block:TrackName}<div class="track">{TrackName}</div>{/block:TrackName}
  601. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  602. <div class="audioinfo">
  603. {block:Artist}{Artist}{/block:Artist} / {PlayCountWithLabel}
  604. </div>
  605. {block:ifhidecaption}{block:PermalinkPage}<div id="caption">{block:Caption}{Caption}{/block:Caption}</div>{/block:PermalinkPage}{/block:ifhidecaption}
  606. {block:ifnothidecaption}<div id="caption">{block:Caption}{Caption}{/block:Caption}</div>{/block:ifnothidecaption}
  607. {/block:Audio}
  608.  
  609. {block:ContentSource}
  610. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  611. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  612. {/block:SourceLogo}
  613. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  614. {/block:ContentSource}
  615.  
  616. {block:Date}
  617. <div id="info">
  618. <a href="{Permalink}" title="{NoteCount}+">{DayOfMonth} {ShortMonth}</a>
  619. {block:PermalinkPage}{block:RebloggedFrom} / <a href="{ReblogParentURL}" title=" {ReblogParentName}">Via</a> / <a href="{ReblogRootURL}" title="{ReblogRootName}">Source</a>{/block:RebloggedFrom}{/block:PermalinkPage}
  620. </div>
  621. {/block:Date}
  622.  
  623. {block:PostNotes}
  624. <div class="notes">{PostNotes}</div>
  625. {/block:PostNotes}
  626.  
  627. </div>
  628.  
  629. {/block:Posts}
  630.  
  631. {block:Pagination}
  632. <div id="pagi">
  633. {block:PreviousPage}
  634. <a href="{PreviousPage}">&vltri;</a>&nbsp;&nbsp;
  635. {/block:PreviousPage}
  636. {block:JumpPagination length="5"}
  637. {block:CurrentPage}
  638. <span class="currentpage">&middot; {PageNumber} &middot;</span>
  639. {/block:CurrentPage}
  640. {block:JumpPage}
  641. <a class="jumppage" href="{URL}">{PageNumber}</a>
  642. {/block:JumpPage}
  643. {/block:JumpPagination}
  644. {block:NextPage}
  645. &nbsp;&nbsp;<a href="{NextPage}">&vrtri;</a>
  646. {/block:NextPage}
  647. {/block:Pagination}
  648. </div>
  649.  
  650. </div>
  651.  
  652. <div id="credit">
  653. <div id="name"><a href="http://silmahril.tumblr.com">ilmahril</a></div>
  654. <div id="logo"><a href="http://silmahril.tumblr.com">&circledS;</a></div>
  655. </div>
  656.  
  657. </body>
  658.  
  659. </html>
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!