API tools faq
paste
Advertisement
kingdap

A Thousand Dreamers Theme

kingdap
Mar 18th, 2013
645
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.88 KB | None | 0 0
raw download clone embed print report
  1. <!-------------------------------------------------------------------------
  2. A Thousand Dreamers by megidolaon-for-everyone
  3.  
  4. Credits:
  5. Multi-Colored Bar: excolo
  6. Q&A Posts: excolo
  7. Split Sidebar: gyapo
  8. Music Player: fukuo
  9. References: themesrec
  10.  
  11. Please keep the credits intact! You're free to make changes to the theme, but only for personal use.
  12.  
  13. -------------------------------------------------------------------------->
  14.  
  15. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  16.  
  17. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  18.  
  19. <head>
  20.  
  21. <meta name="image:Background" content="http://static.tumblr.com/fp8s385/ugsmjsd9w/bg.jpg">
  22. <meta name="image:Sidebar Image" content="http://static.tumblr.com/de96ac862795d804496bc2cf3d9c80bf/fp8s385/pa6mjrvw6/tumblr_static_yargh.png">
  23.  
  24. <meta name="color:Background" content="#fff">
  25. <meta name="color:Post BG" content="#fff">
  26. <meta name="color:Permalink BG" content="#3299fc">
  27. <meta name="color:Permalink" content="#f8f8f8">
  28. <meta name="color:Permalink Hover" content="#bbb9b9">
  29. <meta name="color:Tags" content="#000">
  30. <meta name="color:Tags Hover" content="#b9dafa">
  31. <meta name="color:Tags BG Hover" content="#000">
  32.  
  33. <meta name="color:Description BG" content="#dfdddd">
  34. <meta name="color:Sidebar Border" content="#000000">
  35. <meta name="color:Sidebar Link" content="#f3eeee">
  36. <meta name="color:Sidebar Link Hover" content="#000000">
  37. <meta name="color:Sidebar Link BG" content="#000000">
  38. <meta name="color:Sidebar Link BG Hover" content="#e6dfdf">
  39. <meta name="color:Description" content="">
  40.  
  41. <meta name="color:Answer Separation Bar" content="#ccc">
  42.  
  43. <meta name="color:Nav 1" content="#ff4000">
  44. <meta name="color:Nav 2" content="#FFD602">
  45. <meta name="color:Nav 3" content="#8CC73A">
  46. <meta name="color:Nav 4" content="#0087FE">
  47. <meta name="color:Home" content="#ff4000">
  48. <meta name="color:Home Hover" content="#000">
  49. <meta name="color:Message" content="#FFD602">
  50. <meta name="color:Message Hover" content="#000">
  51. <meta name="color:Past" content="#8cc73a">
  52. <meta name="color:Past Hover" content="#000">
  53. <meta name="color:Credit" content="#0087FE">
  54. <meta name="color:Credit Hover" content="#000">
  55.  
  56. <meta name="color:Pagination BG" content="#000000">
  57. <meta name="color:Pagination BG Hover" content="#000">
  58. <meta name="color:Pagination" content="#ffffff">
  59. <meta name="color:Pagination Border" content="#ffffff">
  60. <meta name="color:Pagination Hover" content="#fabbbb">
  61.  
  62. <meta name="color:Blog Title" content="#000">
  63.  
  64. <meta name="color:Scrollbar" content="#3299fc">
  65. <meta name="color:Scrollbar BG" content="#e2e2e2">
  66.  
  67. <meta name="color:Text" content="#7c7a7a">
  68. <meta name="color:Emphasis Text" content="#828386">
  69. <meta name="color:Link" content="#3299fc">
  70. <meta name="color:Link BG" content="#7ebffc">
  71. <meta name="color:Link Hover" content="#fff">
  72. <meta name="color:Link Post BG Hover" content="#54a9fc">
  73. <meta name="color:Audio Info" content="#000">
  74. <meta name="color:Audio Info BG" content="#cccbcb">
  75.  
  76. <meta name="color:Music Player1 BG" content="#FFFFFF">
  77. <meta name="color:Music Player1 Border" content="#3299fc">
  78. <meta name="color:Music Player2 BG" content="#FFFFFF">
  79. <meta name="color:Music Player2 Border" content="#88c3fc">
  80.  
  81. <meta name="if:Show Caption" content="0">
  82. <meta name="if:Show Tags" content="1"/>
  83. <meta name="if:Round Sidebar" content="1"/>
  84. <meta name="if:Sidebar Border" content="1"/>
  85. <meta name="if:400 Posts" content="1"/>
  86. <meta name="if:Monochrome Posts" content="0"/>
  87. <meta name="if:Static Permalink" content="0"/>
  88. <meta name="if:Link Hover BG" content="1"/>
  89. <meta name="if:Infinite Scroll" content="0"/>
  90. <meta name="if:Music Player" content="1"/>
  91.  
  92. <meta name="text:Link 1 URL" content="/"/>
  93. <meta name="text:Link 1" content="Link 1"/>
  94. <meta name="text:Link 2 URL" content="/"/>
  95. <meta name="text:Link 2" content="Link 2"/>
  96. <meta name="text:Link 3 URL" content="/"/>
  97. <meta name="text:Link 3" content="Link 3"/>
  98. <meta name="text:Link 4 URL" content="/"/>
  99. <meta name="text:Link 4" content="Link 4"/>
  100. <meta name="text:Links MarginTop" content="50px"/>
  101.  
  102. <meta name="text:Pagination Forward" content="Sail Forth"/>
  103. <meta name="text:Pagination Backward" content="Sail Back"/>
  104.  
  105. <meta name="text:Music Player Code" content=""/>
  106.  
  107. <title>{Title}</title>
  108. <link rel="shortcut icon" href="{Favicon}" />
  109.  
  110. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  111.  
  112.  
  113. <style type="text/css">
  114.  
  115. ::-webkit-scrollbar-thumb:vertical {
  116. background-color:{color:Scrollbar};
  117. height:7px;
  118. border-bottom:2px solid {color:Scrollbar bg};
  119. border-top:2px solid {color:Scrollbar bg};
  120. }
  121. ::-webkit-scrollbar-thumb:horizontal {
  122. background-color:{color:Scrollbar};
  123. height:7px!important;
  124. }
  125. ::-webkit-scrollbar {
  126. background-color:{color:Scrollbar bg};
  127. height:7px;
  128. width:7px;
  129. }
  130. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{
  131. display:block; height:12px;
  132. background-color:{color:Scrollbar};
  133. }
  134.  
  135. @font-face {
  136. font-family: "economica";
  137. src: url('http://static.tumblr.com/jtqlgf2/EFzm1d5lh/economica-regular.ttf');
  138. }
  139.  
  140. @font-face {
  141. font-family: Haymaker;
  142. src:url(http://static.tumblr.com/9wzbixa/OYnmj2ji0/haymaker.ttf);
  143. }
  144.  
  145. body {
  146. background-color:{color:Background};
  147. background-image: url('{image:Background}');
  148. background-attachment: fixed;
  149. color: {color:Text};
  150. font-family: Calibri;
  151. font-size: 11px;
  152. text-transform: none;
  153. margin: 0px;
  154. }
  155.  
  156. a:link, a:active {
  157. text-decoration:none;
  158. color: {color:Link};
  159. transition-duration: 0.5s;
  160. -moz-transition-duration: 0.5s;
  161. -webkit-transition-duration: 0.5s;
  162. -o-transition-duration: 0.5s;
  163. }
  164.  
  165. a:visited {
  166. text-decoration:none;
  167. color: {color:Link};
  168. transition-duration: 0.5s;
  169. -moz-transition-duration: 0.5s;
  170. -webkit-transition-duration: 0.5s;
  171. -o-transition-duration: 0.5s;
  172. }
  173.  
  174. a:hover {
  175. text-decoration:none;
  176. color: {color:Link Hover};
  177. {block:ifLinkHoverBG}
  178. background: {color:Link BG};
  179. {/block:ifLinkHoverBG}
  180. }
  181.  
  182. b, strong, .strong {color:{color:Emphasis Text};}
  183.  
  184. i, em, .em {color:{color:Emphasis Text};}
  185.  
  186. hr {
  187. display: block;
  188. height: 1px;
  189. border: 0;
  190. border-top: 1px solid {color:Answer Separation Bar};
  191. margin: 1em 0;
  192. padding: 0;
  193. }
  194.  
  195. blockquote {
  196. border-left:5px solid {color:Text};
  197. padding-left:6px;
  198. }
  199.  
  200. #tumblr_controls{ position:fixed!important; right: 0px; top:0px;}
  201.  
  202.  
  203. /*SIDEBAR*/
  204.  
  205. #title {
  206. position: fixed;
  207. width: 240px;
  208. text-align: center;
  209. top: 50px;
  210. {block:ifnotSidebarBorder}
  211. margin-left: 121px;
  212. {/block:ifnotSidebarBorder}
  213. {block:ifSidebarBorder}
  214. margin-left:125px;
  215. {/block:ifSidebarBorder}
  216. padding:10px;
  217. font-family: economica;
  218. font-size: 33px;
  219. color: {color:Blog Title};
  220. z-index:1000;
  221. }
  222.  
  223. #title a {
  224. color: {color:Blog Title};
  225. }
  226.  
  227. #title a:hover {
  228. color: {color:Blog Title};
  229. background: transparent;
  230. }
  231.  
  232. #sidebar {
  233. position:fixed;
  234. margin-top:100px;
  235. margin-left: 125px;
  236. width: 250px;
  237. height: auto;
  238. }
  239.  
  240. /*SLIDING IMAGE*/
  241.  
  242. .transition {
  243. -webkit-transition: opacity 0.7s linear;
  244. -webkit-transition: all 0.7s ease-in-out;
  245. -moz-transition: all 0.7s ease-in-out;
  246. -o-transition: all 0.7s ease-in-out;
  247. }
  248.  
  249. #sideimg {
  250. width:300px;
  251. }
  252.  
  253. #sideimg:hover {
  254. width:370px;
  255. }
  256.  
  257. #leftimg {
  258. float:left;
  259. overflow:hidden;
  260. width:125px;
  261. {block:ifSidebarBorder}
  262. background-color:{color:Sidebar Border};
  263. border-left:5px solid {color:Sidebar Border};
  264. border-top:5px solid {color:Sidebar Border};
  265. border-bottom:5px solid {color:Sidebar Border};
  266. {/block:ifSidebarBorder}
  267. {block:ifRoundSidebar}
  268. -moz-border-top-left-radius: 250px;
  269. -webkit-border-top-left-radius: 250px;
  270. border-top-left-radius: 250px;
  271. -moz-border-bottom-left-radius: 250px;
  272. -webkit-border-bottom-left-radius: 250px;
  273. border-bottom-left-radius: 250px;
  274. {/block:ifRoundSidebar}
  275. }
  276.  
  277. #leftimg img {
  278. {block:ifRoundSidebar}
  279. -moz-border-top-left-radius: 250px;
  280. -webkit-border-top-left-radius: 250px;
  281. border-top-left-radius: 250px;
  282. -moz-border-bottom-left-radius: 250px;
  283. -webkit-border-bottom-left-radius: 250px;
  284. border-bottom-left-radius: 250px;
  285. {/block:ifRoundSidebar}
  286. }
  287.  
  288. #rightimg {
  289. overflow:hidden;
  290. width:125px;
  291. {block:ifSidebarBorder}
  292. background-color:{color:Sidebar Border};
  293. border-right:5px solid {color:Sidebar Border};
  294. border-top:5px solid {color:Sidebar Border};
  295. border-bottom:5px solid {color:Sidebar Border};
  296. {/block:ifSidebarBorder}
  297. {block:ifRoundSidebar}
  298. -moz-border-top-right-radius: 250px;
  299. -webkit-border-top-right-radius: 250px;
  300. border-top-right-radius: 250px;
  301. -moz-border-bottom-right-radius: 250px;
  302. -webkit-border-bottom-right-radius: 250px;
  303. border-bottom-right-radius: 250px;
  304. {/block:ifRoundSidebar}
  305. }
  306.  
  307. #rightimg img {
  308. {block:ifRoundSidebar}
  309. -moz-border-top-right-radius: 250px;
  310. -webkit-border-top-right-radius: 250px;
  311. border-top-right-radius: 250px;
  312. -moz-border-bottom-right-radius: 250px;
  313. -webkit-border-bottom-right-radius: 250px;
  314. border-bottom-right-radius: 250px;
  315. {/block:ifRoundSidebar}
  316. }
  317.  
  318. #link {
  319. float:left;
  320. width:0px;
  321. height:0px;
  322. opacity:0;
  323. }
  324.  
  325. #sideimg:hover #link {
  326. width:125px;
  327. margin-top: {text:Links MarginTop};
  328. padding:20px 10px 20px 10px;
  329. opacity:1;
  330. }
  331.  
  332. #sideimg:hover #leftimg {
  333. margin-left:-75px;
  334. }
  335.  
  336. /*PAGINATION*/
  337.  
  338. #pagination {
  339. {block:ifSidebarBorder}
  340. width:260px;
  341. {/block:ifSidebarBorder}
  342. {block:ifnotSidebarBorder}
  343. width:250px;
  344. {/block:ifnotSidebarBorder}
  345. }
  346.  
  347. #pagination a {
  348. padding-left: 3px;
  349. padding-right: 3px;
  350. padding-top: 1px;
  351. padding-bottom: 2px;
  352. font-family: Calibri;
  353. letter-spacing: 2px;
  354. text-transform:uppercase;
  355. font-size: 9px;
  356. border: 2px solid {color:Pagination Border};
  357. color: {color:Pagination};
  358. background-color: {color:Pagination BG};
  359. }
  360.  
  361. #pagination a:hover {
  362. background-color: {color:Pagination BG Hover};
  363. color: {color:Pagination Hover}
  364. }
  365.  
  366. /*LINKS*/
  367.  
  368. .links {
  369. position: block;
  370. height:auto;
  371. background: {color:Sidebar Link BG};
  372. width:130px;
  373. font-family: economica;
  374. font-size: 18px;
  375. margin-bottom: 10px;
  376. transition-duration: 0.5s;
  377. -moz-transition-duration: 0.5s;
  378. -webkit-transition-duration: 0.5s;
  379. -o-transition-duration: 0.5s;
  380. }
  381.  
  382. .links a {
  383. background: {color:Sidebar Link BG};
  384. color:{color:Sidebar Link};
  385. transition-duration: 0.5s;
  386. -moz-transition-duration: 0.5s;
  387. -webkit-transition-duration: 0.5s;
  388. -o-transition-duration: 0.5s;
  389. }
  390.  
  391. .links:hover {
  392. background: {color:Sidebar Link BG Hover};
  393. color: {color:Sidebar Link Hover};
  394. }
  395.  
  396. .links:hover a {
  397. background: {color:Sidebar Link BG Hover};
  398. color: {color:Sidebar Link Hover};
  399. }
  400.  
  401. /*DESCRIPTION*/
  402.  
  403. #description {
  404. {block:ifSidebarBorder}
  405. width:244px;
  406. {/block:ifSidebarBorder}
  407. {block:ifnotSidebarBorder}
  408. width: 234px;
  409. {/block:ifnotSidebarBorder}
  410. margin-top:0px;
  411. height: auto;
  412. padding: 8px;
  413. font-family: Cambria;
  414. font-size: 11px;
  415. color: {color:Description};
  416. background-color: {color:Description BG};
  417.  
  418. }
  419.  
  420. #description i, em {
  421. color: {color:Emphasis Text};
  422. }
  423.  
  424. #description b, em {
  425. color: {color: Emphasis Text};
  426. }
  427.  
  428. #description a {
  429. color: {color:Link};
  430. -webkit-transition: all 0.5s ease-in-out;
  431. -moz-transition: all 0.5s ease-in-out;
  432. -o-transition: all 0.5s ease-in-out;
  433. -ms-transition: all 0.5s ease-in-out;
  434. transition: all 0.5s ease-in-out;
  435. }
  436.  
  437. #description a:hover {
  438. color: {color:Link Hover};
  439. }
  440.  
  441. /*NAVIGATION*/
  442.  
  443. #navigation {
  444. margin-top:10px;
  445. {block:ifSidebarBorder}
  446. width:260px;
  447. {/block:ifSidebarBorder}
  448. {block:ifnotSidebarBorder}
  449. width:250px;
  450. {/block:ifnotSidebarBorder}
  451. height:12px;
  452. overflow:hidden;
  453. }
  454.  
  455. .navlink {
  456. width:25%;
  457. height:100%;
  458. float:left;
  459. }
  460.  
  461. .nav1 a {
  462. font-family: Trebuchet MS;
  463. font-size:8px;
  464. text-transform: uppercase;
  465. color: {color:Home};
  466. opacity:1;
  467. }
  468.  
  469. .nav1:hover a {
  470. background: transparent;
  471. opacity:1;
  472. color: {color:Home Hover};
  473. }
  474.  
  475. .nav2 a {
  476. font-family: Trebuchet MS;
  477. font-size:8px;
  478. text-transform: uppercase;
  479. opacity:1;
  480. color: {color:Message};
  481. }
  482.  
  483. .nav2:hover a {
  484. color: {color:Message Hover};
  485. background: transparent;
  486. opacity:1;
  487. }
  488.  
  489. .nav3 a {
  490. font-family: Trebuchet MS;
  491. font-size:8px;
  492. text-transform: uppercase;
  493. color: {color:Past};
  494. opacity:1;
  495. }
  496.  
  497. .nav3:hover a {
  498. background: transparent;
  499. color: {color:Past Hover};
  500. opacity:1;
  501. }
  502.  
  503. .nav4 a {
  504. font-family: Trebuchet MS;
  505. font-size:8px;
  506. text-transform: uppercase;
  507. opacity:1;
  508. color: {color:Credit};
  509. }
  510.  
  511. .nav4:hover a {
  512. color: {color:Credit Hover};
  513. background: transparent;
  514. opacity:1;
  515. }
  516.  
  517.  
  518. /* CONTENT */
  519.  
  520. #content {
  521. font-size:10px;
  522. margin-left: 505px;
  523. margin-top:40px;
  524. float: left;
  525. }
  526.  
  527. #post {
  528. font-size:11px;
  529. overflow:auto;
  530. font-family: Calibri;
  531. margin-bottom:40px;
  532. padding: 10px;
  533. {block:if400Posts}
  534. width: 400px;
  535. {/block:if400Posts}
  536. {block:ifnot400Posts}
  537. width: 500px;
  538. {/block:ifnot400Posts}
  539. background-color:{color:post bg};
  540. color:{color:text};
  541. }
  542.  
  543. /*POST TITLES*/
  544.  
  545. .posttitle {
  546. color: {color:Post Title};
  547. font-family: economica;
  548. font-size: 25px;
  549. }
  550.  
  551. /*LINK TITLES*/
  552.  
  553. .linktitle a {
  554. color: {color:Link};
  555. font-family: economica;
  556. font-size: 25px;
  557. transition-duration: 0.5s;
  558. -moz-transition-duration: 0.5s;
  559. -webkit-transition-duration: 0.5s;
  560. -o-transition-duration: 0.5s;
  561. }
  562.  
  563. .linktitle a:hover {
  564. {block:ifLinkHoverBG}
  565. background-color: {color:Link Post BG Hover};
  566. {/block:ifLinkHoverBG}
  567. color: {color:Link Hover};
  568. }
  569.  
  570. /*TEXT*/
  571.  
  572. .entrytext {
  573. font-family: Calibri;
  574. font-size:11px;
  575. color: {color:Entry};
  576. }
  577.  
  578. /*QUOTE*/
  579.  
  580. .quotations {
  581. font-family: Haymaker;
  582. font-size: 50px;
  583. }
  584.  
  585. .quote {
  586. text-align: center;
  587. {block:if400Posts}
  588. width:365px;
  589. {/block:if400Posts}
  590. {block:ifnot400Posts}
  591. width:465px;
  592. {/block:ifnot400Posts}
  593. font-family: Cambria;
  594. font-size:11px;
  595. margin-top:-43px;
  596. margin-left: 17px
  597. }
  598.  
  599. .source {
  600. margin-top:10px;
  601. margin-right:22px;
  602. text-align: right;
  603. padding-bottom:5px;
  604. }
  605.  
  606. /*ASK*/
  607. #ask {
  608. overflow:auto;
  609. height:auto;
  610. {block:if400Posts}
  611. width: 400px;
  612. {/block:if400Posts}
  613. {block:ifnot400Posts}
  614. width: 500px;
  615. {/block:ifnot400Posts}
  616. }
  617.  
  618. /*AUDIO*/
  619.  
  620. #audioplayer {
  621. background: #fff;
  622. position: absolute;
  623. float:left;
  624. overflow:hidden;
  625. width:25px;
  626. height:25px;
  627. -moz-border-radius: 25px;
  628. -webkit-border-radius: 25px;
  629. border-radius: 25px;
  630. padding-top:7px;
  631. padding-left:7px;
  632. padding-right:7px;
  633. padding-bottom:7px;
  634. z-index:999;
  635. margin-left:30px;
  636. margin-top:30px;
  637. opacity:0.8;
  638. }
  639.  
  640. .defaultart img {
  641. position:relative;
  642. height:100px;
  643. z-index:0;
  644. }
  645.  
  646. .art img {
  647. margin-top:-103px;
  648. position:absolute;
  649. width:100px;
  650. }
  651.  
  652. .audioinfo {
  653. float:left;
  654. margin-left:109px;
  655. margin-top:-103px;
  656. {block:if400Posts}
  657. width: 250px;
  658. {/block:if400Posts}
  659. {block:ifnot400Posts}
  660. width: 350px;
  661. {/block:ifnot400Posts}
  662. background-color: {color:Audio Info BG};
  663. color: {color:Audio Info};
  664. padding:20px;
  665. }
  666.  
  667. .audioinfo i {
  668. color: {color:Audio Info};
  669. }
  670.  
  671. .audiocaption {
  672. float:left;
  673. }
  674.  
  675. /*PERMALINK*/
  676.  
  677. .permalink {
  678. position:absolute;
  679. height: 15px;
  680. padding-right: 10px;
  681. padding-top:2px;
  682. padding-left: 10px;
  683. margin-left:-10px;
  684. {block:ifStaticPermalink}
  685. opacity: 1;
  686. margin-top:10px;
  687. {/block:ifStaticPermalink}
  688. {block:ifnotStaticPermalink}
  689. opacity: 0;
  690. margin-top:10px;
  691. {/block:ifnotStaticPermalink}
  692. text-align:right;
  693. letter-spacing: 1px;
  694. background-color: {color:Permalink BG};
  695. font-family: economica;
  696. font-size: 10px;
  697. z-index:100;
  698. color:{color:Permalink};
  699. {block:if400Posts}
  700. width: 400px;
  701. {/block:if400Posts}
  702. {block:ifnot400Posts}
  703. width:500px;
  704. {/block:ifnot400Posts}
  705. text-transform: uppercase;
  706. transition-duration: 0.7s;
  707. -moz-transition-duration: 0.7s;
  708. -webkit-transition-duration: 0.7s;
  709. -o-transition-duration: 0.7s;
  710. }
  711.  
  712. #post:hover .permalink {
  713. opacity:1;
  714. }
  715.  
  716. .permalink a {
  717. color: {color:Permalink};
  718. transition-duration: 0.7s;
  719. -moz-transition-duration: 0.7s;
  720. -webkit-transition-duration: 0.7s;
  721. -o-transition-duration: 0.7s;
  722. }
  723.  
  724. .permalink a:hover {
  725. color: {color:Permalink Hover};
  726. background: transparent;
  727. }
  728.  
  729. /*TAGS*/
  730.  
  731. .tags {
  732. opacity: 0;
  733. width: 100px;
  734. height:auto;
  735. position: absolute;
  736. text-align:left;
  737. margin-top:2px;
  738. text-align:left;
  739. font-family: calibri;
  740. text-transform: uppercase;
  741. font-size: 8px;
  742. line-height:8px;
  743. letter-spacing: 1px;
  744. color:{color:Tags};
  745. z-index:1000;
  746. {block:if400Posts}
  747. margin-left:390px;
  748. {/block:if400Posts}
  749. {block:ifnot400Posts}
  750. margin-left:490px;
  751. {/block:ifnot400Posts}
  752. -webkit-transition: all 0.6s ease-in-out;
  753. -moz-transition: all 0.6s ease-in-out;
  754. -o-transition: all 0.6s ease-in-out;
  755. -ms-transition: all 0.6s ease-in-out;
  756. transition: all 0.6s ease-in-out;
  757. }
  758.  
  759. .tags a {
  760. color:{color:Tags};
  761. }
  762.  
  763. .tags a:hover {
  764. color:{color:Tags Hover};
  765. {block:ifLinkHoverBG}
  766. background-color: {color:Tags BG Hover};
  767. {/block:ifLinkHoverBG}
  768. }
  769.  
  770. #post:hover .tags {
  771. opacity:1;
  772. {block:if400Posts}
  773. margin-left:420px;
  774. {/block:if400Posts}
  775. {block:ifnot400Posts}
  776. margin-left:520px;
  777. {/block:ifnot400Posts}
  778. }
  779.  
  780. /*MUSIC PLAYER*/
  781.  
  782. {block:ifMusicPlayer}
  783. #music-player-rounded {
  784. position:fixed;
  785. left:50px;
  786. bottom:50px;
  787. width:25px;
  788. height:25px;
  789. padding-left:10px;
  790. padding-top:10px;
  791. background-color:{color:Music Player1 BG};
  792. -moz-border-radius:100px;
  793. -webkit-border-radius:100px;
  794. border-radius:100px;
  795. border:5px solid {color:Music Player1 Border};
  796. opacity:1;
  797. -webkit-transition: all 0.4s ease;
  798. -moz-transition: all 0.4s ease;
  799. transition: all 0.4s ease;
  800. }
  801.  
  802. #music-player-rounded:hover {
  803. -webkit-transform:rotate(360deg);
  804. -moz-transform:rotate(360deg);
  805. -o-transform: rotate(360deg);
  806. padding-left:20px;
  807. padding-top:20px;
  808. padding-right:10px;
  809. padding-bottom:10px;
  810. left:50px;
  811. bottom:50px;
  812. }
  813.  
  814. .music-player {
  815. margin-top:0px;
  816. margin-left:-55px;
  817. width:45px;
  818. height:45px;
  819. padding-left:10px;
  820. padding-top:10px;
  821. background-color:{color:Music Player2 BG};
  822. -moz-border-radius:100px;
  823. -webkit-border-radius:100px;
  824. border-radius:100px;
  825. border:5px solid {color:Music Player2 Border};
  826. color:#777777;
  827. opacity:0;
  828. overflow:hidden;
  829. font:12px Arial, Calibri, Cambria, sans-serif;
  830. -webkit-transition: all 0.4s ease;
  831. -moz-transition: all 0.4s ease;
  832. transition: all 0.4s ease;
  833. }
  834.  
  835. #music-player-rounded:hover .music-player {
  836. opacity:1;
  837. }
  838.  
  839. .music-player-embed {
  840. margin-left:-12px;
  841. margin-top:5px;
  842. }
  843. {/block:ifMusicPlayer}
  844.  
  845. {block:ifMonochromePosts}
  846. .photo{
  847. filter: url("data:image/svg+xml;utf8,<svg xmlns=’http://www.w3.org/2000/svg’><filter id=’grayscale’><feColorMatrix type=’matrix’ values=’0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0’/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  848. filter: gray; /* IE6-9 */
  849. -webkit-filter: grayscale(1);
  850. -webkit-transition: all 0.5s ease-in-out;
  851. -moz-transition: all 0.5s ease-in-out;
  852. -o-transition: all 0.5s ease-in-out;
  853. -ms-transition: all 0.5s ease-in-out;
  854. transition: all 0.5s ease-in-out;
  855. }
  856.  
  857. .photo:hover{
  858. filter: none;
  859. -webkit-filter: grayscale(0);
  860. -webkit-transition: all 0.7s ease-in-out;
  861. -moz-transition: all 0.7s ease-in-out;
  862. -o-transition: all 0.7s ease-in-out;
  863. }
  864. {/block:ifMonochromePosts}
  865.  
  866. </style>
  867. </head>
  868. <body>
  869.  
  870. {block:ifMusicPlayer}
  871. <div id="music-player-rounded">
  872. <img src="http://media.tumblr.com/tumblr_lm6prnRzP61qfoi4t.gif"> <div class="music-player">
  873. <div class="music-player-embed">
  874.  
  875. {text:Music Player Code}
  876.  
  877. </div>
  878. </div>
  879. </div>
  880. {/block:ifMusicPlayer}
  881.  
  882. <center>
  883. <div id="title">
  884. <a href="/">{Title}</a>
  885. </center>
  886. </div>
  887.  
  888.  
  889. <div id="sidebar">
  890.  
  891. <div id="sideimg" class="transition">
  892. <div id="leftimg" class="transition">
  893. {block:ifMonochromePosts}
  894. <div class="photo">
  895. <img width="250px" src="{image:Sidebar Image}">
  896. </div>
  897. {/block:ifMonochromePosts}
  898. {block:ifnotMonochromePosts}
  899. <img width="250px" src="{image:Sidebar Image}">
  900. {/block:ifnotMonochromePosts}
  901. </div>
  902. <div id="link" class="transition">
  903. <center>
  904. <div class="links">
  905. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  906. </div>
  907. <div class="links">
  908. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  909. </div>
  910. <div class="links">
  911. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  912. </div>
  913. <div class="links">
  914. <a href="{text:Link 4 URL}">{text:Link 4}</a>
  915. </div>
  916. </center>
  917. </div>
  918. <div id="rightimg" class="transition">
  919. {block:ifMonochromePosts}
  920. <div class="photo">
  921. <img width="250px" style="margin-left:-125px;" src="{image:Sidebar Image}">
  922. </div>
  923. {/block:ifMonochromePosts}
  924. {block:ifnotMonochromePosts}
  925. <img width="250px" style="margin-left:-125px;" src="{image:Sidebar Image}">
  926. {/block:ifnotMonochromePosts}
  927. </div>
  928.  
  929. </div>
  930.  
  931. <div id="navigation">
  932. <div class="navlink" style="background-color:{color:Nav 1};">
  933. <center><div class="nav1"><a href="/">Home</a></div></center>
  934. </div>
  935. <div class="navlink" style="background-color:{color:Nav 2};">
  936. <center><div class="nav2"><a href="/ask">Message</a></div></center>
  937. </div>
  938. <div class="navlink" style="background-color:{color:Nav 3};">
  939. <center><div class="nav3"><a href="/archive">Memories</a></div></center>
  940. </div>
  941. <div class="navlink" style="background-color:{color:Nav 4};">
  942. <center><div class="nav4"><a href="http://a-thousand-dreamers-theme.tumblr.com/credits">Credits</a></div></center>
  943. </div>
  944. </div>
  945.  
  946. <div id="description">
  947. {Description}
  948. </div>
  949.  
  950. {block:IfNotInfiniteScroll}
  951. {block:Pagination}<center><div id="pagination">
  952. <br>
  953. {block:PreviousPage}<a href="{PreviousPage}">&#x25c0;{text:Pagination Backward}&nbsp</a>
  954. {/block:PreviousPage}
  955. {block:NextPage}<a href="{NextPage}">&nbsp{text:Pagination Forward}&#x25b6;</a>{/block:NextPage}
  956. </center>
  957. </div>{/block:Pagination}
  958. {/block:IfNotInfiniteScroll}
  959. </div>
  960.  
  961. <div id="content">
  962.  
  963. {block:Posts}
  964.  
  965. {block:IfInfiniteScroll}
  966. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  967. <script src="http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js" type="text/javascript"></script>
  968. <div class="autopagerize_page_element">
  969. {/block:IfInfiniteScroll}
  970.  
  971. <div id="post">
  972.  
  973. {block:IndexPage}
  974.  
  975. {block:IfShowTags}{block:HasTags}
  976. <div class="tags">Tags:<br />
  977. {block:Tags}#<a href="{TagURL}">{Tag}</a><br>{/block:Tags}
  978. </div>{/block:HasTags}
  979. {/block:IfShowTags}
  980.  
  981. {/block:IndexPage}
  982.  
  983. {block:Text}
  984. {block:Title}
  985. <div class="posttitle">{Title}</div>
  986. {/block:Title}
  987. <div style="margin-bottom:-10px;">{Body}</div>
  988. {/block:Text}
  989.  
  990. {block:Photo}
  991. {block:if400Posts}
  992. {block:ifMonochromePosts}
  993. <div class="photo">
  994. <center>
  995. <img src="{PhotoURL-400}">
  996. </center>
  997. </div>
  998. {block:ifMonochromePosts}
  999. {block:ifnotMonochromePosts}
  1000. <center>
  1001. <img src="{PhotoURL-400}">
  1002. </center>
  1003. {/block:ifnotMonochromePosts}
  1004. {/block:if400Posts}
  1005. {block:ifnot400Posts}
  1006. {block:ifMonochromePosts}
  1007. <div class="photo">
  1008. <center>
  1009. <img src="{PhotoURL-500}">
  1010. </center>
  1011. </div>
  1012. {block:ifMonochromePosts}
  1013. {block:ifnotMonochromePosts}
  1014. <center>
  1015. <img src="{PhotoURL-500}">
  1016. </center>
  1017. {/block:ifnotMonochromePosts}
  1018. {/block:ifnot400Posts}
  1019. {block:IndexPage}
  1020. {block:ifShowCaption}
  1021. {block:Caption}<div style="margin-bottom:-10px;">{Caption}</div>{/block:Caption}
  1022. {/block:ifShowCaption}
  1023. {/block:IndexPage}
  1024. {block:PermalinkPage}
  1025. {Caption}
  1026. {/block:PermalinkPage}
  1027.  
  1028. {/block:Photo}
  1029.  
  1030. {block:Photoset}
  1031. {block:if400Posts}
  1032. {block:ifMonochromePosts}
  1033. <div class="photo">
  1034. <center>
  1035. {Photoset-400}
  1036. </center>
  1037. </div>
  1038. {/block:ifMonochromePosts}
  1039. {block:ifnotMonochromePosts}
  1040. <center>
  1041. {Photoset-400}
  1042. </center>
  1043. {/block:ifnotMonochromePosts}
  1044. {/block:if400Posts}
  1045. {block:ifnot400Posts}
  1046. {block:ifMonochromePosts}
  1047. <div class="photo">
  1048. <center>
  1049. {Photoset-500}
  1050. </center>
  1051. </div>
  1052. {/block:ifMonochromePosts}
  1053. {block:ifnotMonochromePosts}
  1054. <center>
  1055. {Photoset-500}
  1056. </center>
  1057. {/block:ifnotMonochromePosts}
  1058. {/block:ifnot400Posts}
  1059. {block:IndexPage}
  1060. {block:ifShowCaption}
  1061. {block:Caption}<div style="margin-bottom:-10px;">{Caption}</div>{/block:Caption}
  1062. {/block:ifShowCaption}
  1063. {/block:IndexPage}
  1064. {block:PermalinkPage}
  1065. {Caption}
  1066. {/block:PermalinkPage}
  1067. {/block:Photoset}
  1068.  
  1069. {block:Quote}
  1070. <div class="quotations">“</div><div class="quote">{Quote}</div>
  1071. {block:Source}<div class="source">— {Source}</div>{/block:Source}
  1072. {/block:Quote}
  1073.  
  1074. {block:Link}
  1075. <div class="linktitle"><a href="{URL}">{Name}</a></div>
  1076. {block:Description}<div style="margin-bottom:-10px;">{Description}</div> {/block:Description}
  1077. {/block:Link}
  1078.  
  1079. {block:Chat}
  1080. {block:Title} <div class=posttitle> {Title}{/block:Title}
  1081. {block:Lines}
  1082. {block:Label}<b>{Label}</b>
  1083. {/block:Label} {Line}<br>
  1084. {/block:Lines}
  1085. {/block:Chat}
  1086.  
  1087. {block:Video}
  1088. {block:if400Posts}
  1089. {Video-400}
  1090. {/block:if400Posts}
  1091. {block:ifnot400Posts}
  1092. {Video-500}
  1093. {/block:ifnot400Posts}
  1094. {block:IndexPage}
  1095. {block:ifShowCaption}
  1096. {block:Caption}<div style="margin-bottom:-10px;">{Caption}</div>{/block:Caption}
  1097. {/block:ifShowCaption}
  1098. {/block:IndexPage}
  1099. {block:PermalinkPage}
  1100. {Caption}
  1101. {/block:PermalinkPage}
  1102. {/block:Video}
  1103.  
  1104. {block:Answer}
  1105. <div id="ask">
  1106. <table>
  1107. <tr>
  1108. <td style="vertical-align:top;padding-right:7px;"><img src="{AskerPortraitURL-64}"></td>
  1109. <td style="vertical-align:top;"><b>{Asker} whispered:</b><br> <i>{Question}</i></td>
  1110. </tr>
  1111. </table>
  1112. </div>
  1113. <hr width="100%">
  1114. <div style="margin-bottom:-10px;">{Answer}</div>
  1115. {/block:Answer}
  1116.  
  1117. {block:Audio}
  1118. {block:AudioPlayer}<div id="audioplayer">{AudioPlayerWhite}</div>{/block:AudioPlayer}
  1119. <div class="defaultart"><img src="http://static.tumblr.com/e1ydrvt/yutma3ebm/default.png"></div>
  1120. <div class="art">
  1121. {block:AlbumArt}
  1122. {block:ifMonochromePosts}
  1123. <div class="photo">
  1124. <img src="{AlbumArtURL}">
  1125. </div>
  1126. {/block:ifMonochromePosts}
  1127. {block:ifnotMonochromePosts}
  1128. <img src="{AlbumArtURL}">
  1129. {/block:ifnotMonochromePosts}
  1130. {/block:AlbumArt}
  1131. </div>
  1132. {block:TrackName}<center><div class="audioinfo"><i>{TrackName}</i> {/block:TrackName}<br>
  1133. {block:Artist}
  1134. by&nbsp{Artist}</div>
  1135. {/block:Artist}
  1136. </center>
  1137. {block:IndexPage}
  1138. {block:ifShowCaption}
  1139. {block:Caption}<div style="margin-bottom:-10px;">{Caption}</div>{/block:Caption}
  1140. {/block:ifShowCaption}
  1141. {/block:IndexPage}
  1142. {block:PermalinkPage}
  1143. {Caption}
  1144. {/block:PermalinkPage}
  1145. {/block:Audio}
  1146.  
  1147. {block:PermalinkPage}
  1148. {block:RebloggedFrom}
  1149. <center>
  1150. <b>origin:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1151. &nbsp;|&nbsp;
  1152. <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1153. </center>
  1154. {/block:RebloggedFrom}
  1155.  
  1156. <div style="line-height:25px;"><div align="right">
  1157. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp &nbsp{/block:Tags}{/block:HasTags}
  1158. </div></div>
  1159.  
  1160. <center>
  1161. <div style="padding-bottom: 10px;">
  1162. {block:ContentSource}
  1163. source: <a href="{SourceURL}">{SourceTitle}</a>
  1164. {/block:ContentSource}
  1165. &nbsp | &nbsp
  1166. <a href="{Permalink}">{NoteCount} notes</a>
  1167. &nbsp | &nbsp
  1168. {block:Date}
  1169. posted {24Hour}:{Minutes} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}
  1170. {/block:Date}
  1171. </div>
  1172. </center>
  1173.  
  1174. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1175.  
  1176. {/block:PermalinkPage}
  1177.  
  1178. {block:IndexPage}
  1179. <div class="permalink"><a href="{Permalink}">✖</a> &nbsp | &nbsp <a href="{Permalink}">
  1180. {NoteCount}</a> &nbsp | &nbsp <a href="{ReblogURL}">Reblog</a></div>
  1181. {/block:IndexPage}
  1182.  
  1183. </div>
  1184. {/block:Posts}
  1185.  
  1186. </div>
  1187.  
  1188. </div>
  1189.  
  1190. <div align="right"><div style="font-family:economica; font-size:11px; letter-spacing:2px;bottom:5px; right: 10px; position: fixed;"><a href="http://mfe-themes.tumblr.com/">&nbsp&nbsp THEME &nbsp&nbsp</a></div></div>
  1191.  
  1192. </body>
  1193. </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!