API tools faq
paste
Advertisement
Themes_Mandrakescry

Theme 17

Themes_Mandrakescry
Aug 14th, 2013
364
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.00 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">
  3.  
  4.  
  5. <!-------------------------------------------
  6. Theme by Clara Schueller
  7. http://mandrakescry.tumblr.com/
  8. DON'T REMOVE THE CREDITS
  9. -------------------------------------------->
  10.  
  11.  
  12.  
  13.  
  14. <head>
  15. <title>{Title}</title>
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18.  
  19. {block:Description}<meta name="description" content="{MetaDescription}" />
  20. {/block:Description}
  21.  
  22. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  23. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  24.  
  25.  
  26. <meta name="image:background" content=""/>
  27. <meta name="image:sidebar" content="http://static.tumblr.com/xkrznpq/32Imo5x44/200px_x_470px.jpg"/>
  28.  
  29.  
  30.  
  31. <meta name="color:link" content="#cbb8d3"/>
  32. <meta name="color:hover" content="#846c8f"/>
  33. <meta name="color:navi link" content="#97889e"/>
  34. <meta name="color:navi link hover" content="#514258"/>
  35. <meta name="color:background" content="#1a1a1a">
  36. <meta name="color:sidebar background" content="#222222">
  37. <meta name="color:post" content="#1a1a1a">
  38. <meta name="color:link" content="#aaaaaa">
  39. <meta name="color:hover" content="#454545">
  40. <meta name="color:hover links" content="#222222">
  41. <meta name="color:chat" content="#424242">
  42. <meta name="color:text" content="#ccc9c9">
  43. <meta name="color:tags" content="#1a1a1a">
  44. <meta name="color:info" content="#504f4f">
  45. <meta name="color:scrollbar" content="#d6d5d5">
  46. <meta name="color:border" content="#eeeeee">
  47. <meta name="color:ask" content="#464444">
  48.  
  49.  
  50. <meta name="text:link 1" content="/"/>
  51. <meta name="text:link 1 title" content="link1"/>
  52. <meta name="text:link 2" content="/"/>
  53. <meta name="text:link 2 title" content="link2"/>
  54. <meta name="text:link 3" content="/"/>
  55. <meta name="text:link 3 title" content="link3"/>
  56.  
  57. <link href='http://fonts.googleapis.com/css?family=Revalia|Iceland' rel='stylesheet' type='text/css'>
  58.  
  59. <style type="text/css">
  60.  
  61. a {
  62. color:{color:link};
  63. text-decoration:none;
  64. -moz-transition-duration:0.5s;
  65. -webkit-transition-duration:0.5s;
  66. -o-transition-duration:0.5s;
  67. }
  68.  
  69. a:hover {
  70. color:{color:hover};
  71. text-decoration:none;
  72. -moz-transition-duration:0.5s;
  73. -webkit-transition-duration:0.5s;
  74. -o-transition-duration:0.5s;
  75. }
  76.  
  77.  
  78. ::-webkit-scrollbar {width: 5px; height:5px; background:{color:background};}
  79. ::-webkit-scrollbar-corner {background:{color:scrollbar};}
  80. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar};}
  81. ::-webkit-scrollbar-thumb:horizontal {background:{color:scrollbar};}
  82.  
  83.  
  84. body {
  85. color:#999999;
  86. text-transform:none;
  87. background-color:{color:background};
  88. font-family:trebuchet ms;
  89. font-size:8px;
  90. line-height:100%;
  91. font-style:none;
  92. font-weight:normal;
  93. background-image:url('{image:background}');
  94. background-position:fixed;
  95. }
  96.  
  97.  
  98.  
  99.  
  100. #qTip {
  101. font-family:trebuchet ms;
  102. display: none;
  103. text-align:left;
  104. position:absolute;
  105. letter-spacing:1px;
  106. text-transform:uppercase;
  107. font-weight:normal;
  108. z-index:99;
  109. font-size:7px;
  110. padding:1px 4px;
  111. line-height:13px;
  112. color:#828282;
  113. border: 1px solid {color:border};
  114. border-radius:2px;
  115. }
  116.  
  117.  
  118. h1 {
  119. font-weight:normal;
  120. font-size:10px;
  121. text-align:center;
  122. font-style:normal;
  123. line-height:80%;
  124. letter-spacing:1px;
  125. text-transform:uppercase;
  126. color:{color:text};
  127. }
  128.  
  129. h2 {
  130. font-size:15px;
  131. text-align:center;
  132. line-height:100%;
  133. letter-spacing:-0.5px;
  134. color:{color:text};
  135. font-weight:normal;
  136. padding:5px;
  137. padding-bottom:2px;
  138. }
  139.  
  140. h3 {
  141. font-family:trebuchet ms;
  142. border-left:3px solid #999;
  143. padding:8px;
  144. font-size:10px;
  145. text-transform:none;
  146. font-weight:normal;
  147. }
  148.  
  149.  
  150. blockquote {
  151. font-family:trebuchet ms;
  152. border-left:2px solid #e6cec8;
  153. padding-left:5px;
  154. margin:5px;
  155. color:{color:text};
  156. }
  157.  
  158. #oops {
  159. position:fixed;
  160. width:13px;
  161. height:150%;
  162. }
  163.  
  164. #line {
  165. position:fixed;
  166. width:170px;
  167. height:150%;
  168. left:100px;
  169. top:-20px;
  170. }
  171.  
  172.  
  173. #desc{
  174. position:absolute;
  175. font-family:courier;
  176. font-weight:400;
  177. width:160px;
  178. padding:5px;
  179. padding-top:13px;
  180. font-size:8px;
  181. line-height:130%;
  182. text-align:center;
  183. opacity:0;
  184. left:-10px;
  185. -webkit-transition: all 0.7s ease;
  186. -moz-transition: all 0.7s ease;
  187. -o-transition: all 0.7s ease;
  188. }
  189.  
  190. #linkz {
  191. font-family:revalia;
  192. font-size:8px;
  193. line-height:120%;
  194. text-align:center;
  195. width:155px;
  196. left:20px;
  197. top:335px;
  198. position:absolute;
  199. }
  200.  
  201. #linkz a {
  202. color:{color:navi link};
  203. text-shadow:0px 0px {color:hover}, -0px 0px {color:hover};
  204. }
  205.  
  206. #linkz a:hover {
  207. color:{color:navi link hover};
  208. text-shadow:3px 0px transparent, -3px 0px transparent;
  209. }
  210.  
  211. .link {
  212. font-family:revalia;
  213. font-size:8px;
  214. line-height:120%;
  215. text-align:center;
  216. display:inline;
  217. padding:5px;
  218. }
  219.  
  220.  
  221. #linkz:hover #desc {
  222. opacity:1;
  223. -webkit-transition: all 0.7s ease;
  224. -moz-transition: all 0.7s ease;
  225. -o-transition: all 0.7s ease;
  226. }
  227.  
  228.  
  229. #sidebar {
  230. position:under;
  231. margin-top: 100px;
  232. margin-left: 105px;
  233. width: 200px;
  234. height: 470px;
  235. position: fixed;
  236. background-image:url('{image:sidebar}');
  237. -webkit-border-top-left-radius: 100px;
  238. -webkit-border-bottom-right-radius: 100px;
  239. -moz-border-radius-topleft: 100px;
  240. -moz-border-radius-bottomright: 100px;
  241. border-top-left-radius: 100px;
  242. border-bottom-right-radius: 100px;
  243. border: 5px solid {color:border};
  244. z-index: 1;
  245.  
  246. }
  247.  
  248. #sidebarimg img{
  249. -webkit-border-top-left-radius: 100px;
  250. -webkit-border-bottom-right-radius: 100px;
  251. -moz-border-radius-topleft: 100px;
  252. -moz-border-radius-bottomright: 100px;
  253. border-top-left-radius: 100px;
  254. border-bottom-right-radius: 100px;
  255. }
  256.  
  257.  
  258. .pagi {
  259. position:fixed;
  260. padding:10px;
  261. width:100px;
  262. text-align:center;
  263. margin-top:75px;
  264. margin-left:190px;
  265. font-family:trebuchet ms;
  266. font-size:7px;
  267. letter-spacing:4px;
  268. text-transform:uppercase;
  269. font-style:normal;
  270. z-index:100;
  271. }
  272.  
  273.  
  274.  
  275. .pagi a {
  276. color:#999999;
  277. }
  278.  
  279. #container {
  280. float:left;
  281. margin-left:480px;
  282. margin-top:35px;
  283. text-align:justify;
  284. background-color:{color:background};
  285. color:{color:text};
  286. margin-bottom: 35px;
  287. }
  288.  
  289.  
  290. #post {
  291. width:500px;
  292. margin-top:15px;
  293. text-align:justify;
  294. padding:10px;
  295. margin-bottom:20px;
  296. font-size:9px;
  297. line-height:90%;
  298. letter-spacing:0px;
  299. color:{color:text};
  300. background-color:{color:post};
  301. }
  302.  
  303.  
  304. #post:hover .musicplayer{
  305. opacity:1;
  306. -webkit-transition: all 0.7s ease-in-out;
  307. -moz-transition: all 0.7s ease-in-out;
  308. -o-transition: all 0.7s ease-in-out;
  309. }
  310.  
  311.  
  312. .caption {
  313. width:500px;
  314. text-align:justify;
  315. line-height:120%;
  316. }
  317.  
  318. .question {
  319. padding:10px;
  320. text-align:justify;
  321. font-style:italic;
  322. background-color:{color:ask};
  323. }
  324.  
  325. .asker {
  326. font-size:8px;
  327. font-weight:bold;
  328. text-transform:uppercase;
  329. text-align:right;
  330. margin-right:10px;
  331. margin-top:-2px;
  332. font-family:calibri;
  333. }
  334.  
  335. .musicplayer{
  336. background-color:#fff;
  337. padding: 38px 38px 35px 35px;
  338. position:absolute;
  339. opacity:0;
  340. filter:alpha(opacity=70);
  341. width:27px;
  342. height:27px;
  343. overflow:hidden;
  344. position:absolute;
  345. z-index:2;
  346. -webkit-transition: all 0.7s ease-in-out;
  347. -moz-transition: all 0.7s ease-in-out;
  348. -o-transition: all 0.7s ease-in-out;
  349. }
  350.  
  351.  
  352. .audio{
  353. position:absolute;
  354. width:40px;
  355. height:40px;
  356. }
  357.  
  358. .audioimg{
  359. width:100px;
  360. height:100px;
  361. position:absolute;
  362. }
  363.  
  364. .audioimg img{
  365. float:left;
  366. opacity:1;
  367. width:100px;
  368. }
  369.  
  370. .audioinfo{
  371. font-size:13px;
  372. font-style:italic;
  373. font-family:'playfair display';
  374. color:#9a9a9a;
  375. margin-bottom: 1px;
  376. margin-left:101px;
  377. height:65px;
  378. display:block;
  379. width:399px;
  380. text-align:center;
  381. background-color:#fafafa;
  382. padding-top:35px;
  383. }
  384.  
  385. .note {
  386. text-transform:uppercase;
  387. font-style:normal;
  388. letter-spacing:0px;
  389. font-size: 9px;
  390. text-align:left;
  391. line-height:90%;
  392. margin-left:-40px;
  393. }
  394.  
  395. .note li {
  396. list-style-type:none;
  397. font-size:7px;
  398. border-bottom:1px solid {color:info};
  399. padding:10px 25px 10px 25px;
  400. text-align:left;
  401. margin:0px;
  402. -moz-transition-duration:0.5s;
  403. -webkit-transition-duration:0.5s;
  404. -o-transition-duration:0.5s;
  405.  
  406. }
  407.  
  408.  
  409.  
  410. .tagS {
  411. font-style:normal;
  412. width:500px;
  413. color:{color:tags};
  414. text-transform:uppercase;
  415. font-style:normal;
  416. letter-spacing:1px;
  417. font-size:7px;
  418. line-height:100%;
  419. text-align:right;
  420. padding:1px;
  421. -moz-transition-duration:0.5s;
  422. -webkit-transition-duration:0.5s;
  423. -o-transition-duration:0.5s;
  424. }
  425.  
  426. .tagS a{
  427. display:inline;
  428. background-color:{color:tags};
  429. padding:-3px;
  430. text-align:left;}
  431.  
  432. .tagS a:hover {
  433. color:#000;
  434. }
  435.  
  436.  
  437.  
  438. .bottomline {
  439. margin-top:10px;
  440. padding:5px;
  441. border-top:1px solid {color:info};
  442. }
  443.  
  444. .doubleline {
  445. padding-top:5px;
  446. border-bottom:3px double {color:info};
  447. }
  448.  
  449. .date {
  450. text-transform:none;
  451. font-family:trebuchet ms;
  452. font-size:10px;
  453. color:#fff;
  454. padding:5px 10px 5px 10px;
  455. background:{color:info}; }
  456.  
  457. .box, .box a {
  458. font-family:trebuchet ms;
  459. text-transform:uppercase;
  460. font-size:7px;
  461. margin-top:9px;
  462. margin-bottom:-3px;}
  463.  
  464. .chat {
  465. font-size:8px;
  466. line-height:12px;
  467. text-transform:uppercase;
  468. list-style:none
  469. font-family:calibri;
  470. }
  471. .chat ul {
  472. line-height:15px;
  473. list-style:none;
  474. padding:0px;
  475. line-height:20px;
  476. }
  477. .person1 {
  478. background-color:{color:chat};
  479. padding-left:6px;
  480. padding-right:6px;
  481. font-family:calibri;
  482. }
  483. .person1 .label {
  484. font-weight:bold;
  485. font-family:calibri;
  486. }
  487. .person2 {
  488. background-color:{color:entries};
  489. padding-left:6px;
  490. padding-right:6px;
  491. font-family:calibri;}
  492. .person2 .label {
  493. font-weight:bold;
  494. font-family:calibri;
  495. }
  496. .person3 {
  497. background-color:{color:chat};
  498. padding-left:6px;
  499. padding-right:6px;
  500. font-family:calibri; }
  501. .person3 .label {
  502. font-weight:bold;
  503. font-family:calibri;
  504. }
  505. .person4 {
  506. background-color:{color:entries};
  507. padding-left:6px;
  508. padding-right:6px;
  509. font-family:calibri;
  510. }
  511. .person4 .label {
  512. font-weight:bold;
  513. font-family:calibri;
  514. }
  515. .person5 {
  516. background-color:{color:chat};
  517. padding-left:6px;
  518. padding-right:6px;
  519. font-family:calibri;
  520. }
  521. .person5 .label {
  522. font-weight:bold;
  523. font-family:calibri;
  524. }
  525. .person6 {
  526. background-color:{color:entries};
  527. padding-left:6px;
  528. padding-right:6px;
  529. }
  530. .person6 .label {
  531. font-weight:bold;
  532. }
  533.  
  534. @font-face {
  535. font-family: 'ballpark';
  536. src: url('http://static.tumblr.com/c5gdi2k/2fhn63ifn/ballw___.ttf');
  537. }
  538.  
  539. .credit {
  540. position:fixed;
  541. bottom:5px;
  542. right:5px;
  543. font: 20px Ballpark;
  544. background: transparent;
  545. color: #ddd;
  546. text-transform:uppercase;
  547. letter-spacing: 0px;
  548. padding: 5px; }
  549.  
  550. .credit a{
  551. color:#ddd;
  552. opacity:0.8;}
  553.  
  554. .credit a:hover{
  555. color:#000;
  556. opacity:1.0;}
  557.  
  558.  
  559. </style>
  560.  
  561.  
  562.  
  563. </head>
  564. <body>
  565.  
  566. <div id="sidebar">
  567. <div id="sidebarimg"></div>
  568. <div id="linkz">
  569. <div class="link"><a href="/" title="index">01</a></div>
  570. <div class="link"><a href="/ask" title="ask">02</a></div>
  571. <div class="link"><a href="{text:link 1}" title="{text:link 1 title}">03</a></div>
  572. <div class="link"><a href="{text:link 2}" title="{text:link 2 title}">04</a></div>
  573. <div class="link"><a href="{text:link 3}" title="{text:link 3 title}">05</a></div>
  574. <div id="desc">{description}</div>
  575. </div>
  576. </div>
  577.  
  578. <div class="pagi">
  579. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">←</a>
  580. {/block:PreviousPage}{block:JumpPagination length="4"}
  581. {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}
  582. {/block:JumpPagination}{block:NextPage}<a href="{NextPage}">→</a>
  583. {/block:NextPage}</div>{/block:Pagination}</div>
  584.  
  585. <div id="container">
  586. {block:Posts}
  587.  
  588. <div id="post">
  589. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  590.  
  591. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  592.  
  593. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  594. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  595.  
  596. {block:ContentSource}
  597. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  598. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  599. {/block:SourceLogo}
  600. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  601. {/block:ContentSource}
  602.  
  603. {block:Photo}
  604. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}<br>{block:Caption}<h3>{Caption}</h3>{/block:Caption}
  605. {/block:Photo}
  606.  
  607. {block:Photoset}
  608. {Photoset-500}{block:Caption}<h3>{Caption}</h3>{/block:Caption}
  609. {/block:Photoset}
  610.  
  611.  
  612.  
  613. {block:Chat}
  614. {block:Title}<a href="{Permalink}"><h1>{Title}</h1></a>{/block:Title}
  615. <div class="chat"><ul>{block:Lines}
  616. <li class="person{UserNumber}">{block:Label}
  617. <span class="label"><u>{Label}</u></span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  618. {/block:Chat}
  619.  
  620.  
  621. {block:Video}{Video-500}{block:Caption}<h3>{Caption}</h3>{/block:Caption}{/block:Video}
  622.  
  623. {block:Answer}<div class="question">{Question}</div><div class="asker"><span style="font-size:20px;color:{color:ask};">◥</span> {Asker}</div>{Answer}{/block:Answer}
  624.  
  625. {block:Audio}
  626. <div class="audio"><div class="musicplayer">{AudioPlayer}</div>
  627. <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>
  628. <div class="audioinfo">{block:TrackName}{TrackName}{/block:TrackName}<br>
  629. <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>
  630. {block:Caption}<div class="postbody">{Caption}</div>{/block:Caption}{/block:Audio}
  631.  
  632. <div class="doubleline"> </div>{block:Date}
  633. <div class="box"><span class="date"><a href="{Permalink}">{TimeAgo}</a></span> &nbsp;&nbsp;<a href="{ReblogURL}" target="_blank"> reblog</a> &emsp; at {24Hour}:{Minutes} &nbsp;&nbsp; {block:NoteCount}<a href="{Permalink}"><font color="fc0707">&hearts;</font></span> {NoteCount} NOTES</a> {/block:NoteCount}{block:RebloggedFrom}&nbsp; &nbsp;via <a href="{ReblogParentURL}">{ReblogParentName}</a> &nbsp; © <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}</div>
  634. {/block:Date}
  635.  
  636. <div class="bottomline"></div><div class="tagS">{block:HasTags}<span style="text-transform:uppercase;font-size:7px;color:{color:text}">tagged as:</span> {block:Tags} <a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</div></div>
  637.  
  638. {/block:Posts}
  639.  
  640. <div class="note">
  641. {block:PostNotes}{PostNotes}{/block:PostNotes}
  642. </div>
  643. </div>
  644. {/block:Posts}
  645.  
  646. </div>
  647.  
  648. <div class="credit"><a href="http://mandrakescry.tumblr.com/"><center>M</center></a></div>
  649.  
  650. </body>
  651. </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!