API tools faq
paste
Advertisement
Themes_Mandrakescry

Christmas Theme #1

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