API tools faq
paste
Advertisement
mrsmilicevic

margot (fansite)

mrsmilicevic
Jul 1st, 2015
5,382
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.55 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head><title>{Title}</title>
  3. <link rel="shortcut icon" href="{Favicon}">
  4. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  5. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  6.  
  7.  
  8. <!-----------theme 15. fansite by mrsmilicevic@tumblr------------>
  9. <!-------edit if you want but don't steal or remove credit------->
  10.  
  11.  
  12. <!---default variables--->
  13. <meta name="color:background" content="#fafafa"/>
  14. <meta name="color:text" content="#8f8f8f"/>
  15. <meta name="color:links" content="#5b5b5b"/>
  16. <meta name="color:links hover" content="#c9c9c9"/>
  17. <meta name="color:borders" content="#e8e8e8">
  18. <meta name="color:scrollbar bg" content="#ffffff"/>
  19. <meta name="color:scrollbar" content="#eeeeee">
  20. <meta name="color:header" content="#eeeeee">
  21. <meta name="color:header scroll bg" content="#000000">
  22. <meta name="color:header links" content="#a8a8a8">
  23. <meta name="color:header links scroll" content="#ffffff">
  24. <meta name="color:side background" content="#ffffff">
  25. <meta name="color:posts" content="#ffffff">
  26.  
  27. <meta name="select:post width" content="400" title="400px">
  28. <meta name="select:post width" content="500" title="500px">
  29.  
  30. <meta name="image:icon image" content=""/>
  31. <meta name="image:header image" content=""/>
  32. <meta name="image:background image" content=""/>
  33.  
  34. <meta name="text:link 1 title" content="link">
  35. <meta name="text:link 1 url" content=" ">
  36.  
  37. <meta name="text:link 2 title" content="link">
  38. <meta name="text:link 2 url" content=" ">
  39.  
  40. <meta name="text:link 3 title" content="link">
  41. <meta name="text:link 3 url" content=" ">
  42.  
  43. <meta name="text:link 4 title" content="link">
  44. <meta name="text:link 4 url" content=" ">
  45.  
  46. <meta name="text:link 5 title" content="link">
  47. <meta name="text:link 5 url" content=" ">
  48.  
  49. <meta name="text:link 6 title" content="link">
  50. <meta name="text:link 6 url" content=" ">
  51.  
  52.  
  53. <meta name="if:show link 1" content="1" />
  54. <meta name="if:show link 2" content="1" />
  55. <meta name="if:show link 3" content="1" />
  56. <meta name="if:show link 4" content="1" />
  57. <meta name="if:show link 5" content="1" />
  58. <meta name="if:show link 6" content="1" />
  59.  
  60.  
  61. <!---tooltips script--->
  62. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  63. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  64. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  65. <script>
  66. (function($){
  67. $(document).ready(function(){
  68. $("[title]").style_my_tooltips({
  69. tip_follows_cursor:true,
  70. tip_delay_time:200,
  71. tip_fade_speed:500
  72. });
  73. });
  74. })(jQuery);
  75. </script>
  76.  
  77. <link href='http://fonts.googleapis.com/css?family=Inconsolata:400,700' rel='stylesheet' type='text/css'>
  78.  
  79. <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,300,600' rel='stylesheet' type='text/css'>
  80.  
  81.  
  82. <style type="text/css">
  83.  
  84.  
  85. /*---tumblr controls (follow etc buttons)---*/
  86.  
  87. #tumblr_controls, .tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop {
  88. top:5px;
  89. right:5px!important;
  90. position:fixed !important;
  91. -webkit-filter: invert(0);
  92. opacity:.8;
  93. filter:alpha(opacity=60);
  94. -moz-opacity:.8;
  95. z-index:999999999!important;
  96. }
  97.  
  98.  
  99. /*----------scrollbar---------*/
  100.  
  101. ::-webkit-scrollbar {
  102. background-color: {color:scrollbar bg};
  103. height:10px;
  104. width:5px;
  105. }
  106.  
  107. ::-webkit-scrollbar-thumb:vertical {
  108. background-color:{color:scrollbar};
  109. height:50px;
  110. }
  111.  
  112. ::-webkit-scrollbar-thumb:horizontal {
  113. background-color:{color:scrollbar bg};
  114. height:10px!important;
  115. }
  116.  
  117.  
  118.  
  119.  
  120. /*----------tooltips---------*/
  121.  
  122. #s-m-t-tooltip {
  123. max-width:300px;
  124. margin:15px;
  125. padding:5px;
  126. border-radius:0px;
  127. background:{color:posts};
  128. color:{color:text};
  129. z-index:999999;
  130. font-size:7px;
  131. font-style:none;
  132. letter-spacing:1px;
  133. font-family: 'Open Sans', arial, sans-serif;
  134. text-transform:uppercase;
  135. box-shadow:0px 0px 0px rgba(0,0,0,.0);
  136. }
  137.  
  138.  
  139.  
  140. /*----------basics---------*/
  141.  
  142. body {
  143. background:{color:background} url({image:background image}) repeat right top fixed;
  144. color:{color:text};
  145. font-family: 'Open Sans', arial, sans-serif;
  146. position:relative;
  147. line-height:18px;
  148. font-size:9px;
  149. margin:0;
  150. }
  151.  
  152.  
  153. blockquote {
  154. padding:0 0 0 15px;
  155. border-left:1px solid {color:borders};
  156. margin:10px;
  157. }
  158.  
  159.  
  160. #vignette {
  161. visibility: hidden;
  162. }
  163.  
  164. #tumblr_lightbox img {
  165. box-shadow:none!important;
  166. border-radius:0!important;
  167. }
  168.  
  169. #tumblr_lightbox {
  170. background-color:transparent!important;
  171. }
  172.  
  173. #tumblr_lightbox div:nth-child(2) {
  174. background-color:#fff;
  175. opacity:0.8;
  176. }
  177.  
  178. #tumblr_lightbox_left_link, #tumblr_lightbox_right_link {
  179. visibility: hidden;
  180. }
  181.  
  182.  
  183. pre {
  184. white-space: pre-wrap;
  185. white-space: -moz-pre-wrap;
  186. white-space: -pre-wrap;
  187. white-space: -o-pre-wrap;
  188. word-wrap: break-word;
  189. }
  190.  
  191.  
  192. small {
  193. font-size:8px;
  194. }
  195.  
  196. big {
  197. font-size:12px;
  198. }
  199.  
  200.  
  201. a {
  202. cursor:help;
  203. color:{color:links};
  204. text-decoration:none;
  205. -webkit-transition:all 0.5s;
  206. -moz-transition:all 0.5s;
  207. -ms-transition:all 0.5s;
  208. -o-transition:all 0.5s;
  209. transition:all 0.5s;
  210. }
  211.  
  212. a:hover {
  213. text-decoration:none;
  214. color:{color:links hover};
  215. -webkit-transition:all 0.5s;
  216. -moz-transition:all 0.5s;
  217. -ms-transition:all 0.5s;
  218. -o-transition:all 0.5s;
  219. transition:all 0.5s;
  220. }
  221.  
  222.  
  223. img {
  224. opacity:1;
  225. text-decoration:none;
  226. height:auto;
  227. max-width:100%;
  228. }
  229.  
  230.  
  231. h1 {
  232. font-size:12px;
  233. font-weight:bold;
  234. text-transform:uppercase;
  235. letter-spacing:0.5px;
  236. }
  237.  
  238.  
  239. h2, h3, h4 {
  240. font-weight:bold;
  241. text-decoration:none;
  242. }
  243.  
  244.  
  245.  
  246. /*----------posts---------*/
  247.  
  248. .container {
  249. margin:0 auto;
  250. position:relative;
  251. }
  252.  
  253.  
  254. .posts {
  255. width:{select:post width}px;
  256. position:relative;
  257. {block:IndexPage}
  258. margin-bottom:180px;
  259. {/block:IndexPage}
  260. {block:PermalinkPage}
  261. margin-bottom:40px;
  262. {/block:PermalinkPage}
  263. background:{color:posts};
  264. padding:10px;
  265. border-bottom:1px solid {color:borders};
  266. }
  267.  
  268. .post img {
  269. width:{select:post width}px;
  270. }
  271.  
  272. .entries {
  273. width:{select:post width}px;
  274. margin:600px auto 10px 50%;
  275. position:absolute;
  276. }
  277.  
  278.  
  279. ol, ul {
  280. padding-left:20px;
  281. }
  282.  
  283.  
  284. .posts img, .posts li {
  285. max-width:100%;
  286. height:auto;
  287. }
  288.  
  289. .posts li {
  290. list-style: circle;
  291. }
  292.  
  293.  
  294. blockquote img {
  295. max-width:300px!important;
  296. height:auto;
  297. }
  298.  
  299.  
  300. .caption {
  301. padding:10px;
  302. margin-top:10px;
  303. }
  304.  
  305.  
  306. .textp {
  307. padding:20px;
  308. }
  309.  
  310.  
  311. .pagination {
  312. bottom:20px;
  313. width:{select:post width}px;
  314. padding:20px 10px 20px 10px;
  315. border-bottom:1px solid {color:borders};
  316. text-align:center;
  317. text-transform:uppercase;
  318. font-size:9px;
  319. word-spacing:10px;
  320. z-index:999999;
  321. background:{color:posts};
  322. }
  323.  
  324.  
  325. /*----------post info---------*/
  326.  
  327. .info {
  328. position:absolute;
  329. margin:40px auto;
  330. text-transform:uppercase;
  331. text-align:center;
  332. width:{select:post width}px;
  333. font-size:8px;
  334. letter-spacing:0.5px;
  335. }
  336.  
  337. .info a {
  338. {block:PermalinkPage}
  339. margin-right:10px;
  340. {/block:PermalinkPage}
  341. }
  342.  
  343. .tags {
  344. position:absolute;
  345. text-transform:uppercase;
  346. font-size:7px;
  347. letter-spacing:1px;
  348. margin-top:5px;
  349. text-align:center;
  350. width:{select:post width}px;
  351. {block:PermalinkPage}
  352. margin-bottom:30px;
  353. {/block:PermalinkPage}
  354. }
  355.  
  356. .tags a {
  357. margin-right:10px;
  358. }
  359.  
  360.  
  361. .r {
  362. position:absolute;
  363. z-index:1;
  364. margin-left:{select:post width}px;
  365. padding:10px;
  366. margin-top:-5px;
  367. font-family: 'Inconsolata';
  368. text-transform:lowercase;
  369. font-size:8px;
  370. width:50px;
  371. {block:IndexPage}
  372. opacity:0;
  373. {/block:IndexPage}
  374. {block:PermalinkPage}
  375. opacity:1;
  376. margin-left:calc({select:post width}px + 30px);
  377. {/block:PermalinkPage}
  378. -webkit-transition:all 0.4s;
  379. -moz-transition:all 0.4s;
  380. -ms-transition:all 0.4s;
  381. -o-transition:all 0.4s;
  382. transition:all 0.4s;
  383. }
  384.  
  385.  
  386. .r a {
  387. text-align: center;
  388. position: relative;
  389. margin-right:15px;
  390. padding-left:5px;
  391. display:block;
  392. }
  393.  
  394.  
  395. .r span {
  396. display: inline-block;
  397. }
  398. .r span:before,
  399. .r span:after {
  400. border-top: 1px solid {color:borders};
  401. display: block;
  402. height: 1px;
  403. content: " ";
  404. width: 10px;
  405. position: absolute;
  406. left: -15px;
  407. top: 8px;
  408. }
  409.  
  410. .posts:hover .r {
  411. opacity:1;
  412. margin-left:calc({select:post width}px + 30px);
  413. -webkit-transition:all 0.4s;
  414. -moz-transition:all 0.4s;
  415. -ms-transition:all 0.4s;
  416. -o-transition:all 0.4s;
  417. transition:all 0.4s;
  418. }
  419.  
  420.  
  421.  
  422. /*----------perma notes---------*/
  423.  
  424.  
  425. ol.notes {
  426. margin: 150px auto;
  427. list-style-type: none;
  428. width:{select:post width}px;
  429. height:500px;
  430. overflow-y:auto;
  431. text-transform:lowercase;
  432. background:{color:posts};
  433. }
  434.  
  435. ol.notes li.note {
  436. border-bottom: solid 1px {color:borders};
  437. padding:10px;
  438. }
  439.  
  440. ol.notes li.note img.avatar {
  441. vertical-align: -5px;
  442. margin-right: 10px;
  443. margin-left:-10px;
  444. width: 16px;
  445. height: 16px;
  446. }
  447.  
  448. ol.notes li.note span.action {
  449. font-weight: none;
  450. }
  451.  
  452. ol.notes li.note .answer_content {
  453. font-weight: normal;
  454. }
  455.  
  456. ol.notes li.note blockquote {
  457. border-color: {color:borders};
  458. padding: 4px 5px;
  459. margin: 10px 0px 0px 25px;
  460. }
  461.  
  462. ol.notes li.note blockquote a {
  463. text-decoration: none;
  464. }
  465.  
  466. ol.notes::-webkit-scrollbar {
  467. width:3px;
  468. height:10px;
  469. margin-top:10px;
  470. }
  471.  
  472.  
  473.  
  474. /*----------header---------*/
  475.  
  476.  
  477. header {
  478. position: fixed;
  479. width: 100%;
  480. height: 150px;
  481. background: {color:header};
  482. -webkit-transition: all 0.4s ease;
  483. transition: all 0.4s ease;
  484. top:0;
  485. z-index:1;
  486. margin:auto;
  487. }
  488.  
  489. header.sticky {
  490. height:80px;
  491. background: {color:header scroll bg};
  492. z-index:10;
  493. }
  494.  
  495.  
  496. .icon {
  497. width:70px;
  498. left:50%;
  499. margin-left:50px;
  500. position:relative;
  501. margin-top:35px;
  502. -webkit-transition: all 0.4s ease;
  503. transition: all 0.4s ease;
  504. }
  505.  
  506. .icon img {
  507. width:70px;
  508. border-radius:50%;
  509. border:3px solid {color:posts};
  510. }
  511.  
  512.  
  513. header.sticky .icon {
  514. width:30px;
  515. left:0%;
  516. margin-left:20px;
  517. position:absolute;
  518. margin-top:15px;
  519. }
  520.  
  521. header.sticky .icon img {
  522. width:40px;
  523. background:{color:posts};
  524. border:2px solid {color:posts};
  525. }
  526.  
  527.  
  528. .headerlinks {
  529. font-family: 'Inconsolata';
  530. font-size:11px;
  531. text-transform:uppercase;
  532. letter-spacing:0.5px;
  533. margin:55px auto 0px -250px;
  534. left:50%;
  535. position:absolute;
  536. -webkit-transition: all 0.4s ease;
  537. transition: all 0.4s ease;
  538. text-align:right;
  539. width:260px;
  540. background:transparent;
  541. color:{color:header links};
  542. }
  543.  
  544.  
  545. .headerlinks a {
  546. display:inline-block;
  547. margin-right:15px;
  548. -webkit-transition: all 0.4s ease;
  549. transition: all 0.4s ease;
  550. }
  551.  
  552. .headerlinks a:hover {
  553. text-decoration:underline;
  554. -webkit-transition: all 0.4s ease;
  555. transition: all 0.4s ease;
  556. }
  557.  
  558.  
  559. header.sticky .headerlinks {
  560. margin-left:90px;
  561. left:0%;
  562. margin-top:20px;
  563. text-align:left;
  564. }
  565.  
  566. header.sticky .headerlinks a {
  567. color:{color:header links scroll};
  568. }
  569.  
  570. .headerimg {
  571. position:absolute;
  572. width:100%;
  573. margin:150px auto;
  574. background-image:url({image:header image});
  575. background-position: center;
  576. height:350px;
  577. }
  578.  
  579.  
  580.  
  581. /*----------side stuff---------*/
  582.  
  583.  
  584. #side {
  585. position:absolute;
  586. left:50%;
  587. width:250px;
  588. background:transparent;
  589. padding:0px;
  590. margin:555px auto auto -400px;
  591. }
  592.  
  593.  
  594. .stitle, .sstitle {
  595. padding:10px;
  596. text-transform:uppercase;
  597. font-size:11px;
  598. background:{color:side background};
  599. border-bottom:1px solid {color:borders};
  600. letter-spacing:1px;
  601. font-weight:300;
  602. text-align:left;
  603. }
  604.  
  605.  
  606. .stitle {
  607. margin-top:50px;
  608. }
  609.  
  610. .sstitle {
  611. margin-top:50px;
  612. text-align:right;
  613. margin-bottom:0px;
  614.  
  615. }
  616.  
  617. .desc {
  618. padding:15px;
  619. margin-top:0px;
  620. background:{color:side background};
  621. text-align:justify;
  622. }
  623.  
  624.  
  625. .project, .members {
  626. margin-top:0px;
  627. vertical-align:middle;
  628. text-transform:uppercase;
  629. font-size:8px;
  630. letter-spacing:1px;
  631. width:232px;
  632. margin-left:0px;
  633. background:{color:side background};
  634. padding:25px 10px 15px 8px;
  635. line-height:15px;
  636. text-align:left;
  637. display:block;
  638. }
  639.  
  640. .project p {
  641. margin-top:30px;
  642. margin-bottom:30px;
  643. }
  644.  
  645. .project img, .members img {
  646. width:48px;
  647. border-radius:50%;
  648. float:left;
  649. margin-right:15px;
  650. margin-left:10px;
  651. -webkit-transition:all 0.4s;
  652. -moz-transition:all 0.4s;
  653. -ms-transition:all 0.4s;
  654. -o-transition:all 0.4s;
  655. transition:all 0.4s;
  656. }
  657.  
  658.  
  659. .project img:hover, .members img:hover, .af img:hover {
  660. opacity:0.8;
  661. -webkit-animation: spin 1s;
  662. }
  663.  
  664.  
  665. @-webkit-keyframes spin {
  666. from { -webkit-transform: rotate(0deg); }
  667. to { -webkit-transform: rotate(360deg); }
  668. }
  669.  
  670.  
  671. .desc h1 {
  672. font-size:9px;
  673. text-transform:uppercase;
  674. font-weight:600;
  675. display:inline-block;
  676. }
  677.  
  678.  
  679. .social {
  680. margin-top:0px;
  681. background:{color:side background};
  682. padding:20px;
  683. text-align:center;
  684. width:210px;
  685. font-size:18px;
  686. word-spacing:15px;
  687. }
  688.  
  689.  
  690. .af {
  691. width:230px;
  692. background:{color:side background};
  693. padding:10px;
  694. }
  695.  
  696.  
  697. .af img {
  698. width:40px;
  699. border-radius:50%;
  700. margin:10px 5px 5px 10px;
  701. -webkit-transition:all 0.4s;
  702. -moz-transition:all 0.4s;
  703. -ms-transition:all 0.4s;
  704. -o-transition:all 0.4s;
  705. transition:all 0.4s;
  706.  
  707. }
  708.  
  709.  
  710. /*----------chat---------*/
  711.  
  712. .chat {
  713. line-height:20px;
  714. list-style:none;
  715. }
  716.  
  717. .line.odd {
  718. background:{color:background};
  719. margin-bottom:2px;
  720. padding:10px;
  721. list-style:none;
  722. font-size:10px;
  723. }
  724.  
  725. .line.even {
  726. background:{color:posts};
  727. margin-bottom:2px;
  728. padding:10px;
  729. list-style:none;
  730. font-size:10px;
  731. }
  732.  
  733. .label {
  734. padding-right:1px;
  735. text-transform:normal;
  736. font-weight:bold;
  737. color:{color:links};
  738. }
  739.  
  740.  
  741.  
  742. /*----------quotes---------*/
  743.  
  744. .quote {
  745. text-transform:uppercase;
  746. font-size:12px;
  747. font-weight:300;
  748. text-align:center;
  749. padding:10px;
  750. }
  751.  
  752. .quotesource {
  753. text-align:center;
  754. margin-top:10px;
  755. padding:15px 5px 5px 5px;
  756. border-top:1px solid {color:borders};
  757. font-style:italic;
  758. }
  759.  
  760.  
  761. /*----------questions---------*/
  762.  
  763. .question {
  764. background:{color:posts};
  765. padding:10px;
  766. border-bottom:1px solid {color:borders};
  767. vertical-align:top;
  768. }
  769.  
  770. .asker {
  771. text-transform:uppercase;
  772. font-style:italic;
  773. letter-spacing:1px;
  774. }
  775.  
  776. .answer {
  777. padding:10px;
  778. margin-top:-15px;
  779. }
  780.  
  781.  
  782. .question img {
  783. width:30px;
  784. float:left;
  785. border-radius:50%;
  786. margin-right:15px;
  787. margin-bottom:-6px;
  788. padding-bottom:2px;
  789. }
  790.  
  791.  
  792. /*----------audio---------*/
  793.  
  794.  
  795. .audio {
  796. padding:10px;
  797. }
  798.  
  799. .playerbutton {
  800. position:relative;
  801. width:30px;
  802. height:35px;
  803. overflow:hidden;
  804. }
  805.  
  806. .playerbuttonhug {
  807. position: absolute;
  808. top:-7px;
  809. left:2px;
  810. }
  811.  
  812. .tumblr_audio_player {
  813. height:50px;
  814. width:{select:post width}px;
  815. }
  816.  
  817. .playerbuttonbg {
  818. position:absolute;
  819. width:35px;
  820. height:35px;
  821. background-color:#e4e4e4;
  822. padding:10px;
  823. }
  824.  
  825. .trackdetails {
  826. width:auto;
  827. display:inline-block;
  828. margin-left:70px;
  829. font-size:8px;
  830. letter-spacing:1px;
  831. text-transform:lowercase;
  832. padding:5px;
  833. line-height:15px;
  834. }
  835.  
  836. .audiowrapper {
  837. position:relative;
  838. display:inline-block;
  839. }
  840.  
  841.  
  842.  
  843. /*----------video---------*/
  844.  
  845. .video {
  846. position: relative;
  847. padding-bottom: 56.25%;
  848. padding-top: 30px;
  849. height: 0;
  850. overflow: hidden;
  851. }
  852.  
  853. .video iframe,
  854. .video object,
  855. .video embed {
  856. position: absolute;
  857. top: 0;
  858. left: 0;
  859. width: 100%;
  860. height: 100%;
  861. }
  862.  
  863.  
  864. </style>
  865.  
  866. </head>
  867.  
  868. <body>
  869.  
  870. <div class="container">
  871.  
  872.  
  873. <!----------HEADER---------->
  874.  
  875. <header>
  876. <div class="headerlinks">
  877.  
  878. {block:IfShowLink1}
  879. <a href="{text:link 1 url}">01. {text:link 1 title}</a>
  880. {/block:IfShowLink1}
  881.  
  882. {block:IfShowLink2}
  883. <a href="{text:link 2 url}">02. {text:link 2 title}</a>
  884. {/block:IfShowLink2}
  885.  
  886. {block:IfShowLink3}
  887. <a href="{text:link 3 url}">03. {text:link 3 title}</a>
  888. {/block:IfShowLink3}
  889.  
  890. {block:IfShowLink4}
  891. <a href="{text:link 4 url}">04. {text:link 4 title}</a>
  892. {/block:IfShowLink4}
  893.  
  894. {block:IfShowLink5}
  895. <a href="{text:link 5 url}">05. {text:link 5 title}</a>
  896. {/block:IfShowLink5}
  897.  
  898. {block:IfShowLink6}
  899. <a href="{text:link 6 url}">06. {text:link 6 title}</a>
  900. {/block:IfShowLink6}
  901. </div>
  902.  
  903. <div class="icon">
  904. <img src="{image:icon image}">
  905. </div>
  906.  
  907. </header>
  908.  
  909. <div class="headerimg">
  910. </div>
  911.  
  912.  
  913.  
  914.  
  915. <!-----SIDE STUFF----->
  916.  
  917.  
  918. <div id="side">
  919.  
  920.  
  921. <!-----YOU CAN CHANGE ANY TITLES TO WHATEVER YOU WANT----->
  922. <!----IMAGE SIZE IS 48PX---->
  923.  
  924. <div class="stitle">{Title}</div>
  925.  
  926. <div class="desc">{Description}</div>
  927.  
  928.  
  929.  
  930. <!------------START OF PROJECTS
  931. YOU CAN ADD AND REMOVE PROJECTS---------->
  932.  
  933. <div class="sstitle">projects</div>
  934. <div class="project">
  935.  
  936.  
  937. <img src="http://i.imgur.com/CYcm4NZ.jpg">
  938. <b>title:</b> movie title
  939. <br><b>role:</b> character name
  940. <br><b>release:</b> year
  941.  
  942.  
  943. <p>
  944. <img src="http://i.imgur.com/CYcm4NZ.jpg">
  945. <b>title:</b> movie title
  946. <br><b>role:</b> character name
  947. <br><b>release:</b> year
  948. </p>
  949.  
  950.  
  951. <p>
  952. <img src="http://i.imgur.com/CYcm4NZ.jpg">
  953. <b>title:</b> movie title
  954. <br><b>role:</b> character name
  955. <br><b>release:</b> year
  956. </p>
  957.  
  958.  
  959.  
  960.  
  961.  
  962. </div>
  963. <!------------END OF PROJECTS---------->
  964.  
  965.  
  966.  
  967.  
  968.  
  969.  
  970. <!------------START OF MEMBERS---------->
  971. <!---YOU DON'T NEED TO EDIT ANYTHING HERE!--->
  972.  
  973.  
  974. <div class="stitle">members</div>
  975.  
  976. {block:GroupMembers}
  977. <div class="members">
  978.  
  979. {block:GroupMember}
  980. <div style="padding-bottom:25px;">
  981. <a href="{GroupMemberURL}" title="{GroupMemberTitle}">
  982. <img src="{GroupMemberPortraitURL-48}"></a>
  983. <div style="padding-top:8px;">
  984. <b><a href="{GroupMemberURL}">{GroupMemberName}</a></b>
  985. <br>{GroupMemberTitle}</div></div>
  986. {/block:GroupMember}</div>
  987.  
  988. {/block:GroupMembers}
  989.  
  990. <!------------END OF MEMBERS---------->
  991.  
  992.  
  993.  
  994.  
  995.  
  996.  
  997. <!------------START OF STATS---------->
  998.  
  999. <div class="sstitle">stats</div>
  1000.  
  1001. <div class="desc" style="text-transform:uppercase; line-height:15px; letter-spacing:1px; font-size:8px;">
  1002.  
  1003. <h1>ADMIN:</h1> <a href="http://mrsmilicevic.tumblr.com/">NAME HERE</a>
  1004.  
  1005. <br><h1>ESTABLISHED:</h1> DATE HERE</b>
  1006.  
  1007. <br><h1>THEME BY:</h1> <a href="http://mrsthemes.tumblr.com/">Mrsthemes</a> <!---DON'T REMOVE THIS!!!--->
  1008.  
  1009. <br><h1>ONLINE:</h1> <!---------ONLINE USER SCRIPT GOES HERE------->
  1010.  
  1011.  
  1012. <br><h1>VISITORS:</h1> <!---------HIT COUNTER SCRIPT GOES HERE------->
  1013.  
  1014.  
  1015. </div>
  1016.  
  1017. <!------------END OF STATS---------->
  1018.  
  1019.  
  1020.  
  1021.  
  1022. <!------------START OF AFFILIATES---------->
  1023.  
  1024. <div class="stitle">affiliates</div>
  1025.  
  1026. <div class="af">
  1027.  
  1028. <!----PUR YOUR AFFILIATES HERE, REMOVE OR ADD AS MANY AS YOU WANT---->
  1029. <!----IMAGE SIZE IS 40PX---->
  1030.  
  1031. <a href="URL" title="TITLE NAME HERE"><img src="http://i.imgur.com/urndah4.png"></a>
  1032. <a href="URL" title="TITLE NAME HERE"><img src="http://i.imgur.com/yU2oAP3.png"></a>
  1033. <a href="URL" title="TITLE NAME HERE"><img src="http://i.imgur.com/mM1Ux76.png"></a>
  1034. <a href="URL" title="TITLE NAME HERE"><img src="http://i.imgur.com/mM1Ux76.png"></a>
  1035. <a href="URL" title="TITLE NAME HERE"><img src="http://i.imgur.com/mM1Ux76.png"></a>
  1036. <a href="URL" title="TITLE NAME HERE"><img src="http://i.imgur.com/mM1Ux76.png"></a>
  1037. <a href="URL" title="TITLE NAME HERE"><img src="http://i.imgur.com/mM1Ux76.png"></a>
  1038. <a href="URL" title="TITLE NAME HERE"><img src="http://i.imgur.com/mM1Ux76.png"></a>
  1039.  
  1040. </div>
  1041.  
  1042. <!------------END OF AFFILIATES---------->
  1043.  
  1044.  
  1045.  
  1046. <div class="sstitle">disclaimer</div>
  1047.  
  1048.  
  1049. <!----WRITE A DISCLAIMER BELOW---->
  1050.  
  1051. <div class="desc">
  1052. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
  1053. </div>
  1054.  
  1055. </div>
  1056.  
  1057.  
  1058. <div class="entries">
  1059. {block:Posts}
  1060. <div class="posts">
  1061.  
  1062.  
  1063. {block:IndexPage}
  1064. <div class="r">
  1065. {block:RebloggedFrom}
  1066. <a href="{ReblogParentURL}" title="{ReblogParenttitle}"><span>via</span></a>
  1067. {block:ContentSource}
  1068.  
  1069. <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRoottitle}"><span>src</span></a>
  1070. {/block:ContentSource}
  1071. {/block:RebloggedFrom}
  1072.  
  1073. <a href="{ReblogURL}" target="_blank" class="details"><span>reblog</span></a>
  1074.  
  1075. </div>
  1076.  
  1077. {/block:IndexPage}
  1078.  
  1079. {block:Text}
  1080. <div class="textp">
  1081. <h1>{block:Title}{Title}{/block:Title}</h1>
  1082. {Body}
  1083. </div>{/block:Text}
  1084.  
  1085.  
  1086. {block:Photo}
  1087. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  1088. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1089. {/block:Photo}
  1090.  
  1091.  
  1092. {block:Photoset}
  1093. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  1094. {block:Photos}
  1095. <div class="photo-data">
  1096. <div class="pxu-photo">
  1097. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div>
  1098. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>
  1099. {/block:Photos}</div>
  1100. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1101. {/block:Photoset}
  1102.  
  1103.  
  1104. {block:Quote}
  1105. <div class="quote">"{Quote}"</div>
  1106. {block:Source}<div class="quotesource"> — {Source}</div>
  1107. {/block:Source}{/block:Quote}
  1108.  
  1109.  
  1110. {block:Link}
  1111. <div class="textp">
  1112. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  1113. {block:Description}{Description}{/block:Description}
  1114. </div>
  1115. {/block:Link}
  1116.  
  1117.  
  1118. {block:Chat}
  1119. {block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>
  1120. {/block:Chat}
  1121.  
  1122.  
  1123. {block:Audio}
  1124. <div class="audio">
  1125. {block:AudioPlayer}
  1126. <div class="audiowrapper">
  1127. <div class="playerbuttonbg">
  1128. <div class="playerbutton">
  1129. <div class="playerbuttonhug">
  1130. {AudioPlayerGrey}
  1131. </div></div></div>
  1132.  
  1133. <div class="trackdetails">
  1134. {block:TrackName}<b>TRACK:</b> {TrackName}{/block:TrackName}<br>
  1135.  
  1136. {block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}<br>
  1137.  
  1138. <b>PLAYS:</b> {FormattedPlayCount}</div></div>
  1139. {/block:AudioPlayer}
  1140.  
  1141. {block:Caption}
  1142. <div class="caption">{Caption}</div>
  1143. {/block:Caption}
  1144. </div>
  1145. {/block:Audio}
  1146.  
  1147.  
  1148. {block:Video}
  1149. <div class="video">
  1150. {Video-500}</div>
  1151. {block:Caption}{Caption}{/block:Caption}
  1152. {/block:Video}
  1153.  
  1154.  
  1155. {block:Answer}
  1156. <div class="question">
  1157. <img src="{AskerPortraitURL-30}">
  1158. <div class="asker"><span>{Asker} asked:</span></div>
  1159. {Question}</div>
  1160. <br>
  1161. <div class="answer">
  1162. {Answer}</div>
  1163. {/block:Answer}
  1164.  
  1165.  
  1166.  
  1167. {block:IndexPage}
  1168.  
  1169. <div class="info">
  1170. {block:Date}
  1171. <b><a href="{Permalink}" title="permalink">{DayOfMonthWithZero} {ShortMonth}</b></a>
  1172. {/block:Date}
  1173.  
  1174. &nbsp;&nbsp;
  1175. <a href="{Permalink}">{NoteCountWithLabel}</a>
  1176.  
  1177. <br>
  1178. {block:HasTags}
  1179. {block:Tags}
  1180. <a href="{TagURL}" style="font-size:7px; letter-spacing:1px; margin-right:10px;">#{Tag}</a>
  1181. {/block:Tags}
  1182. {/block:HasTags}
  1183.  
  1184.  
  1185. </div>
  1186.  
  1187. {/block:IndexPage}
  1188.  
  1189.  
  1190.  
  1191.  
  1192. {block:PermalinkPage}
  1193.  
  1194. <div class="info">
  1195. {block:Date}
  1196. <a href="{Permalink}"><b>{DayOfMonthWithZero} {ShortMonth}</b></a>
  1197.  
  1198. <a href="{Permalink}">{NoteCountWithLabel}</a>
  1199. {/block:Date}
  1200.  
  1201.  
  1202. <br>
  1203. {block:RebloggedFrom}
  1204. <a href="{ReblogParentURL}" title="{ReblogParenttitle}">via</a>
  1205. {block:ContentSource}
  1206.  
  1207. <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRoottitle}">source</a>
  1208. {/block:ContentSource}
  1209. {/block:RebloggedFrom}
  1210.  
  1211. <br>
  1212. {block:HasTags}
  1213. {block:Tags}
  1214. <a href="{TagURL}" style="font-size:7px; letter-spacing:1px; margin-right:10px;">#{Tag}</a>
  1215. {/block:Tags}
  1216. {/block:HasTags}
  1217.  
  1218. </div>
  1219. {/block:PermalinkPage}
  1220.  
  1221.  
  1222. </div>
  1223.  
  1224. {block:PostNotes}
  1225. {PostNotes}
  1226. {/block:PostNotes}
  1227. {/block:Posts}
  1228.  
  1229.  
  1230. {block:IndexPage}
  1231. {block:Pagination}
  1232. <div class="pagination">
  1233. {block:PreviousPage}
  1234. <a href="{PreviousPage}">back</a>
  1235. {/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage}
  1236. <span class="current_page">{PageNumber}</span>
  1237. {/block:CurrentPage}{block:JumpPage}
  1238. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1239. {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
  1240. <a href="{NextPage}">next</a>
  1241. {/block:NextPage}</div>{/block:Pagination}
  1242. {/block:IndexPage}
  1243.  
  1244.  
  1245. {block:ContentSource}
  1246. <!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  1247. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  1248. {/block:SourceLogo}
  1249. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  1250. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  1251.  
  1252.  
  1253. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1254. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1255. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1256. <script>
  1257. $(document).ready(function(){
  1258. $('.photo-slideshow').pxuPhotoset({
  1259. lightbox: true,
  1260. rounded: false,
  1261. gutter: '5px',
  1262. borderRadius: '0px',
  1263. photoset: '.photo-slideshow',
  1264. photoWrap: '.photo-data',
  1265. photo: '.pxu-photo'
  1266. });
  1267. });
  1268. </script>
  1269.  
  1270. <script>
  1271. $(window).scroll(function() {
  1272. if ($(this).scrollTop() > 250) {
  1273. $('header').addClass("sticky");
  1274. } else {
  1275. $('header').removeClass("sticky");
  1276. }
  1277. });
  1278. </script>
  1279.  
  1280. </body>
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!