API tools faq
paste
Advertisement
realjunko

Nicotine

realjunko
May 15th, 2014
4,187
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.62 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Nicotine theme by uttsutsu
  3. please don't remove credit or redistribute
  4. -->
  5.  
  6. <html lang="en">
  7. <head>
  8.  
  9. <meta name="image:Background" content=""/>
  10. <meta name="image:side img" content=""/>
  11. <meta name="image:back to top" content=""/>
  12. <meta name="color:Background" content="#fee8ff"/>
  13. <meta name="color:Title" content="#999999"/>
  14. <meta name="color:Blog Title" content="#999999"/>
  15. <meta name="color:Link" content="#555555"/>
  16. <meta name="color:Hover" content="#999999"/>
  17. <meta name="color:borders" content="#b3b6ff"/>
  18. <meta name="color:Text" content="#777777"/>
  19. <meta name="text:Link One URL" content=""/>
  20. <meta name="text:Link One Title" content="link"/>
  21. <meta name="text:Link two URL" content=""/>
  22. <meta name="text:Link two Title" content="link"/>
  23. <meta name="text:Link three URL" content=""/>
  24. <meta name="text:Link three Title" content="link"/>
  25. <meta name="text:Music" content="/">
  26. <meta name="text:margin top" content="/">
  27. <meta name="text:bottom img" content="/">
  28.  
  29. <meta name="if:180px" content="1"/>
  30. <meta name="if:250px" content="0"/>
  31. <meta name="if:400px" content="0"/>
  32. <meta name="if:solid sidebar" content="1"/>
  33.  
  34. <title>{Title}</title>
  35. {block:Description}
  36. <meta name="description" content="{MetaDescription}" />
  37. {/block:Description}
  38. <link rel="shortcut icon" href="{Favicon}">
  39.  
  40.  
  41. <!---------------DO NOT REMOVE THESE SCRIPTS--------------->
  42.  
  43. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  44.  
  45. <script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  46. <script>
  47. (function($){$(document)
  48. .ready(function(){$("[title]")
  49. .style_my_tooltips();});})
  50. (jQuery);
  51. </script>
  52.  
  53. {block:IndexPage}
  54. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  55. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  56.  
  57. <script type="text/javascript">
  58. $(window).load(function(){
  59. var $wall = $('#entries');
  60. $wall.imagesLoaded(function(){
  61. $wall.masonry({
  62. itemSelector: '#post, #post_photo',
  63. isAnimated : false
  64. });
  65. });
  66.  
  67. $wall.infinitescroll({
  68. navSelector : '#pagination',
  69. nextSelector : '#pagination a',
  70. itemSelector : '#post, #post_photo',
  71. bufferPx : 2000,
  72. debug : false,
  73. errorCallback: function() {
  74. $('#scroll').fadeOut('normal');
  75. }},
  76. function( newElements ) {
  77. var $newElems = $( newElements );
  78. $newElems.hide();
  79. $newElems.imagesLoaded(function(){
  80. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  81. });
  82. }); $('#entries').show(500);
  83. });
  84. </script>
  85. {/block:IndexPage}
  86.  
  87. <!---------------END SCRIPTS--------------->
  88.  
  89. <style type="text/css">
  90.  
  91.  
  92. /************EDIT BODY HERE************/
  93.  
  94.  
  95. body{
  96. margin:0px;
  97. background-color: {color:Background};
  98. background-image:url({image:Background});
  99. background-attachment:fixed;
  100. background-repeat:100%;
  101. background-position:bottom-right;
  102. font-family: Calibri;
  103. font-size:8px;
  104. letter-spacing:1px;
  105. text-transform:uppercase;
  106. text-align:left;
  107. line-height:11px;
  108. color: {color:Text};}
  109.  
  110.  
  111. a:link, a:active, a:visited{
  112. text-decoration: none;
  113. color: {color:Link};}
  114.  
  115. a:hover {
  116. color:{color:Link};
  117. text-decoration:none;}
  118.  
  119. /************EDIT TOOLTIP HERE************/
  120.  
  121.  
  122. #s-m-t-tooltip {
  123. padding: 3px;
  124. height:auto;
  125. display: none;
  126. font-family: consolas;
  127. font-size: 8px;
  128. text-transform:uppercase;
  129. text-align: center;
  130. letter-spacing:1px;
  131. margin-top:10px;
  132. margin-left: 15px;
  133. line-height: 8px;
  134. z-index: 999999999999;
  135. border-radius:3px;
  136. border: 1px solid #f5f5f5;
  137. background:#ffffff;
  138. color: #888;}
  139.  
  140. /************EDIT POST POSITION/WIDTH HERE************/
  141.  
  142. /*To increase the amount of columns, increase the width. To decrease the amount of columns, decrease the width.*/
  143.  
  144. #entries{
  145. text-align:left;
  146. {block:if180px} width:530px; {/block:if180px}
  147. {block:if250px} width:680px; {/block:if250px}
  148. {block:if400px} width:480px; {/block:if400px}
  149. margin-left:10px;
  150. margin-top:10px;
  151. position:relative;
  152. overflow: hidden;
  153. border-left:{color:borders} 1px solid;
  154. border-right:{color:borders} 1px solid;
  155. {block:PermalinkPage}
  156. width:550px;
  157. {/block:PermalinkPage}}
  158.  
  159. #music {
  160. position:fixed;
  161. top:10px;
  162. left:10px;
  163. height:10px;
  164. width:35px;
  165. box-shadow:rgba(0,0,0,0.06)0px 0px;{/block:IfBoxShadows}
  166. border: {color:borders} 1px solid;
  167. background-color:{Color:Footer};
  168. border-radius:20px;
  169. -webkit-transition: all 0.4s ease-in-out;
  170. padding:12px 0px 12px 0px;
  171. text-align:center;
  172. -webkit-border-top-left-radius: {text:CornerRadius}px;
  173. -webkit-border-top-right-radius: {text:CornerRadius}px;
  174. -moz-border-radius-topleft: {text:CornerRadius}px;
  175. -moz-border-radius-topright: {text:CornerRadius}px;
  176. border-top-left-radius: {text:CornerRadius}px;
  177. border-top-right-radius: {text:CornerRadius}px;
  178. -webkit-border-bottom-left-radius: {text:CornerRadius}px;
  179. -webkit-border-bottom-right-radius: {text:CornerRadius}px;
  180. -moz-border-radius-bottomleft: {text:CornerRadius}px;
  181. -moz-border-radius-bottomright: {text:CornerRadius}px;
  182. border-bottom-left-radius: {text:CornerRadius}px;
  183. border-bottom-right-radius: {text:CornerRadius}px;
  184. }
  185.  
  186. #musicplayer {
  187. margin-top:-35px;
  188. height: 50px;
  189. padding-top:0px;
  190. opacity: 0;
  191. padding-left: 3px;
  192. }
  193.  
  194. #musicplayer:hover {
  195. margin-top:-10px;
  196. opacity: 1;
  197.  
  198. }
  199.  
  200. #music:hover
  201. {
  202. border: {color:borders} 1px solid;
  203. padding:5px;
  204. height:30px;
  205. width:140px;
  206. -webkit-transition: all 0.4s ease-in-out;
  207. }
  208.  
  209. /************EDIT OVERALL POSTS HERE************/
  210.  
  211. /*When increasing the amount of columns, you may have to decrease the #post width. Otherwise, to get larger posts, increase the width.*/
  212.  
  213. #post{
  214. text-align:left;
  215. margin:20px;
  216. background:#ffffff;
  217. box-shadow:#f5f5f5 3px 3px;
  218. border:{color:borders} 1px solid;
  219.  
  220. padding:20px;
  221. border-radius:3px;
  222. padding-bottom:18px;
  223. background:#ffffff;
  224. max-width: 100%;
  225. display:block;
  226.  
  227. -webkit-transition: all .6s ease-in;
  228. -moz-transition: all .6s ease-in;
  229. transition: all .6s ease-in;
  230. overflow:hidden;
  231. {block:if180px} width:180px;{/block:if180px}
  232. {block:if250px} width:250px;{/block:if250px}
  233. {block:if400px} width:400px;{/block:if400px}
  234. {block:PermalinkPage}
  235. width:500px;
  236. {/block:PermalinkPage}}
  237.  
  238. /*Do not delete #post img.*/
  239.  
  240. #post img{
  241. max-width:100%;}
  242.  
  243. /*Edit the permalinks all posts.*/
  244.  
  245.  
  246. .photopermalink{
  247. padding: 4px;
  248. line-height:10px;
  249. position: absolute;
  250. text-align:center;
  251. opacity:0;
  252. margin-top:-10px;
  253. width:242px;
  254. background: #fff;
  255. z-index:99999;
  256. -webkit-transition: all 0.6s ease;
  257. -moz-transition: all 0.6s ease;
  258. transition: all 0.6s ease;}
  259.  
  260. .photopermalink a{
  261. color:#cccccc;
  262. text-transform:uppercase;}
  263.  
  264. #post:hover .photopermalink{
  265. margin-top:0px;
  266. opacity:.9;}
  267.  
  268. .permalink{
  269. margin-top:6px;
  270. padding-top:4px;
  271. border-top:1px solid #f5f5f5;
  272. text-align:right;}
  273. .permalink a{
  274. color:#000000;
  275. text-transform:uppercase;
  276. line-height:15px;}
  277. /*Edit the titles on any text-based post.*/
  278.  
  279. .posttitle{
  280. font-size:10px;
  281. text-align:center;
  282. color:{color:Link};}
  283.  
  284. .posttitle a{
  285. color:{color:Link};}
  286.  
  287. /************EDIT QUOTE POSTS HERE************/
  288.  
  289. .quote{
  290. margin-right: 5px;}
  291.  
  292. .source{
  293. padding-top:5px;
  294. display:block;
  295. text-align:right;}
  296.  
  297.  
  298. /************EDIT ANSWER POSTS HERE************/
  299.  
  300. .ask{
  301. padding:4px;
  302. background:#f9f9f9;}
  303. .asker{
  304. color:{color:Link};}
  305. .answer{
  306. margin-top:10px;}
  307.  
  308. /************EDIT AUDIO POSTS HERE************/
  309.  
  310. .audio{
  311. {block:IndexPage}width:180px;{/block:IndexPage}
  312. {block:PermalinkPage}width:239px;{/block:PermalinkPage};}
  313. .info{
  314. padding:2px 0px 1px 57px;}
  315. .i {
  316. text-transform:uppercase;
  317. letter-spacing:1px;
  318. font-size:8px;}
  319. .pl b,strong{
  320. text-transform:lowercase;
  321. font-size:9px;}
  322. .player{
  323. position:absolute;
  324. overflow:hidden;
  325. margin-top:0px;
  326. margin-left:15px;
  327. background:#ffffff;
  328. width:24px;
  329. height:23px;}
  330.  
  331. /************EDIT VIDEO POSTS HERE************/
  332. /***********DO NOT DELETE THIS CODE************/
  333.  
  334. .video-container {
  335. position:relative;
  336. padding-bottom:56.25%;
  337. padding-top: 30px;
  338. height:0;
  339. overflow:hidden;}
  340.  
  341. .video-container iframe,
  342. .video-container object,
  343. .video-container embed {
  344. position: absolute;
  345. top: 0;
  346. left: 0;
  347. width: 100%;
  348. height: 100%;}
  349.  
  350. /************EDIT CHAT POSTS HERE************/
  351.  
  352. .chat{
  353. line-height:12px;
  354. list-style:none;}
  355. .chat ul{
  356. list-style:none;
  357. padding:0px 5px;
  358. line-height:15px;}
  359. .label{
  360. color:{color:Link};}
  361. ol, ul {
  362. list-style:hiragana;
  363. }
  364.  
  365. /************EDIT SIDEBAR HERE************/
  366.  
  367. #sidebar{
  368. {block:ifsolidsidebar} background:#fff; {/block:ifsolidsidebar}
  369.  
  370. border:1px #f5f5f5 solid;
  371. margin-left:800px;
  372. margin-top:410px;
  373. border-radius:3px;
  374. border: 1px solid {color:borders};
  375. width:150px;
  376. position:fixed;
  377. text-align:center;}
  378.  
  379. .blogtitle{
  380.  
  381. padding:5px;
  382. padding-top:5px;
  383. padding-bottom:0px;
  384. text-align:center;
  385. font-size:12px;}
  386.  
  387. .blogtitle a{
  388. color:{color:Blog Title};}
  389.  
  390. .description{
  391. padding:5px;}
  392.  
  393. .links{
  394. margin-left:-15px;
  395. padding:0px 10px 5px 10px;
  396. margin-top:5px;}
  397.  
  398. .links a{
  399. margin-left:15px;}
  400.  
  401. .links a:hover{
  402. color:{color:Hover};}
  403.  
  404. /************EDIT TEXT SETTINGS HERE************/
  405.  
  406. i, em{
  407. color:{color:Link};}
  408. b, strong{
  409. font-weight:normal;
  410. text-transform:uppercase;
  411. color:{color:Link};}
  412. ul,ol{
  413. margin:0px;
  414. margin-left:-5px;}
  415. p{
  416. padding:0px;
  417. margin:2px;}
  418. u{
  419. text-decoration:none;
  420. color:{color:Title};}
  421.  
  422. blockquote {
  423. margin:0px;
  424. padding:4px;
  425. background:#f7f7f7;}
  426.  
  427. /************DO NOT DELETE #SCROLL************/
  428.  
  429. #scroll{
  430. bottom:-20px;
  431. position: absolute;
  432. left: 50%;
  433. width:10px;
  434. height:5px;
  435. overflow:hidden;
  436. margin-bottom:80px;}
  437.  
  438. /************EDIT CREDIT HERE************/
  439.  
  440. #credit{
  441. position:fixed;
  442. right:10px;
  443. bottom:10px;
  444. text-transform:uppercase;
  445. font-family:Calibri;
  446. font-size:8px;}
  447.  
  448. #credit a{
  449. color:#aaaaaa;}
  450.  
  451. </style>
  452. <a title="Back to Top" href="#" style="position: fixed; bottom: 20px; left: 10px;"><img src="{image:backtotop}"></a>
  453. </head>
  454.  
  455. <body>
  456.  
  457.  
  458. <center>
  459.  
  460. <div id="entries">
  461.  
  462. <!---------------EDIT SIDEBAR CONTENT HERE--------------->
  463.  
  464. <div id="sidebar">
  465. <div class="blogtitle"><a href="/">{Title}</a></div>
  466. <div class="description">{Description}</div>
  467. <div class="links">
  468. <a title='refresh' href="/"><img src='https://31.media.tumblr.com/2015daae1d676432bfe8cc417be25d2b/tumblr_inline_n2aiggyMWT1r7v6wt.png'</a></a>
  469. <a title='inbox' href="/ask"><img src='https://31.media.tumblr.com/5b80f6b287f935df5d5eae173919821e/tumblr_inline_n2aigwiUlj1r7v6wt.png'</a></a>
  470. <a title='{text:Link One Title}' href="{text:Link One URL}"><img src='http://static.tumblr.com/3yblkz0/hnvn2c2pp/li.png'</a></a>
  471. <a title='{text:Link two Title}' href="{text:Link two URL}"><img src='http://static.tumblr.com/3yblkz0/Irln2c3ta/ho.png'</a></a>
  472. <a title='{text:Link three Title}' href="{text:Link three URL}"><img src='https://31.media.tumblr.com/9395b2e212e1433fceeb8f2fe727e88e/tumblr_inline_n2ajerV2ro1r7v6wt.png'</a></a>
  473.  
  474. </div>
  475. </div>
  476.  
  477.  
  478. {block:Posts}
  479.  
  480. <!---------------DO NOT DELETE block:ContentSource--------------->
  481.  
  482. {block:ContentSource}
  483. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  484. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  485. {/block:SourceLogo}
  486. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  487. {/block:ContentSource}
  488.  
  489. <div id="post">
  490.  
  491. <!---------------EDIT TEXT POSTS HERE--------------->
  492.  
  493. {block:Text}
  494. <div class="text">
  495. <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
  496. {Body}{block:IndexPage}<div class="photopermalink"><a href="{ReblogURL}">Reblog</a> / <a href="{Permalink}">{NoteCount}</a>
  497. </div>{/block:IndexPage}</div>
  498. {/block:Text}
  499.  
  500. <!---------------EDIT LINK POSTS HERE--------------->
  501.  
  502. {block:Link}
  503. <a href="{URL}"><div class="posttitle">{Name}</div></a>
  504. {block:Description}{Description}{/block:Description}
  505. {block:IndexPage}<div class="photopermalink"><a href="{ReblogURL}">Reblog</a> / <a href="{Permalink}">{NoteCount}</a>
  506. </div>{/block:IndexPage}
  507. {/block:Link}
  508.  
  509. <!---------------EDIT PHOTO POSTS HERE--------------->
  510.  
  511. {block:Photo}
  512. {block:IndexPage}
  513. <img src="{PhotoURL-250}" alt="{PhotoAlt}" width="200px"/>{/block:IndexPage}<div class="photopermalink"><a href="{ReblogURL}">Reblog</a> / <a href="{Permalink}">{NoteCount}</a>
  514. </div>{block:PermalinkPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{/block:PermalinkPage}</a>
  515. {/block:Photo}
  516.  
  517. <!---------------EDIT PHOTOSET POSTS HERE--------------->
  518.  
  519. {block:Photoset}
  520. {block:IndexPage}{block:Photos}<a href="{Permalink}"><img src="{PhotoURL-500}" /></a>{/block:Photos}<div class="photopermalink"><a href="{ReblogURL}">Reblog</a> / <a href="{Permalink}">{NoteCount}</a>
  521. </div>{/block:IndexPage}
  522. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  523. {/block:Photoset}
  524.  
  525. <!---------------EDIT QUOTE POSTS HERE--------------->
  526.  
  527. {block:Quote}
  528. {Quote}{block:Source}
  529. <div class="source">{Source}</div>{/block:Source}
  530. {block:IndexPage}
  531. <div class="photopermalink"><a href="{ReblogURL}">Reblog</a> /
  532. <a href="{Permalink}">{NoteCount}</a>{/block:IndexPage}</div>
  533. {/block:Quote}
  534.  
  535. <!---------------EDIT ANSWER POSTS HERE--------------->
  536.  
  537. {block:Answer}
  538. <div class="ask"><span class="asker">{Asker}:</span> {Question}</div>
  539. <div class="answer">{Answer}</div>
  540. {block:IndexPage}
  541. <div class="photopermalink"><a href="{ReblogURL}">Reblog</a> /
  542. <a href="{Permalink}">{NoteCount}</a></div>{/block:IndexPage}
  543. {/block:Answer}
  544.  
  545. <!---------------EDIT CHAT POSTS HERE--------------->
  546.  
  547. {block:Chat}
  548. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  549. <div class="chat"><ul>{block:Lines}
  550. <li class="person{UserNumber}">{block:Label}
  551. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>{block:IndexPage}<div class="photopermalink"><a href="{ReblogURL}">Reblog</a> /<a href="{Permalink}">{NoteCount}</a></div>
  552. {/block:IndexPage}
  553. {/block:Chat}
  554.  
  555. <!---------------EDIT AUDIO POSTS HERE--------------->
  556.  
  557. {block:Audio}<div class="player">{AudioPlayerWhite}</div>
  558. <div class="info"><div class="i"><span{block:TrackName} style="display: none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</div><div class="i">by<span{block:Artist} style="display: none;"{block:Artist}>Unknown</span> {block:Artist}{Artist}{/block:Artist}</div></div>{block:IndexPage}<div class="photopermalink"><a href="{ReblogURL}">Reblog</a> / <a href="{Permalink}">{NoteCount}</a></div>
  559. {/block:IndexPage}
  560. {/block:Audio}
  561.  
  562. <!---------------EDIT VIDEO POSTS HERE--------------->
  563.  
  564. {block:Video}
  565. {block:IndexPage}<div class="video-container">{Video-250}</div>
  566. <div class="photopermalink"><a href="{ReblogURL}">Reblog</a> / <a href="{Permalink}">{NoteCount}</a></div>{/block:IndexPage}
  567. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  568. {/block:Video}
  569.  
  570. <!---------------EDIT PERMALINK PAGE HERE--------------->
  571.  
  572. {block:PermalinkPage}
  573. {block:Caption}{Caption}{/block:Caption}
  574. <p>{block:Date} {Month} {DayofMonthWithSuffix}, {Year}{/block:Date} {block:NoteCount}, {NoteCountWithLabel}{/block:NoteCount} {block:RebloggedFrom} , (via <a href="{ReblogParentURL}">{ReblogParentName}</a>){/block:RebloggedFrom}
  575. <div class="permapage">
  576. <div style="margin-top:10px; margin-left:-10px;">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
  577. </div>
  578. {/block:Posts}
  579. </div>
  580.  
  581. <!---------------DO NOT DELETE THIS--------------->
  582.  
  583. {block:IndexPage}
  584. {block:Pagination}
  585. <div id="pagination">
  586. {block:NextPage}
  587. <a id="nextPage" href="{NextPage}"></a>
  588. {/block:NextPage}
  589. {block:PreviousPage}
  590. <a href="{PreviousPage}"></a>
  591. {/block:PreviousPage}
  592. </div>
  593. {/block:Pagination}
  594. {/block:IndexPage}
  595. <div id="music">
  596. <center><img src="http://media.tumblr.com/tumblr_lm6prnRzP61qfoi4t.gif"/></center>
  597. <div id="musicplayer">{Text:Music}</div>
  598. </center>
  599. </body>
  600.  
  601.  
  602. <div style="position:fixed; bottom:{text:bottomimg}; margin-left:{text:marginleft}; z-index:-10; "><img title="i'm gloomy.." src='{image:sideimg}'></div>
  603.  
  604. <div id="credit"><a href="http://jolyene.tumblr.com/"><img src='http://i11.photobucket.com/albums/a168/evelynregly/minigifs/minicel2.gif'</a></div>
  605. </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!