API tools faq
paste
Advertisement
roxiestheme

Theme 59

roxiestheme
Apr 10th, 2017
9,281
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 43.35 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 59 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 Linearicons
  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="#f6f6f6" />
  40. <meta name="color:Post Background Color" content="#ffffff" />
  41. <meta name="color:Navigation Color" content="#fafafa" />
  42. <meta name="color:Header Background Color" content="#ffffff" />
  43. <meta name="color:Border Color" content="#eeeeee" />
  44. <meta name="color:Text Color" content="#888888" />
  45. <meta name="color:Link Color" content="#666666" />
  46. <meta name="color:Accent Color" content="#d1e4a8" />
  47.  
  48. <meta name="image:Sidebar" content="" />
  49. <meta name="image:Header" content="" />
  50.  
  51. <meta name="select:Font Family" content="'Karla', sans-serif" title="Karla">
  52. <meta name="select:Font Family" content="'Open Sans', sans-serif" title="Open Sans">
  53. <meta name="select:Font Family" content="'Roboto', sans-serif" title="Roboto">
  54. <meta name="select:Font Family" content="'Lato', sans-serif" title="Lato">
  55.  
  56. <meta name="select:Font Size" content="10px" title="10px">
  57. <meta name="select:Font Size" content="9px" title="9px">
  58. <meta name="select:Font Size" content="11px" title="11px">
  59. <meta name="select:Font Size" content="12px" title="12px">
  60.  
  61. <meta name="select:Sidebar Width" content="250px" title="250px">
  62. <meta name="select:Sidebar Width" content="300px" title="300px">
  63. <meta name="select:Sidebar Width" content="350px" title="350px">
  64. <meta name="select:Sidebar Width" content="400px" title="400px">
  65.  
  66. <meta name="select:Post Width" content="540px" title="540px">
  67. <meta name="select:Post Width" content="400px" title="400px">
  68. <meta name="select:Post Width" content="500px" title="500px">
  69.  
  70. <meta name="text:Sidebar Title" content="" />
  71. <meta name="text:Sidebar Subtitle" content="" />
  72.  
  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="https://fonts.googleapis.com/css?family=Karla:400,700|Lato:400,700|Open+Sans:400,700|Roboto:400,700" /> <!-- GOOGLE FONT -->
  100. <link rel="stylesheet" type="text/css" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css" /> <!-- LINEARICONS -->
  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. <script src="https://cdn.linearicons.com/free/1.0.0/svgembedder.min.js"></script><!-- LINEARICONS -->
  108.  
  109. <style type="text/css">
  110.  
  111. /*----- BASIC ----*/
  112.  
  113. html, body {
  114. font-family: {select:Font Family};
  115. background: {color:Background Color};
  116. margin: 0px;
  117. padding: 0px;
  118. overflow-x: hidden;
  119. -webkit-font-smoothing: antialiased;
  120. -moz-osx-font-smoothing: grayscale;
  121. }
  122.  
  123. /* LINKS BASIC */
  124. a{
  125. color: {color:Link Color};
  126. }
  127. a:hover{
  128. color: {color:Accent Color};
  129. }
  130. a, a:hover, a:active{
  131. text-decoration: none;
  132. -webkit-transition: all 0.3s ease-in-out;
  133. -moz-transition: all 0.3s ease-in-out;
  134. -o-transition: all 0.3s ease-in-out;
  135. -ms-transition: all 0.3s ease-in-out;
  136. transition: all 0.3s ease-in-out;
  137. }
  138.  
  139. /* LIST BASIC */
  140. ul, menu, dir{
  141. margin: 0px;
  142. padding: 0px;
  143. -webkit-margin-before: 0px;
  144. -webkit-margin-after: 0px;
  145. -webkit-margin-start: 0px;
  146. -webkit-margin-end: 0px;
  147. -webkit-padding-start: 0px;
  148. }
  149.  
  150. /* TOOLTIPS */
  151. #s-m-t-tooltip{
  152. position: absolute;
  153. z-index: 9999999;
  154. margin-top: 5px;
  155. margin-left: 10px;
  156. display: block;
  157. padding: 5px 8px;
  158. background-color: {color:Text Color};
  159. font-family: {select:Font Family};
  160. font-size: calc({select:Font Size} - 2px);
  161. color: {color:Post Background Color};
  162. letter-spacing: 1px;
  163. text-transform: uppercase;
  164. }
  165.  
  166. /* SCROLL BAR */
  167. ::-webkit-scrollbar-thumb {
  168. width: 5px;
  169. border: 1px solid {color:Border Color};
  170. border-right: none;
  171. background-color: {color:Navigation Color};
  172. }
  173. ::-webkit-scrollbar {
  174. width: 5px;
  175. border-left: 1px solid {color:Border Color};
  176. border-right: 4px solid {color:Post Background Color};
  177. background-color: {color:Post Background Color};
  178. }
  179.  
  180. /* SELECTION */
  181. ::-moz-selection{
  182. color: {color:Post Background Color};
  183. background-color: {color:Text Color};
  184. }
  185. ::selection{
  186. color: {color:Post Background Color};
  187. background-color: {color:Text Color};
  188. }
  189.  
  190. /* TUMBLR CONTROLS */
  191. .tmblr-iframe-compact .tmblr-iframe--unified-controls {
  192. z-index: 999999;
  193. position: fixed;
  194. top: 0;
  195. right: 20px;
  196. vertical-align: middle;
  197. white-space: nowrap !important;
  198. opacity: 0.2;
  199. -webkit-filter: invert(100%);
  200. -moz-filter: invert(100%);
  201. -o-filter: invert(100%);
  202. -ms-filter: invert(100%);
  203. filter: invert(100%);
  204. -webkit-transform: scale(0.6);
  205. -webkit-transform-origin: top right;
  206. -moz-transform: scale(0.6);
  207. -moz-transform-origin: top right;
  208. -o-transform: scale(0.6);
  209. -o-transform-origin: top right;
  210. -ms-transform: scale(0.6);
  211. -ms-transform-origin: top right;
  212. transform: scale(0.6);
  213. transform-origin: top right;
  214. }
  215.  
  216. /*---------------------------------------*/
  217. /*---------------------------------------*/
  218. /*---------------------------------------*/
  219.  
  220. /*----- MAIN -----*/
  221.  
  222. #main{
  223. position: relative;
  224. overflow: hidden;
  225. width: calc(100vw - 110px);
  226. padding-left: 110px;
  227. display: block;
  228. background-color: {color:Background Color};
  229. }
  230. #main .padding-left{
  231. background-color: {color:Background Color};
  232. float: left;
  233. display: block;
  234. max-width: calc(100vw - {select:Post Width} - 62px - 81px);
  235. overflow: hidden;
  236. height: 100vh;
  237. }
  238. #main .padding-left img{
  239. opacity: 0;
  240. display: block;
  241. height: 100vh;
  242. width: auto;
  243. }
  244.  
  245. /*---------------------------------------*/
  246. /*---------------------------------------*/
  247. /*---------------------------------------*/
  248.  
  249. /*----- SIDEBAR -----*/
  250.  
  251. aside#sidebar{
  252. height: 100vh;
  253. position: fixed;
  254. z-index: 999;
  255. top: 0px;
  256. left: 0px;
  257. }
  258.  
  259. /* SIDEBAR IMAGE */
  260. aside#sidebar article.side-img{
  261. float: left;
  262. top: 0px;
  263. left: 0px;
  264. height: 100%;
  265. width: auto;
  266. max-width: calc(100vw - {select:Post Width} - 62px - 81px);
  267. overflow: hidden;
  268. background-image: url('{image:Sidebar}');
  269. background-size: cover;
  270. background-position: center;
  271. }
  272. aside#sidebar article.side-img img{
  273. display: block;
  274. height: 100vh;
  275. width: auto;
  276. opacity: 0;
  277. }
  278.  
  279. /* SIDEBAR INFO */
  280. aside#sidebar article.side-info{
  281. background-color: {color:Navigation Color};
  282. position: relative;
  283. display: block;
  284. float: left;
  285. width: 80px;
  286. height: 100%;
  287. margin: 0px;
  288. overflow: hidden;
  289. border-right: 1px solid {color:Border Color};
  290. }
  291.  
  292. /* SIDEBAR TITLE */
  293. aside#sidebar article.side-info h1{
  294. position: absolute;
  295. width: 100vh;
  296. left: 50px;
  297. top: 20px;
  298. color: {color:Text Color};
  299. font-family: {select:Font Family};
  300. text-align: left;
  301. margin: 0px;
  302. text-transform: uppercase;
  303. transform: rotate(90deg);
  304. transform-origin: left top;
  305. z-index: 999;
  306. overflow: hidden;
  307. }
  308. aside#sidebar article.side-info h1 span{
  309. float: left;
  310. height: 20px;
  311. line-height: 20px;
  312. vertical-align: middle;
  313. display: block;
  314. }
  315. aside#sidebar article.side-info h1 span.title{
  316. font-weight: 700;
  317. font-size: 16px;
  318. text-transform: uppercase;
  319. letter-spacing: 1px;
  320. }
  321. aside#sidebar article.side-info h1 span.line{
  322. height: 1px;
  323. width: 70px;
  324. margin: 9.5px 13px;
  325. opacity: 0.3;
  326. background-color: {color:Text Color};
  327. }
  328. aside#sidebar article.side-info h1 span.subtitle{
  329. position: absolute;
  330. display: inline-block;
  331. font-size: 8px;
  332. font-weight: 400;
  333. letter-spacing: 2px;
  334. line-height: 22px;
  335. opacity: 0.7;
  336. }
  337.  
  338. /* SIDE LINKS */
  339. aside#sidebar nav.side-links{
  340. position: absolute;
  341. z-index: 9999;
  342. width: 80px;
  343. right: 0px;
  344. bottom: 15px;
  345. display: block;
  346. margin-top: 10px;
  347. }
  348. aside#sidebar nav.side-links section.nav a{
  349. display: block;
  350. font-family: 'Linearicons-Free';
  351. cursor: help;
  352. width: 35px;
  353. height: 35px;
  354. font-size: 18px;
  355. text-align: center;
  356. line-height: 35px;
  357. margin: 5px auto;
  358. border-radius: 3px;
  359. border: 1px solid {color:Border Color};
  360. background-color: {color:Post Background Color};
  361. color: #ccc;
  362. }
  363. aside#sidebar nav.side-links section.nav a:hover{
  364. background-color: {color:Accent Color};
  365. border: 1px solid {color:Accent Color};
  366. color: {color:Post Background Color};
  367. }
  368.  
  369. /* PAGINATION */
  370. aside#sidebar section.pagination{
  371. display: inline-block;
  372. max-width: 40px;
  373. height: 20px;
  374. margin-top: 10px;
  375. margin-left: 50%;
  376. text-align: center;
  377. border: 1px solid {color:Border Color};
  378. border-radius: 3px;
  379. overflow: hidden;
  380. -webkit-transform: translateX(-50%);
  381. -moz-transform: translateX(-50%);
  382. -ms-transform: translateX(-50%);
  383. transform: translateX(-50%);
  384. }
  385. aside#sidebar section.pagination a{
  386. display: inline-block;
  387. width: 20px;
  388. height: 20px;
  389. font-size: 10px;
  390. line-height: 22px;
  391. cursor: help;
  392. text-align: center;
  393. text-transform: uppercase;
  394. border-left: 1px solid {color:Border Color};
  395. border-right: 1px solid {color:Border Color};
  396. color: {color:Text Color};
  397. background-color: {color:Post Background Color};
  398. color: #ccc;
  399. margin: 0px -3px;
  400. }
  401. aside#sidebar section.pagination a:hover{
  402. background-color: {color:Accent Color};
  403. color: {color:Post Background Color};
  404. border: none;
  405. border-left: 1px solid {color:Accent Color};
  406. border-right: 1px solid {color:Accent Color};
  407. }
  408.  
  409. /*---------------------------------------*/
  410. /*---------------------------------------*/
  411. /*---------------------------------------*/
  412.  
  413. /*----- POST CONTAINER -----*/
  414.  
  415. #posts-container{
  416. position: relative;
  417. margin: 30px 0px;
  418. float: left;
  419. width: calc({select:Post Width} + 2px);
  420. }
  421.  
  422. /* DESC*/
  423. header.desc{
  424. margin: 0px 0px 30px 0px;
  425. width: {select:Post Width};
  426. overflow: hidden;
  427. border: 1px solid {color:Border Color};
  428. border-radius: 3px;
  429. }
  430. header.desc .desc-header{
  431. width: 100%;
  432. min-height: 100px;
  433. background-color: {color:Accent Color};
  434. }
  435. header.desc .desc-header img{
  436. display: block;
  437. width: 100%;
  438. }
  439. header.desc .desc-avatar{
  440. position: absolute;
  441. margin-top: -37px;
  442. margin-left: 50%;
  443. width: 74px;
  444. height: 74px;
  445. border-radius: 50%;
  446. z-index: 15;
  447. -webkit-transform: translateX(-50%);
  448. -moz-transform: translateX(-50%);
  449. -ms-transform: translateX(-50%);
  450. transform: translateX(-50%);
  451. }
  452. header.desc .desc-avatar img{
  453. border-radius: 50%;
  454. border: 5px solid {color:Post Background Color};
  455. }
  456. header.desc .desc-content{
  457. position: relative;
  458. width: calc(100% - 40px);
  459. padding: 40px 20px 20px;
  460. background-color: {color:Post Background Color};
  461. font-family: {select:Font Family};
  462. font-weight: 400;
  463. font-size: {select:Font Size};
  464. color:{color:Text Color};
  465. text-align: center;
  466. line-height: 150%;
  467. }
  468.  
  469. /*---------------------------------------*/
  470. /*---------------------------------------*/
  471. /*---------------------------------------*/
  472.  
  473. /* POSTS */
  474. #posts-container{
  475. margin: 30px 0px 0px;
  476. }
  477.  
  478. /* SINGLE POST */
  479. article.post-wrapper{
  480. overflow: hidden;
  481. width: {select:Post Width};
  482. border: 1px solid {color:Border Color};
  483. border-bottom: none;
  484. border-radius: 3px;
  485. margin: 0px auto 15px;
  486. }
  487. article.post-wrapper:last-child{
  488. margin: 0px;
  489. }
  490.  
  491. /* POST CONTENT BASIC */
  492. section.post-content{
  493. background-color: {color:Post Background Color};
  494. font-family: {select:Font Family};
  495. font-weight: 400;
  496. font-size: {select:Font Size};
  497. color:{color:Text Color};
  498. width: {select:Post Width};
  499. text-align: justify;
  500. line-height: 150%;
  501. }
  502.  
  503. /* POST MEDIA */
  504. section.post-content .post-media{
  505. width: {select:Post Width};
  506. border: 1px solid {color:Border Color};
  507. border-top: none;
  508. overflow: hidden;
  509. display: block;
  510. }
  511. section.post-content .post-media .width_fix iframe{
  512. width: calc({select:Post Width} + 2px) !important;
  513. margin: 0px;
  514. margin-top: -1px;
  515. margin-left: -1px;
  516. }
  517. section.post-content .post-media iframe.tumblr_audio_player{
  518. height: 85px !important;
  519. margin-bottom: -5px;
  520. }
  521.  
  522. /* PHOTO SET FIX */
  523. .photo-slideshow .photo-data { padding-bottom: 4px; }
  524. .photo-slideshow .pxu-photo { padding-bottom: 1px; }
  525. .photo-slideshow .pxu-photo img { margin-left: 0px !important; }
  526. .photo-slideshow .count-1 { padding-bottom: 2px; }
  527. .photo-slideshow .count-1 .pxu-photo { padding-bottom: 0; margin-bottom: -2px; }
  528. .photo-slideshow .count-1 .pxu-photo:last-child { margin-bottom: 0px; }
  529. .photo-slideshow .count-2 { width: calc(50% - 2px); }
  530. .photo-slideshow .count-3 { width: calc(100%/3 - 3px); }
  531. .photo-slideshow .count-3:nth-child(2n+0) { width: calc(100%/3 - 2px); }
  532. .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; }
  533.  
  534. /* POST BODY */
  535. section.post-content .post-body{
  536. width: calc({select:Post Width} - 40px);
  537. border-bottom: 1px solid {color:Border Color};
  538. padding: 20px;
  539. }
  540. section.post-content .post-body a{
  541. background-image: linear-gradient(180deg,rgba(68,68,68,0) 50%,rgba(68,68,68,.1) 0);
  542. text-decoration: none;
  543. background-repeat: repeat-x;
  544. background-size: 1em 2px;
  545. background-position: 0 1.15em;
  546. padding-bottom: 2px;
  547. }
  548. section.post-content .post-body a:hover{
  549. color: {color:Text Color};
  550. }
  551.  
  552. /* POST IMAGES */
  553. section.post-content .post-body img{
  554. max-width: 100%;
  555. height: auto;
  556. }
  557.  
  558. /* FIX IMAGE FIGURE */
  559. section.post-content .post-body figure{
  560. margin-top: 10px;
  561. max-width: 100%;
  562. height: auto;
  563. }
  564. section.post-content .post-body figure.tumblr-full img{
  565. width: {select:Post Width};
  566. }
  567.  
  568. /* POST TITLE */
  569. section.post-content h1.post-title{
  570. font-family: {select:Font Family};
  571. font-weight: 400;
  572. font-size: calc({select:Font Size} + 18px);;
  573. letter-spacing: 0px;
  574. text-align: justify;
  575. line-height: 120%;
  576. margin: -10px 0px 0px 0px;
  577. color: {color:Text Color};
  578. }
  579.  
  580. /* BLOCKQUOTE */
  581. section.post-content blockquote{
  582. width: calc(100% - 11px);
  583. max-width: calc(100% - 11px);
  584. margin-left: 0px;
  585. padding-left: 10px;
  586. border-left: 1px solid {color:Accent Color};
  587. }
  588.  
  589. /* TEXT STYLES */
  590. section.post-content p{ margin-top: 3px; }
  591. section.post-content p:first-child{ margin-top: 0px; }
  592. section.post-content big{ font-size: calc({select:Font Size} + 3px); }
  593. section.post-content small{ font-size: {select:Font Size}; }
  594.  
  595. /* HIGHLIGHT */
  596. section.post-content h2{
  597. font-family: {select:Font Family};
  598. font-weight: 400;
  599. font-size: calc({select:Font Size} + 5px);
  600. color: {color:Accent Color};
  601. margin-bottom: 15px;
  602. }
  603.  
  604. /* LIST STYLES */
  605. section.post-content .post-body ol{
  606. margin: 0px 0px 10px 5px;
  607. }
  608. section.post-content .post-body ul{
  609. list-style-type: none;
  610. padding-left: 15px;
  611. margin: 0px 0px 10px 5px;
  612. }
  613. section.post-content .post-body ul li:before{
  614. display: inline-block;
  615. width: 15px;
  616. margin-left: -15px;
  617. font-family: 'Linearicons-Free';
  618. font-size: calc({select:Font Size} - 3px);
  619. content: '\e870';
  620. }
  621.  
  622. /* CAPTION */
  623. section.post-content .caption{
  624. margin-bottom: -10px;
  625. }
  626. section.post-content .caption.has-title{
  627. margin-top: 10px;
  628. }
  629.  
  630. /* LINK POSTS */
  631. section.post-content .link-button{
  632. word-break: break-word;
  633. overflow: hidden;
  634. display: block;
  635. position: relative;
  636. text-decoration: none;
  637. border-bottom: 1px solid {color:Border Color};
  638. }
  639. section.post-content .link-button .thumbnail img{
  640. display: block;
  641. margin: 0px;
  642. }
  643. section.post-content .link-button .thumbnail:after{
  644. background-image: linear-gradient(rgba(0,0,0,.439216),transparent 50%);
  645. content: '';
  646. display: block;
  647. position: absolute;
  648. top: 0;
  649. left: 0;
  650. right: 0;
  651. bottom: 0;
  652. }
  653. section.post-content .info-container{
  654. padding: 20px 20px 0;
  655. overflow: hidden;
  656. }
  657. section.post-content .publisher-container{
  658. margin-bottom: 4px;
  659. display: block;
  660. font-size: 13px;
  661. line-height: 13px;
  662. font-weight: 700;
  663. word-break: break-all;
  664. }
  665. section.post-content .publisher-container .publisher{
  666. line-height: 16px;
  667. font-size: 7px;
  668. font-weight: 400;
  669. text-transform: uppercase;
  670. letter-spacing: 2px;
  671. display: inline-block;
  672. margin: 0px;
  673. }
  674. section.post-content .publisher-container.if-thumbnail{
  675. position:absolute;
  676. top: 15px;
  677. left: 20px;
  678. right: 20px;
  679. }
  680. section.post-content .publisher-container.if-thumbnail .publisher{
  681. color: {color:Post Background Color};
  682. }
  683. section.post-content .info-container{
  684. padding: 15px 20px;
  685. overflow: hidden;
  686. background-color: {color:Navigation Color};
  687. color: {color:Text Color};
  688. }
  689. section.post-content .info-container .title{
  690. font-family: {select:Font Family};
  691. display: block;
  692. font-size: calc({select:Font Size} + 8px);
  693. font-weight: 700;
  694. letter-spacing: 0px;
  695. line-height: calc({select:Font Size} + 10px);
  696. }
  697. section.post-content .info-container .title:after{
  698. display: inline-block;
  699. font-size: calc({select:Font Size} + 3px);
  700. vertical-align: middle;
  701. margin-left: 5px;
  702. white-space: nowrap;
  703. font-family: 'Linearicons-Free';
  704. font-weight: bold;
  705. content: "\e876";
  706. }
  707. section.post-content .info-container .excerpt{
  708. display: block;
  709. margin-top: 5px;
  710. font-size: {select:Font Size};
  711. line-height: calc({select:Font Size} + 3px);
  712. }
  713. section.post-content .info-container .author{
  714. margin-top: 5px;
  715. display: block;
  716. font-size: calc({select:Font Size} - 2px);
  717. font-weight: 400;
  718. letter-spacing: 0.5px;
  719. line-height: calc({select:Font Size} + 2px);
  720. opacity: 0.5;
  721. }
  722.  
  723. /* QUOTES */
  724. section.post-content .quotes{
  725. font-weight: 400;
  726. font-size: calc({select:Font Size} + 15px);
  727. letter-spacing: -1px;
  728. line-height: 130%;
  729. margin-top: -5px;
  730. margin-bottom: 10px;
  731. color: {color:Text Color};
  732. }
  733. section.post-content .icon-quote-left,
  734. section.post-content .icon-quote-right{
  735. display: inline-block;
  736. width: calc({select:Font Size} + 10px);
  737. height: calc({select:Font Size} + 10px);
  738. fill: {color:Text Color};
  739. }
  740. section.post-content .icon-quote-left{
  741. margin-right: 8px;
  742. }
  743. section.post-content .icon-quote-right{
  744. margin-left: 8px;
  745. }
  746.  
  747. /* ANSWERS */
  748. section.post-content .asker{
  749. font-size: calc({select:Font Size} - 3px);
  750. text-transform: uppercase;
  751. text-align: left;
  752. line-height: 110%;
  753. margin-top: 2px;
  754. color: {color:Text Color};
  755. letter-spacing: 2px;
  756. }
  757. section.post-content .asker span{
  758. font-weight: 400;
  759. text-transform: uppercase;
  760. font-size: calc({select:Font Size} + 2px);
  761. line-height: 110%;
  762. letter-spacing: 1px;
  763. }
  764. section.post-content .asker a{
  765. background-image: none;
  766. color: {color:Link Color};
  767. font-weight: 400;
  768. text-transform: uppercase;
  769. font-size: calc({select:Font Size} + 2px);
  770. line-height: 110%;
  771. letter-spacing: 1px;
  772. }
  773. section.post-content .asker a:hover{
  774. color: {color:Text Color};
  775. }
  776. section.post-content .askimg img{
  777. width: calc({select:Font Size} + 15px);
  778. height: calc({select:Font Size} + 15px);
  779. margin-right: 10px;
  780. border-radius: 50%;
  781. float: left;
  782. }
  783. section.post-content .question{
  784. width: calc({select:Post Width} - {select:Font Size}/2 - 68px);
  785. margin-top: -5px;
  786. margin-left: calc({select:Font Size}/2 + 7px);
  787. margin-bottom: 15px;
  788. padding: 20px 0px 0px 20px;
  789. border-left: 1px solid {color:Border Color};
  790. }
  791.  
  792. /* CHATS */
  793. section.post-content ul.chat{
  794. margin-bottom: 0px !important;
  795. overflow: hidden;
  796. border: 1px solid {color:Border Color};
  797. border-bottom: none;
  798. text-align: left;
  799. }
  800. section.post-content ul.chat{
  801. list-style: none !important;
  802. margin-left: 0px !important;
  803. padding: 0px;
  804. }
  805. section.post-content ul.chat.has-title{
  806. margin-top: 10px !important;
  807. }
  808. section.post-content ul.chat li{
  809. display: block;
  810. min-height: 25px;
  811. line-height: 25px;
  812. font-size: calc({select:Font Size} + 1px);
  813. font-weight: 400 !important;
  814. letter-spacing: 1px;
  815. color: {color:Text Color};
  816. margin: 0px;
  817. padding: 0px 10px;
  818. border-bottom: 1px solid {color:Border Color};
  819. }
  820. section.post-content ul.chat li:before{
  821. display: none;
  822. }
  823. section.post-content span.label{
  824. display: block;
  825. float: left;
  826. height: 25px;
  827. border-right: 1px solid {color:Border Color};
  828. border-bottom: 1px solid {color:Border Color};
  829. background-color: {color:Post Background Color};
  830. font-size: calc({select:Font Size} - 1px);
  831. font-weight: 700;
  832. text-transform: uppercase;
  833. letter-spacing :2px;
  834. margin-left: -10px;
  835. margin-right: 5px;
  836. padding: 0px 3px 0px 10px;
  837. color: {color:Text Color};
  838. }
  839. section.post-content span.label:after{
  840. content: '';
  841. position: absolute;
  842. float: right;
  843. margin-left: -5px;
  844. width: 4px;
  845. height: 25px;
  846. background-color: {color:Post Background Color};
  847. }
  848.  
  849. /* POSTNOTES */
  850. article.postnotes{
  851. width: calc({select:Post Width} - 40px);
  852. padding: 0px 20px;
  853. margin:30px 0px 0px 0px;
  854. border-radius: 3px;
  855. border: 1px solid {color:Border Color};
  856. color: {color:Text Color};
  857. background: {color:Post Background Color};
  858. font-size: calc({select:Font Size} - 2px);
  859. text-align: justify;
  860. line-height: 150%;
  861. letter-spacing: 1px;
  862. text-transform: uppercase;
  863. }
  864. article.postnotes ol.notes{
  865. padding: 0px;
  866. margin: 20px 0px;
  867. list-style-type: none;
  868. }
  869. article.postnotes ol.notes li.note{
  870. padding: 10px 0px;
  871. }
  872. article.postnotes ol.notes li.note img.avatar{
  873. vertical-align: -4px;
  874. margin-right: 10px;
  875. width: calc({select:Font Size} + 6px);
  876. height: calc({select:Font Size} + 6px);
  877. border-radius: 50%;
  878. }
  879.  
  880. /*---------------------------------------*/
  881. /*---------------------------------------*/
  882. /*---------------------------------------*/
  883.  
  884. /*----- PERMALINK -----*/
  885.  
  886. header.post-permalink{
  887. position: relative;
  888. display: block;
  889. z-index: 999;
  890. background-color: {color:Navigation Color};
  891. width: calc({select:Post Width} - 40px);
  892. height: 40px;
  893. padding: 0px 20px;
  894. border-bottom: 1px solid {color:Border Color};
  895. overflow: hidden;
  896. text-align: left;
  897. font-size: calc({select:Font Size} - 1px);
  898. letter-spacing: 1px;
  899. }
  900.  
  901. /* PERMALINK LINKS */
  902. header.post-permalink .postinfo a{
  903. font-family: {select:Font Family};
  904. font-weight: 700;
  905. display: block;
  906. float: left;
  907. text-transform: uppercase !important;
  908. color: {color:Text Color};
  909. text-align: left;
  910. line-height :40px;
  911. }
  912. header.post-permalink .postinfo a:before{
  913. font-family: 'Linearicons-Free';
  914. margin-right: 5px;
  915. color: {color:Accent Color};
  916. }
  917. header.post-permalink .postinfo a:hover{
  918. color: {color:Link Color};
  919. }
  920. header.post-permalink .postinfo a:after{
  921. content: "";
  922. position: relative;
  923. width: 1px;
  924. height: calc({select:Font Size} - 2px);
  925. display: block;
  926. float: right;
  927. background-color:{color:Border Color};
  928. margin-top: calc(21px - {select:Font Size}/2);
  929. margin-left: 15px;
  930. margin-right: 15px;
  931. }
  932. header.post-permalink .postinfo a:last-child:after{
  933. display: none;
  934. }
  935. header.post-permalink .postinfo a.notes{
  936. font-size: calc({select:Font Size} + 1px);
  937. }
  938.  
  939. /* LIKE & REBLOG BUTTONS */
  940. header.post-permalink ul.like_and_reblog_buttons{
  941. width: 100px;
  942. margin-top: 12px !important;
  943. list-style: none;
  944. text-align: right;
  945. display: block;
  946. float: right;
  947. }
  948. header.post-permalink ul.like_and_reblog_buttons li{
  949. list-style: none;
  950. display: inline-block;
  951. margin: 0px 0px 0px 5px;
  952. cursor: pointer !important;
  953. }
  954. header.post-permalink ul.like_and_reblog_buttons{
  955. margin-left: -38px;
  956. margin-bottom: -2px;
  957. }
  958. header.post-permalink ul.reblog-icons{
  959. margin-left: -38px;
  960. }
  961.  
  962. /* CUSTOM LIKE BUTTONS | BY DEMIREV.CUBTHEMES.COM */
  963. header.post-permalink .like{
  964. position: relative;
  965. cursor: pointer !important;
  966. }
  967. header.post-permalink .lnr-sync,
  968. header.post-permalink .lnr-heart{
  969. fill: {color:Accent Color};
  970. }
  971. header.post-permalink .lnr:hover{
  972. fill: {color:Text Color};
  973. }
  974. header.post-permalink .like .like_button{
  975. position: absolute;
  976. top: -1.5px;
  977. opacity: 0;
  978. }
  979. header.post-permalink .like .like_button.liked {
  980. opacity: 1;
  981. }
  982. header.post-permalink .lnr{
  983. -webkit-transition: all 0.2s ease-in-out;
  984. -moz-transition: all 0.2s ease-in-out;
  985. -o-transition: all 0.2s ease-in-out;
  986. -ms-transition: all 0.2s ease-in-out;
  987. transition: all 0.2s ease-in-out;
  988. }
  989.  
  990. /* TAGS */
  991. footer.post-tags{
  992. position: relative;
  993. z-index: 999;
  994. width: calc({select:Post Width} - 40px);
  995. background-color: {color:Navigation Color};
  996. border-bottom: 1px solid {color:Border Color};
  997. text-align:left;
  998. line-height: 100%;
  999. padding: 15px 20px;
  1000. letter-spacing: 0.5px;
  1001. line-height: 150%;
  1002. font-weight: 400;
  1003. font-size: calc({select:Font Size} - 2px);
  1004. }
  1005. footer.post-tags a{
  1006. display: inline-block;
  1007. color: {color:Text Color};
  1008. margin-left: 10px;
  1009. }
  1010. footer.post-tags a:hover{
  1011. color: {color:Link Color};
  1012. }
  1013. footer.post-tags span{
  1014. font-family: {select:Font Family};
  1015. color: {color:Text Color};
  1016. text-transform: uppercase;
  1017. display: inline-block;
  1018. font-size: calc({select:Font Size} - 3px);
  1019. line-height: calc({select:Font Size} - 3px);
  1020. font-weight: 700;
  1021. letter-spacing: 1px;
  1022. margin-right: -5px;
  1023. }
  1024. footer.post-tags span:before {
  1025. font-family: 'Linearicons-Free';
  1026. font-size: {select:Font Size};
  1027. color: {color:Accent Color};
  1028. line-height: calc({select:Font Size} - 5px);
  1029. margin-right: 5px;
  1030. display :block;
  1031. float: left;
  1032. }
  1033.  
  1034. /*---------------------------------------*/
  1035. /*---------------------------------------*/
  1036. /*---------------------------------------*/
  1037.  
  1038. /* DO NOT REMOVE! */
  1039. /*----- CREDIT -----*/
  1040.  
  1041. footer#blog-footer{
  1042. position: relative;
  1043. bottom: 0px;
  1044. display: block;
  1045. width: {select:Post Width};
  1046. height: 40px;
  1047. background-color: {color:Navigation Color};
  1048. border: 1px solid {color:Border Color};
  1049. border-bottom: none;
  1050. text-align: center;
  1051. font-family: {select:Font Family};
  1052. font-size: calc({select:Font Size} - 2px);
  1053. font-weight: 400;
  1054. color: {color:Text Color};
  1055. text-transform: uppercase;
  1056. letter-spacing: 1.5px;
  1057. line-height: 40px;
  1058. }
  1059.  
  1060. /*---------------------------------------*/
  1061. /*---------------------------------------*/
  1062. /*---------------------------------------*/
  1063.  
  1064. {CustomCSS}
  1065.  
  1066. </style><!-- END OF CSS STYLE-->
  1067.  
  1068. <!-- JAVASCRIPT -->
  1069. <script>
  1070. $(document).ready(function() {
  1071.  
  1072. $('iframe.tumblr_audio_player').load( function() {
  1073. $('iframe.tumblr_audio_player').contents().find("head")
  1074. .append($("<style type='text/css'> .audio-player{background:{color:Accent Color}; color:#fff} .audio-player .audio-info div{color:#fff !important}</style>"));
  1075. });
  1076.  
  1077. $('.photo-slideshow').pxuPhotoset({
  1078. lightbox: true,
  1079. gutter: '2px',
  1080. borderRadius: '0px',
  1081. photoset: '.photo-slideshow',
  1082. photoWrap: '.photo-data',
  1083. photo: '.pxu-photo'
  1084. });
  1085.  
  1086. $("[title]").style_my_tooltips({
  1087. tip_follows_cursor:true,
  1088. tip_delay_time:100,
  1089. tip_fade_speed:300
  1090. });
  1091.  
  1092. });
  1093. </script>
  1094.  
  1095. </head>
  1096.  
  1097. <body>
  1098.  
  1099. <aside id="sidebar">
  1100. {block:ifSidebarImage}<article class="side-img"><img src="{image:Sidebar}" /></article>{/block:ifSidebarImage}
  1101. <article class="side-info">
  1102. <h1>
  1103. {block:ifSidebarTitle}<span class="title">{text:Sidebar Title}</span>{/block:ifSidebarTitle}{block:ifNotSidebarTitle}<span class="title">{Title}</span>{/block:ifNotSidebarTitle}
  1104. <span class="line"></span>
  1105. {block:ifSidebarSubtitle}<span class="subtitle">{text:Sidebar Subtitle}</span>{/block:ifSidebarSubtitle}{block:ifNotSidebarSubtitle}<span class="subtitle">{Name}.tumblr.com</span>{/block:ifNotSidebarSubtitle}
  1106. </h1>
  1107. <nav class="side-links">
  1108. <section class="nav">
  1109. <a class="lnr lnr-{text:Link 1 Icon}" href="{text:Link 1 Url}" title="{text:Link 1 Title}"></a>
  1110. <a class="lnr lnr-{text:Link 2 Icon}" href="{text:Link 2 Url}" title="{text:Link 2 Title}"></a>
  1111. {block:Iflink3Title}<a class="lnr lnr-{text:Link 3 Icon}" href="{text:Link 3 Url}" title="{text:Link 3 Title}"></a>{/block:IfLink3Title}
  1112. {block:IfLink4Title}<a class="lnr lnr-{text:LInk 4 Icon}" href="{text:Link 4 Url}" title="{text:Link 4 Title}"></a>{/block:IfLink4Title}
  1113. {block:IfLink5Title}<a class="lnr lnr-{text:Link 5 Icon}" href="{text:Link 5 Url}" title="{text:Link 5 Title}"></a>{/block:IfLink5Title}
  1114. {block:IfLink6Title}<a class="lnr lnr-{text:Link 6 Icon}" href="{text:Link 6 Url}" title="{text:Link 6 Title}"></a>{/block:IfLink6Title}
  1115. </section>
  1116. {block:Pagination}<section class="pagination">
  1117. {block:PreviousPage}<a class="lnr lnr-chevron-left" href="{PreviousPage}"></a>{block:PreviousPage}
  1118. {block:NextPage}<a class="lnr lnr-chevron-right" href="{NextPage}"></a>{block:NextPage}
  1119. </section>{/block:Pagination}
  1120. </nav>
  1121. </article>
  1122. </aside>
  1123.  
  1124. <!--------------------->
  1125. <!--------------------->
  1126. <!--------------------->
  1127.  
  1128. <!-- START OF MAIN CONTENT -->
  1129. <div id="main">
  1130.  
  1131. {block:ifSidebarImage}<div class="padding-left"><img src="{image:Sidebar}" /></div>{/block:ifSidebarImage}
  1132.  
  1133. <!-- POSTS CONTAINER -->
  1134. <div id="posts-container">
  1135.  
  1136. <!-- DESCRIPTION -->
  1137. <header class="desc">
  1138. <div class="desc-header">{block:ifHeaderImage}<img src="{image:Header}" />{/block:ifHeaderImage}</div>
  1139. <div class="desc-avatar"><img src="{PortraitURL-64}" /></div>
  1140. <div class="desc-content">{Description}</div>
  1141. </header>
  1142.  
  1143. <!-- START OF A POST -->
  1144. {block:Posts}<article class="post-wrapper">
  1145.  
  1146. <!-- PERMALINK -->
  1147. {block:Date}<header class="post-permalink">
  1148. <div class="postinfo">
  1149. <a class="lnr lnr-star" href="{Permalink}" title="notes">{NoteCount}</a>
  1150. <a class="lnr lnr-clock" href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}/" title="date">{ShortMonth} {DayOfMonthWithZero} {Year}</a>
  1151. {block:RebloggedFrom}<a class="lnr lnr-location" href="{ReblogRootURL}" target="_blank" title="{ReblogRootName}">src</a><a class="lnr lnr-enter" href="{ReblogParentURL}" target="_blank" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}
  1152. </div>
  1153. <ul class="like_and_reblog_buttons">
  1154. <li class="reblog-button" title="reblog"><a href="{ReblogURL}" target="_blank"><svg class="lnr lnr-sync" width="13px" height="13px"><use xlink:href="#lnr-sync"></use></svg></a></li>
  1155. <li class="like" title="like">{LikeButton size="11"}<svg class="lnr lnr-heart" width="13px" height="13px"><use xlink:href="#lnr-heart"></use></svg></li>
  1156. </ul>
  1157. </header>{/block:Date}
  1158.  
  1159. <!-- START OF POST CONTENT -->
  1160. <section class="post-content">
  1161.  
  1162. <!-- TEXT POST -->
  1163. {block:Text}
  1164. <div class="post-body">
  1165. {block:Title}<h1 class="post-title">{Title}</h1>{/block:Title}
  1166. <div class="caption {block:Title}has-title{/block:Title}">{Body}</div>
  1167. </div>
  1168. {/block:Text}
  1169.  
  1170. <!-- PHOTO POST -->
  1171. {block:Photo}
  1172. <div class="post-media">{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="{select:Post Width}" style="display:block;" />{LinkCloseTag}</div>
  1173. {block:Caption}<div class="post-body"><div class="caption">{Caption}</div></div>{/block:Caption}
  1174. {/block:Photo}
  1175.  
  1176. <!-- PHOTOSET -->
  1177. {block:Photoset}
  1178. <div class="post-media">
  1179. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  1180. {block:Photos}<div class="photo-data">
  1181. <div class="pxu-photo">
  1182. <img src="{PhotoURL-HighRes}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" />
  1183. </div><!-- pxu-photo -->
  1184. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  1185. </div><!-- photo-data -->{/block:Photos}
  1186. </div><!-- photo-slideshow-->
  1187. </div>
  1188. {block:Caption}<div class="post-body"><div class="caption">{Caption}</div></div>{/block:Caption}
  1189. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1190. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  1191. {/block:Photoset}
  1192.  
  1193. <!-- VIDEO POST -->
  1194. {block:Video}
  1195. <div class="post-media">
  1196. <div class="video" style="margin-bottom:-5px;">{Video-500}</div>
  1197. </div>
  1198. {block:Caption}<div class="post-body"><div class="caption">{Caption}</div></div>{/block:Caption}
  1199. {/block:Video}
  1200.  
  1201. <!-- AUDIO POST -->
  1202. {block:Audio}
  1203. <div class="post-media" style="border:none">
  1204. <div class="width_fix">{AudioEmbed-500}</div>
  1205. </div>
  1206. {block:Caption}<div class="post-body"><div class="caption">{Caption}</div></div>{/block:Caption}
  1207. {/block:Audio}
  1208.  
  1209. <!-- LINK POST -->
  1210. {block:Link}
  1211. <div class="post-media" style="border:none">
  1212. <a href="{Url}" target="_blank" class="link-button">
  1213. {block:Thumbnail}<div class="thumbnail"><img src="{Thumbnail}" width="{select:Post Width}" /></div>{/block:Thumbnail}
  1214. <div class="info-container">
  1215. {block:Host}<div class="publisher-container {block:Thumbnail}if-thumbnail{/block:Thumbnail}"><div class="publisher">{Host}</div></div>{/block:Host}
  1216. <div class="title">{Name}</div>
  1217. {block:Excerpt}<div class="excerpt">{Excerpt}</div>{/block:Excerpt}
  1218. {block:Author}<div class="author">{Author}</div>{/block:Author}
  1219. </div><!-- INFO CONTAINER -->
  1220. </a>
  1221. </div>
  1222. {block:Description}<div class="post-body"><div class="caption">{Description}</div></div>{/block:Description}
  1223. {/block:Link}
  1224.  
  1225. <!-- QUOTE POST -->
  1226. {block:Quote}
  1227. <div class="post-body">
  1228. <div class="quotes">
  1229. <svg class="icon icon-quote-left"><use xlink:href="#icon-quote-left"></use></svg>
  1230. {Quote}
  1231. <svg class="icon icon-quote-right"><use xlink:href="#icon-quote-right"></use></svg>
  1232. </div>
  1233. {block:Source}<div class="caption" style="margin-bottom:0px;">— {Source}</div>{/block:Source}
  1234. </div>
  1235. {/block:Quote}
  1236.  
  1237. <!-- CHAT POST -->
  1238. {block:Chat}
  1239. <div class="post-body">
  1240. {block:Title}<h1 class="posttitle">{Title}</h1>{/block:Title}
  1241. <ul class="chat {block:Title}has-title{/block:Title}">
  1242. {block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}
  1243. </ul>
  1244. </div>
  1245. {/block:Chat}
  1246.  
  1247. <!-- ANSWER -->
  1248. {block:Answer}
  1249. <div class="post-body">
  1250. <div class="askimg"><img src="{AskerPortraitURL-48}"></div>
  1251. <div class="asker"><span>{Asker}</span><br>sent a message</div>
  1252. <div class="question">{Question}</div>
  1253. <div class="caption">{Answer}</div>
  1254. </div>
  1255. {/block:Answer}
  1256.  
  1257. </section>
  1258. <!-- END OF POST CONTENT -->
  1259.  
  1260. <!-- TAGS -->
  1261. {block:HasTags}<footer class="post-tags">
  1262. <span class="lnr lnr-bookmark">Tagged as</span> {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
  1263. </footer>{/block:HasTags}
  1264.  
  1265. </article>
  1266. <!-- END OF A POST -->
  1267.  
  1268. <!-- POST NOTES -->
  1269. {block:PostNotes}<article class="postnotes">{PostNotes}</article>{/block:PostNotes}
  1270.  
  1271. {/block:Posts}<!-- END OF ALL POSTS -->
  1272.  
  1273. <!-- DO NO REMOVE DO NOT REMOVE DO NOT REMOVE -->
  1274. <footer id="blog-footer">Theme by <a href="http://roxiestheme.tumblr.com">roxiestheme</a> • Powered by <a href="http://tumblr.com">Tumblr</a></footer>
  1275. <!-- DO NO REMOVE DO NOT REMOVE DO NOT REMOVE -->
  1276.  
  1277. </div><!-- POSTS CONTAINER -->
  1278.  
  1279. </div>
  1280. <!-- END OF MAIN CONTENT -->
  1281.  
  1282. <!--------------------->
  1283. <!--------------------->
  1284. <!--------------------->
  1285.  
  1286. <!-- SVGS -->
  1287. <svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" display="none">
  1288. <defs>
  1289. <symbol id="icon-quote-left" viewBox="0 0 33 32">
  1290. <title>quote</title>
  1291. <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>
  1292. <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>
  1293. </symbol>
  1294. <symbol id="icon-quote-right" viewBox="0 0 33 32">
  1295. <title>quote2</title>
  1296. <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>
  1297. <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>
  1298. </symbol>
  1299. </defs>
  1300. </svg>
  1301.  
  1302. </body>
  1303. </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!