aegyoq

003. version2

Aug 3rd, 2017
3,522
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.57 KB | None | 0 0
  1. <!--
  2.  
  3.  
  4. THEME ' 003. ' VERSION 2 MADE BY @SOVBIN.
  5. ( your little strawberry )
  6.  
  7.  
  8. ---------------------------------------------------------------
  9.  
  10.  
  11. ♡ made by using tutorials from octomoosey.tumblr.com ;
  12. ♡ spotify player from laurenbudorick.tumblr.com ;
  13. ♡ fonts : ddkinzart.tumblr.com & hobioks.tumblr.com ;
  14. ♡ icons : fontawesome.com/icons?from=io ;
  15.  
  16.  
  17. ---------------------------------------------------------------
  18.  
  19. -->
  20.  
  21. <!DOCTYPE html>
  22.  
  23. <head>
  24.  
  25. <title>{Title}</title>
  26. <link rel="shortcut icon" href="{Favicon}">
  27. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  28. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  29.  
  30.  
  31. <meta name="image:Img" content="https://66.media.tumblr.com/fde24bd9bd2fcdee81f58078887610ee/baab4df01a981afb-14/s500x750/f5aacb45c20e30c5f72a9ebfb790e41b3906d2b7.png">
  32.  
  33. <meta name="image:Img2" content="https://66.media.tumblr.com/671ee3103e603ded8759c49dff7dc291/baab4df01a981afb-aa/s500x750/7b51d468a0700a450f11094d48353f0e719a35e8.png">
  34.  
  35. <meta name="color:Background" content="#e2e1e1" />
  36. <meta name="color:Bold" content="#897d76" />
  37. <meta name="color:Container" content="#f3f3f3" />
  38. <meta name="color:Italic" content="#9b918b" />
  39. <meta name="color:Links" content="#897d76" />
  40. <meta name="color:LinksHover" content="#999999" />
  41. <meta name="color:Text" content="#999999" />
  42. <meta name="color:Sidebar" content="#ffffff" />
  43. <meta name="color:Tags" content="#897d76" />
  44. <meta name="color:Blockquote" content="#eeeeee" />
  45. <meta name="color:Posts" content="#ffffff" />
  46. <meta name="color:ReblogButton" content="#897d76" />
  47. <meta name="color:Player" content="#897d76" />
  48.  
  49. <meta name="text:Link 2" content="Link 2">
  50. <meta name="text:Link 3" content="Link 3">
  51. <meta name="text:Link 4" content="Link 4">
  52.  
  53. <meta name="text:Description1" content="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis. Cum sociis natoque penatibus et magnis dis parturient montes.">
  54.  
  55. <meta name="text:Description2" content="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat" />
  56.  
  57. <meta name="text:Description3" content="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta" />
  58.  
  59. <meta name="text:Title" content="theme 003." />
  60.  
  61.  
  62. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
  63.  
  64.  
  65. <!-- FONTS -->
  66.  
  67. <link href="https://fonts.googleapis.com/css?family=DM+Serif+Display&display=swap" rel="stylesheet">
  68.  
  69. </head>
  70.  
  71.  
  72. <!-- TOOLTIPS -->
  73. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  74.  
  75. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  76. <script>
  77. (function($){
  78. $(document).ready(function(){
  79. $("[title]").style_my_tooltips({
  80. tip_follows_cursor:true,
  81. tip_delay_time:0,
  82. tip_fade_speed:400,
  83. attribute:"title"
  84. });
  85. });
  86. })(jQuery);
  87.  
  88. </script>
  89.  
  90.  
  91. <style type="text/css">
  92.  
  93.  
  94. /* FONTS */
  95.  
  96. @font-face{font-family:"bakery";src:url('https://static.tumblr.com/it5srtk/L6norxb0m/bakery.ttf');}
  97.  
  98.  
  99.  
  100. /* SCROLLBAR */
  101.  
  102. ::-webkit-scrollbar {width:7.5px;height:7.5px;}
  103. ::-webkit-scrollbar {background-color:{color:Container};}
  104. ::-webkit-scrollbar-track {border:2px solid {color:Container};background-color:{color:Container};}
  105. ::-webkit-scrollbar-thumb {border:2px solid {color:Container};background-color:{color:Posts};}
  106.  
  107.  
  108. /* GENERAL STYLES */
  109.  
  110. #wrapper {position:fixed;background-color:transparent;top:1%;left:35%;width:460px;height:100%;}
  111.  
  112. body {background-color:{color:Background};font-family:'Gibson', sans-serif;font-size: 9.5px;line-height:180%;color:{color:Text};text-transform:lowercase;}
  113.  
  114. p {font-family:'Gibson', sans-serif;font-size:9.5px;margin-top:0px;}
  115.  
  116. a {
  117. font-family:'DM Serif Display',serif;
  118. font-weight:600;
  119. text-decoration:none;
  120. color:{color:Links};
  121. -webkit-transition: all 0.7s ease;
  122. -moz-transition: all 0.7s ease;
  123. -o-transition: all 0.7s ease;
  124. }
  125.  
  126. a:hover {color:{color:LinksHover};}
  127.  
  128. b, strong {
  129. color:{color:Bold};
  130. font-family:'DM Serif Display',serif;
  131. font-weight:900;
  132. font-size:9px;
  133. text-transform:uppercase;
  134. }
  135.  
  136. i, em {
  137. color:{color:Italic};
  138. font-family:"bakery";
  139. font-size:10px;
  140. letter-spacing:1px;
  141. text-transform:lowercase;
  142. }
  143.  
  144. blockquote {margin:3px 0 3px 8px; padding:0px 8px;padding-left:4px;}
  145. blockquote p{margin:3px 0 3px 5px;line-height:140%;padding-left:4px;padding-top:8px;padding-bottom:4px;}
  146. blockquote p:first-child{margin:3px 0 3px 5px;}
  147. blockquote p:last-child{margin:3px 0 3px 5px;}
  148. blockquote p:only-child{margin:3px 0 3px 5px;}
  149. blockquote blockquote {padding:0 0 0 3px;line-height:140%;}
  150. blockquote {padding-left:4px;border-left:1.5px solid {color:Blockquote};}
  151. blockquote blockquote b {word-spacing:0.5px;letter-spacing:0.5px;}
  152.  
  153. blockquote img {max-width:100%;height:auto;}
  154.  
  155. img {max-width:100%;}
  156.  
  157. h1,h2 {
  158. color:{color:Bold};
  159. font-family:'DM Serif Display',serif;
  160. text-align:center;
  161. text-transform:uppercase;
  162. padding:6px;
  163. }
  164.  
  165. h1 {font-size:20px;}
  166. h2 {font-size:15px;}
  167.  
  168. ul {margin:1px 0px 3px 15px; padding:0;list-style-type:none;}
  169.  
  170. ul li {padding:1px 0px 1px 20px;position:relative;text-align:left;margin-top:0px;}
  171.  
  172. ul li:before {content:'›';top:1px;color:{color:Italic}, .5;left:0px;font-size:10px;position:absolute;display:block;font-family:sans-serif; }
  173.  
  174. hr {width:100px;border-top:1px solid #c3bbb6;opacity:0.7;}
  175.  
  176.  
  177. /* POSTS */
  178.  
  179. #container {
  180. position:absolute;
  181. margin-top:218px;
  182. background-color:{color:Container};
  183. border-top:15px solid {color:Container};
  184. border-bottom:10px solid {color:Container};
  185. max-height:65%;
  186. width:460px;
  187. overflow-y:scroll;
  188. overflow-x:hidden;
  189. }
  190.  
  191. .posts {
  192. width:380px;
  193. background-color:{color:Posts};
  194. padding:10px;
  195. margin:20px 29px 35px;
  196. border-radius:10px;
  197. }
  198.  
  199. iframe, img, embed, object, video {max-width:100%;}
  200.  
  201. img {height:auto;width:auto;}
  202.  
  203.  
  204. /* PERMALINKS */
  205.  
  206. .permalinks {
  207. background:transparent;
  208. padding:6px;
  209. height:24px;
  210. margin-bottom:15px;
  211. border-bottom:0.5px solid #efefef;
  212. }
  213.  
  214. .permalinks a {margin-right:6px;text-decoration:none;font-weight:600;font-size: 8.5px;}
  215.  
  216. .info {float:left;font-family:'DM Serif Display',serif;text-transform: uppercase;letter-spacing: 1px;}
  217.  
  218. .reblogbutton {float:right;}
  219.  
  220. .reblogbutton a {color:#fff;font-size:9px;font-weight:bold;text-transform:uppercase;letter-spacing:1px;}
  221.  
  222.  
  223. /* TAGS */
  224.  
  225. .tags {text-align:left;padding:8px;padding-top:12px;}
  226.  
  227. .tags a {
  228. margin-right:11px;
  229. text-decoration:none;
  230. font-size:9.5px;
  231. font-weight:600;
  232. text-transform:uppercase;
  233. color:{color:Tags};
  234. }
  235.  
  236.  
  237. /* POST NOTES */
  238.  
  239. #postnotes img {display:none;}
  240.  
  241. #postnotes {padding:10px;border-top:0.5px solid #efefef;}
  242.  
  243. #postnotes ol {list-style-type:none;margin:10px 0;padding:0;}
  244.  
  245. #postnotes ol a {text-transform:uppercase;line-height:220%;}
  246.  
  247. #postnotes blockquote {border-color:#eee;padding:4px 10px;margin:10px 0px 0px 25px;}
  248.  
  249.  
  250.  
  251. /* SIDEBAR WRAPPER */
  252.  
  253. #sidebar {
  254. position:fixed;
  255. width:444px;
  256. height:202px;
  257. padding:8px;
  258. background-color:{color:Container};
  259. border-bottom:4px double #fff;
  260. z-index:99999;
  261. }
  262.  
  263.  
  264. /* IMAGES */
  265.  
  266. #img {position:fixed;width:130px;height:70px;}
  267.  
  268. #img2 {position:fixed;margin-top:130px;margin-left:315px;width:130px;height:70px;}
  269.  
  270. #img img,#img2 img {width:100%;max-height:70px;border-radius:5px;object-fit: cover;}
  271.  
  272. #img img {border-top-left-radius:3px;}
  273.  
  274.  
  275. /* SIDEBAR */
  276.  
  277. #title {
  278. transform: rotate(90deg);
  279. margin-top:80px;
  280. margin-left:390px;
  281. position:fixed;
  282. color:{color:Links};
  283. font-size:23px;
  284. font-weight:900;
  285. letter-spacing:1.7px;
  286. text-transform:uppercase;
  287. z-index:999999;
  288. }
  289.  
  290. #desc1 {
  291. position:fixed;
  292. padding:10px;
  293. margin-left:137px;
  294. height:152px;
  295. width:150px;
  296. background-color:{color:Sidebar};
  297. border-radius:5px;
  298. }
  299.  
  300. #desc1 p {
  301. margin-top:0px;
  302. font-size:7px;
  303. font-weight:400;
  304. color:{color:Text};
  305. text-align:justify;
  306. text-transform:uppercase;
  307. line-height:190%;
  308. word-spacing:2.5px;
  309. }
  310.  
  311. #desc1 i,#desc2 i,#desc3 i {text-transform:lowercase;}
  312.  
  313. #desc2,#desc3 {
  314. position:fixed;
  315. padding:10px;
  316. width:110px;
  317. background:{color:Sidebar};
  318. overflow:hidden;
  319. border-radius:5px;
  320. }
  321.  
  322. #desc2 {margin-top:79px;height:73px;}
  323.  
  324. #desc3 {margin-left:315px;height:102px;}
  325.  
  326. #desc2 p,#desc3 p {
  327. line-height:180%;
  328. padding-top:3px;
  329. font-size:7.5px;
  330. font-weight:600;
  331. color:{color:Text};
  332. text-align:center;
  333. text-transform:uppercase;
  334. }
  335.  
  336. .fa-quote-left {font-size:8.5px;color:{color:Italic};margin-left:-8px;padding-right:2px;}
  337.  
  338. .fa-quote-right {font-size:8.5px;color:{color:Italic};margin-right:-8px;padding-left:2px;}
  339.  
  340.  
  341. /* LINKS */
  342.  
  343. #links {position:fixed;margin-top:178px;width:310px;}
  344.  
  345. #links a {
  346. display:inline-block;
  347. padding:5px;
  348. width:63px;
  349. height:12px;
  350. margin-right:2px;
  351. font-size:10px;
  352. font-weight:600;
  353. font-family:'DM Serif Display',serif;
  354. letter-spacing:0.5px;
  355. text-align:center;
  356. text-transform:uppercase;
  357. color:{color:Links};
  358. background:#fff;
  359. border-radius:5px;
  360. -webkit-transition: all 0.7s ease;
  361. -moz-transition: all 0.7s ease;
  362. -o-transition: all 0.7s ease;
  363. }
  364.  
  365. #links a:hover {border-radius:8px;}
  366.  
  367.  
  368. /* PAGINATION */
  369.  
  370. #pagination {
  371. width:324px;
  372. height:20px;
  373. margin-top:-25px;
  374. padding-bottom:10px;
  375. z-index:99999;
  376. }
  377.  
  378. #pagination a {
  379. width:70px;
  380. padding:8px;
  381. font-size:12.5px;
  382. font-family:'DM Serif Display',serif;
  383. text-transform:uppercase;
  384. letter-spacing:1px;
  385. text-align:center;
  386. font-weight:900;
  387. -webkit-transition:all 0.7s ease;
  388. -moz-transition:all 0.7s ease;
  389. -o-transition:all 0.7s ease;
  390. }
  391.  
  392.  
  393. /* ASK */
  394.  
  395. .asker {margin-top:-5px;text-align:center;}
  396.  
  397. .question {background:#f7f7f7;padding:10px;margin-top:-10px;margin-bottom:10px;height:auto;}
  398.  
  399.  
  400. /* QUOTE */
  401.  
  402. .quote {
  403. font-size:12px;
  404. font-weight:600;
  405. letter-spacing:0.5px;
  406. text-align:center;
  407. text-transform:uppercase;
  408. margin-bottom:5px;
  409. padding-bottom:5px;
  410. }
  411.  
  412. .quotesource {
  413. font-size:7px;
  414. letter-spacing:1px;
  415. text-align:right;
  416. margin-bottom:5px;
  417. }
  418.  
  419.  
  420. /* AUDIO */
  421.  
  422. .audio {height:60px;width:350px;margin-bottom:10px;display:inline-block;}
  423.  
  424. .audioplayer {
  425. background-color:{color:Player};
  426. border:15px solid transparent;
  427. border-top-left-radius:8px;
  428. border-bottom-left-radius:8px;
  429. width:30px;
  430. height:30px;
  431. overflow:hidden;
  432. position:absolute;
  433. z-index:99;
  434. -webkit-transition: all 0.5s ease;
  435. -moz-transition: all 0.5s ease;
  436. -ms-transition: all 0.5s ease;
  437. -o-transition: all 0.5s ease;
  438. transition: all 0.5s ease;
  439. }
  440.  
  441. .audioinfo {
  442. background:#f7f7f7;
  443. margin-left:64px;
  444. margin-top:0px;
  445. width:305px;
  446. height:100%;
  447. padding:0px 0px 0px 10px;
  448. text-align:center;
  449. display:table;
  450. border-top-right-radius:8px;
  451. border-bottom-right-radius:8px;
  452. }
  453.  
  454. .audioinfo p {font-size:9.5px;font-weight:600;display:table-cell;vertical-align:middle;padding:0px 0;margin-top:10px;text-align:center;line-height:180%;word-spacing:3px;}
  455. .audioinfo b {font-size:14px;}
  456.  
  457. .spotify_audio_player {height: 80px !important;}
  458.  
  459.  
  460. /* CHAT */
  461.  
  462. #chat {padding-bottom:5px;}
  463.  
  464. .label {line-height:220%;text-transform:uppercase;letter-spacing:1px;display:inline;font-size:8px;font-weight:bold;}
  465.  
  466.  
  467. /* CREDIT */
  468.  
  469. #credit {
  470. position:fixed;
  471. padding:10px;
  472. right:0.5%;
  473. bottom:1%;
  474. }
  475.  
  476. #credit a {
  477. color:{color:Links};
  478. font-weight:600;
  479. font-size:7px;
  480. letter-spacing:0.5px;
  481. text-transform:uppercase;
  482. }
  483.  
  484.  
  485. /* TOOLTIP */
  486.  
  487. #s-m-t-tooltip{
  488. position:absolute;
  489. max-width:150px;
  490. margin:13px 18px;
  491. padding:8px;
  492. text-align:center;
  493. color:#fff;
  494. font-weight:900;
  495. background-color:#444;
  496. font-weight:400;
  497. line-height:8px;
  498. font-size:9px;
  499. letter-spacing:0.9px;
  500. text-transform:uppercase;
  501. border-radius:5px;
  502. opacity:0.8;
  503. z-index:9999999;
  504. -webkit-transition: all 0.7s ease;
  505. -moz-transition: all 0.7s ease;
  506. -o-transition: all 0.7s ease;
  507. }
  508.  
  509.  
  510. /* TUMBLR CONTROLS */
  511.  
  512. iframe.tmblr-iframe {
  513. z-index:99999999999999!important;
  514. top:-2px!important;
  515. right:0!important;
  516. opacity:0;
  517. padding-right:38px;
  518. /* delete invert(1) from here */
  519. filter:invert(1) contrast(150%);
  520. -webkit-filter:invert(1) contrast(150%);
  521. -o-filter:invert(1) contrast(150%);
  522. -moz-filter:invert(1) contrast(150%);
  523. -ms-filter:invert(1) contrast(150%);
  524. /* to here if your blog has a dark background */
  525. transform:scale(0.65);
  526. transform-origin:100% 0;
  527. -webkit-transform:scale(0.65);
  528. -webkit-transform-origin:100% 0;
  529. -o-transform:scale(0.65);
  530. -o-transform-origin:100% 0;
  531. -moz-transform:scale(0.65);
  532. -moz-transform-origin:100% 0;
  533. -ms-transform:scale(0.65);
  534. -ms-transform-origin:100% 0;}
  535.  
  536. iframe.tmblr-iframe:hover {opacity:0.6!important;}
  537.  
  538. .hcontrols {position:fixed;top:0;right:0;z-index:999999999;}
  539.  
  540. .hcontrols svg {width:14px;height:14px;padding:9px;}
  541.  
  542. .hcontrols svg path {
  543. fill:{color:Links};;/* change this to change the color of the icon */}
  544.  
  545.  
  546. </style>
  547.  
  548.  
  549. <body><div id="credit"><a href="https://sovbin.tumblr.com/">sovbin.</a></div>
  550.  
  551.  
  552. <div id="wrapper">
  553.  
  554. <div id="sidebar">
  555.  
  556. <div id="title"><a href="/">{text:Title}</a></div>
  557.  
  558. <div id="img"><img src="{image:Img}"/></div>
  559.  
  560. <div id="desc1"><p>{text:Description1}</p></div>
  561.  
  562. <div id="desc2"><p><i class="fas fa-quote-left"></i> {text:Description2} <i class="fas fa-quote-right"></i></p></div>
  563.  
  564. <div id="links">
  565. <a href="/ask">inbox</a>
  566. <a href="{text:Link 3}">link 3</a>
  567. <a href="{text:Link 4}">link 4</a>
  568. <a href="{text:Link 5}">link 5</a>
  569. </div>
  570.  
  571. <div id="desc3"><p><i class="fas fa-quote-left"></i> {text:Description3} <i class="fas fa-quote-right"></i></p></div>
  572.  
  573. <div id="img2"><img src="{image:Img2}"/></div>
  574.  
  575. </div>
  576.  
  577.  
  578.  
  579. <div id="container">
  580.  
  581. {block:Posts}
  582.  
  583. <!-- {block:NoRebloggedFrom}
  584. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  585. {/block:NoRebloggedFrom} -->
  586.  
  587.  
  588. <div class="posts">
  589.  
  590. {block:Date}
  591. <div class="permalinks">
  592. <div class="info"><i class="fas fa-calendar-alt"></i> <a href="{Permalink}"> {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a> <i class="fas fa-bookmark"></i> <a href="{Permalink}">{NoteCount}N</a></div>
  593. <div class="reblogbutton"><span style="font-size:9px;background:{color:ReblogButton};color:#fff;padding:3px;padding-left:10px;border-radius:3px;"><a href="{ReblogURL}">REBLOG</a></span></div>
  594. </div>
  595. {/block:Date}
  596.  
  597. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  598.  
  599. {block:Photo}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  600.  
  601. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  602.  
  603. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  604.  
  605. {block:Quote}<div class="quote"> <i style="font-size:11px;" class="fas fa-quote-left"></i> {Quote} <i style="font-size:11px;" class="fas fa-quote-right"></i> </div>{block:Source}<div class="quotesource">{Source}</div>{/block:Source}{/block:Quote}
  606.  
  607. {block:Link}<a href="{URL}" class="link" {Target}>{Name}</a>{block:Description}{Description}{/block:Description}{/block:Link}
  608.  
  609. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}
  610. <div id="chat">{block:Lines} {block:Label}<div class="label"><b>{Label}</b></div> {/block:Label}{Line}<br>{/block:Lines} </div>{/block:Chat}
  611.  
  612. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  613.  
  614. {block:Audio}<div class="audio">
  615. <div class="audioplayer">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  616. <div class="audioinfo"><p>{block:TrackName}<b>{TrackName}</b><br>{/block:TrackName} {block:Artist}<b>—</b> {Artist}{/block:Artist}</p></div>
  617. </div>{/block:Audio}
  618.  
  619.  
  620. {block:Answer}<div class="asker"><h2>{Asker} messaged</h2> </div>
  621. <div class="question">{Question}</div>
  622. {Answer}
  623. {/block:Answer}
  624.  
  625.  
  626. <div class="tags">{block:HasTags}{block:Tags}<i style="font-weight:600;" class="fas fa-hashtag"></i><a href="{TagUrl}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  627.  
  628. {block:PermalinkPage}{block:PostNotes}<div id="postnotes">{PostNotes}</div>{/block:PostNotes}{/block:PermalinkPage}
  629.  
  630. </div>
  631.  
  632. {/block:Posts}
  633.  
  634.  
  635. {block:Pagination}<center> <div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">previous page</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">next page</a>{/block:NextPage}</div></center>{/block:Pagination}
  636.  
  637.  
  638. </div>
  639.  
  640. </div>
  641.  
  642.  
  643. {block:ContentSource}
  644. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  645. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  646. {/block:SourceLogo}
  647. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  648. {/block:ContentSource}
  649.  
  650. <div class="hcontrols"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M106.6,134c14.3,0,26-11.7,26-26s-11.7-26-26-26s-26,11.7-26,26S92.2,134,106.6,134z M106.6,94c7.7,0,14,6.3,14,14s-6.3,14-14,14s-14-6.3-14-14S98.9,94,106.6,94z M40.4,124.6l7.2,3.3c3,1.4,4.4,4.8,3.3,7.9l-2.8,7.4c-2.1,5.7-1.4,11.8,2.1,16.7c3.4,5,9,7.9,15,7.9c2.2,0,4.4-0.4,6.5-1.2l7.4-2.8c0.7-0.3,1.4-0.4,2.2-0.4c2.4,0,4.7,1.4,5.7,3.7l3.3,7.2c3,6.6,9.4,10.7,16.6,10.7s13.6-4.1,16.6-10.7l3.3-7.2c1-2.2,3.2-3.7,5.7-3.7c0.7,0,1.5,0.1,2.2,0.4l7.4,2.8c2.1,0.8,4.3,1.2,6.5,1.2c0,0,0,0,0,0c5.9,0,11.5-3,15-7.9c3.4-5,4.2-11.1,2.1-16.7l-2.8-7.4c-1.1-3.1,0.3-6.5,3.3-7.9l7.2-3.3c6.6-3,10.7-9.4,10.7-16.6s-4.1-13.6-10.7-16.6l-7.2-3.3c-3-1.4-4.4-4.8-3.3-7.9l2.8-7.4c2.1-5.7,1.4-11.8-2.1-16.7c-3.4-5-9-7.9-15-7.9c-2.2,0-4.4,0.4-6.5,1.2l-7.4,2.8c-0.7,0.3-1.4,0.4-2.2,0.4c-2.4,0-4.7-1.4-5.7-3.7l-3.3-7.2c-3-6.6-9.4-10.7-16.6-10.7S93,35.2,90,41.8l-3.3,7.2c-1,2.2-3.2,3.7-5.7,3.7c-0.7,0-1.5-0.1-2.2-0.4l-7.4-2.8c-2.1-0.8-4.3-1.2-6.5-1.2c-5.9,0-11.5,3-15,7.9c-3.4,5-4.2,11.1-2.1,16.7l2.8,7.4c1.1,3.1-0.3,6.5-3.3,7.9l-7.2,3.3c-6.6,3-10.7,9.4-10.7,16.6S33.8,121.6,40.4,124.6z M45.3,102.3l7.2-3.3c8.7-4,12.9-14.1,9.5-23l-2.8-7.4c-1-2.7,0-4.7,0.7-5.7c1.6-2.4,4.6-3.4,7.4-2.3l7.4,2.8c2.1,0.8,4.2,1.2,6.4,1.2c0,0,0,0,0,0c7.1,0,13.6-4.2,16.6-10.7l3.3-7.2c1.5-3.4,4.7-3.7,5.7-3.7s4.1,0.3,5.7,3.7l3.3,7.2c3,6.5,9.5,10.7,16.6,10.7c2.2,0,4.3-0.4,6.4-1.2l7.4-2.8c2.8-1,5.7,0,7.4,2.3c0.7,1,1.7,3,0.7,5.7l-2.8,7.4c-3.3,8.9,0.8,19,9.5,23l7.2,3.3c3.4,1.5,3.7,4.7,3.7,5.7s-0.3,4.1-3.7,5.7l-7.2,3.3c-8.7,4-12.9,14.1-9.5,23l2.8,7.4c1,2.7,0,4.7-0.7,5.7c-1.6,2.4-4.6,3.4-7.4,2.3l-7.4-2.8c-2.1-0.8-4.2-1.2-6.4-1.2c-7.1,0-13.6,4.2-16.6,10.7l-3.3,7.2c-1.5,3.4-4.7,3.7-5.7,3.7s-4.1-0.3-5.7-3.7l-3.3-7.2c-3-6.5-9.5-10.7-16.6-10.7c-2.2,0-4.3,0.4-6.4,1.2l-7.4,2.8c-2.8,1-5.7,0-7.4-2.3c-0.7-1-1.7-3-0.7-5.7l2.8-7.4c3.3-8.9-0.8-19-9.5-23l-7.2-3.3c-3.4-1.5-3.7-4.7-3.7-5.7S41.9,103.9,45.3,102.3z"/></svg></div>
  651.  
  652. </body>
  653. </html>
Add Comment
Please, Sign In to add comment