API tools faq
paste
Advertisement
sofiiayala

Theme 33 by Sofi for Tumblr

sofiiayala
Nov 30th, 2014
4,681
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.18 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><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. <!---- Theme 33 by Sofi (castiiel.tumblr.com). DON'T REMOVE THE CREDIT OR CLAIM THE THEME AS YOURS. DON'T USE IT AS A BASE --->
  9.  
  10. <meta name="color:background" content="#1b1919"/>
  11. <meta name="color:text" content="#fff"/>
  12. <meta name="color:title" content="#fff"/>
  13. <meta name="color:link" content="#75b1d6"/>
  14. <meta name="color:link hover" content="#427ea3"/>
  15. <meta name="color:info background" content="#fff"/>
  16. <meta name="color:info text" content="#1b1919"/>
  17. <meta name="color:box shadow" content="#888"/>
  18. <meta name="color:scrollbar" content="#75b1d6"/>
  19. <meta name="color:border" content="#fff"/>
  20.  
  21. <meta name="image:background" content=""/>
  22.  
  23. <meta name="if:Info on hover" content="1"/>
  24. <meta name="if:Repeat background" content="0"/>
  25. <meta name="if:Show index tags" content="0"/>
  26. <meta name="if:Hide scrollbar" content="0"/>
  27.  
  28. <meta name="text:title" content=""/>
  29. <meta name="text:link 1" content="link 1"/>
  30. <meta name="text:link 1 url" content="/"/>
  31. <meta name="text:link 2" content="link 2"/>
  32. <meta name="text:link 2 url" content="/ask"/>
  33. <meta name="text:link 3" content="link 3"/>
  34. <meta name="text:link 3 url" content="/"/>
  35. <meta name="text:link 4" content="link 4"/>
  36. <meta name="text:link 4 url" content="/"/>
  37. <meta name="text:link 5" content="link 5"/>
  38. <meta name="text:link 5 url" content="/"/>
  39.  
  40. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  41. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  42.  
  43. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  44. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  45. <script>
  46. (function($){
  47. $(document).ready(function(){
  48. $("[title]").style_my_tooltips({
  49. tip_follows_cursor:true,
  50. tip_delay_time:90,
  51. tip_fade_speed:600,
  52. attribute:"title"
  53. });
  54. });
  55. })(jQuery);
  56. </script>
  57.  
  58. <style type="text/css">
  59.  
  60. #s-m-t-tooltip {
  61. padding:7px;
  62. padding-right: 5px;
  63. padding-top: 4px;
  64. padding-bottom: 4px;
  65. margin-left:20px;
  66. margin-top: 0px;
  67. background: #fff; /* change the background color */
  68. border:1px solid #000; /* change the border color */
  69. font-size:7px; /* change the font size */
  70. letter-spacing:1.5px; /* change the letter spacing */
  71. text-transform:uppercase; /* can be uppercase, lowercase, none*/
  72. color:#000; /* change the text color */
  73. z-index:999999999999999999999999999999999999;
  74. border-radius: 3px;
  75. }
  76.  
  77. ::-webkit-scrollbar {width: 1px; height: 1px; {block:ifHidescrollbar}width: 0px; height: 0px;{/block:ifHidescrollbar} background: transparent; }
  78. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar}; -webkit-border-radius: 0ex; }
  79.  
  80. body {
  81. background-color:{color:background};
  82. margin:0px;
  83. position:relative;
  84. color:{color:text};
  85. font-family:helvetica, sans-serif;
  86. font-style:normal;
  87. font-size:10px;
  88. line-height:120%;
  89. letter-spacing: 0.8px;
  90. background-image:url("{image:background}");
  91. background-size:cover;
  92. {block:ifRepeatbackground}
  93. background-size:auto;
  94. background-repeat: repeat;
  95. {block:ifRepeatbackground}
  96. background-attachment:fixed;
  97. background-position: top left;
  98. }
  99.  
  100. a {
  101. text-decoration:none;
  102. outline:none;
  103. -moz-outline-style:none;
  104. color:{color:link};
  105. transition: all 0.3s linear;
  106. -webkit-transition: opacity 0.3s linear;
  107. -webkit-transition: all 0.3s linear;
  108. -moz-transition: all 0.3s linear;
  109. }
  110.  
  111. a:hover {
  112. color:{color:link hover};
  113. transition: all 0.3s linear;
  114. -webkit-transition: opacity 0.3s linear;
  115. -webkit-transition: all 0.3s linear;
  116. -moz-transition: all 0.3s linear;
  117. }
  118.  
  119. img {
  120. border:none;
  121. }
  122.  
  123. p {
  124. margin-left: 0px;
  125. margin-right: 0px;
  126. word-wrap: break-word;
  127. }
  128.  
  129. pre {
  130. white-space: pre-wrap;
  131. white-space: -moz-pre-wrap;
  132. white-space: -pre-wrap;
  133. white-space: -o-pre-wrap;
  134. word-wrap: break-word;
  135. }
  136.  
  137. blockquote {
  138. padding-left:5px;
  139. border-left:1px solid;
  140. margin-left: 0px;
  141. margin-right: 0px;
  142. }
  143.  
  144. blockquote img {
  145. max-width: 244px;
  146. }
  147.  
  148. h1 {
  149. font-size:14px;
  150. font-family:trebuchet ms, sans-serif;
  151.  
  152. font-weight: 300;
  153. letter-spacing: 1.5px;
  154. line-height: 130%;
  155. }
  156.  
  157. .hr {
  158. color: #f0eded;
  159. }
  160.  
  161. #cont {
  162. padding:0px 30px;
  163. width:621px;
  164. height: 450px;
  165. overflow: auto;
  166. border-top: 1px solid {color:border};
  167. border-bottom: 1px solid {color:border};
  168. position:fixed;
  169. bottom:50%;
  170. margin-bottom:-250px;
  171. left:50%;
  172. margin-left:-340px;
  173. }
  174.  
  175. #entries {
  176. width:620px;
  177. padding-top: 30px;
  178. }
  179.  
  180. #post {
  181. {block:indexpage}
  182. width:250px;
  183. {/block:indexpage}
  184. {block:permalink}
  185. width:400px;
  186. margin-left:80px;
  187. {/block:permalink}
  188. margin-bottom:0px;
  189. text-align: left;
  190. float:left;
  191. padding: 20px 30px;
  192. overflow:hidden;
  193. }
  194.  
  195. #post img {
  196. max-width: 250px;
  197. }
  198.  
  199. #post:hover #info {
  200. opacity: 1;
  201. transition: all 0.3s linear;
  202. -webkit-transition: opacity 0.3s linear;
  203. -webkit-transition: all 0.3s linear;
  204. -moz-transition: all 0.3s linear;
  205. }
  206.  
  207. #topbar {
  208. width: 681px;
  209. position: fixed;
  210. bottom:50%;
  211. margin-bottom: 220px;
  212. left:50%;
  213. margin-left:-340px;
  214. text-align: right;
  215. }
  216.  
  217. #title {
  218. font-family: trebuchet ms, sans-serif;
  219. text-transform: uppercase;
  220. font-size: 15px;
  221. letter-spacing: 2px;
  222. font-weight:bolder;
  223. color:{color:title};
  224. }
  225.  
  226. #desc {
  227. padding-top:15px;
  228. line-height:130%;
  229. font-size:10px;
  230. }
  231.  
  232. #links {
  233. width: 620px;
  234. left:50%;
  235. margin-left:-340px;
  236. bottom: 50%;
  237. margin-bottom:-275px;
  238. position: fixed;
  239. font-size: 11px;
  240. text-transform: uppercase;
  241. letter-spacing: 1.5px;
  242. text-align:left;
  243. font-family: trebuchet ms, consolas, 'Lato', sans-serif;
  244. }
  245.  
  246. #links a {
  247. display: inline-block;
  248. margin-right: 10px;
  249. color: {color:text};
  250. font-weight: bold;
  251. transition: all 0.3s linear;
  252. -webkit-transition: opacity 0.3s linear;
  253. -webkit-transition: all 0.3s linear;
  254. -moz-transition: all 0.3s linear;
  255. }
  256.  
  257. #links a:hover {
  258. font-style:italic;
  259. transition: all 0.3s linear;
  260. -webkit-transition: opacity 0.3s linear;
  261. -webkit-transition: all 0.3s linear;
  262. -moz-transition: all 0.3s linear;
  263. }
  264.  
  265. #info {
  266. text-align:center;
  267. margin-top: -3px;
  268. width: 238px;
  269. {block:permalink}
  270. width:388px;
  271. {/block:permalink}
  272. padding: 6px;
  273. color: {color:info text};
  274. background-color: {color:info background};
  275. font-size: 9px;
  276. font-family: trebuchet ms, sans-serif;
  277. letter-spacing: 1px;
  278. font-weight: bolder;
  279. opacity:.8;
  280. {block:ifInfoonhover}
  281. {block:indexpage}
  282. opacity:0;
  283. {/block:indexpage}
  284. {/block:ifInfoonhover}
  285. -webkit-transition: opacity 0.3s linear;
  286. -webkit-transition: all 0.3s linear;
  287. -moz-transition: all 0.3s linear;
  288. transition: all 0.3s linear;
  289. }
  290.  
  291. #info a {
  292. color: {color:info text};
  293. transition: all 0.3s linear;
  294. -webkit-transition: opacity 0.3s linear;
  295. -webkit-transition: all 0.3s linear;
  296. -moz-transition: all 0.3s linear;
  297. }
  298.  
  299. #info a:hover {
  300. color: {color:link};
  301. transition: all 0.3s linear;
  302. -webkit-transition: opacity 0.3s linear;
  303. -webkit-transition: all 0.3s linear;
  304. -moz-transition: all 0.3s linear;
  305. }
  306.  
  307. .tags a {
  308. color: {color:info text};
  309. padding: 0px 2.5px;
  310. text-transform: uppercase;
  311. transition: all 0.3s linear;
  312. -webkit-transition: opacity 0.3s linear;
  313. -webkit-transition: all 0.3s linear;
  314. -moz-transition: all 0.3s linear;
  315. }
  316.  
  317. .tags a:hover {
  318. color: {color:link};
  319. transition: all 0.3s linear;
  320. -webkit-transition: opacity 0.3s linear;
  321. -webkit-transition: all 0.3s linear;
  322. -moz-transition: all 0.3s linear;
  323. }
  324.  
  325. #asker {
  326. float:left;
  327. }
  328.  
  329. .question{
  330. text-align: center;
  331. margin-bottom:10px;
  332. padding: 8px 0px;
  333. border-bottom: 1px solid {color:border};
  334. }
  335.  
  336. .question a {
  337. text-transform: uppercase;
  338. color: {color:text};
  339. }
  340.  
  341. .answer{
  342. text-align: left;
  343. }
  344.  
  345. .answer img {
  346. max-width: 492px;
  347. }
  348.  
  349. #credit {
  350. font-size:12px;
  351. font-family: Helvetica, sans-serif;
  352. letter-spacing:1.5px;
  353. line-height: 100%;
  354. z-index:999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
  355. position:fixed;
  356. right:-100px;
  357. bottom:10px;
  358. transition: all 0.9s linear;
  359. -webkit-transition: opacity 0.9s linear;
  360. -webkit-transition: all 0.9s linear;
  361. -moz-transition: all 0.9s linear;
  362. }
  363.  
  364. #credit a {
  365. color:{color:text};
  366. margin-left:15px;
  367. transition: all 0.9s linear;
  368. -webkit-transition: opacity 0.9s linear;
  369. -webkit-transition: all 0.9s linear;
  370. -moz-transition: all 0.9s linear;
  371. }
  372.  
  373. #credit:hover {
  374. right:10px;
  375. transition: all 0.9s linear;
  376. -webkit-transition: opacity 0.9s linear;
  377. -webkit-transition: all 0.9s linear;
  378. -moz-transition: all 0.9s linear;
  379. }
  380.  
  381. .sources
  382. {
  383. filter:alpha(opacity=0);
  384. opacity:0;
  385. font-size: 0px;
  386. }
  387.  
  388. #con {
  389. width:250px;
  390. margin: auto;
  391. margin-top: 0px;
  392. text-align: center;
  393. }
  394.  
  395. #quote {
  396. font-size:13px;
  397. font-family:'Lato', sans-serif;
  398. text-align: center;
  399. font-weight: 300;
  400. letter-spacing: 1.5px;
  401. line-height: 130%;
  402. padding-bottom: 10px;
  403. }
  404.  
  405. #cover {
  406. position: relative;
  407. z-index: 1;
  408. height: 80px;
  409. float:left;
  410. margin:4px;
  411. box-shadow:0px 0px 5px {color:box shadow};
  412. }
  413.  
  414. #button {
  415. width:20px;
  416. height:30px;
  417. overflow: hidden;
  418. position: relative;
  419. z-index: 99;
  420. margin: 15px 24px 13px 16px;
  421. }
  422.  
  423. #buttons {
  424. background-color: #fff;
  425. position: absolute;
  426. z-index: 99;
  427. margin-top: 15px;
  428. margin-left: 15px;
  429. opacity: 0;
  430. -webkit-transition: opacity 0.5s linear;
  431. -webkit-transition: all 0.5s linear;
  432. -moz-transition: all 0.5s linear;
  433. -o-transition: all 0.5s linear;
  434. }
  435.  
  436. #post:hover #buttons {
  437. opacity:0.5;
  438. }
  439.  
  440. #musicinfo {
  441. margin-left: 110px;
  442. font-size:10px;
  443. min-height:70px;
  444. text-align:left;
  445. position: relative;
  446. }
  447.  
  448. #notez {
  449. text-align: left;
  450. }
  451.  
  452.  
  453. #border {
  454. border-top: solid 1px {color:border};
  455. }
  456.  
  457. #notez {
  458. padding-bottom:5px;
  459. padding-top:5px;
  460. margin-left:0px;
  461. float: left;
  462. text-align: left;
  463. margin-left:70px;
  464. }
  465.  
  466. #notez a {
  467. display:inline-block;
  468. padding-bottom:10px;
  469. }
  470.  
  471. #notez ol {
  472. list-style-type:none;
  473. }
  474.  
  475. #notez img {
  476. display:none;
  477. }
  478.  
  479. .sources
  480. {
  481. filter:alpha(opacity=0);
  482. opacity:0;
  483. font-size: 0px;
  484. }
  485.  
  486. {CustomCSS}</style></head><body>
  487.  
  488. <div id="topbar">
  489. <div id="title">{text:title}</div>
  490. <div id="desc">{Description}</div>
  491. </div>
  492.  
  493. <div id="links">
  494. <a href="{text:link 1 url}">{text:link 1}</a>
  495. <a href="{text:link 2 url}">{text:link 2}</a>
  496. <a href="{text:link 3 url}">{text:link 3}</a>
  497. <a href="{text:link 4 url}">{text:link 4}</a>
  498. <a href="{text:link 5 url}">{text:link 5}</a>
  499. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">-</a>{/block:PreviousPage}
  500. {block:NextPage}<a href="{NextPage}">+</a>{/block:NextPage}{/block:Pagination}
  501. </div>
  502.  
  503. <div id="cont">
  504.  
  505. <div id="entries">
  506. {block:Posts}
  507.  
  508. {block:ContentSource}
  509.  
  510. <!--{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  511.  
  512. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  513.  
  514. {/block:SourceLogo}
  515.  
  516. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
  517.  
  518. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  519.  
  520. <div id="post">
  521.  
  522. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  523.  
  524. {block:Photo}{block:IndexPage}{LinkOpenTag}<img src="{PhotoURL-250}">{LinkCloseTag}{/block:IndexPage}{block:permalinkpage}{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=400px/>{block:Caption}{Caption}{/block:Caption}{LinkCloseTag}{/block:permalinkpage}{/block:Photo}
  525.  
  526. {block:Photoset}{block:IndexPage}{LinkOpenTag}{Photoset-250}{LinkCloseTag}{/block:IndexPage}{block:permalinkpage}{LinkOpenTag}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{LinkCloseTag}{/block:permalinkpage}{/block:Photoset}
  527.  
  528. {block:Video}{block:IndexPage}{LinkOpenTag}{VideoEmbed-250}{LinkCloseTag}{/block:IndexPage}{block:permalinkpage}{LinkOpenTag}{VideoEmbed-400}{block:Caption}{Caption}{/block:Caption}{LinkCloseTag}{/block:permalinkpage}{/block:Video}
  529.  
  530. {block:Quote}{block:Source}<b><div style="font-family: courier new; font-size: 11px; text-align: center;">{Source}</div></b>{/block:Source}<br><div id="quote">{Quote}</div>{/block:Quote}
  531.  
  532. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  533.  
  534. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br><br>{/block:Lines}{/block:Chat}
  535.  
  536. {block:Audio}
  537. <div id="buttons"><div id="button">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  538. {block:AlbumArt}<img src="{AlbumArtURL}" id="cover">{/block:AlbumArt}
  539. <div id="musicinfo">
  540. {block:TrackName}<h1><div style="font-size: 13px;">{TrackName}</div></h1>{/block:Trackname}
  541. {block:Artist}by {Artist}{/block:Artist}<br><br>
  542. {block:PlayCount}►played {PlayCount} times{/block:PlayCount}
  543. </div>
  544. <div style="margin-top:23px;">{block:caption}{block:permalink}{Caption}{/block:permalink}{/block:caption}</div>
  545. {/block:Audio}
  546.  
  547. {block:Answer}
  548. <div class="question" style="margin-bottom:-3px;"><b>{Asker}</b>: {Question}</div><div class="answer">{Answer}</div>{/block:Answer}
  549.  
  550. <div id="info">
  551. <span style="padding: 3px; 0px;">{block:Date}{DayOfMonthWithZero}<b>·</b>{MonthNumberWithZero}<b>·</b>{ShortYear}{/block:Date} - <a href="{Permalink}">
  552. {NoteCount}</a> - <a href="{ReblogURL}" target="_blank" title="Reblog" style="font-family:sans-serif; font-size: 8px; font-weight:normal;">↺</a></span>
  553.  
  554. {block:indexpage}{block:ifShowindextags}<div class="tags">{block:HasTags}{block:Tags} <a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>{/block:ifShowindextags}{/block:indexpage}
  555. {block:permalink}<div class="tags">{block:HasTags}{block:Tags} <a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>{/block:permalink}
  556. </div>
  557.  
  558. </div>
  559. {block:PostNotes}<div id="notez">{PostNotes}</div>{/block:PostNotes}
  560. {/block:Posts}
  561.  
  562. </div>
  563. </div>
  564.  
  565. <div id="credit">✖<a href="http://castiiel.tumblr.com" style="font-size:7px; text-transform: uppercase;">theme by castiiel</div>
  566.  
  567. {block:indexpage}
  568. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  569. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  570. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  571. <script type="text/javascript">
  572. $(window).load(function(){
  573. var $wall = $('#entries');
  574. $wall.imagesLoaded(function(){
  575. $wall.masonry({
  576. itemSelector: '#post',
  577. isAnimated : false
  578. });
  579. });
  580.  
  581. $wall.infinitescroll({
  582. navSelector : '#page-nav',
  583. nextSelector : '#page-nav a',
  584. itemSelector : '#post',
  585. bufferPx : 2000,
  586. debug : false,
  587. errorCallback: function() {
  588. $('#infscr-loading').fadeOut('normal');
  589. }},
  590. function( newElements ) {
  591. var $newElems = $( newElements );
  592. $newElems.hide();
  593. $newElems.imagesLoaded(function(){
  594. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  595. });
  596. }); $('#f').show(500);
  597. });
  598. </script>
  599. {/block:indexpage}
  600.  
  601. </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!