API tools faq
paste
Advertisement
septims

Madeline

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