API tools faq
paste
mikit20

Let down her hair.

mikit20
Aug 29th, 2014
1,478
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.95 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Base Code by disikes.tumblr.com
  3.  
  4. Edit this code to your heart's content! You don't have to credit me anywhere on the theme, but if people ask where you got your base, it'd be cool if you sent them my way!
  5.  
  6. PLEASE DO NOT REDISTRIBUTE THIS CODE AS YOUR OWN BASE CODE.
  7. -->
  8.  
  9. <html lang="en">
  10. <head>
  11.  
  12. <meta name="image:Background" content=""/>
  13. <meta name="color:Background" content="#FFFFFF"/>
  14. <meta name="color:Title" content="#999999"/>
  15. <meta name="color:Blog Title" content="#999999"/>
  16. <meta name="color:Link" content="#555555"/>
  17. <meta name="color:Permalink" content="#e1e1e1"/>
  18. <meta name="color:Permalink Hover" content="#e1e1e1"/>
  19. <meta name="color:Hover" content="#999999"/>
  20. <meta name="color:Text" content="#777777"/>
  21. <meta name="text:Link One URL" content=""/>
  22. <meta name="text:Link One Title" content="link"/>
  23. <meta name="image:Sidebar" content=""/>
  24.  
  25. <meta name="text:Link 2" content=""/>
  26. <meta name="text:Link 2 URL" content=""/>
  27. <meta name="text:Link 3" content=""/>
  28. <meta name="text:Link 3 URL" content=""/>
  29. <meta name="text:Link 4" content=""/>
  30. <meta name="text:Link 4 URL" content=""/>
  31. <meta name="text:Link 5" content=""/>
  32. <meta name="text:Link 5 URL" content=""/>
  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. <style type="text/css">body, a, a:hover {cursor: url(http://media.tumblr.com/20a22d6326ca182638e602eabe9f70ac/tumblr_inline_n6qzhi6WVb1s97ld5.png), progress;}</style>
  42.  
  43. <!---------------DO NOT REMOVE THESE SCRIPTS--------------->
  44.  
  45. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  46.  
  47. <script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  48. <script>
  49. (function($){$(document)
  50. .ready(function(){$("[title]")
  51. .style_my_tooltips();});})
  52. (jQuery);
  53. </script>
  54.  
  55. {block:IndexPage}
  56. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  57. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  58.  
  59. <script type="text/javascript">
  60. $(window).load(function(){
  61. var $wall = $('#entries');
  62. $wall.imagesLoaded(function(){
  63. $wall.masonry({
  64. itemSelector: '#post, #post_photo',
  65. isAnimated : false
  66. });
  67. });
  68.  
  69. $wall.infinitescroll({
  70. navSelector : '#pagination',
  71. nextSelector : '#pagination a',
  72. itemSelector : '#post, #post_photo',
  73. bufferPx : 2000,
  74. debug : false,
  75. errorCallback: function() {
  76. $('#scroll').fadeOut('normal');
  77. }},
  78. function( newElements ) {
  79. var $newElems = $( newElements );
  80. $newElems.hide();
  81. $newElems.imagesLoaded(function(){
  82. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  83. });
  84. }); $('#entries').show(500);
  85. });
  86. </script>
  87. {/block:IndexPage}
  88.  
  89. <!---------------END SCRIPTS--------------->
  90. <style type="text/css">
  91.  
  92.  
  93. /************EDIT BODY HERE************/
  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. width:880px;
  147. margin-left:-100px;
  148. margin-top:10px;
  149. position:relative;
  150. overflow: hidden;
  151. }
  152.  
  153. /************EDIT OVERALL POSTS HERE************/
  154.  
  155. /*When increasing the amount of columns, you may have to decrease the #post width. Otherwise, to get larger posts, increase the width.*/
  156.  
  157. #post{
  158. text-align:left;
  159. margin:20px;
  160. background-color:#ffffff;
  161. max-width: 100%;
  162. display:block;
  163. overflow:hidden;
  164. width:250px;
  165. padding:8px;
  166. font-size:10px;
  167. letter-spacing:1px;
  168. line-height:17px;
  169. border:1px solid #DFE0E0;
  170. opacity:.8;
  171. border-radius:8px;
  172. box-shadow: 4px 4px rgba(0,0,0,.06);
  173. -webkit-transition: all 0.4s ease-out;
  174. -moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
  175.  
  176.  
  177. {block:PermalinkPage}
  178. width:500px;
  179. {/block:PermalinkPage}}
  180.  
  181. #post:hover{
  182. opacity:1;
  183. -webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
  184. }
  185.  
  186. /*Do not delete #post img.*/
  187.  
  188. #post img{
  189. max-width:100%;
  190. border-radius:8px 8px 0px 0px;
  191. }
  192.  
  193. /*Edit the permalinks all posts.*/
  194.  
  195. .permalink{
  196. text-transform:lowercase;
  197. font-size:8px;
  198. background-color:#D7EAFF;
  199. border: 0px solid #E0F1FF;
  200. text-align:right;
  201. color:{color:Permalink};
  202. top:6px;
  203. padding-right:4px;
  204. border-radius:0px 0px 8px 8px;
  205. text-shadow:1px 1px 0px #BBBBBB;
  206. }
  207. .permalink a{
  208. text-transform:uppercase;
  209. line-height:15px;
  210. color:{color:Permalink};
  211. -webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
  212. }
  213.  
  214. .permalink a:hover{
  215. color:{color:Permalink Hover};
  216. -webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
  217. }
  218.  
  219. .ol.notes {
  220. list-style:none
  221. color:#ddd;
  222. }
  223.  
  224. .ol.notes img {
  225. display:none;
  226. height:10px;
  227. width:10px;
  228. }
  229.  
  230. .ol.notes a {
  231. color:#eee;
  232.  
  233. }
  234.  
  235. /*Edit the titles on any text-based post.*/
  236.  
  237. .posttitle{
  238. font-size:10px;
  239. text-align:center;
  240. color:{color:Link};}
  241.  
  242. .posttitle a{
  243. color:{color:Link};}
  244.  
  245. /************EDIT QUOTE POSTS HERE************/
  246.  
  247. .quote{
  248. margin-right: 5px;}
  249.  
  250. .source{
  251. padding-top:5px;
  252. display:block;
  253. text-align:right;}
  254.  
  255.  
  256. /************EDIT ANSWER POSTS HERE************/
  257.  
  258. .ask{
  259. padding:4px;
  260. background:#f9f9f9;}
  261. .asker{
  262. color:{color:Link};}
  263. .answer{
  264. margin-top:10px;}
  265.  
  266. /************EDIT AUDIO POSTS HERE************/
  267.  
  268. .audio{
  269. {block:IndexPage}width:180px;{/block:IndexPage}
  270. {block:PermalinkPage}width:239px;{/block:PermalinkPage};}
  271. .info{
  272. padding:2px 0px 1px 57px;}
  273. .i {
  274. text-transform:uppercase;
  275. letter-spacing:1px;
  276. font-size:8px;}
  277. .pl b,strong{
  278. text-transform:lowercase;
  279. font-size:9px;}
  280. .player{
  281. position:absolute;
  282. overflow:hidden;
  283. margin-top:0px;
  284. margin-left:15px;
  285. background:#ffffff;
  286. width:24px;
  287. height:23px;}
  288.  
  289. /************EDIT VIDEO POSTS HERE************/
  290. /***********DO NOT DELETE THIS CODE************/
  291.  
  292. .video-container {
  293. position:relative;
  294. padding-bottom:56.25%;
  295. padding-top: 30px;
  296. height:0;
  297. overflow:hidden;}
  298.  
  299. .video-container iframe,
  300. .video-container object,
  301. .video-container embed {
  302. position: absolute;
  303. top: 0;
  304. left: 0;
  305. width: 100%;
  306. height: 100%;}
  307.  
  308. /************EDIT CHAT POSTS HERE************/
  309.  
  310. .chat{
  311. line-height:12px;
  312. list-style:none;}
  313. .chat ul{
  314. list-style:none;
  315. padding:0px 5px;
  316. line-height:15px;}
  317. .label{
  318. color:{color:Link};}
  319.  
  320. /************EDIT SIDEBAR HERE************/
  321.  
  322. #sidebar{
  323. background:#fff;
  324. border:1px #f5f5f5 solid;
  325. margin-left:700px;
  326. margin-top:250px;
  327. width:150px;
  328. position:fixed;
  329. text-align:center;}
  330.  
  331. @font-face { font-family: "theonlyexception"; src: url('http://static.tumblr.com/e1djgf7/BIVnb28iu/theonlyexception.ttf')}
  332.  
  333. .blogtitle{
  334. font-family:theonlyexception;
  335. padding:0px;
  336. padding-bottom:0px;
  337. text-align:center;
  338. font-size:18px;
  339. text-transform:lowercase;
  340. }
  341.  
  342. .blogtitle a{
  343. color:{color:Blog Title};}
  344.  
  345. .description{
  346. padding:5px;}
  347.  
  348. .links{
  349. margin-left:-15px;
  350. padding:0px 10px 5px 10px;
  351. margin-top:5px;}
  352.  
  353. .links a{
  354. margin-left:15px;}
  355.  
  356. .links a:hover{
  357. color:{color:Hover};}
  358.  
  359.  
  360. .downarrowdiv{
  361. font: 8px 'calibri light';
  362. width:180px;
  363. min-height:auto; /*min height of DIV should be set to at least 2x the width of the arrow*/
  364. background: #fff;
  365. {color:Text};
  366. padding:5px;
  367. position:fixed;
  368. word-wrap:break-word;
  369. -moz-border-radius:7px; /*add some nice CSS3 round corners*/
  370. -webkit-border-radius:7px;
  371. border-radius:7px;
  372. margin-bottom:2em;
  373. box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.09);
  374. -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.09);
  375. -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.09);
  376.  
  377. }
  378.  
  379. .downarrowdiv:after{ /*arrow added to downarrowdiv DIV*/
  380. content:'';
  381. display:block;
  382. position:absolute;
  383. top:100%; /*should be set to 100% */
  384. left:70px;
  385. width:0;
  386. height:0;
  387. border-color: #fff transparent transparent transparent; /*border color should be same as div div background color*/
  388. border-style: solid;
  389. border-width: 10px;
  390. }
  391.  
  392.  
  393. sidebarimage {
  394. width: 100px;
  395. }
  396.  
  397. #sidebarimage img{
  398. border-radius:120px;
  399. background-color: #fff;
  400. border: 1px solid #eee;
  401. padding: 8px;
  402. height:120px;
  403. width:120px;
  404. position:fixed;
  405. top:340px;
  406. left:890px;
  407. -webkit-transition:All 0.5s ease;
  408. -moz-transition:All 0.5s ease;
  409. -o-transition:All 0.5s ease;
  410. transform: rotate(0deg) ;
  411. -webkit-transform: rotate(0deg) ;
  412. -moz-transform: rotate(0deg) ;
  413. -o-transform: rotate(0deg) ;
  414. -ms-transform: rotate(0deg) ;
  415. }
  416.  
  417. #sidebarimage img:hover{
  418. transform: rotate(360deg) ;
  419. -webkit-transform: rotate(360deg) ;
  420. -moz-transform: rotate(360deg) ;
  421. -o-transform: rotate(360deg) ;
  422. -ms-transform: rotate(360deg) ;
  423. }
  424.  
  425. /************EDIT TEXT SETTINGS HERE************/
  426.  
  427. i, em{
  428. color:{color:Link};}
  429. b, strong{
  430. font-weight:normal;
  431. text-transform:uppercase;
  432. color:{color:Link};}
  433. ul,ol{
  434. margin:0px;
  435. margin-left:-5px;}
  436. p{
  437. padding:0px;
  438. margin:2px;}
  439. u{
  440. text-decoration:none;
  441. color:{color:Title};}
  442.  
  443. blockquote {
  444. margin:0px;
  445. padding:4px;
  446. background:#fff;}
  447.  
  448. /************DO NOT DELETE #SCROLL************/
  449.  
  450. #scroll{
  451. bottom:-20px;
  452. position: absolute;
  453. left: 50%;
  454. width:10px;
  455. height:5px;
  456. overflow:hidden;
  457. margin-bottom:80px;}
  458.  
  459. /************EDIT CREDIT HERE************/
  460.  
  461. #credit{
  462. position:fixed;
  463. right:10px;
  464. bottom:10px;
  465. text-transform:uppercase;
  466. font-family:Calibri;
  467. font-size:8px;}
  468.  
  469. #credit a{
  470. color:#aaaaaa;}
  471.  
  472. </style>
  473. </head>
  474.  
  475. <body>
  476.  
  477.  
  478. <center>
  479.  
  480. <div id="entries">
  481.  
  482. <!---------------EDIT SIDEBAR CONTENT HERE--------------->
  483.  
  484. <div id="sidebarimage"><a href="/"><img src="{image:sidebar}"/></a></div>
  485.  
  486. <div style="position: absolute; top:-110px; left: -10px; width: 180px; background-color: transparent; font: 8px 'tinytots'; border:1px transparent dashed; margin:5px; padding:4px;">
  487. <div id="sidebar">
  488. <div class="downarrowdiv">
  489. <div class="blogtitle"><a href="/">{Title}</a></div>
  490. <div class="description">{Description}</div>
  491. <div class="links">
  492. <a href="/">home</a>
  493. <a href="/ask">ask</a>
  494. <a href="{text:Link One URL}">{text:Link One Title}</a><br>
  495.  
  496. <a href="{text:link 2 url}">{text:link 2}</a>
  497. <a href="{text:link 3 url}">{text:link 3}</a>
  498. <a href="{text:link 4 url}">{text:link 4}</a>
  499. <a href="{text:link 5 url}">{text:link 5}</a>
  500.  
  501.  
  502. </div>
  503. </div>
  504. </div>
  505. </div>
  506.  
  507. {block:Posts}
  508.  
  509. <!---------------DO NOT DELETE block:ContentSource--------------->
  510.  
  511. {block:ContentSource}
  512. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  513. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  514. {/block:SourceLogo}
  515. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  516. {/block:ContentSource}
  517.  
  518. <div id="post">
  519.  
  520. <!---------------EDIT TEXT POSTS HERE--------------->
  521.  
  522. {block:Text}
  523. <div class="text">
  524. <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
  525. {Body}{block:IndexPage}<div class="permalink"><a href="{ReblogURL}">Reblog</a> with <a href="{Permalink}">{NoteCount}</a>
  526. on {DayofWeek} </div>{/block:IndexPage}</div>
  527. {/block:Text}
  528.  
  529. <!---------------EDIT LINK POSTS HERE--------------->
  530.  
  531. {block:Link}
  532. <a href="{URL}"><div class="posttitle">{Name}</div></a>
  533. {block:Description}{Description}{/block:Description}
  534. {block:IndexPage}<div class="permalink"><a href="{ReblogURL}">Reblog</a> with <a href="{Permalink}">{NoteCount}</a> on {DayofWeek}
  535. </div>{/block:IndexPage}
  536. {/block:Link}
  537.  
  538. <!---------------EDIT PHOTO POSTS HERE--------------->
  539.  
  540. {block:Photo}
  541. {block:IndexPage}
  542. <img src="{PhotoURL-250}" alt="{PhotoAlt}" width="500px"/>{/block:IndexPage}<div class="permalink"><a href="{ReblogURL}">Reblog</a> with <a href="{Permalink}">{NoteCount}</a> on {DayofWeek}
  543. </div>{block:PermalinkPage}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100% />{/block:PermalinkPage}</a>
  544. {/block:Photo}
  545.  
  546. <!---------------EDIT PHOTOSET POSTS HERE--------------->
  547.  
  548. {block:Photoset}
  549. {block:IndexPage}<a href="{Permalink}">{Photoset-250}</a><div class="permalink"><a href="{ReblogURL}">Reblog</a> with <a href="{Permalink}">{NoteCount}</a> on {DayofWeek}
  550. </div>{/block:IndexPage}
  551. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  552. {/block:Photoset}
  553.  
  554. <!---------------EDIT QUOTE POSTS HERE--------------->
  555.  
  556. {block:Quote}
  557. {Quote}{block:Source}
  558. <div class="source">{Source}</div>{/block:Source}
  559. {block:IndexPage}
  560. <div class="permalink"><a href="{ReblogURL}">Reblog</a> with
  561. <a href="{Permalink}">{NoteCount}</a> on {DayofWeek}{/block:IndexPage}</div>
  562. {/block:Quote}
  563.  
  564. <!---------------EDIT ANSWER POSTS HERE--------------->
  565.  
  566. {block:Answer}
  567. <div class="ask"><span class="asker">{Asker}:</span> {Question}</div>
  568. <div class="answer">{Answer}</div>
  569. {block:IndexPage}
  570. <div class="permalink"><a href="{ReblogURL}">Reblog</a> with
  571. <a href="{Permalink}">{NoteCount}</a> on {DayofWeek}</div>{/block:IndexPage}
  572. {/block:Answer}
  573.  
  574. <!---------------EDIT CHAT POSTS HERE--------------->
  575.  
  576. {block:Chat}
  577. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  578. <div class="chat"><ul>{block:Lines}
  579. <li class="person{UserNumber}">{block:Label}
  580. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>{block:IndexPage}<div class="permalink"><a href="{ReblogURL}">Reblog</a> with
  581. <a href="{Permalink}">{NoteCount}</a> on {DayofWeek}</div>
  582. {/block:IndexPage}
  583. {/block:Chat}
  584.  
  585. <!---------------EDIT AUDIO POSTS HERE--------------->
  586.  
  587. {block:Audio}<div class="player">{AudioPlayerWhite}</div>
  588. <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="permalink"><a href="{ReblogURL}">Reblog</a> with
  589. <a href="{Permalink}">{NoteCount}</a> on {DayofWeek}</div>
  590. {/block:IndexPage}
  591. {/block:Audio}
  592.  
  593. <!---------------EDIT VIDEO POSTS HERE--------------->
  594.  
  595. {block:Video}
  596. {block:IndexPage}<div class="video-container">{Video-250}</div>
  597. <div class="permalink"><a href="{ReblogURL}">Reblog</a> with
  598. <a href="{Permalink}">{NoteCount}</a> on {DayofWeek}</div>{/block:IndexPage}
  599. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  600. {/block:Video}
  601.  
  602. <!---------------EDIT PERMALINK PAGE HERE--------------->
  603.  
  604. {block:PermalinkPage}
  605. {block:Caption}{Caption}{/block:Caption}
  606. <p>{block:Date} {Month} {DayofMonthWithSuffix}, {Year}{/block:Date} {block:NoteCount}, {NoteCountWithLabel}{/block:NoteCount} {block:RebloggedFrom} , (via <a href="{ReblogParentURL}">{ReblogParentName}</a>){/block:RebloggedFrom}
  607. <div class="permapage">
  608. <div style="margin-top:10px; margin-left:-10px;">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
  609. </div>
  610. {/block:Posts}
  611. </div>
  612.  
  613. <!---------------DO NOT DELETE THIS--------------->
  614.  
  615. {block:IndexPage}
  616. {block:Pagination}
  617. <div id="pagination">
  618. {block:NextPage}
  619. <a id="nextPage" href="{NextPage}"></a>
  620. {/block:NextPage}
  621. {block:PreviousPage}
  622. <a href="{PreviousPage}"></a>
  623. {/block:PreviousPage}
  624. </div>
  625. {/block:Pagination}
  626. {/block:IndexPage}
  627. </center>
  628. </body>
  629.  
  630. <BODY onselectstart="return false;" ondragstart="return false;">
  631. <div style=" font-size:8px; position:fixed; bottom:5px; left:0px; text-align:center; font-family:arial">
  632. <a href="http://themesbymiki.tumblr.com/tagged/cute-themes">✿</a></div>
  633.  
  634. <!---------------EDIT CREDIT CONTENT HERE--------------->
  635.  
  636. <div id="credit"><a href="http://dislikes.tumblr.com/">credit</a></div>
  637. </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!