Advertisement
sofiiayala

Theme 8-b by Sofi for Tumblr

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