jessewertsson

theme 14 by aausten

Apr 28th, 2013
19,474
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.83 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.  
  4. <head>
  5.  
  6. <title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11. <!--THEME 14 by aausten.tumblr.com (do not claim this theme as your own, and please leave the theme credit where it is)-->
  12.  
  13. <meta name="color:Background" content="#ffffff"/>
  14. <meta name="color:Text" content="#838282"/>
  15. <meta name="color:Link" content="#b8b8b8"/>
  16. <meta name="color:Link hover" content="#616161"/>
  17. <meta name="color:sidelink" content="#b8b8b8"/>
  18. <meta name="color:sidelink hover" content="#b6b5b5"/>
  19. <meta name="color:sidelink bg" content="#f2f2f2"/>
  20. <meta name="color:border" content="#fbfbfb"/>
  21. <meta name="color:Scrollbar" content="#000000">
  22. <meta name="image:sidebar" content="/" />
  23. <meta name="text:Link 1" content="link" />
  24. <meta name="text:Link 1 URL" content="/" />
  25. <meta name="text:Link 2" content="link" />
  26. <meta name="text:Link 2 URL" content="/" />
  27. <meta name="text:Link 3" content="link" />
  28. <meta name="text:Link 3 URL" content="/" />
  29.  
  30. <style type="text/css">
  31.  
  32. iframe#tumblr_controls {
  33. top: 0% !important;
  34. right:0% !important;
  35. opacity:0.3;
  36. position: fixed !important;
  37. filter:alpha(opacity=30);
  38. -webkit-transition: all 0.7s ease;
  39. -moz-transition: all 0.7s ease;
  40. -o-transition: all 0.7s ease;
  41. }
  42. iframe#tumblr_controls:hover{
  43. top: 0% !important;
  44. right:0% !important;
  45. opacity:0.8;
  46. position: fixed !important;
  47. filter:alpha(opacity=80);
  48. -webkit-transition: all 0.7s ease;
  49. -moz-transition: all 0.7s ease;
  50. -o-transition: all 0.7s ease;
  51. }
  52.  
  53. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Scrollbar};height:5px;}
  54. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:Scrollbar};height:5px!important;}
  55. ::-webkit-scrollbar {background-color:{color:Background};height:5px;width:6px;}
  56.  
  57.  
  58. body {
  59. background:{color:Background};
  60. font-family:'cambria';
  61. color:{color:text};
  62. font-size:9px;
  63. line-height:12px;
  64. }
  65.  
  66. a {
  67. text-decoration:none;
  68. outline:none;
  69. -moz-outline-style:none;
  70. color:{color:Link};
  71. -webkit-transition: all 0.7s ease;
  72. -moz-transition: all 0.7s ease;
  73. -o-transition: all 0.7s ease;
  74. }
  75.  
  76. a:hover {
  77. -webkit-transition: all 0.5s ease-out;
  78. -moz-transition: all 0.5s ease-out;
  79. transition: all 0.5s ease-out;
  80. color: {color:Link hover};
  81. }
  82.  
  83. img {
  84. border:none;
  85. }
  86.  
  87. blockquote {
  88. padding-left:5px;
  89. border-left:1px solid;
  90. margin-top:-0px;
  91. margin-left:5px;
  92. }
  93.  
  94. h1 {
  95. font-size:12px;
  96. }
  97.  
  98. h1 a {-webkit-transition: all 0.7s ease;
  99. -moz-transition: all 0.7s ease;
  100. -o-transition: all 0.7s ease;}
  101.  
  102. h1 a:hover {font-size:12px; -webkit-transition: all 0.7s ease;
  103. -moz-transition: all 0.7s ease;
  104. -o-transition: all 0.7s ease;}
  105.  
  106. .quote {
  107. font-size:10px;
  108. font-style:italic;
  109. margin-bottom:6px;
  110. }
  111.  
  112. .source {font-size:10px; font-style:normal;}
  113.  
  114. .chat{
  115. font-size:9px;
  116. text-transform:lowercase;
  117. line-height:12px;
  118. letter-spacing:1px;
  119. font-style:italic;
  120. margin-bottom:7px;
  121. }
  122.  
  123. .entries {
  124. padding:10px;
  125. margin-left:450px;
  126.  
  127. margin-top:20px;
  128. margin-bottom:50px;
  129. }
  130.  
  131.  
  132. .post {
  133. opacity:0.97;
  134. width:500px;
  135. padding-bottom:10px;
  136. padding-top: 25px;
  137. margin-bottom:35px;
  138. -webkit-transition: all 0.2s ease;
  139. -moz-transition: all 0.2s ease;
  140. -o-transition: all 0.2s ease;
  141. }
  142. .post:hover{
  143. opacity:1;
  144. -webkit-transition: all 0.2s ease;
  145. -moz-transition: all 0.2s ease;
  146. -o-transition: all 0.2s ease;
  147. }
  148.  
  149. #sidebar {
  150. width:auto;
  151. position:fixed;
  152. left:190px;
  153. margin-top:200px;
  154. }
  155.  
  156.  
  157. .sidelinks {
  158. width:200px;
  159. position:fixed;
  160. text-align:center;
  161. margin-left:5px;
  162. margin-top:7px;
  163. margin-bottom:0px;
  164. line-height:10px;
  165. -webkit-transition: all 0.3s ease;
  166. -moz-transition: all 0.3s ease;
  167. -o-transition: all 0.3s ease;
  168. }
  169.  
  170. .sidelinks a {
  171. font-family:'times';
  172. margin-right:2px;
  173. padding:3px;
  174. margin-left:2px;
  175. margin-bottom:7px;
  176. letter-spacing:1px;
  177. text-transform:uppercase;
  178. color:{color:sidelink};
  179. font-size:7px;
  180. }
  181. .sidelinks a:hover {
  182. background-color:{color:sidelink bg};
  183. color:{color:sidelink hover};
  184.  
  185. }
  186.  
  187.  
  188. .sidebarimage {
  189. position:fixed;
  190. width:200px;
  191. -webkit-transition: all 0.3s ease;
  192. -moz-transition: all 0.3s ease;
  193. -o-transition: all 0.3s ease;
  194. }
  195.  
  196. .sidebarimage img {
  197. margin-left:6px;
  198. margin-top:0px;
  199. width:200px;
  200. -webkit-transition: all 0.3s ease;
  201. -moz-transition: all 0.3s ease;
  202. -o-transition: all 0.3s ease;
  203. }
  204.  
  205.  
  206. .description {
  207. font-size:9px;
  208. margin-left:6px;
  209. display:block;
  210. opacity:1;
  211. color:{color:Text};
  212. letter-spacing:0px;
  213. margin-top:24px;
  214. line-height:11px;
  215. text-align:center;
  216. width:200px;
  217. position:fixed;
  218. text-transform:lowercase;
  219. padding-bottom:3px;
  220. -webkit-transition: all 0.3s ease;
  221. -moz-transition: all 0.3s ease;
  222. -o-transition: all 0.3s ease;
  223. }
  224.  
  225.  
  226. .description a{
  227. text-transform:lowercase;
  228. font-size:9px;
  229. letter-spacing:0px;
  230. margin-left:2px;
  231. margin-right:1px;
  232. }
  233.  
  234.  
  235.  
  236. .info {
  237. opacity:1;
  238. padding-top:2px;
  239. padding-bottom:2px;
  240. text-transform:uppercase;
  241. letter-spacing:1px;
  242. line-height:11px;
  243. font-size:7px;
  244. display:block;
  245. width:500px;
  246. margin-top:-1px;
  247. position:absolute;
  248. margin-left:0px;
  249. text-align:right;
  250. padding-left:2px;
  251. border-top: 2px solid #f2f2f2;
  252. -webkit-transition: all 0.5s ease;
  253. -moz-transition: all 0.5s ease;
  254. -o-transition: all 0.5s ease;;
  255. }
  256.  
  257. .index {
  258. opacity:1;
  259. padding-top:2px;
  260. padding-bottom:2px;
  261. text-transform:uppercase;
  262. letter-spacing:1px;
  263. line-height:11px;
  264. font-size:7px;
  265. display:block;
  266. width:500px;
  267. margin-top:-1px;
  268. position:absolute;
  269. margin-left:0px;
  270. text-align:right;
  271. padding-left:2px;
  272. border-top: 2px solid #f2f2f2;
  273. -webkit-transition: all 0.5s ease;
  274. -moz-transition: all 0.5s ease;
  275. -o-transition: all 0.5s ease;;
  276. }
  277.  
  278.  
  279.  
  280. .question{
  281. background-color:#fcfcfc;
  282. text-transform:lowercase;
  283. letter-spacing:1px;
  284. padding:6px;
  285. }
  286.  
  287. .title{
  288. opacity:0;
  289. color:#cac8c8;
  290. font-size:7px;
  291. text-transform:uppercase;
  292. letter-spacing:1px;
  293. width:200px;
  294. text-align:center;
  295. margin-top:-8px;
  296. margin-left:4px;
  297. -webkit-transition: all 0.2s ease;
  298. -moz-transition: all 0.2s ease;
  299. -o-transition: all 0.2s ease;
  300. }
  301.  
  302. #credit {
  303. position:fixed;
  304. right:0px;
  305. bottom:0px;
  306. padding:5px;
  307. text-transform:uppercase;
  308. letter-spacing:1px;
  309. font-size:8px;
  310. }
  311.  
  312. #audio {
  313. margin-bottom:5px;
  314. width:500px;
  315. height:justify;
  316. }
  317.  
  318. .cover {
  319. width:78px;
  320. height:78px;
  321. position:absolute;
  322. }
  323.  
  324. .cover img {
  325. width:73px;
  326. height:73px;
  327. float:left;
  328. }
  329.  
  330. .player {
  331. opacity: 0.05;
  332. position:absolute;
  333. z-index:1;
  334. background:#fff
  335. ;width:80px;
  336. height:80px;
  337. display:block;
  338. -webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;
  339. }
  340. .player:hover{
  341. opacity:0.5;
  342. -webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;
  343. }
  344.  
  345. .player2 {
  346. width:25px;
  347. height:25px;
  348. margin-top:20px;
  349. margin-left:20px;
  350. overflow:hidden;
  351. padding:3px;
  352. }
  353.  
  354. .track {
  355. text-transform:uppercase;
  356. margin-left:80px;
  357. line-height:15px;
  358. padding-top:0px;
  359. }
  360.  
  361. .notes img{
  362. opacity:0;
  363. width:16px;
  364. }
  365.  
  366. .notes ol, .notes li{
  367. margin-left:-27px;
  368. line-height:10px;
  369. font-size:8px;
  370. letter-spacing:1px;
  371. text-transform:uppercase;
  372. list-style:none;
  373. }
  374.  
  375.  
  376.  
  377. {CustomCSS}</style>
  378. </head><body>
  379.  
  380. <div id="sidebar">
  381.  
  382.  
  383.  
  384. <div class="sidebarimage">
  385.  
  386. {block:IfSidebarImage}<a href="/"><img src="{image:sidebar}"></a>
  387. {/block:IfSidebarImage}
  388.  
  389. <div class="sidelinks">
  390.  
  391. <a href="/ask">ask</a>
  392. {block:IfLink1} <a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:IfLink1}
  393. {block:IfLink2} <a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:IfLink2}
  394. {block:IfLink3} <a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:IfLink3}
  395. </div>
  396.  
  397.  
  398. <div class="description">{Description}
  399. <br><br>
  400. {block:Pagination}
  401. {block:PreviousPage}
  402. <a href="{PreviousPage}"> ‹ </a>
  403. {/block:PreviousPage}
  404. <font style="font-size:9px;">{CurrentPage} of {TotalPages}</font>
  405. {block:NextPage}
  406. <a href="{NextPage}"> › </a>
  407. {/block:NextPage}
  408. {/block:Pagination}
  409. </div>
  410. </div></div>
  411.  
  412.  
  413.  
  414. <div class="entries">{block:Posts}<div class="post">
  415.  
  416.  
  417.  
  418.  
  419. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  420.  
  421. {block:Photo}<img src="{PhotoURL-500}"/><font style="font-size:11px;">{Caption}</font>{/block:Photo}
  422.  
  423. {block:Photoset}{Photoset-500}{block:Caption}<font style="font-size:11px;">{Caption}</font>{/block:Caption}{/block:Photoset}
  424.  
  425. {block:Quote}<div class="quote">{Quote}{block:Source} —<span class="source">{Source}</span>{/block:Source}</div>{/block:Quote}
  426.  
  427. {block:Link}<h1>&raquo; <a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  428.  
  429. {block:Chat}<div class="chat">{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}</div>{/block:Chat}
  430.  
  431. {block:Audio}<div id="audio">{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  432. <div class="player">
  433. <div class="player2">
  434. {AudioPlayerWhite}</div></div><div class="track">{block:TrackName}<b>Title:</b> {TrackName}{/block:TrackName}<br />{block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br />{block:Album}<b>Album:</b> {Album}{/block:Album}<br />{PlayCountWithLabel}</div><br><font style="font-size:11px;">{Caption}</font></div>
  435. {/block:Audio}
  436.  
  437. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  438.  
  439. {block:Answer}
  440. <div class="question"> <b>{Asker}</b> whispered: {Question}</div><blockquote>{Answer}</blockquote>{/block:Answer}
  441.  
  442. {block:ContentSource}
  443. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  444. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  445. {/block:SourceLogo}
  446. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  447. {/block:ContentSource}
  448.  
  449. {block:PermalinkPage}
  450. <div class="info">
  451. {block:Date} <a href="{Permalink}">{TimeAgo}</a>{/block:Date}
  452.  
  453. {block:NoteCount} with <font style="font-size:8px;margin-right:4px;"><a href="{Permalink}"><font style="color:{color:text};">♥{NoteCount}</font></a>, </font>{/block:NoteCount}
  454.  
  455. {block:RebloggedFrom} <font style="font-size:8px;margin-right:4px;letter-spacing:0px;"> <a href="{ReblogParentURL}"title="{ReblogParentName}">via <font style="font-size:8px;letter-spacing:0px;">{ReblogParentName}</font></a><font style="color:{color:text};">, </font><a href="{ReblogRootURL}"title="source"><font style="font-size:9px;letter-spacing:0px;margin-left:4px;">©</font></a> </font>{/block:RebloggedFrom}
  456.  
  457.  
  458.  
  459.  
  460.  
  461. <br>
  462. {block:HasTags}{block:Tags}<font style="font-size:9px;margin-right:-1px;">#</font><font style="letter-spacing:0px;font-style:none;text-transform:none;font-family:'cambria';font-size:9px;padding-right:5px;"><a href="{TagURL}">{Tag}</a></font>{/block:Tags}{/block:HasTags}</div>{/block:PermalinkPage}
  463.  
  464.  
  465.  
  466.  
  467. {block:IndexPage}
  468. <div class="index">
  469. {block:Date} <a href="{Permalink}">{TimeAgo}</a>{/block:Date}
  470.  
  471. {block:NoteCount} with <font style="font-size:8px;margin-right:4px;"><a href="{Permalink}"><font style="color:{color:text};">♥{NoteCount}</font></a>, </font>{/block:NoteCount}
  472.  
  473. {block:RebloggedFrom} <font style="font-size:8px;margin-right:4px;letter-spacing:0px;"> <a href="{ReblogParentURL}"title="{ReblogParentName}">via <font style="font-size:8px;letter-spacing:0px;">{ReblogParentName}</font></a><font style="color:{color:text};">, </font><a href="{ReblogRootURL}"title="source"><font style="font-size:9px;letter-spacing:0px;margin-left:4px;">©</font></a> </font>{/block:RebloggedFrom}
  474.  
  475.  
  476.  
  477.  
  478.  
  479. <br>
  480. {block:HasTags}{block:Tags}<font style="font-size:9px;margin-right:-1px;">#</font><font style="letter-spacing:0px;font-style:none;text-transform:none;font-family:'cambria';font-size:9px;padding-right:5px;"><a href="{TagURL}">{Tag}</a></font>{/block:Tags}{/block:HasTags}
  481. </div>{/block:IndexPage}
  482.  
  483. {block:PostNotes}<br/><br/><br/><br/><br/><div class="notes">{PostNotes}</div>{/block:PostNotes}
  484. </div>{/block:Posts}</div>
  485.  
  486.  
  487.  
  488.  
  489. <div id="credit"><a href="http://www.aausten.tumblr.com" target="_blank">aausten</a></div>
  490.  
  491. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment