API tools faq
paste
Advertisement
musecentral

theme #6. base code

musecentral
Jun 5th, 2016
1,071
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.49 KB | None | 0 0
raw download clone embed print report
  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.  
  7. <title>{Title}</title>
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.  
  12.  
  13. <!--- musecentral.tumblr.com/ basecode
  14. please don't steal! it's not very nice
  15. leave credit here. --->
  16.  
  17. <!--- COLOURS ---->
  18.  
  19. <meta name="color:background" content=""/>
  20. <meta name="color:text" content=""/>
  21. <meta name="color:accent1" content=""/>
  22. <meta name="color:accent2" content=""/>
  23. <meta name="color:shadow" content=""/>
  24. <meta name="color:border" content=""/>
  25. <meta name="color:desc text" conetent=""/>
  26. <meta name="color:links" content=""/>
  27. <meta name="color:container" content=""/>
  28. <meta name="color:post background" content=""/>
  29. <meta name="color:info background" content=""/>
  30.  
  31. <!--- IMAGES ---->
  32.  
  33. <meta name="image:background" content=""/>
  34. <meta name="image:icon1" content=""/>
  35.  
  36. <!--- TEXT ---->
  37.  
  38. <meta name="text:link2" content="/">
  39. <meta name="text:link2 text" content="/">
  40. <meta name="text:link3" content="/">
  41. <meta name="text:link3 text" content="/">
  42. <meta name="text:link4" content="/">
  43. <meta name="text:link4 text" content="/">
  44.  
  45.  
  46.  
  47.  
  48.  
  49.  
  50. <style type="text/css">
  51.  
  52.  
  53. /*SCROLLBAR*/
  54.  
  55. ::-webkit-scrollbar-thumb {
  56. height:auto;
  57. background-color:{color:accent1};
  58. }
  59.  
  60. ::-webkit-scrollbar {
  61. height:9px;
  62. width:2px;
  63. background-color:{color:accent2};
  64. }
  65.  
  66. /*BULLET POINTS*/
  67.  
  68. ul, li {
  69. line-height:100%;
  70. }
  71.  
  72. /*BODY*/
  73.  
  74. body {
  75. background:{color:background};
  76. color:{color:text};
  77. font-family:arial;
  78. line-height:150%;
  79. font-size:9px;
  80. text-align:justify;
  81. background-attachment: fixed;
  82. background-repeat:repeat;
  83. background-image:url('{image:background}') ;
  84. }
  85.  
  86. a {
  87. text-decoration:underline;
  88. font-family:courier;
  89. text-transform:uppercase;
  90. color:{color:links};
  91. font-weight:bold;
  92. }
  93.  
  94. img {
  95. border:none;
  96. max-width:100%;
  97. }
  98.  
  99. /*TITLE STYLES*/
  100.  
  101. pre {
  102. background:{color:border};
  103. color:{color:text};
  104. padding:5px;
  105. font-family:courier new;
  106. text-align:justify;
  107. text-transform:uppercase;
  108. word-wrap: break-word;
  109. }
  110.  
  111. h1 {
  112. color:{color:desc text};
  113. padding:5px;
  114. text-transform:uppercase;
  115. font-family:arial;
  116. font-size:15px;
  117. background-color:{color:container};
  118. font-style:italic;
  119. text-align:right;
  120. border-bottom:2px solid {color:border}
  121.  
  122. }
  123.  
  124. h2 {
  125. font-size:10px;
  126. color:{color:text};
  127. text-transform:uppercase;
  128. font-family: arial black;
  129. background-color:{color:background};
  130. padding:7px;
  131. font-style:bold, italic;
  132. text-align:center;
  133. border-bottom:1px solid {color:border};
  134. border-top:1px solid {color:border};
  135. }
  136.  
  137. /*BLOCKQUOTES*/
  138.  
  139. blockquote {
  140. border-left:2px solid {color:text};
  141. padding-left:20px;
  142. margin-left:10px;
  143. padding:10px;
  144. text-align:justify;
  145. background:{color:background};
  146. word-wrap: break-word;
  147. }
  148.  
  149. blockquote blockquote {
  150. border-left:4px solid {color:text};
  151. margin-left:10px;
  152. text-decoration:none;
  153. padding:10px;
  154. text-align:justify;
  155. font-family: 'PT Sans', sans-serif;
  156. background:{color:post background};
  157. border-radius:3px;
  158. word-wrap: break-word;
  159. }
  160.  
  161. /*TOOLTIP*/
  162.  
  163. #s-m-t-tooltip {
  164. max-width:300px;
  165. padding:3px 4px 5px 4px;
  166. margin:20px 0px 0px 20px;
  167. background-color:{color:accent2};
  168. font-family:arial;
  169. font-size:9px;
  170. letter-spacing:2px;
  171. text-transform:uppercase;
  172. color:{color:accent1};
  173. z-index:1;
  174. }
  175.  
  176. /*IMAGES*/
  177.  
  178. /*this is a class. anything with a period in front of it is a class & is used for general things, like grouping photos together*/
  179. .icons {
  180. position:fixed;
  181. margin-top:0px;
  182. margin-left:-5px;
  183. width:200px;
  184. line-height:90%;
  185. letter-spacing:7px;
  186. opacity:1;
  187. -webkit-transition: all 0.4s ease-in-out;
  188. -moz-transition: all 0.4s ease-in-out;
  189. -o-transition: all 0.4s ease-in-out;
  190. -ms-transition: all 0.4s ease-in-out;
  191. transition: all 0.4s ease-in-out;
  192. }
  193.  
  194. /*having an img class for a photo allows the image to resize to the set height, for example the icons on the page will readjust if you change it to 50x50. give it a try*/
  195. .icons img {
  196. padding:2px;
  197. width:80px;
  198. height:80px;
  199. opacity:1;
  200. border-radius:50px;
  201. -webkit-transition: all 0.4s ease-in-out;
  202. -moz-transition: all 0.4s ease-in-out;
  203. -o-transition: all 0.4s ease-in-out;
  204. -ms-transition: all 0.4s ease-in-out;
  205. transition: all 0.4s ease-in-out;
  206. }
  207.  
  208.  
  209. /*ENTRIES*/
  210.  
  211. /*this is the background for the whole container, including the sidebar*/
  212. #box{
  213. margin-top:150px;
  214. margin-left:300px;
  215. width:675px;
  216. height:505px;
  217. background-color:{color:container};
  218. }
  219.  
  220. /*this is where you'll adjust the container. try fixing the height & width to different sizes*/
  221. #entries {
  222. position:fixed;
  223. padding:10px;
  224. z-index:9999;
  225. margin-left:10px;
  226. margin-top:10px;
  227. height:465px;
  228. width:443px;
  229. background:{color:background};
  230. overflow:auto;
  231. }
  232.  
  233. /*this is where you customize your posts, it's very simple & straight forward*/
  234. #post {
  235. font-size:9px;
  236. width:400px;
  237. background-color: {color:post background};
  238. padding:20px;
  239. margin-bottom:30px;
  240. color: {color:text};
  241. text-align:justify;
  242. word-wrap: break-word;
  243. }
  244.  
  245.  
  246. /*SIDEBAR*/
  247.  
  248. #sidebar{
  249. padding:10px;
  250. z-index:9999;
  251. text-align:center;
  252. position:fixed;
  253. margin-top:40px;
  254. font-size:10px;
  255. margin-left:760px;
  256. width:443px;
  257. height:150px;
  258. color:black;
  259. font-family:arial;
  260. color:{color:background};
  261. }
  262.  
  263. #title {
  264. width:160px;
  265. font-size:13px;
  266. font-family:arial;
  267. text-transform:lowercase;
  268. overflow:none;
  269. position:fixed;
  270. text-align:center;
  271. line-height:100%;
  272. letter-spacing:-1px;
  273. padding:5px;
  274. margin-top:-35px;
  275. margin-left:10px;
  276. color:{color:links};
  277. border-bottom:1px solid {color:border};
  278. }
  279.  
  280. #description {
  281. padding:10px;
  282. overflow:auto;
  283. text-align:center;
  284. font-size:9px;
  285. height:100px;
  286. position:fixed;
  287. width:160px;
  288. color:{color:desc text};
  289. background:{color:background};
  290. margin-left:10px;
  291. margin-top:120px;
  292. border-top:1px solid {color:border};
  293. padding-bottom:20px;
  294. border-bottom:1px solid {color:border};
  295. }
  296.  
  297. #links{
  298. z-index:9999999999999999999;
  299. padding:10px;
  300. margin-top:240px;
  301. text-align:center;
  302. font-family:arial black;
  303. position:fixed;
  304. z-index:9999;
  305. display:block;
  306. margin-left:-5px;
  307. width:200px;
  308. }
  309.  
  310. #links a{
  311. text-decoration:none;
  312. z-index:99999999999999;
  313. padding:7px;
  314. font-size:10px;
  315. margin-top:17px;
  316. text-align:center;
  317. text-transform:lowercase;
  318. font-family: arial black;
  319. color:{color:links};
  320. width:60px;
  321. display:inline-block;
  322. -webkit-transition: all 0.4s ease-in-out;
  323. -moz-transition: all 0.4s ease-in-out;
  324. -o-transition: all 0.4s ease-in-out;
  325. -ms-transition: all 0.4s ease-in-out;
  326. transition: all 0.4s ease-in-out;
  327. }
  328.  
  329. #links a:hover{
  330. text-decoration:underline;
  331. color:{color:accent2};
  332. -webkit-transition: all 0.4s ease-in-out;
  333. -moz-transition: all 0.4s ease-in-out;
  334. -o-transition: all 0.4s ease-in-out;
  335. -ms-transition: all 0.4s ease-in-out;
  336. transition: all 0.4s ease-in-out;
  337. }
  338.  
  339. /*POST INFO*/
  340.  
  341. #info {
  342. width:426px;
  343. text-align:left;
  344. font-family:arial;
  345. margin-top:7px;
  346. margin-left:-20px;
  347. letter-spacing:1px;
  348. color:{color:text};
  349. background:{color:info background};
  350. font-size:8px;
  351. font-style:none;
  352. padding:7px;
  353. line-height:10px;
  354. text-transform:uppercase;
  355. z-index:99999;
  356. }
  357.  
  358. #info a {
  359. background:{color:info background};
  360. text-align:center;
  361. color:{color:Links};
  362. }
  363.  
  364. #info a:hover {
  365. -moz-transition-duration:0.3s;
  366. -webkit-transition-duration:0.3s;
  367. -o-transition-duration:0.3s;
  368. color:{color:accent1}
  369. }
  370.  
  371. #tags {
  372. background-color:{color:info background};
  373. float:left;
  374. width:430px;
  375. margin-top:0px;
  376. margin-left:-7px;
  377. text-align:left;
  378. font-family:arial;
  379. font-size:8px;
  380. padding:5px;
  381. padding-bottom:10px;
  382. font-size:8px;
  383. opacity:1;
  384. transition-duration: 0.5s;
  385. -moz-transition-duration: 0.5s;
  386. -webkit-transition-duration: 0.5s;
  387. -o-transition-duration: 0.5s
  388. color:{color:Links};
  389. }
  390.  
  391. #tags a {
  392. letter-spacing:0px;
  393. font-size:8px;
  394. text-align:center;
  395. font-family:'SILK';
  396. text-decoration:none;
  397. display:inline-block;
  398. color:{color:Links};
  399. }
  400.  
  401. #tags a:hover {
  402. -moz-transition-duration:0.3s;
  403. -webkit-transition-duration:0.3s;
  404. -o-transition-duration:0.3s;
  405. color:{color:accent1};
  406. }
  407.  
  408.  
  409. ol.notes {
  410. display:block;
  411. text-align:left;
  412. list-style-type:none;
  413. margin-left:15px;
  414. background-color:{color:Info Background};
  415. }
  416.  
  417. ol.notes li.note{
  418. margin-left:15px;
  419. margin-bottom:5px;
  420. background-color:{color:Info Background};
  421. line-height:110%;
  422. }
  423.  
  424. .pagenotes {
  425. text-align:left;
  426. margin-top:15px;
  427. background:none;
  428. margin-left:15px;
  429. background-color:{color:Info Background};
  430. }
  431.  
  432. .pagenotes img{
  433. padding-right:5px;
  434. padding-top:5px;
  435. margin-bottom:-5px;
  436. }
  437.  
  438.  
  439.  
  440. /*CHAT*/
  441.  
  442. ul.chat{
  443. list-style:none;
  444. margin-left:-40px;
  445. }
  446.  
  447. .chat span {
  448. float: left;
  449. }
  450.  
  451. p.chat {
  452. padding-left:3px;
  453. border-radius:3px;
  454. }
  455.  
  456. /*QUOTES*/
  457.  
  458. .quote{
  459. font-size:20px;
  460. font-family:arial black;
  461. text-align:center;
  462. line-height:100%;
  463. background:transparent;
  464. }
  465.  
  466. .qsource{
  467. text-align:right;
  468. margin-bottom:10px;
  469. color:{color:links};
  470. text-align:center;
  471. font-size:9px;
  472. font-family:arial;
  473. text-decoration:lowercase;
  474. padding:7px;
  475. }
  476.  
  477. /*AUDIO*/
  478.  
  479. .songart{
  480. float:left;
  481. margin-right:10px;
  482. }
  483.  
  484. .songart img{
  485. width:77px;
  486. height:77px;
  487. }
  488.  
  489. .audio {
  490. margin-top:-10px;
  491. }
  492.  
  493. .songtitle{
  494. margin-bottom:10px;
  495. margin-left:90px;
  496. text-shadow: 1px 1px 0px {color:shadow};
  497. }
  498.  
  499. .songauthor{
  500. margin-bottom:10px;
  501. font-size:8px;
  502. margin-left:90px;
  503. }
  504.  
  505. .tumblr_audio_player {
  506. height: 50px;
  507. border-radius:3px;
  508. }
  509.  
  510.  
  511. /*QUESTION*/
  512.  
  513. #asker {
  514. color:{color:text};
  515. padding:14px;
  516. font-family: arial;
  517. font-size:9px;
  518. letter-spacing:0px;
  519. text-align:left;
  520. margin-top:0px;
  521. text-transform:lowercase;
  522. line-height:100%;
  523. }
  524.  
  525.  
  526.  
  527. /*PAGINATION*/
  528. #pagination {
  529. width:200px;
  530. font-size:13px;
  531. z-index:999999999999;
  532. text-align:center;
  533. color:{color:desc text};
  534. position:fixed;
  535. margin-left:770px;
  536. height:20px;
  537. margin-top:480px;
  538. }
  539.  
  540. #pagination a {
  541. color:{color:Links Background};
  542. font-size:10px;
  543. font-family:arial;
  544. z-index:999999999999;
  545. font-weight:bold;
  546. background-color:transparent;
  547. }
  548.  
  549.  
  550. /*CREDIT*/
  551.  
  552. #cred {
  553. position:fixed;
  554. font-family:arial;
  555. text-transform:uppercase;
  556. font-size:10px;
  557. left:9px;
  558. bottom:9px;
  559. padding:4px;
  560. background-color:{color:post background};
  561. letter-spacing:1px;
  562. }
  563.  
  564.  
  565. #cred a {
  566. position:fixed;
  567. font-family:arial;
  568. text-transform:uppercase;
  569. font-size:10px;
  570. left:9px;
  571. bottom:9px;
  572. padding:4px;
  573. background-color:{color:post background};
  574. letter-spacing:1px;
  575. }
  576.  
  577.  
  578.  
  579. {CustomCSS}
  580.  
  581.  
  582. </style></head>
  583.  
  584. <body>
  585.  
  586.  
  587. <!--- this is your tooltip scripts ---->
  588.  
  589. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  590. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  591. <script>
  592.  
  593. (function($){
  594.  
  595. $(document).ready(function(){
  596.  
  597. $("a[title]").style_my_tooltips({
  598.  
  599. tip_follows_cursor:true,
  600.  
  601. tip_delay_time:50,
  602.  
  603. tip_fade_speed:600,
  604.  
  605. attribute:"title"
  606.  
  607. });
  608.  
  609. });
  610.  
  611. })(jQuery);
  612.  
  613. </script>
  614.  
  615. <!---- start of your html ---->
  616.  
  617.  
  618. <div id="sidebar">
  619.  
  620. <div id="title">{title}</div>
  621.  
  622. <div class="icons">
  623. <img src="{image:icon1}">
  624. </div>
  625.  
  626. <div id="description">{description}</div>
  627.  
  628. <div id="links" >
  629. <a href="/">refresh</a>
  630. <a href="{text:link2}">{text:link2 text}</a>
  631. <a href="{text:link3}">{text:link3 text}</a>
  632. <a href="{text:link4}">{text:link4 text}</a>
  633. </div>
  634. </div>
  635.  
  636.  
  637. <div id="pagination">{block:Pagination}
  638. {block:PreviousPage}
  639. <a href="{PreviousPage}">sink </a>
  640. {/block:PreviousPage}
  641. or
  642. {block:NextPage}
  643. <a href="{NextPage}">swim</a>
  644. {/block:NextPage}
  645. {/block:Pagination}</div>
  646.  
  647.  
  648. <!--- the start of your posts ---->
  649.  
  650. <div id="box">
  651. <div id="entries">
  652. {block:Posts}
  653. <div id="post">
  654.  
  655. <!--- TEXT POSTS ---->
  656.  
  657. {block:Text}
  658. {block:Title}<h1>{Title}</h1>{/block:Title}
  659. {Body}{/block:Text}
  660.  
  661. <!--- PHOTO POSTS ---->
  662.  
  663. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}
  664. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  665.  
  666. <!--- PHOTOSET POSTS ---->
  667.  
  668. {block:Photoset}{Photoset-400}{block:Caption}{Caption}
  669. {/block:Caption}{/block:Photoset}
  670.  
  671. <!--- QUOTE POSTS ---->
  672.  
  673. {block:Quote}<div class="quote">❝ {Quote} ❞</div>
  674. {block:Source}<div class="qsource"> —{Source}</div>
  675. {/block:Source}{/block:Quote}
  676.  
  677. <!--- LINK POSTS ---->
  678.  
  679. {block:Link}<h1><a href="{URL}" {Target}><b>{Name}</b></a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  680.  
  681. <!--- CHAT POSTS ---->
  682.  
  683. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  684.  
  685. <!--- AUDIO POSTS ---->
  686.  
  687. {block:Audio}{block:AlbumArt}<div class="songart"><img src="{AlbumArtURL}" align="left" style="margin-right:10px" /></div>{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</span>
  688. {block:TrackName}
  689. <b style="font-size:9px;"><u>Title:</u></b> <span style="color:{color:accent2};">{TrackName}</span><br>{/block:TrackName}
  690. {block:Artist}<b style="font-size:9px;"><u>Artist:</u></b> <span style="color:{color:accent2};">{Artist}</span>{/block:Artist}
  691. {/block:ExternalAudio}
  692. {block:Caption}{Caption}{/block:Caption}
  693. {/block:Audio}
  694.  
  695. <!--- VIDEO POSTS ---->
  696.  
  697. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  698.  
  699. <!--- ASK POSTS ---->
  700. <!--- this is inline styling & is very easy to use. it's like css coding but in the actual html. ---->
  701.  
  702. {block:Answer}<b><span style ="font-family:arial;font-size:13px;background:{color:background};color:white;padding:2px;text-transform:lowercase;color:{color:text}">{Asker} inquired,</span></b> <div id="ask" style="text-align:left;margin-left:0px;margin-top:0px;font-style:italic;padding:15px;font-size:9px;font-color:{color:text};font-family:arial;text-transform:lowercase;letter-spacing:0px;border:1px solid {color:border};margin-top:2px;">{Question}</span></div>{Answer}{/block:Answer}
  703.  
  704. <!--- INFO & TAGS ---->
  705.  
  706. <div id="info">
  707. <a href="{Permalink}">{TimeAgo}</a> // <a href="{Permalink}">{NoteCount}</a>
  708. <div id="tags">
  709. {block:HasTags}{block:Tags} <a href="{TagURL}" >#{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  710.  
  711.  
  712.  
  713. </div>
  714. </div>
  715.  
  716. <!--- POSTNOTES ---->
  717.  
  718. {block:Posts}
  719. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  720. {/block:Posts}</div></div></div>
  721. <br><br><br><br>
  722.  
  723. <!--- CREDIT ---->
  724.  
  725. <div id="cred">
  726. <a href="http://www.musecentral.tumblr.com/">CREDIT</a>
  727. </div>
  728. </body>
  729.  
  730.  
  731.  
  732.  
  733. </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!