SHARE
TWEET

Theme 29

Themes_Mandrakescry Feb 20th, 2014 2,868 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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. <html>
  10. <head>
  11.  
  12. <meta name="color:background" content="#FFFFFF">
  13. <meta name="color:link" content="#928f8f">
  14. <meta name="color:post links" content="#928f8f">
  15. <meta name="color:hover" content="#454545">
  16. <meta name="color:info" content="#dadada">
  17. <meta name="color:text" content="#9A9A9A">
  18. <meta name="color:title" content="#0a0a0a">
  19. <meta name="color:bold" content="#00a1ff" />
  20. <meta name="color:italic" content="#de00ff" />
  21. <meta name="color:underline" content="#fdff00" />
  22. <meta name="color:sidebar text" content="#a8a6a6">
  23. <meta name="color:tags" content="#dddddd">
  24. <meta name="color:blog title" content="#1d1d1d" />
  25. <meta name="color:scrollbar" content="#313231">
  26. <meta name="color:border" content="#474747">
  27. <meta name="color:nav links" content="#fff"/>
  28. <meta name="color:nav hover" content="#fff"/>
  29. <meta name="color:ask bg" content="#dddddd" />
  30. <meta name="color:info border" content="#c4c3c3">
  31. <meta name="color:tag background" content="#cb7dd4" />
  32. <meta name="color:notes background" content="#80b1f4" />
  33. <meta name="color:nav bg" content="#000000" />
  34. <meta name="color:link border" content="#00a1ff" />
  35.  
  36. <meta name="image:sidebar" content=""/>
  37. <meta name="image:background" content="" />
  38.  
  39. <meta name="text:blog title" content="What's life without a little risk?" />
  40.  
  41. <meta name="text:Link 1" content="" />
  42. <meta name="text:Link 1 Text" content="link 1" />
  43. <meta name="text:Link 2" content="" />
  44. <meta name="text:Link 2 Text" content="link 2" />
  45. <meta name="text:Link 3" content="" />
  46. <meta name="text:Link 3 Text" content="link 3" />
  47. <meta name="text:Link 4" content="" />
  48. <meta name="text:Link 4 Text" content="link 4" />
  49. <meta name="text:Link 5" content="" />
  50. <meta name="text:Link 5 Text" content="link 5" />
  51. <meta name="if:Show Link 1" content="1" />
  52. <meta name="if:Show Link 5" content="1" />
  53. <meta name="if:Show Link 2" content="1" />
  54. <meta name="if:Show Link 3" content="1" />
  55. <meta name="if:Show Link 4" content="1" />
  56.  
  57.  
  58. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  59. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  60. <link rel="shortcut icon" href="{Favicon}" />
  61. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  62.  
  63. <script type="text/javascript"
  64. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  65.  
  66. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  67. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  68. <script>
  69. (function($){
  70. $(document).ready(function(){
  71. $("a[title]").style_my_tooltips({
  72. tip_follows_cursor:true,
  73. tip_delay_time:90,
  74. tip_fade_speed:600,
  75. attribute:"title"
  76. });
  77. });
  78. })(jQuery);
  79. </script>
  80.  
  81. <script>
  82. $(document).ready(function(){
  83.  
  84.    $(".slidingDiv").hide();
  85.    $(".show_hide").show();
  86.  
  87.    $('.show_hide').toggle(function(){
  88.        $(".slidingDiv").slideDown(
  89.          function(){
  90.            $("#navigation").text("navigation")
  91.          }
  92.        );
  93.    },function(){
  94.        $(".slidingDiv").slideUp(
  95.        function(){
  96.            $("#navigation").text("navigation")
  97.        }
  98.        );
  99.    });
  100. });
  101. </script>
  102.  
  103. <link href='http://fonts.googleapis.com/css?family=Berkshire+Swash' rel='stylesheet' type='text/css'>
  104.  
  105.  
  106. <style type="text/css">
  107.  
  108. #s-m-t-tooltip{
  109. max-width:250px;
  110. z-index:999999;
  111. margin-top:-25px;
  112. padding:2px 2px;
  113. text-transform:uppercase;
  114. border:1px solid {color:sidebar title};
  115. background:{color:border};
  116. color:{color:background};
  117. font-family:trebuchet ms;
  118. font-size:8px;
  119. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  120.  
  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. b, strong {
  139. color:{color:bold};
  140. }
  141.  
  142. i, em {
  143. color: {color:italic};
  144. }
  145.  
  146. u {
  147. color: {color:underline};
  148. }
  149.  
  150.    
  151. ::-webkit-scrollbar {
  152. height:8px;
  153. width:5px}
  154.  
  155. ::-webkit-scrollbar-thumb:vertical {
  156. background-color:{color:scrollbar};
  157. height:50px;
  158. }
  159.  
  160. ::-webkit-scrollbar-thumb:horizontal {
  161. background-color:{color:scrollbar};
  162. height:8px!important;
  163. }
  164.  
  165. body{
  166. background-image: url('{image:background}');
  167. background-color:{color:background};
  168. color: {color:text};
  169. background-attachment:fixed;
  170. background-repeat:repeat;
  171. background-position:right;
  172. font-family:{font:body};
  173. font-size:11px;
  174. text-align:justify;
  175. }
  176.  
  177.  
  178. h1 {
  179. font-weight:normal;
  180. font-size:10px;
  181. text-align:center;
  182. font-style:normal;
  183. line-height:80%;
  184. letter-spacing:1px;
  185. text-transform:uppercase;
  186. color:{color:text};
  187. }
  188.  
  189. h2 {
  190. font-size:18px;
  191. text-align:left;
  192. line-height:100%;
  193. letter-spacing:-0.5px;
  194. font-family: vernada;
  195. color:{color:title};
  196. font-weight:normal;
  197. padding:5px;
  198. padding-bottom:2px;
  199. }
  200.  
  201.  
  202. blockquote {
  203. border-left:2px solid {color:text};
  204. padding-left:5px;
  205. margin:5px;
  206. }
  207.  
  208.  
  209.  
  210. #sidebar {
  211. float:right;
  212. position:fixed;
  213. margin-left:260px;
  214. width: 160px;
  215. margin-top:100px;
  216. height:110%;
  217. padding:10px;
  218. }
  219.  
  220.  
  221. #simg img {
  222. width:100px;
  223. height:100px;
  224. margin-left:10px;
  225. margin-top:10px;
  226. padding:10px;
  227. border: 8px outset {color:border};
  228. border-radius:200px;
  229. }
  230.  
  231. #description {
  232. width:150px;
  233. margin-top:40px;
  234. margin-left:10px;
  235. font-size: 10px;
  236. color:{color:sidebar text};
  237. line-height: 18px;
  238. text-align:justify;
  239. line-height:10px;
  240. padding:5px 0px 5px;
  241. }
  242.  
  243.  
  244. .pags {
  245. color: {color:links};
  246. text-align: center;
  247. font-size: 10px;
  248. width: 120px;
  249. margin-top: 30px;
  250. margin-left:20px;
  251. position: absolute;
  252. letter-spacing: 1px;
  253. font-family: cambria;
  254. }
  255. .pags a{
  256. color:{color:hover};
  257. }
  258.  
  259. #blogtitle {
  260. position:fixed;
  261. text-align:center;
  262. margin-left:-15px;
  263. margin-top:-4px;
  264. width:120px;
  265. font-size:15px;
  266. height:50px;
  267. line-height:100%;
  268. color:{color:blog title};
  269. font-family: 'Berkshire Swash', cursive;
  270. text-transform:lowercase;
  271. ransform: rotate(15deg);
  272. -ms-transform: rotate(15deg);
  273. -webkit-transform: rotate(15deg);
  274. -o-transform: rotate(15deg);
  275. -moz-transform: rotate(15deg);
  276. }
  277.        
  278.  
  279.  
  280. .links{
  281. position:fixed;
  282. font-size:10px;
  283. font-family: calibri;
  284. text-transform:uppercase;
  285. margin-top:290px;
  286. word-spacing:3px;
  287. padding-bottom:4px;
  288. width:10px;
  289. text-align:left;
  290. display:block;
  291. margin-left:390px;
  292. }
  293.    
  294. .links a{
  295. padding:5px;
  296. letter-spacing:0px;
  297. width:80px;
  298. color:{color:nav links};
  299. margin-left:40px;
  300. display:block;
  301. text-decoration:none;
  302. -moz-transition-duration:0.6s;
  303. -webkit-transition-duration:0.6s;
  304. -o-transition-duration:0.6s;
  305. }
  306.    
  307. .links a:hover {
  308. color:{color:nav hover};
  309. text-decoration:none;
  310. -moz-transition:0.3s ease-in;
  311. -webkit-transition:0.3s ease-in;
  312. -o-transition:0.3s ease-in;
  313. transition:0.3s ease-in;
  314. }    
  315.      
  316. .show_hide {
  317. position:fixed;
  318. display:none;
  319. font-family:arial;
  320. text-align:center;
  321. line-height:100%;
  322. font-size:15px;
  323. background:{color:nav bg};
  324. border-radius:200px;
  325. }
  326.  
  327. .show_hide a {
  328. color:{color:nav};
  329. }
  330.  
  331.  
  332. #stuffcontainer {
  333. float:center;
  334. margin-left:580px;
  335. margin-top:-10px;
  336. text-align:justify;
  337. color:{color:text};
  338. margin-bottom: 35px;
  339. }
  340.  
  341.  
  342. #stuff {
  343. width:500px;
  344. margin-top:45px;
  345. text-align:justify;
  346. font-size:11px;
  347. line-height:90%;
  348. letter-spacing:0x;
  349. color:{color:text};
  350. background:{color:sidebar};
  351. padding:10px;
  352. }
  353.  
  354. .caption {
  355. width:500px;
  356. text-align:justify;
  357. line-height:120%;
  358. }
  359.        
  360. .ask {
  361. padding:10px;
  362. border-radius:5px;
  363. text-align:left;
  364. color:{color:text};
  365. background-color:{color:ask bg};
  366. }
  367.    
  368. .asker {
  369. text-transform:uppercase;
  370. margin-left:0px;
  371. margin-top:3px;
  372. font-family: armata;
  373. font-size:7px;
  374. color:{color:links};
  375. border-top:1px solid {color:info border};
  376. }
  377.    
  378. .question {
  379. text-transform:uppercase;
  380. width:420px;
  381. font-family: armata;
  382. text-align:left;
  383. font-size:9px;
  384. padding:10px;
  385. margin-left:40px;
  386. margin-top:-40px;
  387. color:{color:text};
  388. }
  389.    
  390. .answer {
  391. text-align:left;
  392. padding:10px;
  393. color:{color:text};
  394. }
  395.  
  396. .audio {
  397. width:500px;
  398. padding-bottom:10px;
  399. background-color:{color:infobg};
  400. }
  401.    
  402. .albumart {
  403. float:left;
  404. padding:0px 10px 10px 0px;
  405. }
  406.    
  407. .albumart img {
  408. width:45px;
  409. height:45px;
  410. }
  411.    
  412. .playercontainer {
  413. text-align:left;
  414. padding:10px;
  415. background-color:#ffffff;
  416. width:480px;
  417. }
  418.    
  419. .audioinfo {
  420. padding:10px;
  421. color:{color:text};
  422. }
  423.  
  424. #bottom{
  425. width: 500px;
  426. background-color: {color:background};
  427. margin-top:10px;
  428. border-top:1px solid {color:info border};
  429. border-bottom:1px solid {color:info border};
  430. padding:2px;
  431. }
  432.  
  433. #tags{
  434. margin-right:auto;
  435. font-family:arial;
  436. font-size:7px;
  437. text-align: center;
  438. letter-spacing:2px;
  439. border-left: 20px solid {color:tag background};
  440. border-right: 20px solid {color:tag background};
  441. -webkit-transition-duration: 0.9s;
  442. -moz-transition-duration: 0.9s;
  443. }
  444.  
  445. #tags:hover{
  446. background-color: {color:tag background};
  447. border-left: 30px solid {color:tag background};
  448. border-right: 30px solid {color:tag background};
  449. -webkit-transition-duration: 0.9s;
  450. -moz-transition-duration: 0.9s;
  451. }
  452.  
  453. #tags a{
  454. color: {color:link};
  455. }
  456.  
  457. #tags a:hover{
  458. color: {color:link hover};
  459. }
  460.  
  461. #tagscontainer{
  462. width:500px;
  463. }
  464.  
  465.  
  466. #notes{
  467. text-transform:uppercase;
  468. text-align:center;
  469. font-family:arial;
  470. font-size:8px;
  471. letter-spacing:1px;
  472. margin-bottom: 1px;
  473. border-left: 20px solid {color:notes background};
  474. border-right: 20px solid {color:notes background};
  475. -webkit-transition-duration: 0.9s;
  476. -moz-transition-duration: 0.9s;
  477. }
  478.  
  479. #notes a{
  480. color: {color:link};
  481. }
  482.  
  483. #notes a:hover{
  484. color: {color:link hover};
  485. }
  486.  
  487. #notes:hover{
  488. background-color: {color:notes background};
  489. -webkit-transition-duration: 0.9s;
  490. -moz-transition-duration: 0.9s;
  491. }
  492.  
  493. #notescontainer{
  494. width: 500px;
  495. }
  496.    
  497. ul.chat, .chat ol, .chat li {
  498. list-style:none;
  499. margin:0px;
  500. padding:2px;
  501. }
  502.    
  503. .label {
  504. text-decoration:underline;
  505. font-weight:700;
  506. background-color:{color:infobg};
  507. margin-right:5px;
  508. }
  509.  
  510.  
  511. #credit{
  512. position:fixed;
  513. bottom:10px;
  514. right:5px;
  515. opacity:1;
  516. z-index:1;
  517. -webkit-transition: all 0.3s linear;
  518. -moz-transition: all 0.3s linear;
  519. -o-transition: all 0.3s linear;
  520. -ms-transition: all 0.3s linear;
  521. -webkit-filter: grayscale(100%);
  522. -moz-filter: grayscale(100%);
  523. -ms-filter: grayscale(100%);
  524. -o-filter: grayscale(100%);
  525. }
  526.  
  527. #credit:hover{
  528. opacity:0.3;
  529. -webkit-filter: grayscale(0%);
  530. -moz-filter: grayscale(0%);
  531. -ms-filter: grayscale(0%);
  532. -o-filter: grayscale(0%);
  533. }
  534.  
  535.  
  536. {CustomCSS}
  537.  
  538. </style>
  539. </head>
  540. <body>
  541.  
  542. <div id="sidebar">
  543. <div id="simg"><a href="/"><img src="{image:sidebar}"/></a>
  544. </div>
  545.  
  546.  
  547. <div id="blogtitle"><font color="{color:blog title}">{text:blog title}</font></div>
  548.  
  549.  
  550. <div id="description">
  551. {block:Description}{Description}{/block:Description}
  552. </div>
  553.  
  554. <div class="pags">
  555. {block:Pagination}
  556. {block:PreviousPage}
  557. <a href="{PreviousPage}">back</a>
  558. {/block:PreviousPage}
  559.  —
  560. {block:NextPage}
  561. <a href="{NextPage}">next</a>
  562. {/block:NextPage}
  563. {/block:Pagination}</div>
  564.  
  565. </div>
  566.  
  567. <div class="links">
  568. <a href="#" class="show_hide" id="links" style="width:13px; height:13px; margin-left:5px;margin-top:-30px;">+</a>
  569. <div class="slidingDiv">
  570. <div style="color:{color:link border}; font-size:30px;">
  571. </div>
  572.  
  573. <a href="/"><div style="color:{color:link border}; display:inline-block;">■ </div> home</a>
  574. <a href="/ask"><div style="color:{color:link border}; display:inline-block;">■</div> ask</a>
  575. {block:IfShowLink1}<a href="{text:Link 1}"><div style="color:{color:link border}; display:inline-block;">■ </div> {text:Link 1 Text}</a>{/block:IfShowLink1}
  576. {block:IfShowLink2}<a href="{text:Link 2}"><div style="color:{color:link border}; display:inline-block;">■ </div> {text:Link 2 Text}</a>{/block:IfShowLink2}
  577. {block:IfShowLink3}<a href="{text:Link 3}"><div style="color:{color:link border}; display:inline-block;">■ </div> {text:Link 3 Text}</a>{/block:IfShowLink3}
  578. {block:IfShowLink4}<a href="{text:Link 4}"><div style="color:{color:link border}; display:inline-block;">■ </div> {text:Link 4 Text}</b></a>{/block:IfShowLink4}
  579. {block:IfShowLink5}<a href="{text:Link 5}"><div style="color:{color:link border}; display:inline-block;">■ </div> {text:Link 5 Text}</a>{/block:IfShowLink5}</div>
  580. </div>
  581.  
  582.  
  583. </div></div>
  584.  
  585.  
  586.  
  587.   <div id="stuffcontainer">
  588.  
  589. {block:Posts}
  590.  
  591. <div id="stuff">
  592.  
  593. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  594.  
  595. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  596.  
  597. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  598. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  599.  
  600. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  601.  
  602. {block:Photoset}<center>{Photoset-500}</center>
  603. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  604.  
  605. {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}
  606.  
  607. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  608.  
  609. {block:Answer}<div class="ask"><img src="{AskerPortraitURL-30}" style=" padding:5px;background:{color:background}; 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}
  610.  
  611. {block:Audio}<div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  612. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  613. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  614. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  615. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  616.  
  617. <p>
  618.  
  619. <div id="bottom">
  620.  
  621. <div id="notes">{block:Date}Posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date} &nbsp; {block:NoteCount}<a href="{Permalink}"> {NoteCountWithLabel}</a>{/block:NoteCount} &nbsp; {block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} &nbsp; {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}{/block:Date}</div>
  622.  
  623. <div id="tags">{block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  624. </div>
  625.  
  626. </div>
  627.  
  628.  
  629. {/block:Posts}
  630.  
  631. {block:PostNotes}
  632. <div id="postnotes">{PostNotes}</div></div>
  633. {/block:PostNotes}
  634.  
  635.  
  636. </div>
  637.  
  638. <div id="credit">
  639. <a href="http://mandrakescry.tumblr.com" title="theme by mandrakescry"><img src="http://static.tumblr.com/xkrznpq/PMOmud849/m.png" style="width:20px;"></a></div>
  640.  
  641. </body>
  642.  
  643.  
  644. </html>
RAW Paste Data
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
 
Top