Advertisement
wheretimeisendless

Theme #17

Feb 17th, 2013
270
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.90 KB | None | 0 0
  1. <!--
  2. theme originally by yourgrandeofficial. edited by anonymouslydobrev.
  3. -->
  4.  
  5. <html lang="en">
  6.  
  7. <head>
  8.  
  9. <meta name="color:Background" content="#ffffff"/>
  10. <meta name="color:Text" content="#aaa"/>
  11. <meta name="color:Link" content="#e9bdbf"/>
  12. <meta name="color:Hover" content="#000"/>
  13. <meta name="color:Sidebar Title First Letter" content="#dddddd"/>
  14. <meta name="color:Sidebar Title" content="#dddddd"/>
  15. <meta name="image:Background" content=""/>
  16. <meta name="image:sidebar" content=""/>
  17. <meta name="color:title" content="#000" />
  18. <meta name="text:sidebar title" content=""/>
  19. <meta name="text:music player" content=""/>
  20. <meta name="text:link one" content="" />
  21. <meta name="text:link one title" content="un" />
  22. <meta name="text:link two" content="" />
  23. <meta name="text:link two title" content="deux" />
  24. <meta name="text:link three" content="" />
  25. <meta name="text:link three title" content="trois" />
  26. <meta name="text:link four" content="" />
  27. <meta name="text:link four title" content="quatre" />
  28. <meta name="text:link five" content="" />
  29. <meta name="text:link five title" content="cinq" />
  30. <meta name="text:link six" content="" />
  31. <meta name="text:link six title" content="six" />
  32.  
  33.  
  34. <link href='http://fonts.googleapis.com/css?family=Imprima' rel='stylesheet' type='text/css'>
  35.  
  36. <link href='http://fonts.googleapis.com/css?family=La+Belle+Aurore|Grand+Hotel|Sacramento|Vibur' rel='stylesheet' type='text/css'>
  37.  
  38. <link href='http://fonts.googleapis.com/css?family=Ubuntu:300' rel='stylesheet' type='text/css'>
  39.  
  40. <script type="text/javascript"
  41. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js">
  42.  
  43. </script>
  44.  
  45. <style type="text/css">
  46.  
  47. @font-face { font-family: "arma"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  48. @font-face { font-family: "yolo"; src: url('http://static.tumblr.com/5fd89aw/H0ilkmgoh/arsenale_white.ttf'); }
  49. @font-face { font-family: "learningcurve"; src: url('http://static.tumblr.com/rmj06l2/paAlm4ymo/learningcurve.ttf'); }
  50. @font-face { font-family: "bebas"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  51. @font-face { font-family: "handy00"; src: url('http://static.tumblr.com/va8axoh/0n6lwmnpk/handy00.ttf'); }
  52. @font-face { font-family: "lovenote"; src: url('http://static.tumblr.com/4yxykdm/k6plrfhwf/ck_love_note.ttf'); }
  53. @font-face { font-family: "black swan"; src: url('http://static.tumblr.com/pwgdr2n/yAkm3iisd/a_s_black_swan.ttf'); }
  54. @font-face { font-family: "idk"; src: url('http://static.tumblr.com/31mcubv/O1mmg2kb2/kgwaystosaygoodbye.ttf'); }
  55. @font-face { font-family: "arsenalewhite"; src: url('http://static.tumblr.com/5fd89aw/H0ilkmgoh/arsenale_white.ttf'); }
  56. @font-face {font-family:"charade";src:url('http://static.tumblr.com/7glhdxz/Ro9mgevmu/pr8_charade.ttf');}
  57. @font-face {font-family:"wideopen";src:url('http://static.tumblr.com/7glhdxz/K8Wmgevib/kgeyeswideopen.ttf');}
  58.  
  59. 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;}
  60.  
  61. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  62.  
  63. ::-webkit-scrollbar {width: 4px; height: 4px; background: #000000; }
  64.  
  65. ::-webkit-scrollbar-thumb { background-color: {color:link}; }
  66.  
  67. body, a, a:hover {}
  68.  
  69. body{
  70. margin:5px;
  71. background-color: {color:Background};
  72. background-image:url({image:Background});
  73. background-attachment: fixed;
  74. background-repeat: repeat;
  75. font-size: 8px;
  76. font-family: consolas;
  77. line-height:10px;
  78. color:{color:Text};
  79. }
  80. anika {
  81. font-family: consolas;
  82. color: #aaa;
  83. font-size:10px;
  84. z-index:1;
  85. }
  86. a:link, a:active, a:visited{
  87. color:{color:link};
  88. text-decoration: none;
  89. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  90. }
  91.  
  92. a:hover {
  93. color:{color:Hover};
  94. text-decoration:line-through;
  95. transition: all 0.5s ease-out;
  96. -o-transition-transition: all 0.5s ease-out;
  97. -webkit-transition: all 0.5s ease-out;
  98. -moz-transition: all 0.5s ease-out;;
  99. }
  100.  
  101. #cunt{width:250px; height:auto;}
  102. {block:PermalinkPage}
  103. width:410px;
  104. {/block:PermalinkPage}
  105. }
  106.  
  107. #center{
  108. padding-top:3px;
  109. padding-bottom:3px;
  110. position:fixed !important;
  111. width:250px;
  112. height:207px;
  113. background-color:#fff;
  114. {block:PermalinkPage}
  115. width:410px;
  116. height:207px;
  117. {/block:PermalinkPage}
  118. }
  119.  
  120. #bordur{
  121. background-color:white;
  122. background-image:url({image:border});
  123. top:0px;
  124. width:45px;
  125. margin-left:435px;
  126. height:100%;
  127. position:fixed;
  128. border-left:5px double {color:borders};
  129. border-right:5px double {color:borders};
  130. }
  131.  
  132.  
  133. #bordurr{
  134. background-color:white;
  135. background-image:url({image:border});
  136. top:0px;
  137. width:45px;
  138. margin-left:1080px;
  139. height:100%;
  140. position:fixed;
  141. border-left:5px double {color:borders};
  142. border-right:5px double {color:borders};
  143. }
  144.  
  145.  
  146. #posts{
  147. float:center;
  148. width:500px;
  149. {block:indexpage}
  150. width:610px;
  151. {/block:indexpage}
  152. {block:permalinkpage}
  153. width:750px;
  154. margin-top: 40px;
  155. {/block:permalinkpage}
  156. margin-left: 492px;
  157. margin-top: 0px;
  158. z-index:9999;
  159. }
  160.  
  161. div#blogtitle{
  162. position: fixed !important;
  163. margin-left:230px;
  164. font-family: "ubuntu";
  165. margin-top:100px;
  166. opacity: 1.0;
  167. width: auto;
  168. text-transform: uppercase;
  169. padding: 3px;
  170. font-size: 20px;
  171. line-height:15px;
  172. letter-spacing:4px;
  173. ;text-transform: normal;
  174. color:{color:Sidebar Title};
  175. }
  176.  
  177. div#blogtitle:first-letter {
  178. color:{color:Sidebar Title First Letter};
  179. font-size:25px;
  180. text-transform: normal;
  181. }
  182.  
  183.  
  184.  
  185.  
  186.  
  187. background{
  188. background-color:{color:desc background};
  189. margin:0px;
  190. padding:0px;
  191. }
  192.  
  193.  
  194. div#sidebar {
  195. opacity: 0.9;
  196. position:fixed !important;
  197. background:white;
  198. width: 220px;
  199. height: 220px;
  200. font-family: "arma";
  201. font-size:10px;
  202. line-height:10px;
  203. margin-left:233px;
  204. margin-top:120px;
  205. z-index:0;
  206. transition: all 0.9s ease-out;
  207. -o-transition-transition: all 0.5s ease-out;
  208. -webkit-transition: all 0.5s ease-out;
  209. -moz-transition: all 0.5s ease-out;
  210. }
  211.  
  212.  
  213. #sidebar img{
  214. background:white;
  215. padding:0px;
  216. border: 0px dashed {color:sidebar border};
  217. width: 220px;
  218. height: 220px;
  219. transition: all 0.5s ease-out;
  220. -o-transition-transition: all 0.5s ease-out;
  221. -webkit-transition: all 0.5s ease-out;
  222. -moz-transition: all 0.5s ease-out;
  223. transition: all 0.9s ease-in-out;
  224. z-index:-200;
  225. }
  226.  
  227.  
  228.  
  229.  
  230. #desc{
  231. position:fixed;
  232. width:206px;
  233. height:206px;
  234. opacity:0;
  235. font-family:consolas;
  236. font-size:10px;
  237. text-align:center;
  238. margin-top:-135px;
  239. margin-left:-4px;
  240. padding:15px;padding:5px;
  241. color:{color:Text};
  242. overflow:auto;
  243. border: 2px double #ddd;
  244. background-color: #ffffff;
  245. -moz-transform:rotate(360deg) scale(0);
  246. -webkit-transform:rotate(360deg) scale(0);
  247. -o-transform:rotate(360deg) scale(0);
  248. -ms-transform:rotate(360deg) scale(0);
  249. transition: all 0.9s ease;
  250. -o-transition-transition: all 0.9s ease;
  251. -webkit-transition: all 0.9s ease;
  252. -moz-transition: all 0.9s ease;
  253. }
  254.  
  255. #sidebar:hover #desc {
  256. opacity:1;
  257. transition: all 0.9s ease;
  258. -o-transition-transition: all 0.9s ease;
  259. -webkit-transition: all 0.9s ease;
  260. -moz-transition: all 0.9s ease;
  261. -moz-transform:rotate(0deg) scale(1);
  262. -webkit-transform:rotate(0deg) scale(1);
  263. -o-transform:rotate(0deg) scale(1);
  264. -ms-transform:rotate(0deg) scale(1);
  265. margin-top:-225px;
  266. }
  267.  
  268. #qquote{font-family:wideopen;font-size:22px; line-height: 10px; text-align:left; padding: 5px; margin-top:-5px; margin-left:0px; position:absolute; letter-spacing:1px;}
  269.  
  270. #sub{font-family:arma; color:#000;text-transform: uppercase;font-size:8px; text-align:right; letter-spacing:3px; margin-top:10px; margin-left:100px; position:absolute;}
  271.  
  272. @font-face { font-family: "Kg Eyes Wide Open"; src: url('http://static.tumblr.com/anvbwtn/sq0md8m2c/kgeyeswideopen.ttf');}
  273.  
  274. @font-face { font-family: "yolo"; src: url('http://static.tumblr.com/5fd89aw/H0ilkmgoh/arsenale_white.ttf'); }
  275.  
  276. @font-face { font-family: "neverletgo"; src: url('http://static.tumblr.com/q54tzar/o02m2jt6c/neverletgo_3_.ttf'); }
  277.  
  278.  
  279.  
  280.  
  281.  
  282. askk {
  283. font-family: arsenalewhite;
  284. color: {color:Title};
  285. font-size:25px;
  286. z-index:1;
  287. }
  288.  
  289. #entry{
  290. font-family: consolas;
  291. font-size:10px;
  292. text-align:left;
  293. z-index:9999;
  294. float:left;
  295. width:250px;
  296. height: auto;
  297. {block:PermalinkPage}
  298. width: 418px;
  299. height: auto;
  300. {/block:PermalinkPage}
  301. line-height:10px;
  302. background-color:#fff;
  303. margin:3px;
  304. overflow:hidden;
  305. padding: 6px;
  306. padding-bottom: 4px;
  307. }
  308.  
  309. #entry .perma a{
  310. color:;
  311. -webkit-transition: color 0.5s ease-out;
  312. -moz-transition: color 0.5s ease-out;
  313. }
  314.  
  315.  
  316. #entry .perma{
  317. width:125px;
  318. height: 15px;
  319. font-family: consolas;
  320. font-size: 10px;
  321. text-transform:lowercase;
  322. position: absolute;
  323. line-height: 15px;
  324. text-align: center;
  325. overflow:hidden;
  326. opacity: 0.0;
  327. background-color:#fff;
  328. letter-spacing:0px;
  329. margin-top:0px;
  330. margin-left: 30px;
  331. padding-bottom:1px;
  332. border-radius: 0px;
  333. border-radius:0px 0px 40px 0px; color:#555;
  334. border:2px #ddd;
  335. -webkit-transition: opacity 0.5s linear; opacity: 0.0;
  336. -webkit-transition: all 0.5s linear;
  337. -moz-transition: all 0.5s linear;
  338. transition: all 0.5s linear;
  339. }
  340.  
  341. #entry:hover .perma{
  342. overflow:visible;
  343. margin-left: 0px;
  344. border-right: 2px double #ddd;
  345. border-bottom: 2px double #ddd;
  346. -webkit-transition: all 0.5s linear; opacity: 1;
  347. -webkit-transition: all 0.5s linear;
  348. -moz-transition: all 0.5s linear;
  349. transition: all 0.5s linear;
  350. }
  351. .permalinktext {
  352. display: block;
  353. padding: 1px;
  354. margin: 0px 0px 0px 8px;
  355. font-family: consolas;
  356. font-size: 10px;
  357. color: #424242;
  358. line-height: 10px;
  359. text-align: right;
  360. text-decoration: none;
  361. -webkit-transition: color 0.5s ease-out;
  362. -moz-transition: color 0.5s ease-out;
  363.  
  364. }
  365.  
  366.  
  367. .title{
  368. font-family: consolas;
  369. font-size: 12px;
  370. line-height: 10px;
  371. color:{color:Title};
  372. letter-spacing: 0px;
  373. font-weight: normal;
  374. padding:0px 0px 0px 0px;
  375. }
  376. #postnotes{
  377. text-align: left;}
  378.  
  379. #postnotes blockquote{
  380. border: 0px;}
  381.  
  382.  
  383. blockquote{
  384. padding:0px 0px 2px 3px;
  385. margin:0px 0px 2px 1px;
  386. }
  387. ul, ol, li{
  388. list-style:none;
  389. margin:0px;
  390. padding:0px
  391. }
  392.  
  393. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  394. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};
  395. }
  396.  
  397. a.links {
  398. font-family: consolas;
  399. font-size: 10px;
  400. line-height: 8px;
  401. text-transform: normal;
  402. letter-spacing:0px;
  403. display:block;
  404. padding: 0px;
  405. margin-bottom: 0px;
  406. }
  407.  
  408. a.links:hover {
  409. font-style: none;
  410. text-decoration: none;
  411. letter-spacing:10px;
  412. }
  413.  
  414. </style>
  415. <title>{title}</title>
  416. <link rel="shortcut icon" href="{favicon}">
  417. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  418. <meta name="viewport" content="width=720" />
  419. </head>
  420. <body onkeydown="return false">
  421. <div id="center">
  422. <div id="content">
  423. <div id="under">
  424. {text:blogtitle}
  425. </div>
  426.  
  427. <div id="sidebar">
  428.  
  429.  
  430.  
  431. <img src="{image:sidebar}"></a>
  432. <div style="padding:4px;padding-bottom:0px;border-bottom:0px solid {color:Border};">
  433. <div id="desc">
  434. <div style="border:1px solid #ddd; width:200px; margin-left:3px;text-align:center;"></div><br>
  435. <div style="text-align:center;width:175px;margin-left:15px;">
  436. <center>{Description}</center>
  437. <p></p>
  438. </div>
  439. <div style="border:1px solid #ddd; width:200px; margin-left:3px;"></div><br>
  440. <center>{text:music player}</center>
  441. </div>
  442. </div>
  443. <div style="margin-left:0px;margin-top:0px;width:218px;font-family:consolas;">
  444. <div style="border:1px solid #ddd; width:218px; margin-left:-0px;"></div><br>
  445. <center>
  446. <a href="{text:Link One}">{text:Link One Title}</a> /
  447. <a href="{text:Link Two}">{text:Link Two Title}</a> /
  448. <a href="{text:Link Three}">{text:Link Three Title}</a> /
  449. <a href="{text:Link Four}">{text:Link Four Title}</a> /
  450. <a href="{text:Link Five}">{text:Link Five Title}</a> /
  451. <a href="{text:Link Six}">{text:Link Six Title}</a><br><br></center>
  452. <div style="border:1px solid #ddd; width:218px; margin-left:-0px; "></div></div>
  453. </div>
  454. </div>
  455. </div>
  456.  
  457.  
  458.  
  459. <div id="blogtitle">{text:sidebar title}</div>
  460.  
  461. <div id="posts">
  462. {block:Posts}
  463. <div id="entry">
  464.  
  465. {block:Text}
  466. {block:Title}<span class="title">{Title}</span>{/block:Title}
  467. <span class="entrytext">{Body}</span>
  468. <div class="permalinktext"> <a href="{permalink}">+{NoteCount}</a></div>
  469. {/block:Text}
  470.  
  471. {block:Link}
  472. <a href="{URL}" class="title">{Name}</a>
  473. {block:Description}{Description}{/block:Description}
  474. <div class="permalinktext"> <a href="{permalink}">+{NoteCount}</a> </div>
  475. {block:Link}
  476.  
  477. {block:Photo}{block:IndexPage}
  478. <div class="perma">
  479. <a href="{permalink}">{NoteCountWithLabel}</a> // <a href="{ReblogURL}" target="_blank"> reblog </a></span></div>
  480. {/block:IndexPage}
  481. {block:IndexPage}<img src="{PhotoURL-250}" alt="{PhotoAlt}" width=250px /></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=500px/>{LinkCloseTag}{/block:PermalinkPage}
  482. {/block:Photo}
  483.  
  484.  
  485. {block:Photoset}<center>{Photoset-250}{block:Caption}{Caption}{/block:Caption}</center><div class="permalinktext"><a href="{Permalink}"> +{NoteCount}</a> </div>{/block:Photoset}
  486.  
  487. {block:Quote}
  488. <span class="entrytext">{Quote}</span>
  489. {block:Source}<b><a href="{Permalink}">{Source}</a></b>{/block:Source}
  490. <div class="permalinktext"> <a href="{permalink}">+{NoteCount}</a> </div>
  491. {/block:Quote}
  492.  
  493. {block:Chat}
  494. {block:Title}<span class="title">{Title}</span>{/block:Title}
  495. <ul class="chat">
  496. {block:Lines}
  497. <li class="user_{UserNumber}">
  498. {block:Label}
  499. <span class="label">{Label}</span>
  500. {/block:Label}
  501.  
  502. {Line}
  503. </li>
  504. {/block:Lines}
  505. </ul>
  506. <div class="permalinktext"> <a href="{permalink}">+{NoteCount}</a> </div>
  507. {/block:Chat}
  508.  
  509.  
  510. {block:Audio}
  511. <center><div style="width:250px; height:28px;"><div style="float:left">{AudioPlayerGrey}</div><div style="margin-top:10px; float:left;">
  512. {block:ExternalAudio}{/block:ExternalAudio}</div></div></center><br>
  513. <div class="permalinktext"> <a href="{permalink}">+{NoteCount}</a> </div>
  514. {/block:Audio}
  515.  
  516. {block:Video}<center>
  517. <div style="padding-top:0px; padding-bottom:2px;">
  518. {Video-250}</div>
  519. <div style="padding-bottom:5px;">{block:Caption}{Caption}{/block:Caption}</div>
  520. <div class="permalinktext"> <a href="{permalink}">+{NoteCount}</a> </div>
  521. {block:Video}
  522.  
  523.  
  524. {block:Answer}
  525. <br>
  526. <i>{Asker}: {Question}</i><br>
  527. <div style="font-family: consolas; font-size: 10px;">
  528. {Answer}
  529. </div>
  530. {/block:Answer}
  531.  
  532.  
  533. {block:PostNotes}<div align="middle">{caption}</div>
  534. <center>
  535.  
  536. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  537.  
  538. {block:HasTags}
  539. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  540. {block:RebloggedFrom}
  541. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  542. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  543.  
  544. {/block:RebloggedFrom}
  545. </center></span>
  546. <br>
  547. <div id="postnotes">{PostNotes}</div><br>
  548.  
  549. <center>{block:ContentSource}
  550. <br><a href="{SourceURL}">
  551. {lang:Source}:
  552. {block:SourceLogo}
  553. <img src="{BlackLogoURL}" width="{LogoWidth}"
  554. height="{LogoHeight}" alt="{SourceTitle}" />
  555. {/block:SourceLogo}
  556. {block:NoSourceLogo}
  557. {SourceLink}
  558. {/block:NoSourceLogo}
  559. </a>
  560. {/block:ContentSource}</center>
  561.  
  562. {/block:PostNotes}
  563. </div>
  564. {/block:Posts}
  565. </div></div>
  566.  
  567. {block:indexpage}
  568. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  569. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  570. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  571. <script type="text/javascript">
  572. $(window).load(function(){
  573. var $wall = $('#posts');
  574. $wall.imagesLoaded(function(){
  575. $wall.masonry({
  576. itemSelector: '#entry, #entry_photo',
  577. isAnimated : false
  578. });
  579. });
  580.  
  581. $wall.infinitescroll({
  582. navSelector : '#page-nav',
  583. nextSelector : '#page-nav a',
  584. itemSelector : '#entry, #entry_photo',
  585. bufferPx : 2000,
  586. debug : false,
  587. errorCallback: function() {
  588. $('#infscr-loading').fadeOut('normal');
  589. }},
  590. function( newElements ) {
  591. var $newElems = $( newElements );
  592. $newElems.hide();
  593. $newElems.imagesLoaded(function(){
  594. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  595. });
  596. }); $('#content').show(500);
  597. });
  598. </script>
  599. {/block:indexpage}
  600.  
  601. <BODY onselectstart="return false;" ondragstart="return false;">
  602.  
  603. <script type="text/javascript">
  604. <!--
  605.  
  606. // Disable Right Click Script
  607.  
  608. function IE(e)
  609. {
  610. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  611. {
  612. return false;
  613. }
  614. }
  615. function NS(e)
  616. {
  617. if (document.layers || (document.getElementById && !document.all))
  618. {
  619. if (e.which == "2" || e.which == "3")
  620. {
  621. return false;
  622. }
  623. }
  624. }
  625. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  626.  
  627. //-->
  628. </script>
  629. </body>
  630.  
  631. <div style="position:fixed; bottom:5px; left:5px;font-size:10px;">
  632. <a href="http://anonymouslydobrev.tumblr.com/">credit</a></div>
  633. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement