API tools faq
paste
Advertisement
sofiiayala

Theme 30 by Sofi for Tumblr

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