bychloethemes

Spanish Sahara Theme - by Chloe

Jul 16th, 2015
588
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.03 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <!--
  5. Spanish Sahara Theme by Chloe / @dontbrag / @bychloethemes
  6. Do not copy. Do not redistribute. Do not claim as your own. Do not use as a basecode.
  7. -->
  8. <meta name="image:Background" content="" />
  9.  
  10. <meta name="color:Background" content="#ffffff" />
  11. <meta name="color:Post Background" content="#fff" />
  12. <meta name="color:Post Borders" content="#ccc" />
  13. <meta name="color:Post Shadows" content="#ccc" />
  14. <meta name="color:Highlight" content="#eee" />
  15. <meta name="color:Highlight Hover" content="#fff783" />
  16. <meta name="color:Title Text" content="#000" />
  17. <meta name="color:Body text" content="#1d1818" />
  18. <meta name="color:Scrollbar" content="#000" />
  19. <meta name="color:Scrollbar Background" content="#fff" />
  20. <meta name="color:Tooltip Background" content="#fff" />
  21. <meta name="color:Tooltip Text" content="#000" />
  22. <meta name="color:Lightbox" content="#000" />
  23. <meta name="color:Lightbox Borders" content="#fff" />
  24.  
  25. <meta name="font:Body" content='verdana,sans-serif'/>
  26.  
  27. <meta name="select:Other Font" content="'Inconsolata'" title="Inconsolata"/>
  28. <meta name="select:Other Font" content="Consolas" title="Consolas"/>
  29. <meta name="select:Other Font" content="Arial" title="Arial"/>
  30. <meta name="select:Other Font" content="Century Gothic" title="Century Gothic"/>
  31. <meta name="select:Other Font" content="'Open Sans', sans-serif" title="Open Sans">
  32. <meta name="select:Other Font" content="'Abel', sans-serif" title="Abel"/>
  33. <meta name="select:Other Font" content="Calibri" title="Calibri"/>
  34. <meta name="select:Other Font" content="'Josefin Slab', sans-serif" title="Josefin Slab"/>
  35. <meta name="select:Other Font" content="'Delius', cursive" title="Delius"/>
  36. <meta name="select:Other Font" content="'Marmelad', sans-serif" title="Marmelad"/>
  37.  
  38. <meta name="if:Other Font" content="1" />
  39. <meta name="if:Tiled Background" content="0" />
  40. <meta name="if:About tab" content="1" />
  41. <meta name="if:Contact tab" content="1" />
  42. <meta name="if:Faq" content="1" />
  43. <meta name="if:Links tab" content="1" />
  44. <meta name="if:Archive link" content="1" />
  45. <meta name="if:Captions" content="1" />
  46. <meta name="if:Shadows" content="1" />
  47. <meta name="if:Inverted Tumblr Controls" content="1"/>
  48. <meta name="if:Custom Lightbox" content="1" />
  49. <meta name="if:Lightbox Borders" content="1" />
  50. <meta name="if:Lightbox Shadows" content="1" />
  51.  
  52. <meta name="text:About" content="" />
  53. <meta name="text:FaqQuestion1" content="" />
  54. <meta name="text:FaqAnswer1" content="" />
  55. <meta name="text:FaqQuestion2" content="" />
  56. <meta name="text:FaqAnswer2" content="" />
  57. <meta name="text:FaqQuestion3" content="" />
  58. <meta name="text:FaqAnswer3" content="" />
  59. <meta name="text:FaqQuestion4" content="" />
  60. <meta name="text:FaqAnswer4" content="" />
  61. <meta name="text:FaqQuestion5" content="" />
  62. <meta name="text:FaqAnswer5" content="" />
  63. <meta name="text:FaqQuestion6" content="" />
  64. <meta name="text:FaqAnswer6" content="" />
  65. <meta name="text:Link 1" content="" />
  66. <meta name="text:URL 1" content="" />
  67. <meta name="text:Link 2" content="" />
  68. <meta name="text:URL 2" content="" />
  69. <meta name="text:Link 3" content="" />
  70. <meta name="text:URL 3" content="" />
  71. <meta name="text:Link 4" content="" />
  72. <meta name="text:URL 4" content="" />
  73. <meta name="text:Link 5" content="" />
  74. <meta name="text:URL 5" content="" />
  75. <meta name="text:Link 6" content="" />
  76. <meta name="text:URL 6" content="" />
  77. <!--Tooltips-->
  78. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  79. <script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  80. <script>
  81.  
  82. (function($){
  83.  
  84. $(document).ready(function(){
  85.  
  86. $("a[title]").style_my_tooltips({
  87.  
  88. tip_follows_cursor:true,
  89.  
  90. tip_delay_time:10,
  91.  
  92. tip_fade_speed:600,
  93.  
  94. attribute:"title"
  95.  
  96. });
  97.  
  98. });
  99.  
  100. })(jQuery);
  101.  
  102. </script>
  103. <!--Tooltips-->
  104.  
  105.  
  106. {block:Description}
  107. <meta name="description" content="{MetaDescription}" />
  108. {/block:Description}
  109. <meta charset="utf-8">
  110. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  111. <title>{block:TagPage}{Tag} posts | {/block:TagPage} {block:PostSummary}{PostSummary} | {/block:PostSummary}{Title}</title>
  112. <link rel="shortcut icon" href="{Favicon}">
  113. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  114. <link href="//static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
  115. <link href='//fonts.googleapis.com/css?family=Abel|Cutive+Mono|Poiret+One|Short+Stack|Josefin+Slab|Slabo+27px|Open+Sans|Delius|Marmelad' rel='stylesheet' type='text/css'>
  116. <link href='//fonts.googleapis.com/css?family=Inconsolata:400,700' rel='stylesheet' type='text/css'>
  117.  
  118. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  119. <style type="text/css">
  120.  
  121. @import url(http://weloveiconfonts.com/api/?family=entypo);
  122.  
  123. /* entypo */
  124. #tumblr_controls{
  125. top: 3px !important;
  126. margin: 0 0 0 0!important;
  127. right: 3px !important;
  128. position: fixed !important;
  129. {block:IfInvertedTumblrControls}
  130. -webkit-filter: invert(100%) ;important;
  131. {/block:IfInvertedTumblrControls}
  132. opacity:0.5!important;
  133. }
  134. ::-webkit-scrollbar {
  135. width: 5px;
  136. background-color: {color:Scrollbar Background};
  137. height:5px;
  138. }
  139.  
  140. ::-webkit-scrollbar-thumb {
  141. background-color: {color:Scrollbar};
  142. height: 5px;
  143. width: 5px;
  144. }
  145.  
  146. body {
  147. background: {color:Background} url('{image:Background}'){block:IfNotTiledBackground}no-repeat center center fixed;
  148. -webkit-background-size: cover;
  149. -moz-background-size: cover;
  150. -o-background-size: cover;
  151. background-size: cover;
  152. {/block:IfNotTiledBackground}
  153. {block:IfTiledBackground}
  154. repeat;
  155. background-attachment:fixed;
  156. {/block:IfTiledBackground}
  157. {block:IfOtherFont}
  158. font-family: {select:Other Font};
  159. {/block:IfOtherFont}
  160. {block:IfNotOtherFont}
  161. font-family: {font:Body};
  162. {/block:IfNotOtherFont}
  163. font-size: 12px;
  164. }
  165. a {
  166. color:{color:Title Text};
  167. text-decoration: underline;
  168. }
  169.  
  170. a:focus {
  171. outline: 0;
  172. }
  173. h1 {
  174. margin:5px 0 10px 0;
  175. }
  176. qu {
  177. background:{color:Highlight};
  178. font-weight:bold;
  179. font-size:1.2em;
  180. margin:5px 0;
  181. line-height:1.3em;
  182. }
  183. p {
  184. margin:2px 0px;
  185. }
  186. blockquote p {
  187. margin-left:5px;
  188. }
  189. #s-m-t-tooltip {
  190. max-width:200px; /*how big the tooltip can be at most*/
  191. padding:2px; /*padding inside tooltip*/
  192. margin:20px 7px -2px 20px; /*distance from word*/
  193. background-color:{color:Tooltip Background}; /*background color*/
  194. font-size:12px; /*tooltip font size*/
  195. color:{color:Tooltip Text}; /*tooltip font color*/
  196. z-index:99999999999999999999999;
  197. text-align:left;
  198. border:1px solid {color:Post Borders};
  199. {block:IfShadows}
  200. box-shadow:2px 2px rgba({RGBcolor:Post Shadows},0.7);
  201. {/block:IfShadows}
  202. }
  203.  
  204. blockquote {
  205. border-left: 1px solid black;
  206. margin: 0 0 0 10px;
  207. overflow-x:auto;
  208. padding-left:10px;
  209. }
  210. iframe, img, embed, object, video {
  211. max-width: 100%;
  212. }
  213. img {
  214. height: auto;
  215. width: auto;
  216. vertical-align:middle;
  217. }
  218. .blogtitle {
  219. font-size:14px;
  220. text-align:center;
  221. position:absolute;
  222. z-index:999;
  223. width:700px;
  224. margin-left:50%;
  225. left:-350px;
  226. top:75px;
  227. color:{color:Title Text};
  228.  
  229. }
  230. .blogtitle h1 {
  231. margin-bottom:10px;
  232. {block:IfShadows}
  233. text-shadow:2px 2px rgba({RGBcolor:Post Shadows},0.7);
  234. {/block:IfShadows}
  235. }
  236. .blogtitle h1 a {
  237. font-size:1.4em;
  238. text-decoration:none;
  239. -webkit-transition: all 0.5s ease-in-out;
  240. -moz-transition: all 0.5s ease-in-out;
  241. -o-transition: all 0.5s ease-in-out;
  242. transition: all 0.5s ease-in-out;
  243. }
  244. .blogtitle h1 a:hover {
  245. letter-spacing:3px;
  246. text-decoration:none;
  247. -webkit-transition: all 0.5s ease-in-out;
  248. -moz-transition: all 0.5s ease-in-out;
  249. -o-transition: all 0.5s ease-in-out;
  250. transition: all 0.5s ease-in-out;
  251. }
  252. .header{
  253. background:{color:Post Background};
  254. width:320px;
  255. margin-left:50%;
  256. left:-160px;
  257. position: absolute;
  258. top:170px;
  259. height:30px;
  260. text-align:center;
  261. border:1px solid {color:Post Borders};
  262. {block:IfShadows}
  263. box-shadow:3px 3px rgba({RGBcolor:Post Shadows},0.7);
  264. {/block:IfShadows}
  265. }
  266. .tab {
  267. display: inline-block;
  268.  
  269. }
  270. .tab label {
  271. color: {color:Body Text};
  272. font-size: 12px;
  273. padding: 3px 5px;
  274. text-transform: uppercase;
  275. text-align: center;
  276. cursor: pointer;
  277. display: block;
  278. margin:6px 0px;
  279. }
  280. .tab label:first-child {
  281. }
  282. .tab label:hover {
  283. background: {color:Highlight Hover};
  284. color:{color:Body Text};
  285. }
  286. [type=radio]:checked ~ label {
  287. z-index: 2;
  288. color: {color:Body Text};
  289. background: {color:Highlight};
  290. }
  291.  
  292. .tab [type=radio] {
  293. display: none;
  294. }
  295. .content {
  296. display:none;
  297. color: {color:Body Text};
  298. width: 1040px;
  299. margin-left: 50%;
  300. left:-520px;
  301. text-align: center;
  302. position: absolute;
  303. top:50px;
  304. line-height:18px;
  305. }
  306.  
  307. .content a {
  308. color:{color:Body Text};
  309. text-decoration: none;
  310. background:{color:Highlight};
  311. padding:1px;
  312. -webkit-transition: all 0.5s ease-in-out;
  313. -moz-transition: all 0.5s ease-in-out;
  314. -o-transition: all 0.5s ease-in-out;
  315. transition: all 0.5s ease-in-out;
  316. }
  317.  
  318. .content a:hover {
  319. color:{color:Body Text};
  320. text-decoration: none;
  321. background:{color:Highlight Hover};
  322. -webkit-transition: all 0.5s ease-in-out;
  323. -moz-transition: all 0.5s ease-in-out;
  324. -o-transition: all 0.5s ease-in-out;
  325. transition: all 0.5s ease-in-out;
  326. }
  327. .contentbox {
  328. width:500px;
  329. padding:20px;
  330. margin:0 auto;
  331. background:{color:Post Background};
  332. border:1px solid {color:Post Borders};
  333. margin-top:45px;
  334. margin-bottom:50px;
  335. {block:IfShadows}
  336. box-shadow:3px 3px rgba({RGBcolor:Post Shadows},0.7);
  337. {/block:IfShadows}
  338. }
  339. [type=radio]:checked ~ label ~ .content {
  340. display:block;
  341. }
  342. /*------------Tab 1 Coding----------*/
  343. #tumblrcontent {
  344. padding-top:0px;
  345. margin:0 auto 0 auto;
  346. {block:IndexPage}
  347. width: 1040px;
  348. {/block:IndexPage}
  349. {block:PermalinkPage}
  350. width:520px;
  351. {/block:PermalinkPage}
  352. }
  353. /*Article*/
  354. article {
  355. {block:IndexPage}
  356. margin:45px;
  357. width:400px;
  358. {/block:IndexPage}
  359. padding:10px 10px 40px 10px;
  360. {block:PermalinkPage}
  361. width: 500px;
  362. margin:45px 0 50px 0;
  363. {/block:PermalinkPage}
  364. background:{color:Post Background};
  365. border:1px solid {color:Post Borders};
  366. padding:10px;
  367. {block:IfShadows}
  368. box-shadow:3px 3px rgba({RGBcolor:Post Shadows},0.7);
  369. {/block:IfShadows}
  370. }
  371. .post{
  372. padding:0;
  373. margin:0px 0px -2px 0px;
  374. }
  375. .chat span {
  376. float: left;
  377. margin-right: 5px;
  378. }
  379. .chat .even {
  380.  
  381. }
  382. .tumblr_audio_player {
  383. height: 30px;
  384. width: 300px;
  385. opacity:0.7;
  386. }
  387. .audio a {
  388. padding:0!important;
  389. }
  390. .albumart {
  391. position:absolute;
  392. {block:IndexPage}
  393. width:80px;
  394. height:80px;
  395. {/block:IndexPage}
  396. }
  397.  
  398. .albumart img {
  399. float:left;
  400. margin-left:5px;
  401. {block:IndexPage}
  402. width:80px;
  403. height:80px;
  404. {/block:IndexPage}
  405. }
  406.  
  407. .playbox {
  408. opacity:0.6;
  409. width:30px;
  410. height:30px;
  411. border-radius:15px;
  412. -webkit-border-radius:15px;
  413. -moz-border-radius:15px;
  414. -o-border-radius:15px;
  415. overflow:hidden;
  416. position:absolute;
  417. z-index:2;
  418. {block:IndexPage}
  419. margin-left:31px;
  420. margin-top:26px;
  421. {block:IndexPage}
  422. }
  423.  
  424. .audioinfo {
  425. margin-top:2px;
  426. line-height:12px;
  427. text-transform:uppercase;
  428. min-height:80px;
  429. border-left:1px solid {color:Post Borders};
  430. padding-left:5px;
  431. font-size:12px;
  432. line-height:16px;
  433. {block:IndexPage}
  434. margin-left:95px;
  435. {block:IndexPage}
  436. }
  437. .question {
  438. border-bottom:1px solid {color:Post Borders};
  439. padding-bottom:10px;
  440. margin-bottom:5px;
  441. }
  442. /*Metadata*/
  443. .metadata {
  444. display: inline-block;
  445. width: 100%;
  446. }
  447. .reblogged {
  448. float: right;
  449. }
  450. /*Tags and notes*/
  451. #tags, nav ul, .chat ul {
  452. list-style: none;
  453. list-style-image: none;
  454. margin: 0;
  455. padding: 0;
  456. }
  457. #tags li {
  458. float: left;
  459. margin-right: 10px;
  460. }
  461. .notes {
  462. clear: both;
  463. padding: 0;
  464. }
  465. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {
  466. display:none;
  467. }
  468. .navigation {
  469. display:none!important;
  470. }
  471.  
  472. .permalink {
  473. font-size:12px;
  474. text-align:center;
  475. border-top:1px solid {color:Post Borders};
  476. border-bottom:1px solid {color:Post Borders};
  477. padding:3px 2px 3px 2px;
  478. margin-top:10px;
  479. }
  480.  
  481. .permalink a{
  482. font-size:12px;
  483. text-transform:uppercase;
  484. }
  485. .permalink li {
  486. display:inline-block;
  487. list-style-type:none;
  488. }
  489. .permalink li:first-child {
  490. left:10px;
  491. position:absolute;
  492. }
  493. .permalink li:last-child {
  494. right:10px;
  495. position:absolute;
  496. }
  497. ol.notes {
  498. padding: 0px;
  499. margin: 25px 0px;
  500. list-style-type: none;
  501. }
  502.  
  503. ol.notes li.note {
  504. padding: 5px;
  505. text-align:left;
  506. }
  507.  
  508. ol.notes li.note img.avatar {
  509. display:none;
  510. }
  511.  
  512. ol.notes li.note span.action {
  513. font-weight: normal;
  514. }
  515.  
  516. ol.notes li.note .answer_content {
  517. font-weight: normal;
  518. }
  519.  
  520. ol.notes li.note blockquote {
  521. padding: 4px 5px;
  522. margin: 10px 0px 0px 25px;
  523. }
  524.  
  525. ol.notes li.note blockquote a {
  526. text-decoration: none;
  527. }
  528. #infscr-loading {
  529. position:absolute;
  530. bottom:0;
  531. width:20px;
  532. margin-left:50%;
  533. left:-15px;
  534. color:{color:Title Text};
  535. }
  536. #infscr-loading img{
  537. display:none;
  538. }
  539. /*------------End Tab 1 Coding----------*/
  540. /*------------Tab 2 Coding----------*/
  541. ul.faq {
  542. list-style-type:none;
  543. text-align:center;
  544. padding:0;
  545. }
  546. /*------------End Tab 2 Coding----------*/
  547. ul.linkeroos {
  548. list-style-type:none;
  549. text-align:center;
  550. padding:0;
  551. }
  552. ul.linkeroos li {
  553. margin:3px 0;
  554. }
  555. /*------------Tab 3 Coding----------*/
  556.  
  557. /*------------End Tab 3 Coding----------*/
  558. /*------------Tab4 Coding-------------*/
  559.  
  560. /*------------End Tab4 Coding---------*/
  561. /*---------Credit - DO NOT TOUCH--------*/
  562. .credit {
  563. width:14px;
  564. height:13px;
  565. color: {color:Title Text};
  566. position:fixed;
  567. bottom: 10px;
  568. left: 10px;
  569. line-height: 14px;
  570. font-size:12px;
  571. font-family: 'consolas';
  572. text-transform: uppercase;
  573. padding:3px 4px;
  574. overflow: hidden;
  575. z-index:999999999999999999;
  576. text-align:left;
  577. -webkit-transition: all 0.5s ease-in-out;
  578. -moz-transition: all 0.5s ease-in-out;
  579. -o-transition: all 0.5s ease-in-out;
  580. transition: all 0.5s ease-in-out;
  581. }
  582. .credit:hover {
  583. width:111px;
  584. background:#000;
  585. color:#fff;
  586. -webkit-transition: all 0.5s ease-in-out;
  587. -moz-transition: all 0.5s ease-in-out;
  588. -o-transition: all 0.5s ease-in-out;
  589. transition: all 0.5s ease-in-out;
  590. }
  591. .credit a {
  592. color:#fff;
  593. text-decoration: none;
  594. }
  595. .credit .mine {
  596. opacity:0;
  597. visibility:hidden;
  598. -webkit-transition: all 0.5s ease-in-out 0.5s;
  599. -moz-transition: all 0.5s ease-in-out 0.5s;
  600. -o-transition: all 0.5s ease-in-out 0.5s;
  601. transition: all 0.5s ease-in-out 0.5s;
  602. }
  603. .credit:hover .mine {
  604. opacity: 1;
  605. visibility: visible;
  606. -webkit-transition: all 0.5s ease-in-out 0.5s;
  607. -moz-transition: all 0.5s ease-in-out 0.5s;
  608. -o-transition: all 0.5s ease-in-out 0.5s;
  609. transition: all 0.5s ease-in-out 0.5s;
  610. }
  611.  
  612. /*---------Credit - DO NOT TOUCH--------*/
  613. /* L I G H T B O X */
  614. {block:IfCustomLightbox}
  615. #tumblr_lightbox {
  616. background:rgba({RGBcolor:Lightbox}, 0.7)!important;}
  617. #tumblr_lightbox img {
  618. opacity:0;
  619. border-radius:0!important;
  620. -moz-border-radius: 0!important;
  621. -webkit-border-radius: 0!important;
  622. -o-border-radius: 0!important;
  623. }
  624. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  625. opacity: 1!important;
  626. {block:IfLightboxShadows}
  627. box-shadow: 0px 0px 15px rgba(0,0,0,0.7) !important;
  628. {/block:IfLightboxShadows}
  629. border-radius: 0!important;
  630. -moz-border-radius: 0!important;
  631. -webkit-border-radius: 0!important;
  632. -o-border-radius: 0!important;
  633. {block:IfLightboxBorders}
  634. border:10px solid white!important;
  635. {/block:IfLightboxBorders}
  636. }
  637. {/block:IfCustomLightbox}
  638. </style>
  639. </head>
  640. <body>
  641. <div class="blogtitle">
  642. <h1><a href="/">{Title}</a></h1>
  643. {block:Description}{Description}{/block:Description}
  644. </div>
  645. <div class="header">
  646. <!--/////////////////tab 1/////////////////-->
  647. <div class="tab">
  648. <input type="radio" id="tab-1" name="tab-group-1" checked>
  649. <label for="tab-1">Home</label>
  650. <div class="content" style="text-align:left;">
  651. <div id="tumblrcontent">
  652. {block:Posts}
  653. <article>
  654. <!--Unique code for each post type-->
  655. {block:Text}
  656. <div class="text">
  657. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  658. {Body}
  659. {/block:Text}
  660.  
  661. {block:Photo}<div class="photo">
  662. <div class="make_lightbox" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />
  663. </div>
  664. {block:IndexPage}
  665. {block:IfCaptions}
  666. {block:Caption}{Caption}{/block:Caption}
  667. {/block:IfCaptions}
  668. {/block:IndexPage}
  669. {block:PermalinkPage}
  670. {block:Caption}{Caption}{/block:Caption}
  671. {/block:PermalinkPage}
  672. {/block:Photo}
  673.  
  674. {block:Photoset}
  675. <div class="photoset">
  676. {block:IndexPage}
  677. {Photoset-400}
  678. {block:IfCaptions}
  679. {block:Caption}{Caption}{/block:Caption}
  680. {/block:IfCaptions}
  681. {/block:IndexPage}
  682. {block:PermalinkPage}
  683. {Photoset-500}
  684. {block:Caption}{Caption}{/block:Caption}
  685. {/block:PermalinkPage}
  686. {/block:Photoset}
  687.  
  688. {block:Quote}
  689. <div class="quote">
  690. <p>&ldquo;{Quote}&rdquo;</p>
  691. {block:Source}<p><cite> &mdash;{Source}</cite></p>{/block:Source}
  692. {/block:Quote}
  693.  
  694. {block:Link}
  695. <div class="link">
  696. <h1>↳&nbsp;<a href="{URL}">{Name}</a></h1>
  697. {block:IndexPage}
  698. {block:IfCaptions}
  699. {block:Description}{Description}{/block:Description}
  700. {/block:IfCaptions}
  701. {/block:IndexPage}
  702. {block:PermalinkPage}
  703. {block:Description}{Description}{/block:Description}
  704. {/block:PermalinkPage}
  705. {/block:Link}
  706.  
  707. {block:Chat}
  708. <div class="chat inner">
  709. <ul>
  710. {block:Lines}<li class="{Alt}"><p>{block:Label}
  711. <u>{Label}</u>{/block:Label} {Line} </p>
  712. </li>{/block:Lines}
  713. </ul>
  714. {/block:Chat}
  715.  
  716. {block:Audio}
  717. <div class="audio">
  718. {block:IndexPage}
  719. {block:AlbumArt}
  720. <div class="albumart">
  721. <a href="{Permalink}"><img src="{AlbumArtURL}"></a>
  722. </div>
  723. {/block:AlbumArt}
  724. {block:AudioPlayer}
  725. <div class="playbox">
  726. {AudioPlayerWhite}
  727. </div>
  728. {/block:AudioPlayer}
  729. <div class="audioinfo">
  730. Artist: <span{block:Artist} style="display:none;"
  731. {/block:Artist}>Unknown</span>
  732. {block:Artist}{Artist}{/block:Artist}</br>
  733. Title: <span{block:TrackName} style="display:none;"
  734. {/block:TrackName}>Unknown</span>
  735. {block:TrackName}{TrackName}{/block:TrackName}</br>
  736. Album: <span{block:Album} style="display:none;"
  737. {/block:Album}>Unknown</span>
  738. {block:Album}{Album}{/block:Album}{block:PlayCount}</br>
  739. Plays: {FormattedPlayCount}{/block:PlayCount}
  740. </div>
  741. {/block:IndexPage}
  742. {block:PermalinkPage}
  743. {block:AlbumArt}<center><img src="{AlbumArtURL}" width="500"
  744. height="500"/></center>{/block:AlbumArt}<br>
  745. Artist: <span{block:Artist} style="display:none;"
  746. {/block:Artist}>Unknown</span>
  747. {block:Artist}{Artist}{/block:Artist} &mdash;
  748. Title: <span{block:TrackName} style="display:none;"
  749. {/block:TrackName}>Unknown</span>
  750. {block:TrackName}{TrackName}{/block:TrackName} &mdash;
  751. Album: <span{block:Album} style="display:none;"
  752. {/block:Album}>Unknown</span>
  753. {block:Album}{Album}{/block:Album}{block:PlayCount} &mdash;
  754. Plays: {FormattedPlayCount}{/block:PlayCount}
  755. {block:Caption}{Caption}{/block:Caption}
  756. {AudioPlayerWhite}
  757. {/block:PermalinkPage}
  758. {/block:Audio}
  759.  
  760. {block:Video}
  761. <div class="video">
  762. {block:IndexPage}
  763. <div class="video-player">{Video-400}</div>
  764. {block:IfCaptions}
  765. {block:Caption}{Caption}{/block:Caption}
  766. {/block:IfCaptions}
  767. {/block:IndexPage}
  768. {block:PermalinkPage}
  769. <div class="video-player">{Video-500}</div>
  770. {block:Caption}{Caption}{/block:Caption}
  771. {/block:permalinkPage}
  772. {/block:Video}
  773.  
  774. {block:Answer}
  775. <div class="answer">
  776. <div class="question">{lang:Asker asked 2}: {Question}</div>
  777. <div id="reply">{Replies}</div>
  778. {/block:Answer}
  779. {block:IndexPage}
  780. <div class="permalink" {block:Photoset}style="margin-top:5px!important"{/block:Photoset}>
  781. <li>
  782. {block:RebloggedFrom}
  783. <a href="{ReblogParentURL}" title="{ReblogParentName}">Via</a>{/block:RebloggedFrom}{block:ContentSource}{block:RebloggedFrom}&nbsp;/&nbsp;{/block:RebloggedFrom}<a href="{SourceURL}" title="{SourceTitle}">Source</a>
  784. {/block:ContentSource}
  785. </li>
  786. <li><a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}/" title="see more posts from this day">{DayOfMonthWithZero}.{ShortMonth}.{Year}</a></li>
  787. <li>
  788. <a href="{Permalink}">{NoteCount}</a></a> / <a href="{ReblogURL}">Reblog</a> </li>
  789. </div>
  790. {/block:IndexPage}
  791. <!--Post footer (tags and notes) on displayed on permalink pages-->
  792. {block:Permalink}
  793. <footer class="details">
  794. {block:PostNotes}
  795. <div id="notes">
  796. {PostNotes}
  797. </div>
  798. {/block:PostNotes}
  799. </footer>
  800. {/block:Permalink}
  801. </article>
  802. {/block:Posts}
  803. <!--Close of article-->
  804. </div>
  805. <!--Pagination: previous/next page links-->
  806. {block:Pagination}
  807. <div class="pagination">
  808. {block:PreviousPage}<a href="{PreviousPage}">Previous page</a>{/block:PreviousPage}
  809. {block:NextPage}<a href="{NextPage}">Next page</a>{/block:NextPage}
  810. </div>
  811. {/block:Pagination}
  812. </div>
  813. </div>
  814.  
  815. {block:IfAboutTab}
  816. <!--////////////////tab 2//////////////-->
  817. <div class="tab">
  818. <input type="radio" id="tab-2" name="tab-group-1">
  819. <label for="tab-2">About</label>
  820. <div class="content">
  821. <div class="contentbox">
  822. <h2>About</h2>
  823. {text:About}
  824. </div>
  825. </div>
  826. </div>
  827. {/block:IfAboutTab}
  828.  
  829. {block:IfContactTab}
  830. <!--////////////////tab 3//////////////-->
  831. <div class="tab">
  832. <input type="radio" id="tab-3" name="tab-group-1">
  833. <label for="tab-3">Contact</label>
  834. <div class="content">
  835. <div class="contentbox">
  836. {block:IfFaq}
  837. <h2>Faq</h2>
  838. <ul class="faq">
  839. <li><qu>{text:FaqQuestion1}</qu><li>
  840. <li>{text:FaqAnswer1}<li>
  841. <li><qu>{text:FaqQuestion2}</qu><li>
  842. <li>{text:FaqAnswer2}<li>
  843. <li><qu>{text:FaqQuestion3}</qu><li>
  844. <li>{text:FaqAnswer3}<li>
  845. <li><qu>{text:FaqQuestion4}</qu><li>
  846. <li>{text:FaqAnswer4}<li>
  847. <li><qu>{text:FaqQuestion5}</qu><li>
  848. <li>{text:FaqAnswer5}<li>
  849. <li><qu>{text:FaqQuestion6}</qu><li>
  850. <li>{text:FaqAnswer6}</li>
  851. </ul>
  852. {/block:IfFaq}
  853.  
  854. {block:AskEnabled}
  855. <h2>{AskLabel}</h2>
  856. <iframe frameborder="0" width="480px" height="200px" id="ask_form" src="http://www.tumblr.com/ask_form/{name}.tumblr.com" seamless></iframe>
  857. {/block:AskEnabled}
  858. {block:SubmissionsEnabled}
  859. <h2>{SubmitLabel}</h2>
  860. <iframe frameborder="0" width="480px" height="300px" id="submit_form" src="http://www.tumblr.com/submit_form/{name}.tumblr.com" seamless></iframe>
  861. {/block:SubmissionsEnabled}
  862. </div>
  863. </div>
  864. </div>
  865. {/block:IfContactTab}
  866.  
  867. {block:IfLinksTab}
  868. <!--/////////////////tab 4/////////////////////-->
  869. <div class="tab">
  870. <input type="radio" id="tab-4" name="tab-group-1">
  871. <label for="tab-4">Links</label>
  872. <div class="content">
  873. <div class="contentbox">
  874. <h2>Links</h2>
  875. <ul class="linkeroos">
  876. {block:HasPages}
  877. {block:Pages}
  878. <li><a href="{URL}">{Label}</a></li>
  879. {/block:Pages}
  880. {/block:HasPages}
  881. {block:IfLink1}
  882. <li><a href="{text:URL 1}">{text:Link 1}</a></li>
  883. {/block:IfLink1}
  884. {block:IfLink2}
  885. <li><a href="{text:URL 2}">{text:Link 2}</a></li>
  886. {/block:IfLink2}
  887. {block:IfLink3}
  888. <li><a href="{text:URL 3}">{text:Link 3}</a></li>
  889. {/block:IfLink3}
  890. {block:IfLink4}
  891. <li><a href="{text:URL 4}">{text:Link 4}</a></li>
  892. {/block:IfLink4}
  893. {block:IfLink5}
  894. <li><a href="{text:URL 5}">{text:Link 5}</a></li>
  895. {/block:IfLink5}
  896. {block:IfLink6}
  897. <li><a href="{text:URL 6}">{text:Link 6}</a></li>
  898. {/block:IfLink6}
  899. </ul>
  900. </div>
  901. </div>
  902. </div>
  903. {/block:IfLinksTab}
  904.  
  905. {block:IfArchiveLink}
  906. <!--//////////////////tab 5/////////////////////-->
  907. <a href="/archive">
  908. <div class="tab">
  909. <label for="tab-5">Archive</label>
  910. </div></a>
  911. {/block:IfArchiveLink}
  912.  
  913. <!--//////////////////tab 6/////////////////////-->
  914. <a href="http://dontbrag.tumblr.com">
  915. <div class="tab">
  916. <label for="tab-6">Theme</label>
  917. </div></a>
  918. <!--///////////Credit/////////////-->
  919. <div class="credit">
  920. <i class="fa fa-diamond"></i>&nbsp;<a class="mine" target="_blank" href="http://dontbrag.tumblr.com">ByChloeThemes</a>
  921. </div>
  922.  
  923. <script type="text/javascript">
  924.  
  925. $(function(){ // shorthand document.ready()
  926. $('.make_lightbox').each(function(){ // this is just an element I let them click, it carries a series of data- attributes.
  927. $(this).on('click',function(){ // when clicked. this is the newer jQuery click() handler that's only in v1.8+ so that may be something to note.
  928. var lbArray = []; // create blank array.
  929. var arrayContents = {"width":$(this).data('width'), "height":$(this).data('height'), "low_res":$(this).data("lowres"), "high_res":$(this).data('highres')}; // make set of the data- attributes.
  930. lbArray.push(arrayContents); // push the set into the array.
  931. Tumblr.Lightbox.init(lbArray,1); // trigger Tumblr lightbox. the '1' is the number of photos it expects. specific to how tumblr has things set up.
  932. $('body').toggleClass('tumblr_lightbox_active'); // use this to prevent the user from scrolling.
  933. });
  934. });
  935. });
  936. </script>
  937. <!--//////////Masonry////////////-->
  938. <!--Links to jQuery library, Masonry, infinite scroll and imagesLoaded-->
  939. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  940. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  941. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  942. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  943. <!--Code for infinite scroll and grid layout-->
  944. <script>
  945. (function() {
  946. var $tumblelog = $('#tumblrcontent');
  947. $tumblelog.imagesLoaded( function(){
  948. $tumblelog.masonry({
  949. columnWidth: function( containerWidth ) {
  950. return containerWidth / 100;
  951. }
  952. });
  953. });
  954. $tumblelog.infinitescroll({
  955. navSelector : ".pagination",
  956. nextSelector : ".pagination a:first",
  957. itemSelector : "article",
  958. bufferPx : 50,
  959. done : "",
  960. loading: {
  961. finishedMsg: "<p> </p>",
  962. img : "",
  963. msg: null,
  964. msgText: "<p><i class='fa fa-spinner fa-pulse fa-3x'></i></p>"
  965. },
  966. },
  967. function( newElements ) {
  968. var $newElems = $( newElements ).css({ opacity: 0 });
  969. $newElems.imagesLoaded(function(){
  970. $newElems.animate({ opacity: 1 });
  971. $tumblelog.masonry( 'appended', $newElems);
  972. });
  973. $(function(){ // shorthand document.ready()
  974. $('.make_lightbox').each(function(){ // this is just an element I let them click, it carries a series of data- attributes.
  975. $(this).on('click',function(){ // when clicked. this is the newer jQuery click() handler that's only in v1.8+ so that may be something to note.
  976. var lbArray = []; // create blank array.
  977. var arrayContents = {"width":$(this).data('width'), "height":$(this).data('height'), "low_res":$(this).data("lowres"), "high_res":$(this).data('highres')}; // make set of the data- attributes.
  978. lbArray.push(arrayContents); // push the set into the array.
  979. Tumblr.Lightbox.init(lbArray,1); // trigger Tumblr lightbox. the '1' is the number of photos it expects. specific to how tumblr has things set up.
  980. $('body').toggleClass('tumblr_lightbox_active'); // use this to prevent the user from scrolling.
  981. });
  982. });
  983. });
  984.  
  985. }
  986. );
  987. })();
  988. </script>
  989. <!--/////////End Masonry//////////-->
  990. </body>
  991.  
  992. </html>
Advertisement
Add Comment
Please, Sign In to add comment