API tools faq
paste
Advertisement
Themes_Mandrakescry

Theme 31

Themes_Mandrakescry
Mar 8th, 2014
1,551
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.09 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. <!-------------------------------------------
  6. Theme by Clara
  7. http://mandrakescry.tumblr.com/
  8. DON'T REMOVE THE CREDITS
  9. -------------------------------------------->
  10.  
  11. <html>
  12. <head>
  13.  
  14.  
  15.  
  16. <title>{title}</title>
  17. <meta charset="utf-8">
  18. {block:Description}
  19. <meta name="description" content="{MetaDescription}" />
  20. {/block:Description}
  21.  
  22. <meta name="color:Text" content="#8a8988" />
  23. <meta name="color:Background" content="#ffffff" />
  24. <meta name="color:Border" content="#fafafa" />
  25. <meta name="color:Link" content="#c0c0c0" />
  26. <meta name="color:Link Hover" content="#999999" />
  27. <meta name="color:Sidebar Background" content="#0b0b0b" />
  28. <meta name="color:Description Text" content="#f5f5f5" />
  29. <meta name="color:Permalink Bar" content="#f8f8f8" />
  30. <meta name="color:Permalink Text" content="#8d8d8d" />
  31. <meta name="color:Info" content="#d9d7d4" />
  32. <meta name="color:Title" content="#c7c7c7" />
  33. <meta name="color:Scrollbar" content="#7a7a7a" />
  34. <meta name="color:Scrollbar Background" content="#ffffff" />
  35.  
  36. <meta name="text:Link 1" content=""/>
  37. <meta name="text:Link 2" content=""/>
  38. <meta name="text:Link 3" content=""/>
  39. <meta name="text:Link 4" content=""/>
  40. <meta name="text:Link 5" content=""/>
  41. <meta name="text:Link 6" content=""/>
  42. <meta name="text:Link 1 Name" content=""/>
  43. <meta name="text:Link 2 Name" content=""/>
  44. <meta name="text:Link 3 Name" content=""/>
  45. <meta name="text:Link 4 Name" content=""/>
  46. <meta name="text:Link 5 Name" content=""/>
  47. <meta name="text:Link 6 Name" content=""/>
  48.  
  49. <meta name="image:Background" content=""/>
  50. <meta name="image:Sidebar" content=""/>
  51.  
  52.  
  53. <link rel="shortcut icon" href="{Favicon}">
  54.  
  55. <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
  56. <script type="text/javascript" src="https://raw.github.com/LeaVerou/prefixfree/master/prefixfree.min.js"></script>
  57.  
  58. <link href='http://fonts.googleapis.com/css?family=Walter+Turncoat' rel='stylesheet' type='text/css'>
  59. <link href='http://fonts.googleapis.com/css?family=Arapey:400italic,400' rel='stylesheet' type='text/css'>
  60. <link href='http://fonts.googleapis.com/css?family=Libre+Baskerville:400,700,400italic' rel='stylesheet' type='text/css'>
  61. <link href='http://fonts.googleapis.com/css?family=Roboto+Slab' rel='stylesheet' type='text/css'>
  62. <link href='http://fonts.googleapis.com/css?family=Prosto+One' rel='stylesheet' type='text/css'>
  63.  
  64. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  65. <script>
  66. (function($){
  67. $(document).ready(function(){
  68. $("[title]").style_my_tooltips();
  69. });
  70. })(jQuery);
  71. </script>
  72.  
  73. <script type="text/javascript"
  74. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  75.  
  76. <style>
  77.  
  78. ::-webkit-scrollbar {
  79. width: 5px;
  80. height: 5px;
  81. background:{color:Scrollbar Background};
  82. }
  83.  
  84. ::-webkit-scrollbar-thumb {
  85. background-color: {color:Scrollbar};
  86. }
  87.  
  88.  
  89.  
  90.  
  91. #s-m-t-tooltip{
  92. max-width:250px;
  93. 999999;
  94. margin-top:-25px;
  95. padding:2px 2px;
  96. text-transform:uppercase;
  97. t-family:trebuchet ms;
  98. font-size:8px;
  99. box-shadow:2px 2px 5px rgba(0,0,0,.1);
  100. border:1px dotted #dadada;
  101. background:#f6f6f6;
  102. color:#bababa;
  103. }
  104.  
  105.  
  106.  
  107.  
  108. body {
  109. color: {color:text};
  110. background-color: {color:background};
  111. background-image: url('{image:background}');
  112. background-attachment: fixed;
  113. background-repeat: repeat;
  114. font-family: 'cambria', serif;
  115. font-size:11px;
  116. text-align: justify;
  117. line-height:100%;
  118. }
  119.  
  120. a:link, a:active, a:visited{
  121. color: {color:link};
  122. text-decoration:none;
  123. -webkit-transition: all 0.6s ease-in-out;
  124. -moz-transition: all 0.6s ease-in-out;
  125. -o-transition: all 0.6s ease-in-out;
  126. -ms-transition: all 0.6s ease-in-out;
  127. transition: all 0.6s ease-in-out;
  128. }
  129.  
  130. a:hover{
  131. color:{color:link hover};
  132. -webkit-transition: all 0.6s ease-in-out;
  133. -moz-transition: all 0.6s ease-in-out;
  134. -o-transition: all 0.6s ease-in-out;
  135. -ms-transition: all 0.6s ease-in-out;
  136. transition: all 0.6s ease-in-out;
  137. }
  138.  
  139. 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;}
  140.  
  141.  
  142. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: .9;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  143.  
  144.  
  145. #entries{
  146. margin-left: 450px;
  147. margin-top:50px;
  148. width:500px
  149. }
  150.  
  151.  
  152. #sidebar{
  153. position:fixed;
  154. height: 100%;
  155. width: 350px;
  156. background-color: {color:Sidebar Background};
  157. top: 0;
  158. left: 0;
  159. }
  160.  
  161. #title {
  162. font-size:15px;
  163. position:absolute;
  164. line-height:100%;
  165. padding-top:5px;
  166. padding-bottom:5px;
  167. margin-top:-120px;
  168. width:150px;
  169. text-align:center;
  170. margin-left:-10px;
  171. border-top:1px solid {color:title};
  172. border-bottom:1px solid {color:title};
  173. padding-right:3px;
  174. }
  175.  
  176. #side{
  177. text-align:justify;
  178. width: 130px;
  179. padding: 40px;
  180. color:{color:Description Text};
  181. font-size: 9px;
  182. position: fixed;
  183. top: 130px;
  184. left:70px;
  185. }
  186.  
  187.  
  188. #side img {
  189. width: 130px;
  190. height: 130px;
  191. margin-bottom:10px;
  192. border-radius: 200px 200px 200px 200px;
  193. -moz-border-radius: 200px 200px 200px 200px;
  194. -webkit-border-radius: 200px 200px 200px 200px;
  195. border: 0px solid #000000;
  196. }
  197.  
  198. #links a {
  199. display:block;
  200. font: italic 10px/120% {font:headers};
  201. border-bottom: 2px solid {color:Border};
  202. transition: all 250ms ease-in;
  203. color: inherit;
  204. }
  205.  
  206. #links a:hover {
  207. padding-left: 30px;
  208. border-color: {color:Link Hover};
  209. text-decoration:none;
  210. color: {color:Link Hover};
  211. }
  212.  
  213. #pagi {
  214. margin-top: 10px;
  215. font-size: 9px;
  216. }
  217.  
  218. #pagi a {
  219. font-size: 12px;
  220. }
  221.  
  222. #pagi a, #pagi {
  223. color:inherit;
  224. text-align:center;
  225. }
  226.  
  227.  
  228. .question{
  229. background-color: {color:Question Background};
  230. color: {color:Font};
  231. -webkit-border-radius: 5px;
  232. -moz-border-radius: 5px;
  233. border-radius: 5px;
  234. text-align: center;
  235. padding: 10px;}
  236.  
  237. .quote {
  238. padding: 5px; font-size: 16px; line-height: 105%;}
  239.  
  240. .notes img {
  241. width: 10px; position: relative; top: 1px;}
  242.  
  243. blockquote {
  244. padding-left: 5px; margin:0px 6px 0px 6px; border-left: 3px solid {color:Link};}
  245.  
  246. b, strong{
  247. color: {color:Bold};}
  248.  
  249. small {
  250. font-size: 10px;}
  251.  
  252. ol.notes, .notes li{list-style:none; margin:0px; padding:0px;padding-left:10px;}
  253. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;
  254. }
  255.  
  256. #notess {
  257. width:80px;
  258. height:auto;
  259. margin-left:500px;
  260. font-family:georgia;
  261. font-size:9px;
  262. text-transform:lowercase;
  263. background-color:{color:info box};
  264. text-align:left;
  265. padding:5px;
  266. letter-spacing:0px;
  267. opacity:0;
  268. line-height:100%;
  269. -webkit-transition-duration: 0.6s;
  270. -moz-transition-duration: 0.5s;
  271. position:absolute;
  272. border-left:0px solid;
  273. }
  274.  
  275. .notes {
  276. text-align:left;
  277. font-size:9px;
  278. letter-spacing:0px;
  279. text-transform:lowercase;
  280. color:{color:text};
  281. font-family: georgia;
  282. padding:2px;
  283. font-style:normal
  284. }
  285.  
  286. #postnotes{
  287. font-family:georgia;
  288. font-size:9px;
  289. text-transform:lowercase;
  290. padding: 5px;
  291. font-style:normal
  292. }
  293.  
  294. #info {
  295. margin:0px 0px 0px 0px;
  296. font-family:georgia;
  297. font-size:8px;
  298. text-transform: lowercase;
  299. color:{color:text};
  300. letter-spacing: 1px;
  301. text-align:center;
  302. padding:1px;
  303. font-style:normal;
  304. width: 500px;
  305. border-top:1px dotted {color:info};
  306. }
  307.  
  308. #info:hover {
  309. -webkit-transition-duration: 0.6s;
  310. -moz-transition-duration: 0.6s;
  311. }
  312.  
  313. #posts{
  314. overflow:hidden;
  315. background-color: {color:entry};
  316. border-left:0px solid {color:link};
  317. border-right:0px solid {color:link};
  318. padding:3px;
  319. font-style:normal;
  320. -webkit-transition-duration: 0.6s;
  321. -moz-transition-duration: 0.5s;
  322. }
  323.  
  324. #posts:hover #notess{
  325. opacity:1;
  326. display:block;
  327. }
  328.  
  329.  
  330.  
  331. #line {
  332. background-color:{color:info};
  333. padding:3px;
  334. margin-bottom:5px;
  335. border-top:1px solid {color:border};
  336. }
  337.  
  338.  
  339. #tags{
  340. font-family: 'Handlee', cursive;
  341. font-size:9px;
  342. font-weight:normal;
  343. text-transform:lowercase;
  344. }
  345.  
  346. #tags a{
  347. font-size:9px;
  348. }
  349.  
  350. h1{
  351. color:{color:title};
  352. font-family: 'Walter Turncoat', cursive;
  353. font-size:18px;
  354. line-height:15px;
  355. letter-spacing:0px;
  356. font-weight:normal;
  357. margin:0px;
  358. padding:10px;
  359. text-align:left;
  360. }
  361.  
  362. h2{
  363. color:{color:title};
  364. font-family: 'Walter Turncoat', cursive;
  365. font-size:13px;
  366. line-height:15px;
  367. letter-spacing:0px;
  368. font-weight:normal;
  369. margin:0px;
  370. padding:0px;
  371. text-align:left;
  372. }
  373.  
  374.  
  375.  
  376. #question {
  377. margin-bottom:2px;
  378. padding:10px;
  379. font-style:normal;
  380. font-size:13px;
  381. text-align:left;
  382. background-color:{color:sidebar background};
  383. color:{color:border};
  384. }
  385.  
  386. #answer {padding:5px;
  387. font-style:normal;
  388. text-align:left;
  389. color:{color:text};}
  390.  
  391. blockquote {
  392. padding-left:3px;
  393. margin:0px 2px 0px 10px;
  394. border-left:4px solid {color:info};
  395. }
  396.  
  397. blockquote img, blockquote a img {
  398. max-width: 490px;
  399. }
  400.  
  401. b, strong{
  402. color:{color:title};
  403. }
  404.  
  405. i, em {
  406. color:{color:title};
  407. }
  408.  
  409. p{
  410. margin-top:3px;
  411. margin-bottom:3px;
  412. }
  413.  
  414. img a{
  415. border:none;
  416. }
  417.  
  418. .audio{
  419. background-color:black;
  420. display:block;
  421. }
  422.  
  423. .user_1 .label {
  424. color:{color:text};
  425. font-weight:bold;
  426. }
  427.  
  428. .user_2 .label {
  429. color:{color:text};
  430. font-weight:bold;
  431. }
  432.  
  433. ul.chat, .chat ol, .chat li {
  434. list-style:none;
  435. margin:0px;
  436. padding:0px;
  437. }
  438.  
  439.  
  440. #credit{
  441. width:20px;
  442. position:fixed;
  443. bottom:10px;
  444. right:10px;
  445. opacity:1;
  446. -webkit-transition: all 0.3s linear;
  447. -moz-transition: all 0.3s linear;
  448. -o-transition: all 0.3s linear;
  449. -ms-transition: all 0.3s linear;
  450. -webkit-filter: grayscale(100%);
  451. -moz-filter: grayscale(100%);
  452. -ms-filter: grayscale(100%);
  453. -o-filter: grayscale(100%);
  454. }
  455.  
  456. #credit:hover{
  457. opacity:0.1;
  458. -webkit-filter: grayscale(0%);
  459. -moz-filter: grayscale(0%);
  460. -ms-filter: grayscale(0%);
  461. -o-filter: grayscale(0%);
  462. }
  463.  
  464. {CustomCSS}
  465.  
  466. </style>
  467. </head>
  468. <body>
  469.  
  470. <a href="http://mandrakescry.tumblr.com/" title="theme by mandrakescry"><img src="http://static.tumblr.com/xkrznpq/PMOmud849/m.png" id="credit"></a>
  471.  
  472. <aside id="sidebar">
  473. <div id="side">
  474. <div id="title">❝{title}.❞</div>
  475. <img src="{image:Sidebar}">
  476. {block:Description}{Description}{/block:Description}
  477. <div id="links">
  478.  
  479. <a href="/">home</a>
  480. <a href="/ask">mssg</a>
  481. {block:IfLink1Name}<a href="{text:Link 1}">{text:Link 1 Name}</a>{/block:IfLink1Name}
  482. {block:IfLink2Name}<a href="{text:Link 2}">{text:Link 2 Name}</a>{/block:IfLink2Name}
  483. {block:IfLink3Name}<a href="{text:Link 3}">{text:Link 3 Name}</a>{/block:IfLink3Name}
  484. {block:IfLink4Name}<a href="{text:Link 4}">{text:Link 4 Name}</a>{/block:IfLink4Name}
  485. {block:IfLink5Name}<a href="{text:Link 5}">{text:Link 5 Name}</a>{/block:IfLink5Name}
  486. {block:IfLink6Name}<a href="{text:Link 6}">{text:Link 6 Name}</a>{/block:IfLink6Name}
  487.  
  488. </div>
  489.  
  490.  
  491. <nav id="pagi">
  492. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" class="prev">&laquo;</a>{/block:PreviousPage} {CurrentPage} of {TotalPages} {block:NextPage}<a href="{NextPage}" class="next">&raquo;</a>{/block:NextPage}{/block:Pagination}
  493. </nav>
  494. </div>
  495. </aside>
  496.  
  497.  
  498. </div></div><div id="entries">
  499. {block:Posts}<br>
  500. <div id="posts">
  501. <div id="notess">
  502. {block:RebloggedFrom}via <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:ContentSource}, from <a href="{SourceURL}">{SourceLink}</a></a>
  503. <br>{/block:ContentSource}{block:HasTags} tags:<br> {block:Tags} #<a href="{TagUrl}">{Tag}</a>{/block:Tags}</a>{/block:HasTags}</div>
  504. </a>{block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  505. {block:Text}{Body}{/block:Text}
  506.  
  507. {block:Quote}<h2>"{Quote}"</h2>{/block:Quote}
  508. {block:Source}<div class="source">— {Source}</div>{/block:Source}
  509.  
  510. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  511. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  512.  
  513. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  514. {block:Photoset}<center>{Photoset-500}</center><br>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  515.  
  516. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  517.  
  518. {block:Video}{Video-500}<br>{block:Caption}{Caption}{/block:Caption}{/block:Video}
  519.  
  520. {block:Answer}
  521. <div id="question"><div style="font-size:25px;">{Asker} asked:</div> <br />{Question}</div>
  522. <div id="answer">{Answer}</div>{/block:Answer}
  523.  
  524. {/block:Answer}
  525.  
  526. {block:Audio}<span class="audio"><center>{AudioPlayerBlack}</center></span><br>{block:Caption}{Caption}{/block:Caption}{/block:Audio}<br>
  527.  
  528. <div id="info">
  529. {block:Date} <a href="{Permalink}">{TimeAgo}</a> on {DayOfMonth} {ShortMonth}, {ShortYear}{/block:Date}{block:NoteCount} | <a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount}
  530. </div>
  531. {block:PostNotes}
  532. {PostNotes}
  533. {/block:PostNotes}
  534. </div>
  535.  
  536.  
  537. </body>
  538. </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!