API tools faq
paste
Advertisement
ialkhachi

Theme 5

ialkhachi
Aug 31st, 2013
1,310
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.99 KB | None | 0 0
raw download clone embed print report
  1. <!-- * BASE CODE BY NATHESYKES *-->
  2. <!-- * THEME BY SIGNIFICUNTLY *-->
  3.  
  4.  
  5.  
  6. <script type="text/javascript"
  7. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  8.  
  9.  
  10. <!-- COLORS -->
  11. <meta name="color:background" content="#deeef3"/>
  12. <meta name="color:link" content="#c2bebe">
  13. <meta name="color:text" content="#777"/>
  14. <meta name="color:title" content="#818081"/>
  15. <meta name="color:hover" content="#a3a3a0"/>
  16. <meta name="color:border" content="#e4e4e4">
  17. <meta name="color:sidebg" content="#3c3b3b">
  18.  
  19.  
  20. <!--SIDEBAR AND BACKGROUND IMAGES-->
  21. <meta name="image:sidebar" content="1"/>
  22. <meta name="image:background" content="1"/>
  23.  
  24. <!--IF YOU DON'T WANT A TITLE REMOVE THE FIRST META-->
  25. <meta name="text:sidetitle" content="Title" />
  26. <meta name="text:Link1" content="/" />
  27. <meta name="text:Link1 Title" content="" />
  28. <meta name="text:Link2" content="/" />
  29. <meta name="text:Link2 Title" content="" />
  30. <meta name="text:Link3" content="/" />
  31. <meta name="text:Link3 Title" content="" />
  32. <meta name="text:Link4" content="/" />
  33. <meta name="text:Link4 Title" content="" />
  34. <meta name="text:Link5" content="/" />
  35. <meta name="text:Link5 Title" content="" />
  36. <meta name="text:Link6" content="/" />
  37. <meta name="text:Link6 Title" content="" />
  38.  
  39.  
  40. <style type="text/css">
  41.  
  42.  
  43. ::-webkit-scrollbar {width: 9px; height: 3px; background: #FFFFFF;}
  44.  
  45. ::-webkit-scrollbar-thumb {background-color:{color:background} ; border: 0px solid #f8f8f8;}
  46.  
  47.  
  48. 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-
  49.  
  50. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  51.  
  52. 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;}
  53.  
  54. p {
  55. margin:0px;
  56. margin-top:0px;
  57. }
  58.  
  59.  
  60. body {
  61. padding:10px;
  62. margin: 1px;
  63. color:{color:text};
  64. font-family: lucida console;
  65. line-height:10px;
  66. font-size:10px;
  67. background-color: {color:Background};
  68. background-image:url({image:Background});
  69. background-attachment: fixed;
  70. background-repeat: repeat;
  71. }
  72.  
  73.  
  74.  
  75.  
  76.  
  77. a:link, a:active, a:visited{
  78. text-decoration: none;
  79. -webkit-transition: color 0.3s ease-out;
  80. -moz-transition: color 0.3s ease-out;
  81. transition: color 0.3s ease-out;
  82. color:{color:link};
  83. }
  84.  
  85. a:hover {
  86. text-decoration: none;
  87. font-style:;
  88. color: {color:Hover};
  89. }
  90.  
  91. /* DON'T MAKE THE WIDTH NUMBER TOO BIG OR ELSE YOU'LL HAVE A HORIZONTAL SCROLLBAR */
  92.  
  93. div#center{
  94. margin:auto;
  95. position:relative;
  96. width:1340px;
  97. overflow:auto;
  98. overflow-y:hidden;
  99. }
  100.  
  101.  
  102. /* EDIT ENTRY SETTINGS HERE */
  103.  
  104. .entry {
  105. padding:5px;
  106. padding-bottom:4px;
  107. border-radius:5px;
  108. border:1px solid {color:border};
  109. float:left;
  110. margin:2px;
  111. overflow:hidden;
  112. width:230px; /*MAKE IT SMALLER FOR MORE COLUMNS AND BIGGER FOR LESS*/
  113. {block:PermalinkPage}
  114. width:450px;
  115. text-align:left;
  116. line-height:10px;
  117. {/block:PermalinkPage}
  118. background:white;
  119. }
  120.  
  121.  
  122.  
  123. /*EDIT POSTS HERE*/
  124.  
  125. #posts {
  126. width:1000px;
  127. margin-top:50px;
  128. margin-left:320px;
  129. right:auto;
  130. background:transparent;
  131. margin-right:auto;
  132. overflow-y: hidden;
  133. position:inherit;
  134. }
  135.  
  136.  
  137. /*EDIT SIDEBAR HERE*/
  138.  
  139.  
  140. #sidebar {
  141. z-index:99999;
  142. margin-left:0px;
  143. margin-top:0px;
  144. position:fixed;
  145. background:transparent;
  146. }
  147.  
  148. #sidebar img {
  149. position:fixed;
  150. width:180px;
  151. height:210px;
  152. margin-top:150px;
  153. margin-left:54px;
  154. border-radius:5px;
  155. border:1px solid {color:border};
  156. background: white;
  157. padding:5px;
  158. opacity:1;
  159. -moz-transition-duration:1s;
  160. -webkit-transition-duration:1s;
  161. -o-transition-duration:1s;
  162. }
  163.  
  164. #sidebar img:hover {
  165. position:center;
  166. border:1px solid {color:border};
  167. padding:5px;
  168. -moz-transition-duration:1s;
  169. -webkit-transition-duration:1s;
  170. -o-transition-duration:1s;
  171. }
  172.  
  173. .bar{
  174. background: white;
  175. height:750px;
  176. width:200px;
  177. margin-top:-10px;
  178. margin-left:50px;
  179. opacity:1;
  180. padding-top:10px;
  181. padding-bottom:10px;
  182. }
  183.  
  184. /*EDIT SIDEBAR TITLE HERE NOTE: IF YOU DON'T WANT THE TITLE TO APPEAR DELETE THIS AND GO TO THE <BODY> TAG AND DELETE <div class="sidetitle">{text:sidetitle}</div> */
  185.  
  186. .sidetitle{
  187. width:500px;
  188. text-transform:none;
  189. font-size:15px;
  190. font-family:lucida console;
  191. font-style:;
  192. line-height:100%;
  193. text-align:center;
  194. height:auto;
  195. letter-spacing:0px;
  196. word-spacing:0px;
  197. margin-left:-100px;
  198. margin-top:130px;
  199. padding-bottom:10px;
  200. padding-right:5px;
  201. color:{color:title};
  202. position:fixed;
  203. -moz-transition-duration:1s;
  204. -webkit-transition-duration:1s;
  205. -o-transition-duration:1s;
  206. }
  207.  
  208.  
  209.  
  210. .links {
  211. z-index:2;
  212. font-family:lucida console;
  213. width:180px;
  214. font-size:10px;
  215. opacity:1;
  216. letter-spacing:1px;
  217. text-transform:lowercase;
  218. padding-top:5px;
  219. padding-bottom:7px;
  220. border-top:1px solid {color:border};
  221. border-bottom:1px solid {color:border};
  222. margin-top:380px;
  223. margin-left:9px;
  224. line-height: 0px;
  225. opacity:1;
  226. position:fixed;
  227. font-style:none;
  228. -moz-transition-duration:1s;
  229. -webkit-transition-duration:1s;
  230. -o-transition-duration:1s;
  231. }
  232.  
  233.  
  234.  
  235. .links a{
  236. height:5px;
  237. padding:2px;
  238. float:center;
  239. margin-left:1px;
  240. color:{color:link};
  241. letter-spacing:0px;
  242. text-decoration:none;
  243. -moz-transition-duration:1s;
  244. -webkit-transition-duration:1s;
  245. -o-transition-duration:1s;
  246. }
  247.  
  248. .links a:hover{
  249. text-shadow:1px 2px 3px #ffffff;
  250. color:{color:title};
  251. -moz-transition-duration:1s;
  252. -webkit-transition-duration:1s;
  253. -o-transition-duration:1s;
  254. }
  255.  
  256. .desc {
  257. position:fixed;
  258. padding-top:0px;
  259. padding-bottom:5px;
  260. margin-top:385px;
  261. margin-left:25px;
  262. text-align:center;
  263. font-size:11px;
  264. font-family:lucida console;
  265. width:155px;
  266. height:auto;
  267. color:{color:text};
  268. letter-spacing:0px;
  269. line-height:100%;
  270. background-color:transparent;
  271. opacity:1;
  272. text-transform:none;
  273. -moz-transition-duration:0.7s;
  274. -webkit-transition-duration:0.7s;
  275. -o-transition-duration:0.7s;
  276. }
  277.  
  278. .desc a{
  279. color:{color:text};
  280. }
  281.  
  282.  
  283. /*CUSTOMIZE TITLE OF ENTRIES HERE*/
  284. .title{
  285. line-height: 12px;
  286. color:{color:Title};
  287. font-weight: normal;
  288. }
  289.  
  290.  
  291. /*EDIT PERMALINK OF POSTS AND STUFF HERE*/
  292.  
  293. .permalink {
  294. color:black;
  295. font-size:12px;
  296. opacity: 0;
  297. width:225px;
  298. height:15px;
  299. padding-bottom:0px;
  300. padding-left:5px;
  301. padding-top:5px;
  302. margin-top:-5px;
  303. background-color: #fff;
  304. position: absolute;
  305. top:10px;
  306. text-align:center;
  307. text-transform:lowercase;
  308. font-family:lucida console;
  309. letter-spacing:0px;
  310. line-height:12px;
  311. border-top:1px solid {color:border};
  312. border-bottom:1px solid {color:border};
  313. display:block;
  314. -webkit-transition-duration: .75s;
  315. }
  316.  
  317. .entry:hover .permalink {
  318. position: absolute;
  319. width:225px;
  320. opacity:.9;
  321. z-index:99;
  322. margin-top:5px;
  323. padding-top:5px;
  324. padding-bottom:0px;
  325. -moz-transition-duration:0.7s;
  326. -webkit-transition-duration:0.7s;
  327. -o-transition-duration:0.7s;
  328. }
  329.  
  330.  
  331.  
  332.  
  333. /* SCROLLBAR */
  334.  
  335. #infscr-loading{
  336. bottom: -70px;
  337. position: absolute;
  338. left: 50%;
  339. margin-left:-8px;
  340. width:16px;
  341. height:11px;
  342. overflow:hidden;
  343. margin-bottom: 50px;
  344. }
  345.  
  346. /* BLOCKQUOTES AND STUFF */
  347.  
  348. #postnotes{
  349. text-align: justify;}
  350.  
  351. #postnotes blockquote{
  352. border: 1px;}
  353.  
  354. blockquote{
  355. padding:0px 0px 2px 5px;
  356. margin:0px 0px 2px 5px;
  357. border-left: 1px solid {color:border};
  358. }
  359.  
  360. blockquote p, ul{
  361. margin:0px;
  362. padding:0px;
  363. }
  364.  
  365. a img{border: 0px;}
  366.  
  367.  
  368. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  369.  
  370. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  371. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  372.  
  373. .notes img{width:10px; position:relative; top:3px;}
  374. <--ses-->
  375. small{font-size: 90%;}
  376.  
  377. /* --- EDIT CREDIT HERE ---*/
  378.  
  379. #credit{
  380. font-size: 10px;
  381. font-style:none;
  382. letter-spacing: 0px;
  383. float: center;
  384. position: fixed;
  385. bottom: 10px;
  386. right: 10px;
  387. text-transform:none;
  388. font-family:lucida console;
  389. -moz-transition-duration:0.7s;
  390. -webkit-transition-duration:0.7s;
  391. -o-transition-duration:0.7s;
  392. }
  393.  
  394. #credit a{
  395. color: #fff;
  396. background:{color:border};
  397. padding:5px;
  398. -moz-transition-duration:0.7s;
  399. -webkit-transition-duration:0.7s;
  400. -o-transition-duration:0.7s;
  401. }
  402.  
  403. #credit a:hover{
  404. color:{color:border};
  405. background:{color:background};
  406. -moz-transition-duration:0.7s;
  407. -webkit-transition-duration:0.7s;
  408. -o-transition-duration:0.7s;
  409. }
  410.  
  411. {CustomCSS}
  412.  
  413. </style>
  414.  
  415. <!-- INFINITE SCROLL THING -->
  416.  
  417. {block:IndexPage}
  418. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  419. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  420.  
  421. <script type="text/javascript">
  422. $(window).load(function(){
  423. var $wall = $('#posts');
  424. $wall.imagesLoaded(function(){
  425. $wall.masonry({
  426. itemSelector: '.entry, .entry_photo',
  427. isAnimated : false
  428. });
  429. });
  430.  
  431. $wall.infinitescroll({
  432. navSelector : '#pagination',
  433. nextSelector : '#pagination a',
  434. itemSelector : '.entry, .entry_photo',
  435. bufferPx : 2000,
  436. debug : false,
  437. errorCallback: function() {
  438. $('#infscr-loading').fadeOut('normal');
  439. }},
  440. function( newElements ) {
  441. var $newElems = $( newElements );
  442. $newElems.hide();
  443. $newElems.imagesLoaded(function(){
  444. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  445. });
  446. }); $('#posts').show(500);
  447. });
  448. </script>
  449.  
  450.  
  451. {/block:IndexPage}
  452.  
  453.  
  454. <title>{title}</title>
  455.  
  456. <link rel="shortcut icon" href="{Favicon}" />
  457. <meta name="viewport" content="width=820" />
  458.  
  459.  
  460.  
  461. </head>
  462.  
  463. <body>
  464. <BODY onselectstart="return false;" ondragstart="return false;">
  465. <div class="wrapper">
  466. <div class="header">
  467. </div>
  468. <div id="cage">
  469. <div id="center">
  470.  
  471. <div id="sidebar"><div class="sidetitle">{text:sidetitle}</div>
  472. <a href="/"><img src="{image:sidebar}" width=10%></a>
  473. <div id="bar"><div class="bar">
  474. <center>
  475. <div class="desc">
  476. {Description}
  477. <select onchange='location=this.options[this.selectedIndex].value;' style='margin-top:10px; margin-left:-15px; width:180px; height:20px; font-family:lucida console; font-size:11px;'>
  478.  
  479. <option>Links+</option>
  480.  
  481. <option value="{text:Link1}">{text:Link1 Title}</option>
  482.  
  483. <option value="{text:Link2}">{text:Link2 Title}</option>
  484.  
  485. <option value="{text:Link3}">{text:Link3 Title}</option>
  486.  
  487. <option value="{text:Link4}">{text:Link4 Title}</option>
  488.  
  489. <option value="{text:Link5}">{text:Link5 Title}</option>
  490.  
  491. <option value="{text:Link6}">{text:Link6 Title}</option>
  492.  
  493. </select>
  494. </center>
  495. </div></div>
  496. </div>
  497.  
  498.  
  499. <div class="left">
  500. <div id="posts">
  501. {block:Posts}
  502. <div class="entry">
  503.  
  504. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><p align=right>
  505. <!--EDIT THE PERMALINK STUFF ON TEXT POSTS-->
  506. <a href="{Permalink}"> <a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth} - </a><a href="{Permalink}">{NoteCount} notes - </a><a href="{ReblogURL}" target="_blank"> reblog </a>
  507. {/block:Text}
  508.  
  509. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span
  510. class="permalink"><a href="{Permalink}"><a href="{Permalink}"></a> <a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth}</a><a href="{Permalink}">{NoteCount} notes {notecountwithlabel}</a> <a href="{Permalink}"></span></align>{block:Link}
  511.  
  512.  
  513. <!--EDIT THE PERMALINK STUFF ON PHOTOS-->
  514. {block:Photo}
  515. {block:IndexPage}
  516. <center>
  517. <div class="permalink">
  518. <a href="{Permalink}"> <a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth} - </a><a href="{Permalink}">{NoteCount} notes </a><a href="{ReblogURL}" target="_blank"> - reblog </a> </div>
  519. <div class="photo"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  520. {/block:IndexPage}
  521. {block:PermalinkPage}
  522. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  523.  
  524. {LinkCloseTag}
  525. {/block:PermalinkPage}
  526. {/block:Photo}
  527. {block:Photoset}
  528. {block:IndexPage}
  529. <center>
  530. <!--EDIT THE PERMALINK STUFF ON PHOTOSETS-->
  531. <div class="permalink">
  532. <a href="{Permalink}"> <a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth} - </a><a href="{Permalink}">{NoteCount} notes -</a><a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  533. {Photoset-250}</center>
  534. {/block:IndexPage}
  535. {block:PermalinkPage}
  536. <center>
  537. {/block:PermalinkPage}
  538. {/block:Photoset}
  539.  
  540. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><p align=right>
  541. <!--EDIT THE PERMALINK STUFF ON QUOTES-->
  542. <a href="{Permalink}"> <a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth} - </a><a href="{Permalink}">{NoteCount} notes-</a><a href="{ReblogURL}" target="_blank"> reblog </a> <a
  543. </span>{/block:Quote}
  544.  
  545. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  546. <ul class="chat">
  547. {block:Lines}
  548. <li class="user_{UserNumber}">
  549. {block:Label}
  550. <span class="label">{Label}</span>
  551. <div class="permalink">
  552. <a href="{Permalink}"> <a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth} - </a><a href="{Permalink}">{NoteCount} notes - </a><a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  553. {/block:Label}
  554.  
  555. {Line}
  556. </li>
  557. {/block:Lines}
  558. <!--EDIT THE PERMALINK STUFF ON CHATS-->
  559. <div class="permalink">
  560. <a href="{Permalink}"> <a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth} - </a><a href="{Permalink}">{NoteCount} notes -</a><a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  561. {/block:Chat}
  562.  
  563. {block:Audio}
  564. <div style="width:200px; height:30px;">
  565. {AudioPlayerBlack}
  566. </div>
  567. <!--EDIT THE PERMALINK STUFF ON AUDIO POSTS-->
  568. <div class="permalink">
  569. <a href="{Permalink}"> <a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth} - </a><a href="{Permalink}">{NoteCount} notes -</a><a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  570. {/block:Audio}
  571.  
  572. {block:Video}
  573. {block:IndexPage}
  574. <center>
  575. <!--EDIT THE PERMALINK STUFF ON VIDEO POSTS-->
  576. <div class="permalink">
  577. <a href="{Permalink}"> <a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth} - </a><a href="{Permalink}">{NoteCount} notes -</a><a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  578. {Video-250}</center>
  579. {/block:IndexPage}
  580. {block:PermalinkPage}
  581. <center>
  582. {Video-400}</center>
  583. {/block:PermalinkPage}
  584. {block:Video}
  585.  
  586. <!--EDIT QUESTIONS AND ANSWERS ONLY HERE-->
  587. {block:Answer}
  588. <img src="{AskerPortraitURL-30}" align="left" style="margin-right:3px; border: 1px solid {color:border};"/>
  589. <div style="font-family:lucida console; font-size:10px; margin-top:5px; font-style:none;"> <b>{Asker} </div> <div style="font-family:lucida console;">- {Question}</b> </div>
  590. <br>
  591. <div style="font-family:lucida console; text-transform:none;">{Answer} </div>
  592. {/block:Answer}
  593.  
  594.  
  595. {block:PostNotes}<div align="middle">{caption}</div>
  596. <center>
  597.  
  598. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  599.  
  600. {block:HasTags}
  601. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  602. {block:RebloggedFrom}
  603. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  604. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  605.  
  606. {/block:RebloggedFrom}
  607. </center></span>
  608. <br>
  609. <div id="postnotes">{PostNotes}</div><br>
  610.  
  611. <center>{block:ContentSource}
  612. <br><a href="{SourceURL}">
  613. {lang:Source}:
  614. {block:SourceLogo}
  615. <img src="{BlackLogoURL}" width="{LogoWidth}"
  616. height="{LogoHeight}" alt="{SourceTitle}" />
  617. {/block:SourceLogo}
  618. {block:NoSourceLogo}
  619. {SourceLink}
  620. {/block:NoSourceLogo}
  621. </a>
  622. {/block:ContentSource}</center>
  623.  
  624. {/block:PostNotes}
  625. </div>
  626. {/block:Posts}
  627. </div></div>
  628.  
  629.  
  630.  
  631. {block:IndexPage}
  632. {block:Pagination}
  633. <div id="pagination">
  634. {block:NextPage}
  635. <a id="nextPage" href="{NextPage}"></a>
  636. {/block:NextPage}
  637. {block:PreviousPage}
  638. <a href="{PreviousPage}"></a>
  639. {/block:PreviousPage}
  640. </div>
  641. {/block:Pagination}
  642. {/block:IndexPage}
  643.  
  644. <div id="credit"> <a href="http://significuntly.tumblr.com">credit</a></div>
  645.  
  646.  
  647. </body>
  648. </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!