API tools faq
paste
baechubaechubaechu

Red Summer

baechubaechubaechu
Aug 13th, 2017
6,556
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.90 KB | None | 0 0
raw download clone embed print report
  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.  
  4. <!--
  5.  
  6. ** Red Summer -Theme by Caro / baechys@tumblr
  7.  
  8. ------------------------------------------------------------------------
  9.  
  10. Script/s used:
  11.  
  12. - PXU Photosets + Lightbox by shythemes
  13. - Tooltips
  14. - Icon Font provided by Saturnthms
  15.  
  16. ------------------------------------------------------------------------
  17.  
  18. FAQ:
  19.  
  20. Can i edit/tweak this theme?
  21. - Tweak and edit it as much as you want! But don't you dare touch my credits in any way possible
  22.  
  23. Can i use this theme as a base-code?
  24. - No you cant.
  25.  
  26. Can i release my edited version of your theme?
  27. - No you cant, and if i find out about you doing that, i will report you.
  28.  
  29. ------------------------------------------------------------------------
  30.  
  31. Any other questions?
  32.  
  33. Please visit baechys.tumblr.com/faq
  34.  
  35. ------------------------------------------------------------------------
  36.  
  37. CREDIT TO HTTP://BAECHYS.TUMBLR.COM
  38. -->
  39.  
  40. <head>
  41.  
  42. <title>{title}</title>
  43. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  44. <link rel="shortcut icon" href="{favicon}" />
  45.  
  46. <meta name="image:background" content=""/>
  47. <meta name="image:avatar" content="http://static.tumblr.com/d70w4cr/DoUolc3un/joyforniu.png"/>
  48.  
  49. <meta name="color:background" content="#fff"/>
  50. <meta name="color:body font" content="#888"/>
  51. <meta name="color:links" content="#a6d1e4"/>
  52. <meta name="color:links hover" content="#e7a3a4"/>
  53. <meta name="color:bold text" content="#999"/>
  54. <meta name="color:selection" content="#badbea"/>
  55. <meta name="color:scrollbar" content="#ccc"/>
  56. <meta name="color:accent" content="#badbea"/>
  57. <meta name="color:borders" content="#eee"/>
  58.  
  59. <meta name="if:avatar" content="1"/>
  60. <meta name="if:square avatar" content="0"/>
  61.  
  62. <meta name="select:font" content="open sans" title="open sans"/>
  63. <meta name="select:font" content="arial" title="arial"/>
  64. <meta name="select:font" content="calibri" title="calibri"/>
  65. <meta name="select:font" content="verdana" title="verdana"/>
  66.  
  67. <meta name="select:font size" content="10px" title="10px"/>
  68. <meta name="select:font size" content="11px" title="11px"/>
  69. <meta name="select:font size" content="12px" title="12px"/>
  70.  
  71. <meta name="select:post size" content="250" title="250px"/>
  72. <meta name="select:post size" content="300" title="300px"/>
  73. <meta name="select:post size" content="350" title="350px"/>
  74. <meta name="select:post size" content="400" title="400px"/>
  75. <meta name="select:post size" content="450" title="450px"/>
  76. <meta name="select:post size" content="500" title="500px"/>
  77.  
  78. <meta name="select:sidebar width" content="150" title="150px"/>
  79. <meta name="select:sidebar width" content="175" title="175px"/>
  80. <meta name="select:sidebar width" content="200" title="200px"/>
  81. <meta name="select:sidebar width" content="225" title="225px"/>
  82. <meta name="select:sidebar width" content="250" title="250px"/>
  83. <meta name="select:sidebar width" content="275" title="275px"/>
  84. <meta name="select:sidebar width" content="300" title="300px"/>
  85.  
  86. <meta name="select:avatar width" content="100" title="100px"/>
  87. <meta name="select:avatar width" content="150" title="150px"/>
  88. <meta name="select:avatar width" content="200" title="200px"/>
  89.  
  90. <meta name="text:Link 1" content="link 1"/>
  91. <meta name="text:Link 1 URL" content="/"/>
  92. <meta name="text:Link 2" content="link 2"/>
  93. <meta name="text:Link 2 URL" content="/"/>
  94. <meta name="text:Link 3" content="link 3"/>
  95. <meta name="text:Link 3 URL" content="/"/>
  96. <meta name="text:Link 4" content="link 4"/>
  97. <meta name="text:Link 4 URL" content="/"/>
  98. <meta name="text:Link 5" content="link 5"/>
  99. <meta name="text:Link 5 URL" content="/"/>
  100.  
  101.  
  102. <!------------------------- SCRIPTS! DONT TOUCH! ------------------------->
  103.  
  104. <!-- photosets -->
  105. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  106. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  107. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  108.  
  109. <script>
  110. $(document).ready(function(){
  111. $('.photo-slideshow').pxuPhotoset({
  112. lightbox: true,
  113. rounded: false,
  114. gutter: '4px',
  115. borderRadius: '0px',
  116. photoset: '.photo-slideshow',
  117. photoWrap: '.photo-data',
  118. photo: '.pxu-photo'
  119. });
  120. });
  121. </script>
  122.  
  123. <!-- video resizing script -->
  124. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  125.  
  126. <!------------------------- Imported Fonts ------------------------->
  127.  
  128. <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
  129.  
  130. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  131.  
  132.  
  133. <style type="text/css">
  134.  
  135. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop{
  136. z-index:999999999!important;
  137. right:3px;
  138. margin-top:3px;
  139. -webkit-filter:invert(100%);
  140. -moz-filter:invert(100%);
  141. -filter:invert(100%);
  142. -webkit-transition: all 0.4s linear;
  143. -moz-transition: all 0.4s linear;
  144. transition: all 0.4s linear;
  145. }
  146.  
  147. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop:hover{
  148. opacity:1;
  149. }
  150.  
  151. .vignette, #vignette {
  152. opacity:0;
  153. }
  154. .lightbox-image, #tumblr_lightbox img {
  155. box-shadow:none !important;
  156. border-radius:0 !important;
  157. max-width:none;
  158. }
  159.  
  160. .tmblr-lightbox, #tumblr_lightbox {
  161. background-color:rgba(255,255,255,0.85) !important;
  162. }
  163.  
  164. body{
  165. margin:0px;
  166. padding:0px;
  167. font-family: {select:font}, arial, sans serif;
  168. font-size:{select:font size};
  169. line-height:150%;
  170. color:{color:body font};
  171. background:{color:background} url('{image:background}');
  172. background-attachment:fixed;
  173. }
  174. b, strong{
  175. color:{color:bold text};
  176. }
  177. a{
  178. color:{color:links};
  179. text-decoration:none;
  180. }
  181.  
  182. a:hover{
  183. color:{color:links hover};
  184. -moz-transition-duration: 0.5s;
  185. -o-transition-duration: 0.5s;
  186. -webkit-transition-duration: 0.5s;
  187. transition-duration: 0.5s;
  188. }
  189.  
  190. h2{
  191. font-size:20px;
  192. margin:0px;
  193. }
  194.  
  195. blockquote{
  196. margin:10px 0;
  197. padding:0 0 0 10px;
  198. border-left:1px solid {color:body font};
  199. }
  200.  
  201. underlined{
  202. border-bottom:1px solid {color:body font};
  203. }
  204.  
  205. pre{
  206. overflow:auto;
  207. background-color:#eee;
  208. display:block;
  209. padding:5px;
  210. }
  211.  
  212. /*DONT REMOVE OR DESTROY MY CREDITS
  213. LEAVE EVERYTHING WHERE IT IS*/
  214. #c{
  215. position:fixed;
  216. bottom: 10px;
  217. right: 10px;
  218. text-align:center;
  219. font-family:'open sans';
  220. z-index:999999;
  221. }
  222. #c a{
  223. background:{color:links hover};
  224. font-size:12px;
  225. font-family:'open sans';
  226. color:#fff;
  227. font-size:10px;
  228. padding:5px;
  229. letter-spacing:1px;
  230. text-decoration:none;
  231. }
  232. #c a:hover{
  233. background:#fff;
  234. color:{color:links hover};
  235. letter-spacing:1px;
  236. }
  237. /*DONT REMOVE OR DESTROY MY CREDITS
  238. LEAVE EVERYTHING WHERE IT IS*/
  239.  
  240. ::-webkit-scrollbar-thumb:vertical {
  241. background-color: {color:scrollbar};
  242. height:auto;
  243. }
  244.  
  245.  
  246. ::-webkit-scrollbar-thumb:horizontal {
  247. background:url('{image:scrollbar}');
  248. height:6px;
  249. }
  250.  
  251. ::-webkit-scrollbar {
  252. height:6px;
  253. width:6px;
  254. background:url('{image:scrollbar}');
  255. }
  256.  
  257. ::selection {
  258. background-color:{color:selection};
  259. color:white;}
  260.  
  261. #wrapper{
  262. width:calc({select:post size}px + 100px + {select:sidebar width}px + 30px);
  263. min-width:500px;
  264. margin:0 auto;
  265. }
  266.  
  267. #sidebar{
  268. width:{select:sidebar width}px;
  269. padding:5px;
  270. position:fixed;
  271. background-color:#fff;
  272. border:1px solid {color:borders};
  273. text-align:center;
  274. }
  275.  
  276. #avi{
  277. margin-bottom:10px;
  278. }
  279.  
  280. #avi img{
  281. max-width:{select:avatar width}px;
  282. {block:ifsquareavatar}
  283. border-radius:5px;
  284. {block:ifsquareavatar}
  285. {block:ifnotsquareavatar}
  286. border-radius:100%;
  287. {/block:ifnotsquareavatar}
  288. }
  289.  
  290. #lnks{
  291. margin-bottom:5px;
  292. }
  293.  
  294. #lnks a{
  295. margin:5px;
  296. font-weight:bold;
  297. }
  298.  
  299. #postcont{
  300. margin-left:calc({select:Sidebar width}px + 88px);
  301. margin-top:100px;
  302. }
  303.  
  304. #post{
  305. width:{select:post size}px;
  306. margin:0 auto;
  307. border:1px solid {color:borders};
  308. padding:10px;
  309. margin-bottom:80px;
  310. margin-top:40px;
  311. background:#fff;
  312. overflow:hidden;
  313. }
  314. #post img{
  315. max-width:100%;
  316. height:auto;
  317. }
  318.  
  319. #post img:hover{
  320. opacity:1;
  321. -webkit-transition: all 0.6s ease-in-out;
  322. -moz-transition: all 0.6s ease-in-out;
  323. -o-transition: all 0.6s ease-in-out;
  324. -ms-transition: all 0.6s ease-in-out;
  325. transition: all 0.6s ease-in-out;
  326. }
  327.  
  328. #quote{
  329. text-align:center;
  330. font-size:20px;
  331. line-height:150%;
  332. }
  333.  
  334. #q{
  335. width:calc({select:post size}px - 50px);
  336. margin-left:50px;
  337. }
  338.  
  339. #qimg{
  340. position:absolute;
  341. }
  342.  
  343. #qimg img{
  344. border-radius:5px;
  345. }
  346.  
  347. #link{
  348. background-color:{color:Accent};
  349. color:#fff;
  350. padding:5px;
  351. border-radius:5px;
  352. }
  353.  
  354. #link h2{
  355. font-size:17px;
  356. }
  357.  
  358. #link a{
  359. color:#fff;
  360. }
  361.  
  362. #link a:hover{
  363. color:rgba(255,255,255,0.5);
  364. }
  365.  
  366. #linkdesc{
  367. padding-top:5px;
  368. }
  369.  
  370. #audio{
  371. padding:5px;
  372. width:295px;
  373. margin-bottom:5px;
  374. float:left;
  375. }
  376.  
  377. #audioimg{
  378. max-width:150px;
  379. float:left;
  380. }
  381.  
  382. #audiotxt{
  383. float:left;
  384. }
  385.  
  386. .vd {
  387. overflow:hidden
  388. }
  389.  
  390. .video {
  391. position: relative;
  392. padding-bottom: 56.25%;
  393. padding-top: 25px;
  394. height: 0;
  395. }
  396.  
  397. .video iframe{
  398. position: absolute;
  399. width: 100%;
  400. height: 100%;
  401. overflow:hidden;
  402. top: 0;
  403. left: 0;
  404. }
  405.  
  406. #info{
  407. margin-top:20px;
  408. }
  409.  
  410. #info a{
  411. padding: 0px 4px;
  412. background-color:{color:accent};
  413. border-radius:5px;
  414. margin:0px 0px 15px 0px;
  415. color:#fff;
  416. border:1px solid {color:accent};
  417. }
  418.  
  419. #info a:hover{
  420. background-color:#fff;
  421. border:1px solid {color:accent};
  422. color:{color:accent};
  423. }
  424.  
  425. #tags{
  426. background:#fff;
  427. width:400px;
  428. color:#999;
  429. font-style:italic;
  430. margin-top:3px;
  431. }
  432.  
  433. #tags a{
  434. color:{color:body font};
  435. padding-right:5px;
  436. text-decoration:none;
  437. }
  438.  
  439. #note{
  440. width:400px;
  441. margin:0 auto;
  442. padding:5px;
  443. background:#fff;
  444. color:{color:body text};
  445. }
  446. .notes img{width:20px; position:relative; top:1px; padding-right:5px;}
  447. ol.notes, .notes li{width:400px; list-style:none; margin:0px 0 -1px 5px; padding:5px}
  448.  
  449. #pagi{
  450. width:400px;
  451. padding:5px;
  452. margin:0 auto;
  453. margin-top:50px;
  454. margin-bottom:50px;
  455. overflow:hidden;
  456. text-align:center;
  457. }
  458. #pagi a{
  459. padding-left:5px;
  460. padding-right:5px;
  461. color:#fff;
  462. border-radius:3px;
  463. margin:3px;
  464. background-color:{color:accent};
  465. }
  466.  
  467. #pagi a:hover{
  468. background-color:#fff;
  469. color:{color:accent};
  470. }
  471.  
  472. .current_page{
  473. padding-left:5px;
  474. padding-right:5px;
  475. border-radius:3px;
  476. background-color:#fff;
  477. color:{color:accent};
  478. border:1px solid {color:accent};
  479. }
  480.  
  481.  
  482. {CustomCSS}
  483. </style>
  484. </head>
  485. <body>
  486.  
  487. <div id="wrapper">
  488. <div id="sidebar">
  489. {block:ifavatar}
  490. <div id="avi"> <a href="/" title="{title}"><img src="{image:avatar}"></a> </div>
  491. {/block:ifavatar}
  492. <div id="lnks">
  493. <a href="{text:link 1 url}">{text:link 1}</a>
  494. <a href="{text:link 2 url}">{text:link 2}</a>
  495. <a href="{text:link 3 url}">{text:link 3}</a>
  496. <a href="{text:link 4 url}">{text:link 4}</a>
  497. <a href="{text:link 5 url}">{text:link 5}</a>
  498. </div>
  499. {description}
  500. </div> <!-- sidebar -->
  501.  
  502. <div id="postcont">
  503. {block:Posts}
  504. <div id="post">
  505.  
  506. {block:Text}
  507. {block:Title}<h2>{Title}</h2>{/block:Title}
  508. {Body}
  509. {/block:Text}
  510.  
  511. {block:Photo}
  512. <img class="image" src="{PhotoURL-500}" alt="{PhotoAlt}" />
  513. {block:caption}<span class="caption">{caption}</span>{/block:caption}
  514. {/block:Photo}
  515.  
  516. {block:Photoset}
  517. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  518. {block:caption}<span class="caption">{caption}</span>{/block:caption}
  519. {/block:Photoset}
  520.  
  521. {block:Quote}
  522. <div id="quote">{Quote}</div> <br>
  523. {block:Source}<div align="center">- {Source}</div>{/block:Source}
  524. {/block:Quote}
  525.  
  526. {block:Link}
  527. <div id="link">
  528. <h2><a href="{URL}" target="_blank">{Name} > </a></h2>
  529. <div id="linkdesc">
  530. {block:Excerpt}{Excerpt}{/block:Excerpt}
  531. </div>
  532. </div>
  533. {block:Description}{Description}{/block:Description}
  534. {/block:Link}
  535.  
  536. {block:Chat}
  537. {block:Title}<h2>{Title}</h2>{/block:Title}
  538. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}
  539. {/block:Chat}
  540.  
  541. {block:Audio}
  542. <div style="height: 100px">{AudioEmbed-400}</div>
  543. {block:PlayCount}<b>Played: </b>{FormattedPlayCount} times {/block:PlayCount} <br>
  544. {block:TrackName}<b>Title: </b>{TrackName}{/block:TrackName}<br>
  545. {block:Artist}<b>Artist: </b>{Artist}{/block:Artist}
  546.  
  547. {block:caption}<span class="caption">{caption}</span>{/block:caption}
  548. {/block:Audio}
  549.  
  550. {block:Video}
  551. <div class="video">{Video-500}</div>
  552. {block:caption}<span class="caption">{caption}</span>{/block:caption}
  553. {/block:Video}
  554.  
  555. {block:Answer}
  556. <div id="qimg">
  557. <img src="{AskerPortraitURL-40}">
  558. </div>
  559. <div id="q">
  560. <b>{Asker}</b> asked: <br> {Question}
  561. </div>
  562.  
  563. {Answer}
  564. {/block:Answer}
  565.  
  566. {/block:Answer}
  567.  
  568. {block:IndexPage}
  569. <div id="info">
  570. {block:date}
  571. <a href="{permalink}">{month} {dayofmonthwithzero}{dayofmonthsuffix}</a>
  572. {/block:date}
  573. {block:notecount}
  574. <a href="{permalink}">+{notecount}</a>
  575. {/block:notecount}
  576.  
  577. <a style="float:right" href="{ReblogURL}" target="_blank" title="reblog?"><span class="sf sf-reblog"></span></a>
  578. </div>
  579. {block:HasTags}
  580. <div id="tags">
  581. {block:Tags}<a href="{TagURL}">#{tag}</a> {/block:Tags}
  582. </div>
  583. {/block:HasTags}
  584. {/block:IndexPage}
  585.  
  586. {block:PermalinkPage}
  587. <br><br>
  588. {block:Date}
  589. <b>Posted:</b> {TimeAgo} on {Month} {DayOfMonthWithZero}, {Year} at {24Hour}:{Minutes}
  590. {/block:Date} <br>
  591. {block:NoteCount}
  592. <b>Notes:</b> {NoteCount}<br>
  593. {/block:NoteCount}
  594. {block:HasTags}
  595. <b>Tags</b>
  596. {block:Tags}
  597. <a href="{TagURL}">#{tag}</a>
  598. {/block:Tags}<br>
  599. {/block:HasTags}
  600. {block:RebloggedFrom}
  601. <br><b>Via:</b> <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a><br>
  602. {block:ContentSource}
  603. <b>Source:</b> <a href="{SourceURL}">{SourceTitle}</a>
  604. {/block:ContentSource}
  605. {/block:RebloggedFrom}
  606. </div>
  607. {/block:PermalinkPage}
  608.  
  609. {block:PermalinkPage}
  610. {block:PostNotes}
  611. {block:NoteCount}
  612. <div id="note">
  613. {PostNotes}
  614. </div>
  615. {/block:NoteCount}
  616. {/block:PostNotes}
  617. {/block:permalinkpage}
  618. </div>
  619. {/block:Posts}
  620.  
  621. {block:indexpage}
  622. {block:Pagination}
  623. <div id="pagi">
  624. {block:PreviousPage}
  625. <a href="{PreviousPage}"><</a>
  626. {/block:PreviousPage}
  627.  
  628. {block:JumpPagination length="3"}
  629. {block:CurrentPage}
  630. <span class="current_page">{PageNumber}</span>
  631. {/block:CurrentPage}
  632.  
  633. {block:JumpPage}
  634. <a class="jump_page" href="{URL}">{PageNumber}</a>
  635. {/block:JumpPage}
  636. {/block:JumpPagination}
  637.  
  638. {block:NextPage}
  639. <a href="{NextPage}">></a>
  640. {/block:NextPage}
  641.  
  642. </div>
  643. {/block:Pagination}
  644. {/block:indexpage}
  645.  
  646. </div><!-- postcont -->
  647. </div><!-- wrapper -->
  648.  
  649. <!-- Do not remove or destroy my credits! Please leave them as they are. -->
  650. <div id="c">
  651. <a href="http://baechys.tumblr.com" title="Made with love by Caroline">BCHYS</a>
  652. </div>
  653. <!-- Do not remove or destroy my credits! Please leave them as they are. -->
  654.  
  655. </body>
  656. </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!