API tools faq
paste
nikili621

12:00 AM Theme Code

nikili621
Jan 11th, 2014
4,883
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.88 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <!--
  5. 12:00AM THEME BY SEEYINGS (NICOLE)
  6. -->
  7.  
  8. <meta name="color:Background" content="#ffffff" />
  9. <meta name="color:Body links" content="#000000" />
  10. <meta name="color:Body text" content="#000000" />
  11. <meta name="font:Body" content="Baskerville"/>
  12.  
  13. <meta name="color:Title" content="#000000" />
  14. <meta name="color:Links and description" content="#000000" />
  15. <meta name="color:Title box" content="#eeeeee" />
  16.  
  17. <meta name="if:One Column" content="0"/>
  18. <meta name="if:Two Columns" content="1"/>
  19. <meta name="if:Three Columns" content="0"/>
  20.  
  21. <meta name="if:Fixed links and descriptions" content="1"/>
  22.  
  23. <meta name="if:Submit link" content="1"/>
  24. <meta name="if:Ask link" content="1"/>
  25. <meta name="if:Infinite scroll" content="1"/>
  26. <meta name="if:Back to top button" content="1"/>
  27. <meta name="color:Back to top button" content="#cccccc"/>
  28. <meta name="color:Scrollbar" content="#cccccc" />
  29.  
  30. <meta name="image:Background" content="" />
  31.  
  32. {block:Description}
  33. <meta name="description" content="{MetaDescription}" />
  34. {/block:Description}
  35. <meta charset="utf-8">
  36. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  37. <title>{block:TagPage}{Tag} posts - {/block:TagPage} {block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
  38. <link rel="shortcut icon" href="{Favicon}">
  39. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  40. <link rel="stylesheet" href="css/normalize.min.css">
  41. <script type="text/javascript" src="http://static.tumblr.com/j1tjexd/WYwm8ed44/like_script.js"></script>
  42.  
  43. <style type="text/css">
  44.  
  45.  
  46. #tumblr_controls{top: 1px !important; margin: 0 0 0 0; right: 6px !important; position: fixed !important;-webkit-filter: invert(100%) ;important;}
  47.  
  48. #content {
  49. {Block:IfThreeColumns}
  50. width:1000px;
  51. {/Block:IfThreeColumns}
  52. {Block:IfTwoColumns}
  53. width:600px;
  54. {/Block:IfTwoColumns}
  55. {Block:IfOneColumn}
  56. width:800px;
  57. {/Block:IfOneColumn}
  58. position: absolute;
  59. }
  60. body {
  61. background: {color:Background};
  62. color: {color:Body text};
  63. font-family:{font:body};
  64. font-size: 11px;
  65. margin: 0;
  66. padding: 0;
  67. }
  68.  
  69.  
  70. a {
  71. color: {color:Body links};
  72. text-decoration:none;
  73. }
  74.  
  75.  
  76. ::-webkit-scrollbar{width:8px; height:10px;}
  77. ::-webkit-scrollbar-button:start:decrement
  78. ::-webkit-scrollbar-button:end:increment{display:block; height:0; background-color:#ff6666;}
  79. ::-webkit-scrollbar-thumb:vertical{
  80. height:50px;background-color:{color:scrollbar};}
  81.  
  82.  
  83.  
  84. iframe, img, embed, object, video {
  85. max-width: 100%;
  86. }
  87.  
  88.  
  89. img {
  90. height: auto;
  91. width: auto;
  92. }
  93.  
  94.  
  95. nav li {
  96. display: inline;
  97. }
  98.  
  99.  
  100. /*Article*/
  101. article {
  102. {Block:IfThreeColumns}
  103. width:24%;
  104. margin: 40px;
  105. {/Block:IfThreeColumns}
  106. {Block:IfTwoColumns}
  107. width:35%;
  108. margin: 20px;
  109. {/Block:IfTwoColumns}
  110. {Block:IfOneColumn}
  111. width:51%;
  112. margin: 40px;
  113. {/Block:IfOneColumn}
  114. float:center;
  115. {block:permalinkpage}width:540px;{/block:permalinkpage}
  116. }
  117.  
  118.  
  119.  
  120. .chat span {
  121. float: left;
  122. margin-right: 1%;
  123. }
  124. /*Metadata*/
  125. .metadata {
  126. display: inline-block;
  127. width: 100%;
  128. }
  129. .reblogged {
  130. float: center;
  131. }
  132. /*Tags and notes*/
  133. #tags, nav ul, .chat ul {
  134. list-style: none;
  135. list-style-image: none;
  136. margin: 0;
  137. padding: 0;
  138. }
  139. #tags li {
  140. float: left;
  141. margin-right: 1%;
  142. }
  143. .notes {
  144. clear: both;
  145. padding: 0;
  146. }
  147. .text, .quote, .chat, .link{
  148. padding-bottom:10px;
  149. -webkit-transition: all 0.3s linear;
  150. -moz-transition: all 0.3s linear;
  151. transition: all 0.3s linear;
  152. }
  153.  
  154. .text:hover, .quote:hover, .chat:hover, .link:hover{
  155. padding-bottom:20px;
  156. -webkit-transition: all 0.3s linear;
  157. -moz-transition: all 0.3s linear;
  158. transition: all 0.3s linear;
  159. }
  160.  
  161. .entry{
  162. border:1px solid #ccc;
  163. padding:10px;
  164. -webkit-transition: all 0.3s linear;
  165. -moz-transition: all 0.3s linear;
  166. transition: all 0.3s linear;
  167. }
  168.  
  169. .entry:hover{
  170. border:1px solid #686868;
  171. padding:10px;
  172. -webkit-transition: all 0.3s linear;
  173. -moz-transition: all 0.3s linear;
  174. transition: all 0.3s linear;
  175. }
  176.  
  177.  
  178. .entry #permalink {
  179. position:absolute;
  180. width:auto;
  181. height:15px;
  182. overflow:hidden;
  183. right: 20px;
  184. top: 25px;
  185. background-color:#fff;
  186. text-transform: uppercase;
  187. font-size:10px;
  188. line-height:14px;
  189. text-align:center;
  190. padding:6px;
  191. opacity:0.0;
  192. -webkit-transition: all 0.3s linear;
  193. -moz-transition: all 0.3s linear;
  194. transition: all 0.3s linear;
  195. }
  196.  
  197. .entry:hover #permalink {
  198. overflow:visible;
  199. -webkit-transition: opacity 0.5s linear; opacity: 0.6;
  200. transition: all 0.4s linear;
  201. font-size:10px;
  202. right: 20px;
  203. top: 30px;
  204. width: auto;
  205. height: 15px;
  206. padding:6px;
  207. background-color:#fff;
  208. -webkit-transition: all 0.3s linear;
  209. -moz-transition: all 0.3s linear;
  210. transition: all 0.3s linear;
  211. opacity:1;
  212. }
  213.  
  214.  
  215. .entry #permatext {
  216. position:absolute;
  217. overflow:hidden;
  218. margin-right: 2px;
  219. margin-top: -10px;
  220. font-size:10px;
  221. line-height:14px;
  222. text-align:right;
  223. opacity:0.0;
  224. -webkit-transition: all 0.4s linear;
  225. -moz-transition: all 0.4s linear;
  226. transition: all 0.4s linear;
  227. }
  228.  
  229. .entry:hover #permatext {
  230. overflow:visible;
  231. -webkit-transition: opacity 0.5s linear; opacity: 0.6;
  232. transition: all 0.4s linear;
  233. font-size:10px;
  234. margin-right: 2px;
  235. margin-top: 5px;
  236. -webkit-transition: all 0.4s linear;
  237. -moz-transition: all 0.4s linear;
  238. transition: all 0.4s linear;
  239. opacity:1;
  240. }
  241.  
  242.  
  243. #header {
  244. {Block:IfFixedLinksAndDescriptions}
  245. Position:fixed;
  246. top:30px;
  247. right:10px;
  248. z-index:1;
  249. padding:10px;
  250. width:150px;
  251. height:auto;
  252. text-align:right;
  253. background-color:{color:Background};
  254. color:{color:Links and description};
  255. border-top:1px solid #000;
  256. {/Block:IfFixedLinksAndDescriptions}
  257. {Block:IfNotFixedLinksAndDescriptions}
  258. border-top:1px solid #000;
  259. position:absolute;
  260. z-index:1;
  261. top:30px;
  262. right:10px;
  263. padding:10px;
  264. width:150px;
  265. height:auto;
  266. text-align:right;
  267. background-color:{color:Background};
  268. color:{color:Links and description};
  269. border-top:1px solid #000;
  270. {/Block:IfNotFixedLinksAndDescriptions}
  271. }
  272.  
  273. #pages{
  274. font-size:20px;
  275. }
  276.  
  277. #pages a{
  278. text-transform:uppercase;
  279. font-size:12px;
  280. -webkit-transition: all 0.1s linear;
  281. -moz-transition: all 0.1s linear;
  282. transition: all 0.1s linear;
  283. color:{color:Links and description};
  284. }
  285.  
  286. #pages a:hover{
  287. text-transform:uppercase;
  288. font-size:12px;
  289. padding-right:10px;
  290. color:{color:Links and description};
  291. -webkit-transition: all 0.1s linear;
  292. -moz-transition: all 0.1s linear;
  293. transition: all 0.1s linear;
  294. }
  295.  
  296. #title{
  297. position:fixed;
  298. z-index:1;
  299. top:20px;
  300. left:20px;
  301. background-color:{color:Title box};
  302. padding:5px;
  303. }
  304.  
  305. #title a{
  306. font-size:23px;
  307. color:{Color:title};
  308. text-transform:uppercase;
  309. }
  310.  
  311.  
  312. </style>
  313. {Block:IfBackToTopButton}
  314. <!------ BACK TO TOP ------>
  315. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js">
  316. </script>
  317. <script type="text/javascript" language="javascript">
  318. $(function () {
  319.  
  320. $('#scrlTop').click(function () {
  321. $('html, body').animate({
  322. scrollTop: '0px'
  323. },
  324. 1500);
  325. return false;
  326. });
  327. });
  328. </script>
  329. <!------ SCROLL BAR ------>
  330. {/Block:IfBackToTopButton}
  331. </head>
  332. <body>
  333.  
  334.  
  335.  
  336. <div id="title">
  337. <a href="/" title="{lang:Home}">{Title}</a>
  338. </div>
  339.  
  340. <div id="header">
  341.  
  342. <div id="pages">
  343.  
  344. {block:Pages}
  345. <a href="{URL}">{Label}</a> <br>
  346. {/block:Pages}
  347. {/block:HasPages}
  348. {block:SubmissionsEnabled}
  349. <a href="/submit">SUBMIT</a> <br>
  350. {/block:SubmissionsEnabled}
  351. <a href="/ask">ASK</a> <br>
  352. <a href="http://seeyings.tumblr.com/">THEME</a>
  353. </div>
  354.  
  355. <br><br>
  356.  
  357. {block:Description}
  358. {Description}
  359. {block:Description}
  360.  
  361.  
  362.  
  363. </div>
  364.  
  365.  
  366.  
  367.  
  368. <div align="center">
  369.  
  370. <!--Content holder-->
  371. <div id="content">
  372. {block:Posts}
  373. <article>
  374. <!--Metadata: date, note count, content source-->
  375. <header class="metadata">
  376.  
  377. <div class="reblogged">
  378. </div>
  379.  
  380. </header>
  381. <!--Unique code for each post type-->
  382. <div class="entry">
  383.  
  384. {block:Text}
  385. <p style="font-style:normal;">
  386. <div class="text">
  387. {block:Title}<h1 class="title"><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  388. {Body}
  389. <div id="permatext">
  390. <a href="{Permalink}">{NoteCountWithLabel}</a></span>
  391. </div>
  392. </p>
  393. {/block:Text}
  394.  
  395.  
  396.  
  397. {block:Photo}{block:IndexPage}
  398. <div id="permalink">
  399. <a href="{ReblogURL}" target="_blank">Reblog</a> &nbsp; <a href="{Permalink}" target="_blank">{Notecount}</a></span>
  400. </div>
  401. {/block:IndexPage}
  402. {block:IndexPage}{LinkOpenTag}<a href="{permalink}"><a><a href="{Permalink}" target="_blank"><img class="photo"
  403. src="{PhotoURL-HighRes}" alt="{PhotoAlt}"
  404. width="280"/></a>{LinkCloseTag}{/block:IndexPage}
  405. {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}"><img
  406. class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"
  407. width="520"/></a>{LinkCloseTag}
  408. {/block:PermalinkPage}
  409. {/block:Photo}
  410.  
  411.  
  412.  
  413. {block:Photoset}
  414. <div class="photoset">
  415. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  416. {block:PermalinkPage}{Photoset-700}{/block:PermalinkPage}
  417. {block:IndexPage}
  418. <div id="permatext">
  419. <a href="{Permalink}">{NoteCountWithLabel}</a></span>
  420. </div>
  421. {/block:IndexPage}
  422. {/block:Photoset}
  423.  
  424. {block:Quote}
  425. <div class="quote">
  426. {Quote}
  427. {block:Source}<cite> {Source} </cite>{/block:Source}
  428. <div id="permatext">
  429. <a href="{Permalink}">{NoteCountWithLabel}</a></span>
  430. </div> </div>
  431. {/block:Quote}
  432.  
  433. {block:Link}
  434. <div class="link">
  435. <div class="title"><a href="{URL}">{Name}</a></div>
  436. {block:Description}{Description}{/block:Description}
  437. <div id="permatext">
  438. <a href="{Permalink}">{NoteCountWithLabel}</a></span>
  439. </div>
  440. {/block:Link}
  441.  
  442. {block:Chat}
  443. <div class="chat">
  444. <ul>
  445. {block:Lines}<li class="{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}<p> {Line} </p></li>{/block:Lines}
  446. </ul>
  447. <div id="permatext">
  448. <a href="{Permalink}">{NoteCountWithLabel}</a></span>
  449. </div> </div>
  450. {/block:Chat}
  451.  
  452. {block:Audio}
  453. <div class="audio">
  454. {block:TrackName}<h1 class="title"><a href="{Permalink}">{TrackName}</a></h1>{/block:TrackName}
  455. <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="500" height="500"/>{/block:AlbumArt}</div>
  456. <div class="player">{AudioPlayerBlack}</div>
  457. {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
  458. {/block:Audio}
  459.  
  460. {block:Video}
  461. <div class="video">
  462. <div class="video-player">{Video-500}</div>
  463. {/block:Video}
  464.  
  465. {block:Answer}
  466. <div class="answer">
  467. {asker} inquired: <div class="title">{Question}</div>
  468. <div class="user"</div>
  469. {Answer}
  470. <div id="permatext">
  471. <a href="{Permalink}">{NoteCountWithLabel}</a></span>
  472. </div></div>
  473. {/block:Answer}
  474. </div>
  475. <!--Post footer (tags and notes) on displayed on permalink pages-->
  476. {block:Permalink}
  477. <footer class="details">
  478. {block:HasTags}
  479. <ul id="tags">
  480. {block:Tags}<li> <a href="{TagURL}">{Tag}</a> </li>{/block:Tags}
  481. </ul>
  482. {/block:HasTags}
  483. {block:PostNotes}
  484. <div id="notes">
  485. {PostNotes}
  486. </div>
  487. {/block:PostNotes}
  488. </footer>
  489. {/block:Permalink}
  490. </article>
  491. {/block:Posts}
  492. <!--Close of article-->
  493. </div>
  494. </div>
  495. </div>
  496.  
  497. <!--Pagination: previous/next page links-->
  498. {block:Pagination}
  499. <div class="pagination">
  500. {block:PreviousPage}<a href="{PreviousPage}">Previous page</a>{/block:PreviousPage}
  501. {block:NextPage}<a href="{NextPage}">Next page</a>{/block:NextPage}
  502. </div>
  503. {/block:Pagination}
  504. <!--Links to jQuery library, Masonry, infinite scroll and imagesLoaded-->
  505. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  506. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  507. {block:IfInfiniteScroll}
  508. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  509. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  510. {/block:IfInfiniteScroll}
  511. <!--Code for infinite scroll and grid layout-->
  512. <script>
  513. (function() {
  514. var $tumblelog = $('#content');
  515. {block:IfInfiniteScroll}
  516. $tumblelog.infinitescroll({
  517. navSelector : ".pagination",
  518. nextSelector : ".pagination a:first",
  519. itemSelector : "article",
  520. bufferPx : 50,
  521. done : "",
  522. loading: {
  523. finishedMsg: "<p> </p>",
  524. img : " ",
  525. msg: null,
  526. msgText: "<p> </p>"
  527. },
  528. },
  529. function( newElements ) {
  530. var $newElems = $( newElements ).css({ opacity: 0 });
  531. $newElems.imagesLoaded(function(){
  532. $newElems.animate({ opacity: 1 });
  533. $tumblelog.masonry( 'appended', $newElems);
  534. });
  535. }
  536. );
  537. {/block:IfInfiniteScroll}
  538. $tumblelog.imagesLoaded( function(){
  539. $tumblelog.masonry({
  540. columnWidth: function( containerWidth ) {
  541. return containerWidth / 100;
  542. }
  543. });
  544. });
  545. })();
  546. </script>
  547.  
  548. {Block:IfBackToTopButton}
  549. <a id="scrlTop" title="Top" href="#" style="position: fixed; bottom: 5px;left: 50px;"><font size="5"><FONT COLOR="{color:Back to top button}">^</font></font></a>
  550. {/Block:IfBackToTopButton}
  551.  
  552. <div style="position:fixed; bottom:5px; right:5px; opacity:1;"><a href="http://seeyings.tumblr.com" title="©"><font size=3px>©</font></a></div
  553. </body>
  554. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!