API tools faq
paste
Themes_Mandrakescry

Theme 18

Themes_Mandrakescry
Aug 22nd, 2013
554
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.07 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. Theme by Clara Schueller
  8. http://mandrakescry.tumblr.com/
  9. DON'T REMOVE THE CREDITS
  10. -------------------------------------------->
  11.  
  12.  
  13. <!-- meta -->
  14. <meta name="image:Background Image" content=""/>
  15. <meta name="image:sidebar" content="http://static.tumblr.com/xkrznpq/V5qmry7ol/fljf.jpg"/>
  16.  
  17. <meta name="color:BG" content="#0a0a0a" />
  18. <meta name="color:PostsBG1" content="#0a0a0a" />
  19. <meta name="color:PostsBG2" content="#000000" />
  20. <meta name="color:TitlePost" content="#6c6c68" />
  21. <meta name="color:Text" content="#959595" />
  22. <meta name="color:LinksBG" content="#970606" />
  23. <meta name="color:LinksBGHover" content="#710404" />
  24. <meta name="color:LinksText" content="#ffffff" />
  25. <meta name="color:LinksTextHover" content="#ca3939" />
  26. <meta name="color:accent" content="#ca3939" />
  27. <meta name="color:Scrollbar Background" content="#970606" />
  28. <meta name="color:Scrollbar" content="#ca3939" />
  29. <meta name="color:sidebar border" content="#e4e4e4"/>
  30. <meta name="color:title" content="#424242"/>
  31. <meta name="color:title 2" content="#8ab3ff"/>
  32. <meta name="color:description" content="#c2c2c2"/>
  33. <meta name="color:Desc Font" content=""/>
  34. <meta name="color:Font" content=""/>
  35. <meta name="color:Link" content=""/>
  36. <meta name="color:Link Hover" content=""/>
  37. <meta name="color:Bar One" content="#0300ff"/>
  38. <meta name="color:Bar Two" content="#08ff00"/>
  39. <meta name="color:Bar Three" content="#ffed00"/>
  40. <meta name="color:Bar Four" content="#960b0b"/>
  41.  
  42.  
  43. <meta name="text:Link 1" content="l<br>i<br>n<br>k<br>s"/>
  44. <meta name="text:Link 1 URL" content="/"/>
  45. <meta name="text:Link 2" content="l<br>i<br>n<br>k<br>s"/>
  46. <meta name="text:Link 2 URL" content="/"/>
  47. <meta name="text:Link 3" content="l<br>i<br>n<br>k<br>s"/>
  48. <meta name="text:Link 3 URL" content="/"/>
  49.  
  50. <meta name="text:Phrase" content=""/>
  51.  
  52.  
  53.  
  54. <title>{Title}</title>
  55. <link rel="shortcut icon" href="{Favicon}">
  56. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  57. {block:Description}
  58. <meta name="description" content="{MetaDescription}" />
  59. {/block:Description}
  60.  
  61.  
  62.  
  63.  
  64. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  65.  
  66. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  67. <script>
  68. (function($){
  69. $(document).ready(function(){
  70. $("a[title]").style_my_tooltips();
  71. });
  72. })(jQuery);
  73. </script>
  74.  
  75.  
  76.  
  77.  
  78.  
  79.  
  80.  
  81. <style type="text/css" media="screen">
  82.  
  83.  
  84. iframe#tumblr_controls {
  85. right:3px !important;
  86. position: fixed !important;
  87. -webkit-transition: opacity 0.7s linear;
  88. opacity: 0.2;
  89. -webkit-transition: all 0.8s ease-out;
  90. -moz-transition: all 0.8s ease-out;
  91. transition: all 0.8s ease-out;}
  92. iframe#tumblr_controls:hover{
  93. -webkit-transition: opacity 0.7s linear;
  94. opacity: 1;
  95. -webkit-transition: all 0.4s ease-out;
  96. -moz-transition: all 0.4s ease-out;
  97. transition: all 0.4s ease-out;}
  98.  
  99. /* TUMBLR CONTROLS */
  100. iframe#tumblr_controls {
  101. top:0px!important;
  102. right:3px!important;
  103. position: fixed!important;
  104. }
  105.  
  106. /* SCROLL BAR */
  107.  
  108. ::-webkit-scrollbar-thumb:vertical {
  109. background-color:{color:Scrollbar};
  110. }
  111.  
  112. ::-webkit-scrollbar-thumb:horizontal {
  113. background-color:{color:Scrollbar};
  114. }
  115.  
  116. ::-webkit-scrollbar-button:vertical {
  117. height:6px;
  118. width:5px;
  119. background-color:{color:Scrollbar};
  120. }
  121.  
  122. ::-webkit-scrollbar-button:horizontal {
  123. width:6px;
  124. height:5px;
  125. background-color:{color:Scrollbar};
  126. }
  127.  
  128. ::-webkit-scrollbar {
  129. height:5px;
  130. width:5px;
  131. background-color:{color:Scrollbar Background};
  132. }
  133.  
  134.  
  135.  
  136. /* BODY */
  137. body{
  138. background-image: url('{image:background}');
  139. background-color: {color:BG};
  140. font-family: calibri;
  141. font-size: 11px;
  142. color:{color:Text};
  143. }
  144.  
  145. a {
  146. color: {color:LinksText};
  147. text-decoration:none;
  148. -moz-transition-duration:0.5s;
  149. -webkit-transition-duration:0.5s;
  150. -o-transition-duration:0.5s;
  151. }
  152.  
  153. a:hover {
  154. color:{color:LinksTextHover};
  155. text-decoration:none;
  156. -moz-transition-duration:0.5s;
  157. -webkit-transition-duration:0.5s;
  158. -o-transition-duration:0.5s;
  159. }
  160.  
  161.  
  162. pre {
  163. white-space: pre-wrap;
  164. padding: 20px;
  165. line-height: 110%;
  166. font-family: calibri;
  167. text-transform: uppercase;
  168. font-size: 11px;
  169. background-color: {color:PostsBG1};
  170. }
  171.  
  172. blockquote {
  173. border-left:2px solid {color:accent};
  174. padding-left:5px;
  175. margin:5px;
  176. }
  177.  
  178. b{
  179. font-style: bold;
  180. color: {color:accent};
  181. }
  182.  
  183. i{
  184. font-style: italic;
  185. color: {color:accent};
  186. }
  187.  
  188. #wrapper {
  189. width:800px;
  190. margin-left: 280px;
  191. text-align: center;
  192. }
  193.  
  194.  
  195.  
  196. #sidebar {
  197. width:300px;
  198. position:fixed;
  199. margin-left:-10px;
  200. margin-top:0px;
  201. }
  202.  
  203.  
  204.  
  205. #sidebarimage {
  206. margin-top:-10px;
  207. width:300px;
  208. height:1000px;
  209. background-image:url('{image:sidebar}');
  210. background-repeat:repeat;
  211. border-right:3px solid {color:border};
  212. }
  213.  
  214.  
  215. #sb{
  216. top:100px;
  217. position:absolute;
  218. background-color:transparent;
  219. width:300px;height:310px;
  220. transition: all 0.9s ease-out;
  221. -o-transition: all 0.9s ease-out;
  222. -webkit-transition: all 0.9s ease-out;
  223. -moz-transition: all 0.9s ease-out;
  224. }
  225.  
  226.  
  227. #sb .darth{
  228. color:{color:title};
  229. position:absolute;
  230. font-family:Arial, Arial, Helvetica, sans-serif;
  231. margin-top:12px;
  232. margin-left:25px; font-size:24px;
  233. text-transform:lowercase;
  234. letter-spacing:-1px;
  235. transition: all 0.9s ease-out;-o-transition: all 0.9s ease-out;
  236. -webkit-transition: all 0.9s ease-out;
  237. -moz-transition: all 0.9s ease-out;
  238. }
  239.  
  240.  
  241. .darth:first-letter{
  242. color:{color:title 2};
  243. text-decoration:none;
  244. font-size:48px;
  245. vertical-align:-12px;
  246. text-transform:uppercase;
  247. font-family:Arial Black, Arial Black, Gadget, sans-serif;
  248. }
  249.  
  250.  
  251.  
  252.  
  253. .avatar{
  254. position:absolute;
  255. margin-top:85px;
  256. margin-left:24px;
  257. max-width:50px;
  258. border:3px double #6c6c6c;
  259. filter: grayscale(100%);
  260. -webkit-filter: grayscale(100%);
  261. -moz-filter: grayscale(100%);
  262. filter: grayscale(100%);
  263. }
  264.  
  265.  
  266.  
  267. #bar{
  268. background-color: {color:Bar One};
  269. position: absolute;
  270. width: 10px;
  271. height: 4px;
  272. margin-left: 28px;
  273. margin-top: 150px;
  274. position:fixed;
  275. opacity:0.7;
  276. -moz-border-radius:90px;
  277. -webkit-border-radius:90px;
  278. }
  279. #barbis{
  280. background-color: transparent;
  281. font-size: 10px;
  282. position: absolute;
  283. text-transform:uppercase;
  284. width: 27px;
  285. height: auto;
  286. margin-left: 30px;
  287. margin-top: 148px;
  288. position:fixed;
  289. opacity:0;
  290. -webkit-transition: all 0.6s ease-in;
  291. -moz-transition: all 0.6s ease-in;
  292. -o-transition: all 0.6s ease-in;
  293.  
  294. }
  295. #barbis:hover{
  296. background-color: transparent;
  297. font-size: 10px;
  298. position: absolute;
  299. width: 27px;
  300. height: auto;
  301. margin-left: 30px;
  302. margin-top: 158px;
  303. position:fixed;
  304. opacity:1;
  305. -webkit-transition: all 0.6s ease-in;
  306. -moz-transition: all 0.6s ease-in;
  307. -o-transition: all 0.6s ease-in;
  308. }
  309.  
  310.  
  311.  
  312. #bar2{
  313. background-color: {color:Bar Two};
  314. position: absolute;
  315. width: 10px;
  316. height: 4px;
  317. margin-top: 150px;
  318. margin-left: 40px;
  319. position:fixed;
  320. opacity:0.7;
  321. -moz-border-radius:90px;
  322. -webkit-border-radius:90px;
  323. }
  324. #bar2bis{
  325. background-color: transparent;
  326. font-size: 10px;
  327. color: {color:Bar Two};
  328. position: absolute;
  329. text-transform:uppercase;
  330. width: 20px;
  331. height: 20px;
  332. margin-left: 42px;
  333. margin-top: 148px;
  334. position:fixed;
  335. opacity:0;
  336. -webkit-transition: all 0.6s ease-in;
  337. -moz-transition: all 0.6s ease-in;
  338. -o-transition: all 0.6s ease-in;
  339.  
  340. }
  341. #bar2bis:hover{
  342. background-color: transparent;
  343. font-size: 10px;
  344. color: {color:Bar Two};
  345. position: absolute;
  346. width: 20px;
  347. height: auto;
  348. margin-left: 42px;
  349. margin-top: 158px;
  350. position:fixed;
  351. opacity:1;
  352. -webkit-transition: all 0.6s ease-in;
  353. -moz-transition: all 0.6s ease-in;
  354. -o-transition: all 0.6s ease-in;
  355. }
  356.  
  357.  
  358. #bar3{
  359. background-color: {color:Bar Three};
  360. position: absolute;
  361. width: 10px;
  362. height: 4px;
  363. margin-top: 150px;
  364. margin-left: 52px;
  365. position:fixed;
  366. opacity:0.7;
  367. -moz-border-radius:90px;
  368. -webkit-border-radius:90px;
  369. }
  370. #bar3bis{
  371. background-color: transparent;
  372. font-size: 10px;
  373. position: absolute;
  374. text-transform:uppercase;
  375. width: 20px;
  376. height: 20px;
  377. margin-left: 54px;
  378. margin-top: 148px;
  379. position:fixed;
  380. opacity:0;
  381. -webkit-transition: all 0.6s ease-in;
  382. -moz-transition: all 0.6s ease-in;
  383. -o-transition: all 0.6s ease-in;
  384.  
  385. }
  386. #bar3bis:hover{
  387. background-color: transparent;
  388. font-size: 10px;
  389. position: absolute;
  390. width: 20px;
  391. height: auto;
  392. margin-left: 54px;
  393. margin-top: 158px;
  394. position:fixed;
  395. opacity:1;
  396. -webkit-transition: all 0.6s ease-in;
  397. -moz-transition: all 0.6s ease-in;
  398. -o-transition: all 0.6s ease-in;
  399. }
  400.  
  401. #bar4{
  402. background-color: {color:Bar Four};
  403. position: absolute;
  404. width: 10px;
  405. height: 4px;
  406. margin-top: 150px;
  407. margin-left: 64px;
  408. position:fixed;
  409. opacity:0.7;
  410. -moz-border-radius:90px;
  411. -webkit-border-radius:90px;
  412. }
  413. #bar4bis{
  414. background-color: transparent;
  415. font-size: 10px;
  416. position: absolute;
  417. text-transform:uppercase;
  418. width: 20px;
  419. height: 20px;
  420. margin-left: 66px;
  421. margin-top: 148px;
  422. position:fixed;
  423. opacity:0;
  424. -webkit-transition: all 0.6s ease-in;
  425. -moz-transition: all 0.6s ease-in;
  426. -o-transition: all 0.6s ease-in;
  427.  
  428. }
  429. #bar4bis:hover{
  430. background-color: transparent;
  431. font-size: 10px;
  432. position: absolute;
  433. width: 20px;
  434. height: auto;
  435. margin-left: 66px;
  436. margin-top: 158px;
  437. position:fixed;
  438. opacity:1;
  439. -webkit-transition: all 0.6s ease-in;
  440. -moz-transition: all 0.6s ease-in;
  441. -o-transition: all 0.6s ease-in;
  442. }
  443.  
  444.  
  445.  
  446.  
  447. #content{
  448. background-color: transparent;
  449. position: absolute;
  450. width: 413px;
  451. height: auto;
  452. padding: 0px;
  453. margin-left: 270px;
  454. padding-bottom: 21px;
  455. }
  456.  
  457.  
  458. #description{
  459. position:absolute;
  460. margin-top:85px;
  461. margin-left:90px;
  462. width:175px;
  463. text-align:justify;
  464. overflow:auto;color:
  465. {color:description};
  466. font-family: Cambria;
  467. font-size:8px;
  468. text-transform:uppercase;
  469. }
  470.  
  471.  
  472. #description a{
  473. color:{color:link};
  474. color:{color:post};
  475. transition: all 0.9s ease-out;
  476. -o-transition: all 0.9s ease-out;
  477. -webkit-transition: all 0.9s ease-out;
  478. -moz-transition: all 0.9s ease-out;
  479. }
  480.  
  481. #description a:hover{
  482. background-color:{color:link hover};
  483. transition: all 0.9s ease-out;
  484. -o-transition: all 0.9s ease-out;
  485. -webkit-transition: all 0.9s ease-out;
  486. -moz-transition: all 0.9s ease-out;
  487. }
  488.  
  489.  
  490. #vader{
  491. position:absolute;
  492. font-family:Arial Black, Arial Black, Gadget, sans-serif;
  493. font-size:7px;color:{color:title};
  494. text-transform:uppercase;
  495. background:{color:sidebar back color};
  496. max-width:250px;
  497. height:10px;
  498. overflow:hidden;
  499. top:55px;left:62px;
  500. }
  501.  
  502.  
  503.  
  504. #container {
  505. background-color: {color:PostsBG1};
  506. float:left;
  507. margin-left:500px;
  508. padding: 20px;
  509. text-align:justify;
  510. color:#707070;
  511. }
  512.  
  513. #posts {
  514. background-color:{color:PostsBG2};
  515. width:520px;
  516. height: 100%;
  517. padding: 10px;
  518. margin-bottom: 10px;
  519. margin-top: 10px;
  520. font-family: calibri;
  521. font-size: 11px;
  522. text-align:justify;
  523. font-size:12px;
  524. line-height:150%;
  525. color: {color:Text};
  526. }
  527.  
  528.  
  529. {block:IfMonochromeImages}
  530. #posts img{
  531. padding: 0px;
  532. filter: none;
  533. -webkit-filter: grayscale(0%);
  534. -webkit-transition: all 0.7s linear;
  535. -moz-transition: all 0.7s linear;
  536. -o-transition: all 0.7s linear;
  537.  
  538. }
  539.  
  540. #posts img:hover {
  541. padding: 0px;
  542. filter: gray;
  543. -webkit-filter: grayscale(100%);
  544. -webkit-transition: all 0.7s linear;
  545. -moz-transition: all 0.7s linear;
  546. -o-transition: all 0.7s linear;
  547. }
  548.  
  549. iframe.photoset {
  550. padding: 0px;
  551. filter: none;
  552. -webkit-filter: grayscale(0%);
  553. -webkit-transition: all 0.7s linear;
  554. -moz-transition: all 0.7s linear;
  555. -o-transition: all 0.7s linear;
  556.  
  557. }
  558.  
  559. iframe.photoset:hover {
  560. filter: gray;
  561. -webkit-filter: grayscale(100%);
  562. -webkit-transition: all 0.7s linear;
  563. -moz-transition: all 0.7s linear;
  564. -o-transition: all 0.7s linear;
  565. }
  566. {/block:IfMonochromeImages}
  567.  
  568.  
  569. {block:IfNotMonochromeImages}
  570. #posts img {
  571. padding: 0px;
  572. filter: alpha (opacity=80);
  573. opacity: 0.80;
  574. -moz-transition-duration:0.5s;
  575. -webkit-transition-duration:0.5s;
  576. -o-transition-duration:0.5s;
  577. }
  578.  
  579. #posts img:hover {
  580. filter: alpha (opacity=100);
  581. opacity: 1.0;
  582. -moz-transition-duration:0.5s;
  583. -webkit-transition-duration:0.5s;
  584. -o-transition-duration:0.5s;
  585. }
  586.  
  587. iframe.photoset {
  588. filter: alpha (opacity=80);
  589. opacity: 0.80;
  590. -moz-transition-duration:0.5s;
  591. -webkit-transition-duration:0.5s;
  592. -o-transition-duration:0.5s;
  593. }
  594.  
  595. iframe.photoset:hover {
  596. filter: alpha (opacity=100);
  597. opacity: 1.0;
  598. -moz-transition-duration:0.5s;
  599. -webkit-transition-duration:0.5s;
  600. -o-transition-duration:0.5s;
  601. }
  602. {block:IfNotMonochromeImages}
  603.  
  604. #posttitle{
  605. font-family: Calibri;
  606. font-size: 25px;
  607. font-style: italic;
  608. line-height:120%;
  609. padding-top: 8px;
  610. padding-left: 5px;
  611. padding-right: 5px;
  612. padding-bottom:8px;
  613. text-align: center;
  614. color:{color:TitlePost};
  615. }
  616.  
  617. #linkpost{
  618. background-color: {color:PostsBG1};
  619. border: 1px solid {color:accent};
  620. font-family: Calibri;
  621. font-size: 20px;
  622. letter-spacing:-2px;
  623. padding: 24px;
  624. text-align: center;
  625. text-transform: justify;
  626. color: {color:accent};
  627. }
  628.  
  629. #linkpost:hover{
  630. color: {color:Text};
  631. }
  632.  
  633.  
  634.  
  635.  
  636.  
  637. .ask {
  638. font-size: 12px;
  639. color: {color:Text};
  640. background-color: {color:PostsBG1};
  641. text-align: center;
  642. line-height: 12px;
  643. font-family: 'Calibri';
  644. font-style: italic;
  645. padding: 10px 10px;
  646. letter-spacing: 1px;
  647. }
  648.  
  649.  
  650. .ask a{
  651. font-family: 'Calibri';
  652. letter-spacing: 1px;
  653. font-size: 12px;
  654. color:{color:LinksBG} ;
  655. }
  656.  
  657. .ask a:hover{
  658. color:{color:LinksBGHover} ;
  659. }
  660.  
  661.  
  662. #audio{
  663. z-index:999;
  664. }
  665.  
  666. #albumart{
  667. width:100px;
  668. height:100px;
  669. padding:5px;
  670. }
  671.  
  672. #albumart img{
  673. width:100px; ;
  674. }
  675.  
  676. #player{
  677. width: 25px;
  678. height:25px;
  679. padding:37px;
  680. background:#fff;
  681. position:absolute;
  682. opacity:0.3;
  683. margin-top:5px;
  684. margin-left:5px;
  685. margin-bottom:5px;
  686. z-index:999;}
  687.  
  688. #player2{
  689. width:30px;
  690. overflow:hidden;
  691. height:30px;
  692. }
  693.  
  694. #albuminfotitle{
  695. font-size:20px;
  696. font-family: Lobster;
  697. letter-spacing:1px;
  698. position:absolute;
  699. margin-top:-90px;
  700. margin-left:120px;
  701. text-align:left;
  702. color:{color:accent};
  703. }
  704.  
  705. #alinfo{
  706. margin-top:-100px;
  707. margin-left:110px;
  708. padding:30px 10px;
  709. font-size: 15px;
  710. font-family: Economica;
  711. line-height:16px;
  712. text-align:left;
  713. color: {color:Text};
  714. }
  715.  
  716.  
  717.  
  718. .quote {
  719. font-size: 20px;
  720. font-family: 'Calibri';
  721. text-align: center;
  722. font-style:italic;
  723. letter-spacing: -2px;
  724. line-height: 120%;
  725. margin-top:10px;
  726. margin-bottom: 15px;
  727. color:{color:Text};
  728. }
  729.  
  730. .source {
  731. text-align: center;
  732. text-transform: justify;
  733. letter-spacing: 2px;
  734. font-size: 10px;
  735. color: {color:TitlePost};
  736. }
  737.  
  738. .source a {
  739. font-style: bold;
  740. text-transform: justify;
  741. letter-spacing: 2px;
  742. font-size: 10px;
  743. color: {color:LinksText};
  744. }
  745.  
  746. .source a:hover {
  747. text-transform: justify;
  748. letter-spacing: 2px;
  749. font-size: 10px;
  750. color:{color:LinksTextHover};
  751. }
  752.  
  753.  
  754. #postinfo {
  755. background-color:{color:PostsBG1};
  756. width:520px;
  757. font-size:10px;
  758. text-align:center;
  759. margin-top:8px;
  760. text-transform:uppercase;
  761. font-style:normal;
  762. letter-spacing:2px;
  763. color:{color:Text};
  764. -moz-transition-duration:0.5s;
  765. -webkit-transition-duration:0.5s;
  766. -o-transition-duration:0.5s;
  767. }
  768.  
  769.  
  770.  
  771. .note {
  772. text-transform:uppercase;
  773. font-style:normal;
  774. letter-spacing:0px;
  775. font-size: 9px;
  776. text-align:left;
  777. line-height:90%;
  778. margin-left:-40px;
  779. color:{color:Text};
  780. }
  781.  
  782. .note li {
  783. list-style-type:none;
  784. border-bottom:1px solid {color:Text};
  785. padding:10px ;
  786. text-align:left;
  787. margin:0px;
  788. -moz-transition-duration:0.5s;
  789. -webkit-transition-duration:0.5s;
  790. -o-transition-duration:0.5s;
  791. }
  792.  
  793. .note img.avatar {
  794. width: 20px;
  795. height: 20px;
  796. border: 1.5px solid {color:accent};
  797. }
  798.  
  799.  
  800. .tags {
  801. font-family: verdana;
  802. width:500px;
  803. text-transform:justify;
  804. letter-spacing:-1px;
  805. line-height:120%;
  806. font-size:10px;
  807. text-align:left;
  808. padding:2px;
  809. color: {color:Text};
  810. -moz-transition-duration:0.5s;
  811. -webkit-transition-duration:0.5s;
  812. -o-transition-duration:0.5s;
  813. }
  814.  
  815. .tags a {
  816. color:{color:accent};
  817. letter-spacing:-1px;
  818. padding:1px;
  819. }
  820.  
  821. .tags a:hover {
  822. color:{color:LinksText};
  823. }
  824.  
  825.  
  826.  
  827. #chat{
  828. line-height:20px;
  829. }
  830.  
  831. #chat hr{
  832. border:2px solid {color:Text};
  833. opacity:0.5;
  834. }
  835.  
  836. #chatlabel{
  837. font-weight:bold;
  838. display:inline;
  839. }
  840.  
  841. .c2, .c4, .c6, .c8, .c10, .c12, .c14{
  842. color:{color:accent};
  843. }
  844.  
  845.  
  846. .pagination {
  847. font-size:10px;
  848. position: fixed;
  849. float: left;
  850. margin-left: 80px;
  851. bottom: 60px;
  852. text-transform:uppercase;
  853. letter-spacing:3px;
  854. font-style:normal;
  855. text-align:center;
  856. color: {color:LinksText};
  857. padding: 5px;
  858. }
  859.  
  860. .pagination a {
  861. background-color:{color:LinksBG};
  862. color: {color:LinksText};
  863. padding: 5px;
  864. font-size:10px;
  865. border-left: 2px solid {color:accent};
  866. border-right: 2px solid {color:accent};
  867. }
  868.  
  869. .pagination a:hover {
  870. background-color:{color:LinksBGHover};
  871. padding: 5px;
  872. color: {color:LinksTextHover};
  873. border-left: 2px solid {color:accent};
  874. border-right: 2px solid {color:accent};
  875. }
  876.  
  877. /* REBLOG */
  878. #reblog {
  879. background-color: {color:PostsBG1};
  880. font-size:10px;
  881. text-align:center;
  882. margin-top:8px;
  883. text-transform:uppercase;
  884. font-style:normal;
  885. letter-spacing:2px;
  886. color:{color:Text};
  887. -moz-transition-duration:0.5s;
  888. -webkit-transition-duration:0.5s;
  889. -o-transition-duration:0.5s;
  890. }
  891.  
  892. #reblog a{
  893. color:{color:Text};
  894. }
  895.  
  896. #reblog a:hover{
  897. color:{color:LinksTextHover};
  898. -moz-transition-duration:0.5s;
  899. -webkit-transition-duration:0.5s;
  900. -o-transition-duration:0.5s;
  901. }
  902.  
  903.  
  904. #scrollToTop:link,#scrollToTop:visited {
  905. color: transparent;
  906. background-color: transparent;
  907. display: none;
  908. position: fixed;
  909. bottom: 40px;
  910. right: 20px;
  911. }
  912.  
  913.  
  914.  
  915. .my-like {
  916. font-size:10px;
  917. cursor:pointer;
  918. display:inline-block;
  919. vertical-align:top;
  920. }
  921. .my-liked, .my-like:hover {
  922. font-size:10px;
  923. color: {color:accent};
  924. cursor:pointer;
  925. display:inline-block;
  926. vertical-align:top;
  927. }
  928.  
  929. #s-m-t-tooltip{
  930. max-width:300px;
  931. z-index:10;
  932. margin-top:10px;
  933. margin-left:0px;
  934. padding:1px;
  935. background-color:#FFF;
  936. font-family: Consolas;
  937. font-size:8px;
  938. color:#6c6c6c;
  939. border-style:solid;
  940. border-color:#eaeaea;
  941. border-width:1px;
  942. text-transform:uppercase;
  943. }
  944.  
  945. #credit{
  946. width:20px;
  947. position:fixed;
  948. bottom:10px;
  949. right:10px;
  950. opacity:1;
  951. z-index:1;
  952. -webkit-transition: all 0.3s linear;
  953. -moz-transition: all 0.3s linear;
  954. -o-transition: all 0.3s linear;
  955. -ms-transition: all 0.3s linear;
  956. -webkit-filter: grayscale(100%);
  957. -moz-filter: grayscale(100%);
  958. -ms-filter: grayscale(100%);
  959. -o-filter: grayscale(100%);
  960. }
  961.  
  962. #credit:hover{
  963. opacity:0.3;
  964. -webkit-filter: grayscale(0%);
  965. -moz-filter: grayscale(0%);
  966. -ms-filter: grayscale(0%);
  967. -o-filter: grayscale(0%);
  968. }
  969.  
  970. #credit:hover{
  971. opacity:0.3;
  972. -webkit-filter: grayscale(0%);
  973. -moz-filter: grayscale(0%);
  974. -ms-filter: grayscale(0%);
  975. -o-filter: grayscale(0%);
  976. }
  977.  
  978. </style>
  979.  
  980. <script>
  981. window.onload = function () {
  982. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  983. document.addEventListener( 'click', function ( event ) {
  984. var myLike = event.target;
  985. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  986. var frame = document.getElementById( 'my-like-frame' ),
  987. liked = ( myLike.className == 'my-liked' ),
  988. command = liked ? 'unlike' : 'like',
  989. reblog = myLike.getAttribute( 'data-reblog' ),
  990. id = myLike.getAttribute( 'data-id' ),
  991. oauth = reblog.slice( -8 );
  992. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  993. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  994. };
  995. }, false );
  996. };
  997. </script>
  998.  
  999.  
  1000. <link href="#s-m-t-tooltip" rel="stylesheet" type="text/css"
  1001.  
  1002. </head>
  1003.  
  1004.  
  1005. <body>
  1006.  
  1007. <div id="sidebar">
  1008. <div id="sidebarimage"></div>
  1009.  
  1010. <div id="sb"><p class="darth">{Title}</p>
  1011.  
  1012. <div id="vader">{text:Phrase}</div>
  1013.  
  1014.  
  1015. <div id="infod">
  1016. <a href="/"><img class="avatar" src="{PortraitURL-96}"></a></img>
  1017.  
  1018.  
  1019.  
  1020. <div id="bar"></div>
  1021. <div id="bar2"></div>
  1022. <div id="bar3"></div>
  1023. <div id="bar4"></div>
  1024. <div id="barbis"><a href="/ask">A<br>s<br>k</a></div>
  1025. <div id="bar2bis"><a href="{text:Link 1 URL}"id="links">{text:Link 1}</a></div>
  1026. <div id="bar3bis"><a href="{text:Link 2 URL}"id="links">{text:Link 2}</a></div>
  1027. <div id="bar4bis"><a href="{text:Link 3 URL}"id="links">{text:Link 3}</a></div>
  1028.  
  1029.  
  1030. <div id="description">{Description}</div></div></div></div></div>
  1031.  
  1032. <div class="pagination">
  1033. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">— prev</a><br><br>
  1034. {/block:PreviousPage}{block:NextPage}<a href="{NextPage}">next —</a>{/block:NextPage}
  1035. {/block:Pagination}
  1036. </div>
  1037.  
  1038.  
  1039. <div id="container">
  1040.  
  1041. {block:Posts}
  1042. <div id="posts">
  1043.  
  1044. {block:Date}<div id="postinfo"> {DayOfMonth}{DayOfMonthSuffix} of {ShortMonth} {Year} • {12HourWithZero}:{Minutes} {CapitalAmPm} • {NoteCountWithLabel}
  1045. </div>{/block:Date}
  1046.  
  1047.  
  1048. {block:Text}{block:Title}<div id="posttitle"> {Title}</div>{/block:Title}{Body}{/block:Text}
  1049.  
  1050. <div class="quote">
  1051. {Quote}</div>{block:Source}
  1052. <div class="source">- {Source} -</div>{/block:Source}{/block:Quote}
  1053.  
  1054. {block:Link}<a href="{URL}"><div id="linkpost">{Name} »</div></a>
  1055. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  1056.  
  1057. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}{block:IfNotShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfNotShowCaption}{/block:Photo}
  1058.  
  1059. {block:Photoset}<center>{Photoset-500}</center>
  1060. {block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}{block:IfNotShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfNotShowCaption}{/block:Photoset}
  1061.  
  1062. {block:Chat}
  1063. {block:Title}<div id="posttitle">{Title}</div>{/block:Title}
  1064. <div id="chat"><hr>{block:Lines}<div class="c{UserNumber}">{block:Label}<div id="chatlabel">{Label}&nbsp;&nbsp;</div>{/block:Label} {Line}<br></div><hr>{/block:Lines}</div>
  1065. {/block:Chat}
  1066.  
  1067. {block:Video}<center>{Video-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1068.  
  1069. {block:Answer}
  1070. <div class="ask">{Asker} asked: {Question}</div>
  1071. {Answer}{/block:Answer}
  1072.  
  1073. {block:Audio}<div id="audio">
  1074. <div id="player">{block:AudioPlayer}
  1075. <div id="player2">{AudioPlayerWhite}</div>{/block:AudioPlayer}</div>
  1076. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  1077. <div id="albuminfotitle">{block:TrackName}{TrackName}{/block:TrackName}</div>
  1078. <div id="alinfo">{block:Artist} by {Artist}{/block:Artist}<br>
  1079. {block:Album}{Album}{/block:Album}{block:PlayCount} <br>{PlayCountWithLabel}{/block:PlayCount}</div>
  1080. </div>
  1081. {block:Caption}{Caption}{/block:Caption}
  1082. {/block:Audio}
  1083.  
  1084. <div id="reblog"> <a href="{ReblogURL}" target="_blank">REBLOG</a> • <a href="{Permalink}">Permalink</a> • <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like">LIKE</div></div>
  1085.  
  1086. {block:HasTags}
  1087. <div class="tags">Tagged with:
  1088. {block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>
  1089. {/block:HasTags}
  1090. <div class="note">
  1091. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1092. </div>
  1093. </div>
  1094. {/block:Posts}
  1095.  
  1096. {block:ContentSource}
  1097. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1098. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1099. {/block:SourceLogo}
  1100. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1101. {/block:ContentSource}
  1102. </div>
  1103. </div>
  1104.  
  1105. <a href="http://mandrakescry.tumblr.com/"><img src="http://static.tumblr.com/xkrznpq/PMOmud849/m.png" id="credit" title="theme by mandrakescry"></a>
  1106.  
  1107. </body>
  1108. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!