API tools faq
paste
Advertisement
mindspalace

Theme 16

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