API tools faq
paste
Advertisement
Themes_Mandrakescry

Theme 30

Themes_Mandrakescry
Mar 1st, 2014
1,690
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.56 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "htt://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. Code by Clara
  7. http://mandrakescry.tumblr.com/
  8. DON'T REMOVE THE CREDITS
  9. -------------------------------------------->
  10.  
  11. <html>
  12. <head>
  13.  
  14. <title>{Title}</title>
  15.  
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18. <link rel="stylesheet" href="http://static.tumblr.com/kzorqqu/8EOmgtzik/normalize.css"/>
  19.  
  20. {block:Description}
  21. <meta name="description" content="{MetaDescription}" />
  22. {/block:Description}
  23.  
  24. <meta name="image:Sidebar" content=""/>
  25. <meta name="image:Background" content=""/>
  26.  
  27.  
  28. <meta name="color:Background" content="#fff"/>
  29. <meta name="color:Post" content="#fff"/>
  30. <meta name="color:Text" content="#808080"/>
  31. <meta name="color:Bold" content="#424242"/>
  32. <meta name="color:Italic" content="#777"/>
  33. <meta name="color:Underline" content="#dddd"/>
  34. <meta name="color:Link" content="#808080"/>
  35. <meta name="color:Link Hover" content="#b8b8b8"/>
  36. <meta name="color:Sidebar Text" content="#666"/>
  37. <meta name="color:Navigation Link" content="#dddddd"/>
  38. <meta name="color:Navigation Link Hover" content="#808080"/>
  39. <meta name="color:Extra Link" content="#b8b8b8"/>
  40. <meta name="color:Blog Title" content="#fff"/>
  41. <meta name="color:Title" content="#a6bbc6"/>
  42. <meta name="color:Title Background" content="#d8d6d6"/>
  43. <meta name="color:Link Hover Bkgd" content="#f8f8f8"/>
  44. <meta name="color:Border" content="#d2d4d3"/>
  45. <meta name="color:Scrollbar Background" content="#ffffff"/>
  46. <meta name="color:Scrollbar" content="#e6e7e7"/>
  47. <meta name="color:Ask bg" content="#eae8e8"/>
  48.  
  49.  
  50. <meta name="text:Blog Title" content="Okay? Okay."/>
  51. <meta name="text:Link 1" content=""/>
  52. <meta name="text:Link Url 1" content=""/>
  53. <meta name="text:Link 2" content=""/>
  54. <meta name="text:Link Url 2" content=""/>
  55. <meta name="text:Link 3" content=""/>
  56. <meta name="text:Link Url 3" content=""/>
  57. <meta name="text:Link 4" content=""/>
  58. <meta name="text:Link Url 4" content=""/>
  59. <meta name="text:Link 5" content=""/>
  60. <meta name="text:Link Url 5" content=""/>
  61.  
  62. <link href='http://fonts.googleapis.com/css?family=Salsa' rel='stylesheet' type='text/css'>
  63.  
  64. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  65. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  66. <script>
  67. (function($){
  68. $(document).ready(function(){
  69. $("a[title]").style_my_tooltips({
  70. tip_follows_cursor:true,
  71. tip_delay_time:90,
  72. tip_fade_speed:600,
  73. attribute:"title"
  74. });
  75. });
  76. })(jQuery);
  77. </script>
  78.  
  79. <style> body, a, a:hover { cursor:url('http://www.totallylayouts.com/cursors/random/tiny_cursor.png'), auto }</style></div>
  80.  
  81. <style type="text/css">
  82.  
  83. #s-m-t-tooltip{
  84. max-width:250px;
  85. z-index:999999;
  86. margin-top:-25px;
  87. margin-left:-40px;
  88. padding:2px 2px;
  89. text-transform:uppercase;
  90. border:1px solid {color:border};
  91. background:#eeeeee;
  92. color:{color:navigation link};
  93. font-family:trebuchet ms;
  94. font-size:8px;
  95. box-shadow:1px 1px 3px rgba(0,0,0,.1);
  96. }
  97.  
  98.  
  99. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  100.  
  101.  
  102. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: .9;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  103.  
  104. ::-webkit-scrollbar {width: 5px; height: 5px; background:{color:Scrollbar Background}; }
  105. ::-webkit-scrollbar-thumb { background-color: {color:Scrollbar};}
  106.  
  107.  
  108.  
  109. @font-face {font-family: "print";src: url('http://static.tumblr.com/iuggpng/oQfm4mzne/princ___.ttf');}
  110.  
  111. body{
  112. background-color: {color:Background};
  113. background-image: url({image:Background});
  114. background-attachment: fixed;
  115. background-repeat: repeat;
  116. background-position: center;
  117. font-family:cambria;
  118. font-size:11px;
  119. line-height:12px;
  120. color:{color:Text};
  121. }
  122.  
  123.  
  124. ::selection { color: {color:Link Hover};
  125. background: {color:Link Hover Bkgd}; }
  126. ::-moz-selection { color: {color:Link Hover};
  127. background: {color:Link Hover Bkgd}; }
  128.  
  129. a:link, a:active, a:visited{
  130. color: {color:Link};
  131. text-decoration:none;
  132. transition: all 0.5s ease-out;
  133. -o-transition-transition: all 0.5s ease-out;
  134. -webkit-transition: all 0.5s ease-out;
  135. -moz-transition: all 0.5s ease-out;
  136. }
  137. a:hover{
  138. color: {color:Link Hover};
  139. cursor: url(http://i.imgur.com/IepP2.jpg), progress;
  140. }
  141.  
  142. h1 {
  143. font-weight:normal;
  144. font-size:10px;
  145. text-align:center;
  146. font-style:normal;
  147. line-height:100%;
  148. letter-spacing:1px;
  149. text-transform:uppercase;
  150. color:{color:title};
  151. font-family: 'Salsa', cursive;
  152. }
  153.  
  154. h2 {
  155. font-size:15px;
  156. text-align:center;
  157. line-height:120%;
  158. letter-spacing:0px;
  159. color:{color:title};
  160. font-weight:normal;
  161. padding:15px;
  162. padding-bottom:10px;
  163. font-family: 'Salsa', cursive;
  164. }
  165.  
  166. h3 {
  167. font-family:trebuchet ms;
  168. border-left:3px solid #999;
  169. padding:8px;
  170. font-size:10px;
  171. text-transform:none;
  172. font-weight:normal;
  173. font-family: 'Salsa', cursive;
  174. }
  175.  
  176. b, strong {
  177. color:{color:bold};
  178. }
  179.  
  180. i, em {
  181. color:{color:italic};
  182. }
  183.  
  184. u {
  185. color:{color:underline};
  186. }
  187.  
  188. #container {
  189. margin:auto;
  190. width:700px;
  191. }
  192.  
  193. #entry {
  194. width:500px;
  195. margin-left:450px;
  196. margin-top:25px;
  197. padding:7px;
  198. background:transparent;
  199. }
  200.  
  201. #entry .permalink{
  202. width:100px;
  203. position:absolute;
  204. font-size:10px;
  205. font-family:calibri;
  206. text-transform:justify;
  207. margin-left:507px;
  208. padding-left:4px;
  209. opacity:0;
  210. -webkit-transition: all 0.3s linear;
  211. -moz-transition: all 0.3s linear;
  212. transition: all 0.3s linear;
  213. }
  214.  
  215. #entry:hover .permalink{
  216. overflow:visible;
  217. opacity:0.8;
  218. -webkit-transition: opacity 0.3s linear;
  219. -webkit-transition: all 0.3s linear;
  220. -moz-transition: all 0.3s linear;
  221. transition: all 0.3s linear;
  222. }
  223.  
  224. #permalink{
  225. position:relative;
  226. margin-top:9px;
  227. padding-top:7px;
  228. font-size:9px;
  229. font-family:calibri;
  230. letter-spacing:1px;
  231. text-align:center;
  232. text-transform:justify;
  233. border-top:1px solid {color:Border};
  234. }
  235.  
  236. #sidebar {
  237. width: 200px;
  238. position: fixed;
  239. top: 220px;
  240. left: 150px;
  241. }
  242.  
  243. #sidebar:hover #nav {
  244. line-height: 45px;
  245. opacity: 1;
  246. }
  247.  
  248.  
  249. #nav {
  250. width: 202px;
  251. line-height: 50px;
  252. opacity: 0;
  253. -webkit-transition: all 0.5s ease-in-out;
  254. -moz-transition: all 0.5s ease-in-out;
  255. -o-transition: all 0.5s ease-in-out;
  256. }
  257.  
  258.  
  259. #nav a {
  260. color: {color:Navigation Link};
  261. font: 8px tinytots;
  262. text-transform: uppercase;
  263. padding: 6px;
  264. -webkit-transition: all 0.8s ease-in-out;
  265. -moz-transition: all 0.8s ease-in-out;
  266. -o-transition: all 0.8s ease-in-out;
  267. }
  268.  
  269.  
  270. #nav a:hover {
  271. color: {color:Navigation Link Hover};
  272. }
  273.  
  274.  
  275. #desc {
  276. font: 8px tinytots;
  277. color: {color:Sidebar Text};
  278. text-transform: uppercase;
  279. text-align: left;
  280. padding: 10px;
  281. }
  282.  
  283. #extra {
  284. position:fixed;
  285. margin-top:-60px;
  286. margin-left:110px;
  287. width:90px;
  288. }
  289.  
  290. #extra a {
  291. color: {color:Extra Link};
  292. font: 8px tinytots;
  293. text-transform: uppercase;
  294. text-align: left;
  295. letter-spacing: 1px;
  296. display: block;
  297. background: {color:Navigation Hover Background};
  298. border-bottom: 1px solid #eee;
  299. -webkit-transition: all 0.5s ease-in-out;
  300. -moz-transition: all 0.5s ease-in-out;
  301. -o-transition: all 0.5s ease-in-out;
  302. }
  303.  
  304.  
  305. #extra a:hover {
  306. color: {color:Navigation Background Hover};
  307. background: {color:Navigation Link Hover};
  308. padding-left: 20px;
  309. }
  310.  
  311.  
  312. #title {
  313. font: italic bold 23px georgia;
  314. color: {color:Blog Title};
  315. text-transform: lowercase;
  316. text-align: center;
  317. line-height: 28px;
  318. background: {color:Title Background};
  319. border-radius: 5px;
  320. -moz-border-radius: 5px;
  321. margin-top: 3px;
  322. }
  323.  
  324. .next {
  325. font-family:georgia;
  326. font-size:25px;
  327. text-align: center;
  328. padding-bottom: 10px;
  329. position:fixed;
  330. z-index:4;
  331. margin-top: 3px;
  332. margin-left: 115px;
  333. }
  334.  
  335.  
  336. .prev {
  337. font-family:georgia;
  338. font-size:25px;
  339. text-align: center;
  340. padding-bottom: 10px;
  341. position:fixed;
  342. z-index:4;
  343. margin-top: 20px;
  344. margin-left: 115px;
  345. }
  346.  
  347. blockquote{
  348. padding:0px 0px 2px 5px;
  349. margin-left:10px;
  350. border-left: 3px solid {color:Border};}
  351. blockquote p, ul{margin:0px; padding:0px;
  352. }
  353.  
  354. .chat .line{
  355. padding: 2px;
  356. }
  357.  
  358. .label {font-weight:bold; color:{color:text}}
  359.  
  360. a img{border: 0px;}
  361.  
  362. .p { padding-top: 5px; }
  363. .ol, ul { margin-left: 10px; padding: 5px; }
  364. .ul { list-style-type: square; }
  365.  
  366. .cover {position: absolute; z-index: 1; width:65px;}
  367.  
  368. .playbox {background-color: #000; position: absolute; z-index: 1000;}
  369.  
  370. .playbutton {width: 20px; height: 30px; overflow: hidden; position: relative; z-index: 1000; margin: 11px 20px 8px 11px;}
  371.  
  372. .playbox {background-color: #000; position: absolute; z-index: 1000; margin-top: 8px; margin-left: 8px; opacity:.5;
  373. -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;-webkit-border-radius: 45px;
  374. -moz-border-radius: 45px;
  375. border-radius: 45px;}
  376.  
  377. .playbox:hover {opacity:.8;}
  378.  
  379. .title{
  380. width:
  381. position:absolute;
  382. line-height:14px;
  383. margin-left:65px;
  384. padding:4px;
  385. z-index: 1000;
  386. text-transform:uppercase;
  387. }
  388.  
  389. .artist{
  390. width:
  391. position:absolute;
  392. line-height:14px;
  393. margin-left:65px;
  394. padding:5px;
  395. z-index: 1000;
  396. text-transform:uppercase;
  397. }
  398.  
  399. .video embed, .post div.video object {width:250px; height:187px}
  400.  
  401. .notes img{width:10px; position:left; top:3px;}
  402.  
  403.  
  404. @font-face {
  405. font-family: "04b03";
  406. src: url('http://static.tumblr.com/icz5xqv/ZUmlobzpk/bonjourlindas.blgspt_upload_pxl.ttf');
  407. format("truetype");
  408. }
  409.  
  410. .caption {
  411. width:500px;
  412. text-align:justify;
  413. line-height:120%;
  414. }
  415.  
  416. .ask {
  417. padding:10px;
  418. border-radius:5px;
  419. text-align:left;
  420. color:{color:text};
  421. background-color:{color:ask bg};
  422. }
  423.  
  424. .asker {
  425. text-transform:uppercase;
  426. margin-left:0px;
  427. margin-top:3px;
  428. font-family: armata;
  429. font-size:7px;
  430. color:{color:links};
  431. }
  432.  
  433. .question {
  434. text-transform:uppercase;
  435. width:420px;
  436. font-family: armata;
  437. text-align:left;
  438. font-size:9px;
  439. padding:10px;
  440. margin-left:40px;
  441. margin-top:-40px;
  442. color:{color:text};
  443. }
  444.  
  445. .answer {
  446. text-align:left;
  447. padding:10px;
  448. color:{color:text};
  449. }
  450.  
  451. .roda {
  452. -webkit-border-radius: 50px;
  453. -moz-border-radius: 50px;
  454. border-radius: 50px;
  455. -webkit-transition-duration: 0.8s;
  456. width:60px;
  457. }
  458.  
  459. .roda:hover {
  460. -webkit-transform: rotate(360deg);
  461. }
  462.  
  463.  
  464. div#qTip {
  465. margin-top:-30px;
  466. margin-left:auto;
  467. display:none;
  468. text-align:left;
  469. position:absolute;
  470. letter-spacing:1px;
  471. text-transform:uppercase;
  472. font-family:calibri;
  473. font-size:8px;
  474. font-weight:bold;
  475. z-index:99;
  476. padding:1px 3px;
  477. line-height:13px;
  478. color:{color:navi links text};
  479. background:{color:navi links bg};
  480. }
  481.  
  482. #credit{
  483. width:20px;
  484. position:fixed;
  485. bottom:10px;
  486. right:10px;
  487. opacity:1;
  488. z-index:1;
  489. }
  490.  
  491. #credit:hover{
  492. opacity:0.3;
  493. }
  494.  
  495. {CustomCSS}
  496. </style>
  497.  
  498. </head>
  499.  
  500. <body>
  501.  
  502.  
  503.  
  504. <div id="sidebar">
  505. <div class="prev">{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}</div>
  506. <div class="next">{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}</div>
  507.  
  508. <img src="{image:Sidebar}" style="width:90px; height:90 border:1px solid {color:border}; padding:3px; margin-bottom:5px;">
  509.  
  510. <div id="extra">
  511. {block:ifLink1}<a href="{text:Link Url 1}">{text:Link 1}</a>{/block:ifLink1}
  512. {block:ifLink2}<a href="{text:Link Url 2}">{text:Link 2}</a>{/block:ifLink2}
  513. {block:ifLink3}<a href="{text:Link Url 3}">{text:Link 3}</a>{/block:ifLink3}
  514. {block:ifLink4}<a href="{text:Link Url 4}">{text:Link 4}</a>{/block:ifLink4}
  515. {block:ifLink5}<a href="{text:Link Url 5}">{text:Link 5}</a>{/block:ifLink5}</div>
  516. <div id="title">{text:Blog Title}</div>
  517.  
  518. <div id="desc">{Description}</div>
  519.  
  520. <div id="nav" align="center">
  521. <a class="nav" href="/">1st page</a> <a class="nav" href="/ask">message</a> <a class="nav" href="/archive">archive</a>
  522. </div></div>
  523.  
  524. {block:Posts}
  525. <div id="entry">
  526. {block:IndexPage}
  527. <div class="permalink">
  528. {block:HasTags}
  529. TAGGED AS:<br>
  530. {block:Tags}<a href="{TagURL}">#{Tag}</a><br>
  531. {/block:Tags}
  532. {/block:HasTags}
  533. </div>
  534. {/block:IndexPage}
  535.  
  536. {block:Answer}<div class="ask"><img src="{AskerPortraitURL-30}" style=" padding:5px;background:#fffff; border-radius:200px; border:3px solid {color:tag background};"/><div class="question">{Question}<div class="asker">{Asker}</div></div></div><div class="answer">{Answer}</div>{/block:answer}
  537.  
  538. {block:Text}
  539. {block:Title}
  540. <div class="posttitle"><h2>{Title}</h2></div>
  541. {/block:Title}
  542. {Body}
  543. {/block:Text}
  544.  
  545.  
  546.  
  547. {block:Link}
  548. <div class="posttitle">
  549. <a href="{URL}"><h2>{Name}</h2></a>
  550. </div>
  551. {block:Description}{Description}{/block:Description}
  552. {/block:Link}
  553.  
  554. {block:Photo}
  555. <center>
  556. {LinkOpenTag}
  557. <div id="pic">
  558. <a href="{permalink}">
  559. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px"></a>
  560. </div>
  561. {LinkCloseTag}
  562. </center>
  563. {block:Caption}{Caption}{/block:Caption}
  564. {block:ContentSource}
  565. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  566. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  567. {/block:SourceLogo}
  568. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  569. {/block:ContentSource}
  570. {block:ReblogParentURL}
  571. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  572. {/block:ReblogParentURL}
  573. {/block:Photo}
  574.  
  575. {block:Photoset}
  576. <center>
  577. <div class="photo">
  578. {Photoset-500}
  579. </div>
  580. </center>
  581. {block:Caption}{Caption}{/block:Caption}
  582. {/block:Photoset}
  583.  
  584.  
  585.  
  586. {block:Quote}
  587. <div class="posttitle"><h2>“{Quote}”</h2></div>
  588. {block:Source}
  589. <i><h1>{Source}</h1></i>
  590. {/block:Source}
  591. {/block:Quote}
  592.  
  593. {block:Chat}
  594. {block:Title}
  595. <div id="posttitle">
  596. {Title}
  597. </div>
  598. {/block:Title}
  599. <div class="chat">
  600. {block:Lines}
  601. <div class="chat">
  602. <div class="line {Alt}">
  603. <div class="{Alt} user_{UserNumber}">
  604. {block:Label}
  605. <b>{Label} </b>
  606. {/block:Label}
  607. {Line}
  608. </div>
  609. </div>
  610. </div>
  611. {/block:Lines}
  612. </div>
  613. {/block:Chat}
  614.  
  615. {block:Audio}
  616. <div class="playbox">
  617. <div class="playbutton">
  618. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  619. </div></div>
  620. {block:AlbumArt}
  621. <img src="{AlbumArtURL}" class="cover">
  622. {/block:AlbumArt}
  623.  
  624. <div class="title">
  625. {block:TrackName}
  626. <b>Title</b>:{TrackName}
  627. {/block:TrackName}
  628. </div>
  629.  
  630. <div class="artist">
  631. {block:Artist}
  632. <b>Artist:</b>{Artist}
  633. {/block:Artist}
  634. </div>
  635.  
  636. <div class="title">
  637. {PlayCountWithLabel}
  638. </div>
  639.  
  640. <br>
  641. {block:Caption}{Caption}{/block:Caption}
  642. {/block:Audio}
  643.  
  644. {block:Video}
  645. <center>
  646. <div class="photo">
  647. {Video-500}
  648. </div>
  649. </center>
  650. {block:Caption}{Caption}{/block:Caption}
  651. {/block:Video}
  652.  
  653. {block:IndexPage}
  654. <div id="permalink">posted
  655. <a href="{Permalink}"> {TimeAgo}</a>
  656. with
  657. <a href="{Permalink}">{NoteCountWithLabel}</a>
  658. {block:RebloggedFrom}· <a href="{ReblogParentURL}" target="_blank">via</a> · (<a href="{ReblogRootURL}" target="_blank">©</a>) {/block:RebloggedFrom}
  659. </div>
  660. {/block:IndexPage}
  661.  
  662. {block:PermalinkPage}
  663. <center>
  664. <div id="permalink">
  665. {block:Date}
  666. {TimeAgo} on
  667. {ShortMonth} {DayofMonth},{Year}
  668. {/block:Date}
  669. {block:NoteCount} · {NoteCountWithLabel}
  670. {/block:NoteCount}
  671. {block:HasTags} · Tags:
  672. {block:Tags}<a href="{TagURL}">#{Tag} </a>
  673. {/block:Tags}
  674. {/block:HasTags}
  675. <br>{block:RebloggedFrom}via: <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a> · (©: <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a>) {/block:RebloggedFrom}
  676. </div>
  677. </center>
  678. {/block:PermalinkPage}
  679.  
  680. {block:PostNotes}
  681. {PostNotes}
  682. {/block:PostNotes}
  683. </div>
  684. {/block:Posts}
  685.  
  686.  
  687. <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>
  688.  
  689. </body>
  690. </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!