API tools faq
paste
Advertisement
mindspalace

Theme 15

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