Advertisement
Themes_Mandrakescry

Theme 34

Apr 10th, 2014
480
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.69 KB | None | 0 0
  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. Theme by Clara
  6. http://mandrakescry.tumblr.com/
  7. DON'T REMOVE THE CREDITS
  8. -------------------------------------------->
  9.  
  10. <head>
  11.  
  12. <title>{title}</title>
  13.  
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17.  
  18. <!--Default Variables-->
  19.  
  20. <meta name="color:background" content="#fff"/>
  21. <meta name="color:post Border" content="#e9e4e4"/>
  22. <meta name="color:hover" content="#454545">
  23. <meta name="color:bold" content="#454545">
  24. <meta name="color:italic" content="#454545">
  25. <meta name="color:underline" content="#454545">
  26. <meta name="color:chat" content="#f3f3f3">
  27. <meta name="color:info" content="#504f4f">
  28. <meta name="color:text" content="#9a9a9a">
  29. <meta name="color:tags" content="#e0dede">
  30. <meta name="color:link" content="#b8b8b8"/>
  31. <meta name="color:scrollbar" content="#e7e6e6" />
  32. <meta name="color:sidebar text" content="#cccccc"/>
  33. <meta name="color:blog title"content="#aaaaaa"/>
  34. <meta name="color:sidebar bg" content="#F5F3F7"/>
  35. <meta name="color:nav bg" content="#F5F3F7"/>
  36. <meta name="color:nav hover" content="#dadada"/>
  37. <meta name="color:ask bg" content="#75b1d6" />
  38. <meta name="color:border" content="#75b1d6">
  39. <meta name="color:ask text" content="#ffffff">
  40.  
  41.  
  42.  
  43. <meta name="image:sidebar" content=""/>
  44.  
  45.  
  46. <meta name="text:Link 1 URL" content="" />
  47. <meta name="text:Link 1" content="" />
  48. <meta name="text:Link 2 URL" content="" />
  49. <meta name="text:Link 2" content="" />
  50. <meta name="text:Link 3 URL" content="" />
  51. <meta name="text:Link 3" content="" />
  52. <meta name="text:Link 4 URL" content="" />
  53. <meta name="text:Link 4" content="" />
  54.  
  55.  
  56.  
  57. <!-- jquery -->
  58.  
  59. <link href='http://fonts.googleapis.com/css?family=Montez' rel='stylesheet' type='text/css'>
  60.  
  61. <link href='http://fonts.googleapis.com/css?family=Aclonica' rel='stylesheet' type='text/css'>
  62.  
  63. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  64. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  65. <script>
  66. (function($){
  67. $(document).ready(function(){
  68. $("a[title]").style_my_tooltips({
  69. tip_follows_cursor:true,
  70. tip_delay_time:90,
  71. tip_fade_speed:600,
  72. attribute:"title"
  73. });
  74. });
  75. })(jQuery);
  76. </script>
  77.  
  78.  
  79. <!--CSS customization here. -->
  80.  
  81. <style type="text/css">
  82.  
  83. #s-m-t-tooltip{
  84. max-width:250px;
  85. z-index:100000000000000000000000;
  86. margin-top:-20px;
  87. padding:2px 2px;
  88. text-transform:uppercase;
  89. border:1px solid {color:post border};
  90. background:{color:sidebar bg};
  91. color:{color:text};
  92. font-family:trebuchet ms;
  93. font-size:8px;
  94. box-shadow:1px 1px 3px rgba(0,0,0,.1);
  95. }
  96.  
  97.  
  98. ::selection {
  99. background:{color:Text hover};
  100. }
  101. ::-moz-selection {
  102. background:{color:Text hover};
  103. }
  104. ::-webkit-selection {
  105. background:{color:Text hover};
  106. }
  107.  
  108.  
  109.  
  110. body {
  111. font-family:Cambria;
  112. font-size: 11px;
  113. line-height: 100%;
  114. text-align: justify;
  115. color: {color:Font};
  116. background-color: {color:Background};
  117. background-image: url('{image:Background Image}');
  118. background-attachment: fixed;
  119. background-position: left top;
  120. background-repeat: repeat; }
  121.  
  122. a {
  123. color:{color:link};
  124. text-decoration:none;
  125. -moz-transition-duration:0.5s;
  126. -webkit-transition-duration:0.5s;
  127. -o-transition-duration:0.5s;
  128. }
  129.  
  130. a:hover {
  131. color:{color:hover};
  132. text-decoration:none;
  133. -moz-transition-duration:0.5s;
  134. -webkit-transition-duration:0.5s;
  135. -o-transition-duration:0.5s;
  136. }
  137.  
  138.  
  139. b {
  140. color:{color:bold};
  141. text-decoration:none;
  142. -moz-transition-duration:0.5s;
  143. -webkit-transition-duration:0.5s;
  144. -o-transition-duration:0.5s;
  145. }
  146.  
  147. i {
  148. color:{color:italic};
  149. text-decoration:none;
  150. -moz-transition-duration:0.5s;
  151. -webkit-transition-duration:0.5s;
  152. -o-transition-duration:0.5s;
  153. }
  154.  
  155.  
  156. ::-webkit-scrollbar-thumb:vertical {
  157. height:12px;
  158. border:2px solid {color:background};
  159. background-color:{color:scrollbar};
  160. }
  161. ::-webkit-scrollbar-thumb:horizontal {
  162. background-color:{color:background};
  163. }
  164. ::-webkit-scrollbar {
  165. width:11px;
  166. height:7px;
  167. border:5px solid {color:background};
  168. background-color:{color:scrollbar};
  169. }
  170.  
  171.  
  172.  
  173. #qTip {
  174. font-family:trebuchet ms;
  175. display: none;
  176. text-align:left;
  177. position:absolute;
  178. letter-spacing:1px;
  179. text-transform:uppercase;
  180. font-weight:normal;
  181. z-index:100000000000;
  182. font-size:7px;
  183. padding:1px 4px;
  184. line-height:13px;
  185. color:#828282;
  186. background:#ffffff;
  187. border: 1px solid #e8e8e8;
  188. border-radius:2px;
  189. }
  190.  
  191.  
  192. h1 {
  193. font-weight:normal;
  194. font-size:10px;
  195. text-align:left;
  196. font-style:normal;
  197. line-height:100%;
  198. letter-spacing:1px;
  199. text-transform:uppercase;
  200. color:{color:text};
  201. }
  202.  
  203. h2 {
  204. font-size:18px;
  205. text-align:left;
  206. line-height:120%;
  207. letter-spacing:0px;
  208. color:{color:text};
  209. font-weight:normal;
  210. padding:15px;
  211. padding-bottom:10px;
  212. }
  213.  
  214. h3 {
  215. font-family:trebuchet ms;
  216. padding:8px;
  217. font-size:12px;
  218. text-transform:none;
  219. font-weight:normal;
  220. }
  221.  
  222.  
  223. #sidebar {
  224. position:fixed;
  225. text-align:left;
  226. width:150px;
  227. margin-top:10%;
  228. margin-left:120px;
  229. }
  230.  
  231. #simg img {
  232. width:90px;
  233. height:90px;
  234. margin-left:17px;
  235. margin-bottom:-15px;
  236. border-radius:200px;
  237. padding:4px;
  238. border:6px solid {color:border};
  239. }
  240.  
  241. #blogt {
  242. font-size:32px;
  243. margin-left:-8px;
  244. margin-top:10px;
  245. width:145px;
  246. float:left;
  247. color:{color:blog title};
  248. font-family: 'Montez', cursive;
  249. text-transform:lowercase;
  250. font-style:italic;
  251. }
  252.  
  253. #nav {
  254. position:fixed;
  255. margin-top:-67px;
  256. margin-left:160px;
  257. width:50px;
  258. z-index:-10;
  259. }
  260.  
  261. #nav a {
  262. display:inline-block;
  263. margin-left:3px;
  264. margin-bottom:3px;
  265. padding:3px;
  266. background:{color:nav bg};
  267. color:{color:nav bg};
  268. width:4px;
  269. height:4px;
  270. border-radius:200px;
  271. -webkit-transition-duration:1.0s;
  272. }
  273.  
  274. #nav a:hover {
  275. background:{color:nav hover};
  276. border-radius:0px;
  277. -webkit-transition-duration:.5s;
  278. }
  279.  
  280.  
  281.  
  282. #description {
  283. width:155px;
  284. height:55px;
  285. overflow:auto;
  286. margin-top:25px;
  287. margin-left:-10px;
  288. font-size:10px;
  289. color:{color:sidebar text};
  290. font-style:georgia;
  291. padding:5px;
  292. text-align:justify;
  293. background:{color:sidebar bg};
  294. border:1px dotted {color:post border};
  295. }
  296.  
  297.  
  298. .next {
  299. font-family: trebuchet ms;
  300. font-size: 38px;
  301. color: {color:description};
  302. padding-bottom: 10px;
  303. position:fixed;
  304. margin-top: 3px;
  305. margin-left: 105px;
  306. }
  307.  
  308. .next a {
  309. font-family: trebuchet ms;
  310. font-size: 38px;
  311. color: {color:description};
  312. }
  313.  
  314. .next a:hover {
  315. opacity: 0.2;
  316. }
  317.  
  318.  
  319.  
  320. .prev {
  321. padding-bottom: 10px;
  322. position:fixed;
  323. z-index:4;
  324. margin-top: 3px;
  325. margin-left: 8px;
  326. }
  327.  
  328. .prev a {
  329. font-family: trebuchet ms;
  330. font-size: 38px;
  331. color: {color:description};
  332. }
  333.  
  334.  
  335. .prev a:hover {
  336. opacity: 0.2;
  337. }
  338.  
  339.  
  340. blockquote {
  341. font-family:trebuchet ms;
  342. border-left:2px solid {color:info};
  343. padding-left:5px;
  344. margin:5px;
  345. color:{color:text};
  346. }
  347.  
  348.  
  349. #container {
  350. margin-left:430px;
  351. margin-top:7px;
  352. text-align:justify;
  353. background-color:{color:background};
  354. color:{color:text};
  355. margin-bottom: 35px;
  356. }
  357.  
  358.  
  359. #post {
  360. width:500px;
  361. margin-top:30px;
  362. text-align:justify;
  363. padding:10px;
  364. margin-bottom:20px;
  365. font-size:12px;
  366. line-height:100%;
  367. letter-spacing:0px;
  368. color:{color:text};
  369. background-color:{color:post};
  370. }
  371.  
  372.  
  373. #post:hover .musicplayer{
  374. opacity:1;
  375. -webkit-transition: all 0.7s ease-in-out;
  376. -moz-transition: all 0.7s ease-in-out;
  377. -o-transition: all 0.7s ease-in-out;
  378. }
  379.  
  380.  
  381. .caption {
  382. width:500px;
  383. text-align:justify;
  384. line-height:120%;
  385. }
  386.  
  387. .asker {
  388. padding:10px;
  389. font-family:cambria;
  390. letter-spacing:1px;
  391. text-align:left;
  392. text-transform:none;
  393. color:{color:ask text};
  394.  
  395. }
  396.  
  397. .asker a {
  398. color:{color:ask text};
  399. letter-spacing:1px;
  400. }
  401.  
  402. .ans {
  403. text-align:left;
  404. padding:10px;
  405. color:{color:text};
  406. }
  407.  
  408. .musicplayer{
  409. background-color:#fff;
  410. padding: 38px 38px 35px 35px;
  411. position:absolute;
  412. opacity:0;
  413. filter:alpha(opacity=70);
  414. width:27px;
  415. height:27px;
  416. overflow:hidden;
  417. position:absolute;
  418. z-index:2;
  419. -webkit-transition: all 0.7s ease-in-out;
  420. -moz-transition: all 0.7s ease-in-out;
  421. -o-transition: all 0.7s ease-in-out;
  422. }
  423.  
  424.  
  425. .audio{
  426. position:absolute;
  427. width:40px;
  428. height:40px;
  429. }
  430.  
  431. .audioimg{
  432. width:100px;
  433. height:100px;
  434. position:absolute;
  435. }
  436.  
  437. .audioimg img{
  438. float:left;
  439. opacity:1;
  440. width:100px;
  441. }
  442.  
  443. .audioinfo{
  444. font-size:13px;
  445. font-style:italic;
  446. font-family:'playfair display';
  447. color:#9a9a9a;
  448. margin-bottom: 1px;
  449. margin-left:101px;
  450. height:65px;
  451. display:block;
  452. width:399px;
  453. text-align:center;
  454. background-color:#fafafa;
  455. padding-top:35px;
  456. }
  457.  
  458. .note {
  459. width:500px;
  460. text-transform:uppercase;
  461. font-style:normal;
  462. letter-spacing:0px;
  463. font-size: 9px;
  464. text-align:right;
  465. line-height:40%;
  466. margin-left:-40px;
  467. }
  468.  
  469.  
  470. .note li {
  471. list-style-type:none;
  472. font-size:7px;
  473. border-bottom:1px solid {color:post border};
  474. padding:5px 5px 5px 5px;
  475. text-align:left;
  476. margin:0px;
  477. -moz-transition-duration:0.5s;
  478. -webkit-transition-duration:0.5s;
  479. -o-transition-duration:0.5s;
  480.  
  481. }
  482.  
  483.  
  484.  
  485. .tagS {
  486. font-style:normal;
  487. width:500px;
  488. text-transform:uppercase;
  489. font-style:normal;
  490. letter-spacing:1px;
  491. font-size:7px;
  492. line-height:100%;
  493. text-align:left;
  494. margin-top:-9px;
  495. padding:1px;
  496. -moz-transition-duration:0.5s;
  497. -webkit-transition-duration:0.5s;
  498. -o-transition-duration:0.5s;
  499. }
  500.  
  501. .tagS a{
  502. display:inline;
  503. color:{color:tags};
  504. padding:-3px;
  505. text-align:left;}
  506.  
  507. .tagS a:hover {
  508. color:#000;
  509. }
  510.  
  511.  
  512.  
  513. .bottomline {
  514. margin-top:10px;
  515. padding:5px;
  516. }
  517.  
  518. .topline {
  519. margin-top:10px;
  520. border-bottom:1px dotted {color:info};
  521. margin-bottom:-8px;
  522. }
  523.  
  524. .date {
  525. text-transform:uppercase;
  526. font-family:trebuchet ms;
  527. font-size:7px;
  528. color:{color:sidebar text};
  529. padding:3px 5px 3px 5px;
  530. background:{color:info}; }
  531.  
  532. .box, .box a {
  533. font-family:trebuchet ms;
  534. text-transform:uppercase;
  535. font-size:7px;
  536. margin-top:9px;
  537. margin-bottom:-3px;}
  538.  
  539. .chat {
  540. font-size:8px;
  541. line-height:12px;
  542. text-transform:uppercase;
  543. list-style:none
  544. font-family:calibri;
  545. }
  546. .chat ul {
  547. line-height:15px;
  548. list-style:none;
  549. padding:0px;
  550. line-height:20px;
  551. }
  552. .person1 {
  553. background-color:{color:chat};
  554. padding-left:6px;
  555. padding-right:6px;
  556. font-family:calibri;
  557. }
  558. .person1 .label {
  559. font-weight:bold;
  560. font-family:calibri;
  561. }
  562. .person2 {
  563. background-color:{color:entries};
  564. padding-left:6px;
  565. padding-right:6px;
  566. font-family:calibri;}
  567. .person2 .label {
  568. font-weight:bold;
  569. font-family:calibri;
  570. }
  571. .person3 {
  572. background-color:{color:chat};
  573. padding-left:6px;
  574. padding-right:6px;
  575. font-family:calibri; }
  576. .person3 .label {
  577. font-weight:bold;
  578. font-family:calibri;
  579. }
  580. .person4 {
  581. background-color:{color:entries};
  582. padding-left:6px;
  583. padding-right:6px;
  584. font-family:calibri;
  585. }
  586. .person4 .label {
  587. font-weight:bold;
  588. font-family:calibri;
  589. }
  590. .person5 {
  591. background-color:{color:chat};
  592. padding-left:6px;
  593. padding-right:6px;
  594. font-family:calibri;
  595. }
  596. .person5 .label {
  597. font-weight:bold;
  598. font-family:calibri;
  599. }
  600. .person6 {
  601. background-color:{color:entries};
  602. padding-left:6px;
  603. padding-right:6px;
  604. }
  605. .person6 .label {
  606. font-weight:bold;
  607. }
  608.  
  609.  
  610. #question {
  611. margin-bottom:2px;
  612. padding:10px;
  613. font-style:normal;
  614. font-size:13px;
  615. text-align:left;
  616. background-color:{color:ask bg};
  617. color:{color:side border};
  618. }
  619.  
  620. #question a {
  621. font-size:15px;
  622. color:{color:link};
  623. text-transform:lowercase;
  624. }
  625.  
  626. #answer {
  627. padding:5px;
  628. font-style:normal;
  629. text-align:left;
  630. color:{color:text};
  631. }
  632.  
  633.  
  634.  
  635. #credit{
  636. width:20px;
  637. position:fixed;
  638. bottom:10px;
  639. right:10px;
  640. opacity:1;
  641. z-index:1;
  642. -webkit-transition: all 0.3s linear;
  643. -moz-transition: all 0.3s linear;
  644. -o-transition: all 0.3s linear;
  645. -ms-transition: all 0.3s linear;
  646. -webkit-filter: grayscale(100%);
  647. -moz-filter: grayscale(100%);
  648. -ms-filter: grayscale(100%);
  649. -o-filter: grayscale(100%);
  650. }
  651.  
  652. #credit:hover{
  653. opacity:0.3;
  654. -webkit-filter: grayscale(0%);
  655. -moz-filter: grayscale(0%);
  656. -ms-filter: grayscale(0%);
  657. -o-filter: grayscale(0%);
  658. }
  659.  
  660.  
  661. {CustomCSS}
  662.  
  663.  
  664. </style>
  665. </head>
  666. <body>
  667.  
  668. <div id="sidebar">
  669. <div id="simg"><img src="{image:sidebar}"/></div>
  670.  
  671. <div id="description">
  672. {Description}
  673. </div>
  674.  
  675. <div id="nav">
  676. <div style="opacity:1;"><a href="/" title="home"></a></div>
  677. <div style="opacity:0.8;"><a href="{text:Link 1 URL}" title="{text:Link 1}"></a></div>
  678. <div style="opacity:0.6;"><a href="{text:Link 2 URL}" title="{text:Link 2}"></a></div>
  679. <div style="opacity:0.4;"><a href="{text:Link 3 URL}" title="{text:Link 3}"></a></div>
  680. <div style="opacity:0.3;"><a href="{text:Link 4 URL}" title="{text:Link 4}"></a></div>
  681. </div>
  682.  
  683. <div class="prev">{block:PreviousPage}<a href="{PreviousPage}">⇠</a>{/block:PreviousPage}</div>
  684. <div class="next">{block:NextPage}<a href="{NextPage}">⇢</a>{/block:NextPage}</div>
  685.  
  686. </div>
  687. </div>
  688.  
  689.  
  690.  
  691. <div id="container">
  692. {block:Posts}
  693.  
  694. <div id="post">
  695. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  696.  
  697. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  698.  
  699. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  700. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  701.  
  702. {block:ContentSource}
  703. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  704. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  705. {/block:SourceLogo}
  706. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  707. {/block:ContentSource}
  708.  
  709. {block:Photo}
  710. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}<br>{block:Caption}<h3>{Caption}</h3>{/block:Caption}
  711. {/block:Photo}
  712.  
  713. {block:Photoset}
  714. {Photoset-500}{block:Caption}<h3>{Caption}</h3>{/block:Caption}
  715. {/block:Photoset}
  716.  
  717.  
  718.  
  719. {block:Chat}
  720. {block:Title}<a href="{Permalink}"><h1>{Title}</h1></a>{/block:Title}
  721. <div class="chat"><ul>{block:Lines}
  722. <li class="person{UserNumber}">{block:Label}
  723. <span class="label"><u>{Label}</u></span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  724. {/block:Chat}
  725.  
  726.  
  727. {block:Video}{video-500}{block:Caption}<h3>{Caption}</h3>{/block:Caption}{/block:Video}
  728.  
  729. {block:Answer}<div id="asker" style="margin-left:5px;width:500px;"><img align="left" src="{AskerPortraitURL-30}"style="width:20px;border: 2px solid {color:border}; padding:2px; margin-left:5px;margin-top:-10px; background:{color:background};"><span style="font-family:cambria; font-size:9px;font-style:italic; background:{color:border};color:{color:ask text}; padding:1px;">{Asker} whispered:&nbsp;&nbsp;&nbsp;</span><div style="background:{color:ask bg}; padding:15px; margin-top:-7px; color:{color:text};">&nbsp;&nbsp;{Question}</div><span style="font-family:cambria;font-size:10px; marging-left:10px; color:{color:text};">{Answer}</span></div>{/block:Answer}
  730.  
  731.  
  732. {block:Audio}
  733. <div class="audio"><div class="musicplayer">{AudioPlayer}</div>
  734. <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>
  735. <div class="audioinfo">{block:TrackName}{TrackName}{/block:TrackName}<br>
  736. <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>
  737. {block:Caption}<div class="postbody">{Caption}</div>{/block:Caption}{/block:Audio}
  738.  
  739. <div class="topline"> </div>{block:Date}
  740. <div class="box"><span class="date"><a href="{Permalink}">{TimeAgo}</a></span> &emsp;{24Hour}:{Minutes} &nbsp;&nbsp; {block:NoteCount}<a href="{Permalink}"></span> {NoteCount} NOTES</a> {/block:NoteCount}{block:RebloggedFrom}&nbsp; &nbsp;<a href="{ReblogParentURL}">via</a> &nbsp; <a href="{ReblogRootURL}">source</a> {/block:RebloggedFrom} &nbsp;&nbsp;<a href="{ReblogURL}" target="_blank"> reblog</a></font></div>
  741. {/block:Date}
  742.  
  743. <div class="bottomline"></div><div class="tagS">{block:HasTags}<span style="text-transform:justify;font-size:7px;color:{color:tags}">FILED UNDER:</span> {block:Tags} <a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</div></div>
  744.  
  745. {/block:Posts}
  746.  
  747. <div class="note">
  748. {block:PostNotes}{PostNotes}{/block:PostNotes}
  749. </div>
  750. </div>
  751. {/block:Posts}
  752. <a href="http://mandrakescry.tumblr.com/" title="theme by mandrakescry"><img src="http://static.tumblr.com/xkrznpq/PMOmud849/m.png" id="credit"></a>
  753.  
  754. </body>
  755. </html>
  756.  
  757. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement