API tools faq
paste
Advertisement
rxeality

Ease

rxeality
Oct 5th, 2015
2,445
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.73 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4.  
  5. <!--
  6.  
  7. ->>> THEME 'EASE' MADE BY RXEALTHEMES.TUMBLR.COM <<<-
  8.  
  9.  
  10. thank you for using my theme! I've worked hard on this so please don't steal or delete credit. thank you!
  11.  
  12. LET ME MAKE IT CLEAR! RULES:
  13. - NO STEALING
  14. - NO USING PARTS OF THE CODE (THAT'S STEALING TOO)
  15. - NO REMOVING CREDIT (THAT'S JUST MEAN)
  16. - NO USING AS BASE CODE (JUST DON'T)
  17.  
  18. ---- THANK YOU ----
  19.  
  20. If there's any bugs or if you have a question, please message me here:
  21.  
  22. -> rxealthemes.tumblr.com/ask <-
  23.  
  24.  
  25. -->
  26.  
  27. <!-- Base Theme by irlvirus (DO NOT REMOVE THIS CREDIT)-->
  28.  
  29. <link href='http://fonts.googleapis.com/css?family=Open+Sans:600' rel='stylesheet' type='text/css'>
  30.  
  31. <title>{Title}</title>
  32.  
  33. <link rel="shortcut icon" href="{image:Favicon}">
  34. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  35.  
  36. <meta name="image:background" content=""/>
  37. <meta name="image:menu img" content=""/>
  38. <meta name="image:favicon" content=""/>
  39. <meta name="image:transparent" content=""/>
  40.  
  41. <meta name="color:Background" content="#d0f1ff"/>
  42. <meta name="color:text" content=""/>
  43. <meta name="color:links" content=""/>
  44. <meta name="color:accent" content=""/>
  45. <meta name="color:border" content=""/>
  46. <meta name="color:post background" content="#ffffff"/>
  47. <meta name="color:menu background" content="#ffffff"/>
  48. <meta name="color:blockquote" content=""/>
  49.  
  50. <meta name="if:250 posts" content="0"/>
  51. <meta name="if:background cover" content="0"/>
  52. <meta name="if:transparent left bottom" content="0"/>
  53.  
  54. <meta name="if:link 3" content="1"/>
  55. <meta name="if:link 4" content="1"/>
  56. <meta name="if:link 5" content="1"/>
  57. <meta name="if:link 6" content="1"/>
  58.  
  59. <!-- <meta name="select:menu button" content="≋" title="waves">
  60. <meta name="select:menu button" content="⧉" title="squares">
  61. <meta name="select:menu button" content="⧚" title="zig zag">
  62. <meta name="select:menu button" content="⋮" title="dots">-->
  63.  
  64. <meta name="text:transparent width" content="250px"/>
  65. <meta name="text:link 1 name" content="linke 1"/>
  66. <meta name="text:link 1 url" content="/"/>
  67. <meta name="text:link 2 name" content="link 2"/>
  68. <meta name="text:link 2 url" content="/"/>
  69. <meta name="text:link 3 name" content="link 3"/>
  70. <meta name="text:link 3 url" content="/"/>
  71. <meta name="text:link 4 name" content="link 4"/>
  72. <meta name="text:link 4 url" content="/"/>
  73. <meta name="text:link 5 name" content="link 5"/>
  74. <meta name="text:link 5 url" content="/"/>
  75. <meta name="text:link 6 name" content="link 6"/>
  76. <meta name="text:link 6 url" content="/"/>
  77.  
  78.  
  79.  
  80. <style type="text/css">
  81.  
  82.  
  83. body {
  84. background-color:{color:Background};
  85. background-image:url('{image:Background}');
  86. {block:ifBackgroundCover}
  87. background-size:cover;
  88. {/block:ifBackgroundCover}
  89. {block:ifnotBackgroundCover}
  90. background-repeat:repeat;
  91. {/block:ifnotBackgroundCover}
  92. background-attachment:fixed;
  93. color:{color:Text};
  94. font-family:avenir;
  95. font-size:12px;
  96.  
  97. }
  98.  
  99.  
  100. img {
  101. display:block;
  102. }
  103.  
  104. a {
  105. color: {color:Links};
  106. text-decoration: none;
  107. transition:all 0.5s ease-in-out;
  108. -o-transition:all 0.5s ease-in-out;
  109. -moz-transition:all 0.5s ease-in-out;
  110. -webkit-transition:all 0.5s ease-in-out;
  111.  
  112. }
  113.  
  114. a:hover {
  115. color:{color:accent};
  116.  
  117.  
  118. }
  119.  
  120. #title{
  121. text-align:center;
  122. margin-top:60px;
  123. font-size:25px;
  124. letter-spacing:7px;
  125. text-transform:uppercase;
  126. }
  127.  
  128. #description {
  129. margin-top:10px;
  130. font-size:13px;
  131.  
  132. }
  133.  
  134. #links{
  135. border:3px solid {color:border};
  136. margin:5px;
  137. text-align:center;
  138. width:80px;
  139. height:20px;
  140. display:inline-block;
  141. -webkit-transition-duration:0.7s;
  142. -moz-transition-duration:0.7s;
  143. -o-transition-duration:0.7s;
  144. transition-duration:0.7s;
  145. }
  146.  
  147. #links:hover{
  148. background:{color:accent};
  149. }
  150.  
  151. #sidepic{
  152. width:200px;
  153. height:auto;
  154. margin-top:-30px;
  155. }
  156.  
  157. #sidepic img{
  158. width:200px;
  159. }
  160.  
  161. /* ------------ side menu -----------------*/
  162.  
  163.  
  164. #menu {
  165. position:fixed;
  166. top:0px;
  167. left:0px;
  168. -webkit-transition-duration:0.7s;
  169. -moz-transition-duration:0.7s;
  170. -o-transition-duration:0.7s;
  171. transition-duration:0.7s;
  172. z-index:99999999;
  173. }
  174.  
  175. #menu:hover {
  176. left:0px;
  177. z-index:99999999; }
  178.  
  179. #inside{
  180. left:-450px;
  181. top:0px;
  182. position:fixed;
  183. width:300px;
  184. height:100%;
  185. margin-left:90px;
  186. background-color:{color:menu background};
  187. font-size:12px;
  188. border-right:3px solid {color:border};
  189. position:fixed;
  190. padding:25px;
  191. z-index:99999999999;
  192. -webkit-transition-duration:0.7s;
  193. -moz-transition-duration:0.7s;
  194. -o-transition-duration:0.7s;
  195. transition-duration:0.7s;
  196.  
  197. }
  198.  
  199. #menu:hover #inside {
  200. left:-100px;
  201. z-index:99999999; }
  202.  
  203. .button {
  204. font-size:47px;
  205. position:fixed;
  206. margin-top:15px;
  207. left:20px;
  208. z-index:9999999999999;
  209. }
  210.  
  211.  
  212. /* ------------ posts and misc -----------------*/
  213.  
  214. #posts{
  215. {block:if250posts}
  216. width:250px;
  217. {/block:if250posts}
  218.  
  219. {block:ifnot250posts}
  220. width:400px;
  221. {/block:ifnot250posts}
  222. border:3px solid {color:border};
  223. margin-bottom:10px;
  224. background:{color:post background};
  225. }
  226.  
  227. #capborder{
  228. border-top:3px solid {color:border};
  229. padding:0px 5px 0px 5px;
  230. }
  231.  
  232.  
  233.  
  234. /* ------------ entries -----------------*/
  235.  
  236. .entries {
  237. position:relative;
  238.  
  239. {block:if250posts}
  240. width:250px;
  241. {/block:if250posts}
  242.  
  243. {block:ifnot250posts}
  244. width:400px;
  245. {/block:ifnot250posts}
  246.  
  247. width:250px;
  248. padding:10px;
  249. left:400px;
  250. background-color:transparent;
  251. font-family: 'Open Sans', sans-serif;
  252. font-size:12px;
  253.  
  254. }
  255.  
  256. .entries img {
  257. max-width:100%;
  258. }
  259.  
  260. .entries .quote{
  261. font-size:16px;
  262. line-height:120%;
  263. text-align:left;
  264. }
  265.  
  266. .entries .title{
  267. font-size:16px;
  268. }
  269.  
  270. .entries .link{
  271. font-size:16px;
  272. }
  273.  
  274.  
  275. /* ------------ audio posts -----------------*/
  276.  
  277.  
  278.  
  279. .newplayerbutton {
  280. position: relative;
  281. width: 19px;
  282. height: 19px;
  283. overflow: hidden;
  284. }
  285.  
  286. .playerbuttonhug {
  287. position: absolute;
  288. top: -18px;
  289. left: -7px;
  290. }
  291.  
  292. .tumblr_audio_player {
  293. height: 90px;
  294. width: 270px;
  295. -moz-transform: scale(0.60, 0.60);
  296. -webkit-transform: scale(0.60, 0.60);
  297. -o-transform: scale(0.60, 0.60);
  298. -ms-transform: scale(0.60, 0.60);
  299. transform: scale(0.60, 0.60);
  300. -moz-transform-origin: top left;
  301. -webkit-transform-origin: top left;
  302. -o-transform-origin: top left;
  303. -ms-transform-origin: top left;
  304. transform-origin: top left;
  305. }
  306.  
  307. .audioimgwrapper {
  308. position: absolute;
  309. left: 0px;
  310. top: 0px;
  311. -webkit-border-radius: 40px;
  312. -moz-border-radius: 40px;
  313. border-radius: 40px;
  314. overflow: hidden;
  315. width: 79px;
  316. height: 79px;
  317. }
  318.  
  319. .audioimgwrapper img {
  320. width: 100%;
  321. height: auto;
  322. -webkit-border-radius: 40px;
  323. -moz-border-radius: 40px;
  324. border-radius: 40px;
  325. }
  326.  
  327. .trackdetails {
  328. width: auto;
  329. border: 0px solid black;
  330. display:inline-block;
  331. margin-left: 90px;
  332. min-height: 85px;
  333. }
  334.  
  335. .audiowrapper {
  336. margin:5px;
  337. position: relative;
  338. display:inline-block;
  339. }
  340.  
  341.  
  342. /* ------------ link posts -----------------*/
  343.  
  344. #linktitle{
  345. text-align:center;
  346. font-size:18px;
  347. text-decoration:underline;
  348. padding:10px 0px 10px 0px;
  349. }
  350.  
  351.  
  352. /* ------------ text posts -----------------*/
  353.  
  354. #texttitle{
  355. text-align:center;
  356. font-size:18px;
  357. text-transform:underline;
  358. padding:10px 0px 10px 0px;
  359. }
  360.  
  361. #textbody {
  362. padding-left:10px;
  363. }
  364.  
  365.  
  366. /* ------------ quote posts -----------------*/
  367.  
  368. #quote{
  369. padding:10px;
  370. text-transform:uppercase;
  371. }
  372.  
  373. /* ------------ photoset posts -----------------*/
  374.  
  375. #photoset{
  376. display:block;
  377. }
  378.  
  379.  
  380. /* ------------ chat posts -----------------*/
  381.  
  382. #chattit{
  383. text-align:center;
  384. font-size:18px;
  385. padding:10px 0px 10px 0px;
  386. border-bottom:3px solid {color:border};
  387. }
  388.  
  389. #chat{
  390. padding:10px;
  391. }
  392.  
  393.  
  394. /* ------------ ask posts -----------------*/
  395.  
  396. #ask{
  397. padding:10px;
  398. margin-top:-53px;
  399. margin-left:20px;
  400. }
  401.  
  402. #askmark {
  403. font-size:30px;
  404. padding:10px 0px 10px 10px;
  405. margin-bottom:10px;
  406. }
  407.  
  408. #question{
  409. border-bottom:3px solid {color:border};
  410. padding-bottom:10px;
  411. }
  412.  
  413.  
  414.  
  415. #answer{
  416. padding:0px 0px 0px 10px;
  417. }
  418.  
  419.  
  420. /* ------------ audio posts -----------------*/
  421.  
  422. #album {
  423. width:100px;
  424. padding:20px;
  425. }
  426.  
  427. #albuminfo{
  428. margin-left:145px;
  429. margin-top:-120px;
  430. }
  431.  
  432. #player {
  433. {block:ifnot250posts}
  434. width:160px;
  435. {/block:ifnot250posts}
  436. {block:if250posts}
  437. width:90px;
  438. {/block:if250posts}
  439. height:30px;
  440. overflow:hidden;
  441. border:3px solid {color:border};
  442. margin-left:145px;
  443. margin-top:-10px;
  444. }
  445.  
  446. /* ------------ perma -----------------*/
  447.  
  448.  
  449. #permabox{
  450. {block:if250posts}
  451. width:230px;
  452. {/block:if250posts}
  453. {block:ifnot250posts}
  454. width:380px;
  455. {/block:ifnot250posts}
  456. padding:10px;
  457. border-top:3px solid {color:border};
  458.  
  459. }
  460.  
  461. #permabuttons{
  462. padding:0px 5px 0px 5px;
  463. display:inline-block;
  464. }
  465.  
  466. #notebox{
  467. {block:if250posts}
  468. width:230px;
  469. {/block:if250posts}
  470. {block:ifnot250posts}
  471. width:380px;
  472. {/block:ifnot250posts}
  473. border:3px solid {color:border};
  474. padding:10px;
  475. margin-left:410px;
  476. font-size:9px;
  477. }
  478.  
  479.  
  480. blockquote {
  481. border-left: 3px solid {color:blockquote};
  482. padding:0px 3px 0px 3px;
  483. margin:0px 7px 0px 7px;
  484. }
  485.  
  486. #transparent{
  487. {block:ifnottransparentleftbottom}
  488. right:0px;
  489. {/block:ifnottransparentleftbottom}
  490. {block:iftransparentleftbottom}
  491. left:0px;
  492. {/block:iftransparentleftbottom}
  493. bottom:0px; /* change the 0 if you want it higher */
  494. height:auto;
  495. width:{text:transparent width}; /* change 250px if you want it to be bigger/smaller */
  496. position:fixed;
  497. }
  498.  
  499. #transparent img{
  500. width:{text:transparent width};
  501. }
  502.  
  503.  
  504. {CustomCSS}
  505. </style>
  506.  
  507. </head>
  508.  
  509. <body>
  510.  
  511.  
  512.  
  513. <div id="menu"><span class="button">≋</span>
  514. <div id="inside"> <center>
  515.  
  516. <div id="title">{title}</div>
  517.  
  518. <div id="description">{description}</div> <br> <br>
  519.  
  520. <div id="links"><a href="{text:link 1 url}">{text:link 1 name}</a></div>
  521. <div id="links"><a href="{text:link 2 url}">{text:link 2 name}</a></div><br>
  522. {block:iflink3}<div id="links"><a href="{text:link 3 url}">{text:link 3 name}</a></div>{/block:iflink3}
  523. {block:iflink4}<div id="links"><a href="{text:link 4 url}">{text:link 4 name}</a></div>{/block:iflink4}<br>
  524.  
  525. {block:iflink5}<div id="links"><a href="{text:link 5 url}">{text:link 5 name}</a></div>{/block:iflink5}
  526. {block:iflink6}<div id="links"><a href="{text:link 6 url}">{text:link 6 name}</a></div>{/block:iflink6}<br>
  527.  
  528.  
  529. {block:Pagination}
  530. {block:PreviousPage}<div id="links"><a href="{PreviousPage}"><big>⇠</big></a></div>{/block:PreviousPage}
  531.  
  532. {block:NextPage}<div id="links"><a href="{NextPage}"><big>⇢</big></a></div>{/block:NextPage}<br>
  533.  
  534.  
  535. {/block:Pagination}
  536.  
  537.  
  538.  
  539. <br> <br> <br> <br>
  540. <div id="sidepic"> <img src="{image:menu img}"></div>
  541.  
  542.  
  543. </center>
  544.  
  545.  
  546.  
  547.  
  548.  
  549. </div></div>
  550.  
  551.  
  552.  
  553.  
  554. {block:Posts}
  555. {block:ContentSource}<!-- {SourceURL}
  556. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  557. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  558. {/block:ContentSource}<!-- {block:NoRebloggedFrom}
  559. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  560. {/block:NoRebloggedFrom} -->
  561.  
  562. <div class="entries">
  563.  
  564. <div id="posts">
  565.  
  566.  
  567.  
  568.  
  569. <!-- {block:IndexPage}<div id="perma"><a href="{Permalink}">{MonthNumberwithZero}.{DayofMonthwithZero}.{Year}</a><br><a href="{Permalink}">{DayofWeek}</a><br><a href="{ReblogURL}">reblog</a></div>{/block:IndexPage}-->
  570.  
  571.  
  572. <!--------------- text post ----------------->
  573.  
  574. {block:Text}
  575. {block:Title}<div id="texttitle">{Title}</div>{/block:Title}
  576. <div id="textbody">{Body}</div>
  577. {/block:Text}
  578.  
  579.  
  580. <!--------------- photo post ----------------->
  581.  
  582. {block:Photo}
  583.  
  584. <a href="{Permalink}">
  585.  
  586. {block:if250posts}
  587. <img src="{PhotoURL-250}" width="100%"></a>
  588. {/block:if250posts}
  589.  
  590. {block:ifnot250posts}
  591. <img src="{PhotoURL-400}" width="100%"></a>
  592. {/block:ifnot250posts}
  593.  
  594. {block:Caption}<div id="capborder">{Caption}</div>{/block:Caption}
  595. {/block:Photo}
  596.  
  597.  
  598.  
  599. <!--------------- photoset post ----------------->
  600.  
  601. {block:Photoset}
  602.  
  603.  
  604. {block:if250posts}
  605. <div id="photoset">{Photoset-250}</div>
  606. {/block:if250posts}
  607.  
  608. {block:ifnot250posts}
  609. <div id="photoset" style="margin-bottom:-3px">{Photoset-400}</div>
  610. {/block:ifnot250posts}
  611.  
  612. {block:Caption}<div id="capborder">{Caption}</div>{/block:Caption}
  613. {/block:Photoset}
  614.  
  615.  
  616.  
  617. <!--------------- video post ----------------->
  618.  
  619. {block:Video}
  620. {block:ifpostlabel}<center><div id="label">vid.</div></center>{/block:ifpostlabel}
  621.  
  622. {block:if250posts}
  623. {Video-250}
  624. {/block:if250posts}
  625.  
  626. {block:ifnot250posts}
  627. {Video-400}
  628. {/block:ifnot250posts}
  629.  
  630. {/block:Video}
  631.  
  632.  
  633. <!--------------- link post ----------------->
  634.  
  635.  
  636. {block:Link}
  637. <div class="link">
  638. <a href="{URL}"><div id="linktitle">{Name}</div></a></div>
  639. {block:Description}<div id="capborder">{Description}</div>{/block:Description}
  640. {/block:Link}
  641.  
  642.  
  643. <!--------------- quote post ----------------->
  644.  
  645. {block:Quote}
  646. <div class="quote"><div id="quote">“{Quote}”</div></div>
  647. <p>
  648. {block:Source} — {Source} {/block:Source}<br>
  649. {/block:Quote}
  650.  
  651.  
  652.  
  653. <!--------------- audio post ----------------->
  654.  
  655. {block:Audio}
  656. {block:AlbumArt}<div id="album"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  657. <div id="albuminfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  658. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  659. <br><div class="audioplayer"><div id="player">{AudioPlayerWhite}</div></div> <br> <br>
  660. {block:Caption}<div id="capborder">{Caption}</div>{/block:Caption}<br>{/block:Audio}
  661.  
  662.  
  663.  
  664.  
  665. <!--------------- chat post ----------------->
  666.  
  667.  
  668. {block:Chat}
  669. <div class="chat inner">
  670. {block:Title}<div id="chattit">{Title}</div> {/block:Title}
  671. <div id="chat">
  672. {block:Lines}<p>{block:Label}<b>{Label}</b>{/block:Label} {Line} </p>{/block:Lines}
  673. </div></div>
  674. {/block:Chat}
  675.  
  676.  
  677.  
  678. <!--------------- ask post ----------------->
  679.  
  680. {block:Answer} <div id="question">
  681. <div id="askmark">?</div><div id="ask">{Asker} asked: {Question}</div></div></td>
  682. </tr>
  683. </table>
  684. <div id="answer">{Answer}</div>
  685. {/block:Answer}
  686.  
  687. <div id="permabox">
  688. <div id="permabuttons"><a href="{Permalink}" title="permalink"><big>✰</big> {NoteCount}</a></div>
  689.  
  690. <div id="permabuttons"><a href="{ReblogURL}" title="reblog"><big>↻</big></a></div>
  691.  
  692. {block:HasTags}<div id="permabuttons">{block:Tags}<a title="#{Tag}"> # </a>{/block:Tags}</div>{/block:HasTags}
  693.  
  694. </div>
  695.  
  696.  
  697.  
  698. </div>
  699.  
  700.  
  701. </div>
  702.  
  703.  
  704.  
  705.  
  706. {block:PostNotes} <div id="notebox">{PostNotes}</div> {/block:PostNotes}{/block:Posts}
  707. </div>
  708. </div>
  709. </div>
  710.  
  711.  
  712.  
  713.  
  714. <div id="transparent"><img src="{image:transparent}"></div>
  715.  
  716. <!-- DO NOT DELETE CREDIT PLEASE -->
  717. <a href='http://rxealthemes.tumblr.com'><img style="position:fixed; opacity: 1.0; width: 45px; bottom:10px; right:10px; z-index: 999;" src="http://static.tumblr.com/tor6lwb/GEro5l3do/stone_grey_jittering_test_trans.png" title="rxealthemes"></a>
  718. <!-- DO NOT DELETE CREDIT PLEASE -->
  719.  
  720.  
  721. </body>
  722.  
  723. </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!