API tools faq
paste
Advertisement
Mikaisqueen

Still Sane - three column

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