API tools faq
paste
Advertisement
Themes_Mandrakescry

Theme 37

Themes_Mandrakescry
May 9th, 2014
1,658
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.37 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.  
  5. <!-------------------------------------------
  6. Theme by Clara
  7. http://mandrakescry.tumblr.com/
  8. DON'T REMOVE THE CREDITS
  9. -------------------------------------------->
  10.  
  11.  
  12.  
  13. <head>
  14. <title>{title}</title>
  15. </head>
  16.  
  17. <meta name="color:background" content="#FFFFFF">
  18. <meta name="color:link" content="#97c5e0">
  19. <meta name="color:post links" content="#ffffff">
  20. <meta name="color:hover" content="#454545">
  21. <meta name="color:bold" content="#4f4f4f">
  22. <meta name="color:info" content="#000000">
  23. <meta name="color:text" content="#9A9A9A">
  24. <meta name="color:title" content="#000000">
  25. <meta name="color:blog title" content="#ffffff">
  26. <meta name="color:sidebar text" content="#a8a6a6">
  27. <meta name="color:tags" content="#979797">
  28. <meta name="color:scrollbar" content="#000000">
  29. <meta name="color:border" content="#000000">
  30. <meta name="color:nav" content="#ffffff">
  31. <meta name="color:sidebar" content="#000000">
  32. <meta name="color:question" content="#000000" />
  33. <meta name="color:button" content="#97c5e0"/>
  34. <meta name="color:button hover" content="#000"/>
  35.  
  36. <meta name="text:word" content="solaris"/>
  37. <meta name="image:sidebar" content="" />
  38.  
  39. <meta name="text:link 01" content="link 1" />
  40. <meta name="text:link 01 url" content="/" />
  41. <meta name="text:link 02" content="link 2" />
  42. <meta name="text:link 02 url" content="/" />
  43. <meta name="text:link 03" content="link 3" />
  44. <meta name="text:link 03 url" content="/" />
  45. <meta name="text:link 04" content="link 4" />
  46. <meta name="text:link 04 url" content="/" />
  47. <meta name="text:link 05" content="link 5" />
  48. <meta name="text:link 05 url" content="/" />
  49. <meta name="text:link 06" content="link 6" />
  50. <meta name="text:link 06 url" content="/" />
  51.  
  52. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  53. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  54. <script>
  55. (function($){
  56. $(document).ready(function(){
  57. $("a[title]").style_my_tooltips({
  58. tip_follows_cursor:true,
  59. tip_delay_time:90,
  60. tip_fade_speed:600,
  61. attribute:"title"
  62. });
  63. });
  64. })(jQuery);
  65. </script>
  66.  
  67. <script type="text/javascript"
  68. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  69. <script>
  70. $(document).ready(function() {
  71. //
  72. $('a.poplight[href^=#]').click(function() {
  73. var popID = $(this).attr('rel'); //Get Popup Name
  74. var popURL = $(this).attr('href'); //Get Popup href to define size
  75. var query= popURL.split('?');
  76. var dim= query[1].split('&');
  77. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  78. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://i47.tinypic.com/mawh08.png" class="btn_close" alt="Close" /></a>');
  79. var popMargTop = ($('#' + popID).height() + 80) / 2;
  80. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  81. //Apply Margin to Popup
  82. $('#' + popID).css({
  83. 'margin-top' : -popMargTop,
  84. 'margin-left' : -popMargLeft
  85. });
  86. $('body').append('<div id="fade"></div>');
  87. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  88. return false;
  89. });
  90. $('a.close, #fade').live('click', function() {
  91. $('#fade , .popup_block').fadeOut(function() {
  92. $('#fade, a.close').remove(); //fade them both out
  93. });
  94. return false;
  95. });
  96. });
  97. </script>
  98.  
  99.  
  100. <style>
  101. #s-m-t-tooltip{
  102. max-width:250px;
  103. z-index:999999;
  104. margin-top:-20px;
  105. margin-left:auto;
  106. padding-left:2px;
  107. padding-right:2px;
  108. text-transform:uppercase;
  109. border:1px solid {color:sidebar};
  110. background:{color:nav};
  111. color:{color:sidebar};
  112. font-family:trebuchet ms;
  113. font-size:8px;
  114. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  115.  
  116.  
  117. a {
  118. color:{color:link};
  119. text-decoration:none;
  120. -moz-transition-duration:0.5s;
  121. -webkit-transition-duration:0.5s;
  122. -o-transition-duration:0.5s;
  123. }
  124.  
  125. a:hover {
  126. color:{color:hover};
  127. text-decoration:none;
  128. -moz-transition-duration:0.5s;
  129. -webkit-transition-duration:0.5s;
  130. -o-transition-duration:0.5s;
  131. }
  132.  
  133. b, strong {
  134. color:{color:bold};
  135. }
  136.  
  137.  
  138. ::-webkit-scrollbar-thumb:vertical {
  139. height:12px;
  140. border:2px solid {color:background};
  141. background-color:{color:scrollbar};
  142. }
  143. ::-webkit-scrollbar-thumb:horizontal {
  144. background-color:{color:background};
  145. }
  146. ::-webkit-scrollbar {
  147. width:11px;
  148. height:7px;
  149. border:5px solid {color:background};
  150. background-color:{color:scrollbar};
  151. }
  152.  
  153. body {
  154. background-color:{color:background};
  155. font-family:cambria;
  156. font-weight:normal;
  157. }
  158.  
  159.  
  160.  
  161.  
  162. h1 {
  163. font-weight:normal;
  164. font-size:10px;
  165. text-align:center;
  166. font-style:normal;
  167. line-height:80%;
  168. letter-spacing:1px;
  169. text-transform:uppercase;
  170. color:{color:text};
  171. }
  172.  
  173. h2 {
  174. font-size:18px;
  175. text-align:left;
  176. line-height:100%;
  177. letter-spacing:-0.5px;
  178. font-family: vernada;
  179. color:{color:title};
  180. font-weight:normal;
  181. padding:5px;
  182. padding-bottom:2px;
  183. }
  184.  
  185.  
  186. blockquote {
  187. border-left:2px solid {color:text};
  188. padding-left:5px;
  189. margin:5px;
  190. }
  191.  
  192.  
  193.  
  194. .border {
  195. width: 220px;
  196. height: 150%;
  197. background-color: {color:sidebar};
  198. margin-left: -10px;
  199. margin-top:-100px;
  200. position: fixed;
  201. z-index:-10;
  202. }
  203.  
  204.  
  205. #desc {
  206. overflow: auto;
  207. color:{color:sidebar text};
  208. width:78px;
  209. padding:5px;
  210. position:absolute;
  211. margin-top:53px;
  212. text-decoration:none;
  213. line-height:11px;
  214. font-size:9px;
  215. letter-spacing:0px;
  216. text-transform:none;
  217. font-style:none;
  218. margin-left:-10px;
  219. font-family:verdana;
  220. }
  221.  
  222.  
  223.  
  224. #menu{
  225. margin-left:45px;
  226. margin-top:110px;
  227. speak:normal;
  228. width:65px;
  229. height:80px;
  230. padding:15px;
  231. position:fixed;
  232. }
  233.  
  234.  
  235. .stitle {
  236. background-color: transparent;
  237. display: inline-block;
  238. padding: 3px;
  239. text-align: center;
  240. color: {color:blog title};
  241. margin:1px;
  242. width:60px;
  243. font-family: 'Crete Round', serif;
  244. letter-spacing:2px;
  245. font-size:8px;
  246. margin-left:0px;
  247. margin-top:8px;
  248. cursor: pointer;
  249. text-transform:uppercase;
  250. border-radius: 3px;
  251. -webkit-transition: all 0.5s linear;
  252. -moz-transition: all 0.5s linear;
  253. transition: all 0.5s linear;
  254. }
  255.  
  256.  
  257. #links {
  258. float:left;
  259. margin-top:8px;
  260. margin-left:75px;
  261. display: inline-block;
  262. text-align: center;
  263. background: {color:nav};
  264. width: 8px;
  265. height: 8px;
  266. border-radius: 10px;
  267. z-index:10000000000;
  268. border:1px solid {color:nav};
  269. }
  270.  
  271. #links:hover {
  272. background:{color:sidebar};
  273. -webkit-transition-duration: 0.5s;
  274. -moz-transition-duration: 0.5s;
  275. transition-duration: 0.5s;
  276. }
  277.  
  278.  
  279.  
  280. #prongs a {
  281. width: 107px;
  282. height:10px;
  283. font-family: georgia;
  284. font-size: 10px;
  285. line-height: 26px;
  286. letter-spacing:1px;
  287. display: inline-table;
  288. text-align: center;
  289. background-color: {color:button hover};
  290. color: {color:background};
  291. margin-right: 0px;
  292. margin-bottom:3px;
  293. padding: 5px;
  294. letter-spacing: 0px;
  295. text-transform:uppercase;
  296. }
  297.  
  298. #prongs a:hover {
  299. background-color:{color:button};
  300. color:{color:blog title};
  301. -webkit-transition: all 0.5s ease-out;
  302. -moz-transition: all 0.5s ease-out;
  303. transition: all 0.5s ease-out;
  304. }
  305.  
  306. #fade { /*--Transparent background layer--*/
  307. display: none; /*--hidden by default--*/
  308. background: #000;
  309. position: fixed;
  310. left: 0;
  311. top: 0;
  312. width: 100%;
  313. height: 100%;
  314. opacity: .80;
  315. z-index: 9999;
  316. }
  317. .popup_block{
  318.  
  319. display: none; /*--hidden by default--*/
  320. background: #f8f8f8;
  321. padding: 10px;
  322. border: 4px solid #3c3b3b;
  323. float: left;
  324. font-size: 1.2em;
  325. position: fixed;
  326. top: 50%;
  327. left: 51%;
  328. z-index: 99999;
  329. /*--CSS3 Box Shadows--*/
  330. -webkit-box-shadow: 0px 0px 20px #000;
  331. -moz-box-shadow: 0px 0px 20px #000;
  332. box-shadow: 0px 0px 20px #000;
  333.  
  334. }
  335. img.btn_close {
  336. width:10px;
  337. float: right;
  338. margin: -10px -10px 0 0;
  339. opacity:1;
  340. }
  341. /*--Making IE6 Understand Fixed Positioning--*/
  342. *html #fade {
  343. position: absolute;
  344. }
  345. *html .popup_block {
  346. position: absolute;
  347. }
  348.  
  349.  
  350.  
  351. #stuffcontainer {
  352. float:left;
  353. margin-left:330px;
  354. margin-top:-10px;
  355. text-align:justify;
  356. color:{color:text};
  357. margin-bottom: 35px;
  358. }
  359.  
  360.  
  361. #stuff {
  362. width:500px;
  363. margin-top:45px;
  364. text-align:justify;
  365. font-size:11px;
  366. line-height:90%;
  367. letter-spacing:0x;
  368. color:{color:text};
  369. }
  370.  
  371. .caption {
  372. width:500px;
  373. text-align:justify;
  374. line-height:120%;
  375. }
  376.  
  377. #question {
  378. margin-bottom:2px;
  379. padding:10px;
  380. font-style:italic;
  381. font-size:12px;
  382. text-align:left;
  383. line-height:100%;
  384. background-color:{color:nav};
  385. color:{color:question};
  386. }
  387.  
  388. #answer {
  389. padding:5px;
  390. font-style:normal;
  391. text-align:left;
  392. color:{color:text};
  393. }
  394.  
  395. .musicplayer{
  396. background-color:#fff;
  397. padding: 38px 38px 35px 35px;
  398. position:absolute;
  399. opacity:0;
  400. filter:alpha(opacity=70);
  401. width:27px;
  402. height:27px;
  403. overflow:hidden;
  404. position:absolute;
  405. z-index:2;
  406. -webkit-transition: all 0.7s ease-in-out;
  407. -moz-transition: all 0.7s ease-in-out;
  408. -o-transition: all 0.7s ease-in-out;
  409. }
  410.  
  411.  
  412. .audio{
  413. position:absolute;
  414. width:40px;
  415. height:40px;
  416. }
  417.  
  418. .audioimg{
  419. width:100px;
  420. height:100px;
  421. position:absolute;
  422. }
  423.  
  424. .audioimg img{
  425. float:left;
  426. opacity:1;
  427. width:100px;
  428. }
  429.  
  430. .audioinfo{
  431. font-size:13px;
  432. font-style:italic;
  433. font-family:'playfair display';
  434. color:#9a9a9a;
  435. margin-bottom: 1px;
  436. margin-left:101px;
  437. height:65px;
  438. display:block;
  439. width:399px;
  440. text-align:center;
  441. background-color:#fafafa;
  442. padding-top:35px;
  443. }
  444.  
  445. #postinfo {
  446. width:470px;
  447. padding:15px;
  448. font-size:8px;
  449. color:{color:post links};
  450. text-transform:uppercase;
  451. font-style:normal;
  452. letter-spacing:2px;
  453. text-align:center;
  454. -moz-transition-duration:0.5s;
  455. -webkit-transition-duration:0.5s;
  456. -o-transition-duration:0.5s;
  457. background:{color:info};
  458. }
  459.  
  460. #postinfo a {
  461. color:{color:post links};
  462. text-align:center;
  463. letter-spacing:1px;
  464. font-style:normal;
  465. }
  466.  
  467. #postinfo a:hover {
  468. color:{color:hover};
  469. }
  470.  
  471. .note {
  472. text-transform:uppercase;
  473. font-style:normal;
  474. letter-spacing:0px;
  475. font-size: 9px;
  476. text-align:left;
  477. line-height:90%;
  478. margin-left:-40px;
  479. }
  480.  
  481. .note li {
  482. list-style-type:none;
  483. padding:10px 25px 10px 25px;
  484. text-align:left;
  485. margin:0px;
  486. -moz-transition-duration:0.5s;
  487. -webkit-transition-duration:0.5s;
  488. -o-transition-duration:0.5s;
  489. }
  490.  
  491. .tags {
  492. font-style:normal;
  493. width:500px;
  494. text-transform:uppercase;
  495. font-style:normal;
  496. color:{color:tags};
  497. letter-spacing:2px;
  498. line-height:120%;
  499. font-size:8px;
  500. text-align:center;
  501. padding:2px;
  502. opacity:0;
  503. -moz-transition-duration:0.5s;
  504. -webkit-transition-duration:0.5s;
  505. -o-transition-duration:0.5s;
  506. }
  507.  
  508. .tags a {
  509. color:{color:tags};
  510. letter-spacing:1px;
  511. padding:1px;
  512. }
  513.  
  514. .pagi {
  515. position:fixed;
  516. padding:10px;
  517. width:100px;
  518. text-align:center;
  519. bottom:5px;
  520. margin-left:40px;
  521. font-family:trebuchet ms;
  522. font-size:7px;
  523. letter-spacing:4px;
  524. text-transform:uppercase;
  525. font-style:normal;
  526. z-index:100;
  527. }
  528.  
  529. .pagi a {
  530. color:{color:blog title};
  531. }
  532.  
  533. .current_page {
  534. padding: 4px 3px;
  535. }
  536.  
  537. #stuff:hover .tags{
  538. opacity:1;
  539. color:{color:link};
  540. }
  541.  
  542. ul.chat, .chat ol, .chat li {
  543. list-style:none;
  544. margin:0px;
  545. padding:2px;
  546. }
  547.  
  548. .label {
  549. text-decoration:underline;
  550. font-weight:700;
  551. background-color:{color:infobg};
  552. margin-right:5px;
  553. }
  554.  
  555. .roda {
  556. -webkit-border-radius: 50px;
  557. -moz-border-radius: 50px;
  558. border-radius: 50px;
  559. -webkit-transition-duration: 0.8s;
  560. width:60px;
  561. }
  562.  
  563. .roda:hover {
  564. -webkit-transform: rotate(360deg);
  565. }
  566.  
  567. #credit{
  568. width:20px;
  569. position:fixed;
  570. bottom:10px;
  571. right:10px;
  572. opacity:1;
  573. z-index:1;
  574. }
  575.  
  576. #credit:hover{
  577. opacity:0.3;
  578. }
  579.  
  580. </style>
  581. <body>
  582.  
  583. <div class="border"></div>
  584.  
  585. <div class="pagi">
  586. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">←</a>
  587. {/block:PreviousPage}{block:JumpPagination length="4"}
  588. {block:CurrentPage}<span class="current_page" style="color:#aaaaaa;">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  589. {/block:JumpPagination}{block:NextPage}<a href="{NextPage}">→</a>
  590. {/block:NextPage}</div>{/block:Pagination}</div>
  591.  
  592.  
  593. <div id="03" class="popup_block">
  594.  
  595. <div id="prongs">
  596. {block:IfLink01}<a href="{text:link 01 url}">{text:link 01}</a>{/block:IfLink01}
  597. {block:IfLink02}<a href="{text:link 02 url}">{text:link 02}</a>{/block:IfLink02}
  598. {block:IfLink03}<a href="{text:link 03 url}">{text:link 03}</a>{/block:IfLink03}
  599. {block:IfLink04}<a href="{text:link 04 url}">{text:link 04}</a>{/block:IfLink04}
  600. {block:IfLink05}<a href="{text:link 05 url}">{text:link 05}</a>{/block:IfLink05}
  601. {block:IfLink06}<a href="{text:link 06 url}">{text:link 06}</a>{/block:IfLink06}
  602. </div>
  603. </div>
  604. </div>
  605.  
  606.  
  607. <div id="menu">
  608. <div class="sb"><img src="{image:sidebar}" position="fixed" width="64px"/>
  609. <div class="stitle">{text:word}</div>
  610. <div style="margin-top:-88px">
  611. <a href="/" title="home" id="links"></a><br>
  612. <a href="/ask" title="askbox" id="links"></a><br>
  613. <a href="#?w=240" rel="03" class="poplight" title="links" id="links"></a>
  614. <div id="desc">{description}</div>
  615.  
  616. </div></div></div></div></div>
  617.  
  618.  
  619. <div id="stuffcontainer">
  620.  
  621. {block:Posts}
  622.  
  623. <div id="stuff">
  624.  
  625. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  626.  
  627. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  628.  
  629. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  630. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  631.  
  632. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  633.  
  634. {block:Photoset}<center>{Photoset-500}</center>
  635. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  636.  
  637. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  638.  
  639. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  640.  
  641. {block:Answer}
  642. <div id="question"><img src="{AskerPortraitURL-24}" width="28px" align="left" style="margin-right:5px; margin-left:10px; margin-top:-10px; border-radius:200px; border:5px solid {color:info}; padding:2px;" />{asker} asked <br />{Question}<p></div>
  643. <div id="answer">{Answer}</div>{/block:Answer}
  644.  
  645. {block:Audio}
  646. <div class="audio"><div class="musicplayer">{AudioPlayer}</div>
  647. <div class="audioimg"><img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg"></div>{block:AlbumArt}<div class="audioimg"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}</div>
  648. <div class="audioinfo">{block:TrackName}{TrackName}{/block:TrackName}<br>
  649. <div style="font-size:8px;font-family:calibri;letter-spacing:1px;margin-top:5px;text-transform:uppercase;font-style:normal;">{block:Artist}{Artist}{/block:Artist}{block:Album} - {Album}{/block:Album}</div></div>
  650. {block:Caption}<div class="postbody">{Caption}</div>{/block:Caption}{/block:Audio}
  651. <p>
  652.  
  653. {block:Date}<div id="postinfo">{MonthNumberWithZero}-{DayOfMonthWithZero} • <a href="{Permalink}">{24Hour}:{Minutes}</a>{block:NoteCount} • <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} • <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  654. {block:ContentSource} • <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}{/block:Date}
  655. {block:HasTags}</div>
  656. <div class="tags">
  657. {block:Tags}<a href="{TagURL}">#{Tag}&nbsp;</a>{/block:Tags}</div>
  658. {/block:HasTags}
  659. <div class="note">
  660. {block:PostNotes}{PostNotes}{/block:PostNotes}
  661. </div>
  662. </div>
  663. {/block:Posts}
  664.  
  665.  
  666. </div></div></div></div>
  667.  
  668. <a href="http://mandrakescry.tumblr.com/" title="theme by mandrakescry"><img src="http://static.tumblr.com/xkrznpq/PMOmud849/m.png" id="credit" class="roda" ></a>
  669.  
  670. </body>
  671.  
  672.  
  673. </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!