API tools faq
paste
Advertisement
feiinho

Surrender Theme - bychloethemes.tumblr.com

feiinho
May 22nd, 2019
451
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.21 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!--
  6. Surrender Theme - bychloethemes.tumblr.com
  7. don't be a douche and delete the credit
  8. -->
  9. <meta name="select:Columns" content="1col" title="1">
  10. <meta name="select:Columns" content="2col" title="2">
  11. <meta name="select:Columns" content="3col" title="3">
  12. <meta name="color:Theme Accent" content="#F702AE" />
  13. <meta name="color:Background" content="#ffffff" />
  14. <meta name="color:Body links" content="#444444" />
  15. <meta name="color:Body text" content="#1d1818" />
  16. <meta name="color:Post color" content="#ffffff" />
  17. <meta name="color:Text highlight" content="#ccc" />
  18. <meta name="color:Post Accent" content="#f6f6f6" />
  19. <meta name="font:Body" content="Pratt Pro"/>
  20. <meta name="if:Show Description" content="1" />
  21. <meta name="if:No Post Accents" content="0" />
  22. <meta name="if:Archive link" content="1" />
  23. <meta name="text:Link 1" content="" />
  24. <meta name="text:URL 1" content="" />
  25. <meta name="text:Link 2" content="" />
  26. <meta name="text:URL 2" content="" />
  27. <meta name="text:Link 3" content="" />
  28. <meta name="text:URL 3" content="" />
  29. <meta name="image:Background" content="" />
  30. {block:Description}
  31. <meta name="description" content="{MetaDescription}" />
  32. {/block:Description}
  33. <meta charset="utf-8">
  34. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  35. <title>{block:TagPage}{Tag} posts - {/block:TagPage} {block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
  36. <link rel="shortcut icon" href="{Favicon}">
  37. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  38. <link href="http://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
  39. <style type="text/css">
  40. /*Basic styles*/
  41. ::-webkit-scrollbar {
  42. width: 2px;
  43. height: 2px;
  44. background: {color:Background};
  45. }
  46. ::-webkit-scrollbar-thumb {
  47. background-color: {color:Theme Accent};
  48. border-top:0px solid {color:Background};
  49. border-bottom:0px solid {color:Background};
  50. border-right:0px solid {color:Background};
  51. }
  52. ::-moz-selection {
  53. background: {color:Theme accent};
  54. color: #fff;
  55. }
  56. ::selection {
  57. background: {color:Theme accent};
  58. color: #fff;
  59. }
  60. #content1col {
  61. {block:IndexPage}
  62. margin-left:50%;
  63. left:-70px;
  64. width: 315px;
  65. {/block:IndexPage}
  66. {block:PermalinkPage}
  67. width:400px;
  68. margin-bottom:50px;
  69. margin-left:50%;
  70. left:-70px;
  71. {/block:PermalinkPage}
  72. }
  73. #content2col {
  74. {block:IndexPage}
  75. margin-left:50%;
  76. left:-228px;
  77. width: 630px;
  78. {/block:IndexPage}
  79. {block:PermalinkPage}
  80. width:400px;
  81. margin-bottom:50px;
  82. margin-left:50%;
  83. left:-228px;
  84. {/block:PermalinkPage}
  85. }
  86. #content3col {
  87. {block:IndexPage}
  88. margin-left:50%;
  89. left:-385px;
  90. width: 945px;
  91. {/block:IndexPage}
  92. {block:PermalinkPage}
  93. width:400px;
  94. margin-bottom:50px;
  95. margin-left:50%;
  96. left:-385px;
  97. {/block:PermalinkPage}
  98. }
  99. body {
  100. background: {color:Background} url('{image:Background}')
  101. no-repeat center center fixed;
  102. -webkit-background-size: cover;
  103. -moz-background-size: cover;
  104. -o-background-size: cover;
  105. background-size: cover;
  106. color: {color:Body text};
  107. font-family: {font:Body};
  108. font-size: 0.7em;
  109. margin: 0;
  110. padding: 0;
  111. }
  112. a:link, a:visited {
  113. text-decoration: none;
  114. color: {color:Body links};
  115. }
  116. a:hover, a:active {
  117. text-decoration: underline;
  118. color: {color:theme accent};
  119. }
  120. blockquote {
  121. background: #fff;
  122. border-left: 1px solid #ccc;
  123. margin: 0;
  124. padding: 2%;
  125. }
  126. blockquote2 {
  127. background: #fff;
  128. padding: 2% 4% 2% 2%;
  129. }
  130. iframe, img, embed, object, video {
  131. max-width: 100%;
  132. }
  133. img {
  134. height: auto;
  135. width: auto;
  136. }
  137. /*Masthead*/
  138. .sidebar1col {
  139. top:25px;
  140. margin-left:50%;
  141. left:-245px;
  142. height:auto;
  143. width:150px;
  144. position:fixed;
  145. text-align:right;
  146. padding:10px;
  147. z-index:9999;
  148. border-right:1px solid {color:Theme Accent};
  149. }
  150. .sidebar2col {
  151. top:25px;
  152. margin-left:50%;
  153. left:-403px;
  154. height:auto;
  155. width:150px;
  156. position:fixed;
  157. text-align:right;
  158. padding:10px;
  159. z-index:9999;
  160. border-right:1px solid {color:Theme Accent};
  161. }
  162. .sidebar3col {
  163. top:25px;
  164. margin-left:50%;
  165. left:-560px;
  166. height:auto;
  167. width:150px;
  168. position:fixed;
  169. text-align:right;
  170. padding:10px;
  171. z-index:9999;
  172. border-right:1px solid {color:Theme Accent};
  173. }
  174. .sidebar h1 {
  175. display: block;
  176. font-size: 25px;
  177. margin-top: 0;
  178. margin-bottom: 0;
  179. margin-left: 0;
  180. margin-right: 0;
  181. font-weight: normal;
  182. }
  183. .sidebar hr {
  184. height: 1px;
  185. border: 0;
  186. color: {color:Body text};
  187. background-color: {color:Body text};
  188. width: 100%;
  189. }
  190. .sidebar description {
  191. font-size:0.7em;
  192. }
  193. .sidebar ul {
  194. list-style-type:none;
  195. }
  196. .sidebar li {
  197. font-size:0.7em;
  198. }
  199. /*Article*/
  200. article {
  201. background: {color:Post color};
  202. {block:IndexPage}
  203. margin:25px;
  204. width: 250px;
  205. {/block:IndexPage}
  206. {block:PermalinkPage}
  207. margin:25px;
  208. width: 400px;
  209. {/block:PermalinkPage}
  210. padding: 5px 5px 3px 5px;
  211. }
  212. article h1 {
  213. font-weight:normal;
  214. text-transform:uppercase;
  215. font-size:20px;
  216. }
  217. .chat span {
  218. float: left;
  219. margin-right: 5px;
  220. }
  221. .chat .even {
  222. line-height:20px;
  223. {block:IfNotNoPostAccents}
  224. background: {color:Post Accent};
  225. {/block:IfNotNoPostAccents}
  226. }
  227. .tumblr_audio_player {
  228. height: 30px;
  229. width: 250px;
  230. }
  231. .albumart {
  232. position:absolute;
  233. {block:IndexPage}
  234. width:60px;
  235. height:60px;
  236. {/block:IndexPage}
  237. }
  238.  
  239. .albumart img {
  240. float:left;
  241. margin-left:5px;
  242. {block:IndexPage}
  243. width:60px;
  244. height:60px;
  245. {/block:IndexPage}
  246. border:1px solid #fff;
  247. }
  248.  
  249. .playbox {
  250. opacity:0.6;
  251. width:30px;
  252. height:30px;
  253. border-radius:15px;
  254. -webkit-border-radius:15px;
  255. -moz-border-radius:15px;
  256. -o-border-radius:15px;
  257. overflow:hidden;
  258. position:absolute;
  259. z-index:2;
  260. {block:IndexPage}
  261. margin-left:21px;
  262. margin-top:16px;
  263. {block:IndexPage}
  264. }
  265.  
  266. .audioinfo {
  267. margin-top:2px;
  268. line-height:12px;
  269. font-size:0.8em;
  270. padding-bottom:10px;
  271. text-transform:uppercase;
  272. {block:IndexPage}
  273. margin-left:75px;
  274. {block:IndexPage}
  275. }
  276. /*Metadata*/
  277. .metadata {
  278. display: inline-block;
  279. width: 100%;
  280. }
  281. .reblogged {
  282. float: right;
  283. }
  284. /*Tags and notes*/
  285. #tags, nav ul, .chat ul {
  286. list-style: none;
  287. list-style-image: none;
  288. margin: 0;
  289. padding: 0;
  290. }
  291. #tags li {
  292. float: left;
  293. margin-right: 10px;
  294. }
  295. .notes {
  296. clear: both;
  297. padding: 0;
  298. }
  299. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {
  300. display:none;
  301. }
  302. #infscr-loading {
  303. display:none;
  304. }
  305. .navigation {
  306. display:none!important;
  307. }
  308. .copyright {
  309. position:fixed;
  310. bottom:10px;
  311. left:10px;
  312. }
  313.  
  314. .permalink {
  315. margin-top:0px;
  316. padding:0px 2px 2px 2px;
  317. text-align:right;
  318. word-spacing:1px;
  319. {block:permalinkpage}
  320. opacity:0;
  321. {/block:permalinkpage}
  322. }
  323. #permatag {
  324. position:absolute;
  325. margin-top:-46px;
  326. margin-left:0px;
  327. bottom:5px;
  328. opacity:0;
  329. padding:10px;
  330. word-spacing:4px;
  331. text-align:left;
  332. z-index:5;
  333. width:70px;
  334. letter-spacing:1px;
  335. background-color:rgba(0, 0, 0, 0.6);
  336. -moz-transition:0.5s ease-in-out;
  337. -webkit-transition:0.5s ease-in-out;
  338. -o-transition:0.5s ease-in-out;
  339. transition:0.5s ease-in-out;
  340. }
  341.  
  342. #permatag a {
  343. text-transform:lowercase;
  344. text-decoration:none;
  345. font-size:10px;
  346. color:#fff;
  347. }
  348. .post:hover #permatag{
  349. opacity:1;
  350. display:block;
  351. }
  352.  
  353. ol.notes {
  354. padding: 0px;
  355. margin: 25px 0px;
  356. list-style-type: none;
  357. }
  358.  
  359. ol.notes li.note {
  360. padding: 5px;
  361. text-align:right;
  362. }
  363.  
  364. ol.notes li.note img.avatar {
  365. display:none;
  366. }
  367.  
  368. ol.notes li.note span.action {
  369. font-weight: normal;
  370. }
  371.  
  372. ol.notes li.note .answer_content {
  373. font-weight: normal;
  374. }
  375.  
  376. ol.notes li.note blockquote {
  377. padding: 4px 5px;
  378. margin: 10px 0px 0px 25px;
  379. }
  380.  
  381. ol.notes li.note blockquote a {
  382. text-decoration: none;
  383. }
  384. /*Custom CSS*/
  385. {CustomCSS}
  386. </style>
  387. </head>
  388. <body>
  389. <!--Masthead-->
  390. <header class="sidebar{select:Columns}">
  391. <blogtitle>
  392. <h1><a href="/" title="{lang:Home}">{Title}</a></h1>
  393. </blogtitle>
  394. <description>
  395. {block:IfShowDescription}
  396. {block:Description}
  397. <p>{Description}</p>
  398. {block:Description}
  399. {/block:IfShowDescription}
  400. </description>
  401. <!--Navigation-->
  402. <nav>
  403. <ul>
  404. {block:AskEnabled}
  405. <li> <a href="/ask">{AskLabel}</a></li>
  406. {/block:AskEnabled}
  407. {block:SubmissionsEnabled}
  408. <li> <a href="/submit">{SubmitLabel}</a></li>
  409. {/block:SubmissionsEnabled}
  410. {block:HasPages}
  411. {block:Pages}
  412. <li> <a href="{URL}">{Label}</a></li>
  413. {/block:Pages}
  414. {/block:HasPages}
  415. {block:IfLink1}
  416. <li> <a href="{text:URL 1}">{text:Link 1}</a> </li>
  417. {/block:IfLink1}
  418. {block:IfLink2}
  419. <li> <a href="{text:URL 2}">{text:Link 2}</a> </li>
  420. {/block:IfLink2}
  421. {block:IfLink3}
  422. <li> <a href="{text:URL 3}">{text:Link 3}</a> </li>
  423. {/block:IfLink3}
  424. {block:IfArchiveLink}
  425. <li> <a href="/archive">past</a></li>
  426. {/block:IfArchiveLink}
  427. <li><a href="http://dontbrag.tumblr.com">theme</a></li>
  428. </ul>
  429. </nav>
  430. </header>
  431. <!--Content holder-->
  432. <div id="content{select:Columns}">
  433. {block:Posts}
  434. <article>
  435. <!--Unique code for each post type-->
  436. {block:Text}
  437. <div class="text">
  438. {block:Title}<h1 class="title"><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  439. {Body}
  440. {block:IndexPage}
  441. <div class="permalink">
  442. <a href="{Permalink}">{NoteCount}</a> <a href="{ReblogURL}" target="_blank">Reblog</a></div>
  443. {/block:IndexPage}
  444. {/block:Text}
  445.  
  446. {block:Photo}<div class="photo">
  447. <div class="post">
  448. {block:IndexPage}
  449. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  450. </a>
  451. <div id="permatag">
  452. <a href="{Permalink}">{NoteCount}</a><br>
  453. <a href="{ReblogURL}" target="_blank">reblog</a>
  454. </div>
  455. {/block:IndexPage}
  456. {block:PermalinkPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  457. {block:Caption}{Caption}{/block:Caption}
  458. {/block:PermalinkPage}</div>
  459. {/block:Photo}
  460.  
  461. {block:Photoset}
  462. <div class="photoset">
  463. <div class="post">
  464. {Photoset}
  465. {block:IndexPage}
  466. <div id="permatag">
  467. <a href="{Permalink}">{NoteCount}</a><br>
  468. <a href="{ReblogURL}" target="_blank">reblog</a>
  469. </div>
  470. {/block:IndexPage}
  471. {block:PermalinkPage}
  472. {block:Caption}{Caption}{/block:Caption}
  473. {/block:PermalinkPage}</div>
  474. {/block:Photoset}
  475.  
  476. {block:Quote}
  477. <div class="quote">
  478. <p>&ldquo;{Quote}&rdquo;</p>
  479. {block:Source}<p><cite> &mdash;{Source}</cite></p>{/block:Source}
  480. {block:IndexPage}
  481. <div class="permalink">
  482. <a href="{Permalink}">{NoteCount}</a> <a href="{ReblogURL}" target="_blank">Reblog</a></div>
  483. {/block:IndexPage}
  484. {/block:Quote}
  485.  
  486. {block:Link}
  487. <div class="link">
  488. <h1 class="title"><a href="{URL}">{Name}</a></h1>
  489. {block:Description}{Description}{/block:Description}
  490. {block:IndexPage}
  491. <div class="permalink">
  492. <a href="{Permalink}">{NoteCount}</a> <a href="{ReblogURL}" target="_blank">Reblog</a></div>
  493. {/block:IndexPage}
  494. {/block:Link}
  495.  
  496. {block:Chat}
  497. <div class="chat inner">
  498. <ul>
  499. {block:Lines}<li class="{Alt}"><p>{block:Label}
  500. <strong>{Label}</strong>{/block:Label} {Line} </p>
  501. </li>{/block:Lines}
  502. </ul>
  503. {block:IndexPage}
  504. <div class="permalink">
  505. <a href="{Permalink}">{NoteCount}</a> <a href="{ReblogURL}" target="_blank">Reblog</a></div>
  506. {/block:IndexPage}
  507. {/block:Chat}
  508.  
  509. {block:Audio}
  510. <div class="audio">
  511. {block:IndexPage}
  512. {block:AlbumArt}
  513. <div class="albumart">
  514. <a href="{Permalink}"><img src="{AlbumArtURL}"></a>
  515. </div>
  516. {/block:AlbumArt}
  517. {block:AudioPlayer}
  518. <div class="playbox">
  519. {AudioPlayerWhite}
  520. </div>
  521. {/block:AudioPlayer}
  522. <div class="audioinfo">
  523. Artist: <span{block:Artist} style="display:none;"
  524. {/block:Artist}>Unknown</span>
  525. {block:Artist}{Artist}{/block:Artist}</br>
  526. Title: <span{block:TrackName} style="display:none;"
  527. {/block:TrackName}>Unknown</span>
  528. {block:TrackName}{TrackName}{/block:TrackName}</br>
  529. Album: <span{block:Album} style="display:none;"
  530. {/block:Album}>Unknown</span>
  531. {block:Album}{Album}{/block:Album}{block:PlayCount}</br>
  532. Plays: {FormattedPlayCount}{/block:PlayCount}
  533. </div>
  534. <div class="permalink">
  535. <a href="{Permalink}">{NoteCount}</a> <a href="{ReblogURL}" target="_blank">Reblog</a></div>
  536. {/block:IndexPage}
  537. {block:PermalinkPage}
  538. {block:AlbumArt}<img src="{AlbumArtURL}" width="400"
  539. height="400"/>{/block:AlbumArt}<br>
  540. Artist: <span{block:Artist} style="display:none;"
  541. {/block:Artist}>Unknown</span>
  542. {block:Artist}{Artist}{/block:Artist} &mdash;
  543. Title: <span{block:TrackName} style="display:none;"
  544. {/block:TrackName}>Unknown</span>
  545. {block:TrackName}{TrackName}{/block:TrackName} &mdash;
  546. Album: <span{block:Album} style="display:none;"
  547. {/block:Album}>Unknown</span>
  548. {block:Album}{Album}{/block:Album}{block:PlayCount} &mdash;
  549. Plays: {FormattedPlayCount}{/block:PlayCount}
  550. {block:Caption}{Caption}{/block:Caption}
  551. {AudioPlayerWhite}
  552. {/block:PermalinkPage}
  553. {/block:Audio}
  554.  
  555. {block:Video}
  556. <div class="video">
  557. <div class="video-player">{Video-250}</div>
  558.  
  559. {block:IndexPage}
  560. <div class="permalink">
  561. <a href="{Permalink}">{NoteCount}</a> <a href="{ReblogURL}" target="_blank">Reblog</a></div>
  562. {/block:IndexPage}
  563. {block:PermalinkPage}
  564. <div class="video-player">{Video-400}</div>
  565. {block:Caption}{Caption}{/block:Caption}
  566. {/block:permalinkPage}
  567. {/block:Video}
  568.  
  569. {block:Answer}
  570. <div class="answer">
  571. <div style="color: #000000; background-color:
  572. {color:Post Accent};padding: 10px;">
  573. {lang:Asker asked 2}: {Question}</div>
  574. <div style="text-indent: 20px;">{Answer}</div>
  575. {block:IndexPage}
  576. <div class="permalink">
  577. <a href="{Permalink}">{NoteCount}</a> <a href="{ReblogURL}" target="_blank">Reblog</a></div>
  578. {/block:IndexPage}
  579. {/block:Answer}
  580. </div>
  581. <!--Post footer (tags and notes) on displayed on permalink pages-->
  582. {block:Permalink}
  583. <footer class="details">
  584. {block:HasTags}
  585. <ul id="tags">
  586. {block:Tags}<li> <a href="{TagURL}">{Tag}</a> </li>{/block:Tags}
  587. </ul>
  588. {/block:HasTags}
  589. {block:PostNotes}
  590. <div id="notes">
  591. {PostNotes}
  592. </div>
  593. {/block:PostNotes}
  594. </footer>
  595. {/block:Permalink}
  596. </article>
  597. {/block:Posts}
  598. <!--Close of article-->
  599. </div>
  600. <!--Pagination: previous/next page links-->
  601. {block:Pagination}
  602. <div class="pagination">
  603. {block:PreviousPage}<a href="{PreviousPage}">Previous page</a>{/block:PreviousPage}
  604. {block:NextPage}<a href="{NextPage}">Next page</a>{/block:NextPage}
  605. </div>
  606. {/block:Pagination}
  607. <!--Links to jQuery library, Masonry, infinite scroll and imagesLoaded-->
  608. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  609. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  610. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  611. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  612. <!--Code for infinite scroll and grid layout-->
  613. <script>
  614. (function() {
  615. var $tumblelog = $('#content{select:Columns}');
  616. $tumblelog.infinitescroll({
  617. navSelector : ".pagination",
  618. nextSelector : ".pagination a:first",
  619. itemSelector : "article",
  620. bufferPx : 50,
  621. done : "",
  622. loading: {
  623. finishedMsg: "<p> </p>",
  624. img : " ",
  625. msg: null,
  626. msgText: "<p> </p>"
  627. },
  628. },
  629. function( newElements ) {
  630. var $newElems = $( newElements ).css({ opacity: 0 });
  631. $newElems.imagesLoaded(function(){
  632. $newElems.animate({ opacity: 1 });
  633. $tumblelog.masonry( 'appended', $newElems);
  634. });
  635. }
  636. );
  637. $tumblelog.imagesLoaded( function(){
  638. $tumblelog.masonry({
  639. columnWidth: function( containerWidth ) {
  640. return containerWidth / 100;
  641. }
  642. });
  643. });
  644. })();
  645. </script>
  646. <!--For users adding Google Analytics ID-->
  647. <script>
  648. var _gaq=[['_setAccount','{text:Google Analytics ID}'],['_trackPageview']];
  649. (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
  650. g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
  651. s.parentNode.insertBefore(g,s)}(document,'script'));
  652. </script>
  653. <div class="copyright"><a href="http://dontbrag.tumblr.com">&copy;
  654. </a></div>
  655. </body>
  656. </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!