API tools faq
paste
Advertisement
sofiiayala

Theme 31 by Sofi for Tumblr

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