API tools faq
paste
Advertisement
sofiiayala

Theme 12 by Sofi for Tumblr

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