API tools faq
paste
Themes_Mandrakescry

Theme 01-2

Themes_Mandrakescry
Oct 18th, 2013
552
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.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 #01-2 by Clara
  7. http://mandrakescry.tumblr.com/
  8. DON'T REMOVE THE CREDITS
  9. -------------------------------------------->
  10.  
  11.  
  12. <head>
  13.  
  14.  
  15. <meta name="color:Background" content="#ffffff"/>
  16. <meta name="color:Text" content="#b3aeae"/>
  17. <meta name="color:Link" content="#5e5243"/>
  18. <meta name="color:Link Hover" content="#8cb1b1"/>
  19. <meta name="color:Border" content="#e6e7e7"/>
  20. <meta name="color:Scrollbar Background" content="#ffffff"/>
  21. <meta name="color:Scrollbar" content="#e6e7e7"/>
  22. <meta name="color:Sidelinks Text" content="#000000"/>
  23. <meta name="color:Sidelinks Hover" content="#f8f8f8"/>
  24. <meta name="color:Questionbg" content="#8cb1b1" />
  25. <meta name="color:Question" content="#ffffff" />
  26.  
  27. <meta name="image:Background" content""/>
  28. <meta name="image:Sidebar" content"http://static.tumblr.com/xkrznpq/NcCmuhv7j/cas.gif"/>
  29.  
  30. <meta name="text:sidebar title" content="Dark Angel" />
  31.  
  32. <meta name="text:Link1" content="" />
  33. <meta name="text:Link1 Title" content="Link 1" />
  34. <meta name="text:Link2" content="" />
  35. <meta name="text:Link2 Title" content="Link 2" />
  36. <meta name="text:Link3" content="" />
  37. <meta name="text:Link3 Title" content="Link 3" />
  38. <meta name="text:Link4" content="" />
  39. <meta name="text:Link4 Title" content="Link 4" />
  40.  
  41.  
  42.  
  43. {block:ifInfiniteScrolling}
  44. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  45. {/block:ifInfiniteScrolling}
  46.  
  47. {block:Description}
  48. <meta name="description" content="{MetaDescription}" />{/block:Description}
  49. <title>{title}</title>
  50. </style>
  51.  
  52. <link href='http://fonts.googleapis.com/css?family=Felipa' rel='stylesheet' type='text/css'>
  53.  
  54. <style> body, a, a:hover { cursor:url('http://www.totallylayouts.com/cursors/random/tiny_cursor.png'), auto }</style></div>
  55.  
  56.  
  57. <style type="text/css">
  58.  
  59.  
  60.  
  61. 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;}
  62.  
  63.  
  64. 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;}
  65.  
  66. ::-webkit-scrollbar {width: 5px; height: 5px; background:{color:Scrollbar Background}; }
  67. ::-webkit-scrollbar-thumb { background-color: {color:Scrollbar};}
  68.  
  69.  
  70.  
  71. @font-face {font-family: "print";src: url('http://static.tumblr.com/iuggpng/oQfm4mzne/princ___.ttf');}
  72.  
  73. body{
  74. background-color: {color:Background};
  75. background-image: url({image:Background});
  76. background-attachment: fixed;
  77. background-repeat: repeat;
  78. background-position: center;
  79. font-family:cambria;
  80. font-size:11px;
  81. line-height:12px;
  82. color:{color:Text};
  83. }
  84.  
  85.  
  86. ::selection { color: {color:Link Hover};
  87. background: {color:Link Hover Bkgd}; }
  88. ::-moz-selection { color: {color:Link Hover};
  89. background: {color:Link Hover Bkgd}; }
  90.  
  91. a:link, a:active, a:visited{
  92. color: {color:Link};
  93. text-decoration:none;
  94. transition: all 0.5s ease-out;
  95. -o-transition-transition: all 0.5s ease-out;
  96. -webkit-transition: all 0.5s ease-out;
  97. -moz-transition: all 0.5s ease-out;
  98. }
  99. a:hover{
  100. color: {color:Link Hover};
  101. background: {color:Link Hover Bkgd};
  102. cursor: url(http://i.imgur.com/IepP2.jpg), progress;
  103. }
  104.  
  105. #container {
  106. margin-left:550px;
  107. width:700px;
  108. }
  109.  
  110. #entry {
  111. width:500px;
  112. margin-left:550px;
  113. margin-top:25px;
  114. padding:7px;
  115. background:transparent;
  116. }
  117.  
  118. #entry .permalink{
  119. width:100px;
  120. position:fixed;
  121. font-size:10px;
  122. font-family:calibri;
  123. text-transform:uppercase;
  124. margin-left:507px;
  125. padding-left:4px;
  126. opacity:0;
  127. -webkit-transition: all 0.3s linear;
  128. -moz-transition: all 0.3s linear;
  129. transition: all 0.3s linear;
  130. }
  131.  
  132. #entry:hover .permalink{
  133. overflow:visible;
  134. opacity:0.8;
  135. -webkit-transition: opacity 0.3s linear;
  136. -webkit-transition: all 0.3s linear;
  137. -moz-transition: all 0.3s linear;
  138. transition: all 0.3s linear;
  139. }
  140.  
  141. #permalink{
  142. position:relative;
  143. margin-top:9px;
  144. padding-top:7px;
  145. font-size:9px;
  146. font-family:calibri;
  147. letter-spacing:1px;
  148. text-align:center;
  149. text-transform:uppercase;
  150. {block:IndexPage}
  151. border-top:1px solid {color:Border};
  152. {/block:IndexPage}
  153. }
  154.  
  155. #side {
  156. text-align:center;
  157. position:fixed;
  158. width:220px;
  159. margin-top:-110px;
  160. margin-left:-280px;
  161. z-index:1;
  162. }
  163.  
  164. #angel img {
  165. border:4px solid #fff;
  166. box-shadow:2px 2px 0px rgba(0,0,0,0.1);
  167. width:180px;
  168. }
  169.  
  170. #angel {
  171. width:230px;
  172. margin:auto;
  173. -webkit-transition-duration:0.2s;
  174. -o-transition-duration:0.2s;
  175. -moz-transition-duration:0.2s;
  176. margin-top:200px;
  177. }
  178.  
  179. #menu {
  180. position: absolute;
  181. margin-top:2px;
  182. margin-left: 25px;
  183. -webkit-transition-duration:0.2s;
  184. -o-transition-duration:0.2s;
  185. -moz-transition-duration:0.2s;
  186. }
  187.  
  188. #menu a {
  189. text-decoration: none;
  190. color: {color:link};
  191. background: {color:background};
  192. padding:4px;
  193. font-family: calibri;
  194. font-size: 10px;
  195. text-transform: uppercase;
  196. display: block;
  197. margin-left: 2px;
  198. margin-bottom: 2px;
  199. float: left;
  200. width: 50px;
  201. text-align: center;
  202. box-shadow:2px 2px 0px rgba(0,0,0,0.1);
  203. -webkit-transition-duration:0.5s;
  204. -o-transition-duration:0.5s;
  205. -moz-transition-duration:0.5s;
  206. box-shadow: inset 30px 0px 0px transparent;
  207. }
  208.  
  209. #menu a:hover {
  210. color: #000;
  211. box-shadow: inset 60px 0px 0px {color:link hover};
  212. color: {color:background};
  213. background: rgba(0,0,0,0.1);
  214. }
  215.  
  216. .ttl {
  217. margin-left: -5px;
  218. margin-bottom:5px;
  219. width:250px;
  220. font-size: 17px;
  221. font-family: 'Felipa', cursive;
  222. font-style:italic;
  223. letter-spacing: 2px;
  224. color: {color:blog title};
  225. }
  226.  
  227.  
  228. #description {
  229. display: block;
  230. no-repeat 0 3px;
  231. text-align:justify;
  232. padding-left: 21px;
  233. padding-top:10px;
  234. margin-top:-5px;
  235. margin-left:5px;
  236. width:180px;
  237. }
  238.  
  239.  
  240. #pagination {
  241. position:absolute;
  242. margin-left:220px;
  243. font-family:cambria;
  244. font-style:normal;
  245. text-align:right;
  246. font-size:8px;
  247. margin-top:-30px;
  248. text-transform:uppercase;
  249. line-height:50%
  250. }
  251.  
  252. #pagination a {
  253. display:inline;
  254. background-color:transparent;
  255. color:{color:link};
  256. opacity:..8;
  257. -webkit-transition: all 0.6s ease-in-out;
  258. -moz-transition: all 0.6s ease-in-out;
  259. -o-transition: all 0.6s ease-in-out;
  260. -ms-transition: all 0.6s ease-in-out;
  261. transition: all 0.6s ease-in-out;
  262. }
  263.  
  264. #pagination a:hover {
  265. background-color:{color:link};
  266. opacity:1; color:#ffffff;
  267. -webkit-transition: all 0.4s ease-in-out;
  268. -moz-transition: all 0.4s ease-in-out;
  269. -o-transition: all 0.4s ease-in-out;
  270. -ms-transition: all 0.4s ease-in-out;
  271. transition: all 0.4s ease-in-out;
  272. }
  273.  
  274. .posttitle{
  275. font-family:cambria;
  276. font-style:italic;
  277. font-size: 17px;
  278. line-height: 17px;
  279. text-align:center;
  280. }
  281.  
  282.  
  283. blockquote{
  284. padding:0px 0px 2px 5px;
  285. margin-left:10px;
  286. border-left: 3px solid {color:Border};}
  287. blockquote p, ul{margin:0px; padding:0px;
  288. }
  289.  
  290. .chat .line{
  291. padding: 2px;
  292. }
  293.  
  294. .label {font-weight:bold; color:{color:text}}
  295.  
  296. a img{border: 0px;}
  297.  
  298. .p { padding-top: 5px; }
  299. .ol, ul { margin-left: 10px; padding: 5px; }
  300. .ul { list-style-type: square; }
  301.  
  302. .cover {position: absolute; z-index: 1; width:65px;}
  303.  
  304. .playbox {background-color: #000; position: absolute; z-index: 1000;}
  305.  
  306. .playbutton {width: 20px; height: 30px; overflow: hidden; position: relative; z-index: 1000; margin: 11px 20px 8px 11px;}
  307.  
  308. .playbox {background-color: #000; position: absolute; z-index: 1000; margin-top: 8px; margin-left: 8px; opacity:.5;
  309. -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;-webkit-border-radius: 45px;
  310. -moz-border-radius: 45px;
  311. border-radius: 45px;}
  312.  
  313. .playbox:hover {opacity:.8;}
  314.  
  315. .title{
  316. width:
  317. position:absolute;
  318. line-height:14px;
  319. margin-left:65px;
  320. padding:4px;
  321. z-index: 1000;
  322. text-transform:uppercase;
  323. }
  324.  
  325. .artist{
  326. width:
  327. position:absolute;
  328. line-height:14px;
  329. margin-left:65px;
  330. padding:5px;
  331. z-index: 1000;
  332. text-transform:uppercase;
  333. }
  334.  
  335. .video embed, .post div.video object {width:250px; height:187px}
  336.  
  337. .notes img{width:10px; position:left; top:3px;}
  338.  
  339. #question {
  340. margin-bottom:2px;
  341. padding:5px;
  342. font-style:normal;
  343. font-size:10px;
  344. text-align:left;
  345. background-color:{color:questionbg};
  346. color:{color:question};
  347. -moz-border-radius:5px;
  348. -webkit-border-radius:5px;
  349. }
  350.  
  351. #answer {padding:5px;
  352. font-style:normal;
  353. text-align:left;
  354. color:{color:text};
  355. }
  356.  
  357. @font-face {
  358. font-family: "04b03";
  359. src: url('http://static.tumblr.com/icz5xqv/ZUmlobzpk/bonjourlindas.blgspt_upload_pxl.ttf');
  360. format("truetype");
  361. }
  362.  
  363. #credit{
  364. width:25px;
  365. position:fixed;
  366. bottom:10px;
  367. right:10px;
  368. opacity:1;
  369. z-index:1;
  370. -webkit-transition: all 0.3s linear;
  371. -moz-transition: all 0.3s linear;
  372. -o-transition: all 0.3s linear;
  373. -ms-transition: all 0.3s linear;
  374. -webkit-filter: grayscale(100%);
  375. -moz-filter: grayscale(100%);
  376. -ms-filter: grayscale(100%);
  377. -o-filter: grayscale(100%);
  378. }
  379.  
  380. #credit:hover{
  381. opacity:0.3;
  382. -webkit-filter: grayscale(0%);
  383. -moz-filter: grayscale(0%);
  384. -ms-filter: grayscale(0%);
  385. -o-filter: grayscale(0%);
  386. }
  387.  
  388.  
  389. .roda {
  390. -webkit-border-radius: 50px;
  391. -moz-border-radius: 50px;
  392. border-radius: 50px;
  393. -webkit-transition-duration: 0.50s;
  394. width:60px;
  395. }
  396.  
  397. .roda:hover {
  398. -webkit-transform: rotate(360deg);
  399. }
  400.  
  401.  
  402. {CustomCSS}
  403. </style>
  404.  
  405. <link rel="shortcut icon" href="{Favicon}">
  406. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" />
  407.  
  408. </head>
  409. <body>
  410. <div id="container">
  411.  
  412. <div id="side">
  413. <div id="angel">
  414. <div class="ttl">{text:sidebar title}</div>
  415. <img src="{image:sidebar}"/>
  416.  
  417. <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}<p>{block:NextPage}<a href="{NextPage}">next</a><br />{/block:NextPage}{/block:Pagination}</div>
  418.  
  419. <div id="description">
  420. <div style="font-family:georgia;font-size:70px;position:absolute;opacity:.7;margin-top:30px;color:{color:Link Hover};z-index:-1;">“</div>
  421. {Description}</div><p>
  422.  
  423. <div id="menu">
  424. <a href="/">home</a>
  425. <a href="/ask">ask</a>
  426. <a href="{text:Link1}">{text:Link1 Title}</a>
  427. <a href="{text:Link2}">{text:Link2 Title}</a>
  428. <a href="{text:Link3}">{text:Link3 Title}</a>
  429. <a href="{text:Link4}">{text:Link4 Title}</a>
  430. </div>
  431. </div>
  432. </div>
  433. </div>
  434. </div>
  435.  
  436.  
  437. {block:Posts}
  438. <div id="entry">
  439. {block:IndexPage}
  440. <div class="permalink">
  441. {block:HasTags}
  442. TAGGED AS:<br>
  443. {block:Tags}<a href="{TagURL}">#{Tag}</a><br>
  444. {/block:Tags}
  445. {/block:HasTags}
  446. </div>
  447. {/block:IndexPage}
  448.  
  449. {block:Answer}
  450. <div id="question"><img src="{AskerPortraitURL-24}" width="24px" align="left" style="margin-right:10px; -moz-border-radius:3px; -webkit-border-radius:3px;" />{Asker} asked: <br />{Question}</div>
  451. <div id="answer">{Answer}</div>{/block:Answer}
  452.  
  453. {block:Text}
  454. {block:Title}
  455. <div class="posttitle">{Title}</div>
  456. {/block:Title}
  457. {Body}
  458. {/block:Text}
  459.  
  460. {block:Link}
  461. <div class="posttitle">
  462. <a href="{URL}">{Name}</a>
  463. </div>
  464. {block:Description}{Description}{/block:Description}
  465. {/block:Link}
  466.  
  467. {block:Photo}
  468. <center>
  469. {LinkOpenTag}
  470. <div id="pic">
  471. <a href="{permalink}">
  472. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px"></a>
  473. </div>
  474. {LinkCloseTag}
  475. </center>
  476. {block:Caption}{Caption}{/block:Caption}
  477. {block:ContentSource}
  478. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  479. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  480. {/block:SourceLogo}
  481. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  482. {/block:ContentSource}
  483. {block:ReblogParentURL}
  484. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  485. {/block:ReblogParentURL}
  486. {/block:Photo}
  487.  
  488. {block:Photoset}
  489. <center>
  490. <div class="photo">
  491. {Photoset-500}
  492. </div>
  493. </center>
  494. {block:Caption}{Caption}{/block:Caption}
  495. {/block:Photoset}
  496.  
  497. {block:Quote}
  498. <div class="posttitle">"{Quote}"</div>
  499. {block:Source}
  500. <i> - {Source}</i>
  501. {/block:Source}
  502. {/block:Quote}
  503.  
  504. {block:Chat}
  505. {block:Title}
  506. <div id="posttitle">
  507. {Title}
  508. </div>
  509. {/block:Title}
  510. <div class="chat">
  511. {block:Lines}
  512. <div class="chat">
  513. <div class="line {Alt}">
  514. <div class="{Alt} user_{UserNumber}">
  515. {block:Label}
  516. <b>{Label} </b>
  517. {/block:Label}
  518. {Line}
  519. </div>
  520. </div>
  521. </div>
  522. {/block:Lines}
  523. </div>
  524. {/block:Chat}
  525.  
  526. {block:Audio}
  527. <div class="playbox">
  528. <div class="playbutton">
  529. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  530. </div></div>
  531. {block:AlbumArt}
  532. <img src="{AlbumArtURL}" class="cover">
  533. {/block:AlbumArt}
  534.  
  535. <div class="title">
  536. {block:TrackName}
  537. <b>Title</b>:{TrackName}
  538. {/block:TrackName}
  539. </div>
  540.  
  541. <div class="artist">
  542. {block:Artist}
  543. <b>Artist:</b>{Artist}
  544. {/block:Artist}
  545. </div>
  546.  
  547. <div class="title">
  548. {PlayCountWithLabel}
  549. </div>
  550.  
  551. <br>
  552. {block:Caption}{Caption}{/block:Caption}
  553. {/block:Audio}
  554.  
  555. {block:Video}
  556. <center>
  557. <div class="photo">
  558. {Video-500}
  559. </div>
  560. </center>
  561. {block:Caption}{Caption}{/block:Caption}
  562. {/block:Video}
  563.  
  564. {block:IndexPage}
  565. <div id="permalink">posted
  566. <a href="{Permalink}"> {TimeAgo}</a>
  567. with
  568. <a href="{Permalink}">{NoteCountWithLabel}</a>
  569. {block:RebloggedFrom}· <a href="{ReblogParentURL}" target="_blank">via</a> · (<a href="{ReblogRootURL}" target="_blank">©</a>) {/block:RebloggedFrom}
  570. </div>
  571. {/block:IndexPage}
  572.  
  573. {block:PermalinkPage}
  574. <center>
  575. <div id="permalink">
  576. {block:Date}
  577. {TimeAgo} on
  578. {ShortMonth} {DayofMonth},{Year}
  579. {/block:Date}
  580. {block:NoteCount} · {NoteCountWithLabel}
  581. {/block:NoteCount}
  582. {block:HasTags} · Tags:
  583. {block:Tags}<a href="{TagURL}">#{Tag} </a>
  584. {/block:Tags}
  585. {/block:HasTags}
  586. <br>{block:RebloggedFrom}via: <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a> · (©: <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a>) {/block:RebloggedFrom}
  587. </div>
  588. </center>
  589. {/block:PermalinkPage}
  590.  
  591. {block:PostNotes}
  592. {PostNotes}
  593. {/block:PostNotes}
  594. </div>
  595. {/block:Posts}
  596.  
  597.  
  598. <a href="http://adf.ly/WipQG"><img src="http://static.tumblr.com/xkrznpq/PMOmud849/m.png" id="credit" title="mandrakescry themes" class="roda"></a>
  599.  
  600. </body>
  601. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!