API tools faq
paste
Advertisement
septims

Rallento

septims
Dec 2nd, 2013
4,811
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.06 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. theme by septim
  4.  
  5. ╔╔ ══ ══ Rules:
  6. ║║ -do not use as base
  7. ╚╚ ══ ╗╗ -do not steal bits of code
  8. ║║ -do not remove credits
  9. ══ ══ ╝╝
  10.  
  11.  
  12. -->
  13.  
  14.  
  15. <!DOCTYPE html>
  16. <head>
  17.  
  18. <title>{Title}</title>
  19.  
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  23.  
  24. <!--Default Variables-->
  25.  
  26. <meta name="color:Background" content="#ffffff"/>
  27. <meta name="color:Text" content="#000000"/>
  28. <meta name="color:link" content="#000000"/>
  29. <meta name="color:title"content="#000000"/>
  30. <meta name="color:blog title"content="#aaaaaa"/>
  31. <meta name="color:scrollbar" content="#d5d5d5" />
  32. <meta name="color:accents" content="#f4f4f4"/>
  33. <meta name="color:borders" content="#cccccc"/>
  34.  
  35. <meta name="image:header image" content=""/>
  36.  
  37. <meta name="if:Show Header Image" content="1"/>
  38. <meta name="if:Show Tags" content="0">
  39. <meta name="if:Show Title" content="1"/>
  40.  
  41. <meta name="text:Link 1 URL" content="" />
  42. <meta name="text:Link 1" content="" />
  43. <meta name="text:Link 2 URL" content="" />
  44. <meta name="text:Link 2" content="" />
  45. <meta name="text:Link 3 URL" content="" />
  46. <meta name="text:Link 3" content="" />
  47.  
  48.  
  49.  
  50. <!-- jquery -->
  51.  
  52.  
  53. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  54.  
  55. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  56.  
  57. <script>
  58.  
  59. (function($){
  60.  
  61. $(document).ready(function(){
  62.  
  63. $("a[title]").style_my_tooltips({
  64.  
  65. tip_follows_cursor:true,
  66.  
  67. tip_delay_time:30,
  68.  
  69. tip_fade_speed:300,
  70.  
  71. attribute:"title"
  72.  
  73. });
  74.  
  75. });
  76.  
  77. })(jQuery);
  78.  
  79. </script>
  80.  
  81.  
  82.  
  83.  
  84.  
  85. <!--CSS customization here. -->
  86.  
  87. <style type="text/css">
  88.  
  89. #s-m-t-tooltip{
  90. font-size:9px;
  91. position:absolute;
  92. margin-top: 15px;
  93. letter-spacing:1px;
  94. z-index:9999;
  95. background:white;
  96. color:{color:text};
  97. text-transform:uppercase;
  98. padding:2px 3px 2px 3px;
  99. -webkit-transition:all 0.3s;
  100. -moz-transition:all 0.3s;
  101. -ms-transition:all 0.3s;
  102. -o-transition:all 0.3s;
  103. transition:all 0.3s;
  104. }
  105.  
  106.  
  107.  
  108.  
  109.  
  110. /*scrollbar*/
  111. ::-webkit-scrollbar{height: 5px;
  112. width: 3px;
  113. -webkit-border-radius: 0px;
  114. background-color:{color:background}}
  115. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};}
  116. ::-webkit-scrollbar-track{background-color:{color:background};}
  117.  
  118.  
  119.  
  120.  
  121. #text {position:fixed;
  122. bottom:5px;
  123. right:10px;
  124. text-transform:uppercase;
  125. font-family:arial;
  126. padding:5px 5px;
  127. font-size:14px;
  128. transform:rotate(90deg);
  129. -ms-transform:rotate(90deg); /* IE 9 */
  130. -webkit-transform:rotate(90deg); /* Safari and Chrome */}
  131. #text a {text-decoration:none;}
  132.  
  133. /*main structure*/
  134. blockquote {padding:5px 0 5px 30px;
  135. border-left:1px solid {color:borders};
  136. margin-left:30px;
  137. }
  138.  
  139. body {
  140. background:{color:background};
  141. color:{color:text};
  142. font-family:helvetica;
  143. font-size:11px;
  144. text-align:justify;
  145. margin:0;
  146. line-height:17px;}
  147.  
  148.  
  149. a {
  150. color:{color:link};
  151. text-decoration:none;
  152. }
  153.  
  154. a:hover {
  155. text-decoration:underline;}
  156.  
  157. img{
  158. opacity:1;
  159. border:none;
  160. text-decoration:none}
  161.  
  162.  
  163. b, strong {
  164. color:{color:title}}
  165. i, em {
  166. color:{color:text}}
  167. p {
  168. margin-top:5px;
  169. margin-bottom:5px}
  170. ol {
  171. list-style:normal;}
  172. ul {
  173. list-style:square;}
  174.  
  175. small {
  176. font-size:8px;}
  177.  
  178. big {
  179. font-size:12px;}
  180.  
  181.  
  182.  
  183.  
  184. #title {font-size:12px;
  185. line-height:18px;
  186. font-weight:100;
  187. text-transform:uppercase;
  188. padding-left:20px;
  189. padding-bottom:10px;
  190. margin-top:20px;
  191. margin-bottom:15px;
  192. text-align:left;
  193. border-bottom:1px solid {color:borders};
  194. color:{color:title};}
  195. #title a {color:{color:title};}
  196.  
  197.  
  198.  
  199.  
  200. /*header*/
  201. #headers {
  202. {block:IfNotShowHeaderImage}
  203. margin-top:150px;
  204. {/block:IfNotShowHeaderImage}
  205. width:400px;
  206. text-align:right;
  207.  
  208.  
  209. }
  210.  
  211. #bat img {max-width:400px;}
  212.  
  213. #blogt {font-size:10px;
  214. margin:15px 0 0px 0;
  215. letter-spacing:5px;
  216. text-align:left;
  217. text-transform:uppercase;
  218. color:{color:blog title};}
  219.  
  220.  
  221. #standardlinks{
  222. margin:15px 0 0 0;
  223. border:0;
  224. text-align:left;
  225. padding:10px 0 0 0;
  226. list-style:none;
  227. border-top:1px solid {color:borders};
  228. }
  229. #standardlinks li {
  230. display:inline;
  231. }
  232. #standardlinks li a {
  233. line-height:20px;
  234. text-decoration:none;
  235. padding:0 5px;
  236. margin-right:15px;
  237. display:inline-block;
  238. font-size:8px;
  239. letter-spacing:1px;
  240. text-align:center;
  241. text-transform:uppercase;
  242. background:transparent;
  243. transition-duration: 0.8s;
  244. -moz-transition-duration: 0.8s;
  245. -webkit-transition-duration: 0.8s;
  246. -o-transition-duration: 0.8s;
  247. }
  248.  
  249. #standardlinks a:hover {
  250. background:{color:accents};
  251. transition-duration: 0.8s;
  252. -moz-transition-duration: 0.8s;
  253. -webkit-transition-duration: 0.8s;
  254. -o-transition-duration: 0.8s;
  255. }
  256.  
  257. #description {
  258. border-top:1px solid {color:borders};
  259. margin-top:10px;
  260. padding-top:10px;
  261. }
  262.  
  263.  
  264. /*pagination*/
  265. #pagination {
  266. text-align:center;
  267. margin:50px 0;
  268. text-transform:uppercase;
  269. letter-spacing:1px;
  270. font-size:10px;
  271. }
  272. #pagination a {
  273. line-height:14px;
  274. padding:3px 5px;
  275. margin:0 25px;
  276. background:{color:accents};
  277. text-decoration:none;
  278. }
  279.  
  280. /*container*/
  281. #con {
  282. left:50%;
  283. margin-left:-200px;
  284. position:absolute;
  285. }
  286.  
  287.  
  288.  
  289. /*posts*/
  290.  
  291. #entries {
  292. margin-top:100px;
  293. width:400px;
  294. }
  295.  
  296.  
  297.  
  298. #posts {
  299. width:400px;
  300. {block:IndexPage}
  301. margin-bottom:100px;
  302. {/block:IndexPage}
  303. {block:PermalinkPage}
  304. margin-bottom:50px;
  305. {/block:PermalinkPage}
  306.  
  307. }
  308. #posts img {
  309. max-width:400px;
  310. display:block;
  311. }
  312.  
  313.  
  314.  
  315.  
  316. #titlequote{
  317. font-size:14px;
  318. line-height:18px;
  319. text-align:center;
  320. background:{color:posts};
  321. padding:10px;
  322. font-weight:100;
  323. color:{color:title};
  324. }
  325. #titlequote b {font-size:18px;
  326. font-family:times;}
  327.  
  328. #source {text-align:center;
  329. border-bottom:1px solid {color:borders};
  330. font-size:10px;
  331. padding:10px 0;}
  332.  
  333. #posts img, #posts li, #posts blockquote {max-width: 100%;}
  334. .caption img{max-width:300px;}
  335. .caption {width:100%;
  336. margin-top:15px;
  337. text-transform:none;
  338. }
  339.  
  340.  
  341.  
  342.  
  343. /*audio*/
  344.  
  345. .player {
  346. width:25px;
  347. height:25px;
  348. overflow:hidden;
  349. margin-left:12px;
  350. padding:5px;
  351. position:absolute;
  352. margin-top:12px;
  353. background:white;
  354. z-index:2;}
  355.  
  356. .audioinfo {
  357. text-align:right;
  358. z-index:2;
  359. position:absolute;
  360. padding-top:12px;
  361. text-transform:uppercase;
  362. width:330px;
  363. font-size:10px;
  364. margin-left:50px;
  365. }
  366.  
  367.  
  368. .playerback {height:58px;
  369. background-color:{color:Accents};
  370. }
  371.  
  372.  
  373.  
  374.  
  375.  
  376.  
  377.  
  378. /*asks*/
  379. .q {
  380. margin:0 50px 15px 50px;
  381. }
  382. .as {font-size:9px;
  383. text-transform:uppercase;
  384. letter-spacing:1px;}
  385.  
  386. .a {
  387. margin-top:10px;
  388. border-top:1px solid {color:borders};
  389. padding-top:10px;
  390. text-align:justify}
  391.  
  392.  
  393.  
  394.  
  395.  
  396. .chat ol {
  397. padding:0;
  398. line-height:180%;
  399. list-style:none;
  400. }
  401.  
  402. .line.odd {
  403. background:{color:accents};
  404. padding:5px;
  405. }
  406.  
  407. .line.even {
  408. padding:5px;
  409. }
  410.  
  411. .label {font-weight:bold;
  412. padding-right:1px;
  413. letter-spacing:1px;
  414. text-transform:uppercase;
  415. color:{color:title};
  416. }
  417.  
  418.  
  419.  
  420.  
  421.  
  422. /*permalink and notes*/
  423.  
  424.  
  425. #permalink {
  426. font-size:8px;
  427. padding-left:7px;
  428. margin-left:415px;
  429. position:absolute;
  430. width:125px;
  431. text-transform:uppercase;
  432. opacity:0;
  433. transition-duration: 0.8s;
  434. -moz-transition-duration: 0.8s;
  435. -webkit-transition-duration: 0.8s;
  436. -o-transition-duration: 0.8s;
  437. }
  438. #permalink a {margin-right:5px;
  439. }
  440. #posts:hover #permalink {opacity:1;
  441. transition-duration: 0.8s;
  442. -moz-transition-duration: 0.8s;
  443. -webkit-transition-duration: 0.8s;
  444. -o-transition-duration: 0.8s;}
  445.  
  446. .tags {{block:ifNotShowTags}
  447. {block:IndexPage}
  448. display:none;
  449. {/block:IndexPage}
  450. {/block:ifNotShowTags}
  451. word-break:break-all;
  452. font-size:9px;
  453. padding-top:5px;
  454. letter-spacing:1px;
  455.  
  456. }
  457. .tags a{
  458. background:{color:Accents};
  459. padding:2px;
  460. text-transform:none;
  461. text-decoration:none;}
  462.  
  463.  
  464. .pagenotes {
  465. {block:IndexPage}
  466. display: none!important;
  467. {/block:IndexPage}
  468. {block:PermalinkPage}
  469. width:400px;
  470. {/block:PermalinkPage}
  471. text-align:left;
  472.  
  473. }
  474. .pagenotes img {
  475. display:none!important;}
  476. .pagenotes li {
  477. list-style-type:none;
  478. padding:5px 0px;
  479. text-align:left;
  480. margin:0 0 0 -40px;
  481. font-size:9px;
  482. text-transform:uppercase;
  483. }
  484. .t {
  485. font-size:12px;
  486. font-weight:bold;
  487. letter-spacing:1px;
  488. color:{color:title};
  489. text-transform:uppercase;}
  490.  
  491.  
  492.  
  493.  
  494.  
  495.  
  496.  
  497.  
  498.  
  499.  
  500.  
  501. {CustomCSS}
  502.  
  503.  
  504. </style>
  505.  
  506.  
  507.  
  508.  
  509.  
  510.  
  511.  
  512.  
  513. </head>
  514.  
  515. <body>
  516.  
  517.  
  518.  
  519. <div id="con">
  520.  
  521.  
  522. <div id="headers">
  523. {block:IfShowHeaderImage}
  524. <div id="bat">
  525. <a href="/"><img src="{image:Header image}"></a>
  526. </div>
  527. {/block:IfShowHeaderImage}
  528. {block:IfShowTitle}
  529. <div id="blogt">{Title}</div>
  530. {/block:IfShowTitle}
  531.  
  532. <div id="standardlinks">
  533. <li ><a href="/">home</a></li>
  534. <li><a href="/ask">ask</a></li>
  535. <li><a href="/archive">archive</a></li>
  536. {block:ifLink1}<li><a href="{text:Link 1 URL}">{text:Link 1}</a></li>{/block:ifLink1}
  537. {block:ifLink2}<li><a href="{text:Link 2 URL}" >{text:Link 2}</a></li>{/block:ifLink2}
  538. {block:ifLink3}<li><a href="{text:Link 3 URL}">{text:Link 3}</a></li>{/block:ifLink3}
  539. </div>
  540.  
  541. <div id="description">{Description}</div>
  542.  
  543.  
  544. </div>
  545.  
  546.  
  547.  
  548.  
  549.  
  550.  
  551.  
  552. <div id="entries">
  553.  
  554. {block:Posts}
  555. <div id="posts">
  556. {block:Date}
  557. <div id="permalink">
  558. <a href="{Permalink}">{ShortMonth} {DayofMonth} @ {12Hour}:{Minutes} {AmPm}</a>{block:NoteCount}<br><a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  559. {block:PermalinkPage}
  560. {block:ContentSource}
  561. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  562. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  563. {/block:SourceLogo}
  564. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  565. {/block:ContentSource}
  566. {block:RebloggedFrom}<br><a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource} & <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}
  567. {/block:PermalinkPage}
  568.  
  569. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">{Tag}</a><br>{/block:Tags}</div>{/block:HasTags}
  570. </div>
  571. {/block:Date}
  572.  
  573. {block:Quote}
  574.  
  575. {block:Source}<div id="source">{Source}</div>{/block:Source}
  576. <div id="titlequote">“{Quote}”</div>
  577.  
  578. {/block:Quote}
  579.  
  580.  
  581.  
  582. {block:Text}
  583.  
  584. {block:Title}
  585. <div id="title">{Title}</div>{/block:Title}
  586. {Body}
  587.  
  588.  
  589. {/block:Text}
  590.  
  591. {block:Link}
  592.  
  593. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  594.  
  595. {/block:Link}
  596.  
  597. {block:Chat}
  598. {block:Title}
  599. <h1>{Title}</h1>
  600. {/block:Title}
  601. <div class="chat">
  602. <ol>{block:Lines}
  603. <li class="line {Alt}">
  604. {block:Label}
  605. <span class="label">
  606. {Label}</span>
  607. {/block:Label}{Line}</li>
  608. {/block:Lines}
  609. </ol></div>
  610. {/block:Chat}
  611.  
  612. {block:Photo}
  613. <center>{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  614. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  615.  
  616.  
  617. {/block:Photo}
  618.  
  619. {block:Photoset}
  620. {Photoset-400}
  621. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  622.  
  623.  
  624. {/block:Photoset}
  625.  
  626. {block:Video}
  627.  
  628. {Video-400}
  629.  
  630. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  631. {/block:Video}
  632.  
  633.  
  634.  
  635. {block:Audio}
  636.  
  637. <div class="audioinfo">
  638. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
  639. </div>
  640. <div class="playerback">
  641. <div class="player">{AudioPlayerWhite}</div>
  642. </div>
  643. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  644. {/block:Audio}
  645.  
  646. {block:Answer}
  647. <div class="q">
  648. <span class="as">{Asker} said: </span>
  649. {Question}</div>
  650.  
  651. <div class="a">{Answer}</div>
  652.  
  653. {/block:Answer}
  654.  
  655.  
  656.  
  657.  
  658.  
  659.  
  660.  
  661.  
  662.  
  663. </div>
  664.  
  665.  
  666.  
  667. {block:PermalinkPage}
  668. {/block:PermalinkPage}
  669. <div class="pagenotes">
  670. {block:NoteCount}<div class="t">Notes</div>{/block:NoteCount}
  671. {PostNotes}
  672. </ol>
  673.  
  674.  
  675.  
  676. </div>
  677. {/block:PostNotes}
  678. {/block:Posts}
  679.  
  680. <div id="pagination">
  681. {block:Pagination}
  682. {block:PreviousPage}
  683. <a href="{PreviousPage}">&larr; previous </a>
  684. {/block:PreviousPage}
  685.  
  686.  
  687. {block:NextPage}
  688. <a href="{NextPage}">next &rarr;</a>
  689. {/block:NextPage}
  690. {/block:Pagination}
  691. </div>
  692.  
  693.  
  694.  
  695. </div>
  696.  
  697.  
  698. <div id="text">
  699. <a href="http://farahmir.tumblr.com" target="_blank" title="septim">S</a></div>
  700. </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!