Advertisement
danceforyous

Theme Ten

Apr 20th, 2013
1,194
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.69 KB | None | 0 0
  1. <html>
  2. <head>
  3.  
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8.  
  9. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  10. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  11. <script type="text/javascript" charset="utf-8">
  12. var $j = jQuery.noConflict();
  13. $j(function() {
  14. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  15. $j("img").lazyload({
  16. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  17. effect: "fadeIn",
  18. });
  19. });
  20. </script>
  21.  
  22. <!--
  23. theme ten by anne @ danceforyous
  24. -->
  25.  
  26. <meta name="color:Background" content="#ffffff"/>
  27. <meta name="color:Text" content="#838282"/>
  28. <meta name="color:Link" content="#b8b8b8"/>
  29. <meta name="color:Link Hover" content="#b8b8b8"/>
  30. <meta name="color:Scrollbar" content="#b8b8b8"/>
  31. <meta name="text:descfirstletter" content="">
  32.  
  33. <meta name="image:sidebar" content=""/>
  34.  
  35. <meta name="text:link 1" content="">
  36. <meta name="text:link 1 url" content="/">
  37. <meta name="text:link 2" content="">
  38. <meta name="text:link 2 url" content="/">
  39. <meta name="text:link 3" content="">
  40. <meta name="text:link 3 url" content="/">
  41. <meta name="text:link 4" content="">
  42. <meta name="text:link 4 url" content="/">
  43. <meta name="text:link 5" content="">
  44. <meta name="text:link 5 url" content="/">
  45.  
  46. <link href='http://fonts.googleapis.com/css?family=Libre+Baskerville:400,400italic' rel='stylesheet' type='text/css'>
  47.  
  48. <style type="text/css">
  49.  
  50. ::-webkit-scrollbar{height: 7px; width: 7px; -webkit-border-radius:0px; background-color:{color:background};}
  51. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};}
  52. ::-webkit-scrollbar-track{background-color:{color:background};}
  53.  
  54. iframe#tumblr_controls {
  55. white-space:nowrap;
  56. -webkit-filter: invert(100%);
  57. -moz-filter: invert(100%);
  58. -o-filter: invert(100%);
  59. -ms-filter: invert(100%);
  60. filter: invert(100%);
  61. opacity:.2;transition: .8s ease-in-out;
  62. -webkit-transition: .8s ease-in-out;
  63. -moz-transition: .8s ease-in-out;
  64. -o-transition: .8s ease-in-out;
  65. }
  66.  
  67. body {
  68. background:{color:background};
  69. color:{color:text};
  70. font-family:Calibri;
  71. text-transform:uppercase;
  72. font-size:8px;
  73. line-height:100%;
  74. letter-spacing:1px;
  75. }
  76.  
  77.  
  78. a:link, a:active, a:visited { color: {color:link}; text-decoration:none;}
  79.  
  80. a:hover {color:{color:link hover};
  81. text-decoration:none; transition:all 0.4s linear;
  82. -webkit-transition: all 0.4s linear;
  83. -moz-transition: all 0.4s linear;
  84. -ms-transition: all 0.4s linear;
  85. -o-transition: all 0.4s linear;
  86. }
  87.  
  88. a {
  89. text-decoration:none;
  90. outline:none;
  91. -moz-outline-style:none;
  92. color:{color:link};
  93. }
  94.  
  95. img {
  96. border:none;
  97. }
  98.  
  99. blockquote {
  100. padding-left:5px;
  101. border-left:2px solid;
  102. }
  103.  
  104. blockquote blockquote {
  105. padding-left:5px;
  106. border-left:2px solid;
  107. }
  108.  
  109. h1 {
  110. font-size:23px;
  111. font-style:italic;
  112. letter-spacing:-2;
  113. font-weight:normal;
  114. font-family:Libre Baskerville;
  115. text-transform:lowercase;
  116. }
  117.  
  118. h2 {
  119. font-family:Libre Baskerville;
  120. font-style:italic;
  121. text-transform:lowercase;
  122. font-weight:normal;
  123. letter-spacing:-1px;
  124. font-size:13px;
  125. text-align:center;
  126. padding:10px;
  127. }
  128.  
  129.  
  130. #entries {
  131. padding:10px;
  132. width:500px;
  133. margin-left:500px;
  134. margin-top:40px;
  135. }
  136.  
  137. #sidebar {
  138. position:fixed;
  139. margin-top:-60px;
  140. width:400px;
  141. margin-left:20px;
  142. height:800px;
  143. background-color:{color:sidebar};
  144. background-repeat:no repeat;
  145. background-image:url('{image:sidebar}');
  146. }
  147.  
  148. #links {
  149. text-align:center;
  150. margin-top:365px;
  151. font-size:8px;
  152. text-transform:uppercase;
  153. font-family:calibri;
  154. letter-spacing:2px;
  155. margin-left:85px;
  156. line-height:100%;
  157. width:175px;
  158. background-color:white;
  159. padding:7px;
  160. -moz-transition-duration:0.4s;
  161. -webkit-transition-duration:0.4s;
  162. -o-transition-duration:0.4s;
  163. }
  164.  
  165. #links a{
  166. color:{color:link};
  167. letter-spacing:2px;
  168. border-bottom:1px #eee solid;
  169. }
  170.  
  171. #links a:hover{
  172. color:{color:link hover};
  173. border-bottom:18px #ffffff solid;
  174. -moz-transition-duration:0.4s;
  175. -webkit-transition-duration:0.4s;
  176. -o-transition-duration:0.4s;
  177. }
  178.  
  179. #description {
  180. padding:5px;
  181. text-align:left;
  182. font-family:arial;
  183. text-transform:lowercase;
  184. font-size:9px;
  185. font-weight:normal;
  186. background-color:white;
  187. padding:40px;
  188. width:110px;
  189. margin-left:85px;
  190. margin-top:11px;
  191. }
  192.  
  193. #pagination {
  194. position:fixed;
  195. color:#ffffff;
  196. text-transform:uppercase;
  197. background-color:black;
  198. letter-spacing:1px;
  199. text-align:center;
  200. margin-top:20px;
  201. margin-left:87px;
  202. font-family:Libre Baskerville;
  203. font-size:7px;
  204. width:165px;
  205. padding:10px;
  206. }
  207.  
  208. #post {
  209. width:500px;
  210. margin-top:5px;
  211. margin-left:5px;
  212. padding-bottom:20px;
  213. border:1px #eee solid;
  214. padding:9px;
  215. margin-bottom:40px;
  216. }
  217.  
  218. #info {
  219. text-align:left;
  220. font-family:cambria;
  221. margin-top:10px;
  222. margin-left:-15px;
  223. text-transform:uppercase;
  224. font-size:8px;
  225. letter-spacing:2px;
  226. background-color:#fafafa;
  227. padding:5px;
  228. width:500px;
  229. padding-left:25px;
  230. padding:right:25px;}
  231.  
  232. .askbox {
  233. text-align:center;
  234. background: #eee;
  235. margin:7px 0px 5px 56px;
  236. padding:10px;
  237. position:relative;}
  238.  
  239. .askbox p {
  240. margin:1px 0px;
  241. }
  242.  
  243. .askbox span {
  244. display:block;
  245. position:absolute;
  246. width:10px;
  247. left:-10px;
  248. top:10px;
  249. border-top:7px solid transparent;
  250. border-bottom:7px solid transparent;}
  251.  
  252. .askborder {
  253. float: left;
  254. margin: 1px 4px 0 0;
  255. padding: 0px;
  256. background:{color:ask background};}
  257.  
  258. #letter {
  259. background-color: #4c4b4b;
  260. padding: 3px;
  261. color: #fff;
  262. font-size: 24px;
  263. font-style: none;
  264. float: left;
  265. font-weight:bold;
  266. margin-right:7px;
  267. line-height: 90%;
  268. padding-right:7px;
  269. font-family: Baskerville old face;
  270. font-style:italic;
  271. text-transform:uppercase;
  272. }
  273.  
  274. #credits {
  275. font-size:11px;
  276. font-family:calibri;
  277. letter-spacing:1px;
  278. bottom:10px;
  279. right:10px;
  280. height:4%;
  281. position:fixed;
  282. border:1px solid #eee;
  283. background-color:#fcfafa;
  284. padding:5px;
  285. border-radius:115px;
  286. -moz-transition-duration:0.4s;
  287. -webkit-transition-duration:0.4s;
  288. -o-transition-duration:0.4s;
  289. }
  290.  
  291. #credits:hover {
  292. background-color:black;
  293. border:1px solid black;
  294. -moz-transition-duration:0.4s;
  295. -webkit-transition-duration:0.4s;
  296. -o-transition-duration:0.4s;
  297. }
  298.  
  299. {CustomCSS}</style>
  300.  
  301. <div id="sidebar">
  302.  
  303. <div id="links">
  304. <a href="{text:link 1 url}">{text:link 1}</a>
  305. <a href="{text:link 2 url}">{text:link 2}</a>
  306. <a href="{text:link 3 url}">{text:link 3}</a>
  307. <a href="{text:link 4 url}">{text:link 4}</a>
  308. <a href="{text:link 5 url}">{text:link 5}</a>
  309. </div>
  310.  
  311. <div id="description">
  312. <div id="letter">
  313. {text:descfirstletter}</div>{Description}</div>
  314.  
  315. {block:Pagination}
  316. <div id="pagination">
  317.  
  318. {block:PreviousPage}
  319. <a href="{PreviousPage}" style="color:white; font-size:9px;"><big>«</big></a>
  320. {/block:PreviousPage}
  321.  
  322. {CurrentPage} of {TotalPages}
  323.  
  324. {block:NextPage}
  325. <a href="{NextPage}" style="color:white; font-size:9px;"><big>»</big></a>
  326. {/block:NextPage}
  327.  
  328. {/block:Pagination}
  329. </div></div>
  330.  
  331. <div id="entries">
  332. {block:Posts}<div id="post">
  333.  
  334. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  335.  
  336. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  337.  
  338. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  339.  
  340. {block:Quote}<h2>❝ &nbsp;{Quote}</h2>{block:Source} —{Source}{/block:Source}{/block:Quote}
  341.  
  342. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  343.  
  344. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  345.  
  346. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  347. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  348. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  349. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  350. {/block:Audio}
  351.  
  352. {block:Video}{VideoEmbed-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  353.  
  354. {block:Answer}<img src="{AskerPortraitURL-48}" align="left" class="askborder"><div class="askbox"><span></span><b>{Asker}:</b> {Question}</div> <center>{Answer}</center>{/block:Answer}
  355.  
  356. <div id="info">
  357. {block:Date}{MonthNumberWithZero}/{DayOfMonthWithZero}{/block:Date} - <a href="{Permalink}">♥<b>{NoteCount}</b></a><br>
  358. {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentTitle}">via</a> /
  359.  
  360. {block:ContentSource}<a href="{SourceURL}"><a href="{SourceURL}">Source <a href="{SourceURL}"></a></a>{/block:ContentSource}{/block:RebloggedFrom}
  361. <br>
  362. {block:HasTags}{block:Tags} ▼<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  363. </div>
  364.  
  365. {block:PostNotes}{PostNotes}{/block:PostNotes}
  366. {/block:Posts}</div>
  367.  
  368. <div id="credits"><br><a href="http://www.danceforyous.tumblr.com/" target="_blank"> DFY </a> </div>
  369.  
  370. </body>
  371. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement