API tools faq
paste
Advertisement
septims

Midnight

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