API tools faq
paste
Advertisement
Themes_Mandrakescry

Theme 06

Themes_Mandrakescry
Jan 31st, 2013
249
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.87 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.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!-- Theme by Clara | MANDRAKESCRY.tumblr.com -->
  6.  
  7. <head>
  8. <title>{Title}</title>
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11. {block:Description}
  12. <meta name="description" content="{MetaDescription}" />
  13. {/block:Description}
  14.  
  15.  
  16.  
  17. <meta name="image:sidebar" content="" />
  18. <meta name="color:side" content="#fff">
  19.  
  20. <meta name="color:Scroll" content="#000"/>
  21. <meta name="color:Scrol" content="#aaa"/>
  22. <meta name="color:Background" content="#ffffff"/>
  23. <meta name="color:Title" content="#31312f"/>
  24. <meta name="color:Text" content="#aaa"/>
  25. <meta name="color:Link" content="#50504f"/>
  26. <meta name="color:Navigation" content="#d6d5d5">
  27. <meta name="color:Navi text" content="#ffffff">
  28. <meta name="color:Border" content="#b8b5b6"/
  29.  
  30. <meta name="image:Background" content=""/>
  31.  
  32. <meta name="text:Link1" content="" />
  33. <meta name="text:Link2" content="" />
  34. <meta name="text:Link3" content="" />
  35.  
  36. <meta name="text:Link1 Title" content="" />
  37. <meta name="text:Link2 Title" content="" />
  38. <meta name="text:Link3 Title" content="" />
  39.  
  40.  
  41.  
  42.  
  43. </script>
  44.  
  45. <style type="text/css">
  46.  
  47.  
  48.  
  49. 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;}
  50.  
  51. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  52.  
  53. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scroll}; height:100px;}
  54. ::-webkit-scrollbar {height:0px;width:4px;background-color:{color:scrol};}
  55.  
  56.  
  57.  
  58.  
  59. body {
  60. background-image: url('{image:background}');
  61. background-attachment:fixed;
  62. background-color:{color:background};
  63. font-family:'calibri';
  64. font-size:10px;
  65. color:{color:text};
  66. }
  67.  
  68. a {
  69. color:{color:text};
  70. text-transform:uppercase;
  71. font-family:'calibri';
  72.  
  73. font-size:10px;
  74. text-decoration:none;
  75. -moz-transition: all .7s ease-in-out;
  76. -o-transition: all .7s ease-in-out;
  77. transition: all .7s ease-in-out;
  78. -webkit-transition: all .7s ease-in-out;}
  79. a:hover {
  80. color:#d6c9b7;}
  81.  
  82. h1 {
  83. margin:0px;
  84. padding-bottom:9px;
  85. text-transform:uppercase;
  86. font-family:"calibri";
  87. font-size:10px;
  88. letter-spacing:-1px;
  89. font-weight:lighter;
  90.  
  91. }
  92.  
  93. h2 {
  94. margin:0px;
  95. padding-bottom:9px;
  96. text-transform:uppercase;
  97. font-family:"calibri";
  98. font-size:10px;
  99. letter-spacing:-1px;
  100. font-weight:lighter;
  101.  
  102. }
  103.  
  104.  
  105. blockquote {
  106. padding-left:10px;
  107. margin-left:27px;
  108.  
  109. }
  110.  
  111. li {
  112. margin:0px;
  113. padding-bottom:9px;
  114. text-transform:uppercase;
  115. font-family:"calibri";
  116. font-size:10px;
  117. letter-spacing:-1px;
  118. font-weight:lighter;
  119. list-style:square;
  120. }
  121.  
  122.  
  123.  
  124.  
  125.  
  126.  
  127.  
  128. #links {
  129. position:fixed;
  130. border-bottom:1px solid #000;
  131. padding:2px;
  132. width:140px;
  133. padding:0px;
  134. font-size:9px;
  135. margin-left: 290px;
  136. text-align:center;
  137. margin-top:230px;
  138. color: {color:Link}
  139. line-height: 13px;
  140. text-transform: uppercase;
  141. -webkit-transition: all 0.5s ease-in;
  142. -moz-transition: all 0.5s ease-in;
  143. -o-transition: all 0.5s ease-in;
  144.  
  145. }
  146.  
  147. #links a {
  148. font-size: 8px;
  149. height: 14px;
  150. letter-spacing: 1px;
  151. margin-bottom: -10px;
  152. margin-left: 5px;
  153. text-align:center;
  154. opacity:1;
  155. color:{color:Link};
  156. background-color:{color:Link bg}
  157.  
  158. }
  159.  
  160.  
  161. #sid{
  162. position:fixed;
  163. z-index:9999;
  164. margin-top:220px;
  165. margin-left:130px;
  166. }
  167.  
  168.  
  169. .side{
  170.  
  171. opacity:1;
  172. font-size:10px;
  173. font-family:"calibri";
  174. padding:15px;
  175. text-align:center;
  176. width:130px;
  177. position:fixed;
  178. z-index:9999;
  179. margin-top:250px;
  180. margin-left:280px;
  181. -webkit-transition:all 0.5s ease-out;
  182. -moz-transition:all 0.5s ease-out;
  183. transition:all 0.5s ease-out;
  184.  
  185.  
  186. }
  187.  
  188. .side:hover {
  189. opacity:0.9;
  190. -webkit-transition:all 0.5s ease-out;
  191. -moz-transition:all 0.5s ease-out;
  192. transition:all 0.5s ease-out;
  193.  
  194. }
  195.  
  196.  
  197. #sidebar img{
  198.  
  199. width:120px;
  200. padding:10px;
  201.  
  202. background-color:{color:side};
  203. }
  204.  
  205.  
  206. #cunt{
  207.  
  208.  
  209. {block:indexpage}
  210. {block:ifmed}
  211. width:400px;
  212. {/block:ifmed}
  213.  
  214.  
  215. {/block:indexpage}
  216. {block:permalinkpage}
  217. width:500px;
  218. {/block:permalinkpage}
  219. height:auto;
  220.  
  221. }
  222.  
  223. #center{
  224.  
  225. padding-top:3px;
  226. padding-bottom:3px;
  227. position:fixed ;
  228. width:450px;
  229. height:207px;
  230. background-color:#fff;
  231. {block:PermalinkPage}
  232. width:410px;
  233. height:207px;
  234. {/block:PermalinkPage}
  235. }
  236.  
  237.  
  238. #container {
  239. margin-left:500px;
  240. margin-top:10px;
  241. font-family:calibri;
  242. font-size:12px;
  243. color:{color:text};
  244. text-align:justify;
  245. width:500px;
  246. z-index:999;
  247. }
  248.  
  249. #container img {
  250. max-width:100%;
  251. }
  252.  
  253. #posts {
  254. background-color:{color:posts};
  255. margin-bottom:5px;
  256. padding:15px;
  257. width:500px;
  258. }
  259.  
  260. pre {
  261. word-wrap:break-word;
  262. }
  263.  
  264. .datenote {
  265. background-color:{color:navigation};
  266. color:{color:navi text};
  267. padding:2px;
  268. text-transform:uppercase;
  269. width:auto;
  270. font-size:9px;
  271. margin-bottom:10px;
  272. }
  273.  
  274. .datenote a {
  275. color:{color:navi text};
  276. }
  277.  
  278. .tags {
  279. text-transform:lowercase;
  280. font-size:11px;
  281. }
  282.  
  283. #space {
  284. margin-bottom:10px;
  285. }
  286.  
  287. #ptitle {
  288. font-family: Calibri;
  289. font-size:18px;
  290. color:{color:title};
  291. }
  292.  
  293. blockquote {
  294. border-left:3px solid {color:border};
  295. padding-left:3px;
  296. margin-left:20px;
  297. margin-right:20px;
  298. }
  299.  
  300. ul.chat, .chat ol, .chat li {
  301. list-style:none;
  302. margin:0px;
  303. padding:0px;
  304. }
  305.  
  306. .user_1 .label {color:{color:bold}; text-transform:uppercase; font-weight:bold;}
  307. .user_2 .label {color:{color:link}; text-transform:uppercase; font-weight:bold;}
  308. .user_3 .label {color:{color:bold}; text-transform:uppercase; font-weight:bold;}
  309. .user_4 .label {color:{color:link}; text-transform:uppercase; font-weight:bold;}
  310. .user_5 .label {color:{color:bold}; text-transform:uppercase; font-weight:bold;}
  311. .user_6 .label {color:{color:link}; text-transform:uppercase; font-weight:bold;}
  312. .user_7 .label {color:{color:bold}; text-transform:uppercase; font-weight:bold;}
  313. .user_8 .label {color:{color:link}; text-transform:uppercase; font-weight:bold;}
  314. .user_9 .label {color:{color:bold}; text-transform:uppercase; font-weight:bold;}
  315. .user_10 .label {color:{color:link}; text-transform:uppercase; font-weight:bold;}
  316.  
  317. #audio {
  318. height:100px;
  319. margin-bottom:5px
  320. }
  321.  
  322. #albumart {
  323. width:64px;
  324. height:64px;
  325. float:left;
  326. }
  327.  
  328. #playerbg {
  329. position:absolute;
  330. background-color:white;
  331. width:64px;
  332. height:64px;
  333. opacity:0.4;
  334. -webkit-transition:all 1s ease-in-out;
  335. -moz-transition:all 1s ease-in-out;
  336. -o-transition:all 1s ease-in-out;
  337. -ms-transition: all 1s ease-in-out;
  338. transition:all 1s ease-in-out
  339. }
  340.  
  341. #playerbg:hover {
  342. opacity:0.7;
  343. -webkit-transition:all 1s ease-in-out;
  344. -moz-transition:all 1s ease-in-out;
  345. -o-transition:all 1s ease-in-out;
  346. -ms-transition: all 1s ease-in-out;
  347. transition:all 1s ease-in-out
  348. }
  349.  
  350. #player {
  351. position:absolute;
  352. width:25px;
  353. height:25px;
  354. padding:3px;
  355. margin-top:17px;
  356. margin-left:15px;
  357. overflow:hidden;
  358. }
  359.  
  360. #audioinfo {
  361. margin-left:70px;
  362. font-family:calibri;
  363. font-size:10px;
  364. padding-left:3px;
  365. margin-bottom:3px;
  366. margin-top:1px;
  367. }
  368.  
  369. #audiocap {
  370. margin-top:-45px;
  371. }
  372.  
  373. #question {
  374. background-color:{color:navigation};
  375. padding:20px;
  376. color:{color:navi text};
  377. word-wrap: break-word;
  378. text-align:center;
  379. -moz-border-radius: 4px;
  380. border-radius: 4px;
  381. -webkit-border-radius: 4px;
  382. }
  383.  
  384. #point {
  385. position:absolute;
  386. margin-left:235px;
  387. margin-top:-10px;
  388. border: 13px solid;
  389. border-color: {color:navigation} {color:navigation} transparent transparent;
  390. }
  391.  
  392. #asker {
  393. margin-left:270px;
  394. margin-top:5px;
  395. text-transform:uppercase;
  396. font-size:10px;
  397. }
  398.  
  399. #answer {
  400. margin-left:5px;
  401. word-wrap: break-word;
  402. }
  403.  
  404. #paging {
  405. float:left;
  406. font-family:calibri;
  407. font-size:40px;
  408. text-align:center;
  409. clear:both;
  410. width:100px;
  411. }
  412.  
  413. .notes {
  414. list-style:none;
  415. margin-left:-30px;
  416. }
  417.  
  418. .notes img {
  419. -moz-border-radius: 8px;
  420. -webkit-border-radius: 8px;
  421. border-radius: 8px;
  422. }
  423.  
  424. td blockquote {
  425. margin-left:40px;
  426. }
  427.  
  428. #pagination {
  429. font-family:consolas;
  430. text-align:center;
  431. font-size:10px;
  432. margin-top: 8px;
  433. text-shadow: 0px 1px 5px rgba(0,0,0,0.13);
  434. text-transform:uppercase;
  435. }
  436.  
  437. @font-face {
  438. font-family: 'ballpark';
  439. src: url('http://static.tumblr.com/c5gdi2k/2fhn63ifn/ballw___.ttf');
  440. }
  441. .credit {position:fixed; bottom:15px; right:15px; font: 12px Ballpark; background: #fcfcfc; color: #cccccc; border: 1px solid #f2f2f2; text-transform:uppercase; letter-spacing: 0px; padding: 5px; }
  442. .credit a{ #e7e7e7; opacity:0.8;}
  443. .credit a:hover{color:{color:linkhovercolor}; opacity:1.0;}
  444.  
  445.  
  446. </style>
  447.  
  448. </head>
  449. <body>
  450.  
  451.  
  452.  
  453.  
  454. <a href="/"><div id="sid"></a>
  455.  
  456.  
  457. <div id="sidebar"><img src="{image:sidebar}" style="border:1px solid {color:border};"></a>
  458.  
  459. <div id="pagination">
  460. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«&nbsp;</a>{/block:PreviousPage}{CurrentPage}/{TotalPages} {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  461. {/block:Pagination}</div>
  462.  
  463. </div></div></div></div></div></div></div></div></div>
  464.  
  465. <div id="links">
  466. <a href="/">home</a>
  467. <a href="/ask">message</a>
  468. <a href="/archive">archive</a><br>
  469. <a href="{text:Link1}">{text:Link1 Title}</a>
  470. <a href="{text:Link2}">{text:Link2 Title}</a>
  471. <a href="{text:Link3}">{text:Link3 Title}</a>
  472. </a></div></div></div>
  473.  
  474. </div></div></div>
  475. <div class="side">
  476. {Description}
  477.  
  478.  
  479.  
  480.  
  481. </div></a></div></div></div></a></div></div></div></a></div></div></div>
  482.  
  483. <br> <br> <br> <br>
  484.  
  485. <div id="container">{block:Posts}<div id="posts">
  486.  
  487. {block:Text}
  488. {block:Title}<div id="ptitle">{title}</div>{/block:Title}
  489. {Body}
  490. {/block:Text}
  491.  
  492. {block:Photo}
  493. <center><img src="{PhotoURL-500}"></center>
  494. {block:Caption}{Caption}{/block:Caption}
  495. {/block:Photo}
  496.  
  497. {block:Photoset}
  498. <center>{Photoset-500}</center>
  499. {block:Caption}{Caption}{/block:Caption}
  500. {/block:Photoset}
  501.  
  502. {block:Quote}
  503. <div id="ptitle">{Quote}</div><br>
  504. {block:Source}<div style="margin-left:20px;">&mdash; {Source}</div>{/block:Source}
  505. {/block:Quote}
  506.  
  507. {block:Link}
  508. <div id="ptitle"><a href="{URL}">{Name} → </a></div>
  509. {block:Description}{Description}{/block:Description}
  510. {/block:Link}
  511.  
  512. {block:Chat}
  513. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  514. {/block:Chat}
  515.  
  516. {block:Audio}
  517. <div id="audio">
  518. <div id="playerbg"><div id="player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  519. {block:AlbumArt}<img src="{AlbumArtURL}" id="albumart">{/block:AlbumArt}
  520. <div id="audioinfo">{block:TrackName}<b>SONG</b>: {TrackName}.{/block:TrackName}</div>
  521. <div id="audioinfo">{block:Artist}<b>ARTIST</b>: {Artist}.{/block:Artist}</div>
  522. <div id="audioinfo">{block:PlayCount}Played {FormattedPlayCount} times.{/block:PlayCount}</div>
  523. </div>
  524. {block:Caption}<div id="audiocap">{Caption}</div>{/block:Caption}
  525. {/block:Audio}
  526.  
  527. {block:Video}
  528. {Video-500}
  529. {block:Caption}{Caption}{/block:Caption}
  530. {/block:Video}
  531.  
  532. {block:Answer}
  533. <div id="question">{Question}</div>
  534. <div id="point"></div>
  535. <div id="asker"><img src="{AskerPortraitURL-16}"> {Asker}</div>
  536. {Answer}
  537. {/block:Answer}
  538.  
  539. </div>
  540.  
  541. <div id="space"><span class="datenote">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</span>
  542. {block:HasTags}<span class="tags">{block:Tags}&nbsp;&nbsp; x <a href="{TagURL}"> {Tag}</a>&nbsp;{/block:Tags}</span>{/block:HasTags}</div>
  543.  
  544. {block:PermalinkPage}
  545. <div style="margin-top:-7px; text-transform:uppercase; font-size:10px;">{block:ContentSource}<b>source:</b> <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource} &nbsp;&nbsp; {block:RebloggedFrom}<b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</div>
  546. {block:PostNotes}<span class="notes">{PostNotes}</span>{/block:PostNotes}
  547. {/block:PermalinkPage}
  548.  
  549. {/block:Posts}</div>
  550.  
  551.  
  552. </body>
  553.  
  554. <div class="credit"><a href="http://mandrakescry.tumblr.com/"><center>cred</center></a></div>
  555.  
  556.  
  557. </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!