API tools faq
paste
Advertisement
Themes_Mandrakescry

Theme 01

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