API tools faq
paste
Advertisement
silvercybermen

Theme 10: Rêves

silvercybermen
May 20th, 2014
627
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.28 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 10: Rêves by lunecerise aka sxriusblack
  6.  
  7. -keep credit intact
  8. -don't steal any code
  9. -don't use as a base code
  10.  
  11. -->
  12.  
  13.  
  14. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  15. <head>
  16.  
  17. <title>{Title}</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  21.  
  22. <link href='http://fonts.googleapis.com/css?family=Roboto:400,300,500,300italic' rel='stylesheet' type='text/css'>
  23. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic' rel='stylesheet' type='text/css'>
  24.  
  25. <meta name="color:Title" content="#888888"/>
  26. <meta name="color:Background" content="#fff"/>
  27. <meta name="color:Text" content="#bbbbbb"/>
  28. <meta name="color:Link" content="#aaaaaa"/>
  29. <meta name="color:Tags" content="#cccccc"/>
  30. <meta name="color:Hover" content="#f1f1f1"/>
  31. <meta name="color:Line" content="#f2f2f2"/>
  32. <meta name="color:Border" content="#eeeeee"/>
  33. <meta name="color:Scrollbar" content="#aaaaaa"/>
  34.  
  35. <meta name="if:Navigation" content="1"/>
  36.  
  37. <meta name="text:linkA" content="">
  38. <meta name="text:linkA url" content="/">
  39. <meta name="text:linkB" content="">
  40. <meta name="text:linkB url" content="/">
  41. <meta name="text:linkC" content="">
  42. <meta name="text:linkC url" content="/">
  43. <meta name="text:linkD" content="">
  44. <meta name="text:linkD url" content="/">
  45.  
  46. <meta name="text:nav link 1" content=""/>
  47. <meta name="text:nav link 1 url" content="/"/>
  48. <meta name="text:nav link 2" content=""/>
  49. <meta name="text:nav link 2 url" content="/"/>
  50. <meta name="text:nav link 3" content=""/>
  51. <meta name="text:nav link 3 url" content="/"/>
  52. <meta name="text:nav link 4" content=""/>
  53. <meta name="text:nav link 4 url" content="/"/>
  54. <meta name="text:nav link 5" content=""/>
  55. <meta name="text:nav link 5 url" content="/"/>
  56.  
  57. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  58. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  59. <script>
  60. (function($){
  61. $(document).ready(function(){
  62. $("[title]").style_my_tooltips({
  63. tip_follows_cursor:true,
  64. tip_delay_time:30,
  65. tip_fade_speed:300,
  66. attribute:"title"
  67. });
  68. });
  69. })(jQuery);
  70. </script>
  71.  
  72. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js">
  73. </script>
  74. <script type="text/javascript">
  75. $(document).ready(function(){
  76. $(".jamais").hide();
  77. $(".toujours").click(function(){
  78. $(this).next(".jamais").slideToggle('fast');
  79. }); }); </script>
  80.  
  81. <style type="text/css">
  82.  
  83. ::-webkit-scrollbar {width:8px; height:auto; background:{color:background};}
  84. ::-webkit-scrollbar-corner {background:{color:background};}
  85. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar};}
  86. ::-webkit-scrollbar-thumb:horizontal {background:{color:scrollbar};}
  87. ::-webkit-scrollbar-thumb:hover {background:{color:scrollbar};}
  88.  
  89. iframe#tumblr_controls {
  90. white-space:nowrap;
  91. -webkit-filter: invert(100%);
  92. -moz-filter: invert(100%);
  93. -o-filter: invert(100%);
  94. -ms-filter: invert(100%);
  95. filter: invert(100%);
  96. opacity:.2;transition: .8s ease-in-out;
  97. -webkit-transition: .8s ease-in-out;
  98. -moz-transition: .8s ease-in-out;
  99. -o-transition: .8s ease-in-out;
  100. }
  101.  
  102. *, body, a, a:hover {cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto;}
  103.  
  104. body {
  105. background:{color:background};
  106. margin:0px;
  107. color:{color:text};
  108. font-family:Arial, Helvetica;
  109. font-size:9px;
  110. line-height:110%;
  111. }
  112.  
  113. a {
  114. text-decoration:none;
  115. -moz-outline-style:none;
  116. color:{color:link};
  117. transition-duration:0.5s;
  118. -o-transition-duration:0.5s;
  119. -ms-transition-duration:0.5s;
  120. -moz-transition-duration:0.5s;
  121. -webkit-transition-duration:0.5s;
  122. }
  123.  
  124. a:hover {
  125. opacity:1;
  126. color:{color:hover};
  127. transition-duration:0.5s;
  128. -o-transition-duration:0.5s;
  129. -ms-transition-duration:0.5s;
  130. -moz-transition-duration:0.5s;
  131. -webkit-transition-duration:0.5s;
  132. }
  133.  
  134. img {
  135. border:none;
  136. max-width:100%;
  137. }
  138.  
  139. h1 {
  140. font-size:12px;
  141. text-transform:uppercase;
  142. }
  143.  
  144. h2 {
  145. font-size:15px;
  146. line-height:123%;
  147. }
  148.  
  149. blockquote {
  150. padding-left:5px;
  151. border-left:2px solid;
  152. }
  153.  
  154. blockquote blockquote {
  155. padding-left:5px;
  156. border-left:2px solid;
  157. }
  158.  
  159. ol {
  160. list-style:upper-roman;
  161. line-height:115%;
  162. }
  163.  
  164. li {
  165. list-style:square;
  166. }
  167.  
  168. pre {
  169. background-color:#f2f2f2;
  170. padding:3px 5px;
  171. }
  172.  
  173. #incarnat {
  174. position:fixed;
  175. height:1px;
  176. width:150px;
  177. right:0px;
  178. margin-top:40px;
  179. background-color:#777;
  180. }
  181.  
  182. .toujours, .toujours p {
  183. background-color:{color:background};
  184. padding:5px 7px;
  185. border-top:1px solid #777;
  186. width:150px;
  187. font-size:10px;
  188. color:#777;
  189. margin:-10px -10px 0;
  190. }
  191.  
  192. .jamais {
  193. width:140px;
  194. padding:5px;
  195. right:0px;
  196. text-align:justify;
  197. }
  198.  
  199. .jamais li {
  200. list-style:square;
  201. }
  202.  
  203. #ev {
  204. height:100%;
  205. margin-left:250px;
  206. position:fixed;
  207. }
  208.  
  209. #sidebar {
  210. position:fixed;
  211. width:120px;
  212. margin-top:11%;
  213. opacity:1;
  214. transition-duration:0.5s;
  215. -o-transition-duration:0.5s;
  216. -ms-transition-duration:0.5s;
  217. -moz-transition-duration:0.5s;
  218. -webkit-transition-duration:0.5s;
  219. }
  220.  
  221. #voleur {
  222. width:1px;
  223. height:130%;
  224. background-color:#777;
  225. position:fixed;
  226. margin-top:-200px;
  227. }
  228.  
  229. #cygne {
  230. position:fixed;
  231. width:220px;
  232. margin-top:10%;
  233. margin-left:-50px;
  234. padding-bottom:2px;
  235. border-bottom:1px solid #777;
  236. text-align:center;
  237. transition-duration:0.5s;
  238. -o-transition-duration:0.5s;
  239. -ms-transition-duration:0.5s;
  240. -moz-transition-duration:0.5s;
  241. -webkit-transition-duration:0.5s;
  242. }
  243.  
  244. #cygne a {
  245. font-family:'Open Sans Condensed', sans-serif;
  246. font-size:20px;
  247. padding:0 10px 5px 100px;
  248. color:{color:title};
  249. letter-spacing:1px;
  250. transition-duration:0.5s;
  251. -o-transition-duration:0.5s;
  252. -ms-transition-duration:0.5s;
  253. -moz-transition-duration:0.5s;
  254. -webkit-transition-duration:0.5s;
  255. }
  256.  
  257. #cygne a:hover {
  258. letter-spacing:2px;
  259. transition-duration:0.5s;
  260. -o-transition-duration:0.5s;
  261. -ms-transition-duration:0.5s;
  262. -moz-transition-duration:0.5s;
  263. -webkit-transition-duration:0.5s;
  264. }
  265.  
  266. .desc {
  267. position:fixed;
  268. margin-top:10px;
  269. margin-left:0px;
  270. font-family:cambria;
  271. line-height:110%;
  272. font-size:9px;
  273. font-style:italic;
  274. width:120px;
  275. padding:10px;
  276. text-align:justify;
  277. color:{color:text};
  278. border-left:1px solid #777;
  279. z-index:-1;
  280. }
  281.  
  282. #sidebar:hover {
  283. opacity:1;
  284. transition-duration:0.5s;
  285. -o-transition-duration:0.5s;
  286. -ms-transition-duration:0.5s;
  287. -moz-transition-duration:0.5s;
  288. -webkit-transition-duration:0.5s;
  289. }
  290.  
  291. .links {
  292. position:fixed;
  293. margin:10% auto 100px -160px;
  294. width:200px;
  295. padding:10px 5px;
  296. word-spacing:2px;
  297. font-family:Arial, Helvetica;
  298. text-align:center;
  299. text-transform:uppercase;
  300. border-bottom:1px solid #777;
  301. z-index:-1;
  302. }
  303.  
  304. .links a {
  305. font-size: 9px;
  306. display:block;
  307. text-align:right;
  308. padding:10px 0 0;
  309. margin-right:55px;
  310. transition-duration:0.5s;
  311. -o-transition-duration:0.5s;
  312. -ms-transition-duration:0.5s;
  313. -moz-transition-duration:0.5s;
  314. -webkit-transition-duration:0.5s;
  315. }
  316.  
  317. .links a:hover {
  318. color:{color:Hover};
  319. letter-spacing:1px;
  320. transition-duration:0.5s;
  321. -o-transition-duration:0.5s;
  322. -ms-transition-duration:0.5s;
  323. -moz-transition-duration:0.5s;
  324. -webkit-transition-duration:0.5s;
  325. }
  326.  
  327.  
  328. .pagi {
  329. width:50px;
  330. height:1px;
  331. font-size:10px;
  332. text-align:right;
  333. margin-left:170px;
  334. margin-top:10px;
  335. position:fixed;
  336. font-family:cambria;
  337. letter-spacing:0px;
  338. }
  339.  
  340. .pagi a {
  341. display:inline-block;
  342. float:right;
  343. position:fixed;
  344. margin-top:-5px;
  345. font-size:10px;
  346. padding:0 1px;
  347. }
  348.  
  349. #all {
  350. padding:10px;
  351. width:500px;
  352. margin-left:490px;
  353. margin-top:50px;
  354. font-size:10px;
  355. margin-bottom:40px;
  356. }
  357.  
  358. #posts {
  359. width:500px;
  360. padding-bottom:20px;
  361. padding:10px;
  362. margin-top:30px;
  363. background-color:{color:Post};
  364. transition-duration:0.5s;
  365. -o-transition-duration:0.5s;
  366. -ms-transition-duration:0.5s;
  367. -moz-transition-duration:0.5s;
  368. -webkit-transition-duration:0.5s;
  369. }
  370.  
  371. #posts:hover #tags {
  372. opacity:1;
  373. transition-duration:0.5s;
  374. -o-transition-duration:0.5s;
  375. -ms-transition-duration:0.5s;
  376. -moz-transition-duration:0.5s;
  377. -webkit-transition-duration:0.5s;
  378. }
  379.  
  380.  
  381. #details {
  382. padding:10px 0;
  383. text-align:right;
  384. text-transform:uppercase;
  385. font-size:8px;
  386. font-style:none;
  387. border-top:1px solid {color:Line};
  388. }
  389.  
  390.  
  391. #tags {
  392. position:absolute;
  393. font-family:calibri;
  394. letter-spacing:0px;
  395. text-transform:uppercase;
  396. font-size:9px;
  397. padding:0 10px;
  398. text-align:left;
  399. width:100px;
  400. height:auto;
  401. margin-left:500px;
  402. opacity:0;
  403. line-height:120%;
  404. transition-duration:0.5s;
  405. -o-transition-duration:0.5s;
  406. -ms-transition-duration:0.5s;
  407. -moz-transition-duration:0.5s;
  408. -webkit-transition-duration:0.5s;
  409. }
  410.  
  411. #tags a {
  412. letter-spacing:1px;
  413. display:inline-block;
  414. float:left;
  415. text-align:left;
  416. padding:2px 4px;
  417. color:{color:Tags};
  418. -webkit-transition: all 0.6s ease-in-out;
  419. -moz-transition: all 0.6s ease-in-out;
  420. -o-transition: all 0.6s ease-in-out;
  421. -ms-transition: all 0.6s ease-in-out;
  422. -transition: all 0.6s ease-in-out;
  423. }
  424.  
  425. #tags a:hover {
  426. color:#fff;
  427. background-color:{color:tags};
  428. transition:0.5s linear ease-in-out;
  429. -o-transition:0.5s linear ease-in-out;
  430. -ms-transition:0.5s linear ease-in-out;
  431. -moz-transition:0.5s linear ease-in-out;
  432. -webkit-transition:0.5s linear ease-in-out;
  433. }
  434.  
  435. #question {
  436. padding:8px;
  437. font-family:cambria;
  438. letter-spacing:2px;
  439. text-align:right;
  440. font-style:italic;
  441. border:1px {color:border} dashed;
  442. color:{color:text};
  443. background-color:{color:background};
  444. }
  445.  
  446. .cover {
  447. position: relative;
  448. z-index: 1;
  449. width:100px;
  450. background-color:{color:background};
  451. }
  452.  
  453. .playbox:hover {
  454. opacity:1;
  455. transition-duration:0.5s;
  456. -o-transition-duration:0.5s;
  457. -ms-transition-duration:0.5s;
  458. -moz-transition-duration:0.5s;
  459. -webkit-transition-duration:0.5s;
  460. }
  461.  
  462. .playbutton {
  463. width: 20px;
  464. height: 30px;
  465. overflow: hidden;
  466. position: relative;
  467. z-index: 1000;
  468. margin: 12px 20px 10px 12px;
  469. }
  470.  
  471. .playbox {
  472. background-color: #000;
  473. position: absolute;
  474. z-index: 1000;
  475. margin-top:25px;
  476. margin-left:24px;
  477. opacity:0.6;
  478. transition-duration:0.5s;
  479. -o-transition-duration:0.5s;
  480. -ms-transition-duration:0.5s;
  481. -moz-transition-duration:0.5s;
  482. -webkit-transition-duration:0.5s;
  483. }
  484.  
  485. .chat li {
  486. list-style:none;
  487. line-height:110%;
  488. }
  489.  
  490. .line.odd {
  491. background-color:#f2f2f2;
  492. padding:3px 5px;
  493. }
  494.  
  495. .line.even {
  496. padding:3px 5px;
  497. }
  498.  
  499. #s-m-t-tooltip {
  500. max-width:300px;
  501. padding:2px 4px;
  502. margin:20px 0px 0px 20px;
  503. height:auto;
  504. background-color:{color:background};
  505. font-family:calibri;
  506. font-size:9px;
  507. letter-spacing:1px;
  508. text-transform:uppercase;
  509. color:{color:text};
  510. box-shadow:0 0 0.2em #aaa;
  511. z-index:999999999999999999999999999999999999;
  512. }
  513.  
  514. #toTop {
  515. width:50px;
  516. height:auto;
  517. text-align:center;
  518. padding:5px;
  519. position:fixed;
  520. bottom:40px;
  521. right:10px;
  522. cursor:pointer;
  523. display:none;
  524. text-transform: uppercase;
  525. font-size:25px;
  526. letter-spacing: 1px; }
  527.  
  528. #credit, #credit a {
  529. position:fixed;
  530. bottom:4px;
  531. right:4px;
  532. padding:5px 4px;
  533. font-family: helvetica;
  534. text-transform:uppercase;
  535. color:#fff;
  536. font-size:10px;
  537. background-color:#000;
  538. -moz-transition-duration:0.3s;
  539. -webkit-transition-duration:0.3s;
  540. -o-transition-duration:0.3s;
  541. -ms-transition-duration:0.3s;
  542. }
  543.  
  544. #credit:hover, #credit a:hover {
  545. font-family: helvetica;
  546. color:#000;
  547. background-color:#fff;
  548. text-shadow:#aaa 2px 2px;
  549. -moz-transition-duration:0.4s;
  550. -webkit-transition-duration:0.4s;
  551. -o-transition-duration:0.4s;
  552. -ms-transition-duration:0.4s;
  553. }
  554.  
  555.  
  556. {CustomCSS}</style></head><body>
  557. {block:ifNavigation}
  558. <div id="incarnat">
  559. <p class="toujours">+navigation</p>
  560. <div class="jamais">
  561. <li><a href="{text:nav link 1 url}">{text:nav link 1}</a></li>
  562. <li><a href="{text:nav link 2 url}">{text:nav link 2}</a></li>
  563. <li><a href="{text:nav link 3 url}">{text:nav link 3}</a></li>
  564. <li><a href="{text:nav link 4 url}">{text:nav link 4}</a></li>
  565. <li><a href="{text:nav link 5 url}">{text:nav link 5}</a></li>
  566. </div>
  567. </div>
  568. {/block:ifNavigation}
  569. <div id="ev">
  570. <div id="voleur"></div>
  571. <div id="cygne"><a href="/">{Title}</a></div>
  572. <div id="sidebar">
  573. <div class="desc">
  574. {Description}
  575. </div>
  576. <div class="links">
  577. {block:IfLinkA}
  578. <a href="{text:linkA url}">{text:linkA}</a>
  579. {/block:IfLinkA}
  580. {block:IfLinkB}
  581. <a href="{text:linkB url}">{text:linkB}</a>
  582. {/block:IfLinkB}
  583. {block:IfLinkC}
  584. <a href="{text:linkC url}">{text:linkC}</a>
  585. {/block:IfLinkC}
  586. {block:IfLinkD}
  587. <a href="{text:linkD url}">{text:linkD}</a>
  588. {/block:IfLinkD}
  589.  
  590. {block:Pagination}<div class="pagi">
  591. {block:PreviousPage}<a href="{PreviousPage}" title="retourner">-</a>&nbsp;&nbsp;{/block:PreviousPage}
  592. {block:NextPage}<a href="{NextPage}" title="avant">+</a>{/block:NextPage}
  593. </div>{/block:Pagination}
  594. </div></div>
  595. </div>
  596. <div id="all">{block:Posts}<div id="posts">
  597.  
  598. {block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">+{Tag}</a><br> {/block:Tags}</div>{/block:HasTags}
  599.  
  600. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  601.  
  602. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}<div style="max-width:500px; overflow-x:scroll">{Caption}</div>{/block:Caption}{/block:Photo}
  603.  
  604. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  605.  
  606. {block:Photoset}{Photoset-500}{block:Caption}<div style="max-width:500px; overflow-x:scroll">{Caption}</div>{/block:Caption}{/block:Photoset}
  607.  
  608. {block:Quote}<h2>❝ {Quote} ❞</h2><div style="text-align:right">—{Source}</div><br>{/block:Quote}
  609.  
  610. {block:Audio}<div class="playbox">
  611. <div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  612. {block:AlbumArt}
  613. <img src="{AlbumArtURL}" class="cover">
  614. {/block:AlbumArt}
  615. <div style="margin-left:110px; margin-top:-100px; line-height:160%"><br>
  616. {block:TrackName}{TrackName}<br>{/block:TrackName}
  617. {block:Artist}{Artist}<br>{/block:Artist}
  618. {block:Album}{Album}<br>{/block:Album}
  619. {/block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div>
  620. {block:Caption}<div style="max-width:500px; margin-top:30px">{Caption}</div>{/block:Caption}{/block:Audio}
  621.  
  622. {block:Video}{Video-500}{block:Caption}<div style="max-width:500px; -ms-word-break: break-all;word-break: break-all;word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto;">{Caption}</div>{/block:Caption}{/block:Video}
  623.  
  624. {block:Chat}<div class="chat">{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}<li class="line {Alt}">{block:Label}<b>{Label}</b>{/block:Label} {Line}</li><br>{/block:Lines}</div>{/block:Chat}
  625.  
  626. {block:Answer}<div id="question"><span style="text-transform:uppercase;font-size:9px;font-style:italic;">— {Asker}: </span>{Question}</div><left> <div style="font-family:cambria; max-width:500px">{Answer}</div>{/block:Answer}
  627.  
  628. <div id="details">
  629. <br> —tempus: <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}, {Year} <span style="font-size:10px">&#8987;</span> {12Hour}:{Minutes} </a>| {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> |{/block:RebloggedFrom} {block:ContentSource} <a href="{SourceURL}" title="{SourceTitle}">©</a> |{/block:ContentSource} + <a href="{Permalink}">{NoteCount}</a>
  630. </div></div>
  631. {block:PostNotes}{PostNotes}{/block:PostNotes}
  632. {/block:Posts}</div>
  633.  
  634. <div id="credit"><a href="http://lunecerise.tumblr.com" title="lunecerise">LC</a></div>
  635.  
  636. </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!