API tools faq
paste
Advertisement
mal_de_coucou

theme 7 (new perspective)

mal_de_coucou
Jul 22nd, 2014
2,130
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 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.  
  3. <!--
  4.  
  5. theme 7 (new perspective) by seeroflights
  6.  
  7. please don't [re]move the credit
  8. please don't redistribute as your own
  9.  
  10. -->
  11.  
  12.  
  13. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  14. <head>
  15.  
  16. <title>{Title}</title>
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  20.  
  21.  
  22. <meta name="color:Text" content="#bbbbbb"/>
  23. <meta name="color:Link" content="#aaaaaa"/>
  24. <meta name="color:Tags" content="#cccccc"/>
  25. <meta name="color:Hover" content="#f1f1f1"/>
  26. <meta name="color:Line" content="#f2f2f2"/>
  27. <meta name="color:Border" content="#eeeeee"/>
  28. <meta name="color:bg" content="#ffffff"/>
  29. <meta name="color:scrollbarbg" content="ffffff"/>
  30.  
  31. <meta name="image:sidebar" content=""/>
  32. <meta name="image:bg" content=""/>
  33.  
  34. <meta name="text:linkA" content="">
  35. <meta name="text:linkA url" content="/">    
  36. <meta name="text:linkB" content="">
  37. <meta name="text:linkB url" content="/">
  38. <meta name="text:linkC" content="">
  39. <meta name="text:linkC url" content="/">
  40. <meta name="text:linkD" content="">
  41. <meta name="text:linkD url" content="/">
  42. <meta name="text:stats" content="/">
  43. <meta name="if:Stats" content="0" />
  44. <meta name="if:DarkSidebar" content="1" />
  45.  
  46. <style type="text/css">
  47.  
  48. @import url(http://weloveiconfonts.com/api/?family=iconicfill);
  49.  
  50. /* iconicfill */
  51. [class*="iconicfill-"]:before {
  52.   font-family: 'IconicFill', sans-serif;
  53.   font-size:25px;
  54.   color:#000;
  55. }
  56.  
  57.  ::-webkit-scrollbar {
  58. width: 5px;height: 5px;}
  59. ::-webkit-scrollbar-button:start:decrement,
  60. ::-webkit-scrollbar-button:end:increment {
  61. height: 6px;display: block;background-color: {color:white};}
  62. ::-webkit-scrollbar-track-piece {
  63. background-color:#fff;}
  64. ::-webkit-scrollbar-thumb:vertical {
  65. height: 9px;background-color:#000;border-top:1px solid {color:scrollbarbg};border-bottom:1px solid {color:scrollbarbg};}
  66. ::-webkit-scrollbar-thumb:horizontal {height:9px;background-color:#000;}
  67.  
  68.  
  69. body {
  70.     background-image:url('{image:bg}');
  71.     background-repeat:none;
  72.     background-color:{color:bg};
  73.     color:{color:text};
  74.     font-family:Arial, Helvetica;
  75.     font-size:11px;
  76.     line-height:100%;
  77. }
  78.  
  79. a {
  80.     text-decoration:none;
  81.     -moz-outline-style:none;
  82.     color:{color:link};
  83.     -webkit-transition:all 0.5s ease-in-out;
  84.     -moz-transition:all 0.5s ease-in-out;
  85.     -o-transition:all 0.5s ease-in-out;
  86.     -ms-transition:all 0.5s ease-in-out;
  87. }
  88.  
  89. img {
  90.     border:none;
  91. }
  92.  
  93.  
  94. h1 {
  95.     font-size:18px;
  96.     text-transform:uppercase;
  97.     line-height:100%;
  98. }
  99.  
  100. blockquote {
  101.     margin-left:5px;
  102.     padding-left:5px;
  103.     border-left:2px solid;
  104. }
  105.    
  106. blockquote blockquote {
  107.     padding-left:5px;
  108.     border-left:2px solid;
  109. }
  110.  
  111.  
  112. a:hover {
  113.     color:{color:hover};
  114. }
  115.  
  116. #sidebar {
  117.     position:fixed;
  118.     top:0px;
  119.     left:0px;
  120.     width:300px;
  121.     height:700px;
  122.     -webkit-transition:all 0.8s ease-in-out;
  123.     transition:all 0.8s ease-in-out;
  124. }
  125.  
  126. #sidebar img {
  127.     position:fixed;
  128.     width:300px;
  129.     height:750px;
  130.     z-index:-1;
  131.     -webkit-transition:all 0.8s ease-in-out;
  132.     transition:all 0.8s ease-in-out;
  133. }
  134.  
  135. #title {
  136.     position:fixed;
  137.     z-index:5;
  138.     margin-top:450px;
  139.     margin-left:25px;
  140.     width:250px;
  141.     height:30px;
  142.     line-height:100%;
  143.     font-family:georgia;
  144.     font-size:30px;
  145.     font-style:italic;
  146.     text-align:center;
  147.     text-shadow:1px 1px #ddd;
  148.     color:#000;
  149.     letter-spacing:2px;
  150.     -webkit-transition:all 0.8s ease-in-out;
  151.     transition:all 0.8s ease-in-out;
  152. }
  153.  
  154. #nav {
  155.     position:fixed;
  156.     display:inline-block;
  157.     z-index:5;
  158.     margin-top:550px;
  159.     margin-left:75px;
  160.     width:150px;
  161.     height:40px;
  162.     background-color:rgba(255,255,255,0.2);
  163.     -webkit-transition:all 0.8s ease-in-out;
  164.     transition:all 0.8s ease-in-out;
  165. }
  166.  
  167. #nav a {
  168.     display:inline-block;
  169.     margin:15px 5px 10px 10px;
  170. }
  171.  
  172. #desc {
  173.     position:fixed;
  174.     margin-top:200px;
  175.     margin-left:75px;
  176.     z-index:2;
  177.     width:130px;
  178.     height:80px;
  179.     padding:30px 10px;
  180.     color:#000;
  181.     text-align:center;
  182.     background-color:rgba(255,255,255,0.2);
  183.     opacity:1;
  184.     -webkit-transition:all 0.8s ease-in-out;
  185.     transition:all 0.8s ease-in-out;
  186. }
  187.  
  188. {block:ifDarkSidebar}
  189.  
  190. #title {
  191.     position:fixed;
  192.     z-index:5;
  193.     margin-top:450px;
  194.     margin-left:25px;
  195.     width:250px;
  196.     height:30px;
  197.     line-height:100%;
  198.     font-family:georgia;
  199.     font-size:30px;
  200.     font-style:italic;
  201.     text-align:center;
  202.     text-shadow:1px 1px #ddd;
  203.     color:#fff;
  204.     letter-spacing:2px;
  205.     -webkit-transition:all 0.8s ease-in-out;
  206.     transition:all 0.8s ease-in-out;
  207. }
  208.  
  209. #nav {
  210.     position:fixed;
  211.     display:inline-block;
  212.     z-index:5;
  213.     margin-top:550px;
  214.     margin-left:75px;
  215.     width:150px;
  216.     height:40px;
  217.     background-color:rgba(255,255,255,0.2);
  218.     -webkit-filter: invert(100%);
  219.     filter: invert(100%);
  220.     -webkit-transition:all 0.8s ease-in-out;
  221.     transition:all 0.8s ease-in-out;
  222. }
  223.  
  224. #nav a {
  225.     display:inline-block;
  226.     margin:15px 5px 10px 10px;
  227. }
  228.  
  229. #desc {
  230.     position:fixed;
  231.     margin-top:200px;
  232.     margin-left:75px;
  233.     z-index:2;
  234.     width:130px;
  235.     height:80px;
  236.     padding:30px 10px;
  237.     color:#fff;
  238.     text-align:center;
  239.     background-color:rgba(255,255,255,0.2);
  240.     opacity:1;
  241.     -webkit-transition:all 0.8s ease-in-out;
  242.     transition:all 0.8s ease-in-out;
  243. }
  244.  
  245. {/block:ifDarkSidebar}
  246.  
  247. #pagi {
  248.     position:fixed;
  249.     margin-top:200px;
  250.     margin-left:75px;
  251.     width:140px;
  252.     height:15px;
  253.     z-index:500;
  254.     opacity:0;
  255.     padding:5px;
  256.     background:#000;
  257.     color:#fff;
  258.     font-size:15px;
  259.     font-family:helvetica;
  260.     text-align:center;
  261.     -webkit-transition:all 0.8s ease-in-out;
  262.     transition:all 0.8s ease-in-out;
  263. }
  264.  
  265. #pagi a {
  266.     color:#fff;
  267. }
  268.  
  269. .links {
  270.     position:fixed;
  271.     margin-left:75px;
  272.     margin-top:200px;
  273.     width:150px;
  274.     height:150px;
  275.     z-index:5;
  276.     font-family:Arial, Helvetica;
  277.     text-align:center;
  278.     text-transform:uppercase;
  279.     opacity:0;
  280.     -webkit-transition:all 0.8s ease-in-out;
  281.     transition:all 0.8s ease-in-out;
  282. }
  283.  
  284. .links a {
  285.     min-width:100px;
  286.     margin-top:5px;
  287.     height:20px;
  288.     padding:5px;
  289.     display:block;
  290.     letter-spacing:2px;
  291.     line-height:150%;
  292.     color:#fff;
  293.     background:#000;
  294. }
  295.  
  296. .links a:hover {
  297.    color:#000;
  298.    background:#fff;
  299. }
  300.  
  301. #sidebar:hover #title {
  302.     margin-top:100px;
  303.     color:#000;
  304. }
  305.  
  306. #sidebar:hover #desc {
  307.     opacity:0;
  308. }
  309.  
  310. #sidebar:hover .links {
  311.     opacity:1;
  312. }
  313.  
  314. #sidebar:hover img {
  315.     opacity:0;
  316. }
  317.  
  318. #sidebar:hover #pagi {
  319.     margin-top:345px;
  320.     opacity:1;
  321. }
  322.  
  323. #sidebar:hover #nav {
  324.     -webkit-filter:invert(0%);
  325.     filter:invert(0%);
  326. }
  327.  
  328. #all {
  329.     padding:10px;
  330.     width:500px;
  331.     margin-left:400px;
  332.     margin-top:50px;
  333.     font-size:10px;
  334. }
  335.  
  336. #posts {
  337.     width:500px;
  338.     padding-bottom:20px;
  339.     padding:10px;
  340.     margin-top:30px;
  341.     background-color:{color:Post};
  342. }
  343.  
  344. .bubble {
  345.     align:right;
  346.     background: #eee;
  347.     margin:7px 0px 5px 66px;
  348.     padding:10px;
  349.     position: relative;
  350.     -moz-border-radius:5px;
  351.     -webkit-border-radius:5px;
  352.     border-radius:5px;
  353. }
  354.    
  355. .bubble p {
  356.     margin:1px 0px;
  357. }
  358.    
  359. .bubble span {
  360.     display:block;
  361.     position:absolute;
  362.     width:1px;
  363.     height:1px;
  364.     font-size: 0;
  365.     line-height: 1px;
  366.     left:-10px;
  367.     top:10px;
  368.     border-top:7px solid transparent;
  369.     border-bottom:7px solid transparent;
  370.     border-right:10px solid #eee;
  371. }
  372.  
  373. .askborder {
  374.     float: left;
  375.     margin: 1px 4px 0 0;
  376.     padding: 2px;
  377.     background: #eee
  378. }
  379.  
  380. #line {
  381.     width:500px;
  382.     height:5px;
  383.     border-bottom:1px solid #f2f2f2;
  384. }
  385.  
  386. #stuffz {
  387.     position:relative;
  388.     z-index:10;
  389.     width:480px;
  390.     margin-left:20px;
  391.     margin-top:5px;
  392.     text-align:center;
  393.     text-transform:uppercase;
  394.     font-size:10px;
  395.     font-style:none;
  396.     opacity:1;
  397.     -webkit-transition: all 0.7s ease-in-out;
  398.     -moz-transition: all 0.7s ease-in-out;
  399.     -o-transition: all 0.7s ease-in-out;
  400.     -ms-transition: all 0.7s ease-in-out;
  401. }
  402.  
  403. #tags {
  404.     font-family:cambria;
  405.     letter-spacing:0px;
  406.     text-transform:lowercase;
  407.     font-size:10px;
  408.     font-style:italic;
  409.     margin-top:10px;
  410.     text-align:center;
  411. }
  412.    
  413. #tags a {
  414.     display:inline-block;
  415.     padding:-3px;
  416.     color:#cccccc;
  417. }
  418.  
  419. .buttons {
  420.     position:absolute;
  421.     z-index:2;
  422.     width:460px;
  423.     height:20px;
  424. }
  425.  
  426. .buttons li {
  427.     float:right;
  428.     margin:5px;
  429.     list-style:none;
  430. }
  431.  
  432. .buttons li:first-child {
  433.     float:left;
  434.     margin-left:-35px;
  435. }
  436.  
  437. #statcon {
  438.     position:fixed;
  439.     bottom:2px;
  440.     right:-82px;
  441.     font-size:9px;
  442.     letter-spacing:1px;
  443.     font-family:calibri;
  444.     text-transform:uppercase;
  445.     padding:4px;
  446.     -webkit-transition: all 0.7s ease-in-out;
  447.     -moz-transition: all 0.7s ease-in-out;
  448.     -o-transition: all 0.7s ease-in-out;
  449.     -ms-transition: all 0.7s ease-in-out;
  450. }
  451.  
  452. #statcon:hover {right:0px;}
  453.  
  454. #cred {
  455.     display:inline-block;
  456.     border:1px solid;
  457.     padding:4px;
  458.     -webkit-transition: all 0.7s ease-in-out;
  459.     -moz-transition: all 0.7s ease-in-out;
  460.     -o-transition: all 0.7s ease-in-out;
  461.     -ms-transition: all 0.7s ease-in-out;
  462.     }
  463.    
  464. #cred a:hover{
  465.     color:#000;
  466. }
  467.  
  468. {block:ifStats}
  469.  
  470. #statcon {
  471.     position:fixed;
  472.     bottom:2px;
  473.     right:-105px;
  474.     font-size:9px;
  475.     letter-spacing:1px;
  476.     font-family:calibri;
  477.     text-transform:uppercase;
  478.     padding:4px;
  479.     -webkit-transition: all 0.7s ease-in-out;
  480.     -moz-transition: all 0.7s ease-in-out;
  481.     -o-transition: all 0.7s ease-in-out;
  482.     -ms-transition: all 0.7s ease-in-out;
  483. }
  484.  
  485. #statcon:hover {right:0px;}
  486.  
  487. #stats {
  488.     display:inline-block;
  489.     right:0px;
  490.     border:1px solid;
  491.     padding:4px;
  492.     -webkit-transition: all 0.7s ease-in-out;
  493.     -moz-transition: all 0.7s ease-in-out;
  494.     -o-transition: all 0.7s ease-in-out;
  495.     -ms-transition: all 0.7s ease-in-out;
  496. }
  497.  
  498. #stats a:hover{
  499.     color:#000;
  500. }
  501.  
  502. {/block:ifStats}
  503.  
  504. {CustomCSS}
  505. </style>
  506. </head>
  507.  
  508. <body>
  509. <div id="sidebar">
  510. <img src="{image:sidebar}">
  511.  
  512. <div id="pagi">
  513. {block:Pagination}
  514. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>&nbsp;&nbsp;{/block:PreviousPage}
  515. {block:JumpPagination length="3"}
  516. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
  517. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
  518. {/block:JumpPagination}
  519. {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
  520. {/block:Pagination}
  521. {block:PermalinkPagination}
  522. {block:NextPost}
  523. <a href="{NextPost}">&larr;</a>
  524. {/block:NextPost}
  525. {block:PreviousPost}
  526. <a href="{PreviousPost}">&rarr;</a>
  527. {/block:PreviousPost}
  528. {/block:PermalinkPagination}
  529. </div>
  530.  
  531. <div id="nav">
  532. <a class="iconicfill-home" href="/"></a>
  533. <a class="iconicfill-mail" href="/ask"></a>
  534. <a class="iconicfill-clock" href="/archive"></a>
  535. <a class="iconicfill-wrench" href="http://seeroflights.tumblr.com" style="margin-right:0px;"></a>
  536. </div>
  537.  
  538. <div class="links">
  539. {block:IfLinkA}
  540. <a href="{text:linkA url}">{text:linkA}</a>
  541. {/block:IfLinkA}
  542. {block:IfLinkB}
  543. <a href="{text:linkB url}">{text:linkB}</a>
  544. {/block:IfLinkB}
  545. {block:IfLinkC}
  546. <a href="{text:linkC url}">{text:linkC}</a>
  547. {/block:IfLinkC}
  548. {block:IfLinkD}
  549. <a href="{text:linkD url}">{text:linkD}</a>
  550. {/block:IfLinkD}
  551. </div>
  552.  
  553. <div id="desc">
  554. {Description}
  555. <br>
  556. </div>
  557.  
  558. <div id="title">{Title}</div>
  559.  
  560. </div>
  561.  
  562. <div id="all">
  563. {block:Posts}
  564. <div id="posts">
  565.  
  566. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  567.  
  568. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  569.  
  570. {block:Link}<h1><a href="{URL}"{Target}>{Name}→</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  571.  
  572. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  573.  
  574. {block:Quote}<div style="font-size:18px;line-height:100%;">❝{Quote}❞</div><P><div style="text-align:right;">--{Source}</div>{/block:Quote}
  575.  
  576. {block:Audio}<left>{AudioPlayerWhite}
  577. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  578. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  579. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times{block:Caption}{Caption}{/block:Caption}</left>
  580. {/block:Audio}
  581.  
  582. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  583.  
  584. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  585.  
  586. {block:Answer}
  587. <img src="{AskerPortraitURL-48}" width="40px" align="left" class="askborder"><div class="bubble"><span></span>{Asker} asked: {Question}&nbsp;</div>{Answer}
  588. {/block:Answer}
  589.  
  590. <div id="line"></div>
  591. <ul class="buttons">
  592.     <li>{ReblogButton size="14"}</li>
  593.     <li>{LikeButton size="15"}</li>
  594. </ul>
  595. <div id="stuffz">
  596. <br><a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}</a> // <a href="{Permalink}">{12Hour}:{Minutes} </a> {block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} <a href="{SourceURL}">© {SourceLink}</a> {/block:ContentSource} // <a href="{Permalink}">{NoteCountWithLabel}</a><br>
  597. {block:HasTags}<div id="tags">{block:Tags} -<a href="{TagURL}">{Tag}</a> {/block:Tags}-</div>{/block:HasTags}</div></div>
  598. {/block:Posts}
  599. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  600. </div></div>
  601.  
  602.  
  603. <div id="statcon">{block:ifStats}<div id="stats">{text:stats}</div>{/block:ifStats}&nbsp; &nbsp; &nbsp;<div id="cred"><a href="http://seeroflights.tumblr.com/">seeroflights<font color="red">&hearts;</font></a></center></div></div>
  604.      
  605.        
  606. </body></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!