dansmilth

Fansite #8

Feb 6th, 2016
4,046
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.33 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!----------- FANSITE THEME #8 by mattdraddario :> ------------>
  5.  
  6. <title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11.  
  12. <!--------DEFAULT VARIABLES-------->
  13.  
  14. <meta name="color:background" content="#ffffff"/>
  15. <meta name="color:bold" content="#8a5e54"/>
  16. <meta name="color:italic" content="#b79289"/>
  17. <meta name="color:text" content="#000000"/>
  18. <meta name="color:links" content="#626262"/>
  19. <meta name="color:top title background" content="#84dde7"/>
  20. <meta name="color:top title text" content="#ffffff"/>
  21. <meta name="color:navigation" content="#ffffff"/>
  22. <meta name="color:nav links" content="#b79289"/>
  23. <meta name="color:nav links hover" content="#8a5e54"/>
  24. <meta name="color:title icons background" content="#84dde7"/>
  25. <meta name="color:title icons" content="#ffffff"/>
  26. <meta name="color:title icons border" content="#73d1dc"/>
  27. <meta name="color:titles" content="#b79289"/>
  28. <meta name="color:titles bg" content="#ffffff"/>
  29. <meta name="color:events date" content="#eeeeee"/>
  30. <meta name="color:question" content="#f8f8f8"/>
  31. <meta name="color:scrollbar" content="#000000"/>
  32. <meta name="color:scrollbar background" content="#ffffff"/>
  33. <meta name="color:sidebar" content="#ffffff"/>
  34. <meta name="color:notes background" content="#84dde7"/>
  35. <meta name="color:notes text" content="#ffffff"/>
  36. <meta name="color:info bold" content="#b79289"/>
  37. <meta name="color:info background" content="#ffffff"/>
  38. <meta name="color:tags background" content="#ffffff"/>
  39. <meta name="color:content background" content="#f8f8f8"/>
  40. <meta name="color:posts background" content="#ffffff"/>
  41.  
  42.  
  43.  
  44.  
  45. <meta name="image:header" content=""/>
  46. <meta name="image:sidebar" content=""/>
  47.  
  48.  
  49. <meta name="text:link 1 title" content="link"/>
  50. <meta name="text:link 1 url" content=""/>
  51. <meta name="text:link 2 title" content="link"/>
  52. <meta name="text:link 2 url" content=""/>
  53. <meta name="text:link 3 title" content="link"/>
  54. <meta name="text:link 3 url" content=""/>
  55. <meta name="text:link 4 title" content="link"/>
  56. <meta name="text:link 4 url" content=""/>
  57.  
  58.  
  59.  
  60.  
  61.  
  62. <!----------------SCRIPTS---------------->
  63.  
  64. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  65. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  66. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  67. <script>
  68. (function($){
  69. $(document).ready(function(){
  70. $("[title]").style_my_tooltips({
  71. tip_follows_cursor:true,
  72. tip_delay_time:200,
  73. tip_fade_speed:300
  74. });
  75. });
  76. })(jQuery);
  77. </script>
  78.  
  79. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  80.  
  81. <link href='https://fonts.googleapis.com/css?family=Quicksand:400,700,300' rel='stylesheet' type='text/css'>
  82.  
  83. <script type="text/javascript">
  84. WebFontConfig = {
  85. google: { families: [ 'Quicksand:400,700,300:latin' ] }
  86. };
  87. (function() {
  88. var wf = document.createElement('script');
  89. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  90. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  91. wf.type = 'text/javascript';
  92. wf.async = 'true';
  93. var s = document.getElementsByTagName('script')[0];
  94. s.parentNode.insertBefore(wf, s);
  95. })(); </script>
  96.  
  97. <style type="text/css">
  98.  
  99. /*----------SCROLLBAR---------*/
  100.  
  101. ::-webkit-scrollbar {
  102. background-color: {color:scrollbar bg};
  103. height:8px;
  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:8px;
  115. }
  116.  
  117. /*----------TOOLTIPS---------*/
  118.  
  119. #s-m-t-tooltip {
  120. max-width:300px;
  121. margin:15px;
  122. padding:5px;
  123. border:1px solid #eeeeee;
  124. border-radius:0px;
  125. background:#ffffff;
  126. color:{color:text};
  127. z-index:999999;
  128. font-size:7px;
  129. font-style:none;
  130. letter-spacing:2px;
  131. font-family:arial;
  132. text-transform:uppercase;
  133. box-shadow:1px 1px 3px rgba(0,0,0,.0);
  134. }
  135.  
  136. /*----------BASICS---------*/
  137.  
  138. body {
  139. background:{color:background};
  140. color:{color:text};
  141. font-family:'open sans', helvetica, arial, sans-serif;
  142. font-size:11px;
  143. line-height:150%;
  144. margin:0;
  145. text-align:left;
  146. }
  147.  
  148. small {
  149. font-size:11px;
  150. }
  151.  
  152.  
  153.  
  154. a {
  155. color:{color:links};
  156. text-decoration:none;
  157. }
  158.  
  159.  
  160.  
  161. a:hover {
  162. color:{color:link hover};
  163. transition:1s;
  164. -webkit-transition:1s;
  165. -moz-transition:1s;
  166. -o-transition:1s;
  167. }
  168.  
  169. img {
  170. opacity:1;
  171. text-decoration:none;
  172. }
  173.  
  174. h1 {
  175. font-size:14px;
  176. font-weight:bold;
  177. font-family:arial;
  178. line-height:150%;
  179. text-transform:uppercase;
  180. }
  181.  
  182. blockquote {
  183. padding-left:10px;
  184. margin:10px;
  185. border-left:1px solid #eee;
  186. }
  187.  
  188. /*----------HEADER---------*/
  189.  
  190. .h img {
  191. margin-bottom:0px;
  192. position:relative;
  193. margin-left:calc(50% - 550px);
  194. }
  195.  
  196. .topbar {
  197. width:1100px;
  198. padding:35px 0px 40px 0px;
  199. background:{color:navigation};
  200. font-family:'Quicksand', sans-serif;
  201. margin-left:calc(50% - 550px);
  202. }
  203.  
  204. .links {
  205. text-align:center;
  206. }
  207.  
  208. .links a {
  209. text-transform:uppercase;
  210. font-size:12px;
  211. letter-spacing:1px;
  212. font-weight:bold;
  213. color:{color:nav links};
  214. padding:20px;
  215.  
  216. }
  217.  
  218. .links a:hover {
  219. color:{color:nav links hover};
  220. }
  221.  
  222.  
  223. .title {
  224. float:left;
  225. text-align:left;
  226. width:255px;
  227. background:{color:top title background};
  228. padding:30px 30px 30px 0px;
  229. margin-top:-35px;
  230. text-transform:uppercase;
  231. font-weight:600;
  232. color:{color:top title text};
  233. font-size:15px;
  234. text-align:right;
  235. }
  236.  
  237. .subtitle {
  238. font-size:10px;
  239. }
  240.  
  241. /*----------SIDEBAR---------*/
  242.  
  243. .sidebar {
  244. position:absolute;
  245. width:350px;
  246. margin-top:50px;
  247. margin-left:20px;
  248.  
  249. }
  250.  
  251.  
  252. .cat {
  253. padding:20px;
  254. margin-bottom:50px;
  255. background:{color:sidebar};
  256.  
  257. }
  258.  
  259. .icon i {
  260. background:{color:title icons background};
  261. padding:23px;
  262. margin-top:-15px;
  263. margin-left:-15px;
  264. color:{color:title icons};
  265. border:1px solid {color:title icons border};
  266.  
  267.  
  268. }
  269.  
  270. .cti {
  271. text-transform:uppercase;
  272. font-size:15px;
  273. font-weight:900;
  274. padding:15px;
  275. color:{color:titles};
  276. text-align:right;
  277. letter-spacing:1px;
  278. background:white;
  279. border-bottom:1px solid #eee;
  280. background:{color:titles background};
  281. border-bottom:1px solid #eee;
  282. font-family:'Quicksand', sans-serif;
  283. }
  284.  
  285. .cti2 {
  286. font-size:8px;
  287. color:{color:titles};
  288. }
  289.  
  290.  
  291.  
  292. .descimg img {
  293. width:350px;
  294. }
  295.  
  296.  
  297.  
  298. .welcome {
  299. text-align:justify;
  300. padding:20px;
  301. font-size:12px;
  302. margin-bottom:50px;
  303. background:white;
  304. }
  305.  
  306.  
  307. .spotlight img {
  308. margin-bottom:50px;
  309.  
  310. }
  311.  
  312. .projects {
  313. padding:5px;
  314. text-align:left;
  315. margin-top:0px;
  316. }
  317.  
  318.  
  319.  
  320. .projects img {
  321. padding:5px;
  322. width:100px;
  323. float:left;
  324. margin-right:10px;
  325. border:1px solid #eee;
  326.  
  327. }
  328.  
  329. .projects a {
  330. color:black;
  331. }
  332.  
  333.  
  334.  
  335. .cover img{
  336. width:350px;
  337. }
  338.  
  339. .pinfo {
  340. height:130px;
  341. margin-top:20px;
  342. }
  343.  
  344. .pinfo a {
  345. color:{color:links};
  346. text-decoration:none;
  347. }
  348.  
  349. .pinfo a:hover {
  350. color:{color:link hover};
  351. }
  352.  
  353.  
  354.  
  355. .date {
  356. float:left;
  357. padding:10px;
  358. margin-right:10px;
  359. background:{color:events date};
  360. text-transform:uppercase;
  361. font-weight:bold;
  362. font-family:'quicksand', sans-serif;
  363. }
  364.  
  365. .e {
  366. padding:10px;
  367. border-bottom:1px solid #eee;
  368.  
  369. }
  370.  
  371.  
  372.  
  373. .affiliates {
  374. width:300px;
  375. padding:5px;
  376. text-align:left;
  377. text-transform:uppercase;
  378. font-size:9px;
  379. letter-spacing:1px;
  380. margin-top:20px;
  381. }
  382.  
  383. .affiliates img {
  384. padding:5px;
  385. width:50px;
  386.  
  387.  
  388. }
  389.  
  390. .affiliates img:hover {
  391. -webkit-filter: grayscale(100%);
  392. z-index: -9999999999999999999999999px;
  393. -webkit-transition: all 0.9s ease-in-out;
  394. -moz-transition: all 0.9s ease-in-out;
  395. -o-transition: all 0.9s ease-in-out;
  396. -ms-transition: all 0.9s ease-in-out;
  397. transition: all 0.9s ease-in-out;
  398. }
  399.  
  400. .sinfo {
  401. margin:20px;
  402. text-align:justify;
  403. }
  404.  
  405. .off a {
  406. display:block;
  407. padding:10px;
  408. border-bottom:1px solid #eee;
  409. text-transform:uppercase;
  410. font-size:10px;
  411. color:black;
  412. font-family:'Quicksand', sans-serif;
  413. font-weight:900;
  414. }
  415.  
  416. .off a:hover {
  417. margin-left:5px;
  418. }
  419.  
  420. .off i {
  421. color:black;
  422. }
  423.  
  424.  
  425.  
  426.  
  427. /*----------PAGINATION---------*/
  428.  
  429. #pagi {
  430. margin-top:40px;
  431. margin-left:800px;
  432. font-family:'roboto', sans-serif;
  433. text-transform:uppercase;
  434. font-size:20px;
  435. font-weight:bold;
  436. padding:20px;
  437. }
  438.  
  439. /*----------POSTS---------*/
  440.  
  441. .container {
  442. width:1060px;
  443. margin-left:calc(50% - 550px);
  444. background:{color:content background};
  445. padding:20px;
  446. margin-top:-5px;
  447.  
  448. }
  449.  
  450.  
  451. .entries {
  452. margin-top:50px;
  453. width:500px;
  454. margin-left:500px;
  455. background:{color:content background};
  456.  
  457. }
  458.  
  459. .posts {
  460. width:500px;
  461. margin-bottom:70px;
  462. background:{color:posts background};
  463. padding:20px;
  464.  
  465. }
  466.  
  467.  
  468. /*----------QUOTE---------*/
  469.  
  470. .quote {
  471. padding:10px;
  472. font-size:15px;
  473. text-align:center;
  474. }
  475.  
  476. .quotesource {
  477. padding:10px;
  478. text-align:center;
  479. }
  480.  
  481. /*----------CHAT---------*/
  482.  
  483. .chat {
  484. line-height:150%;
  485. list-style:none;
  486. }
  487.  
  488. .line.odd {
  489. padding:10px;
  490. background:#f8f8f8;
  491. }
  492.  
  493. .line.even {
  494. padding:10px;
  495. }
  496.  
  497. .label {
  498. text-transform:uppercase;
  499. font-size:10px;
  500. letter-spacing:1px;
  501. font-weight:bold;
  502. }
  503.  
  504. /*----------AUDIO---------*/
  505.  
  506. .cover {
  507. position:relative;
  508. z-index:1;
  509. max-width:100px;
  510. padding:10px;
  511. float:left;
  512. }
  513.  
  514. .playbutton {
  515. width:20px;
  516. height:30px;
  517. overflow:hidden;
  518. position:relative;
  519. z-index:2;
  520.  
  521. }
  522.  
  523.  
  524. .playbox {
  525. background-color:#000;
  526. position:absolute;
  527. z-index:2;
  528. padding:15px 24px 13px 16px;
  529. margin-top:30px;
  530. margin-left:30px;
  531. opacity:0.5;
  532. }
  533.  
  534. .trackdetails {
  535. padding:10px;
  536. width:auto;
  537. height:100px;
  538. margin-top:10px;
  539. margin-left:100px;
  540. }
  541.  
  542. /*----------ASK---------*/
  543.  
  544. .question {
  545. padding:10px;
  546. background:{color:question};
  547. }
  548.  
  549.  
  550. .asker {
  551. text-transform:uppercase;
  552. }
  553.  
  554. .answer {
  555. margin:10px;
  556. }
  557.  
  558. /*----------INFO---------*/
  559.  
  560. .notes {
  561. float:left;
  562. background:{color:notes background};
  563. padding:11px;
  564. margin-top:-10px;
  565. margin-left:-10px;
  566. margin-right:10px;
  567. }
  568.  
  569. .notes a {
  570. color:{color:notes text};
  571. }
  572.  
  573. .info {
  574. padding:10px;
  575. text-transform:uppercase;
  576. margin-top:25px;
  577. background:{color:info background};
  578. border-bottom:1px solid #eee;
  579. font-size:10px;
  580. font-family:'Quicksand', sans-serif;
  581. width:520px;
  582. }
  583.  
  584. .info b {
  585. color:{color:info bold};
  586. }
  587.  
  588.  
  589.  
  590.  
  591. .tags {
  592. border-top:1px solid #eee;
  593. padding:10px 10px 0px 10px;
  594. width:520px;
  595. margin-left:-20px;
  596. font-size:10px;
  597. font-style:italic;
  598. text-transform:lowercase;
  599. background:{color:tags background};
  600. margin-top:10px;
  601. }
  602.  
  603. .tags a {
  604. margin-right:10px;
  605. letter-spacing:1px;
  606.  
  607.  
  608. }
  609.  
  610. /*----------POST NOTES---------*/
  611.  
  612. ol.notes {
  613. padding:0px;
  614. margin:25px 0px 0px -10px;
  615. list-style-type:none;
  616. }
  617.  
  618. ol.notes li.note {
  619. padding:10px;
  620. }
  621.  
  622. ol.notes li.note img.avatar {
  623. vertical-align:-4px;
  624. margin-right:10px;
  625. width:16px;
  626. height:16px;
  627. }
  628.  
  629. ol.notes li.note span.action {
  630. font-weight:none;
  631. }
  632.  
  633. ol.notes li.note .answer_content {
  634. font-weight:normal;
  635. }
  636.  
  637. ol.notes li.note blockquote {
  638. padding:4px 10px;
  639. margin:10px 0px 0px 25px;
  640. }
  641.  
  642. ol.notes li.note blockquote a {
  643. text-decoration:none;
  644. }
  645.  
  646. /*----------CREDIT---------*/
  647.  
  648. .credit {
  649. font-size:8px;
  650. position:fixed;
  651. font-weight:bold;
  652. bottom:5px;
  653. right:15px;
  654. z-index:10;
  655. text-align:right;
  656. letter-spacing:1px;
  657. padding:2px;
  658. }
  659.  
  660. .credit a {
  661. color:{color:links};
  662. text-decoration:none;
  663. border:1px solid #eee;
  664. padding:5px;
  665. }
  666.  
  667. .credit a:hover {
  668. color:{color:links hover};
  669. text-decoration:none;
  670. }
  671.  
  672. </style>
  673. </head>
  674.  
  675. <body>
  676.  
  677. <div class="credit">
  678. <a title="theme" href="http://mattdraddario.tumblr.com/" target="_blank">MD</a></div>
  679.  
  680.  
  681. <div class="topbar">
  682.  
  683. <div class="title">Matthewdaddariodaily <br><div class="subtitle">your source on matthew daddario</div></div>
  684.  
  685.  
  686. <div class="links">
  687. <a href="/">home</a>
  688. <a href="/ask">Inbox</a>
  689. <a href="{text:link 1 url}">{text:link 1 title}</a>
  690. <a href="{text:link 2 url}">{text:link 2 title}</a>
  691. <a href="{text:link 3 url}">{text:link 3 title}</a>
  692. <a href="{text:link 4 url}">{text:link 4 title}</a>
  693.  
  694. </div>
  695.  
  696. </div>
  697.  
  698.  
  699. <div class="h"><img src="{image:header}"></div>
  700.  
  701.  
  702.  
  703. <div class="container">
  704.  
  705. <div class="sidebar">
  706.  
  707.  
  708.  
  709.  
  710.  
  711. <!-- WELCOME -->
  712.  
  713. <div class="cti"><div class="icon"><i class="fa fa-home" style="float:left;"></i></div>Welcome <div class="cti2">matthewdaddariodaily</div></div>
  714.  
  715.  
  716.  
  717.  
  718. <div class="welcome">
  719. {description}
  720.  
  721.  
  722.  
  723. </div>
  724.  
  725. <!-- OFFICIAL LINKS -->
  726.  
  727. <div class="cti"><div class="icon"><i class="fa fa-globe" style="float:left;"></i></div>Official Links <div class="cti2">social media</div></div>
  728. <div class="cat">
  729. <div class="off">
  730. <a href="https://twitter.com/">Twitter <i class="fa fa-twitter" style="float:right"></i></a>
  731. <a href="http://instagram.com/">Instagram <i class="fa fa-instagram" style="float:right"></i></a>
  732. <a href="http://youtube.com">youtube <i class="fa fa-youtube-play" style="float:right"></i></a>
  733.  
  734. </div>
  735. </div>
  736.  
  737.  
  738. <!-- UPCOMING EVENTS -->
  739.  
  740. <div class="cti"><div class="icon"><i class="fa fa-calendar" style="float:left;"></i></div>Upcoming Events <div class="cti2">appearances, movies, tv shows etc</div></div>
  741. <div class="cat">
  742.  
  743.  
  744. <div class="date">Date</div><div class="e">Info</div><br>
  745.  
  746. <div class="date">Date</div><div class="e">Info</div><br>
  747.  
  748. <div class="date">Date</div><div class="e">Info</div><br>
  749.  
  750. <div class="date">Date</div><div class="e">Info</div><br>
  751.  
  752. <div class="date">Date</div><div class="e">Info</div><br>
  753.  
  754.  
  755.  
  756. </div>
  757.  
  758.  
  759. <!-- SPOTLIGHT -->
  760.  
  761.  
  762. <div class="cti"><div class="icon"><i class="fa fa-diamond" style="float:left;"></i></div>Spotlight <div class="cti2">picture of the week</div></div>
  763.  
  764.  
  765.  
  766. <div class="spotlight"><img src="http://static.tumblr.com/zy3qjic/v5No258cg/lwbr004_copy.png"></div>
  767.  
  768.  
  769. <!-- PROJECTS -->
  770.  
  771.  
  772. <div class="cti"><div class="icon"><i class="fa fa-leaf" style="float:left;"></i></div>Projects <div class="cti2">tv shows, movies, etc...</div></div>
  773. <div class="cat">
  774.  
  775.  
  776.  
  777. <div class="projects">
  778.  
  779. <img src="http://static.tumblr.com/zy3qjic/9gro258fh/lwbr002__1__copy.png">
  780. <div class="pinfo"><ul> <b><font style="font-size:13px; font-weight:bold; text-transform:uppercase; font-style:italic;">TITLE OF PROJECT</font></b><br>
  781. <b>Info</b>: Info<br>
  782. <b>Info</b>: Info<br>
  783. <b>Links</b>: <a href="">Link</a> & <a href="">Link</a><br>
  784.  
  785. </ul></div>
  786. <img src="http://static.tumblr.com/zy3qjic/9gro258fh/lwbr002__1__copy.png">
  787. <div class="pinfo"><ul> <b><font style="font-size:13px; font-weight:bold; text-transform:uppercase; font-style:italic;">TITLE OF PROJECT</font></b><br>
  788. <b>Info</b>: Info<br>
  789. <b>Info</b>: Info<br>
  790. <b>Links</b>: <a href="">Link</a> & <a href="">Link</a><br>
  791.  
  792. </ul></div>
  793.  
  794. <img src="http://static.tumblr.com/zy3qjic/9gro258fh/lwbr002__1__copy.png">
  795. <div class="pinfo"><ul> <b><font style="font-size:13px; font-weight:bold; text-transform:uppercase; font-style:italic;">TITLE OF PROJECT</font></b><br>
  796. <b>Info</b>: Info<br>
  797. <b>Info</b>: Info<br>
  798. <b>Links</b>: <a href="">Link</a> & <a href="">Link</a><br>
  799.  
  800. </ul></div>
  801.  
  802.  
  803. </div></div>
  804.  
  805.  
  806. <!-- AFFILIATES -->
  807.  
  808. <div class="cti"><div class="icon"><i class="fa fa-heart-o" style="float:left;"></i></div>Affiliates <div class="cti2">blogs you should follow</div></div>
  809. <div class="cat">
  810.  
  811. <div class="affiliates">
  812.  
  813. <center>
  814.  
  815. <a href="/" title="apply"><img src="http://static.tumblr.com/zy3qjic/zRfo258hx/lwbr001__1__copy.png"/></a>
  816. <a href="/" title="apply"><img src="http://static.tumblr.com/zy3qjic/zRfo258hx/lwbr001__1__copy.png"/></a>
  817. <a href="/" title="apply"><img src="http://static.tumblr.com/zy3qjic/zRfo258hx/lwbr001__1__copy.png"/></a>
  818. <a href="/" title="apply"><img src="http://static.tumblr.com/zy3qjic/zRfo258hx/lwbr001__1__copy.png"/></a>
  819. <a href="/" title="apply"><img src="http://static.tumblr.com/zy3qjic/zRfo258hx/lwbr001__1__copy.png"/></a>
  820. <a href="/" title="apply"><img src="http://static.tumblr.com/zy3qjic/zRfo258hx/lwbr001__1__copy.png"/></a>
  821. <a href="/" title="apply"><img src="http://static.tumblr.com/zy3qjic/zRfo258hx/lwbr001__1__copy.png"/></a>
  822. <a href="/" title="apply"><img src="http://static.tumblr.com/zy3qjic/zRfo258hx/lwbr001__1__copy.png"/></a>
  823. </center>
  824.  
  825.  
  826. </div>
  827. </div>
  828.  
  829.  
  830.  
  831. <!-- EDITORS -->
  832.  
  833. <div class="cti"><div class="icon"><i class="fa fa-user" style="float:left;"></i></div>Editors <div class="cti2">our team</div></div>
  834. <div class="cat">
  835.  
  836. {block:GroupMembers}
  837. <table style="margin-top:0px;">
  838. {block:GroupMember}
  839. <tr>
  840. <td style="width:40px;">
  841. <img src="{GroupMemberPortraitURL-40}" width="40px;" height="auto;" style="margin-right: 10px; padding: 5px; border: 1px solid #f1f1f1">
  842. </td>
  843. <td style="width:290px; height:auto;">
  844. <div id="m" style="margin-bottom:10px;">
  845. <a href="{GroupMemberURL}" style="font-weight:bold; text-transform:uppercase; font-family:arial; letter-spacing:0px; font-size:8px;">{GroupMemberName}</a><br>{GroupMemberTitle}</div>
  846.  
  847. </tr>
  848. {/block:GroupMember}
  849. </table>
  850. {/block:GroupMembers}
  851. </div>
  852.  
  853.  
  854.  
  855. <!-- INFO -->
  856.  
  857. <div class="cti"><div class="icon"><i class="fa fa-bookmark" style="float:left;"></i></div>About the site <div class="cti2">info about the blog</div></div>
  858. <div class="cat">
  859.  
  860. <div class="sinfo">
  861. <b>About:</b> Matthew Daddario<br>
  862. <b>Theme by:</b> <a href="http://mattdraddario.tumblr.com/">Graziella</a><br>
  863. <b>Online:</b> <br>
  864. <b>Visits:</b><br><br>
  865.  
  866. Our site claims no credit for any images posted on this site unless stated otherwise. Images and information on this blog are copyright to their respectful owners.
  867. </div>
  868.  
  869.  
  870.  
  871. </div>
  872.  
  873. </div>
  874.  
  875. <div class="entries">
  876.  
  877. {block:Posts}
  878.  
  879. <div class="info">
  880. <div class="notes"><a href="{Permalink}">{NoteCount}</a></div>
  881. &nbsp;&nbsp;
  882.  
  883.  
  884.  
  885.  
  886. <a href="{ReblogURL}" target="_blank" class="details">reblog</a>&nbsp;&nbsp;/&nbsp;&nbsp;<b>Posted by</b> <a href="{PostAuthorURL}">{PostAuthorName}</a>
  887. &nbsp;&nbsp;/&nbsp;&nbsp;
  888. {block:Date}
  889. <b><a href="{Permalink}" title="{Month} {DayOfMonth}{DayOfMonthSuffix}">{TimeAgo}</b></a>
  890. {/block:Date}
  891.  
  892. <font style="float:right">
  893. {block:RebloggedFrom}
  894. <a href="{ReblogParentURL}" title="{ReblogParentName}">via </a>
  895. {block:ContentSource}
  896. <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRootName}">/ src</a>
  897. {/block:ContentSource}
  898. {/block:RebloggedFrom}</font>
  899.  
  900.  
  901.  
  902. </div>
  903.  
  904. <div class="posts">
  905.  
  906.  
  907.  
  908. {block:Text}
  909. <h1>{block:Title}{Title}{/block:Title}</h1>
  910. {Body}{/block:Text}
  911.  
  912.  
  913. {block:Photo}
  914. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  915. {block:Caption}{Caption}{/block:Caption}
  916. {/block:Photo}
  917.  
  918.  
  919. {block:Photoset}
  920. {Photoset-500}
  921. {block:Caption}{Caption}{/block:Caption}
  922. {/block:Photoset}
  923.  
  924.  
  925. {block:Quote}
  926. <div class="quote">"{Quote}"</div>
  927. {block:Source}<div class="quotesource"> — {Source}</div>
  928. {/block:Source}{/block:Quote}
  929.  
  930.  
  931. {block:Link}
  932. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  933. {block:Description}{Description}{/block:Description}
  934. {/block:Link}
  935.  
  936.  
  937. {block:Chat}
  938. {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>
  939. {/block:Chat}
  940.  
  941.  
  942. {block:Audio}
  943.  
  944. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  945.  
  946. {block:AlbumArt}
  947. <img src="{AlbumArtURL}" class="cover">
  948. {/block:AlbumArt}
  949.  
  950.  
  951. <div class="trackdetails"><br>
  952. {block:TrackName}<b>TRACK:</b> {TrackName}{/block:TrackName}<br>
  953.  
  954. {block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}<br>
  955.  
  956. <b>PLAYS:</b> {FormattedPlayCount}</div>
  957.  
  958.  
  959. {block:Caption}
  960. <div class="caption">{Caption}</div>
  961. {/block:Caption}
  962. {/block:Audio}
  963.  
  964.  
  965. {block:Video}
  966. {Video-500}
  967. {block:Caption}{Caption}{/block:Caption}
  968. {/block:Video}
  969.  
  970.  
  971. {block:Answer}
  972. <div class="question">
  973. <div class="asker"><b>{Asker} said:</b></div>
  974. {Question}</div>
  975. <div class="answer">
  976. {Answer}</div>
  977. {/block:Answer}
  978.  
  979.  
  980. {block:HasTags}
  981. <div class="tags">
  982. {block:Tags}
  983. #<a href="{TagURL}">{Tag}</a>
  984. {/block:Tags}
  985. </div>
  986. {/block:HasTags}
  987.  
  988. </div>
  989.  
  990.  
  991. {block:PostNotes}
  992. {PostNotes}
  993. {/block:PostNotes}
  994. {/block:Posts}</div>
  995.  
  996. <div id="pagi">
  997. {block:IndexPage}
  998. <div id="pagination">
  999. {block:Pagination}
  1000. {block:JumpPagination length="5"}
  1001. {block:CurrentPage}
  1002. <span class="current_page">{PageNumber}</span>
  1003. {/block:CurrentPage}
  1004. {block:JumpPage}
  1005. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1006. {/block:JumpPage}
  1007. {/block:JumpPagination}
  1008. {/block:Pagination}
  1009. </div>
  1010. {/block:IndexPage}
  1011. </div>
  1012.  
  1013. {block:ContentSource}
  1014. <!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  1015. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  1016. {/block:SourceLogo}
  1017. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  1018. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  1019.  
  1020. </body>
Add Comment
Please, Sign In to add comment