API tools faq
paste
sofiiayala

Theme 32 by Sofi for Tumblr

sofiiayala
Oct 13th, 2014
3,576
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.46 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 32 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="#fff"/>
  11. <meta name="color:container background" content="#fff"/>
  12. <meta name="color:text" content="#1b1919"/>
  13. <meta name="color:title" content="#1b1919"/>
  14. <meta name="color:link" content="#b8b8b8"/>
  15. <meta name="color:link hover" content="#b8b8b8"/>
  16. <meta name="color:box shadow" content="#929090"/>
  17. <meta name="color:scrollbar" content="#999"/>
  18. <meta name="color:border" content="#000"/>
  19.  
  20. <meta name="image:background" content=""/>
  21.  
  22. <meta name="if:Info on hover" content="1"/>
  23. <meta name="if:Container shadow" content="1"/>
  24. <meta name="if:Repeat background" content="0"/>
  25. <meta name="if:Semi transparent container" content="0"/>
  26. <meta name="if:Transparent container" content="0"/>
  27.  
  28. <meta name="text:title" content=""/>
  29. <meta name="text:link 1" content="link"/>
  30. <meta name="text:link 1 url" content="/"/>
  31. <meta name="text:link 2" content="link"/>
  32. <meta name="text:link 2 url" content="/ask"/>
  33. <meta name="text:link 3" content="link"/>
  34. <meta name="text:link 3 url" content="/"/>
  35. <meta name="text:link 4" content="link"/>
  36. <meta name="text:link 4 url" content="/"/>
  37.  
  38. <script type="text/javascript">
  39. WebFontConfig = {
  40. google: { families: [ 'Lato:400,300:latin' ] }
  41. };
  42. (function() {
  43. var wf = document.createElement('script');
  44. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  45. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  46. wf.type = 'text/javascript';
  47. wf.async = 'true';
  48. var s = document.getElementsByTagName('script')[0];
  49. s.parentNode.insertBefore(wf, s);
  50. })(); </script>
  51.  
  52. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  53.  
  54. <script src="jquery.js"></script>
  55. <script>
  56. $(document).ready(function(){
  57. $("#title").click(function(){
  58. $("#description").slideToggle("slow");
  59. });
  60. });
  61. </script>
  62.  
  63. <style type="text/css">
  64.  
  65. ::-webkit-scrollbar {width: 2px; height: 2px; background: transparent; }
  66. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar}; -webkit-border-radius: 0ex; }
  67.  
  68. body {
  69. background:{color:background};
  70. margin:0px;
  71. color:{color:text};
  72. font-family:'Lato', sans-serif;
  73. font-size:10px;
  74. line-height:120%;
  75. letter-spacing: 0.8px;
  76. background-image:url("{image:background}");
  77. background-size:cover;
  78. {block:ifRepeatbackground}
  79. background-size:auto;
  80. background-repeat: repeat;
  81. {block:ifRepeatbackground}
  82. background-attachment:fixed;
  83. background-position: top left;
  84. }
  85.  
  86. a {
  87. text-decoration:none;
  88. outline:none;
  89. -moz-outline-style:none;
  90. color:{color:link};
  91. transition: all 0.3s linear;
  92. -webkit-transition: opacity 0.3s linear;
  93. -webkit-transition: all 0.3s linear;
  94. -moz-transition: all 0.3s linear;
  95. }
  96.  
  97. a:hover {
  98. color:{color:link hover};
  99. transition: all 0.3s linear;
  100. -webkit-transition: opacity 0.3s linear;
  101. -webkit-transition: all 0.3s linear;
  102. -moz-transition: all 0.3s linear;
  103. }
  104.  
  105. img {
  106. border:none;
  107. }
  108.  
  109. p {
  110. margin-left: 0px;
  111. margin-right: 0px;
  112. word-wrap: break-word;
  113. }
  114.  
  115. pre {
  116. white-space: pre-wrap;
  117. white-space: -moz-pre-wrap;
  118. white-space: -pre-wrap;
  119. white-space: -o-pre-wrap;
  120. word-wrap: break-word;
  121. }
  122.  
  123. blockquote {
  124. padding-left:5px;
  125. border-left:1px solid;
  126. margin-left: 3px;
  127. margin-right: 0px;
  128. }
  129.  
  130. h1 {
  131. font-size:16px;
  132. font-family:'Lato', sans-serif;
  133. font-weight: 300;
  134. letter-spacing: 1.5px;
  135. line-height: 130%;
  136. }
  137.  
  138. .hr {
  139. color: #f0eded;
  140. }
  141.  
  142. #back {
  143. width: 600px;
  144. position: fixed;
  145. height:600px;
  146. top: 50%;
  147. left: 50%;
  148. margin-left: -300px;
  149. margin-top: -300px;
  150. background:{color:container background};
  151. {block:ifSemitransparentcontainer}
  152. opacity:.5;
  153. {/block:ifSemitransparentcontainer}
  154. {block:ifTransparentcontainer}
  155. background:transparent;
  156. {/block:ifTransparentcontainer}
  157. z-index: -9;
  158. }
  159.  
  160. #entries {
  161. width: 600px;
  162. height: 550px;
  163. float: left;
  164. overflow: auto;
  165. border-bottom:1px solid {color:border};
  166. }
  167.  
  168. #post {
  169. width:400px;
  170. padding-bottom:7px;
  171. margin-top:90px;
  172. margin-bottom:0px;
  173. text-align: left;
  174. margin-left: 100px;
  175. }
  176.  
  177. #post img {
  178. max-width: 400px;
  179. }
  180.  
  181. #post:hover #info {
  182. opacity: 1;
  183. margin-left: 0px;
  184. transition: all 0.3s linear;
  185. -webkit-transition: opacity 0.3s linear;
  186. -webkit-transition: all 0.3s linear;
  187. -moz-transition: all 0.3s linear;
  188. }
  189.  
  190. #container {
  191. width: 600px;
  192. position: fixed;
  193. height:600px;
  194. top: 50%;
  195. left: 50%;
  196. margin-left: -301px;
  197. margin-top: -301px;
  198. z-index:999;
  199. border: 1px solid {color:border};
  200. {block:ifContainershadow}
  201. -webkit-box-shadow: 0px 0px 5px 0px {color:box shadow};
  202. -moz-box-shadow: 0px 0px 5px 0px {color:box shadow};
  203. box-shadow: 0px 0px 5px 0px {color:box shadow};
  204. {/block:ifContainershadow}
  205. }
  206.  
  207. #bar {
  208. height: 49px;
  209. width: 600px;
  210. position: absolute;
  211. bottom: 0px;
  212. left: 0px;
  213. background-color:{color:container background};
  214. }
  215.  
  216. #description {
  217. width: 600px;
  218. border-top: 1px solid {color:border};
  219. position: absolute;
  220. bottom:50px;
  221. left:0px;
  222. text-align: center;
  223. font-size: 10px;
  224. letter-spacing: 1.5px;
  225. line-height: 200%;
  226. background-color:{color:container background};
  227. display: none;
  228. }
  229.  
  230. .inside {
  231. width:560px;
  232. padding:20px;
  233. }
  234.  
  235. #title {
  236. font-size: 11px;
  237. font-family: trebuchet, consolas, sans-serif;
  238. display: inline-block;
  239. position: absolute;
  240. left:15px;
  241. bottom: 18px;
  242. text-align:left;
  243. text-transform: uppercase;
  244. font-weight:bolder;
  245. letter-spacing: 2px;
  246. color: {color:text};
  247. cursor:help!Important;
  248. }
  249.  
  250. #links {
  251. display: inline-block;
  252. position: absolute;
  253. right:15px;
  254. bottom: 18px;
  255. text-align:right;
  256. }
  257.  
  258. #links a {
  259. font-size: 10px;
  260. font-family: trebuchet, consolas, sans-serif;
  261. margin-left: 15px;
  262. text-transform: uppercase;
  263. font-weight:lighter;
  264. letter-spacing: 0.8px;
  265. color: {color:text};
  266. -webkit-transition: opacity 0.1s linear;
  267. -webkit-transition: all 0.1s linear;
  268. -moz-transition: all 0.1s linear;
  269. transition: all 0.1s linear;
  270. }
  271.  
  272. #links a:hover {
  273. color: {color:text};
  274. letter-spacing: 2px;
  275. -webkit-transition: opacity 0.1s linear;
  276. -webkit-transition: all 0.1s linear;
  277. -moz-transition: all 0.1s linear;
  278. transition: all 0.1s linear;
  279. }
  280.  
  281. #pagination {
  282. width:598px;
  283. padding-top: 15px;
  284. line-height: 130%;
  285. height:20px;
  286. text-align:center;
  287. font-size:11px;
  288. padding-bottom:40px;
  289. color:{color:text};
  290. letter-spacing: 1.5px;
  291. font-family: 'Lato', sans-serif;
  292. -webkit-transition: opacity 0.5s linear;
  293. -webkit-transition: all 0.5s linear;
  294. -moz-transition: all 0.5s linear;
  295. transition: all 0.s linear;
  296. }
  297.  
  298. #pagination:hover {
  299. opacity: 1;
  300. -webkit-transition: opacity 0.5s linear;
  301. -webkit-transition: all 0.5s linear;
  302. -moz-transition: all 0.5s linear;
  303. transition: all 0.s linear;
  304. }
  305.  
  306. #pagination a {
  307. color:{color:text};
  308. opacity: 1;
  309. -webkit-transition: opacity 0.5s linear;
  310. -webkit-transition: all 0.5s linear;
  311. -moz-transition: all 0.5s linear;
  312. transition: all 0.s linear;
  313. }
  314.  
  315. #pagination a:hover {
  316. color:transparent;
  317. opacity: 1;
  318. -webkit-transition: opacity 0.5s linear;
  319. -webkit-transition: all 0.5s linear;
  320. -moz-transition: all 0.5s linear;
  321. transition: all 0.s linear;
  322. }
  323.  
  324. #info {
  325. text-align:left;
  326. margin-top:10px;
  327. width: 400px;
  328. font-size: 9px;
  329. font-family: 'Lato', sans-serif;
  330. opacity:1;
  331. {block:IndexPage}
  332. {block:ifInfoonhover}
  333. opacity:0;
  334. margin-left: -50px;
  335. {/block:ifInfoonhover}
  336. {block:IndexPage}
  337. -webkit-transition: opacity 0.3s linear;
  338. -webkit-transition: all 0.3s linear;
  339. -moz-transition: all 0.3s linear;
  340. transition: all 0.3s linear;
  341. }
  342.  
  343. .tags {
  344. font-size: 9px;
  345. letter-spacing: 1.5px;
  346. }
  347.  
  348. .tags a {
  349. color: {color:text};
  350. margin:0px 4px;
  351. font-weight: 400;
  352. padding-bottom: 1px;
  353. transition: all 0.3s linear;
  354. -webkit-transition: opacity 0.3s linear;
  355. -webkit-transition: all 0.3s linear;
  356. -moz-transition: all 0.3s linear;
  357. }
  358.  
  359. .tags a:hover {
  360. color: {color:link};
  361. border-bottom: 1px solid {color:link};
  362. transition: all 0.3s linear;
  363. -webkit-transition: opacity 0.3s linear;
  364. -webkit-transition: all 0.3s linear;
  365. -moz-transition: all 0.3s linear;
  366. }
  367.  
  368. .text img {
  369. max-width: 390px;
  370. }
  371.  
  372. #asker {
  373. float:left;
  374. }
  375.  
  376. .question{
  377. text-align: center;
  378. margin-bottom:10px;
  379. padding: 8px 0px;
  380. border-bottom: 1px solid {color:border};
  381. }
  382.  
  383. .question a {
  384. font-size: 7px;
  385. text-transform: uppercase;
  386. color: {color:text};
  387. letter-spacing: 1px;
  388. }
  389.  
  390. .answer{
  391. text-align: left;
  392. }
  393.  
  394. .answer img {
  395. max-width: 392px;
  396. }
  397.  
  398. .sources
  399. {
  400. filter:alpha(opacity=0);
  401. opacity:0;
  402. font-size: 0px;
  403. }
  404.  
  405. #quote {
  406. font-size:16px;
  407. font-family:'Lato', sans-serif;
  408. text-align: center;
  409. font-weight: 300;
  410. letter-spacing: 1.5px;
  411. line-height: 130%;
  412. padding-bottom: 10px;
  413. }
  414.  
  415. #cover {
  416. position: relative;
  417. z-index: 1;
  418. height: 80px;
  419. float:left;
  420. margin:4px;
  421. box-shadow:0px 0px 5px {color:box shadow};
  422. }
  423.  
  424. #button {
  425. width:20px;
  426. height:30px;
  427. overflow: hidden;
  428. position: relative;
  429. z-index: 99;
  430. margin: 15px 24px 13px 16px;
  431. }
  432.  
  433. #buttons {
  434. background-color: #fff;
  435. position: absolute;
  436. z-index: 99;
  437. margin-top: 15px;
  438. margin-left: 15px;
  439. opacity: 0;
  440. -webkit-transition: opacity 0.5s linear;
  441. -webkit-transition: all 0.5s linear;
  442. -moz-transition: all 0.5s linear;
  443. -o-transition: all 0.5s linear;
  444. }
  445.  
  446. #post:hover #buttons {
  447. opacity:0.5;
  448. }
  449.  
  450. #musicinfo {
  451. margin-left: 110px;
  452. font-size:10px;
  453. min-height:70px;
  454. text-align:left;
  455. position: relative;
  456. }
  457.  
  458. #border {
  459. border-top: solid 1px {color:border};
  460. }
  461.  
  462. #notez {
  463. width:400px;
  464. margin-left:60px;
  465. text-transform:lowercase;
  466. }
  467.  
  468. #notez li {
  469. width:400px;
  470. padding:7px 0px;
  471. list-style-type:none;
  472. font-size:9px;
  473. }
  474.  
  475. #notez img {
  476. display:none;
  477. }
  478.  
  479. .border {
  480. padding-top: 3px;
  481. margin-top: 4px;
  482. border-top: 1px solid {color:border};
  483. }
  484.  
  485. .sources
  486. {
  487. filter:alpha(opacity=0);
  488. opacity:0;
  489. font-size: 0px;
  490. }
  491.  
  492. </style></head><body>
  493.  
  494. <div id="back"></div>
  495.  
  496. <div id="container">
  497.  
  498. <div id="description"><div class="inside">{Description}</div></div>
  499.  
  500. <div id="entries">
  501.  
  502. {block:Posts}
  503.  
  504. {block:ContentSource}
  505.  
  506. <!--{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  507.  
  508. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  509.  
  510. {/block:SourceLogo}
  511.  
  512. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
  513.  
  514. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  515.  
  516. <div id="post">
  517.  
  518. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  519.  
  520. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  521.  
  522. {block:Photoset}{Photoset-400}{Caption}{/block:Caption}{/block:Photoset}
  523.  
  524. {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}
  525.  
  526. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  527.  
  528. {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}
  529.  
  530. {block:Audio}
  531. <div id="buttons"><div id="button">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  532. {block:AlbumArt}<img src="{AlbumArtURL}" id="cover">{/block:AlbumArt}
  533. <div id="musicinfo">
  534. {block:TrackName}<h1><div style="padding-top: 4px;">{TrackName}</div></h1>{/block:Trackname}
  535. {block:Artist}by {Artist}{/block:Artist}<br><br>
  536. {block:PlayCount}►played {PlayCount} times{/block:PlayCount}
  537. </div>
  538. <div style="margin-top:20px;">{block:caption}{Caption}{/block:caption}</div>
  539. {/block:Audio}
  540.  
  541. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  542.  
  543. {block:Answer}
  544. <div class="question" style="margin-bottom:-3px;"><b>{Asker}</b>: {Question}</div><div class="answer">{Answer}</div>{/block:Answer}
  545.  
  546. <div id="info">
  547. <span style="padding-top: 3px;"><span style="font-size:12px;">✖</span> {block:Date}{DayOfMonthWithZero} . {MonthNumberWithZero} . {ShortYear}{/block:Date} (<span style="color:#e17e66;">♥</span><a href="{Permalink}">
  548. {NoteCount}</a>)</span> //
  549.  
  550. <span class="tags">{block:HasTags}{block:Tags} <a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</span></div>
  551.  
  552. </div>
  553. {block:PostNotes}<div id="notez">{PostNotes}</div>{/block:PostNotes}
  554. {/block:Posts}
  555.  
  556. <div id="pagination">
  557. <br><br><br>
  558. {block:Pagination}<span style="border-bottom: 1px solid {color:text}; padding-bottom: 15px;">{block:PreviousPage}<a href="{PreviousPage}">LESS</a>{/block:PreviousPage} -
  559. {block:NextPage}<a href="{NextPage}">MORE</a>{/block:NextPage}</span>{/block:Pagination}<br><br><br>
  560. </div>
  561.  
  562. <div style="font-size: 9px; letter-spacing: 1.8px; font-family: 'Lato', sans-serif; padding: 30px 0px; width: 598px; float: center; text-align: center;"><a href="http://castiiel.tumblr.com" style="color: {color:text}">THEME BY CASTIIEL</a></div>
  563.  
  564. </div>
  565.  
  566. <div id="bar">
  567. <div id="title">{text:title}</div>
  568.  
  569. <div id="links">
  570. <a href="{text:link 1 url}">{text:link 1}</a>
  571. <a href="{text:link 2 url}">{text:link 2}</a>
  572. <a href="{text:link 3 url}">{text:link 3}</a>
  573. <a href="{text:link 4 url}">{text:link 4}</a>
  574. </div>
  575. </div>
  576.  
  577. </div>
  578.  
  579. </body>
  580. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!