API tools faq
paste
Advertisement
tukutz

EVERYTHING HURTS Theme

tukutz
Feb 27th, 2015
329
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.47 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!-- ❝You were a dream. Then a reality. Now a memory.❞
  3. -EVERYTHING HURTS Theme by donghyuks, the name? I don't know
  4. why I called it this, but who cares?
  5. -->
  6.  
  7. <!DOCTYPE html>
  8. <head>
  9.  
  10. <title>{Title}</title>
  11.  
  12. <link rel="shortcut icon" href="{favicon}">
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  15.  
  16. <!--Default Variables-->
  17.  
  18. <meta name="color:Background" content="#ffffff"/>
  19. <meta name="image:Background" content=""/>
  20. <meta name="color:Scrollbar" content="#000000"/>
  21. <meta name="color:Link" content="#000000"/>
  22. <meta name="color:Link Hover" content="#000000"/>
  23. <meta name="color:Link Background" content="#ffffff"/>
  24. <meta name="color:Link Background Hover" content="#000000"/>
  25. <meta name="color:Bottom Bar Link Hover" content="#000000"/>
  26. <meta name="color:Border" content="#000000"/>
  27.  
  28. <meta name="text:Link 1 URL" content="/" />
  29. <meta name="text:Link 1" content="" />
  30. <meta name="text:Link 2 URL" content="/" />
  31. <meta name="text:Link 2" content="" />
  32. <meta name="text:Link 3" content="" />
  33. <meta name="text:Link 3 URL" content="/" />
  34.  
  35. <meta name="if:two columns" content="1"/>
  36. <meta name="if:one column" content="0"/>
  37.  
  38.  
  39. <!-- jquery for tooltips-->
  40.  
  41.  
  42. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  43.  
  44. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  45.  
  46. <script>
  47.  
  48. (function($){
  49.  
  50. $(document).ready(function(){
  51.  
  52. $("a[title]").style_my_tooltips({
  53.  
  54. tip_follows_cursor:true,
  55.  
  56. tip_delay_time:30,
  57.  
  58. tip_fade_speed:300,
  59.  
  60. attribute:"title"
  61.  
  62. });
  63.  
  64. });
  65.  
  66. })(jQuery);
  67.  
  68. </script>
  69.  
  70.  
  71.  
  72.  
  73.  
  74.  
  75.  
  76.  
  77. <style type="text/css">
  78.  
  79. ::-webkit-scrollbar{
  80. width:4px;
  81. height:4px;
  82. }
  83.  
  84. ::-webkit-scrollbar-thumb{
  85. background-color:{color:scrollbar};
  86. }
  87.  
  88. iframe#tumblr_controls {
  89. top:0%!important;
  90. right:0%!important;
  91. position:fixed!important;
  92. z-index:99999999!important;
  93. opacity:0.3;
  94. -webkit-filter:invert(100%);
  95. -moz-filter:invert(100%);
  96. -o-filter:invert(100%);
  97. -ms-filter:invert(100%);
  98. filter:invert(100%);
  99. }
  100.  
  101. #s-m-t-tooltip{
  102. max-width:200px;
  103. margin:25px 20px 25px 20px;
  104. background-color:#000;
  105. color:#fff;
  106. border:0px solid ;
  107. font-size:10px;
  108. line-height:11px;
  109. padding:3px 5px 4px 5px;
  110. box-shadow:rgba(0,0,0,0.70) 4px 4px;
  111. -webkit-transition: all 0.3s ease-out;
  112. -moz-transition: all 0.3s ease-out;
  113. transition: all 0.3s ease-out;
  114. z-index:999999999999999999999999999999999999;
  115.  
  116. }
  117.  
  118.  
  119. /*basics*/
  120.  
  121. blockquote {
  122. margin-left:10px;
  123. margin-right:5px;
  124. padding-left:5px;
  125. padding-right:10px;
  126. padding-top:1px;
  127. padding-bottom:1px;
  128. border-left:1px dotted #000000;
  129. }
  130.  
  131. body {
  132. background:{color:background};
  133. background-image:url('{image:background}');
  134. background-attachment:fixed;
  135. background-repeat:repeat;
  136. background-position:center;
  137. color:{color:text};
  138. font-family:consolas;
  139. font-size:10px;
  140. margin:0;
  141. padding:0px;
  142. }
  143.  
  144.  
  145. a:link, a:active, a:visited{
  146. color: {color:link};
  147. text-decoration:none;
  148. }
  149.  
  150. a:hover {
  151. color:{color:link hover};
  152. -webkit-transition:all 0.2s;
  153. -moz-transition:all 0.2s;
  154. -ms-transition:all 0.2s;
  155. -o-transition:all 0.2s;
  156. transition:all 0.2s;
  157. }
  158.  
  159. img{
  160. max-width:100%;
  161. }
  162.  
  163. ul,ol{
  164. margin-left:-15px;
  165. list-style-type:square;
  166. color:#000;
  167. opacity:1!important;
  168. }
  169.  
  170. small {
  171. font-size:9px;
  172.  
  173. }
  174.  
  175.  
  176. /*quote*/
  177.  
  178. hquote{
  179. font:10px cambria;
  180. letter-spacing:1px;
  181. text-align:left;
  182. text-transform:lowercase;
  183. line-height:15px;
  184. margin-left:40px;
  185. color:black;
  186. }
  187.  
  188. thing {
  189. position:absolute;
  190. font:59px courier;
  191. opacity:.3;
  192. margin-top:-4px;
  193. margin-left:-40px;
  194. }
  195.  
  196. thing:hover{
  197. opacity:.8;
  198. text-decoration:none;
  199. }
  200.  
  201. .source{
  202. margin-left:38px;
  203. margin-top:-16px;
  204. font-family:courier;
  205. font-size:6px;
  206. line-height:11px;
  207. }
  208.  
  209.  
  210. /*sidebar from dynamic drive*/
  211.  
  212. #bottombar{
  213. z-index:99;
  214. width:100%;
  215. bottom:0px;
  216. position:fixed;
  217. background:#fff;
  218. }
  219.  
  220. #bottombar #links{
  221. padding:0;
  222. margin:10px 0 0 233px;
  223. }
  224.  
  225. #bottombar .links{
  226. display:inline;
  227. }
  228.  
  229.  
  230. #title{
  231. padding:2px;
  232. position:absolute;
  233. font-size:14px;
  234. margin-top:13px;
  235. max-width:188px;
  236. overflow-x:hidden;
  237. height:16px;
  238. overflow-y:scroll;
  239. margin-left:15px;
  240. font-weight:bold;
  241. }
  242.  
  243. #description{
  244. width:95%;
  245. font-size:10px;
  246. height:20px;
  247. line-height:16px;
  248. padding-right:4px;
  249. overflow-x:hidden;
  250. overflow-y:scroll;
  251. margin:0px 0px 5px 20px;
  252. }
  253.  
  254. a.glidebutton{
  255. border: 1px solid {color:border};
  256. display: inline-block;
  257. position: relative;
  258. color: {color:link}; /* default color */
  259. background: {color:link background}; /* default bg color */
  260. text-decoration: none;
  261. font: bold 12px; /* font settings */
  262. letter-spacing: 2px; /* font settings */
  263. overflow: hidden;
  264. height: 19px; /* height of each button */
  265. text-align: center;
  266. border-radius: 5px; /* border radius */
  267. -moz-transition: all 0.3s ease-in-out; /* Enable CSS transition between property changes */
  268. -webkit-transition: all 0.3s ease-in-out;
  269. -o-transition: all 0.3s ease-in-out;
  270. -ms-transition: all 0.3s ease-in-out;
  271. transition: all 0.3s ease-in-out;
  272. }
  273.  
  274. a.glidebutton > span:first-child{ /* first span inside button */
  275. position: relative;
  276. display: block;
  277. height: 100%;
  278. padding: 3px; /* padding of button */
  279. -moz-box-sizing: border-box;
  280. box-sizing: border-box;
  281. -moz-transition: all 0.3s ease-in-out; /* Enable CSS transition between property changes */
  282. -webkit-transition: all 0.3s ease-in-out;
  283. -o-transition: all 0.3s ease-in-out;
  284. -ms-transition: all 0.3s ease-in-out;
  285. transition: all 0.3s ease-in-out;
  286. }
  287.  
  288. a.glidebutton > span:first-child:after{ /* CSS generated content */
  289. content: attr(data-text); /* Duplicate text of span markup */
  290. display: block;
  291. width: 100%;
  292. height: 100%;
  293. -moz-box-sizing: border-box;
  294. box-sizing: border-box;
  295. padding: inherit;
  296. position: absolute;
  297. top:100%;
  298. left:0;
  299. }
  300.  
  301. a.glidebutton:hover{
  302. color: {color:bottom bar link hover}!important; /* color of button on hover */
  303. background: {color:link background hover}; /* bg color of button on hover */
  304. border: none;
  305. }
  306.  
  307. a.glidebutton:hover > span:first-child{
  308. -moz-transform: translateY(-100%);
  309. -webkit-transform: translateY(-100%);
  310. -ms-transform: translateY(-100%);
  311. -o-transform: translateY(-100%);
  312. transform: translateY(-100%);
  313. }
  314.  
  315. /*posts*/
  316.  
  317. #entries {
  318. position:relative;
  319. margin:auto;
  320. {block:iftwocolumns}
  321. {block:indexpage}
  322. width:600px;
  323. {/block:indexpage}
  324. {/block:iftwocolumns}
  325. {block:ifonecolumn}
  326. width:500px;
  327. {/block:ifonecolumn}
  328. {block:permalinkpage}
  329. width:500px;
  330. {/block:permalinkpage}
  331. padding-left:60px;
  332. top:0px;
  333. }
  334.  
  335. #posts {
  336. position:relative;
  337. {block:iftwocolumns}
  338. {block:IndexPage}
  339. width:180px;
  340. margin:80px;
  341. float:left;
  342. margin-left:12px;
  343. {/block:IndexPage}
  344. {/block:iftwocolumns}
  345. {block:ifonecolumn}
  346. {block:indexpage}
  347. width:250px;
  348. margin:80px auto auto 80px;
  349. {/block:indexpage}
  350. {/block:ifonecolumn}
  351. {block:PermalinkPage}
  352. width:250px;
  353. margin-left:60px;
  354. margin-top:120px;
  355. {/block:PermalinkPage}
  356. }
  357.  
  358.  
  359.  
  360. .media {
  361. overflow:hidden;
  362. }
  363.  
  364. .media img{
  365. max-width:100%;
  366. display:block;
  367. margin:0px auto;
  368. -webkit-transition: all 0.5s ease-out;
  369. -moz-transition: all 0.5s ease-out;
  370. transition: all 0.5s ease-out;
  371. }
  372.  
  373. .media img {
  374. -webkit-transform: scale(1);
  375. -moz-transform: scale(1);
  376. -o-transform: scale(1);
  377. transform: scale(1);
  378. }
  379.  
  380. .media img:hover {
  381. -webkit-transform: scale(1.10);
  382. -moz-transform: scale(1.10);
  383. -o-transform: scale(1.10);
  384. transform: scale(1.10);
  385. }
  386.  
  387. /*quote*/
  388.  
  389. #titlequote{
  390. text-align:left;
  391. font-size:14px;
  392. line-height:18px;
  393. font-weight:bold;
  394. }
  395.  
  396. #source {
  397. margin-top:15px;
  398. margin-left:15px;
  399.  
  400. }
  401.  
  402. /*audio*/
  403.  
  404. .player {
  405. width:26px;
  406. height:30px;
  407. overflow:hidden;
  408. position:absolute;
  409. margin-left:15px;
  410. margin-top:5px;
  411.  
  412. }
  413.  
  414. .audioinfo {
  415. margin-left:65px;
  416. margin-top:5px;
  417. }
  418.  
  419.  
  420. /*asks*/
  421.  
  422. .q {
  423. margin-bottom:10px;
  424. background:#e8e8e8;
  425. color:#000;
  426. padding:2px;
  427. }
  428.  
  429. .as {
  430. font-weight:bold;}
  431.  
  432. .a {
  433. margin-top:10px;
  434. }
  435.  
  436.  
  437. /*chat*/
  438.  
  439. .chat ol {
  440. padding:0;
  441. list-style:none;
  442. }
  443. .line {
  444. padding:5px 0;
  445.  
  446. }
  447.  
  448. .label {
  449. font-weight:bold;
  450. }
  451.  
  452.  
  453.  
  454.  
  455.  
  456. /*permalink and notes*/
  457.  
  458. #permalink {
  459. margin-top:15px;
  460. font-size:9px;
  461. text-transform:uppercase;
  462. }
  463.  
  464. #permalink a {
  465. margin-right:10px;
  466. }
  467.  
  468.  
  469. .tags {
  470. word-break:break-all;
  471. font-size:9px;
  472. }
  473.  
  474. li.note {
  475. padding:5px;
  476. z-index:9999;
  477. }
  478.  
  479. img.avatar {
  480. display:none!important;
  481.  
  482. }
  483.  
  484. ol.notes {
  485. margin-left:-17px;
  486. max-height:100px;
  487. width:220px;
  488. overflow-y:scroll; overflow-x:hidden;
  489. margin-top:20px;
  490. margin-bottom:10px;
  491. background:transparent;
  492.  
  493. }
  494.  
  495. .perma {
  496. font:9px arial;
  497. text-transform:lowercase;
  498. padding:0px 10px 0px 10px;
  499.  
  500. }
  501.  
  502. /*video*/
  503.  
  504. .tukutz{
  505. padding:40px;
  506. background:#000;
  507. color:#fff;
  508. font-size:20px;
  509. text-align:center;
  510. }
  511.  
  512. /*index perma*/
  513.  
  514. #note{
  515. margin-top:5px;
  516. text-align:right;
  517. margin-left:0px;
  518. font-size:10px;
  519. padding:3px;
  520. -webkit-transition:all 0.4s ease-in-out;
  521. -moz-transition:all 0.4s ease-in-out;
  522. -o-transition:all 0.4s ease-in-out;
  523. -ms-transition: all 0.4s ease-in-out;
  524. transition:all 0.5s ease-in-out
  525. }
  526.  
  527. .p{
  528. display:none;
  529. }
  530.  
  531. {CustomCSS}
  532.  
  533.  
  534. </style>
  535.  
  536.  
  537.  
  538. </head>
  539.  
  540. <body>
  541.  
  542. <script src="http://static.tumblr.com/wgijwsy/jgemkyt9x/jquery.photoset-grid.min.js"></script></div>
  543.  
  544. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>
  545.  
  546. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  547.  
  548. <script type="text/javascript">
  549. $(window).load(function(){
  550. var $wall = $('#entries');
  551. $wall.imagesLoaded(function(){
  552. $wall.masonry({
  553. itemSelector: '#posts',
  554. isAnimated : false
  555. });
  556. });
  557.  
  558. $wall.infinitescroll({
  559. navSelector : '.p',
  560. nextSelector : '.p a',
  561. itemSelector : '#posts',
  562. bufferPx : 2000,
  563. debug : false,
  564. errorCallback: function() {
  565. $('#scroll').fadeOut('normal');
  566. }},
  567. function( newElements ) {
  568. var $newElems = $( newElements );
  569. $newElems.hide();
  570. $newElems.imagesLoaded(function(){
  571. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  572. });
  573. }); $('#entries').show(500);
  574. });
  575. </script>
  576.  
  577.  
  578.  
  579. <div id="bottombar">
  580. <div id="title">{title}</div>
  581. <div id="links">
  582. <div class="links"><a class="glidebutton" href="/"><span data-text="Home">Home</span></a>
  583. <a class="glidebutton" href="/ask"><span data-text="Ask">Ask</span></a>
  584. <a class="glidebutton" href="/archive"><span data-text="Archive">Archive</span></a>
  585. {block:iflink1}
  586. <a class="glidebutton" href="{text:link 1 url}"><span data-text="{text:link 1}">{text:link 1}</span></a>
  587. {/block:iflink1}
  588. {block:iflink2}
  589. <a class="glidebutton" href="{text:link 2 url}"><span data-text="{text:link 2}">{text:link 2}</span></a>
  590. {/block:iflink2}
  591. {block:iflink3}
  592. <a class="glidebutton" href="{text:link 3 url}"><span data-text="{text:link 3}">{text:link 3}</span></a>
  593. {/block:iflink3}
  594. </div>
  595. </div>
  596. <div id="description">{description}</div>
  597. </div>
  598.  
  599. <div class="p">
  600. {block:Pagination}
  601. {block:PreviousPage}
  602. <a href="{PreviousPage}">back</a>
  603. {/block:PreviousPage}
  604. {block:NextPage}
  605. <a href="{NextPage}" style="float:right;">next</a>
  606. {/block:NextPage}
  607. {/block:Pagination}
  608. </div>
  609.  
  610. <div id="entries">
  611. {block:Posts}
  612. <!-- {block:ContentSource} {SourceURL} {/block:ContentSource} {block:RebloggedFrom} {ReblogRootURL} {ReblogParentURL} {/block:RebloggedFrom}
  613. {/block:ContentSource} -->
  614. <div id="posts">
  615. {block:Quote}
  616. <div style="padding:5px;">
  617. <hquote><thing><a title="{NoteCountwithLabel}" href="{Permalink}">“</a></thing><div class="quote" style="padding-left:40px;margin-top:-8px;">{Quote}</div></hquote>
  618. {block:Source}
  619. <div class="source" style="font-size:6px;">- {Source}</div>
  620. {/block:Source}
  621. </div>
  622. {/block:Quote}
  623.  
  624.  
  625.  
  626. {block:Text}
  627. <div style="padding:5px;">
  628. {block:Title}
  629. <h2>{Title}</h2>{/block:Title}
  630. {Body}
  631. {block:indexpage}
  632. <div id="note">▲ <a title="{ShortYear}.{MonthNumberWithZero}.{DayOfMonthWithZero}" href="{Permalink}">{NoteCountWithLabel}</a></div> {/block:indexpage}
  633. </div>
  634. {/block:Text}
  635.  
  636. {block:Link}
  637. <div style="padding:5px;">
  638. <h2><a href="{URL}">{Name}</a></h2>{block:Description}{Description}{/block:Description}
  639. {block:indexpage}
  640. <div id="note">▲ <a title="{ShortYear}.{MonthNumberWithZero}.{DayOfMonthWithZero}" href="{Permalink}">{NoteCountWithLabel}</a></div> {/block:indexpage}
  641. </div>
  642. {/block:Link}
  643.  
  644. {block:Chat}
  645. <div style="padding:5px;">
  646. {block:Title}
  647. <h2>{Title}</h2>
  648. {/block:Title}
  649. <div class="chat">
  650. <ol>{block:Lines}
  651. <li class="line {Alt}">
  652. {block:Label}
  653. <span class="label">
  654. {Label}</span>
  655. {/block:Label}{Line}</li>
  656. {/block:Lines}
  657. </ol></div>
  658. {block:indexpage}
  659. <div id="note">▲ <a title="{ShortYear}.{MonthNumberWithZero}.{DayOfMonthWithZero}" href="{Permalink}">{NoteCountWithLabel}</a></div> {/block:indexpage}
  660. </div>
  661. {/block:Chat}
  662.  
  663. {block:Photo}
  664. {block:indexpage}
  665. <div class="media">
  666. <center>
  667. <a title="{NoteCountwithLabel}" href="{permalink}"><img src="{PhotoURL-500}"></a>
  668. </center>
  669. </div>
  670. {/block:indexpage}
  671. {block:permalinkpage}
  672. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  673. {/block:permalinkpage}
  674. {/block:Photo}
  675.  
  676. {block:Photoset}
  677. {block:iftwocolumns}
  678. {block:indexpage}
  679. <div class="media"><a title="{notecountwithlabel}" href="{permalink}"><div class="photoset" data-layout="11111" data-id="photoset{PostID}">
  680. {block:Photos}
  681. <img src="{PhotoURL-500}" width="220" />
  682. {/block:Photos}
  683. </a>
  684. </div>
  685. </div>
  686. {/block:indexpage}
  687. {/block:iftwocolumns}
  688. {block:ifonecolumn}
  689. {block:indexpage}
  690. {Photoset-250}
  691. {block:indexpage}
  692. <div id="note">▲ <a title="{ShortYear}.{MonthNumberWithZero}.{DayOfMonthWithZero}" href="{Permalink}">{NoteCountWithLabel}</a></div>
  693. {/block:indexpage}
  694. {/block:ifonecolumn}
  695. {block:PermalinkPage}
  696. {Photoset-250}
  697. {/block:PermalinkPage}
  698. {/block:Photoset}
  699.  
  700. {block:Video}
  701.  
  702. {block:IndexPage}<a title="{notecountwithlabel}" href="{permalink}"><div class="tukutz">video</div></a>{/block:IndexPage}
  703. {block:PermalinkPage}{Video-250}{/block:PermalinkPage}
  704.  
  705. {/block:Video}
  706.  
  707.  
  708. {block:Audio}
  709. <div style="padding:5px;">
  710. <div class="player">{AudioPlayerWhite}</div>
  711. <div class="audioinfo">
  712. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
  713. </div>
  714. {block:indexpage}
  715. <div id="note">▲ <a title="{ShortYear}.{MonthNumberWithZero}.{DayOfMonthWithZero}" href="{Permalink}">{NoteCountWithLabel}</a></div> {/block:indexpage}
  716. </div>
  717. {/block:Audio}
  718.  
  719. {block:Answer}
  720. <div style="padding:5px;">
  721. <div class="q">
  722. <div class="as">{Asker} said: </div>
  723. {Question}</div>
  724. <div class="a">{Answer}</div>
  725. {block:indexpage}
  726. <div id="note">▲ <a title="{ShortYear}.{MonthNumberWithZero}.{DayOfMonthWithZero}" href="{Permalink}">{NoteCountWithLabel}</a></div> {/block:indexpage}
  727. </div>
  728. {/block:Answer}
  729.  
  730. {block:permalinkpage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:permalinkpage}
  731.  
  732.  
  733. {block:PermalinkPage}<div class="perma">{block:HasTags}TAGS: {block:Tags}#<a href="{TagURL}">{Tag}, </a>{/block:Tags}<br>{/block:HasTags}</div>{/block:PermalinkPage}
  734.  
  735. {block:PostNotes}{PostNotes}{/block:PostNotes}
  736.  
  737. </div>
  738.  
  739.  
  740. {/block:Posts}
  741.  
  742. <div class="pagination"></div>
  743. </div>
  744.  
  745. <div style="position:fixed;top:10px;left:5px;color:#000;"><a style="color:#000;" title="donghyuks" href="http://donghyuks.tumblr.com">ϟ</a></div>
  746.  
  747.  
  748. </body></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!