API tools faq
paste
Advertisement
Themes_Mandrakescry

Theme 20

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