API tools faq
paste
Advertisement
ialkhachi

Theme 17

ialkhachi
Aug 13th, 2014
610
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.11 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. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5.  
  6. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  7.  
  8. <script type="text/javascript">
  9. $(document).ready(function(){
  10. $(".links_body").hide();
  11. $(".links_head").click(function(){
  12. $(this).next(".links_body").slideToggle('fast');
  13. }); });
  14. </script>
  15.  
  16. <meta name="color:background" content="#fcfcff" />
  17. <meta name="color:link" content="#c0c0c0" />
  18. <meta name="color:hover" content="#dcdcdc" />
  19. <meta name="color:border" content="#CCC" />
  20. <meta name="color:shadow" content="#9FC" />
  21. <meta name="color:text" content="#c0c0c0" />
  22. <meta name="image:sidebar" content="" />
  23. <meta name="text:Link1" content="/" />
  24. <meta name="text:Link1Title" content="Link One" />
  25. <meta name="text:Link2" content="/" />
  26. <meta name="text:Link2Title" content="Link Two" />
  27. <meta name="text:Link3" content="/" />
  28. <meta name="text:Link3Title" content="Link Three" />
  29. <meta name="text:Link4" content="/" />
  30. <meta name="text:Link4Title" content="Link Four" />
  31.  
  32. <link rel="shortcut icon" href="{Favicon}" />
  33. <meta name="viewport" content="width=820" />
  34.  
  35. {block:IndexPage}
  36. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  37. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  38.  
  39. <script type="text/javascript">
  40. $(window).load(function(){
  41. var $wall = $('#posts');
  42. $wall.imagesLoaded(function(){
  43. $wall.masonry({
  44. itemSelector: '.entry, .entry_photo',
  45. isAnimated : false
  46. });
  47. });
  48.  
  49. $wall.infinitescroll({
  50. navSelector : '#pagination',
  51. nextSelector : '#pagination a',
  52. itemSelector : '.entry, .entry_photo',
  53. bufferPx : 2000,
  54. debug : false,
  55. errorCallback: function() {
  56. $('#infscr-loading').fadeOut('normal');
  57. }},
  58. function( newElements ) {
  59. var $newElems = $( newElements );
  60. $newElems.hide();
  61. $newElems.imagesLoaded(function(){
  62. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  63. });
  64. }); $('#posts').show(500);
  65. });
  66. </script>
  67.  
  68.  
  69. {/block:IndexPage}
  70.  
  71.  
  72. <title>{title}</title>
  73.  
  74. <style type="text/css">
  75.  
  76. ::-webkit-scrollbar {width: 9px; height: 3px; background: #FFFFFF;}
  77.  
  78. ::-webkit-scrollbar-thumb {background-color:{color:shadow} ; border: 0px solid #f8f8f8;}
  79.  
  80.  
  81.  
  82.  
  83. iframe#tumblr_controls {right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.05;-webkit-transition: all 0.8s ease-out;-moz-
  84.  
  85. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  86.  
  87. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 0.8;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  88.  
  89. body {
  90. background-color:{color:background};
  91. font-family:Gill Sans MT Condensed;
  92. }
  93.  
  94. a {
  95. color:{color:link};
  96. text-decoration:none;
  97. transition-duration: .3s;
  98. -moz-transition-duration: .3s;
  99. -webkit-transition-duration:.3s;
  100. -o-transition-duration: .3s;
  101. }
  102.  
  103. a:hover {
  104. color:{color:hover};
  105. transition-duration: .3s;
  106. -moz-transition-duration: .3s;
  107. -webkit-transition-duration:.3s;
  108. -o-transition-duration: .3s;
  109. }
  110.  
  111. div#center{
  112. margin:auto;
  113. position:relative;
  114. width:1340px;
  115. overflow:auto;
  116. overflow-y:hidden;
  117. }
  118.  
  119.  
  120. /* EDIT ENTRY SETTINGS HERE */
  121.  
  122. .entry {
  123. padding:5px;
  124. border-radius:3px;
  125. border:1px solid {color:border};
  126. float:left;
  127. margin:10px;
  128. overflow:hidden;
  129. {block:PermalinkPage}
  130. width:450px;
  131. text-align:left;
  132. line-height:20px;
  133. {/block:PermalinkPage}
  134. background:white;
  135. width:275px;
  136. }
  137.  
  138.  
  139.  
  140. /*EDIT POSTS HERE*/
  141.  
  142. #posts {
  143. width:620px;
  144. margin-top:25px;
  145. margin-left:450px;
  146. right:auto;
  147. background:transparent;
  148. margin-right:auto;
  149. overflow-y: hidden;
  150. position:inherit;
  151. }
  152.  
  153. #sidebox {
  154. position:fixed;
  155. margin-top:100px;
  156. margin-left:75px;
  157. background-color:#fff;
  158. width:250px;
  159. height:150px;
  160. border-bottom-right-radius:40px;
  161. border-top-left-radius:40px;
  162. border:1px dashed {color:border};
  163. }
  164.  
  165. #sidebox img {
  166. border:2px solid {color:border};
  167. width:80px;
  168. height:115px;
  169. margin-top:15px;
  170. margin-left:15px;
  171. border-bottom-right-radius:25px;
  172. border-top-left-radius:25px;
  173. }
  174.  
  175. #desc {
  176. margin-top:-115px;
  177. margin-left:115px;
  178. width:115px;
  179. text-align:center;
  180. color:{color:text};
  181. font-size:15px;
  182. font-family:Gill Sans MT Condensed;
  183. height:auto;
  184. }
  185.  
  186. .links_list {
  187. position:fixed;
  188. margin-left:75px;
  189. margin-top:245px;
  190. padding:0px;
  191. width:250px;
  192. font-family:Gill Sans MT Condensed;
  193. background-color:white;
  194. color:{color:text};
  195. border-bottom-left-radius:40px;
  196. border-top-right-radius:40px;
  197. border:1px dashed {color:border};
  198. transition-duration: .5s;
  199. -moz-transition-duration: .5s;
  200. -webkit-transition-duration:.5s;
  201. -o-transition-duration: .5s;
  202. }
  203.  
  204. .links_list a:hover {
  205. letter-spacing:3px;
  206. transition-duration: .5s;
  207. -moz-transition-duration: .5s;
  208. -webkit-transition-duration:.5s;
  209. -o-transition-duration: .5s;
  210. }
  211.  
  212. .links_head {
  213. padding-top:5px;
  214. padding-bottom:5px;
  215. cursor:pointer;
  216. position:relative;
  217. margin:1px;
  218. text-align:center;
  219. width:250px;
  220. transition-duration: .5s;
  221. -moz-transition-duration: .5s;
  222. -webkit-transition-duration:.5s;
  223. -o-transition-duration: .5s;
  224. } }
  225.  
  226. .links_body {
  227. padding:10px;
  228. padding-top:0px;
  229. text-align:left;
  230. color: #fff;
  231. display:none;
  232. width:100px;
  233. margin-top:0px;
  234. margin-left:-34px;
  235. transition-duration: .3s;
  236. -moz-transition-duration: .3s;
  237. -webkit-transition-duration:.3s;
  238. -o-transition-duration: .3s;
  239. }
  240.  
  241. #bar {
  242. z-index:999999999;
  243. width:685px;
  244. height:34px;
  245. background-color:#505050;
  246. color:{color:text};
  247. position:fixed;
  248. top:0px;
  249. padding-top:4px;
  250. text-align:center;
  251. margin-left:415px;
  252. border-bottom-left-radius:10px;
  253. border-bottom-right-radius:10px;
  254. font-family:Vladimir Script;
  255. font-size:22px;
  256. }
  257.  
  258. #bar a {
  259. text-shadow: 2px 0px 3px {color:shadow};
  260. transition-duration: .3s;
  261. -moz-transition-duration: .3s;
  262. -webkit-transition-duration:.3s;
  263. -o-transition-duration: .3s;
  264. }
  265.  
  266. #bar a:hover {
  267. text-shadow: 0px 0px 0px {color:shadow};
  268. transition-duration: .3s;
  269. -moz-transition-duration: .3s;
  270. -webkit-transition-duration:.3s;
  271. -o-transition-duration: .3s;
  272. }
  273.  
  274. .title{
  275. line-height: 12px;
  276. color:{color:Title};
  277. font-weight: normal;
  278. }
  279.  
  280.  
  281. /*EDIT PERMALINK OF POSTS AND STUFF HERE*/
  282.  
  283. .permalink {
  284. color:black;
  285. font-size:12px;
  286. opacity: 0;
  287. width:270px;
  288. height:15px;
  289. padding-bottom:5px;
  290. padding-left:5px;
  291. padding-top:5px;
  292. background-color: #fff;
  293. position: absolute;
  294. top:0px;
  295. left:-50px;
  296. text-align:center;
  297. text-transform:uppercase;
  298. font-family:calibri;
  299. letter-spacing:0px;
  300. line-height:12px;
  301. border-bottom:1px solid {color:border};
  302. display:block;
  303. -webkit-transition-duration: .75s;
  304. }
  305.  
  306. .entry:hover .permalink {
  307. position: absolute;
  308. top:5px;
  309. left:5px;
  310. width:270px;
  311. opacity:1;
  312. z-index:99;
  313. padding-top:5px;
  314. -moz-transition-duration:0.7s;
  315. -webkit-transition-duration:0.7s;
  316. -o-transition-duration:0.7s;
  317. }
  318.  
  319.  
  320. #infscr-loading {
  321. bottom: -70px;
  322. position: absolute;
  323. left: 50%;
  324. margin-left:-8px;
  325. width:16px;
  326. height:11px;
  327. overflow:hidden;
  328. margin-bottom: 50px;
  329. }
  330.  
  331. #postnotes{
  332. text-align: justify;}
  333.  
  334. #postnotes blockquote{
  335. border: 1px;}
  336.  
  337. blockquote{
  338. padding:0px 0px 2px 5px;
  339. margin:0px 0px 2px 5px;
  340. border-left: 1px solid {color:border};
  341. }
  342.  
  343. blockquote p, ul{
  344. margin:0px;
  345. padding:0px;
  346. }
  347.  
  348. a img{border: 0px;}
  349.  
  350.  
  351. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  352.  
  353. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  354. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  355.  
  356. .notes img{width:10px; position:relative; top:3px;}
  357. <--ses-->
  358. small{font-size: 90%;}
  359.  
  360. #credit{
  361. font-size: 10px;
  362. font-style:none;
  363. letter-spacing: 0px;
  364. float: center;
  365. position: fixed;
  366. bottom: 10px;
  367. right: 10px;
  368. text-transform:none;
  369. font-family:new york;
  370. -moz-transition-duration:0.7s;
  371. -webkit-transition-duration:0.7s;
  372. -o-transition-duration:0.7s;
  373. }
  374.  
  375. #credit a{
  376. color: #fff;
  377. background:{color:border};
  378. padding:5px;
  379. -moz-transition-duration:0.7s;
  380. -webkit-transition-duration:0.7s;
  381. -o-transition-duration:0.7s;
  382. }
  383.  
  384. #credit a:hover{
  385. color:{color:border};
  386. background:{color:background};
  387. -moz-transition-duration:0.7s;
  388. -webkit-transition-duration:0.7s;
  389. -o-transition-duration:0.7s;
  390. }
  391.  
  392. {CustomCSS}
  393.  
  394. </style>
  395. </head>
  396.  
  397. <body>
  398. <div id="bar"><a href="/">{Blogtitle}</a></div>
  399. <div id="sidebox">
  400. <a href="#"><img src="{image:sidebar}" /></a>
  401. <div id="desc">{Description}</div>
  402. </div>
  403. ​<div class="links_list">
  404. <p class="links_head">+</p>
  405. <div class="links_body">
  406. <center>
  407. <a href="{text:Link1}">{text:Link1Title}</a><br />
  408. <a href="{text:Link2}">{text:Link2Title}</a><br />
  409. <a href="{text:Link3}">{text:Link3Title}</a><br />
  410. <a href="{text:Link4}">{text:Link4Title}</a>
  411. </center>
  412. </div></div>
  413.  
  414. <div class="left">
  415. <div id="posts">
  416. {block:Posts}
  417. <div class="entry">
  418.  
  419. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><p align=right>
  420. <!--EDIT THE PERMALINK STUFF ON TEXT POSTS-->
  421. <a href="{Permalink}"> <a href="{Permalink}">{TimeAgo} - </a><a href="{Permalink}">{NoteCount} notes - </a><a href="{ReblogURL}" target="_blank"> reblog </a>
  422. {/block:Text}
  423.  
  424. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span
  425. class="permalink"><a href="{Permalink}"><a href="{Permalink}"></a> <a href="{Permalink}">{TimeAgo}</a><a href="{Permalink}">{NoteCount} notes {notecountwithlabel}</a> <a href="{Permalink}"></span></align>{block:Link}
  426.  
  427.  
  428. <!--EDIT THE PERMALINK STUFF ON PHOTOS-->
  429. {block:Photo}
  430. {block:IndexPage}
  431. <center>
  432. <div class="permalink">
  433. <a href="{Permalink}"> <a href="{Permalink}">{TimeAgo} - </a><a href="{Permalink}">{NoteCountWithLabel} </a><a href="{ReblogURL}" target="_blank"> - reblog </a> </div>
  434. <div class="photo"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  435. {/block:IndexPage}
  436. {block:PermalinkPage}
  437. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  438.  
  439. {LinkCloseTag}
  440. {/block:PermalinkPage}
  441. {/block:Photo}
  442. {block:Photoset}
  443. {block:IndexPage}
  444. <center>
  445. <!--EDIT THE PERMALINK STUFF ON PHOTOSETS-->
  446. <div class="permalink">
  447. <a href="{Permalink}"> <a href="{Permalink}">{TimeAgo} - </a><a href="{Permalink}">{NoteCountWithLabel} -</a><a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  448. {Photoset-250}</center>
  449. {/block:IndexPage}
  450. {block:PermalinkPage}
  451. <center>
  452. {/block:PermalinkPage}
  453. {/block:Photoset}
  454.  
  455. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><p align=right>
  456. <!--EDIT THE PERMALINK STUFF ON QUOTES-->
  457. <a href="{Permalink}"> <a href="{Permalink}">{TimeAgo} - </a><a href="{Permalink}">{NoteCount} notes -</a><a href="{ReblogURL}" target="_blank"> reblog </a> </p>
  458. </span>{/block:Quote}
  459.  
  460. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  461. <ul class="chat">
  462. {block:Lines}
  463. <li class="user_{UserNumber}">
  464. {block:Label}
  465. <span class="label">{Label}</span>
  466. {/block:Label}
  467.  
  468. {Line}
  469. </li>
  470. {/block:Lines}
  471. <!--EDIT THE PERMALINK STUFF ON CHATS-->
  472. <p align=right><a href="{Permalink}"> <a href="{Permalink}">{TimeAgo} {ShortMonth} - </a><a href="{Permalink}">{NoteCountWithLabel} -</a><a href="{ReblogURL}" target="_blank"> reblog </a>
  473. {/block:Chat}
  474.  
  475. {block:Audio}
  476. <div style="width:200px; height:30px;">
  477. {AudioPlayerBlack}
  478. </div>
  479. <!--EDIT THE PERMALINK STUFF ON AUDIO POSTS-->
  480. <div class="permalink">
  481. <a href="{Permalink}"> <a href="{Permalink}">{TimeAgo} {ShortMonth} - </a><a href="{Permalink}">{NoteCountWithLabel} -</a><a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  482. {/block:Audio}
  483.  
  484. {block:Video}
  485. {block:IndexPage}
  486. <center>
  487. <!--EDIT THE PERMALINK STUFF ON VIDEO POSTS-->
  488. <div class="permalink">
  489. <a href="{Permalink}"> <a href="{Permalink}">{TimeAgo} {ShortMonth} - </a><a href="{Permalink}">{NoteCountWithLabel} -</a><a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  490. {Video-250}</center>
  491. {/block:IndexPage}
  492. {block:PermalinkPage}
  493. <center>
  494. {Video-400}</center>
  495. {/block:PermalinkPage}
  496. {block:Video}
  497.  
  498. <!--EDIT QUESTIONS AND ANSWERS ONLY HERE-->
  499. {block:Answer}
  500. <img src="{AskerPortraitURL-30}" align="left" style="margin-right:3px; border: 1px solid {color:border};"/>
  501. <div style="font-family:new york; font-size:20px; margin-top:5px; font-style:none;"> <b>{Asker} </div> <div style="font-family:new york; font-style:italic">- {Question}</b> </div>
  502. <br>
  503. <div style="font-family:new york; text-transform:none;">{Answer} </div>
  504. {/block:Answer}
  505.  
  506.  
  507. {block:PostNotes}<div align="middle">{caption}</div>
  508. <center>
  509.  
  510. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  511.  
  512. {block:HasTags}
  513. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  514. {block:RebloggedFrom}
  515. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  516. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  517.  
  518. {/block:RebloggedFrom}
  519. </center></span>
  520. <br>
  521. <div id="postnotes">{PostNotes}</div><br>
  522.  
  523. <center>{block:ContentSource}
  524. <br><a href="{SourceURL}">
  525. {lang:Source}:
  526. {block:SourceLogo}
  527. <img src="{BlackLogoURL}" width="{LogoWidth}"
  528. height="{LogoHeight}" alt="{SourceTitle}" />
  529. {/block:SourceLogo}
  530. {block:NoSourceLogo}
  531. {SourceLink}
  532. {/block:NoSourceLogo}
  533. </a>
  534. {/block:ContentSource}</center>
  535.  
  536. {/block:PostNotes}
  537. </div>
  538. {/block:Posts}
  539. </div></div>
  540.  
  541.  
  542. {block:IndexPage}
  543. {block:Pagination}
  544. <div id="pagination">
  545. {block:NextPage}
  546. <a id="nextPage" href="{NextPage}"></a>
  547. {/block:NextPage}
  548. {block:PreviousPage}
  549. <a href="{PreviousPage}"></a>
  550. {/block:PreviousPage}
  551. </div>
  552. {/block:Pagination}
  553. {/block:IndexPage}
  554.  
  555. <div id="credit"> <a href="http://cummands.tumblr.com">♕</a></div>
  556. </body>
  557. </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!