Advertisement
mindspalace

theme 11

Dec 23rd, 2013
3,350
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.86 KB | None | 0 0
  1. <html>
  2.  
  3. <!-- theme 11 by mindspalace -->
  4.  
  5. <head>
  6.  
  7. <meta name="color:Background" content="#fff"/>
  8. <meta name="color:Scrollbar" content="#000"/>
  9. <meta name="color:Navigation Bar" content="#000"/>
  10. <meta name="color:Navigation Text" content="#fff"/>
  11. <meta name="color:Text" content="#000"/>
  12. <meta name="color:Link" content="#000"/>
  13. <meta name="color:Info Link" content="#c0c0c0"/>
  14. <meta name="color:Info Link Hover" content="#000"/>
  15.  
  16. <meta name="text:Link 1" content="Home"/>
  17. <meta name="text:Link 1 URL" content="/"/>
  18. <meta name="text:Link 2" content="Ask"/>
  19. <meta name="text:Link 2 URL" content="/ask"/>
  20. <meta name="text:Link 3" content=""/>
  21. <meta name="text:Link 3 URL" content=""/>
  22. <meta name="text:Link 4" content=""/>
  23. <meta name="text:Link 4 URL" content=""/>
  24. <meta name="text:Link 5" content=""/>
  25. <meta name="text:Link 5 URL" content=""/>
  26. <meta name="text:Link 6" content=""/>
  27. <meta name="text:Link 6 URL" content=""/>
  28.  
  29. <meta name="if:Hover For Tags" content="1"/>
  30. <meta name="if:Infinite Scroll" content="0"/>
  31. <meta name="if:Show Description" content="1"/>
  32.  
  33. <title>{Title}</title>
  34. <link rel="shortcut icon" href="{Favicon}">
  35. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  36. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  37.  
  38. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css"/>
  39. <link href="http://static.tumblr.com/7keqqcr/OL5mw8lik/style-my-tooltips.css" rel="stylesheet" type="text/css"/>
  40. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  41. <script src="http://static.tumblr.com/7keqqcr/VHtmw8lji/jquery.style-my-tooltips.js"></script>
  42.  
  43. <script>
  44. (function($){
  45. $(document).ready(function(){
  46. $("[title]").style_my_tooltips({
  47. tip_follows_cursor:true,
  48. tip_delay_time:100,
  49. tip_fade_speed:300,
  50. attribute:"title"
  51. });
  52. });
  53. })(jQuery);
  54. </script>
  55.  
  56.  
  57. <style type="text/css">
  58.  
  59. #s-m-t-tooltip {
  60. color: #000;
  61. background-color: #fff;
  62. font: 9px/9px 'Arial', sans-serif;
  63. letter-spacing: 1px;
  64. text-transform: lowercase;
  65. -moz-border-radius: 0;
  66. -webkit-border-radius: 0;
  67. border-radius: 0;
  68. margin: 10px 14px 7px 12px;
  69. padding: 4px 5px 5px 5px;
  70. max-width: 300px;
  71. z-index: 9999999;
  72. -moz-box-shadow: none;
  73. -webkit-box-shadow: none;
  74. box-shadow: none;
  75. }
  76.  
  77. ::-webkit-scrollbar {width: 3px; height: 3px;}
  78. ::-webkit-scrollbar-track {background-color: {color:Background};}
  79. ::-webkit-scrollbar-thumb {background-color: {color:Scrollbar};}
  80.  
  81. iframe#tumblr_controls {
  82. padding: 50px 0 0 0;
  83. margin-right: -15px;
  84. -webkit-transform: scale(0.9);
  85. -ms-transform: scale(0.9);
  86. transform: scale(0.9);
  87. white-space: nowrap;
  88. -webkit-filter: invert(100%);
  89. -moz-filter: invert(100%);
  90. -o-filter: invert(100%);
  91. -ms-filter: invert(100%);
  92. filter: invert(100%);
  93. opacity: 0.2;
  94. -webkit-transition: all 0.4s ease-in-out;
  95. -moz-transition: all 0.4s ease-in-out;
  96. -o-transition: all 0.4s ease-in-out;
  97. transition: all 0.4s ease-in-out;
  98. }
  99. iframe#tumblr_controls:hover {
  100. opacity: 0.5;
  101. -webkit-transition: all 0.4s ease-in-out;
  102. -moz-transition: all 0.4s ease-in-out;
  103. -o-transition: all 0.4s ease-in-out;
  104. transition: all 0.4s ease-in-out;
  105. }
  106.  
  107.  
  108. body {
  109. color: {color:Text};
  110. background-color: {color:Background};
  111. font: 9px/16px 'Arial', serif;
  112. margin: 0; padding: 0;
  113. }
  114.  
  115. a {
  116. color: {color:Link};
  117. -webkit-transition: all 0.2s ease-in-out;
  118. -moz-transition: all 0.2s ease-in-out;
  119. -o-transition: all 0.2s ease-in-out;
  120. transition: all 0.2s ease-in-out;
  121. }
  122. a:hover {
  123. -webkit-transition: all 0.2s ease-in-out;
  124. -moz-transition: all 0.2s ease-in-out;
  125. -o-transition: all 0.2s ease-in-out;
  126. transition: all 0.2s ease-in-out;
  127. }
  128.  
  129. blockquote {
  130. border-left: 2px solid #e0e0e0;
  131. margin: 0 0 0 8px;
  132. padding: 0 0 0 8px;
  133. }
  134.  
  135. /* ------------------- HEADER ------------------- */
  136.  
  137. #header {
  138. background-color: {color:Navigation Bar};
  139. text-align: center;
  140. padding: 20px 0;
  141. top: 0;
  142. width: 100%;
  143. position: fixed;
  144. z-index: 9999;
  145. }
  146.  
  147. #navigation {
  148. font: 8px/8px 'Arial', sans-serif;
  149. letter-spacing: 1px;
  150. text-transform: uppercase;
  151. }
  152. #navigation a {
  153. color: {color:Navigation Text};
  154. text-decoration: none;
  155. margin: 0 15px;
  156. display: inline-block;
  157. }
  158.  
  159. #description {
  160. border-right: 1px solid {color:Navigation Bar};
  161. text-align: right;
  162. width: 130px;
  163. margin-left: -200px;
  164. padding: 10px;
  165. position: fixed;
  166. top: 120px;
  167. }
  168.  
  169. #pagination {
  170. font: 8px 'Arial', sans-serif;
  171. letter-spacing: 1px;
  172. text-transform: uppercase;
  173. text-align: center;
  174. margin-top: 50px;
  175. }
  176. #pagination a {
  177. text-decoration: none;
  178. margin: 0 10px;
  179. display: inline-block;
  180. }
  181.  
  182. /* -------------------- POSTS -------------------- */
  183.  
  184. #entries {
  185. padding: 30px 0 40px 0;
  186. width: 500px;
  187. left: 50%; margin-left: -250px;
  188. position: relative;
  189. overflow: hidden;
  190. }
  191.  
  192. #post {
  193. margin-top: 90px;
  194. padding-bottom: 10px;
  195. width: 500px;
  196. }
  197.  
  198. .info {
  199. color: {color:Info Link};
  200. font: 8px/8px 'Arial', sans-serif;
  201. letter-spacing: 1px;
  202. text-transform: uppercase;
  203. text-align: center;
  204. margin-top: 8px;
  205. }
  206. .info a {
  207. color: {color:Info Link};
  208. text-decoration: none;
  209. margin: 0 3px;
  210. display: inline-block;
  211. }
  212. .info a:hover {
  213. color: {color:Info Link Hover};
  214. }
  215.  
  216. .tags {
  217. font-size: 9px;
  218. text-transform: none;
  219. margin-top: 5px;
  220. {block:IndexPage}{block:IfHoverForTags}
  221. opacity: 0;
  222. -webkit-transition: all 0.5s ease-in-out;
  223. -moz-transition: all 0.5s ease-in-out;
  224. -o-transition: all 0.5s ease-in-out;
  225. transition: all 0.5s ease-in-out;
  226. {/block:IfHoverForTags}{/block:IndexPage}
  227. }
  228. .tags a {
  229. margin: 0 3px;
  230. }
  231. {block:IndexPage}{block:IfHoverForTags}
  232. div#post:hover .tags {
  233. opacity: 1;
  234. -webkit-transition: all 0.5s ease-in-out;
  235. -moz-transition: all 0.5s ease-in-out;
  236. -o-transition: all 0.5s ease-in-out;
  237. transition: all 0.5s ease-in-out;
  238. }
  239. {block:IfHoverForTags}{/block:IndexPage}
  240.  
  241. .title {
  242. font: italic 14px/14px 'Times New Roman', serif;
  243. }
  244.  
  245. /* ------------------ POST TYPES ------------------ */
  246.  
  247. .quote {
  248. font: italic 14px/14px 'Times New Roman', serif;
  249. }
  250. .quotesource {
  251. text-align: right;
  252. padding-bottom: 10px;
  253. }
  254.  
  255. .link {
  256. font: italic 14px/14px 'Times New Roman', serif;
  257. }
  258. .link a {
  259. color: #000;
  260. }
  261.  
  262. .chat {}
  263. .chatlabel {
  264. font-weight: bold;
  265. text-transform: uppercase;
  266. }
  267. .odd, .even {}
  268.  
  269. .audio {
  270. height: 60px;
  271. }
  272. .audio img {
  273. width: 55px;
  274. height: 55px;
  275. display: block;
  276. position: absolute;
  277. }
  278. .tumblr_audio_player {
  279. width: 218px;
  280. height: 50px;
  281. margin: -1px 0 0 -1px;
  282. }
  283. .player {
  284. background-color: #fff;
  285. border: 5px solid #fff;
  286. width: 45px;
  287. height: 45px;
  288. overflow: hidden;
  289. position: absolute;
  290. opacity: 0.2;
  291. -webkit-transition: all 0.3s ease-in-out;
  292. -moz-transition: all 0.3s ease-in-out;
  293. -o-transition: all 0.3s ease-in-out;
  294. transition: all 0.3s ease-in-out;
  295. }
  296. .player:hover {
  297. opacity: 0.7;
  298. -webkit-transition: all 0.3s ease-in-out;
  299. -moz-transition: all 0.3s ease-in-out;
  300. -o-transition: all 0.3s ease-in-out;
  301. transition: all 0.3s ease-in-out;
  302. }
  303. .audioinfo {
  304. line-height: 14px;
  305. margin-left: 62px;
  306. float: left;
  307. }
  308.  
  309. .askericon {
  310. margin-right: 8px;
  311. height: 40px;
  312. float: left;
  313. }
  314. .asker {
  315. line-height: 12px;
  316. text-transform: lowercase;
  317. }
  318. .asker a {
  319. text-decoration: none;
  320. }
  321. .question {
  322. font: italic 14px/14px 'Times New Roman', serif;
  323. width: 440px;
  324. float: left;
  325. }
  326. .answer {
  327. padding-top: 1px;
  328. clear: both;
  329. }
  330.  
  331. ol.notes {
  332. list-style-type: none;
  333. font-size: 8px;
  334. letter-spacing: 1px;
  335. text-transform: uppercase;
  336. margin: 20px 0 0 0;
  337. padding: 0;
  338. }
  339. .notes li {
  340. margin-top: 3px;
  341. }
  342. .notes img {
  343. margin-right: 5px;
  344. display: inline-block;
  345. }
  346. .notes a {
  347. text-decoration: none;
  348. }
  349. .notes blockquote {
  350. margin: 8px 0 8px 30px;
  351. }
  352.  
  353. #cr {
  354. background-color: #fff;
  355. font: 8px/8px 'Calibri', sans-serif;
  356. bottom: 7px; right: 7px;
  357. position: fixed;
  358. z-index: 10;
  359. }
  360. #cr a {
  361. color: #c0c0c0;
  362. text-decoration: none;
  363. padding: 3px;
  364. display: inline-block;
  365. }
  366. #cr a:hover {
  367. color: #606060;
  368. }
  369.  
  370. </style></head><body>
  371.  
  372. {block:IfInfiniteScroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfInfiniteScroll}
  373.  
  374. <div id="cr"><a title="theme by mindspalace" href="http://mindspalace.tumblr.com/" target="_blank">THM</a></div>
  375.  
  376. <div id="header">
  377. <div id="navigation">
  378. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  379. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  380. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
  381. {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifLink4}
  382. {block:ifLink5}<a href="{text:Link 5 URL}">{text:Link 5}</a>{/block:ifLink5}
  383. {block:ifLink6}<a href="{text:Link 6 URL}">{text:Link 6}</a>{/block:ifLink6}
  384. </div>
  385. </div>
  386.  
  387. <div id="entries">
  388.  
  389. {block:IfShowDescription}
  390. <div id="description">{Description}</div>
  391. {/block:IfShowDescription}
  392.  
  393. {block:IfInfiniteScroll}<div class="autopagerize_page_element">{/block:IfInfiniteScroll}
  394. {block:Posts}
  395. <div id="post">
  396.  
  397. {block:Text}{block:Title}<div class="title">{Title}</div>{/block:Title}{Body}{/block:Text}
  398.  
  399. {block:Photo}{block:Title}<div class="title">{Title}</div>{/block:Title}<div style="text-align: center;"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  400.  
  401. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  402.  
  403. {block:Photoset}{Photoset-500}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
  404.  
  405. {block:Quote}<div class="quote">{Quote}</div>{block:Source}<div class="quotesource">{Source}</div>{/block:Source}{/block:Quote}
  406.  
  407. {block:Link}<div class="link"><a href="{URL}" {Target}>{Name} &rarr;</a></div>{block:Description}<div class="caption">{Description}</div>{/block:Description}{/block:Link}
  408.  
  409. {block:Chat}{block:Title}<div class="title">{Title}</div>{/block:Title}<div class="chat">{block:Lines}<div class="{Alt}">{block:Label}<span class="chatlabel">{Label}</span>{/block:Label} {Line}</div>{/block:Lines}</div>{/block:Chat}
  410.  
  411. {block:Video}{Video-500}{block:Caption}<div clss="caption">{Caption}</div>{/block:Caption}{/block:Video}
  412.  
  413. {block:Audio}<div class="audio"><img src=""/>{block:AlbumArt}<img src="{AlbumArtURL}"/>{/block:AlbumArt}<div class="player">{AudioPlayerWhite}</div><div class="audioinfo">{block:TrackName}{TrackName}<br/>{/block:TrackName}{block:Artist}{Artist}<br/>{/block:Artist}{block:Album}{Album}<br/>{/block:Album}{block:PlayCount}{PlayCountWithLabel}<br/>{/block:PlayCount}</div></div>{block:Caption}<div style="clear: both;">{Caption}</div>{block:Caption}{/block:Audio}
  414.  
  415. {block:Answer}<div class="askericon"><img src="{AskerPortraitURL-40}"/></div><div class="asker">{Asker} said:</div><div class="question">{Question}</div><div class="answer">{Answer}</div>{/block:Answer}
  416.  
  417.  
  418. {block:Date}
  419. <div class="info">
  420. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  421.  
  422. <a href="{Permalink}">{TimeAgo}</a>
  423. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  424. {block:RebloggedFrom}<a title="{ReblogParentName}" href="{ReblogParentURL}">Via</a> <a title="{ReblogRootName}" href="{ReblogRootURL}">{lang:Source}</a>{/block:RebloggedFrom}
  425.  
  426. {block:HasTags}<div class="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  427. </div>
  428. {/block:Date}
  429.  
  430. {block:PostNotes}{PostNotes}{/block:PostNotes}
  431.  
  432. </div>
  433. {/block:Posts}
  434. {block:IfInfiniteScroll}</div>{/block:IfInfiniteScroll}
  435.  
  436. <div id="pagination">
  437. {block:IfNotInfiniteScroll}
  438. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}{/block:Pagination}
  439. {/block:IfNotInfiniteScroll}
  440. {block:PermalinkPagination}{block:PreviousPost}<a href="{PreviousPost}">prev</a>{/block:PreviousPost} {block:NextPost}<a href="{NextPost}">next</a>{/block:NextPost}{/block:PermalinkPagination}
  441. </div>
  442.  
  443. </div>
  444. </body>
  445. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement