septims

Breezeblocks

Dec 11th, 2014
14,820
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.73 KB | None | 0 0
  1.  
  2.  
  3. <!--
  4.  
  5.  
  6. septim theme
  7.  
  8.  
  9. -->
  10.  
  11. <!DOCTYPE html>
  12. <head>
  13.  
  14.  
  15. <title>{Title}</title>
  16.  
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  20.  
  21. <!--Default Variables-->
  22.  
  23. <meta name="color:Background" content="#ffffff"/>
  24. <meta name="color:Text" content="#aaaaaa"/>
  25. <meta name="color:Link" content="#000000"/>
  26. <meta name="color:Link Hover" content="#000000"/>
  27. <meta name="color:Bold" content="#000000"/>
  28. <meta name="color:Posts" content="#ffffff"/>
  29. <meta name="color:Sidebar Text" content="#ffffff"/>
  30. <meta name="color:Sidebar" content="#cccccc"/>
  31. <meta name="color:Scrollbar" content="#cccccc"/>
  32. <meta name="color:Top Bar" content="#ffffff"/>
  33.  
  34.  
  35. <meta name="text:Link 1 URL" content="" />
  36. <meta name="text:Link 1" content="" />
  37. <meta name="text:Link 2 URL" content="" />
  38. <meta name="text:Link 2" content="" />
  39. <meta name="text:Link 3 URL" content="" />
  40. <meta name="text:Link 3" content="" />
  41.  
  42. <meta name="image:Side Image" content=""/>
  43. <meta name="image:Background Image" content=""/>
  44.  
  45. <meta name="if:Hide Tags" content="0"/>
  46. <meta name="if:Hide Captions" content="0"/>
  47. <meta name="if:Infinite Scroll" content="1"/>
  48. <meta name="if:Show Side Image" content="1"/>
  49. <meta name="if:Background Image" content="0"/>
  50. <meta name="if:Stretch Background" content="0"/>
  51. <meta name="if:Top Bar" content="1"/>
  52.  
  53. <!-- jquery for tooltips-->
  54. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  55.  
  56. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  57.  
  58. {block:indexpage}
  59. {block:ifinfinitescroll}
  60. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  61. {/block:ifinfinitescroll}
  62. {/block:indexpage}
  63.  
  64. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  65.  
  66. <script>
  67.  
  68. (function($){
  69.  
  70. $(document).ready(function(){
  71.  
  72. $("a[title]").style_my_tooltips({
  73.  
  74. tip_follows_cursor:true,
  75.  
  76. tip_delay_time:30,
  77.  
  78. tip_fade_speed:300,
  79.  
  80. attribute:"title"
  81.  
  82. });
  83.  
  84. });
  85.  
  86. })(jQuery);
  87.  
  88. </script>
  89.  
  90. <script>
  91. $(document).ready(function() {
  92. $('#o').click(function() {
  93. $('#description').slideToggle(400);
  94. $(this).toggleClass('turn');
  95. });
  96. });
  97. </script>
  98.  
  99.  
  100. <!--CSS customization here. -->
  101.  
  102. <style type="text/css">
  103.  
  104. #s-m-t-tooltip{
  105. position:absolute;
  106. margin:25px 0 25px 25px;
  107. z-index:9999;
  108. background:{color:posts};
  109. font-size:8px;
  110. text-transform:uppercase;
  111. letter-spacing:1px;
  112. padding:2px 5px;
  113. color:{color:bold};
  114. }
  115.  
  116.  
  117.  
  118. #tumblr_lightbox {background-color:rgba(246, 246, 246, .9)!important;z-index:99999!important;}
  119. #tumblr_lightbox img { opacity:0; }
  120. #tumblr_lightbox_caption {color:black!important;
  121. font-family:arial!important;
  122. font-size:10px!important;
  123. font-weight:normal!important;text-shadow:none!important;}
  124. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {padding:10px!important;
  125. background:white!important;
  126. margin-top:-10px!important;
  127. margin-left:-10px!important;
  128. -moz-box-shadow:none!important;
  129. -webkit-box-shadow:none!important;
  130. box-shadow:none!important;
  131. -moz-border-radius:0px!important;
  132. -webkit-border-radius:0px!important;
  133. border-radius:0pxpx!important;
  134. opacity:1!important;}
  135.  
  136. #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  137. opacity:.6!important;}
  138.  
  139.  
  140. iframe#tumblr_controls { white-space:nowrap!important;
  141. -webkit-filter:invert(100%)!important;
  142. -moz-filter:invert(100%)!important;
  143. -ms-filter:invert(100%)!important;
  144. -o-filter:invert(100%)!important;
  145. filter:invert(100%)!important;
  146. top:10px!important;
  147. right:5px!important;
  148. position:fixed!important;
  149. opacity:.3!Important;
  150. }
  151.  
  152. /*scrollbar*/
  153. ::-webkit-scrollbar{height: 3px;
  154. width: 3px;
  155. -webkit-border-radius: 0px;
  156. background-color:{color:background}}
  157. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};
  158. }
  159. ::-webkit-scrollbar-track{background-color:{color:background}
  160. }
  161.  
  162. /*basics*/
  163. blockquote {padding:0 0 0 10px;
  164. border-left:3px solid {color:sidebar};
  165. margin:5px 0;
  166. display:block;
  167. }
  168.  
  169. body {
  170. {block:ifnotbackgroundimage}
  171. background:{color:background};
  172. {/block:ifnotbackgroundimage}
  173. {block:ifbackgroundimage}
  174. background:{color:background} url('{image:background image}') center center fixed repeat;
  175. {block:ifstretchbackground}
  176. -webkit-background-size: cover;
  177. -moz-background-size: cover;
  178. -o-background-size: cover;
  179. background-size: cover;
  180. {/block:ifstretchbackground}
  181. {/block:ifbackgroundimage}
  182. color:{color:text};
  183. font-family:consolas;
  184. font-size:10px;
  185. text-align:justify;
  186. -webkit-font-smoothing: antialiased;
  187. margin:0;
  188. line-height:150%}
  189.  
  190.  
  191. a {
  192. color:{color:link};
  193. text-decoration:none;
  194. }
  195.  
  196. a:hover {
  197. text-decoration:none;
  198. color:{color:link hover};
  199. }
  200.  
  201. img{opacity:1;
  202. border:none;
  203. text-decoration:none}
  204.  
  205.  
  206. small {
  207. font-size:9px;
  208. text-transform:uppercase;
  209. letter-spacing:1px;
  210. }
  211.  
  212. big {
  213. font-size:10px;}
  214.  
  215. h1, h2, h3, h1 {font-size:12px;
  216. font-family:trebuchet ms;
  217. font-weight:bold;
  218. }
  219.  
  220. b {color:{color:bold};}
  221.  
  222. ul {list-style:circle;}
  223. ol {list-style:lower-roman;}
  224.  
  225. p {margin:5px 0;}
  226. p:first-of-type {margin-top:0;}
  227. p:last-of-type {margin-bottom:0;}
  228.  
  229.  
  230. #title {font-size:12px;
  231. color:{color:sidebar text};
  232. background:{color:sidebar};
  233. font-family:trebuchet ms;
  234. font-weight:bold;
  235. padding:15px 20px;
  236. text-align:left;
  237. }
  238. #title a {color:{color:sidebar text};}
  239. #title a:hover {color:{color:link hover};}
  240.  
  241. /*sidebar*/
  242.  
  243. #bar {height:45px;
  244. position:fixed;
  245. top:0;
  246. left:0;
  247. width:100%;
  248. z-index:99;
  249. background:{color:top bar};}
  250.  
  251. #sidebar {
  252. position:fixed;
  253. left:50%;
  254. margin-left:250px;
  255. top:100px;
  256. z-index:2;
  257. width:220px;
  258. -webkit-animation-name: fade-in;
  259. -webkit-animation-duration: 1.5s;
  260. }
  261.  
  262. #inner {position:relative;
  263. height:100%;
  264. padding:20px;
  265. color:{color:sidebar text};
  266. background:{color:sidebar};
  267. }
  268.  
  269. #k img {width:220px;
  270. display:block;
  271. }
  272.  
  273. #sidebar a {color:{color:sidebar text};}
  274.  
  275.  
  276. #hi {font-size:9px;
  277. letter-spacing:1px;
  278. font-weight:normal;
  279. display:block;}
  280.  
  281.  
  282. #blogt {font-size:10px;
  283. font-weight:bold;
  284. letter-spacing:2px;
  285. border-bottom:1px solid rgba(255,255,255,.3);
  286. padding-bottom:14px;
  287. text-transform:uppercase;
  288. position:relative;
  289. }
  290.  
  291. #o {position:absolute;
  292. right:5px;
  293. cursor:pointer;
  294. top:5px;
  295. font-size:14px;
  296. font-weight:bold;
  297. }
  298.  
  299. #o i {transition:0.4s;
  300. -o-transition-transition:0.4s;
  301. -webkit-transition-duration:0.4s;
  302. -moz-transition-duration:0.4s;}
  303.  
  304. #o.turn i {-ms-transform: rotate(-180deg); /* IE 9 */
  305. -webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
  306. transform: rotate(-180deg);}
  307.  
  308. #links {font-size:9px;
  309. letter-spacing:2px;
  310. text-transform:uppercase;
  311. padding:10px 15px 0 15px;
  312. }
  313.  
  314. #links a {
  315. display:block;
  316. line-height:25px;
  317. }
  318.  
  319. #links i {margin-right:15px;}
  320.  
  321.  
  322.  
  323. #description {font-size:8px;
  324. text-transform:uppercase;
  325. letter-spacing:2px;
  326. margin-top:15px;
  327. border-bottom:1px solid rgba(255,255,255,.3);
  328. padding-bottom:14px;
  329. display:none;
  330. }
  331.  
  332.  
  333. /*pagination*/
  334.  
  335. #pagination {border-top:1px solid rgba(255,255,255,.3);
  336. text-align:right;
  337. font-size:8px;
  338. margin-top:10px;
  339. padding-top:14px;
  340. text-transform:uppercase;
  341. letter-spacing:2px;
  342. background:{color:sidebar};
  343. }
  344. #pagination a {
  345. }
  346.  
  347.  
  348.  
  349. /*posts*/
  350.  
  351. #entries {
  352. margin:100px auto 150px auto;
  353. width:400px;
  354. position:relative;
  355. }
  356.  
  357. .posts {position:relative;
  358. width:400px;
  359. {block:IndexPage}
  360. margin-bottom:50px;
  361. {/block:IndexPage}
  362. {block:PermalinkPage}
  363. margin-bottom:25px;
  364. {/block:PermalinkPage}
  365. -webkit-animation-name: fade-in;
  366. -webkit-animation-duration: 1.5s;
  367. }
  368. .posts img {
  369. max-width:400px;
  370. }
  371. .but {background:{color:posts};}
  372.  
  373. .but img, .but iframe {display:block;
  374. width:400px;
  375. }
  376.  
  377. .posts img, .posts li, .posts blockquote {max-width: 100%;}
  378.  
  379. .caption {display:block;
  380. padding:20px 20px 0 20px;
  381. background:{color:posts};
  382. {block:ifhidecaptions}
  383. {block:indexpage}
  384. display:none;
  385. {/block:indexpage}
  386. {/block:ifhidecaptions}
  387. }
  388.  
  389. .butt {display:block;
  390. padding:20px 20px 0 20px;
  391. background:{color:posts};
  392. }
  393.  
  394. a.tumblr_blog {font-size:10px;
  395. text-decoration:underline;}
  396.  
  397. a.tumblr_blog:hover {color:{color:link};
  398. text-decoration:none;}
  399.  
  400. /*quote*/
  401.  
  402. #titlequote{text-align:left;
  403. font-family:trebuchet ms;
  404. font-size:12px;
  405. margin-top:-15px;
  406. line-height:200%;
  407. font-weight:bold;
  408. color:{color:bold};
  409. }
  410.  
  411. #source {
  412. margin-top:10px;
  413. font-size:8px;
  414. text-transform:uppercase;
  415. letter-spacing:1px;
  416. margin-left:15px;}
  417.  
  418. /*audio*/
  419.  
  420. .left {width:140px;
  421. height:140px;
  422. background:{color:sidebar};
  423. color:{color:sidebar text};
  424. font-size:20px;
  425. line-height:140px;
  426. float:left;
  427. position:Relative;
  428. text-align:center;
  429. }
  430.  
  431. #cool {width:140px;
  432. position:Absolute;
  433. height:140px;
  434. top:0;
  435. left:0;}
  436.  
  437. .left img {width:140px;
  438. height:140px;
  439. display:block;}
  440.  
  441. .side {min-height:100px;
  442. margin-left:140px;
  443. padding:20px;
  444. background:{color:posts};
  445. }
  446. .player {
  447. width:25px;
  448. height:25px;
  449. overflow:hidden;}
  450.  
  451. .song {background:#e4e4e4;
  452. opacity:.5;
  453. display:block;
  454. position:relative;
  455. margin-bottom:15px;
  456. margin-top:-20px;
  457. border:10px solid #e4e4e4;
  458. }
  459.  
  460. .song:after {content:'Listen';
  461. font-size:9px;
  462. position:Absolute;
  463. left:40px;
  464. line-height:30px;
  465. letter-spacing:1px;
  466. top:0;
  467. color:{color:bold};
  468. text-transform:uppercase;}
  469.  
  470. .audioinfo {
  471. font-size:8px;
  472. text-transform:uppercase;
  473. letter-spacing:1px;
  474. line-height:20px;
  475. }
  476.  
  477. .audioinfo b {padding:0px 5px 0px 0px;
  478. }
  479.  
  480. /*asks*/
  481. .q {color:{color:sidebar text};
  482. background:{color:sidebar};
  483. padding:15px 20px;
  484. }
  485. .as {display:inline;
  486. text-transform:uppercase;
  487. letter-spacing:1px;
  488. font-size:9px;
  489. }
  490. .as a {color:{color:sidebar text};}
  491. .as a:hover {color:{color:link hover};}
  492. .a {text-align:left;
  493. padding:20px 20px 0 20px;
  494. background:{color:posts};
  495. }
  496.  
  497.  
  498. /*chat*/
  499.  
  500. .chat ol {
  501. padding:0;
  502. margin:0;
  503. list-style:none;
  504. }
  505. .line {padding:15px 20px;}
  506.  
  507. .line.odd {background:{color:sidebar};
  508. color:{color:sidebar text};}
  509.  
  510. .line.even {background:{color:posts};}
  511.  
  512. .label {font-size:9px;
  513. text-transform:uppercase;
  514. letter-spacing:1px;
  515. }
  516.  
  517.  
  518.  
  519.  
  520.  
  521. /*permalink and notes*/
  522.  
  523. .source {font-size:8px;
  524. text-transform:uppercase;
  525. letter-spacing:1px;
  526. display:block;
  527. padding:15px 20px;
  528. background:{color:posts};
  529. }
  530.  
  531. .source i {margin:0 5px;}
  532.  
  533. .s {float:right;
  534. text-align:right;}
  535.  
  536. .s a {margin-left:5px;}
  537.  
  538. #permalink {font-size:8px;
  539. text-transform:uppercase;
  540. letter-spacing:1px;
  541. display:block;
  542. margin-top:-10px;
  543. padding:25px 20px 15px 20px;
  544. background:{color:posts};
  545. }
  546.  
  547. #permalink i {margin:0 5px;}
  548.  
  549. .tags {
  550. word-break:break-all;
  551. {block:ifhidetags}
  552. {block:indexpage}
  553. display:none;
  554. {/block:indexpage}
  555. {/block:ifhidetags}
  556. }
  557.  
  558. .pagenotes {
  559. width:360px;
  560. background:{color:posts};
  561. padding:20px;
  562. text-align:left;
  563. font-size:8px;
  564. text-transform:uppercase;
  565. letter-spacing:2px;
  566. }
  567. .pagenotes ol {margin:0;
  568. padding:0;}
  569.  
  570.  
  571. .more_notes_link {text-align:left!important;
  572. color:{color:bold};
  573. font-weight:bold;
  574. display:block;
  575. }
  576.  
  577. .script {position:fixed;
  578. bottom:0;
  579. right:0;
  580. padding:10px;
  581. line-height:15px;
  582. height:15px;
  583. width:15px;
  584. color:{color:link};
  585. opacity:.5;
  586. display:block;}
  587.  
  588. .pagenotes img {
  589. display:none!important;}
  590. .pagenotes li {
  591. list-style-type:none;
  592. padding:5px 0px;
  593. }
  594.  
  595. pre {
  596. white-space: pre-wrap; /* css-3 */
  597. white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  598. white-space: -pre-wrap; /* Opera 4-6 */
  599. white-space: -o-pre-wrap; /* Opera 7 */
  600. word-wrap: break-word; /* Internet Explorer 5.5+ */
  601. }
  602.  
  603.  
  604. @-webkit-keyframes fade-in {
  605. 0% { opacity: 0; }
  606. 50% { opacity: 0; }
  607. 100% { opacity: 1; }
  608.  
  609.  
  610.  
  611. {CustomCSS}
  612.  
  613.  
  614. </style>
  615.  
  616.  
  617.  
  618.  
  619. </head>
  620.  
  621. <body>
  622.  
  623. {block:iftopbar}
  624. <div id="bar"></div>
  625. {/block:iftopbar}
  626.  
  627. <div id="sidebar">
  628. {block:ifshowsideimage}<div id="k"><a href="/"><img src="{image:side image}"></a></div>{/block:ifshowsideimage}
  629. <div id="inner">
  630. <div id="blogt">
  631. <a id="o"><i class="fa fa-angle-down"></i></a>
  632. <a href="/">{Title}</a>
  633. <span id="hi">{name}</span>
  634. </div>
  635. <div id="description">{description}</div>
  636. <div id="links">
  637. <a href="/"><i class="fa fa-file-text-o"></i>Home</a>
  638. <a href="/ask"><i class="fa fa-envelope-o"></i>Message</a>
  639. <a href="/archive"><i class="fa fa-calendar"></i>Archive</a>
  640. {block:ifLink1}<a href="{text:Link 1 URL}"><i class="fa fa-folder-o"></i>{text:Link 1}</a>{/block:ifLink1}
  641. {block:ifLink2}<a href="{text:Link 2 URL}"><i class="fa fa-bars"></i>{text:Link 2}</a>{/block:ifLink2}
  642. {block:ifLink3}<a href="{text:Link 3 URL}"><i class="fa fa-star-o"></i>{text:Link 3}</a>{/block:ifLink3}
  643. </div>
  644.  
  645. {block:ifnotinfinitescroll}
  646. {block:Pagination}
  647. <div id="pagination">
  648. {block:PreviousPage}
  649. <a href="{PreviousPage}">previous </a> /
  650. {/block:PreviousPage}
  651. {block:NextPage}
  652. <a href="{NextPage}">next</a>
  653. {/block:NextPage}
  654. </div>
  655. {/block:Pagination}
  656. {/block:ifnotinfinitescroll}
  657.  
  658. </div>
  659.  
  660.  
  661. </div>
  662.  
  663.  
  664.  
  665.  
  666. <div id="entries" class="autopagerize_page_element">
  667. {block:Posts}
  668. <div class="posts">
  669.  
  670. {block:Date}<div class="source"><a href="/">{name}</a>{block:RebloggedFrom}<i class="fa fa-retweet"></i><a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource}<span class="s">source:<a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}</span>{/block:RebloggedFrom}</div>{/block:Date}
  671.  
  672.  
  673. {block:Quote}
  674. <div class="butt">
  675. <div id="titlequote">“{Quote}”</div>
  676. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  677. </div>{/block:Quote}
  678.  
  679.  
  680.  
  681. {block:Text}
  682. {block:Title}<div id="title">{Title}</div>{/block:Title}
  683. <div class="butt">
  684. {Body}</div>
  685. {/block:Text}
  686.  
  687. {block:Link}
  688. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}
  689. <div class="butt">{Description}</div>{/block:Description}
  690. {/block:Link}
  691.  
  692. {block:Chat}
  693. {block:Title}<div id="title">{Title}</div>{/block:Title}
  694. <div class="chat">
  695. <ol>{block:Lines}
  696. <li class="line {Alt}">
  697. {block:Label}
  698. <span class="label">
  699. {Label}</span>
  700. {/block:Label}{Line}</li>
  701. {/block:Lines}
  702. </ol></div>
  703. {/block:Chat}
  704.  
  705. {block:Photo}<div class="but">
  706. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}
  707. </div>{/block:Photo}
  708.  
  709. {block:Photoset}
  710. <div class="but">{Photoset-400}</div>
  711. {/block:Photoset}
  712.  
  713. {block:Video}
  714. <div class="but">{Video-400}</div>
  715. {/block:Video}
  716.  
  717. {block:Audio}
  718. <div class="left">
  719. <i class="fa fa-music"></i>
  720. {block:AlbumArt}
  721. <div id="cool"><img src="{AlbumArtURL}"></div>
  722. {/block:AlbumArt}
  723. </div>
  724. <div class="side">
  725. <div class="song"><div class="player">{AudioPlayerGrey}</div></div>
  726. <div class="audioinfo">
  727. {block:TrackName}<b>Track:</b>{TrackName}{/block:TrackName}
  728. {block:Artist}<br><b>Artist:</b>{Artist}{/block:Artist}
  729. <br><b>Plays:</b>{playcount}
  730. </div></div>
  731. {/block:Audio}
  732.  
  733. {block:Answer}
  734. <div class="q">
  735. <div class="as">{Asker} said: </div>
  736. {Question}</div>
  737. <div class="a">{Answer}
  738. </div>
  739. {/block:Answer}
  740.  
  741. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  742.  
  743. {block:Date}
  744. <div id="permalink">
  745. <a href="{Permalink}" title="{timeago}">{month} {dayofmonth}{dayofmonthsuffix}, {year}</a>{block:NoteCount}<i class="fa fa-heart-o"></i><a href="{Permalink}">{NoteCountwithlabel}</a>{/block:NoteCount}{block:HasTags}<span class="tags"> / {block:Tags}<a href="{TagUrl}"> # {Tag}</a>{/block:Tags}</span>{/block:HasTags}
  746. </div>
  747. {/block:Date}
  748.  
  749.  
  750.  
  751. </div>
  752.  
  753.  
  754. {block:PostNotes}
  755. <div class="pagenotes">
  756. {PostNotes}
  757. </div>
  758. {/block:PostNotes}
  759.  
  760.  
  761. {/block:Posts}
  762.  
  763.  
  764.  
  765.  
  766.  
  767.  
  768. </div>
  769.  
  770.  
  771.  
  772. {block:ContentSource}
  773. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  774. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  775. {/block:SourceLogo}
  776. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  777. {/block:ContentSource}
  778. <a href="http://farahmir.tumblr.com" class="script" title="septim">&copy;</a>
  779. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment