API tools faq
paste
Advertisement
jessepinkman

friendsgifs Theme

jessepinkman
Dec 4th, 2015
121
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.20 KB | None | 0 0
raw download clone embed print report
  1. <!-- THEME 9 by ADRIANIVASHKOVS.TUMBLR.COM-->
  2.  
  3.  
  4. <!------------
  5.  
  6. p l e a s e r e a d
  7.  
  8. by using my themes, you’ve agreed to the following conditions:
  9. don't steal my codes,
  10. don't use them as base,
  11. don't claim them as your own,
  12. leave all credit intact.
  13.  
  14. ------------>
  15.  
  16.  
  17. <html><head>
  18. <title>{Title}</title>
  19. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  20. <link rel="shortcut icon" href="{Favicon}" />
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  22. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  23.  
  24.  
  25. <meta name="color:scrollbar" content="#D1CECE" />
  26. <meta name="color:scrollbar background" content="#FFFFFF" />
  27. <meta name="color:scrollbar hover" content="#BEBEBE" />
  28.  
  29. <meta name="color:text" content="#000000" />
  30. <meta name="color:link" content="#606060" />
  31. <meta name="color:hover" content="#6F7BB0" />
  32. <meta name="color:border" content="#E7E7E7" />
  33.  
  34. <meta name="color:highlight" content="#DCDCDC" />
  35. <meta name="color:highlight text" content="#000000" />
  36.  
  37. <meta name="color:background" content="#FFFFFF" />
  38. <meta name="color:container" content="#F5F5F5" />
  39. <meta name="color:entries" content="#FFFFFF" />
  40.  
  41. <meta name="color:tags" content="#F3F3F3" />
  42. <meta name="color:tags text" content="#8C8C8C" />
  43.  
  44. <meta name="color:title" content="#000000" />
  45. <meta name="color:navigation link" content="#000000" />
  46. <meta name="color:navigation" content="#FFFFFF" />
  47.  
  48. <meta name="color:sidebar" content="#FFFFFF" />
  49. <meta name="color:sidebar title background" content="#000000" />
  50. <meta name="color:sidebar title" content="#000000" />
  51. <meta name="color:sidebar link" content="#000000" />
  52. <meta name="color:sidebar link hover" content="#000000" />
  53. <meta name="color:star" content="#FFB700" />
  54. <meta name="color:icons background" content="#FCFCFC" />
  55. <meta name="color:icons" content="#000000" />
  56.  
  57. <meta name="color:audio" content="#FCFCFC" />
  58. <meta name="color:audio text" content="#000000" />
  59.  
  60. <meta name="color:italic" content="#000000" />
  61. <meta name="color:bold" content="#000000" />
  62.  
  63. <meta name="color:question" content="#F5F5F5" />
  64. <meta name="color:question text" content="#000000" />
  65.  
  66. <meta name="color:chat person 1" content="#EDEDED" />
  67. <meta name="color:chat person 2" content="#E7E7E7" />
  68. <meta name="color:chat text" content="#000000"/>
  69.  
  70. <meta name="if:Lazy Load" content="0" />
  71.  
  72. <meta name="image:header" content="http://static.tumblr.com/f17cf5cbc04b9bee923fb72eaaaf408e/edsttmx/Pftnssr27/tumblr_static_2rtkx7v7cuyoo0sgcosc4os0c.png" />
  73.  
  74. <meta name="text:font family body" content="calibri"/>
  75. <meta name="text:font family navigation" content="calibri"/>
  76.  
  77. <!----------------------STICKY NAVIGATION------------------------>
  78.  
  79. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  80.  
  81. <script>
  82. $(window).scroll(function(){
  83. var sticky = $(document).scrollTop();
  84.  
  85. if (sticky > 320) {
  86. $('#navigation').addClass('sticky');
  87. }
  88.  
  89. else {
  90. $('#navigation').removeClass('sticky');
  91. }
  92. });
  93. </script>
  94.  
  95. <!-------------------------LAZY LOAD--------------------------->
  96.  
  97. {block:ifLazyLoad}
  98. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  99. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  100. <script type="text/javascript" charset="utf-8">
  101. var $j = jQuery.noConflict();
  102. $j(function() {
  103. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  104. $j("img").lazyload({
  105. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  106. effect: "fadeIn",
  107. });
  108. });
  109. </script>
  110. {/block:ifLazyLoad}
  111.  
  112. <!-------------------------TOOLTIPS--------------------------->
  113.  
  114. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  115.  
  116. <script type="text/javascript" src="http://static.tumblr.com/ko1mcho/PMbmlkh9e/jquery.style-my-tooltips.js"></script>
  117.  
  118. <script>
  119. (function($){
  120. $(document).ready(function(){
  121. $("[title],a[title],img[title]").style_my_tooltips({
  122. tip_follows_cursor:"true",
  123. tip_delay_time:100,
  124. tip_fade_speed:100,
  125. attribute:"title"
  126. });
  127. });
  128. })(jQuery);
  129. </script>
  130.  
  131. <style type="text/css">
  132.  
  133. #s-m-t-tooltip {
  134. color:{color:text};
  135. background-color:{color:background};
  136. display:none;
  137. text-align:left;
  138. position:absolute;
  139. z-index:9999;
  140. font-size:8px;
  141. font-family:arial;
  142. text-transform:uppercase;
  143. padding:1px 5px 1px 3px;
  144. margin-top:27px;
  145. -webkit-transition:all 0.2s ease-out
  146. -moz-transition:all 0.2s ease-out;
  147. transition:all 0.2s ease-out;
  148. }
  149.  
  150. iframe#tumblr_controls {
  151. white-space:nowrap;
  152. -webkit-filter: invert(100%);
  153. -moz-filter: invert(100%);
  154. -o-filter: invert(100%);
  155. -ms-filter: invert(100%); filter: invert(100%);
  156. opacity:1;
  157. transition: .8s ease-in-out;
  158. -webkit-transition: .8s ease-in-out;
  159. -moz-transition: .8s ease-in-out;
  160. -o-transition: .8s ease-in-out;
  161. }
  162.  
  163. /*<!-------------------------SCROLLBAR--------------------------->*/
  164.  
  165. ::-webkit-scrollbar {
  166. width:6px;
  167. height:8px!important
  168. }
  169.  
  170. ::-webkit-scrollbar-track {
  171. background-color:{color:scrollbar background};
  172. }
  173.  
  174. ::-webkit-scrollbar-thumb {
  175. background-color:{color:scrollbar};
  176. }
  177.  
  178. ::-webkit-scrollbar-thumb:hover {
  179. background-color:{color:scrollbar hover};
  180. }
  181.  
  182. ::-webkit-scrollbar-thumb:horizontal {
  183. background-color:{color:scrollbar};
  184. height:7px!important
  185. }
  186.  
  187. ::selection {
  188. background: {color:highlight};
  189. }
  190.  
  191. ::-moz-selection {
  192. background: {color:highlight};
  193. }
  194.  
  195.  
  196. /*<!-------------------------ENTRIES TEXT----------------------->*/
  197.  
  198. h1 {
  199. color:{color:text};
  200. font-size:18px;
  201. margin-top:-3px;
  202. letter-spacing:1px;
  203. font-family:{text:font family body};
  204. margin-left:-3px;
  205. font-style:normal;
  206. text-transform:uppercase;
  207. background-color:{color:container};
  208. padding:12px;
  209. line-height:18px;
  210. -webkit-transition:opacity 0.8s linear;
  211. -webkit-transition:all 0.5s ease-out;
  212. -moz-transition:all 0.5s ease-out;
  213. transition:all 0.5s ease-out;
  214. }
  215.  
  216. h2 {
  217. font-size:15px;
  218. line-height:18px;
  219. width:490px;
  220. font-family:{text:font family body};
  221. text-transform:uppercase;
  222. text-align:left;
  223. margin-top:0px;
  224. color:{color:link};
  225. font-weight:normal;
  226. }
  227.  
  228. /*<!-------------------------QUOTE--------------------------->*/
  229.  
  230. h3 {
  231. font-size:14px;
  232. line-height:17px;
  233. letter-spacing:1px;
  234. font-family:{text:font family body};
  235. font-weight:bold;
  236. font-style:normal;
  237. text-transform:none;
  238. text-align:justify;
  239. width:450px;
  240. margin-left:25px;
  241. margin-top:20px;
  242. margin-bottom:40px;
  243. }
  244.  
  245. /*<!-------------------------SIDEBAR--------------------------->*/
  246.  
  247. #sidebar {
  248. position:absolute;
  249. border:1px solid {color:border};
  250. margin-left:25px;
  251. width:277px;
  252. padding:0px 15px 15px 15px;
  253. background-color:{color:sidebar};
  254. letter-spacing:0px;
  255. margin-top:15px;
  256. }
  257.  
  258. /*<!--------------------------SIDEBAR PIC---------------------------->*/
  259.  
  260. #sidebarpic img {
  261. margin-left:-15px;
  262. width:308px;
  263. height:150px;
  264. }
  265.  
  266. /*<!-------------------------SIDEBAR TITLE--------------------------->*/
  267.  
  268. h4 {
  269. width:276px;
  270. margin-top:0px;
  271. margin-bottom:0px;
  272. letter-spacing:-1px;
  273. font-size:16px;
  274. font-family:arial;
  275. text-transform:none;
  276. text-align:left;
  277. border-top:1px solid {color:border};
  278. border-bottom:1px solid {color:border};
  279. margin-left:-16px;
  280. font-weight:bold;
  281. padding:15px 4px 15px 29px;
  282. background-color:{color:container};
  283. color:{color:sidebar title};
  284. }
  285.  
  286. /*<!-------------------------SIDEBAR CONTENT--------------------------->*/
  287.  
  288. h5 {
  289. width:240px;
  290. line-height:15px;
  291. padding:20px;
  292. margin-top:5px;
  293. margin-bottom:5px;
  294. font-weight:normal;
  295. font-size:10px;
  296. margin-left:-5px;
  297. }
  298.  
  299. /*<!-------------------------SIDEBAR CONTENT--------------------------->*/
  300.  
  301. h6 {
  302. width:240px;
  303. line-height:15px;
  304. padding:13px 20px 13px 20px;
  305. margin-top:5px;
  306. margin-bottom:5px;
  307. letter-spacing:-1px;
  308. font-size:16px;
  309. font-family:arial;
  310. text-transform:none;
  311. text-align:left;
  312. margin-left:-5px;
  313. color:{color:sidebar title};
  314. }
  315.  
  316. /*<!-------------------------SOCIAL MEDIA---------------------------->*/
  317.  
  318. #icons {
  319. text-align:center;
  320. }
  321.  
  322. #icons a {
  323. display:inline-block;
  324. background-color:{color:icons background};
  325. color:{color:icons};
  326. padding:12px;
  327. margin-left:2px;
  328. margin-right:2px;
  329. width:25px;
  330. border:1px solid {color:border};
  331. border-radius:10px;
  332. }
  333.  
  334. #icons a:hover {
  335. opacity:0.5;
  336. }
  337.  
  338. /*<!-------------------------SIDEBAR LINKS--------------------------->*/
  339.  
  340. #sidebarlink {
  341. margin-bottom:3px;
  342. margin-top:20px;
  343. margin-left:10px;
  344. padding-bottom:8px;
  345. width:250px;
  346. }
  347.  
  348. #sidebarlink a {
  349. font-weight:normal;
  350. font-size:10px;
  351. display:block;
  352. text-transform:uppercase;
  353. font-family:{text:font family body};
  354. width:250px;
  355. padding-bottom:10px;
  356. padding-top:10px;
  357. color:{color:sidebar link};
  358. border-bottom:1px solid {color:border};
  359. }
  360.  
  361. #sidebarlink a:hover {
  362. padding-left:10px;
  363. color:{color:sidebar link};
  364. }
  365.  
  366. /*<!-------------------------BASICS--------------------------->*/
  367.  
  368. b {
  369. color:{color:bold};
  370. }
  371.  
  372. i {
  373. color:{color:italic};
  374. font-weight:bold;
  375. }
  376.  
  377. body {
  378. color:{color:text};
  379. background-color:{color:background};
  380. font-style:normal;
  381. text-align:justify;
  382. font-family:{text:font family body};
  383. font-size:11px;
  384. text-decoration:none;
  385. line-height:110%;
  386. cursor: url(http://33.media.tumblr.com/tumblr_m2umqmgxNc1qfamg6.gif), auto;
  387. }
  388.  
  389. a {
  390. color: {color:link};
  391. cursor:help;
  392. text-decoration:none;
  393. -webkit-transition:opacity 0.8s linear;
  394. -webkit-transition:all 0.5s ease-out;
  395. -moz-transition:all 0.5s ease-out;
  396. transition:all 0.5s ease-out;
  397. }
  398.  
  399. a:hover {
  400. color:{color:hover};
  401. -webkit-transition:opacity 0.8s linear;
  402. -webkit-transition:all 0.5s ease-out;
  403. -moz-transition:all 0.5s ease-out;
  404. transition:all 0.5s ease-out;
  405. cursor: url(http://33.media.tumblr.com/tumblr_m2umqmgxNc1qfamg6.gif), progress;
  406. }
  407.  
  408. #container {
  409. width:912px;
  410. height:900%;
  411. margin:0 auto;
  412. padding-bottom:30px;
  413. z-index:-1000;
  414. background-color:{color:container};
  415. border:1px solid {color:border};
  416. }
  417.  
  418. #entries {
  419. text-align:justify;
  420. width:500px;
  421. z-index:99999;
  422. margin-left:355px;
  423. margin-top:20px;
  424. }
  425.  
  426. #entries p img, .entry blockquote img {
  427. max-width:100%;
  428. }
  429.  
  430. pre {
  431. white-space:pre-wrap;
  432. white-space:-moz-pre-wrap;
  433. white-space:-pre-wrap;
  434. white-space:-o-pre-wrap;
  435. word-wrap:break-word;
  436. }
  437.  
  438. #posts {
  439. width:500px;
  440. z-index:99999;
  441. color:{color:text};
  442. background:{color:entries};
  443. padding:15px;
  444. border:1px solid {color:border};
  445. }
  446.  
  447. /*<!------------------------PAGINATION-------------------------->*/
  448.  
  449. #pagination {
  450. font-size:14px;
  451. margin-top:10px;
  452. margin-bottom:20px;
  453. font-family:{text:font family body};
  454. letter-spacing:1px;
  455. font-weight:bold;
  456. width:530px;
  457. text-align:center;
  458. }
  459.  
  460. #pagination a {
  461. padding:4px 8px;
  462. font-weight:bold;
  463. color:{color:text};
  464. font-family:{text:font family body};
  465. font-size:14px;
  466. text-decoration:none;
  467. }
  468.  
  469. .current {
  470. padding:4px 8px;
  471. font-weight:bold;
  472. color:{color:text};
  473. font-family:{text:font family body};
  474. font-size:14px;
  475. text-decoration:none;
  476. }
  477.  
  478. /*<!-------------------------POSTINFO--------------------------->*/
  479.  
  480. #tags {
  481. padding:6px 15px 6px 15px;
  482. margin-top:10px;
  483. font-size:9px;
  484. margin-left:-15px;
  485. font-family:{text:font family body};
  486. width:500px;
  487. letter-spacing:1px;
  488. font-weight:bold;
  489. background-color:{color:tags};
  490. margin-bottom:0px;
  491. color:{color:tags text};
  492. text-transform:uppercase;
  493. }
  494.  
  495. #tags a {
  496. text-align:left;
  497. font-size:9px;
  498. font-weight:bold;
  499. font-family:{text:font family body};
  500. letter-spacing:1px;
  501. color:{color:tags text};
  502. text-transform:uppercase;
  503. }
  504.  
  505. #date {
  506. font-weight:bold;
  507. margin-top:10px;
  508. margin-bottom:0px;
  509. width:500px;
  510. font-size:9px;
  511. word-spacing:3px;
  512. text-transform:uppercase;
  513. color:{color:link};
  514. }
  515.  
  516. #date a {
  517. font-weight:bold;
  518. font-style:normal;
  519. font-size:9px;
  520. text-transform:uppercase;
  521. color:{color:link};
  522. }
  523.  
  524. /*<!-------------------------HEADER--------------------------->*/
  525.  
  526. #header img {
  527. margin-left:0px;
  528. margin-top:0px;
  529. z-index:9;
  530. border:1px solid {color:border};
  531. width:910px;
  532. height:400px;
  533. background-repeat:repeat-x;
  534. }
  535.  
  536. /*<!-----------------------NAVIGATION-------------------------->*/
  537.  
  538. #navigation.sticky {position:fixed; margin-top:-410px; z-index:10;}
  539.  
  540. #navigation {
  541. text-align:center;
  542. padding:20px;
  543. z-index:99999;
  544. width:872px;
  545. margin-left:-1px;
  546. margin-bottom:5px;
  547. border:1px solid {color:border};
  548. background-color:{color:navigation};
  549. margin-top:-4px;
  550. color:{color:navigation link};
  551. letter-spacing:1px;
  552. font-family:{text:font family navigation};
  553. text-align:center;
  554. text-transform:uppercase;
  555. font-size:10px;
  556. font-weight:bold;
  557. }
  558.  
  559. #navigation a {
  560. color:{color:navigation link};
  561. letter-spacing:1px;
  562. padding-left:2px;
  563. border-bottom:1px solid {color:border};
  564. padding-right:2px;
  565. margin-left:5px;
  566. margin-right:5px;
  567. padding-bottom:3px;
  568. font-family:{text:font family navigation};
  569. text-align:center;
  570. text-transform:uppercase;
  571. font-size:10px;
  572. font-weight:bold;
  573. }
  574.  
  575. #navigation a:hover {
  576. opacity:0.6;
  577. font-style:normal;
  578. }
  579.  
  580. /*<!-------------------------BLOCKQUOTE--------------------------->*/
  581.  
  582. blockquote {
  583. margin-left:0px;
  584. letter-spacing:1px;
  585. padding-left:10px;
  586. border-left:1px solid {color:text};
  587. {block:IfNotPosts400px}
  588. width:375px;
  589. {/block:IfNotPosts400px}
  590. {block:IfPosts400px}
  591. width:375px;
  592. {/block:IfPosts400px}
  593. }
  594.  
  595. blockquote blockquote {
  596. padding: 0 0 0 10px;
  597. margin: 0 0 0 0px;
  598. color:{color:text};
  599. }
  600.  
  601. blockquote, small {
  602. font-size:10px;
  603. letter-spacing:1px;
  604. }
  605.  
  606. blockquote img {
  607. max-width:300px;
  608. height:auto;
  609. }
  610.  
  611. /*<!-------------------------CHAT--------------------------->*/
  612.  
  613. .chat {
  614. list-style:none;
  615. margin-top:0px;
  616. margin-bottom:0px;
  617. font-size:10px;
  618. {block:IfNotPosts400px}
  619. width:500px;
  620. {/block:IfNotPosts400px}
  621. {block:IfPosts400px}
  622. width:400px;
  623. {/block:IfPosts400px}
  624. }
  625.  
  626. .chat ul {
  627. line-height:15px;
  628. list-style:none;
  629. padding:0px;
  630. line-height:17px;
  631. }
  632.  
  633. .person1, .person3, .person5, .person7, .person9, .person11, .person13{
  634. background-color:{color:chat person 1};
  635. padding:5px 10px 5px 10px;
  636. color:{color:chat text};
  637. border-bottom:2px solid {color:background};
  638. }
  639.  
  640. .person2, .person4, .person6, .person8, .person10, .person12, .person14{
  641. padding:5px 10px 5px 10px;
  642. background-color:{color:chat person 2};
  643. border-bottom:2px solid {color:background};
  644. color:{color:chat text};
  645. }
  646.  
  647. /*<!-------------------------CREDIT--------------------------->*/
  648.  
  649. #credit {
  650. right:35px;
  651. bottom:8px;
  652. padding:5px;
  653. background:{color:container};
  654. font-size:8px;
  655. position:fixed;
  656. font-family:{text:font family body};
  657. }
  658.  
  659. #credit a {
  660. color:{color:link};
  661. padding:5px;
  662. }
  663.  
  664. /*<!-------------------------ASK--------------------------->*/
  665.  
  666. #question {
  667. background-color:{color:question};
  668. color:{color:question text};
  669. padding:20px 20px 20px 60px;
  670. margin-top:0px;
  671. width:420px;
  672. margin-bottom:5px;
  673. line-height:20px;
  674. font-size:10px;
  675. font-weight:bold;
  676. font-family:{text:font family body};
  677. text-align:left;
  678. }
  679.  
  680. #question img {
  681. position:absolute;
  682. padding:4px;
  683. background-color:{color:background};
  684. margin-left:-45px;
  685. margin-top:-6px;
  686. float:left;
  687. }
  688.  
  689. #question a {
  690. color:{color:question text};
  691. font-weight:bold;
  692.  
  693. }
  694.  
  695. #answer a {
  696. text-decoration:underline;
  697. font-weight:bold;
  698. }
  699.  
  700. /*<!-------------------------AUDIO--------------------------->*/
  701.  
  702. .audioplayer {
  703. width:25px;
  704. height:25px;
  705. margin-top:13px;
  706. position:absolute;
  707. margin-left:10px;
  708. overflow:hidden;
  709. padding:3px;
  710. }
  711.  
  712. .info {
  713. width:440px;
  714. height:50px;
  715. margin-left:0px;
  716. display:block;
  717. line-height:20px;
  718. margin-top:0px;
  719. padding-top:10px;
  720. font-family:{text:font family body};
  721. font-size:12px;
  722. letter-spacing:0px;
  723. font-weight:400;
  724. letter-spacing:1px;
  725. padding-right:55px;
  726. text-align:right;
  727. margin-bottom:0px;
  728. color:{color:audio text};
  729. background-color:{color:audio};
  730. }
  731.  
  732. /*<!-------------------------NOTES--------------------------->*/
  733.  
  734. ol.notes {
  735. padding:0px;
  736. width:530px;
  737. margin-top:5px;
  738. list-style-type:none;
  739. background-color:{color:entries};
  740. border-bottom: 3px solid {color:border};
  741. }
  742.  
  743. ol.notes li.note {
  744. border-bottom:2px solid {color:container};
  745. padding:10px;
  746. }
  747.  
  748. ol.notes li.note img.avatar {
  749. vertical-align:-4px;
  750. margin-right:10px;
  751. width:16px;
  752. height:16px;
  753. }
  754.  
  755. ol.notes li.note blockquote {
  756. padding:4px 10px;
  757. margin:10px 0px 0px 25px;
  758. }
  759.  
  760. /*<!-------------------------Affiliates--------------------------->*/
  761.  
  762. #outer img {
  763. transition:0.3s ease-in-out;
  764. width:60px;
  765. height:50px;
  766. -webkit-transition:0.3s ease-in-out;
  767. -moz-transition:0.3s ease-in-out;
  768. -o-transition:0.3s ease-in-out;
  769. }
  770.  
  771. #affiliates img:hover {
  772. opacity:0.7;
  773. transition:0.7s ease-in-out;
  774. -webkit-transition:0.7s ease-in-out;
  775. -moz-transition:0.7s ease-in-out;
  776. -o-transition:0.7s ease-in-out;
  777. }
  778.  
  779. #affiliates {
  780. text-align:center;
  781. margin-top:0px;
  782. }
  783.  
  784. #outer {
  785. overflow:auto;
  786. width:267px;
  787. margin-left:-10px;
  788. padding:0px;
  789. height:125px;
  790. margin-top:0px;
  791. background:{color:sidebar};
  792. }
  793.  
  794. /*<!----------------------SEARCH BAR------------------------>*/
  795.  
  796. .search input {
  797. background-color:{color:container};
  798. color:{color:text};
  799. font-size:9px;
  800. border:0px;
  801. margin-left:10px;
  802. text-transform:uppercase;
  803. margin-top:18px;
  804. font-weight:bold;
  805. width:160px;
  806. padding:8px 9px;
  807. font-family:{text:font family body};
  808. }
  809.  
  810. #searchbar {
  811. margin-bottom:20px;
  812. }
  813.  
  814. /*<!------------------------CREDIT------------------------->*/
  815.  
  816. #credit {
  817. right:10px;
  818. bottom:7px;
  819. padding:5px;
  820. background:transparent;
  821. font-size:8px;
  822. position:fixed;
  823. font-weight:bold;
  824. font-family:{text:font family body};
  825. }
  826.  
  827. #credit a {
  828. color:{color:link};
  829. padding:5px;
  830. letter-spacing:1px;
  831. text-decoration:none;
  832. font-weight:bold;
  833. }
  834.  
  835. </style><style type="text/css">{CustomCSS}</style>
  836.  
  837. </head><body>
  838.  
  839.  
  840. <div style="margin-top:-10px;">
  841.  
  842. <div id="container">
  843.  
  844. <!------------------------HEADER---------------------------->
  845.  
  846. <div id="header">
  847. <img src="{image:header}">
  848. </div>
  849.  
  850. <!----------------------NAVIGATION-------------------------->
  851.  
  852. <div id="navigation">
  853. <a href="/">index</a>
  854. <a href="/apply">apply</a>
  855. <a href="/question">ask</a>
  856. <a href="/tagged/GIF">gifs</a>
  857. <a href="/tagged/subtitles">subtitles</a>
  858. <a href="/tags">tags</a>
  859. <a href="/team">team</a>
  860. <script language="JavaScript">
  861. var ref = (''+document.referrer+'');
  862. var w_h = window.screen.width + " x " + window.screen.height;
  863. document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID4865942&e1=&e2=&r=' + ref + '&wh=' + w_h + '"><\/script>');
  864. </script>
  865. </div>
  866.  
  867. <!------------------------SIDEBAR--------------------------->
  868.  
  869. <div id="sidebar">
  870.  
  871.  
  872. <!-----TITLE------>
  873.  
  874. <h6>
  875. <i class="fa fa-star" style="
  876. color:{color:star};
  877. font-size:13px;"></i>
  878. Welcome
  879. </h6>
  880.  
  881. <!--SIDEBAR PIC
  882.  
  883. DELETE THIS PART IF YOU DO NOT WANT A SIDEBAR PIC AND NOT ONLY THE URL OTHERWISE YOU WILL HAVE A WHITE BLANK SPACE !!!
  884.  
  885. -->
  886.  
  887. <div id="sidebarpic">
  888. <script language="JavaScript">
  889. <!--
  890.  
  891. /*
  892. Random Image Script- By JavaScript Kit (http://www.javascriptkit.com)
  893. Over 400+ free JavaScripts here!
  894. Keep this notice intact please
  895. */
  896.  
  897. function random_imglink(){
  898. var myimages=new Array()
  899. //specify random images below. You can have as many as you wish
  900. myimages[1]="https://38.media.tumblr.com/d765e4597cbcccdbd53a4235cba4ba04/tumblr_inline_nx27fcMczu1qeks4d_500.gif"
  901. myimages[2]="https://38.media.tumblr.com/d5c42955aaf7e10756784f04b861504f/tumblr_inline_nx27ftHrW31qeks4d_500.gif"
  902. myimages[3]="https://33.media.tumblr.com/d6353b7c89401a64e561bd41c7ff6f65/tumblr_inline_nx27fjXJih1qeks4d_500.gif"
  903. myimages[4]="https://33.media.tumblr.com/599212f4f19df227d0d4394061995848/tumblr_inline_nugay9qd5C1qeks4d_500.gif"
  904. myimages[5]="https://38.media.tumblr.com/00d27d8e8241eebd7f6721368a4cb876/tumblr_inline_nugbt8Tjpq1qeks4d_500.gif"
  905. myimages[6]="https://33.media.tumblr.com/9ae478bf89a50bec7ee7a2a1a6057c3f/tumblr_inline_nugaxhF6ic1qeks4d_500.gif"
  906.  
  907. var ry=Math.floor(Math.random()*myimages.length)
  908. if (ry==0)
  909. ry=1
  910. document.write('<img src="'+myimages[ry]+'" border=0>')
  911. }
  912. random_imglink()
  913. //-->
  914. </script>
  915. </div>
  916.  
  917. <!--SEARCH BAR-->
  918.  
  919. <div id="searchbar">
  920. <form action="/search" method="get" class="search">
  921. <input type="text" name="q" value="{SearchQuery}"/>
  922. <input type="submit" value="Search" id="sb" style="width:60px;" />
  923. </form>
  924. </div>
  925.  
  926. <!----ABOUT---->
  927.  
  928. <h4>
  929. <i class="fa fa-angle-right" style="color:{color:sidebar title}"></i> About</h4>
  930.  
  931. <h5><i>Friends</i> is an American television sitcom, created by David Crane and Marta Kauffman, which originally aired on NBC from September 22, 1994 to May 6, 2004. Here at friendsgifs, we post caps, edits, GIFs, and videos from the series.<br><br>
  932. We track <a href="http://tumblr.com/tagged/friendsedit"><b><i>#friendsedit</i></b></a> and <a href="http://tumblr.com/tagged/friendsgifs"><b><i>#friendsgifs</i></b></a>.</h5>
  933.  
  934.  
  935.  
  936. <!----Affiliates----->
  937.  
  938. <h4><i class="fa fa-angle-right" style="color:{color:sidebar title}"></i> Affiliates</h4>
  939.  
  940. <h5>
  941. <div id="outer">
  942. <div id="Affiliates" style="text-align:center;margin-left:-15px;">
  943.  
  944. <a href="http://70sgifs.tumblr.com"><img src="https://41.media.tumblr.com/942e3c682fe89e3b1cee9c73d50753da/tumblr_inline_nvl06ugrfe1qjn4ad_540.png" /></a>
  945. <a href="http://centralperksource.com"><img src="http://i.imgur.com/VNBtUSZ.png" /></a>
  946. <a href="http://dailyempire-gifs.tumblr.com"><img src="http://i.imgur.com/Z4Ytbiz.png" /></a>
  947. <a href="http://desperatehousewivesgifs.tumblr.com/"><img src="https://40.media.tumblr.com/d8fe16af9020bc5c87b6a43e5a034932/tumblr_nva64jwsS31qhzi2jo2_r1_75sq.png" /></a>
  948. <a href="http://fytwolf.tumblr.com"><img src="http://i.imgur.com/8A7pwAe.png" /></a>
  949. <a href="http://gravityfallsgifs.tumblr.com/"><img src="https://40.media.tumblr.com/7a5ff0da42970eb9f3ee1b6b9385d65f/tumblr_nyban0upm41rafdwyo1_75sq.png" /></a>
  950. <a href="http://mrbenwyatt.tumblr.com"><img src="https://40.media.tumblr.com/34fa39aa2a4e3427749ca8fd849a1a23/tumblr_nui088CppR1qkgh4go2_75sq.png" /></a>
  951. <a href="http://oitnbgifs.tumblr.com/"><img src="https://40.media.tumblr.com/c298bc57834838e72804fa21deb95211/tumblr_nyl1zjCPry1tvav1do2_r1_75sq.png" /></a>
  952. <a href="http://thebelchers.tumblr.com"><img src="https://40.media.tumblr.com/f0c02094fdaa276ecfb813980368c255/tumblr_inline_nvtfu1VyV61qjn4ad_540.png" /></a>
  953. <a href="http://friendsgifs.tumblr.com/apply"><img src="http://i.imgur.com/wH93CHu.png" /></a>
  954. <a href="http://friendsgifs.tumblr.com/apply"><img src="http://i.imgur.com/wH93CHu.png" /></a>
  955. <a href="http://friendsgifs.tumblr.com/apply"><img src="http://i.imgur.com/wH93CHu.png" /></a>
  956.  
  957. <br>
  958.  
  959. </div>
  960.  
  961. </h5>
  962.  
  963. <!---BLOG MEMBERS--->
  964.  
  965. <h4><i class="fa fa-angle-right" style="color:{color:sidebar title}"></i> Team</h4>
  966.  
  967. <h5>
  968.  
  969. <img src="https://31.media.tumblr.com/avatar_13f8f7e6f4b8_64.png" style="-webkit-border-radius:10px;width:40px;">
  970. <div style="margin-top:-40px;margin-left:55px;text-transform:uppercase;font.size:8px;letter-spacing:1px;">
  971. <a href="http://badwollf.tumblr.com/"><b>badwollf</b></a>
  972. <br>dammit jim</div> <br><br>
  973.  
  974. <img src="https://33.media.tumblr.com/avatar_58671208c30d_64.png" style="-webkit-border-radius:10px;width:40px;">
  975. <div style="margin-top:-40px;margin-left:55px;text-transform:uppercase;font.size:8px;letter-spacing:1px;">
  976. <a href="http://brosciles.tumblr.com/"><b>brosciles</b></a>
  977. <br>some of us are human</div> <br><br>
  978.  
  979. <img src="https://33.media.tumblr.com/avatar_279b672064e0_64.png" style="-webkit-border-radius:10px;width:40px;">
  980. <div style="margin-top:-40px;margin-left:55px;text-transform:uppercase;font.size:8px;letter-spacing:1px;">
  981. <a href="http://harlieyquinn.tumblr.com/"><b>harlieyquinn</b></a>
  982. <br>rosebud</div> <br><br>
  983.  
  984. <img src="https://33.media.tumblr.com/avatar_2d85d124d339_128.png" style="-webkit-border-radius:10px;width:40px;">
  985. <div style="margin-top:-40px;margin-left:55px;text-transform:uppercase;font.size:8px;letter-spacing:1px;">
  986. <a href="http://incomparablyme.tumblr.com/"><b>incomparablyme</b></a>
  987. <br>Josh (◡‿◡✿)</div> <br><br>
  988.  
  989. <img src="https://31.media.tumblr.com/avatar_461e68f0f955_64.png" style="-webkit-border-radius:10px;width:40px;">
  990. <div style="margin-top:-40px;margin-left:55px;text-transform:uppercase;font.size:8px;letter-spacing:1px;">
  991. <a href="http://jackfalaheeofficial.tumblr.com/"><b>jackfalaheeofficial</b></a>
  992. <br>don't be such a sourwolf</div> <br><br>
  993.  
  994. <img src="https://31.media.tumblr.com/avatar_238d50bbd7c2_128.png" style="-webkit-border-radius:10px;width:40px;">
  995. <div style="margin-top:-40px;margin-left:55px;text-transform:uppercase;font.size:8px;letter-spacing:1px;">
  996. <a href="http://jakegyllonhaal.tumblr.com/"><b>jakegyllonhaal</b></a>
  997. <br>prev. eddieredmayen</div> <br><br>
  998.  
  999. <img src="https://31.media.tumblr.com/avatar_331c3953b05a_40.png" style="-webkit-border-radius:10px;width:40px;">
  1000. <div style="margin-top:-40px;margin-left:55px;text-transform:uppercase;font.size:8px;letter-spacing:1px;">
  1001. <a href="http://jfalahee.tumblr.com/"><b>jfalahee</b></a>
  1002. <br>bitches be crazy</div> <br><br>
  1003.  
  1004. <img src="https://33.media.tumblr.com/avatar_b906d22f7d76_64.png" style="-webkit-border-radius:10px;width:40px;">
  1005. <div style="margin-top:-40px;margin-left:55px;text-transform:uppercase;font.size:8px;letter-spacing:1px;">
  1006. <a href="http://kit-harington.tumblr.com/"><b>kit-harington</b></a>
  1007. <br>nobody's perfect</div> <br><br>
  1008.  
  1009. <img src="https://33.media.tumblr.com/avatar_018f69a839d1_64.png" style="-webkit-border-radius:10px;width:40px;">
  1010. <div style="margin-top:-40px;margin-left:55px;text-transform:uppercase;font.size:8px;letter-spacing:1px;">
  1011. <a href="http://lesliewyyatt.tumblr.com/"><b>lesliewyyatt</b></a>
  1012. <br>it's about to get all stupid up in here!</div> <br><br>
  1013.  
  1014. <img src="https://33.media.tumblr.com/avatar_4df1c93f6ee7_128.png" style="-webkit-border-radius:10px;width:40px;">
  1015. <div style="margin-top:-40px;margin-left:55px;text-transform:uppercase;font.size:8px;letter-spacing:1px;">
  1016. <a href="http://monicsgellers.tumblr.com/"><b>monicsgellers</b></a>
  1017. <br>nightmare dressed like a daydream</div> <br><br>
  1018.  
  1019. <img src="https://38.media.tumblr.com/avatar_dcac3f38e791_128.png" style="-webkit-border-radius:10px;width:40px;">
  1020. <div style="margin-top:-40px;margin-left:55px;text-transform:uppercase;font.size:8px;letter-spacing:1px;">
  1021. <a href="http://ohhsodebonair.tumblr.com/"><b>ohhsodebonair</b></a>
  1022. <br>i don't need a parachute</div> <br><br>
  1023.  
  1024. <img src="https://38.media.tumblr.com/avatar_16b7f070bd30_64.png" style="-webkit-border-radius:10px;width:40px;">
  1025. <div style="margin-top:-40px;margin-left:55px;text-transform:uppercase;font.size:8px;letter-spacing:1px;">
  1026. <a href="http://persiex.tumblr.com/"><b>persiex</b></a>
  1027. <br>young god</div> <br><br>
  1028.  
  1029. <img src="https://38.media.tumblr.com/avatar_0be76fe6b7f6_40.png" style="-webkit-border-radius:10px;width:40px;">
  1030. <div style="margin-top:-40px;margin-left:55px;text-transform:uppercase;font.size:8px;letter-spacing:1px;">
  1031. <a href="http://princesconsuela.tumblr.com/"><b>princesconsuela</b></a>
  1032. <br>no more falafel for you!</div> <br><br>
  1033.  
  1034. <img src="https://33.media.tumblr.com/avatar_45e7066054f5_64.png" style="-webkit-border-radius:10px;width:40px;">
  1035. <div style="margin-top:-40px;margin-left:55px;text-transform:uppercase;font.size:8px;letter-spacing:1px;">
  1036. <a href="http://snowscharming.tumblr.com/"><b>snowscharming</b></a>
  1037. <br>her heart was a secret garden</div> <br><br>
  1038.  
  1039. <img src="https://31.media.tumblr.com/avatar_a7a91e0020d6_64.png" style="-webkit-border-radius:10px;width:40px;">
  1040. <div style="margin-top:-40px;margin-left:55px;text-transform:uppercase;font.size:8px;letter-spacing:1px;">
  1041. <a href="http://stilesdunbar.tumblr.com/"><b>stilesdunbar</b></a>
  1042. <br>cats</div> <br><br>
  1043.  
  1044. <img src="https://38.media.tumblr.com/avatar_ed4ad1b2869f_64.png" style="-webkit-border-radius:10px;width:40px;">
  1045. <div style="margin-top:-40px;margin-left:55px;text-transform:uppercase;font.size:8px;letter-spacing:1px;">
  1046. <a href="http://terrysmcginnis.tumblr.com/"><b>terrysmcginnis</b></a>
  1047. <br>save yourself, kill them all</div> <br><br>
  1048.  
  1049. <img src="https://33.media.tumblr.com/avatar_69552efc3c54_64.png" style="-webkit-border-radius:10px;width:40px;">
  1050. <div style="margin-top:-40px;margin-left:55px;text-transform:uppercase;font.size:8px;letter-spacing:1px;">
  1051. <a href="http://vivienvalentino.tumblr.com/"><b>vivienvalentino</b></a>
  1052. <br>fuck art, let's dance</div> <br><br>
  1053.  
  1054.  
  1055.  
  1056. <div style="margin-bottom:-23px;"></div>
  1057. </h5>
  1058.  
  1059. <!------Site Info------->
  1060.  
  1061. <h4> <i class="fa fa-angle-right" style="color:{color:sidebar title}"></i> Site Information</h4>
  1062.  
  1063. <h5>
  1064.  
  1065. <b>About:</b> F.R.I.E.N.D.S
  1066.  
  1067. <br>
  1068.  
  1069. <b>Created:</b> April 2015
  1070.  
  1071. <br>
  1072.  
  1073. <b>Currently Online:</b> <script language="JavaScript">
  1074. var ref = (''+document.referrer+'');
  1075. var w_h = window.screen.width + " x " + window.screen.height;
  1076. document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID4865942&e1=&e2=&r=' + ref + '&wh=' + w_h + '"><\/script>');
  1077. </script> <br>
  1078. <b>Hits:</b> <script language="JavaScript" src="http://s1.freehostedscripts.net/ocount.php?site=ID2902321&name="></script> <br>
  1079. <b>Theme:</b> <a href="http://adrianivashkovs.tumblr.com/">adrianivashkovs</a> <br>
  1080.  
  1081. <br>
  1082.  
  1083. <b>Friends GIFs</b> claims no credit for any media posted here, unless stated otherwise. Information on this blog are copyright to their respective owners. If there is any content on this blog that belongs to you and do not wish for it to appear here, please message us with a direct link to the post, and it will be removed immediately.
  1084.  
  1085. </h5>
  1086.  
  1087. </div>
  1088.  
  1089. <!------------------------ENTRIES--------------------------->
  1090.  
  1091. <div id="entries">
  1092.  
  1093. {block:Posts}
  1094.  
  1095. <div id="posts">
  1096.  
  1097. {block:Text}
  1098. {block:Title}
  1099. <h1>{Title}</h1>
  1100. {/block:Title}
  1101. {Body}
  1102. {/block:Text}
  1103.  
  1104. {block:Quote}
  1105. <h3>
  1106. <font style="font-family:times;font-size:15px;">&#8220; </font> {Quote} <font style="font-family:times;font-size:15px;">”</font> - {Source}</h3>
  1107. {/block:Quote}
  1108.  
  1109. {block:Link}
  1110. <a href="{URL}"><h1>{Name}</h1></a>{block:Description}
  1111. {Description}{/block:Description}
  1112. {/block:Link}
  1113.  
  1114. {block:Photo}<img src="{PhotoURL-500}"/>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1115.  
  1116. {block:Photoset}
  1117. {Photoset-500}{block:Caption}{Caption}{/block:Caption}
  1118. {/block:Photoset}
  1119.  
  1120. {block:Video}
  1121. {Video-500}{block:Caption}{Caption}{/block:Caption}
  1122. {/block:Video}
  1123.  
  1124. {block:Chat}
  1125. {block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
  1126. <div class="chat"><ul>{block:Lines}<li class="person{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  1127. {/block:Chat}
  1128.  
  1129. {block:Answer}
  1130. <div id="question">
  1131. <img src="{AskerPortraitURL-24}">
  1132. <b>{asker}:</b>
  1133. {Question}
  1134. </div>
  1135. <div id="answer">
  1136. {answer}
  1137. </div>
  1138. {/block:Answer}
  1139.  
  1140. {block:Audio}
  1141. <div class="audio">
  1142. <div class="audioplayer">{AudioPlayerWhite}</div>
  1143. <div class="info">
  1144. {block:TrackName}
  1145. <font style="text-transform:none;letter-spacing:1px;font-weight:bold;color:{color:bold};font-family:arial;font-size:10px;font-style:normal;">{TrackName}&nbsp;&nbsp;&nbsp;&nbsp;</font>{/block:TrackName}<br>
  1146. {block:Artist}<small>{Artist}</small>{/block:Artist}
  1147. </div>
  1148. {block:Caption}{Caption}{/block:Caption}
  1149. </div>
  1150. {/block:Audio}
  1151.  
  1152.  
  1153.  
  1154. <!------POSTINFO------->
  1155.  
  1156.  
  1157. <div id="tags">tags:
  1158. {block:Tags}<a href="/tagged/{Tag}"> &nbsp;#{Tag}</a>{/block:Tags}
  1159. </div>
  1160.  
  1161. <div id="date">
  1162. {block:GroupMembers}posted by <a href="{PostAuthorURL}">{PostAuthorName}</a>{/block:GroupMembers}
  1163. {block:Date} on
  1164. <a href="{Permalink}" title="{Month} {DayOfMonthWithZero}, {Year}">{MonthNumberWithZero}/{DayOfMonthWithZero}/{ShortYear} </a>
  1165. {block:NoteCount}<a href="{Permalink}"> with {notecountwithlabel} &nbsp; </a>{/block:Notecount}
  1166.  
  1167. <font style="float:right;">
  1168. {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentName}">via </a><a href="{ReblogRootURL}" title="{ReblogRootName}">- source</a>{/block:RebloggedFrom}
  1169. </font>
  1170.  
  1171. {block:ContentSource}
  1172. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1173. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1174. {/block:SourceLogo}
  1175. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1176. {/block:ContentSource}
  1177. {/block:Date}
  1178.  
  1179. </div>
  1180.  
  1181. </div>
  1182.  
  1183.  
  1184.  
  1185. <br>
  1186. <br>
  1187.  
  1188.  
  1189. {block:PostNotes}
  1190. {PostNotes}
  1191. {/block:PostNotes}
  1192.  
  1193.  
  1194.  
  1195. {/block:Posts}
  1196.  
  1197.  
  1198. <!------PAGINATION------->
  1199.  
  1200. <br>
  1201. <br>
  1202.  
  1203.  
  1204. <br>
  1205. <br>
  1206.  
  1207.  
  1208. <div id="pagination">
  1209. {block:Pagination}
  1210. {block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}
  1211. {block:JumpPagination length="3"}
  1212. {block:CurrentPage}<span class="current">{PageNumber}</span>{/block:CurrentPage}
  1213. {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1214. {block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}
  1215. {/block:Pagination}
  1216. </div>
  1217.  
  1218.  
  1219.  
  1220. <br>
  1221. <br>
  1222.  
  1223. <br>
  1224. <br>
  1225.  
  1226. <br>
  1227. <br>
  1228.  
  1229.  
  1230. <div id="credit">
  1231.  
  1232. </div>
  1233.  
  1234. </div>
  1235. </div></div>
  1236. </div>
  1237.  
  1238.  
  1239. </body>
  1240. </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!