API tools faq
paste
Advertisement
sofiiayala

Theme 10 by Sofi for Tumblr

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