API tools faq
paste
Advertisement
roxiestheme

Theme 60

roxiestheme
Jun 28th, 2017
6,216
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 41.21 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!--
  6.  
  7. >> THEMES OF ROXIE
  8.  
  9. Theme 60 by roxiestheme
  10. roxiestheme.tumblr.com
  11. 2017 ⓒ All Rights Reserved.
  12.  
  13. ---
  14.  
  15. >> TERMS OF USE
  16.  
  17. Do NOT remove the credit
  18. Do NOT use as a base code
  19. Do NOT republish
  20. Do NOT claim as your own
  21.  
  22. ---
  23.  
  24. >> SPECIAL THANKS
  25.  
  26. Fonts by Google Fonts
  27. Icons by FontAwesome
  28. Extended photoset by PixelUnion
  29. Video width fix by shythemes
  30. Custom like button by cubthemes
  31.  
  32. -->
  33.  
  34. <meta charset="utf-8" />
  35. <meta name="viewport" content="width=device-width; initial-scale=1" />
  36. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  37.  
  38. <!-- THEME OPTIONS -->
  39. <meta name="color:Background Color" content="#ffffff" />
  40. <meta name="color:Border Color" content="#eeeeee" />
  41. <meta name="color:Text Color" content="#888888" />
  42. <meta name="color:Link Color" content="#666666" />
  43. <meta name="color:Accent Color" content="#d1e4a8" />
  44.  
  45. <meta name="image:Banner" content="" />
  46.  
  47. <meta name="select:Font Family" content="'Karla', sans-serif" title="Karla">
  48. <meta name="select:Font Family" content="'Open Sans', sans-serif" title="Open Sans">
  49. <meta name="select:Font Family" content="'Roboto', sans-serif" title="Roboto">
  50. <meta name="select:Font Family" content="'Lato', sans-serif" title="Lato">
  51.  
  52. <meta name="select:Font Size" content="11px" title="11px">
  53. <meta name="select:Font Size" content="10px" title="10px">
  54. <meta name="select:Font Size" content="12px" title="12px">
  55.  
  56. <meta name="select:Banner Size" content="full" title="Full Height">
  57. <meta name="select:Banner Size" content="auto" title="Auto Height">
  58.  
  59. <meta name="select:Sidebar Position" content="right" title="Right">
  60. <meta name="select:Sidebar Position" content="left" title="Left">
  61.  
  62. <meta name="select:Sidebar Width" content="150px" title="150px">
  63. <meta name="select:Sidebar Width" content="100px" title="100px">
  64. <meta name="select:Sidebar Width" content="200px" title="200px">
  65. <meta name="select:Sidebar Width" content="250px" title="250px">
  66.  
  67. <meta name="select:Post Width" content="540px" title="540px">
  68. <meta name="select:Post Width" content="400px" title="400px">
  69. <meta name="select:Post Width" content="500px" title="500px">
  70.  
  71. <meta name="text:Header Title" content="" />
  72. <meta name="text:Header Tagline" content="" />
  73. <meta name="text:Link 1 Title" content="index" />
  74. <meta name="text:Link 1 Icon" content="home" />
  75. <meta name="text:Link 1 Url" content="/" />
  76. <meta name="text:Link 2 Title" content="message" />
  77. <meta name="text:Link 2 Icon" content="envelope" />
  78. <meta name="text:Link 2 Url" content="/ask" />
  79. <meta name="text:Link 3 Title" content="" />
  80. <meta name="text:Link 3 Icon" content="user" />
  81. <meta name="text:Link 3 Url" content="" />
  82. <meta name="text:Link 4 Title" content="" />
  83. <meta name="text:Link 4 Icon" content="earth" />
  84. <meta name="text:Link 4 Url" content="" />
  85. <meta name="text:Link 5 Title" content="" />
  86. <meta name="text:Link 5 Icon" content="picture" />
  87. <meta name="text:Link 5 Url" content="" />
  88. <meta name="text:Link 6 Title" content="" />
  89. <meta name="text:Link 6 Icon" content="inbox" />
  90. <meta name="text:Link 6 Url" content="" />
  91.  
  92.  
  93. <title>{Title}</title>
  94. <link rel="shortcut icon" href="{Favicon}" />
  95. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  96.  
  97. <!-- STYLESHEETS -->
  98. <link rel="stylesheet" href="http://static.tumblr.com/sas2ex2/HFinqriui/photoset.css" /> <!-- EXTENDED PHOTOSET BY PIXELUNION -->
  99. <link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" /> <!-- FONTAWESOME ICONS -->
  100. <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Karla:400,700|Lato:400,700|Open+Sans:400,700|Roboto:400,700" /> <!-- GOOGLE FONT -->
  101.  
  102. <!-- SCRIPTS -->
  103. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  104. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script> <!-- TOOLTIP -->
  105. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script> <!-- EXTENDED PHOTOSET BY PIXELUNION -->
  106. <script src ="http://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script> <!-- FIX VIDEO WIDTH BY SHYTHEMES -->
  107.  
  108. <style type="text/css">
  109.  
  110. /*--------------------------------------------------------------*/
  111. /* BASIC -------------------------------------------------------*/
  112. /*--------------------------------------------------------------*/
  113.  
  114. html, body {
  115. font-family: {select:Font Family};
  116. background: {color:Background Color};
  117. margin: 0px;
  118. padding: 0px;
  119. overflow-x: hidden;
  120. -webkit-font-smoothing: antialiased;
  121. -moz-osx-font-smoothing: grayscale;
  122. }
  123.  
  124. /* LINKS BASIC */
  125. a {
  126. color: {color:Link Color};
  127. }
  128. a:hover {
  129. color: {color:Accent Color};
  130. }
  131. a, a:hover, a:active {
  132. text-decoration: none;
  133. -webkit-transition: all 0.3s ease-in-out;
  134. -moz-transition: all 0.3s ease-in-out;
  135. -o-transition: all 0.3s ease-in-out;
  136. -ms-transition: all 0.3s ease-in-out;
  137. transition: all 0.3s ease-in-out;
  138. }
  139.  
  140. /* LIST BASIC */
  141. ul, menu, dir {
  142. margin: 0px;
  143. padding: 0px;
  144. -webkit-margin-before: 0px;
  145. -webkit-margin-after: 0px;
  146. -webkit-margin-start: 0px;
  147. -webkit-margin-end: 0px;
  148. -webkit-padding-start: 0px;
  149. }
  150.  
  151. /* HEADINGS BASIC */
  152. h1, h2, h3, h4, h5, h6 {
  153. margin: 0;
  154. line-height: 100%;
  155. }
  156.  
  157. /* TOOLTIPS */
  158. #s-m-t-tooltip {
  159. position: absolute;
  160. z-index: 9999999;
  161. margin-top: 5px;
  162. margin-left: 10px;
  163. display: block;
  164. padding: 5px 8px;
  165. background-color: {color:Text Color};
  166. font-family: {select:Font Family};
  167. font-size: calc({select:Font Size} - 2px);
  168. color: {color:Background Color};
  169. letter-spacing: 1px;
  170. text-transform: uppercase;
  171. }
  172.  
  173. /* SCROLL BAR */
  174. ::-webkit-scrollbar-thumb {
  175. width: 7px;
  176. border-left: 3px solid {color:Background Color};
  177. border-right: 3px solid {color:Background Color};
  178. background-color: {color:Accent Color};
  179. }
  180. ::-webkit-scrollbar {
  181. width: 7px;
  182. border-left: 3px solid {color:Background Color};
  183. border-right: 3px solid {color:Background Color};
  184. background-color: {color:Border Color};
  185. }
  186.  
  187. /* SELECTION */
  188. ::-moz-selection {
  189. color: {color:Background Color};
  190. background-color: {color:Accent Color};
  191. }
  192. ::selection {
  193. color: {color:Background Color};
  194. background-color: {color:Accent Color};
  195. }
  196.  
  197. /* TUMBLR CONTROLS */
  198. .tmblr-iframe-compact .tmblr-iframe--unified-controls {
  199. z-index: 99999;
  200. position: fixed;
  201. top: calc(10vh - 15px);
  202. right: calc(50% - {select:Post Width}/2 - {select:Sidebar Width}/2 - 130px);
  203. vertical-align: middle;
  204. white-space: nowrap !important;
  205. opacity: 0.2;
  206. -webkit-filter: invert(100%);
  207. -moz-filter: invert(100%);
  208. -o-filter: invert(100%);
  209. -ms-filter: invert(100%);
  210. filter: invert(100%);
  211. -webkit-transform: scale(0.6);
  212. -webkit-transform-origin: right;
  213. -moz-transform: scale(0.6);
  214. -moz-transform-origin: right;
  215. -o-transform: scale(0.6);
  216. -o-transform-origin: right;
  217. -ms-transform: scale(0.6);
  218. -ms-transform-origin: right;
  219. transform: scale(0.6);
  220. transform-origin: right;
  221. }
  222.  
  223. /*--------------------------------------------------------------*/
  224. /* HEADER ------------------------------------------------------*/
  225. /*--------------------------------------------------------------*/
  226.  
  227. /* TOPBAR */
  228. header#topbar {
  229. position: fixed;
  230. top: 0;
  231. left: calc(50% - {select:Post Width}/2 - {select:Sidebar Width}/2 - 120px);
  232. width: calc({select:Post Width} + {select:Sidebar Width} + 240px);
  233. height: 50px;
  234. background-color: {color:Background Color};
  235. padding-top: 10vh;
  236. overflow: hidden;
  237. z-index: 9999;
  238. }
  239. header#topbar h1 {
  240. display: block;
  241. float: left;
  242. font-size: calc({select:Font Size} + 10px);
  243. font-weight: 700;
  244. line-height: calc({select:Font Size} + 10px);
  245. letter-spacing: -1px;
  246. color: {color:Text Color};
  247. }
  248. header#topbar h1:after {
  249. content: '';
  250. width: 80px;
  251. height: 1px;
  252. display: block;
  253. float: right;
  254. margin: 0 10px 0 12px;
  255. margin-top: calc({select:Font Size}/2 + 4px);
  256. background-color: {color:Text Color};
  257. opacity: 0.3;
  258. }
  259. header#topbar h2 {
  260. font-size: {select:Font Size};
  261. font-weight: 400;
  262. float: left;
  263. line-height: calc({select:Font Size} + 10px);
  264. color: {color:Text Color};
  265. opacity: 0.7;
  266. }
  267.  
  268. /*--------------------------------------------------------------*/
  269. /* SIDEBAR -----------------------------------------------------*/
  270. /*--------------------------------------------------------------*/
  271.  
  272. aside#sidebar {
  273. position: fixed;
  274. z-index: 9999;
  275. top: calc(10vh + 50px);
  276. {select:Sidebar Position}: calc(50% - {select:Post Width}/2 - {select:Sidebar Width}/2 - 120px);
  277. width: {select:Sidebar Width};
  278. }
  279.  
  280. /* DESC */
  281. aside#sidebar section.desc {
  282. font-size: calc({select:Font Size} - 1px);
  283. color: {color:Text Color};
  284. text-align: left;
  285. line-height: 150%;
  286. margin-bottom: 30px;
  287. }
  288.  
  289. /* SIDE NAV */
  290. nav.side-nav {
  291. margin-bottom: 30px;
  292. }
  293. aside#sidebar nav.side-nav ul {
  294. list-style-type: none;
  295. padding: 0;
  296. text-align: left;
  297. }
  298. aside#sidebar nav.side-nav ul li {
  299. letter-spacing: 1px;
  300. text-transform: uppercase;
  301. margin-bottom: 20px;
  302. border-bottom: 1px solid {color:Border Color};
  303. }
  304. aside#sidebar nav.side-nav a {
  305. position: relative;
  306. display: block;
  307. padding-bottom: 10px;
  308. letter-spacing: 1.5px;
  309. font-family: {select:Font Family};
  310. font-size: calc({select:Font Size} - 2.5px);
  311. }
  312. aside#sidebar nav.side-nav .fa:before {
  313. font-family: 'FontAwesome';
  314. margin-right: 10px;
  315. color: {color:Accent Color};
  316. line-height: calc({select:Font Size} - 2.5px);;
  317. font-size: calc({select:Font Size} - 1.5px);
  318. float: left;
  319. }
  320. aside#sidebar nav.side-nav a:hover {
  321. color: {color:Link Color};
  322. }
  323. aside#sidebar nav.side-nav a:after {
  324. content: '';
  325. width: 0;
  326. height: 1px;
  327. background-color: {color:Accent Color};
  328. position: absolute;
  329. z-index: 10;
  330. bottom: -1px;
  331. left: 0;
  332. }
  333. aside#sidebar nav.side-nav a:hover:after {
  334. width: 100%;
  335. }
  336. aside#sidebar nav.side-nav a:after,
  337. aside#sidebar nav.side-nav a:hover:after {
  338. text-decoration: none;
  339. -webkit-transition: all 0.3s ease-in-out;
  340. -moz-transition: all 0.3s ease-in-out;
  341. -o-transition: all 0.3s ease-in-out;
  342. -ms-transition: all 0.3s ease-in-out;
  343. transition: all 0.3s ease-in-out;
  344. }
  345.  
  346. /* PAGINATION */
  347. aside#sidebar section.pagination {
  348. font-size: calc({select:Font Size} - 1px);
  349. text-align: center;
  350. }
  351. aside#sidebar section.pagination a {
  352. display: inline-block;
  353. margin: 0 5px;
  354. color: {color:Text Color};
  355. }
  356. aside#sidebar section.pagination a:hover {
  357. color: {color:Accent Color};
  358. }
  359. aside#sidebar section.pagination .current {
  360. display: inline-block;
  361. margin: 0 5px;
  362. color: {color:Link Color};
  363. }
  364. aside#sidebar section.pagination a.jump {
  365. font-size: calc({select:Font Size} - 2px);
  366. line-height: {select:Font Size};
  367. }
  368.  
  369. /*--------------------------------------------------------------*/
  370. /* MAIN CONTENT ------------------------------------------------*/
  371. /*--------------------------------------------------------------*/
  372.  
  373. #main {
  374. position: absolute;
  375. overflow: hidden;
  376. width: calc({select:Post Width} + 200px);
  377. min-height: calc(80vh - 100px);
  378. padding-bottom: calc(10vh + 50px);
  379. top: calc(10% + 50px);
  380. }
  381. #main.sidebar-right {
  382. left: calc(50% - {select:Post Width}/2 - {select:Sidebar Width}/2 - 120px);
  383. }
  384. #main.sidebar-left {
  385. right: calc(50% - {select:Post Width}/2 - {select:Sidebar Width}/2 - 120px);
  386. }
  387.  
  388. /* BANNER */
  389. .banner {
  390. position: relative;
  391. display: none;
  392. width: 100%;
  393. margin-bottom: 40px;
  394. background-image: url('{image:Banner}');
  395. background-size: cover;
  396. background-position: center;
  397. }
  398. .banner.full-height {
  399. height: calc(80vh - 100px);
  400. }
  401. .banner.auto-height {
  402. height: auto;
  403. }
  404. .banner img {
  405. width: 100%;
  406. display: block;
  407. opacity: 0;
  408. }
  409. .banner.page-1 {
  410. display: block;
  411. }
  412.  
  413. /*--------------------------------------------------------------*/
  414. /* POST CONTAINER ----------------------------------------------*/
  415. /*--------------------------------------------------------------*/
  416.  
  417. /* POSTS */
  418. #posts-container {
  419. position: relative;
  420. margin: 0 auto 40px;
  421. width: 100%;
  422. }
  423.  
  424. /* SINGLE POST */
  425. article.post-wrapper {
  426. position: relative;
  427. overflow: hidden;
  428. width: 100%;
  429. margin: 0px 0px 40px 0px;
  430. }
  431. article.post-wrapper section {
  432. padding-bottom: 300px;
  433. margin-bottom: -300px;
  434. }
  435. article.post-wrapper:last-child {
  436. margin: 0px;
  437. }
  438. article.sidebar-right section {
  439. float: left;
  440. }
  441. article.sidebar-left section {
  442. float: right;
  443. }
  444.  
  445. /* POST CONTENT BASIC */
  446. section.post-content {
  447. font-family: {select:Font Family};
  448. font-weight: 400;
  449. font-size: {select:Font Size};
  450. color:{color:Text Color};
  451. width: 100%;
  452. text-align: justify;
  453. line-height: 170%;
  454. }
  455. {block:Posts}{block:Date}
  456. section.post-content {
  457. width: {select:Post Width};
  458. }
  459. article.sidebar-right section.post-content {
  460. padding-left: 40px;
  461. border-left: 1px solid {color:Border Color};
  462. }
  463. article.sidebar-left section.post-content {
  464. padding-right: 40px;
  465. border-right: 1px solid {color:Border Color};
  466. }
  467. {/block:Date}{/block:Posts}
  468.  
  469. /* POST MEDIA */
  470. section.post-content .post-media {
  471. width: {select:Post Width};
  472. overflow: hidden;
  473. display: block;
  474. }
  475. section.post-content .post-media.if-caption {
  476. margin-bottom: 15px;
  477. }
  478. section.post-content .post-media .width_fix iframe {
  479. width: calc({select:Post Width} + 2px) !important;
  480. margin-top: -1px;
  481. margin-left: -1px;
  482. }
  483.  
  484. /* PHOTO SET FIX */
  485. .photo-slideshow .photo-data { padding-bottom: 4px; }
  486. .photo-slideshow .pxu-photo { padding-bottom: 1px; }
  487. .photo-slideshow .pxu-photo img { margin-left: 0px !important; }
  488. .photo-slideshow .count-1 { padding-bottom: 2px; }
  489. .photo-slideshow .count-1 .pxu-photo { padding-bottom: 0; margin-bottom: -2px; }
  490. .photo-slideshow .count-1 .pxu-photo:last-child { margin-bottom: 0px; }
  491. .photo-slideshow .count-2 { width: calc(50% - 2px); }
  492. .photo-slideshow .count-3 { width: calc(100%/3 - 3px); }
  493. .photo-slideshow .count-3:nth-child(2n+0) { width: calc(100%/3 - 2px); }
  494. .photo-slideshow .count-2:nth-child(2n+0), .photo-slideshow .count-3:nth-child(2n+0), .photo-slideshow .count-3:nth-child(3n+0) { margin-left: 4px;}
  495.  
  496. /* POST BODY */
  497. section.post-content .post-body {
  498. width: calc({select:Post Width} + 200px);
  499. {block:Posts}{block:Date}width: {select:Post Width};{/block:Date}{/block:Posts}
  500. }
  501. section.post-content .post-body a {
  502. background-image: linear-gradient(180deg,rgba(68,68,68,0) 50%,rgba(68,68,68,.1) 0);
  503. text-decoration: none;
  504. background-repeat: repeat-x;
  505. background-size: 1em 2px;
  506. background-position: 0 1.15em;
  507. padding-bottom: 2px;
  508. }
  509. section.post-content .post-body a:hover {
  510. color: {color:Text Color};
  511. }
  512.  
  513. /* POST IMAGES */
  514. section.post-content .post-body img {
  515. max-width: 100%;
  516. display: block;
  517. height: auto;
  518. }
  519.  
  520. /* FIX IMAGE FIGURE */
  521. section.post-content .post-body figure {
  522. margin-top: 10px;
  523. max-width: 100%;
  524. height: auto;
  525. }
  526. section.post-content .post-body figure.tumblr-full img {
  527. width: 100%;
  528. }
  529.  
  530. /* POST TITLE */
  531. section.post-content h1.post-title {
  532. font-family: {select:Font Family};
  533. font-weight: 700;
  534. font-size: calc({select:Font Size} + 12px);
  535. letter-spacing: -1px;
  536. text-align: justify;
  537. line-height: 120%;
  538. color: {color:Text Color};
  539. }
  540.  
  541. /* BLOCKQUOTE */
  542. section.post-content blockquote {
  543. width: calc(100% - 11px);
  544. max-width: calc(100% - 11px);
  545. margin-left: 0px;
  546. padding-left: 10px;
  547. border-left: 1px solid {color:Accent Color};
  548. }
  549.  
  550. /* TEXT STYLES */
  551. section.post-content p { margin-top: 3px; }
  552. section.post-content p:first-child { margin-top: 0px; }
  553. section.post-content big { font-size: calc({select:Font Size} + 4px); line-height: 120%;}
  554. section.post-content small { font-size: 10px; }
  555.  
  556. /* HIGHLIGHT */
  557. section.post-content h2 {
  558. font-family: 'Karla', sans-serif;
  559. font-weight: 400;
  560. font-size: calc({select:Font Size} + 7px);
  561. line-height: 120%;
  562. color: {color:Accent Color};
  563. margin-bottom: 15px;
  564. }
  565.  
  566. /* LIST STYLES */
  567. section.post-content .post-body ol {
  568. margin: 0px 0px 10px -15px;
  569. }
  570. section.post-content .post-body ul {
  571. list-style-type: none;
  572. padding-left: 10px;
  573. margin: 0px 0px 10px 5px;
  574. }
  575. section.post-content .post-body ul li:before {
  576. display: block;
  577. float: left;
  578. margin-left: -10px;
  579. margin-right: 5px;
  580. font-family: 'FontAwesome';
  581. font-size: calc({select:Font Size} - 3px);
  582. content: '\f105';
  583. }
  584.  
  585. /* CAPTION */
  586. section.post-content .caption {
  587. margin-bottom: -10px;
  588. }
  589. section.post-content .caption.has-title {
  590. margin-top: 10px;
  591. }
  592.  
  593. /* LINK POSTS */
  594. section.post-content .link-button {
  595. word-break: break-word;
  596. overflow: hidden;
  597. display: block;
  598. position: relative;
  599. text-decoration: none;
  600. }
  601. section.post-content .link-button .thumbnail img {
  602. display: block;
  603. width: 100%;
  604. margin: 0px;
  605. }
  606. section.post-content .link-button .thumbnail:after {
  607. background-image: linear-gradient(rgba(0,0,0,.439216),transparent 50%);
  608. content: '';
  609. display: block;
  610. position: absolute;
  611. top: 0;
  612. left: 0;
  613. right: 0;
  614. bottom: 0;
  615. }
  616. section.post-content .info-container {
  617. padding: 20px 20px 0;
  618. overflow: hidden;
  619. }
  620. section.post-content .publisher-container {
  621. margin-bottom: 4px;
  622. display: block;
  623. font-size: calc({select:Font Size} + 1px);
  624. line-height: calc({select:Font Size} + 1px);
  625. font-weight: 700;
  626. word-break: break-all;
  627. }
  628. section.post-content .publisher-container .publisher {
  629. line-height: 16px;
  630. font-size: calc({select:Font Size} - 3px);
  631. font-weight: 400;
  632. text-transform: uppercase;
  633. letter-spacing: 2px;
  634. display: inline-block;
  635. margin: 0px;
  636. }
  637. section.post-content .publisher-container.if-thumbnail {
  638. position:absolute;
  639. top: 15px;
  640. left: 20px;
  641. right: 20px;
  642. }
  643. section.post-content .publisher-container.if-thumbnail .publisher {
  644. color: {color:Post Background Color};
  645. }
  646. section.post-content .info-container {
  647. padding: 15px 20px;
  648. overflow: hidden;
  649. background-color: #f6f6f6;
  650. color: {color:Text Color};
  651. }
  652. section.post-content .info-container .title {
  653. font-family: 'Karla', sans-serif;
  654. margin-bottom: 5px;
  655. display: block;
  656. font-size: calc({select:Font Size} + 6px);
  657. font-weight: 700;
  658. letter-spacing: 0px;
  659. line-height: calc({select:Font Size} + 8px);
  660. }
  661. section.post-content .info-container .title:after {
  662. display: inline-block;
  663. font-size: calc({select:Font Size} + 1px);
  664. vertical-align: middle;
  665. margin-left: 5px;
  666. white-space: nowrap;
  667. font-family: 'FontAwesome';
  668. font-weight: bold;
  669. content: "\f054";
  670. }
  671. section.post-content .info-container .excerpt {
  672. margin-bottom: 5px;
  673. display: block;
  674. font-size: 10px;
  675. line-height: calc({select:Font Size} + 1px);
  676. }
  677. section.post-content .info-container .author {
  678. margin-bottom: 5px;
  679. display: block;
  680. font-size: calc({select:Font Size} - 2px);
  681. font-weight: 400;
  682. letter-spacing: 0.5px;
  683. line-height: calc({select:Font Size} + 2px);
  684. opacity: 0.5;
  685. }
  686.  
  687. /* QUOTES */
  688. section.post-content .quotes {
  689. font-weight: 400;
  690. font-size: calc({select:Font Size} + 12px);
  691. letter-spacing: -1px;
  692. line-height: 130%;
  693. margin-top: -5px;
  694. margin-bottom: 10px;
  695. color: {color:Text Color};
  696. }
  697. section.post-content .fa-quote-left,
  698. section.post-content .fa-quote-right {
  699. display: inline-block;
  700. color: {color:Text Color};
  701. font-size: calc({select:Font Size} + 3px);
  702. }
  703. section.post-content .fa-quote-left {
  704. margin-right: 10px;
  705. }
  706. section.post-content .fa-quote-right {
  707. margin-left: 10px;
  708. }
  709.  
  710. /* ANSWERS */
  711. section.post-content .asker {
  712. font-size: calc({select:Font Size} - 3px);
  713. text-transform: uppercase;
  714. text-align: left;
  715. line-height: 110%;
  716. margin-top: 2px;
  717. color: {color:Text Color};
  718. letter-spacing: 2px;
  719. }
  720. section.post-content .asker span {
  721. font-weight: 400;
  722. text-transform: uppercase;
  723. font-size: calc({select:Font Size} + 2px);
  724. line-height: 110%;
  725. letter-spacing: 1px;
  726. }
  727. section.post-content .asker a {
  728. background-image: none;
  729. color: {color:Link Color};
  730. font-weight: 400;
  731. text-transform: uppercase;
  732. font-size: calc({select:Font Size} + 2px);
  733. line-height: 110%;
  734. letter-spacing: 1px;
  735. }
  736. section.post-content .asker a:hover {
  737. color: {color:Text Color};
  738. }
  739. section.post-content .askimg img {
  740. width: calc({select:Font Size} + 15px);
  741. height: calc({select:Font Size} + 15px);
  742. margin-right: 10px;
  743. border-radius: 50%;
  744. float: left;
  745. }
  746. section.post-content .question {
  747. width: calc(100% - 35px);
  748. margin-top: -5px;
  749. margin-left: 12px;
  750. margin-bottom: 15px;
  751. padding: 20px 0px 0px 20px;
  752. border-left: 1px solid {color:Border Color};
  753. }
  754.  
  755. /* CHATS */
  756. section.post-content ul.chat {
  757. margin-bottom: 0px !important;
  758. overflow: hidden;
  759. width: calc(100% - 3px);
  760. border: 1px solid {color:Border Color};
  761. border-bottom: none;
  762. text-align: left;
  763. }
  764. section.post-content ul.chat {
  765. list-style: none !important;
  766. margin-left: 0px;
  767. padding: 0;
  768. }
  769. section.post-content ul.chat.has-title {
  770. margin-top: 10px;
  771. }
  772. section.post-content ul.chat li {
  773. display: block;
  774. min-height: 25px;
  775. line-height: 25px;
  776. font-size: calc({select:Font Size} + 1px);
  777. font-weight: 400 !important;
  778. letter-spacing: 1px;
  779. color: {color:Text Color};
  780. padding: 0px 10px;
  781. border-bottom: 1px solid {color:Border Color};
  782. }
  783. section.post-content ul.chat li:before {
  784. display: none;
  785. }
  786. section.post-content span.label {
  787. display: block;
  788. float: left;
  789. height: 25px;
  790. border-right: 1px solid {color:Border Color};
  791. border-bottom: 1px solid {color:Border Color};
  792. background-color: {color:Post Background Color};
  793. font-size: calc({select:Font Size} - 1px);
  794. font-weight: 700;
  795. text-transform: uppercase;
  796. letter-spacing :2px;
  797. margin-left: -10px;
  798. margin-right: 5px;
  799. padding: 0px 3px 0px 10px;
  800. color: {color:Text Color};
  801. }
  802. section.post-content span.label:after {
  803. content: '';
  804. position: absolute;
  805. float: right;
  806. margin-left: -5px;
  807. width: 4px;
  808. height: 25px;
  809. background-color: {color:Background Color};
  810. }
  811.  
  812. /* POSTNOTES */
  813. article.postnotes {
  814. width: calc({select:Post Width} + 200px);
  815. margin: 40px 0px 0px 0px;
  816. color: {color:Text Color};
  817. background: {color:Post Background Color};
  818. font-size: calc({select:Font Size} - 2px);
  819. text-align: justify;
  820. line-height: 150%;
  821. letter-spacing: 1px;
  822. text-transform: uppercase;
  823. }
  824. article.postnotes ol.notes{
  825. padding: 0px;
  826. margin: 20px 0px;
  827. list-style-type: none;
  828. }
  829. article.postnotes ol.notes li.note{
  830. padding: 10px 0px;
  831. }
  832. article.postnotes ol.notes li.note img.avatar{
  833. vertical-align: -4px;
  834. margin-right: 10px;
  835. width: calc({select:Font Size} + 4px);
  836. height: calc({select:Font Size} + 4px);
  837. border-radius: 50%;
  838. }
  839.  
  840. /*--------------------------------------------------------------*/
  841. /* PERMALINK ---------------------------------------------------*/
  842. /*--------------------------------------------------------------*/
  843.  
  844. section.post-permalink {
  845. width: 119px;
  846. padding-{select:Sidebar Position}: 40px;
  847. font-size: calc({select:Font Size} - 3px);
  848. text-align: left;
  849. text-transform: uppercase;
  850. }
  851. section.post-permalink a {
  852. color: {color:Text Color};
  853. }
  854. section.post-permalink ul.post-info,
  855. section.post-permalink ul.permalink-buttons,
  856. section.post-permalink ul.permalink-tags {
  857. list-style-type: none;
  858. display: block;
  859. }
  860. section.post-permalink ul.post-info li {
  861. display: block;
  862. margin-bottom: 10px;
  863. letter-spacing: 1px;
  864. }
  865. section.post-permalink ul.post-info a {
  866. margin-{select:Sidebar Position}: 10px;
  867. }
  868. section.post-permalink ul.post-info .fa {
  869. font-family: 'Karla', sans-serif;
  870. }
  871. section.post-permalink ul.post-info .fa:before,
  872. section.post-permalink ul.permalink-buttons .fa:before,
  873. section.post-permalink ul.permalink-tags .fa:before {
  874. font-family: 'FontAwesome';
  875. margin-right: 5px;
  876. color: {color:Accent Color};
  877. }
  878. section.post-permalink ul.permalink-buttons .fa:before {
  879. margin: 0;
  880. margin-{select:Sidebar Position}: 5px;
  881. }
  882. section.post-permalink ul.permalink-buttons {
  883. overflow: hidden;
  884. }
  885. section.post-permalink ul.permalink-buttons iframe {
  886. width: 13px !important;
  887. height: 15px !important;
  888. -webkit-transform: scale(0.9);
  889. -webkit-transform-origin: top left;
  890. -moz-transform: scale(0.9);
  891. -moz-transform-origin: top left;
  892. -o-transform: scale(0.9);
  893. -o-transform-origin: top left;
  894. -ms-transform: scale(0.9);
  895. -ms-transform-origin: top left;
  896. transform: scale(0.9);
  897. transform-origin: top left;
  898. }
  899. section.post-permalink ul.permalink-buttons li {
  900. float: left;
  901. font-size: 11px;
  902. position: relative;
  903. }
  904. section.post-permalink ul.permalink-buttons .like_button {
  905. position: absolute;
  906. top: -1px;
  907. opacity: 0;
  908. }
  909. section.post-permalink ul.permalink-buttons .like_button.liked {
  910. opacity: 1;
  911. }
  912. section.post-permalink ul.permalink-tags {
  913. margin-bottom: 10px;
  914. overflow: hidden;
  915. }
  916. section.post-permalink ul.permalink-tags li {
  917. float: left;
  918. letter-spacing: 1px;
  919. line-height: 12px;
  920. }
  921. section.post-permalink ul.permalink-tags a {
  922. margin-right: 5px;
  923. }
  924. section.post-permalink ul.permalink-tags a:last-child {
  925. margin: 0;
  926. }
  927. section.post-permalink ul.permalink-tags a:after {
  928. content: ',';
  929. }
  930. section.post-permalink ul.permalink-tags a:last-child:after {
  931. display: none;
  932. }
  933. article.sidebar-right section.post-permalink {
  934. text-align: left;
  935. }
  936. article.sidebar-left section.post-permalink {
  937. text-align: right;
  938. }
  939. article.sidebar-right section.post-permalink ul.permalink-buttons li,
  940. article.sidebar-right section.post-permalink ul.permalink-tags li {
  941. float: left;
  942. }
  943. article.sidebar-left section.post-permalink ul.permalink-buttons li,
  944. article.sidebar-left section.post-permalink ul.permalink-tags li {
  945. float: right;
  946. }
  947.  
  948. /*--------------------------------------------------------------*/
  949. /* FOOTER ------------------------------------------------------*/
  950. /*--------------------------------------------------------------*/
  951.  
  952. /* DO NOT REMOVE! */
  953. /*----- CREDIT -----*/
  954.  
  955. footer#blog-footer {
  956. position: fixed;
  957. bottom: 0;
  958. width: calc({select:Post Width} + 200px);
  959. height: 50px;
  960. background-color: {color:Background Color};
  961. padding-bottom: 10vh;
  962. z-index: 999;
  963. text-align: center;
  964. font-family: {select:Font Family};
  965. font-size: calc({select:Font Size} - 3px);
  966. font-weight: 400;
  967. color: {color:Text Color};
  968. text-transform: uppercase;
  969. letter-spacing: 1.5px;
  970. line-height: 50px;
  971. }
  972. footer#blog-footer.sidebar-right {
  973. left: calc(50% - {select:Post Width}/2 - {select:Sidebar Width}/2 - 120px);
  974. }
  975. footer#blog-footer.sidebar-left {
  976. right: calc(50% - {select:Post Width}/2 - {select:Sidebar Width}/2 - 120px);
  977. }
  978. footer#blog-footer a:hover {
  979. color: {color:Link Color};
  980. }
  981.  
  982. {CustomCSS}
  983.  
  984. </style><!-- END OF CSS STYLE-->
  985.  
  986. <!-- JQUERY -->
  987. <script>
  988. $(document).ready(function() {
  989. /* AUDIO PLAYER */
  990. $('iframe.tumblr_audio_player').load( function() {
  991. $('iframe.tumblr_audio_player').contents().find("head")
  992. .append($("<style type='text/css'> .audio-player{background:{color:Accent Color}; color:#fff} .audio-player .audio-info div{color:#fff !important}</style>"));
  993. });
  994. /* CUSTOM PHOTOSET */
  995. $('.photo-slideshow').pxuPhotoset({
  996. lightbox: true,
  997. gutter: '4px',
  998. borderRadius: '0px',
  999. photoset: '.photo-slideshow',
  1000. photoWrap: '.photo-data',
  1001. photo: '.pxu-photo'
  1002. });
  1003. /* CUSTOM TOOLTIPS */
  1004. $("[title]").style_my_tooltips({
  1005. tip_follows_cursor:true,
  1006. tip_delay_time:100,
  1007. tip_fade_speed:300
  1008. });
  1009. });
  1010. </script>
  1011. </head>
  1012.  
  1013. <body>
  1014.  
  1015. <!-- TOPBAR -->
  1016. <header id="topbar">
  1017. <h1><a href="/">{block:ifHeaderTitle}{text:Header Title}{/block:ifHeaderTitle}{block:ifNotHeaderTitle}{Title}{/block:ifNotHeaderTitle}</a></h1>
  1018. <h2>{block:ifHeaderTagline}{text:Header Tagline}{/block:ifHeaderTagline}{block:ifNotHeaderTagline}{Name}.tumblr.com{/block:ifNotHeaderTagline}</h2>
  1019. </header>
  1020.  
  1021. <!-- SIDEBAR -->
  1022. <aside id="sidebar">
  1023. <section class="desc">{Description}</section>
  1024. <nav class="side-nav">
  1025. <ul>
  1026. {block:ifLink1Title}<li><a href="{text:Link 1 URL}" class="fa fa-{text:Link 1 Icon}">{text:Link 1 Title}</a></li>{/block:ifLink1Title}
  1027. {block:ifLink2Title}<li><a href="{text:Link 2 URL}" class="fa fa-{text:Link 2 Icon}">{text:Link 2 Title}</a></li>{/block:ifLink2Title}
  1028. {block:ifLink3Title}<li><a href="{text:Link 3 URL}" class="fa fa-{text:Link 3 Icon}">{text:Link 3 Title}</a></li>{/block:ifLink3Title}
  1029. {block:ifLink4Title}<li><a href="{text:Link 4 URL}" class="fa fa-{text:Link 4 Icon}">{text:Link 4 Title}</a></li>{/block:ifLink4Title}
  1030. {block:ifLink5Title}<li><a href="{text:Link 5 URL}" class="fa fa-{text:Link 5 Icon}">{text:Link 5 Title}</a></li>{/block:ifLink5Title}
  1031. {block:ifLink6Title}<li><a href="{text:Link 6 URL}" class="fa fa-{text:Link 6 Icon}">{text:Link 6 Title}</a></li>{/block:ifLink6Title}
  1032. </ul>
  1033. </nav>
  1034. <!-- PAGINATION -->
  1035. {block:Pagination}<section class="pagination">
  1036. {block:PreviousPage}<a href="{PreviousPage}" class="jump"><i class="fa fa-angle-left" aria-hidden="true"></i></a>{/block:PreviousPage}
  1037. {block:JumpPagination length="3"}{block:CurrentPage}<span class="current">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1038. {block:NextPage}<a href="{NextPage}" class="jump"><i class="fa fa-angle-right" aria-hidden="true"></i></a>{/block:NextPage}
  1039. </section>{/block:Pagination}
  1040. </aside>
  1041.  
  1042. <!-- START OF MAIN CONTENT -->
  1043. <div id="main" class="sidebar-{select:Sidebar Position}">
  1044.  
  1045. <!-- BANNER -->
  1046. {block:HomePage}{block:ifBannerImage}<div class="banner {select:Banner Size}-height page-{CurrentPage}">
  1047. <img src="{image:Banner}" />
  1048. </div>{/block:ifBannerImage}{/block:HomePage}
  1049.  
  1050. <!-- POSTS CONTAINER -->
  1051. <div id="posts-container">
  1052.  
  1053. <!-- START OF A POST -->
  1054. {block:Posts}<article class="post-wrapper sidebar-{select:Sidebar Position}">
  1055.  
  1056. {block:Date}<section class="post-permalink">
  1057. <ul class="post-info">
  1058. <li><a class="fa fa-star" href="{Permalink}" title="notes">{NoteCountWithLabel}</a></li>
  1059. <li><a class="fa fa-clock-o" href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}/" title="date">{ShortMonth} {DayOfMonthWithZero} {Year}</a></li>
  1060. {block:RebloggedFrom}<li><a class="fa fa-location-arrow" href="{ReblogRootURL}" target="_blank" title="{ReblogRootName}">src</a><a class="fa fa-sign-in" href="{ReblogParentURL}" target="_blank" title="{ReblogParentName}">via</a></li>{/block:RebloggedFrom}
  1061. </ul>
  1062. {block:HasTags}<ul class="permalink-tags">
  1063. <li><i class="fa fa-tags" aria-hidden="true"></i>{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</li>
  1064. </ul>{/block:HasTags}
  1065. <ul class="permalink-buttons">
  1066. <li class="reblog-button" title="reblog"><a href="{ReblogURL}" target="_blank"><i class="fa fa-retweet"></i></a></li>
  1067. <li class="like" title="like"><i class="fa fa-heart"></i>{LikeButton size="13"}</li>
  1068. </ul>
  1069. </section>{/block:Date}
  1070.  
  1071. <!-- START OF POST CONTENT -->
  1072. <section class="post-content">
  1073.  
  1074. <!-- TEXT POST -->
  1075. {block:Text}
  1076. <div class="post-body">
  1077. {block:Title}<h1 class="post-title">{Title}</h1>{/block:Title}
  1078. <div class="caption {block:Title}has-title{/block:Title}">{Body}</div>
  1079. </div>
  1080. {/block:Text}
  1081.  
  1082. <!-- PHOTO POST -->
  1083. {block:Photo}
  1084. <div class="post-media {block:Caption}if-caption{/block:Caption}">{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="{select:Post Width}" style="display:block;" />{LinkCloseTag}</div>
  1085. {block:Caption}<div class="post-body"><div class="caption">{Caption}</div></div>{/block:Caption}
  1086. {/block:Photo}
  1087.  
  1088. <!-- PHOTOSET -->
  1089. {block:Photoset}
  1090. <div class="post-media {block:Caption}if-caption{/block:Caption}">
  1091. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  1092. {block:Photos}<div class="photo-data">
  1093. <div class="pxu-photo">
  1094. <img src="{PhotoURL-HighRes}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" />
  1095. </div><!-- pxu-photo -->
  1096. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  1097. </div><!-- photo-data -->{/block:Photos}
  1098. </div><!-- photo-slideshow-->
  1099. </div>
  1100. {block:Caption}<div class="post-body"><div class="caption">{Caption}</div></div>{/block:Caption}
  1101. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1102. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  1103. {/block:Photoset}
  1104.  
  1105. <!-- VIDEO POST -->
  1106. {block:Video}
  1107. <div class="post-media">
  1108. <div class="video" style="margin-bottom:-5px;">{Video-700}</div>
  1109. </div>
  1110. {block:Caption}<div class="post-body"><div class="caption">{Caption}</div></div>{/block:Caption}
  1111. {/block:Video}
  1112.  
  1113. <!-- AUDIO POST -->
  1114. {block:Audio}
  1115. <div class="post-media {block:Caption}if-caption{/block:Caption}">
  1116. <div class="width_fix" style="height: 85px;">{AudioEmbed-640}</div>
  1117. </div>
  1118. {block:Caption}<div class="post-body"><div class="caption">{Caption}</div></div>{/block:Caption}
  1119. {/block:Audio}
  1120.  
  1121. <!-- LINK POST -->
  1122. {block:Link}
  1123. <div class="post-media {block:Description}if-caption{/block:Description}">
  1124. <a href="{Url}" target="_blank" class="link-button">
  1125. {block:Thumbnail}<div class="thumbnail"><img src="{Thumbnail}"></div>{/block:Thumbnail}
  1126. <div class="info-container">
  1127. {block:Host}<div class="publisher-container {block:Thumbnail}if-thumbnail{/block:Thumbnail}"><div class="publisher">{Host}</div></div>{/block:Host}
  1128. <div class="title">{Name}</div>
  1129. {block:Excerpt}<div class="excerpt">{Excerpt}</div>{/block:Excerpt}
  1130. {block:Author}<div class="author">{Author}</div>{/block:Author}
  1131. </div><!-- INFO CONTAINER -->
  1132. </a>
  1133. </div>
  1134. {block:Description}<div class="post-body"><div class="caption">{Description}</div></div>{/block:Description}
  1135. {/block:Link}
  1136.  
  1137. <!-- QUOTE POST -->
  1138. {block:Quote}
  1139. <div class="post-body" style="text-align: center; min-height: 65px;">
  1140. <div class="quotes"><i class="fa fa-quote-left"></i>{Quote}<i class="fa fa-quote-right"></i></div>
  1141. {block:Source}<div class="caption" style="margin-bottom:0px;">— {Source}</div>{/block:Source}
  1142. </div>
  1143. {/block:Quote}
  1144.  
  1145. <!-- CHAT POST -->
  1146. {block:Chat}
  1147. <div class="post-body" style="min-height: 65px;">
  1148. {block:Title}<h1 class="post-title"{block:Date} style="display:block"{/block:Date}>{Title}</h1>{/block:Title}
  1149. <ul class="chat {block:Title}has-title{/block:Title}">
  1150. {block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}
  1151. </ul>
  1152. </div>
  1153. {/block:Chat}
  1154.  
  1155. <!-- ANSWER -->
  1156. {block:Answer}
  1157. <div class="post-body" sytle="min-height: 65px;">
  1158. <div class="askimg"><img src="{AskerPortraitURL-48}"></div>
  1159. <div class="asker"><span>{Asker}</span><br>sent a message</div>
  1160. <div class="question">{Question}</div>
  1161. <div class="caption">{Answer}</div>
  1162. </div>
  1163. {/block:Answer}
  1164.  
  1165. </section>
  1166. <!-- END OF POST CONTENT -->
  1167.  
  1168. </article>
  1169. <!-- END OF A POST -->
  1170.  
  1171. <!-- POST NOTES -->
  1172. {block:PostNotes}<article class="postnotes">{PostNotes}</section>{/block:PostNotes}
  1173.  
  1174. {/block:Posts}<!-- END OF ALL POSTS -->
  1175.  
  1176. </div><!-- POSTS CONTAINER -->
  1177.  
  1178. </div><!-- END OF MAIN CONTENT -->
  1179.  
  1180. <!-- DO NO REMOVE DO NOT REMOVE DO NOT REMOVE -->
  1181. <footer id="blog-footer" class="sidebar-{select:Sidebar Position}">Theme by <a href="http://roxiestheme.tumblr.com">roxiestheme</a> • Powered by <a href="http://tumblr.com">Tumblr</a></footer>
  1182. <!-- DO NO REMOVE DO NOT REMOVE DO NOT REMOVE -->
  1183.  
  1184. <!-- SVGS -->
  1185. <svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" display="none">
  1186. <defs>
  1187. <symbol id="icon-quote-left" viewBox="0 0 33 32">
  1188. <title>quote</title>
  1189. <path class="path1" d="M16.025 19.192c-0.133-3.75-3.258-7.225-7.133-7.675-1.475-0.167-3.767 0.483-4.767 1.167-0.4 0.083-0.6 0.225-0.717-0.4 3.433-6.633 11.342-6.625 11.342-6.625v-0.917c-8.058-1.325-17.025 8.842-14.225 17 1.333 3.875 5.117 6.25 8.792 5.508 3.85-0.783 6.842-4.367 6.708-8.058zM7.925 25.9c-3.708-0.050-6.492-2.958-6.408-6.692 0.092-3.683 3.083-6.458 6.792-6.3 3.475 0.15 6.183 2.975 6.2 6.458 0.025 3.633-2.942 6.583-6.583 6.533z"></path>
  1190. <path class="path2" d="M33.025 19.192c-0.133-3.75-3.258-7.225-7.133-7.675-1.475-0.167-3.767 0.483-4.767 1.167-0.4 0.083-0.6 0.225-0.717-0.4 3.433-6.633 11.342-6.625 11.342-6.625v-0.917c-8.058-1.325-17.025 8.842-14.225 17 1.333 3.875 5.117 6.25 8.792 5.508 3.85-0.783 6.842-4.367 6.708-8.058zM24.925 25.9c-3.708-0.050-6.492-2.958-6.408-6.692 0.092-3.683 3.083-6.458 6.792-6.3 3.475 0.15 6.183 2.975 6.2 6.458 0.033 3.633-2.942 6.583-6.583 6.533z"></path>
  1191. </symbol>
  1192. <symbol id="icon-quote-right" viewBox="0 0 33 32">
  1193. <title>quote2</title>
  1194. <path class="path1" d="M17.006 12.808c0.133 3.75 3.258 7.225 7.133 7.675 1.475 0.167 3.767-0.483 4.767-1.167 0.4-0.083 0.6-0.225 0.717 0.4-3.433 6.633-11.342 6.625-11.342 6.625v0.917c8.058 1.325 17.025-8.842 14.225-17-1.333-3.875-5.117-6.25-8.792-5.508-3.85 0.783-6.842 4.367-6.708 8.058zM25.106 6.1c3.708 0.050 6.492 2.958 6.408 6.692-0.092 3.683-3.083 6.458-6.792 6.3-3.475-0.15-6.183-2.975-6.2-6.458-0.025-3.633 2.942-6.583 6.583-6.533z"></path>
  1195. <path class="path2" d="M0.006 12.808c0.133 3.75 3.258 7.225 7.133 7.675 1.475 0.167 3.767-0.483 4.767-1.167 0.4-0.083 0.6-0.225 0.717 0.4-3.433 6.633-11.342 6.625-11.342 6.625v0.917c8.058 1.325 17.025-8.842 14.225-17-1.333-3.875-5.117-6.25-8.792-5.508-3.85 0.783-6.842 4.367-6.708 8.058zM8.106 6.1c3.708 0.050 6.492 2.958 6.408 6.692-0.092 3.683-3.083 6.458-6.792 6.3-3.475-0.15-6.183-2.975-6.2-6.458-0.033-3.633 2.942-6.583 6.583-6.533z"></path>
  1196. </symbol>
  1197. </defs>
  1198. </svg>
  1199.  
  1200. </body>
  1201. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!