Advertisement
enbythemes

theme 04: biconic

Jun 3rd, 2020
96
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.86 KB | None | 0 0
  1. <!--
  2. biconic © xroub.tumblr.com
  3. -->
  4.  
  5. <!-- credits -->
  6. <!--
  7. dashboard style captions base: espoirthemes & annasthms
  8. photoset.css: annasthms & espoirthemes
  9. responsive videos: nouvae
  10. fixed tumblr controls: magnusthemes
  11. -->
  12. <!DOCTYPE html>
  13. <html>
  14. <head>
  15. <link rel="shortcut icon" href="{Favicon}" />
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  17. <title>{Title}</title>
  18. {block:Description}
  19. <meta name="description" content="{MetaDescription}" />
  20. {/block:Description}
  21.  
  22. <!-- meta tags -->
  23. <meta name="image:sidebar" content="">
  24.  
  25. <meta name="color:background" content="#fafafa">
  26. <meta name="color:font color" conent="#222222">
  27. <meta name="color:sidebar" content="#ffffff">
  28. <meta name="color:posts" content="#ffffff">
  29. <meta name="color:links" content="#656565">
  30. <meta name="color:accent 1" content="#d291ff">
  31. <meta name="color:accent 2" content="#91b2ff">
  32. <meta name="color:accent 3" content="#ff91e1">
  33. <meta name="color:bold" content="#91b2ff">
  34. <meta name="color:audio player" content="#d291ff">
  35. <meta name="color:scrollbar" content="#91b2ff">
  36. <meta name="color:text selection" content="#91b2ff">
  37.  
  38. <meta name="select:sidebar size" content="100px">
  39. <meta name="select:sidebar size" content="150px">
  40. <meta name="select:sidebar size" content="200px">
  41. <meta name="select:sidebar size" content="250px">
  42.  
  43. <meta name="select:post size" content="400px">
  44. <meta name="select:post size" content="450px">
  45. <meta name="select:post size" content="500px">
  46. <meta name="select:post size" content="540px">
  47.  
  48. <meta name="select:photoset gutter" content="1px">
  49. <meta name="select:photoset gutter" content="2px">
  50. <meta name="select:photoset gutter" content="3px">
  51. <meta name="select:photoset gutter" content="4px">
  52. <meta name="select:photoset gutter" content="5px">
  53.  
  54. <meta name="text:google font" content="Open Sans">
  55. <meta name="text:font size" content="12px">
  56.  
  57. <meta name="text:link one" content="line one">
  58. <meta name="text:link one url" content="">
  59. <meta name="text:link two" content="link two">
  60. <meta name="text:link two url" content="">
  61. <meta name="text:link three" content="link three">
  62. <meta name="text:link three url" content="">
  63.  
  64. <meta name="if:gradient underline" content="">
  65. <meta name="if:hover tags" content="">
  66.  
  67. <!-- scripts -->
  68. <link href="https://fonts.googleapis.com/css?family=Montserrat|{text:Google Font}:700,400" rel="stylesheet">
  69.  
  70. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
  71.  
  72. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  73. <script src="https://rawgit.com/robinpx/tumblr/master/scripts/flexibleFrames/flexibleFrames.min.js"></script>
  74.  
  75. <script>
  76. $(document).ready(function() {
  77. flexibleFrames($(".video"));
  78. });
  79. </script>
  80.  
  81. <link href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet">
  82. <script>
  83. function gatherData(images, arr) {
  84. for (let i = 0; i < images.length; i++) {
  85. let currentData = {
  86. "width": images[i].getAttribute('data-width'),
  87. "height": images[i].getAttribute('data-height'),
  88. "low_res": images[i].getAttribute('data-lowres'),
  89. "high_res": images[i].getAttribute('data-highres')
  90. };
  91. arr.push(currentData);
  92. }
  93. }
  94. function getIndex(elem) {
  95. let i = 0;
  96. while( (elem = elem.previousElementSibling) != null ) i++;
  97. return i;
  98. }
  99. function lightbox(elem) {
  100. let currentPhotoset = elem.parentNode;
  101. let photosetPhotos = currentPhotoset.getElementsByTagName('div');
  102. let data = [];
  103. gatherData(photosetPhotos, data);
  104. Tumblr.Lightbox.init(data, getIndex(elem) + 1);
  105. }
  106. </script>
  107. <style>
  108. /* html */
  109. body {
  110. background: {color:background};
  111. font-family: {text:google font};
  112. font-size: {text:font size};
  113. color: {color:font color};
  114. word-wrap: break-word;
  115. }
  116.  
  117. h1, h2, h3, h4, h5, small, big, sub, sup {
  118. font-size: 1em;
  119. }
  120.  
  121. b, strong {
  122. color: {color:bold};
  123. }
  124.  
  125. a {
  126. text-decoration: none;
  127. color: {color:links};
  128. transition: all 0.5s ease;
  129. -webkit-transition: all 0.5s ease;
  130. -moz-transition: all 0.5s ease;
  131. -o-transition: all 0.5s ease;
  132. }
  133.  
  134. a:hover {
  135. color: {color:font color};
  136. transition: all 0.5s ease;
  137. -webkit-transition: all 0.5s ease;
  138. -moz-transition: all 0.5s ease;
  139. -o-transition: all 0.5s ease;
  140. }
  141.  
  142. blockquote {
  143. padding-left: 7px;
  144. border-left: 1px solid #ccc;
  145. margin: 6px 0;
  146. }
  147.  
  148. /* scrollbar */
  149. ::-webkit-scrollbar {
  150. width: 5px;
  151. }
  152.  
  153. ::-webkit-scrollbar-thumb {
  154. background: {color:scrollbar};
  155. }
  156.  
  157. /* selection */
  158. ::selection {
  159. background:{color:text selection};
  160. color: #fff;
  161. }
  162.  
  163. ::-webkit-selection {
  164. background:{color:text selection};
  165. color: #fff;
  166. }
  167.  
  168. main {
  169. width: calc({select:sidebar size} + {select:post size} + 100px);
  170. margin: 5% auto;
  171. }
  172.  
  173. /* sidebar */
  174. aside {
  175. width: {select:sidebar size};
  176. background: {color:sidebar};
  177. position: fixed;
  178. padding: 5px;
  179. }
  180.  
  181. aside img {
  182. max-width: 100%;
  183. height: auto!important;
  184. margin-bottom: 5px;
  185. }
  186.  
  187. h1.ttl {
  188. display: inline;
  189. padding: 3px 0;
  190. {block:IfGradientUnderline}
  191. background:
  192. linear-gradient(to left,
  193. {color:accent 1} 0%,
  194. {color:accent 2} 50%,
  195. {color:accent 3} 100%)
  196. left
  197. bottom
  198. no-repeat;
  199. background-size: 100% 2px;
  200. {/block:IfGradientUnderline}
  201. }
  202.  
  203. .links a {
  204. margin-right: 5px;
  205. }
  206.  
  207. .links a:hover:nth-of-type(3n-2) {color: {color:accent 1};}
  208. .links a:hover:nth-of-type(3n-1) {color: {color:accent 2};}
  209. .links a:hover:nth-of-type(3n) {color: {color:accent 3};}
  210.  
  211. .links, .desc, .pagination {
  212. margin-top: 8px;
  213. }
  214.  
  215. .pagination {
  216. text-align: center;
  217. }
  218.  
  219. .pagination a {
  220. margin: 0 5px;
  221. }
  222.  
  223. /* posts */
  224. section {
  225. width: {select:post size};
  226. margin-left: calc({select:sidebar size} + 100px);
  227. }
  228.  
  229. article.posts {
  230. width: {select:post size};
  231. margin-bottom: 100px;
  232. background: {color:posts};
  233. padding: 5px 8px;
  234. }
  235.  
  236. .posts:nth-of-type(3n-2) a {color:{color:accent 1};}
  237. .posts:nth-of-type(3n-1) a {color:{color:accent 2};}
  238. .posts:nth-of-type(3n) a {color:{color:accent 3};}
  239.  
  240. .posts a:hover {
  241. color: {color:links};
  242. }
  243.  
  244. /* text posts */
  245. article img {
  246. max-width: 100%;
  247. }
  248.  
  249. /* photo posts */
  250. .photo {
  251. max-width: 100%;
  252. height: auto!important;
  253. }
  254.  
  255. /* photosets */
  256. [photoset-layout] {
  257. grid-gap: {select:photoset gutter};
  258. }
  259.  
  260. [photoset-layout] div {
  261. cursor: pointer;
  262. }
  263.  
  264. /* quote posts */
  265. .quote {
  266. font-size: 1.1em;
  267. font-weight: bold;
  268. font-family: 'Montserrat', sans-serif;
  269. }
  270.  
  271. .source {
  272. font-size: .9em;
  273. font-style: italic;
  274. text-align: right;
  275. margin-top: 3px;
  276. margin-bottom: 3px;
  277. }
  278.  
  279. /* chat posts */
  280. ul.chat {
  281. list-style-type: none;
  282. padding: 0;
  283. }
  284.  
  285. span.label {
  286. text-transform: uppercase;
  287. font-weight: bold;
  288. color: {color:bold};
  289. }
  290.  
  291. /* link posts */
  292. .link {
  293. font-size: 1.1em;
  294. margin-bottom: 15px;
  295. }
  296.  
  297. .link i {
  298. font-size: .9em;
  299. margin-right: 4px;
  300. }
  301.  
  302. /* audio posts */
  303. .playwrap {
  304. margin-top: 0px;
  305. position: relative;
  306. }
  307.  
  308. .playbutton {
  309. top: 25px;
  310. position: relative;
  311. margin-left: 23px;
  312. z-index: 6;
  313. width: 33px;
  314. height: 30px;
  315. overflow: hidden;
  316. }
  317.  
  318. .albumart img {
  319. position: relative;
  320. margin-top: -28px;
  321. margin-left: 0px
  322. height: 80px;
  323. width: 80px;
  324. overflow: hidden;
  325. }
  326.  
  327. .trackinfo {
  328. margin-bottom: 10px;
  329. position: relative;
  330. margin-left: 100px;
  331. height: 80px;
  332. margin-top: -90px;
  333. margin-bottom: 20px;
  334. }
  335.  
  336. .trackinfo span {
  337. font-weight: bold;
  338. color: {color:bold};
  339. text-transform: uppercase;
  340. font-size: .9em;
  341. }
  342.  
  343. .trackname {
  344. position: relative;
  345. padding-top: 25px;
  346. }
  347.  
  348. .trackname, .artist, .album {
  349. font-size: .9em;
  350. letter-spacing: 2px;
  351. }
  352.  
  353. /* answer posts */
  354. .question_text {
  355. margin-top: 8px;
  356. }
  357.  
  358. .question_container i {
  359. font-size: 0.8em;
  360. vertical-align: middle;
  361. margin-right: 3px;
  362. margin-top: -3px;
  363. }
  364.  
  365. .answer_container {
  366. margin-top: 20px;
  367. }
  368.  
  369. /* captions */
  370. .reblog-header a {
  371. font-weight: bold;
  372. }
  373.  
  374. .caption {
  375. padding: 10px 0;
  376. }
  377.  
  378. .caption img {
  379. max-width: 100%;
  380. height: auto!important;
  381. }
  382.  
  383. .caption ol, ul {
  384. padding: 0;
  385. }
  386.  
  387. .caption ul {
  388. margin-left: 18px;
  389. }
  390.  
  391. .caption ol {
  392. margin-left: 15px;
  393. }
  394.  
  395. /* post info */
  396. .date {
  397. max-width: 40%;
  398. margin: 10px auto;
  399. padding: 3px 3px 0;
  400. border-top: 1px solid #ccc;
  401. text-align: center;
  402. font-size: .8em;
  403. text-transform: lowercase;
  404. }
  405.  
  406. /* tags */
  407. .tags {
  408. font-size: .8em;
  409. text-align: center;
  410. {block:ifhovertags}
  411. opacity: 0;
  412. max-height: 0;
  413. transition: all 0.5s ease;
  414. -webkit-transition: all 0.5s ease;
  415. -moz-transition: all 0.5s ease;
  416. -o-transition: all 0.5s ease;
  417. {/block:ifhovertags}
  418. }
  419.  
  420. {block:IfHoverTags}
  421. .posts:hover .tags {
  422. opacity: 1;
  423. max-height: 300px;
  424. transition: all 0.5s ease;
  425. -webkit-transition: all 0.5s ease;
  426. -moz-transition: all 0.5s ease;
  427. -o-transition: all 0.5s ease;
  428. }
  429. {/block:IfHoverTags}
  430.  
  431. .tags a {
  432. margin: 0 5px 5px 0;
  433. color: #eebebe;
  434. }
  435.  
  436. /* post notes */
  437. ol.notes {
  438. list-style-type: none;
  439. padding: 0;
  440. margin: -20px 0 0 10px;
  441. }
  442.  
  443. ol.notes li {
  444. padding: 5px 0;
  445. }
  446.  
  447. ol.notes li img {
  448. vertical-align: middle;
  449. border-radius: 100%;
  450. margin-right: 5px;
  451. }
  452.  
  453. .posts:nth-of-type(3n-2) .tags a {color: {color:links};}
  454. .posts:nth-of-type(3n-1) .tags a {color: {color:links};}
  455. .posts:nth-of-type(3n) .tags a {color: {color:links};}
  456.  
  457. .posts:nth-of-type(3n-2) .tags a:hover {color:{color:accent 1};}
  458. .posts:nth-of-type(3n-1) .tags a:hover {color:{color:accent 2};}
  459. .posts:nth-of-type(3n) .tags a:hover {color:{color:accent 3};}
  460.  
  461. /* tumblr controls by magnusthemes */
  462. .iframe-controls--desktop {
  463. position:fixed;
  464. top:0px;
  465. right:0px;
  466. z-index:214748364789123456789;
  467. filter:invert(100%);
  468. -webkit-filter:invert(100%);
  469. -webkit-transform:scale(0.6,0.6);
  470. -webkit-transform-origin: 100% 0%;
  471. -ms-transform-origin:100% 0%;
  472. -ms-transform:scale(0.6,0.6);
  473. transform:scale(0.6,0.6);
  474. transform-origin:100% 0%;
  475. }
  476.  
  477. /*credit */
  478. .crd {
  479. bottom: 10px;
  480. right: 10px;
  481. position: fixed;
  482. }
  483.  
  484. .crd svg {
  485. width: 1em;
  486. }
  487. {CustomCSS}
  488. </style>
  489. </head>
  490. <body>
  491. <main>
  492.  
  493. <aside>
  494. <img src="{image:sidebar}">
  495. <h1 class="ttl">{Title}</h1>
  496.  
  497. <div class="links">
  498. <a href="/">home</a>
  499. <a href="/ask">message</a>
  500. <a href="{text:link one url}">{text:link one}</a>
  501. <a href="{text:link two url}">{text:link two}</a>
  502. <a href="{text:link three url}">{text:link three}</a>
  503. </div>
  504.  
  505. {block:Description}
  506. <div class="desc">{Description}</div>
  507. {/block:Description}
  508.  
  509. {block:Pagination}
  510. <div class="pagination">
  511. {block:PreviousPage}<a href="{PreviousPage}"><i class="fas fa-caret-left"></i></a>{/block:PreviousPage}
  512. {block:NextPage}<a href="{NextPage}"><i class="fas fa-caret-right"></i></a>{/block:NextPage}
  513. </div>
  514. {/block:Pagination}
  515. </aside>
  516.  
  517. <section>
  518. {block:Posts}
  519. <!-- {block:NoRebloggedFrom}
  520. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  521. {/block:NoRebloggedFrom} -->
  522. {block:ContentSource}<!-- {SourceURL}
  523. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  524. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  525. {/block:ContentSource}
  526.  
  527. <article class="{posttype}post posts" id="{PostId}">
  528. <!-- text posts -->
  529. {block:Text}
  530. {block:Title}
  531. <h1 class="ttl">{Title}</h1>
  532. {/block:Title}
  533.  
  534. {block:Notreblog}
  535. <div class="caption">
  536. {Body}
  537. </div>
  538. {/block:Notreblog}
  539.  
  540. {block:Rebloggedfrom}
  541. <div class="caption">
  542. <div class="reblog-list">
  543. {block:Reblogs}
  544. <div class="reblogs">
  545. <div class="reblog-header">
  546. {block:IsActive}
  547. <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  548. <img src="{PortraitURL-64}" style="width:16px; float:left; margin-right: 6px; border-radius: 100%; verticle-align: middle;">
  549. </a>
  550. {/block:IsActive}
  551. {block:IsDeactivated}
  552. <span class="inactive {block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}">
  553. <img src="{PortraitURL-64}" style="width:16px; float:left; margin-right: 6px; border-radius: 100%; verticle-align: middle;">
  554. </span>
  555. {/block:IsDeactivated}
  556. {block:isactive}
  557. <a href="{permalink}">{username}</a>
  558. {/block:isactive}
  559. {block:isdeactivated}
  560. <a href="{permalink}" class="inactive">{username}</a>
  561. {/block:isdeactivated}
  562. </div>
  563. <div class="reblog-content">
  564. {Body}
  565. </div>
  566. </div>
  567. {/block:Reblogs}
  568. </div>
  569. </div>
  570. {/block:RebloggedFrom}
  571. {/block:Text}
  572.  
  573. <!-- photo posts -->
  574. {block:Photo}
  575. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" class="photo">
  576. {/block:Photo}
  577.  
  578. <!-- photoset posts -->
  579. {block:Photoset}
  580. <div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" onclick="lightbox(this)"><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div>
  581. {/block:Photoset}
  582.  
  583. <!-- quote posts -->
  584. {block:Quote}
  585. <div class="quote">
  586. {Quote}
  587. </div>
  588. <div class="source">
  589. - {Source}
  590. </div>
  591. {/block:Quote}
  592.  
  593. <!-- chat posts -->
  594. {block:Chat}
  595. <ul class="chat">
  596. {block:Lines}
  597. <li>{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
  598. {/block:Lines}
  599. </ul>
  600. {/block:Chat}
  601.  
  602. <!-- link posts -->
  603. {block:Link}
  604. <div class="link">
  605. <h1 class="ttl"><a href="{URL}"><i class="fas fa-link"></i>{Name}</a></h1>
  606. </div>
  607. {block:Description}{Description}{/block:Description}
  608. {/block:Link}
  609.  
  610. <!-- audio posts -->
  611. {block:Audio}
  612. {block:AudioPlayer}
  613. <div class="playwrap">
  614. <div class="playbutton">{AudioPlayerGrey}</div>
  615. {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  616. <div class="trackinfo">
  617. <div class="trackname">
  618. {block:TrackName}<span>track: </span>{TrackName}{/block:TrackName}
  619. </div>
  620. <div class="artist">
  621. {block:Artist}<span>artist: </span>{Artist}{/block:Artist}
  622. </div>
  623. <div class="album">
  624. {block:Album}<span>album: </span>{Album}{/block:Album}
  625. </div>
  626. </div>
  627. </div>
  628. {/block:AudioPlayer}
  629. {/block:Audio}
  630.  
  631. <!-- answer posts-->
  632. {block:Answer}
  633. <div class="question_container">
  634. <div class="asker">
  635. <h1 class="ttl"><i class="fas fa-question"></i>{Asker} said</h1>
  636. </div>
  637. <div class="question_text">
  638. {Question}</div>
  639. </div>
  640.  
  641. {block:NotReblog}
  642. <div class="answer_container">
  643. <h1 class="ttl">{Name} replied</h1>
  644. <div class="answer_text">{Answer}</div>
  645. </div>
  646. {/block:NotReblog}
  647.  
  648. {block:Answerer}
  649. <div class="answer_container">
  650. <h1 class="ttl">{Answerer} replied</h1>
  651. <div class="answer_text">{Answer}</div>
  652. </div>
  653. {block:Reblogs}
  654. <div class="reply_container">
  655. <div class="replier">
  656. <img src="{PortraitURL-64}" style="width:16px; float:left; margin-right: 6px; border-radius: 100%; verticle-align: middle;">
  657. {block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a> {/block:HasPermalink}
  658. </div>
  659. <div class="reply">{Body}</div>
  660. </div>
  661. {/block:Reblogs}
  662. {/block:Answerer}
  663. {/block:Answer}
  664.  
  665. <!-- videos -->
  666. {block:Video}
  667. <div class="video">{Video-500}</div>
  668. {/block:Video}
  669.  
  670. <!-- captions -->
  671. {block:Caption}
  672. <div class="caption">
  673. {block:notreblog}
  674. {Caption}
  675. {/block:notreblog}
  676. {block:Rebloggedfrom}
  677. <div class="reblog-list">
  678. {block:Reblogs}
  679. <div class="reblogs">
  680. <div class="reblog-header">
  681. {block:IsActive}
  682. <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  683. <img src="{PortraitURL-64}" style="width:16px; float:left; margin-right: 6px; border-radius: 100%; verticle-align: middle;">
  684. </a>
  685. {/block:IsActive}
  686. {block:IsDeactivated}
  687. <span class=“inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}”>
  688. <img src="{PortraitURL-64}" style="width:18px; float:left; margin-right: 6px; border-radius: 100%; verticle-align: middle;">
  689. </span>
  690. {/block:IsDeactivated}
  691. {block:isactive}
  692. <a href="{permalink}">{username}</a>
  693. {/block:isactive}
  694. {block:isdeactivated}
  695. <a href="{permalink}" class="inactive">{username}</a>
  696. {/block:isdeactivated}
  697. </div>
  698. <div class="reblog-content">
  699. {Body}
  700. </div>
  701. </div>
  702. {/block:Reblogs}
  703. </div>
  704. {/block:RebloggedFrom}
  705. </div>
  706. {/block:Caption}
  707.  
  708. {block:Date}
  709. <div class="date">
  710. <a href="{Permalink}" title="{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}">posted {TimeAgo}</a>
  711. </div>
  712. {/block:Date}
  713.  
  714. {block:HasTags}
  715. <div class="tags">
  716. {block:Tags}
  717. <a href="{TagURL}">{Tag}</a>
  718. {/block:Tags}
  719. </div>
  720. {/block:HasTags}
  721.  
  722. </article>
  723.  
  724. {block:PermalinkPage}
  725. {block:PostNotes}
  726. <div classs="postnotes">
  727. {PostNotes}
  728. </div>
  729. {/block:PostNotes}
  730. {/block:PermalinkPage}
  731.  
  732.  
  733. {/block:Posts}
  734. </section>
  735. </main>
  736. <!-- credit -->
  737. <!-- if you ever want to move my credit, please send me an ask or message to let me know -->
  738. <div class="crd"><a href="https://enbythemes.tumblr.com" title="code by roub"><svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 299.429 299.429" style="enable-background:new 0 0 299.429 299.429;" xml:space="preserve"><g><path style="fill:#010002;" d="M245.185,44.209H54.245L0,116.533l149.715,138.688l149.715-138.682L245.185,44.209z M206.746,121.778l-57.007,112.1l-56.53-112.1H206.746z M98.483,109.844l51.232-51.232l51.232,51.232H98.483z M164.119,56.142 h69.323L213.876,105.9L164.119,56.142z M86.311,105.142l-16.331-49h65.331L86.311,105.142z M79.849,121.778l49.632,98.429 L23.223,121.778H79.849z M220.136,121.778h56.071l-106.013,98.203L220.136,121.778z M225.148,109.844l18.694-47.538l35.652,47.538 H225.148z M58.266,58.738l17.035,51.112H19.929L58.266,58.738z"/></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg></a></div>
  739. </body>
  740. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement