API tools faq
paste
Advertisement
sofiiayala

Theme 19 by Sofi for Tumblr

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