Advertisement
stephaniemus98

Theme 3/5/15

Mar 5th, 2015
202
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.62 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5. <!--- Theme #27 by wonderfullythemes
  6.  
  7. dont remove the credit pls and thanks
  8. --->
  9.  
  10. <title>{Title}</title>
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  14.  
  15. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  16. <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
  17.  
  18. <!--MASONRY -->
  19. <!---------------DO NOT REMOVE THESE SCRIPTS--------------->
  20.  
  21. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  22.  
  23. <stsss>
  24. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  25. <script>
  26. (function($){
  27. $(document).ready(function(){
  28. $("a[title]").style_my_tooltips({
  29. tip_follows_cursor:true,
  30. tip_delay_time:100,
  31. tip_fade_speed:200,
  32. attribute:"title"
  33. });
  34. });
  35. })(jQuery);
  36. </script>
  37.  
  38. {block:IndexPage}
  39. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  40. {block:IfShowInfiniteScroll}<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>{/block:IfShowInfiniteScroll}
  41.  
  42. <script type="text/javascript">
  43. $(window).load(function(){
  44. var $wall = $('#entries');
  45. $wall.imagesLoaded(function(){
  46. $wall.masonry({
  47. itemSelector: '#post, #post_photo',
  48. isAnimated : false
  49. });
  50. });
  51.  
  52. $wall.infinitescroll({
  53. navSelector : '#pagination',
  54. nextSelector : '#pagination a',
  55. itemSelector : '#post, #post_photo',
  56. bufferPx : 2000,
  57. debug : false,
  58. errorCallback: function() {
  59. $('#scroll').fadeOut('normal');
  60. }},
  61. function( newElements ) {
  62. var $newElems = $( newElements );
  63. $newElems.hide();
  64. $newElems.imagesLoaded(function(){
  65. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  66. });
  67. }); $('#entries').show(500);
  68. });
  69. </script>
  70. {/block:IndexPage}
  71.  
  72. <meta name="color:Background" content="#ffffff"/>
  73. <meta name="color:Text" content="#838282"/>
  74. <meta name="color:Link" content="##d11235"/>
  75. <meta name="color:Hover" content="#e0e0e0"/>
  76. <meta name="color:Title" content="#444"/>
  77.  
  78. <meta name="image:sidebar" content=""/>
  79.  
  80. <meta name="text:Link1" content="/" />
  81. <meta name="text:Link1 Text" content="Link 1" />
  82. <meta name="text:Link2" content="/" />
  83. <meta name="text:Link2 Text" content="Link 2" />
  84. <meta name="text:Link3" content="/" />
  85. <meta name="text:Link3 Text" content="Link 3" />
  86. <meta name="text:Link4" content="/" />
  87. <meta name="text:Link4 Text" content="Link 4" />
  88. <meta name="text:Link5" content="/" />
  89. <meta name="text:Link5 Text" content="Link 5" />
  90.  
  91. <meta name="if:ShowCustomCursor" content="1" />
  92. <meta name="if:ShowUpdatesTab" content="1" />
  93. <meta name="if:ShowSidebarImage" content="1" />
  94. <meta name="if:ShowInfiniteScroll" content="1" />
  95. <meta name="if:ShowFullOpacity" content="0" />
  96. <meta name="if:ShowOneColumn" content="0" />
  97. <meta name="if:ShowTwoColumns" content="0" />
  98. <meta name="if:ShowThreeColumns" content="1" />
  99.  
  100. <style type="text/css">
  101.  
  102. ::-webkit-scrollbar-thumb {
  103. height:auto;
  104. background-color:{color:Text};
  105. }
  106.  
  107. ::-webkit-scrollbar {
  108. height:4px;
  109. width:3px;
  110. padding-right:2px;
  111. background-color:white;
  112. }
  113.  
  114. #s-m-t-tooltip {
  115. border:1px solid #ddd;
  116. max-width:200px;
  117. font-family:'calibri';
  118. font-size:8px;
  119. background-color:#fff;
  120. color:#444;
  121. line-height:9px;
  122. display:none;
  123. position:absolute;
  124. letter-spacing:1px;
  125. text-transform:uppercase;
  126. padding:3px;
  127. margin:15px 0px 0px 15px;
  128. z-index:99999999999999;
  129. }
  130.  
  131. body {
  132. background:{color:Background};
  133. margin:0px;
  134. color:{color:Text};
  135. font-family:'calibri';
  136. font-size:10px;
  137. line-height:12px;
  138. font-style: none;
  139. {block:IfShowCustomCursor}
  140. cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;
  141. {/block:IfShowCustomCursor}
  142. }
  143.  
  144. a {
  145. color:{color:Link};
  146. text-decoration:none;
  147. text-decoration:none;
  148. }
  149.  
  150. a:hover {
  151. color:{color:Hover};
  152. text-decoration:underline;
  153. {block:IfShowCustomCursor}
  154. cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;
  155. {/block:IfShowCustomCursor}
  156. }
  157.  
  158. blockquote {
  159. padding-left:5px;
  160. border-left:2px solid;
  161. }
  162.  
  163. img{
  164. opacity:.7;
  165. -webkit-transition-duration: 0.8s;
  166. -moz-transition-duration: 0.8s;
  167. -o-transition-duration: 0.8s;
  168. -ms-transition-duration: 0.8s;
  169. {block:IfShowFullOpacity}
  170. opacity:1;
  171. {/block:IfShowFullOpacity}
  172. }
  173.  
  174. img:hover{
  175. opacity:1;
  176. -webkit-transition-duration: 0.8s;
  177. -moz-transition-duration: 0.8s;
  178. -o-transition-duration: 0.8s;
  179. -ms-transition-duration: 0.8s;
  180. z-index: 2px;
  181. }
  182.  
  183. .html_photoset {
  184. max-width:100%;
  185. opacity:.7;
  186. -webkit-transition-duration: 0.8s;
  187. -moz-transition-duration: 0.8s;
  188. -o-transition-duration: 0.8s;
  189. -ms-transition-duration: 0.8s;
  190. {block:IfShowFullOpacity}
  191. opacity:1;
  192. {/block:IfShowFullOpacity}
  193. }
  194.  
  195. .html_photoset:hover{
  196. opacity:1;
  197. -webkit-transition-duration: 0.8s;
  198. -moz-transition-duration: 0.8s;
  199. -o-transition-duration: 0.8s;
  200. -ms-transition-duration: 0.8s;
  201. z-index: 2px;
  202. }
  203.  
  204. #entries {
  205. position:relative;
  206. float:center;
  207. top:70px;
  208. text-align:justify;
  209. overflow:hidden;
  210. margin-bottom:40px;
  211. left:25%;
  212. {block:IfShowOneColumn}
  213. width:250px;
  214. {/block:IfShowOneColumn}
  215. {block:IfShowTwoColumns}
  216. width:750px;
  217. {/block:IfShowTwoColumns}
  218. {block:IfShowThreeColumns}
  219. width:1000px;
  220. {/block:IfShowThreeColumns}
  221. }
  222.  
  223. #post {
  224. overflow-x:hidden;
  225. margin-bottom:40px;
  226. background-color: {color:background};
  227. width:200px;
  228. padding:20px;
  229. border:1px solid #ddd;
  230. margin-right:45px;
  231. {block:PermalinkPage}
  232. float:center;
  233. width:400px;
  234. {/block:PermaLinkPage}
  235. }
  236.  
  237. #post img {
  238. max-width:100%
  239. }
  240.  
  241. /*--SIDEBAR--*/
  242.  
  243. #sidebar {
  244. width:135px;
  245. position:fixed;
  246. top:50%;
  247. padding:10px;
  248. left:10%;
  249. }
  250.  
  251. #sidebarimage img {
  252. opacity:1;
  253. padding:10px;
  254. border:1px solid #ddd;
  255. width:110px;
  256. margin-top:10px;
  257. height:130px;
  258. }
  259.  
  260. #sidebar:hover #title2 {
  261. color:{color:Link};
  262. -moz-transition-duration:0.7s;
  263. -webkit-transition-duration:0.7s;
  264. -o-transition-duration:0.7s;
  265. }
  266.  
  267. #title2 {
  268. text-align:center;
  269. line-height:100%;
  270. font-size:11px;
  271. text-transform:uppercase;
  272. color:{color:Title};
  273. }
  274.  
  275. {block:IfShowSidebarImage}
  276.  
  277. #sidebar:hover .desc {
  278. height:130px;
  279. opacity:1;
  280. z-index:2;
  281. -moz-transition-duration:0.7s;
  282. -webkit-transition-duration:0.7s;
  283. -o-transition-duration:0.7s;
  284. }
  285.  
  286. {/block:IfShowSidebarImage}
  287.  
  288. .desc {
  289. text-align:center;
  290. background-color:#fff;
  291. margin-top:5px;
  292. padding:5px;
  293. height:auto;
  294. width:120px;
  295. opacity:1;
  296. position:relative;
  297. border:1px solid #ddd;
  298. {block:ifShowSidebarImage}
  299. height:10px;
  300. margin-top:10px;
  301. padding:10px;
  302. width:110px;
  303. position:absolute;
  304. opacity:0;
  305. -moz-transition-duration:0.7s;
  306. -webkit-transition-duration:0.7s;
  307. -o-transition-duration:0.7s;
  308. {/block:IfShowSidebarImage}
  309. }
  310.  
  311. #sidebar:hover #links {
  312. margin-top:10px;
  313. opacity:1;
  314. -moz-transition-duration:0.7s;
  315. -webkit-transition-duration:0.7s;
  316. -o-transition-duration:0.7s;
  317. }
  318.  
  319. #links {
  320. font-size:8px;
  321. letter-spacing:1px;
  322. text-align:center;
  323. font-style:none;
  324. line-height:100%;
  325. margin-top:-5px;
  326. margin-left:0px;
  327. text-transform:uppercase;
  328. opacity:0;
  329. -moz-transition-duration:0.7s;
  330. -webkit-transition-duration:0.7s;
  331. -o-transition-duration:0.7s;
  332. }
  333.  
  334. #links a {
  335. color:{color:Link};
  336. }
  337.  
  338. #links a:hover {
  339. color:{color:Hover};
  340. }
  341.  
  342. #pagination {
  343. width:100%;
  344. position:relative;
  345. text-align:center;
  346. margin-top:5px;
  347. text-transform:none;
  348. font-style:none;
  349. text-transform: lowercase;
  350. }
  351.  
  352. #post:hover #info {
  353. margin-top:5px;
  354. opacity:1;
  355. -moz-transition-duration:0.7s;
  356. -webkit-transition-duration:0.7s;
  357. -o-transition-duration:0.7s;
  358. }
  359.  
  360. #info {
  361. letter-spacing:1px;
  362. text-transform:uppercase;
  363. font-style:none;
  364. font-size:7px;
  365. color:{color:Text};
  366. text-align:center;
  367. padding-top:5px;
  368. margin-top:-15px;
  369. opacity:0;
  370. -moz-transition-duration:0.7s;
  371. -webkit-transition-duration:0.7s;
  372. -o-transition-duration:0.7s;
  373. width:200px;
  374. {block:PermalinkPage}
  375. width:400px;
  376. {/block:PermaLinkPage}
  377. }
  378.  
  379. #info a:link {
  380. color:{color:link};
  381. }
  382.  
  383. #info a:hover {
  384. color:{color:hover};
  385. }
  386.  
  387. /*--POST TYPES--*/
  388.  
  389. #ask {
  390. float:left;
  391. margin-right:5px;
  392. }
  393.  
  394. /*--from two column base code. link on my main blog--*/
  395. .audio{
  396. {block:IndexPage}width:180px;{/block:IndexPage}
  397. {block:PermalinkPage}width:239px;{/block:PermalinkPage};}
  398. .info{
  399. padding:2px 0px 1px 57px;}
  400. .i {
  401. text-transform:uppercase;
  402. letter-spacing:1px;
  403. font-size:8px;}
  404. .pl b,strong{
  405. text-transform:lowercase;
  406. font-size:9px;}
  407. .player{
  408. position:absolute;
  409. overflow:hidden;
  410. margin-top:0px;
  411. margin-left:15px;
  412. background:#ffffff;
  413. width:24px;
  414. height:23px;}
  415.  
  416. .video-container {
  417. position:relative;
  418. padding-bottom:56.25%;
  419. padding-top: 30px;
  420. height:0;
  421. overflow:hidden;}
  422.  
  423. .video-container iframe,
  424. .video-container object,
  425. .video-container embed {
  426. position: absolute;
  427. top: 0;
  428. left: 0;
  429. width: 100%;
  430. height: 100%;}
  431.  
  432. .chat{
  433. line-height:12px;
  434. list-style:none;}
  435. .chat ul{
  436. list-style:none;
  437. padding:0px 5px;
  438. line-height:15px;}
  439. .label{
  440. color:{color:Link};}
  441.  
  442. {block:IfShowInfiniteScroll}
  443. #scroll{
  444. bottom:-20px;
  445. position: absolute;
  446. left: 50%;
  447. width:10px;
  448. height:5px;
  449. overflow:hidden;
  450. margin-bottom:80px;}
  451. {/block:IfShowInfiniteScroll}
  452.  
  453. /*--UPDATES TAB--*/
  454.  
  455. #lostatsea {
  456. font-family:'calibri';
  457. width:250px;
  458. height:90px;
  459. margin-top:30px;
  460. position:fixed;
  461. font-size:9px;
  462. left:0.5%;
  463. line-height:100%;
  464. -moz-transition-duration:0.7s;
  465. -webkit-transition-duration:0.7s;
  466. -o-transition-duration:0.7s;
  467. }
  468.  
  469. #update {
  470. margin-top:10px;
  471. -moz-transition-duration:0.7s;
  472. -webkit-transition-duration:0.7s;
  473. -o-transition-duration:0.7s;
  474. }
  475.  
  476. #update:hover .updatetitle {
  477. margin-left:120px;
  478. -moz-transition-duration:0.7s;
  479. -webkit-transition-duration:0.7s;
  480. -o-transition-duration:0.7s;
  481. }
  482.  
  483. .updatetitle {
  484. padding-left:3px;
  485. color:{color:Text};
  486. border-left:1px solid #ddd;
  487. text-transform:uppercase;
  488. letter-spacing:1px;
  489. line-height:20px;
  490. -moz-transition-duration:0.7s;
  491. -webkit-transition-duration:0.7s;
  492. -o-transition-duration:0.7s;
  493.  
  494. }
  495.  
  496. #update:hover .updatesinfo {
  497. height:auto;
  498. margin-left:0px;
  499. padding-left:10px;
  500. opacity:1;
  501. -moz-transition-duration:0.7s;
  502. -webkit-transition-duration:0.7s;
  503. -o-transition-duration:0.7s;
  504. }
  505.  
  506. .updatesinfo {
  507. background-color:white;
  508. margin-left:-110px;
  509. width:100px;
  510. position:fixed;
  511. margin-top:-15px;
  512. overflow:hidden;
  513. height:auto;
  514. opacity:0;
  515. -moz-transition-duration:0.7s;
  516. -webkit-transition-duration:0.7s;
  517. -o-transition-duration:0.7s;
  518. }
  519.  
  520. /*CREDIT*/
  521.  
  522. #cred {
  523. position:fixed;
  524. font-family:'Calibri';
  525. text-transform:uppercase;
  526. font-size:8px;
  527. right:9px;
  528. bottom:9px;
  529. padding:4px;
  530. color:{color:Link};
  531. letter-spacing:1px;
  532. }
  533.  
  534. {CustomCSS}</style></head><body>
  535.  
  536. {block:IfShowUpdatesTab}
  537. <div id="lostatsea">
  538.  
  539. <div id="update">
  540. <div class="updatetitle"><i class="fa fa-lock"></i><br></div>
  541. <div class="updatesinfo">
  542. <div style="background-color:#ddd;text-transform:uppercase;padding:1px;">about</div> steph; 16; female <br> new jersey, usa <br> <br> intj, cancer <br> i like cats, coffee, poetry, books, the color black, and you <br> <br>
  543.  
  544. </div>
  545. </div>
  546.  
  547. <div id="update">
  548. <div class="updatetitle"><i class="fa fa-lock"></i><br></div>
  549. <div class="updatesinfo">
  550. <div style="background-color:#ddd;text-transform:uppercase;padding:1px;">semi-hiatus</div>
  551. most of my posts are queued tbh <br> <br>
  552. tag: queue
  553.  
  554.  
  555. </div>
  556. </div>
  557.  
  558. <div id="update">
  559. <div class="updatetitle"><i class="fa fa-lock"></i><br></div>
  560. <div class="updatesinfo">
  561. <div style="background-color:#ddd;text-transform:uppercase;padding:1px;">currently</div>
  562. reading: catcher in the rye
  563. <br>
  564. <br>
  565. stressed beyond belief bc: <br>
  566. >school <br>
  567. >cheer <br>
  568. >gymnastics <br>
  569. >college search <br>
  570. >life
  571.  
  572.  
  573. </div>
  574. </div>
  575.  
  576.  
  577. <!--COPY THE BELOW CODE WITHOUT THE < > FOR ANOTHER TAB-->
  578. <!--<div id="update">
  579. <div class="updatetitle"><i class="fa fa-lock"></i><br></div>
  580. <div class="updatesinfo">
  581. if you want another tab then copy what i've put as an example :)
  582.  
  583. </div>
  584. </div>-->
  585.  
  586. </div>
  587. {/block:IfShowUpdatesTab}
  588.  
  589. <div id="sidebar">
  590.  
  591. <div id="title2">{Title}</div>
  592. <div class="desc">
  593. {Description}
  594. </div>
  595.  
  596. {block:IfShowSidebarImage}
  597. <div id="sidebarimage">
  598. <img src="{image:sidebar}"></div>
  599. {/block:IfShowSidebarImage}
  600.  
  601. <div id="links">
  602. <a href="{text:Link1}" title="{text:Link1 Text}"><i class="fa fa-home"></i></a>&nbsp;&nbsp;
  603. <a href="{text:Link2}" title="{text:Link2 Text}"><i class="fa fa-envelope-o"></i></a>&nbsp;&nbsp;
  604. <a href="{text:Link3}" title="{text:Link3 Text}"><i class="fa fa-signal"></i></a>&nbsp;&nbsp;
  605. <a href="{text:Link4}" title="{text:Link4 Text}"><i class="fa fa-power-off"></i></a>
  606. </div>
  607. </div>
  608.  
  609.  
  610.  
  611. </div>
  612.  
  613. <div id="entries">{block:Posts}
  614. {block:IfShowInfiniteScroll}
  615. {block:ContentSource}
  616. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  617. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  618. {/block:SourceLogo}
  619. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  620. {/block:ContentSource}
  621. {/block:IfShowInfiniteScroll}
  622.  
  623. <div id="post">
  624.  
  625. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  626.  
  627. {block:Photo}{block:IndexPage}
  628. <img src="{PhotoURL-250}" alt="{PhotoAlt}" width="200px"/>{/block:IndexPage}{block:PermalinkPage}<img src="{PhotoURL-400}" alt="{PhotoAlt}" />{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}</a>{/block:Photo}
  629.  
  630. {block:Photoset}{block:IndexPage}{block:Photos}<a href="{Permalink}"><img src="{PhotoURL-250}" /></a>{/block:Photos}{/block:IndexPage}
  631. {block:PermalinkPage}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photoset}
  632.  
  633. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  634.  
  635. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  636.  
  637. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}<div class="chat"><ul>{block:Lines}
  638. <li class="person{UserNumber}">{block:Label}
  639. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>{block:IndexPage}
  640. {/block:IndexPage}{/block:Chat}
  641.  
  642. {block:Audio}<div class="player">{AudioPlayerWhite}</div>
  643. <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:Caption}{Caption}{/block:Caption}{block:IndexPage}
  644. {/block:IndexPage}
  645. {/block:Audio}
  646.  
  647. {block:Video}{block:IndexPage}<div class="video-container">{Video-250}</div>
  648. {/block:IndexPage}
  649. {block:PermalinkPage}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Video}
  650.  
  651. {block:Answer}<div id="ask"><img src="{AskerPortraitURL-24}"></div>{Asker} asked:<br>{Question}{Answer}{/block:Answer}
  652.  
  653.  
  654. <div id="info">{block:Date}<a href="{Permalink}">{TimeAgo}</a> {block:NoteCount}・ <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {/block:Date}{block:RebloggedFrom}・ <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> {/block:RebloggedFrom}
  655. {block:RebloggedFrom}・ <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom} <br>
  656. {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  657.  
  658. </div>
  659.  
  660.  
  661.  
  662. </div>
  663.  
  664.  
  665.  
  666. {block:PostNotes}{PostNotes}{/block:PostNotes}
  667. {/block:Posts}
  668.  
  669. <div id="cred">
  670. <a href="http://wonderfullythemes.tumblr.com/">theme</a>
  671. </div>
  672.  
  673. </div>
  674. {block:IfShowInfiniteScroll}
  675. {block:IndexPage}
  676. {block:Pagination}
  677. <div id="pagination">
  678. {block:NextPage}
  679. <a id="nextPage" href="{NextPage}"></a>
  680. {/block:NextPage}
  681. {block:PreviousPage}
  682. <a href="{PreviousPage}"></a>
  683. {/block:PreviousPage}
  684. </div>
  685. {/block:Pagination}
  686. {/block:IndexPage}
  687. {/block:IfShowInfiniteScroll}
  688.  
  689. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement