API tools faq
paste
Advertisement
sofiiayala

Theme 24 by Sofi for Tumblr

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