API tools faq
paste
Advertisement
missdilaurentis

MissDilaurentis Theme #48

missdilaurentis
Sep 4th, 2016
10,165
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.78 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html><html><head>
  2.  
  3. {block:Description}
  4. <meta name="description" content="{MetaDescription}" />
  5. {/block:Description}
  6. <meta charset="utf-8">
  7. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  8. <title>{Title}{block:TagPage} - {Tag} {/block:TagPage} {block:SearchPage} - {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}- {PostSummary} {/block:PostSummary}</title>
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11.  
  12.  
  13. <!-----------------------------------------------------------------
  14.  
  15. THEME BY #48 EVILQUEENEDTHEMES
  16.  
  17. http://evilqueenedthemes.tumblr.com
  18.  
  19. • DO NOT STEAL
  20. • DO NOT COPY
  21. • DO NOT CLAIM AS YOUR OWN
  22. • DO NOT REMOVE THE CREDIT
  23.  
  24. ------------------------------------------------------------------>
  25.  
  26.  
  27. <!----------------------------DEFAULT VARIABLES----------------------------->
  28.  
  29.  
  30. <!--------------------------COLORS ----------------------->
  31.  
  32. <meta name="color:Ask" content="#f5d6fb"/>
  33. <meta name="color:Background" content="#f5f5f5"/>
  34. <meta name="color:Blog title" content="#a9d7e5"/>
  35. <meta name="color:Bold" content="#cd96e7"/>
  36. <meta name="color:Borders" content="#eaeaea"/>
  37. <meta name="color:Links" content="#90c2d1"/>
  38. <meta name="color:Links Hover" content="#b2d0da"/>
  39. <meta name="color:Music bg" content="#f5d6fb"/>
  40. <meta name="color:Navlinks" content="#c3b6ba"/>
  41. <meta name="color:Navlinks icons" content="#ebc3f3"/>
  42. <meta name="color:Navlinks iconshover" content="#cd96e7"/>
  43. <meta name="color:Pagination" content="#a9d7e5"/>
  44. <meta name="color:Post bg" content="#ffffff"/>
  45. <meta name="color:Post info" content="#a2a2a2"/>
  46. <meta name="color:Post title" content="#6d6d6d"/>
  47. <meta name="color:Tooltips" content="#000000"/>
  48. <meta name="color:Tooltips bg" content="#bbe3f0"/>
  49. <meta name="color:Scrollbar" content="#b8b8b8"/>
  50. <meta name="color:Scrollbar bg" content="#ffffff"/>
  51. <meta name="color:Scrollbar onclick" content="#ebc3f3"/>
  52. <meta name="color:Selection" content="#000000"/>
  53. <meta name="color:Selection BG" content="#ebc3f3"/>
  54. <meta name="color:Sidebar bg" content="#ffffff"/>
  55. <meta name="color:Sidebar text" content="#9a9a9a"/>
  56. <meta name="color:Tags" content="#a7a7a8"/>
  57. <meta name="color:Text" content="#9a9a9a"/>
  58.  
  59. <!-----------------------IMAGES---------------------------->
  60.  
  61. <meta name="image:background" content=""/>
  62. <meta name="image:sidebar" content=""/>
  63.  
  64. <!----------------SHOW / DON'T SHOW STUFF------------------>
  65.  
  66. <meta name="if:Searchbox" content="1">
  67. <meta name="if:Hover tags" content="0">
  68. <meta name="if:Small tumblr controls" content="0">
  69.  
  70. <!----------------NAVIGATION LINKS------------------------->
  71.  
  72. <meta name="text:Home Title" content="Index" />
  73. <meta name="text:Ask Title" content="Message" />
  74. <meta name="text:Link 1 URL" content="/" />
  75. <meta name="text:Link 1 Title" content="link 1" />
  76. <meta name="text:Link 2 URL" content="/" />
  77. <meta name="text:Link 2 Title" content="link 2" />
  78. <meta name="text:Link 3 URL" content="/" />
  79. <meta name="text:Link 3 Title" content="link 3" />
  80. <meta name="text:Link 4 URL" content="/" />
  81. <meta name="text:Link 4 Title" content="link 4" />
  82.  
  83. <!---------------------SHOW NAVIGATION LINKS--------------->
  84.  
  85. <meta name="if:Show Link1" content="1">
  86. <meta name="if:Show Link2" content="1">
  87. <meta name="if:Show Link3" content="1">
  88. <meta name="if:Show Link4" content="1">
  89.  
  90. <!-------------------POST MARGIN--------------------------->
  91.  
  92. <meta name="select:Post Margin" content="50px" title="50px">
  93. <meta name="select:Post Margin" content="75px" title="75px">
  94. <meta name="select:Post Margin" content="100px" title="100px">
  95. <meta name="select:Post Margin" content="125px" title="125px">
  96. <meta name="select:Post Margin" content="150px" title="150px">
  97. <meta name="select:Post Margin" content="175px" title="175px">
  98. <meta name="select:Post Margin" content="200px" title="200px">
  99.  
  100. <!-------------DEFAULT FONTS AND FONTS SIZE---------------->
  101.  
  102. <meta name="text:sidebar font Size" content="10px"/>
  103. <meta name="text:sidebar font" content="montserrat"/>
  104. <meta name="text:Post Font Size" content="10px"/>
  105. <meta name="text:Post Font" content="montserrat"/>
  106. <meta name="text:Small Font Size" content="10px"/>
  107. <meta name="text:Small Font" content="quicksand"/>
  108.  
  109.  
  110. <!---------------------END OF DEFAULT VARIABLES----------------------------->
  111.  
  112.  
  113. <!-----------------------------GOOGLE FONTS--------------------------------->
  114.  
  115. <link href='https://fonts.googleapis.com/css?family=Karla:400italic,400,700,700italic' rel='stylesheet' type='text/css'>
  116.  
  117. <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
  118.  
  119. <link href='https://fonts.googleapis.com/css?family=Quicksand:400,700' rel='stylesheet' type='text/css'>
  120.  
  121. <!--------------------------------SCRIPTS----------------------------------->
  122.  
  123. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  124.  
  125. <!--------------------------------TOOLTIPS---------------------------------->
  126.  
  127. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  128. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  129. <script>
  130. (function($){
  131. $(document).ready(function(){
  132. $("a[title]").style_my_tooltips({
  133. tip_follows_cursor:true,
  134. tip_delay_time:90,
  135. tip_fade_speed:600,
  136. attribute:"title"
  137. });
  138. });
  139. })(jQuery);
  140. </script>
  141.  
  142. <!-------------------------------------------------------------------------->
  143.  
  144. <style type="text/css">
  145.  
  146.  
  147. .vignette, #vignette {
  148. opacity:0;
  149. }
  150. .lightbox-image, #tumblr_lightbox img {
  151. box-shadow:none !important;
  152. border-radius:0 !important;
  153. max-width:none;
  154. }
  155.  
  156. .tmblr-lightbox, #tumblr_lightbox {
  157. background-color:rgba(245,245,245,.78) !important;
  158. }
  159.  
  160.  
  161. /*TUMBLR CONTROLS*/
  162.  
  163. .tmblr-iframe {
  164. position:fixed!important;
  165. z-index:99999999999999999999999999999999!important;
  166. top:0!important;
  167. right:0!important;
  168. opacity:.5;
  169. -webkit-filter:invert(100%);
  170. -webkit-backface-visibility:hidden;
  171. padding:18px 0px 10px 10px; /* change the first number if you want to increase / decrease the tumblr controls margin top */
  172. {block:ifSmalltumblrcontrols}
  173. -ms-transform: scale(.9,.9);
  174. -webkit-transform: scale(.9,.9);
  175. transform: scale(.9,.9);
  176. {/block:ifSmalltumblrcontrols} }
  177.  
  178. /*-------------------------------------------------------------------------*/
  179.  
  180. body {
  181. background:{color:background};
  182. background-image: url('{image:background}');
  183. background-repeat:repeat;
  184. background-attachment:fixed;
  185. margin:0px;
  186. color:{color:text};
  187. font-family:'calibri';
  188. font-size:11px;
  189. line-height:100%;}
  190.  
  191. #all{margin-left:250px;right:0;}
  192.  
  193. /*TOOLTIPS*/
  194.  
  195. #s-m-t-tooltip {
  196. max-width:400px;
  197. margin:25px 15px;
  198. text-transform:lowercase;
  199. font-size:10px;
  200. padding:5px;
  201. border-radius:3px;
  202. z-index:9999999999999999;
  203. background:{color:tooltips bg};
  204. color:{color:tooltips};
  205. font-weight:bold;
  206. letter-spacing:1px;
  207. font-family:'quicksand';}
  208.  
  209. /*SEARCH BOX*/
  210.  
  211. #navilinks a i {
  212. font-weight:bold;
  213. font-size:10px;
  214. margin-left:0px;
  215. color:{color:navlinks icons};}
  216.  
  217. #navilinks a:hover i{
  218. color:{color:navlinks iconshover};
  219. transition:0.3s;
  220. -o-transition-transition:0.3s;
  221. -webkit-transition-duration:0.3s;
  222. -moz-transition-duration:0.3s;}
  223.  
  224. #navilinks {
  225. border-top:1px solid {color:borders};
  226. margin-top:5px;
  227. letter-spacing:2px;
  228. text-transform:uppercase;
  229. background:{color:sidebar bg};
  230. text-align:center;
  231. padding:7px 5px 0px 10px;
  232. margin-bottom:-5px;
  233. transition:0.5s;
  234. -o-transition-transition:0.5s;
  235. -webkit-transition-duration:0.5s;
  236. -moz-transition-duration:0.5s;}
  237.  
  238. .sfm input {
  239. border: 0px;}
  240.  
  241. .sfm input[type="text"]:focus {
  242. outline:none;
  243. color:{color:navlinks};}
  244.  
  245. #sb {vertical-align:top;}
  246.  
  247. #sf {
  248. margin-top:0px;
  249. height:0px;
  250. padding:10px;
  251. font-size:8px;
  252. width:200px;
  253. margin-left:-10px;
  254. font-weight:bold;
  255. letter-spacing:2px;
  256. font-family: 'quicksand';
  257. text-transform: uppercase;
  258. background-color:transparent;}
  259.  
  260. ::-webkit-input-placeholder {color:{color:navlinks};}
  261. :-moz-placeholder {/* Firefox 18- */ color:{color:navlinks};}
  262. ::-moz-placeholder {/* Firefox 19+ */ color:{color:navlinks};}
  263. :-ms-input-placeholder {color:{color:navlinks};}
  264.  
  265.  
  266. /* SCROLLBAR */
  267.  
  268. ::-webkit-scrollbar {
  269. width: 10px;
  270. height: 6px;}
  271.  
  272. ::-webkit-scrollbar-button {
  273. width: 0px;
  274. height: 0px;}
  275.  
  276. ::-webkit-scrollbar-thumb {
  277. background:{color:scrollbar};
  278. border:3px solid {color:scrollbar bg};
  279. border-radius: 13px;}
  280.  
  281. ::-webkit-scrollbar-thumb:active {
  282. background: {color:scrollbar onclick};}
  283.  
  284. ::-webkit-scrollbar-track {
  285. background:{color:scrollbar bg};
  286. border-radius: 0px;}
  287.  
  288. /* BASICS */
  289.  
  290. a, a:active, a:visited {
  291. transition:0.5s;
  292. -o-transition-transition:0.5s;
  293. -webkit-transition-duration:0.5s;
  294. -moz-transition-duration:0.5s;
  295. text-decoration:none;
  296. color:{color:links};}
  297.  
  298. a:hover {
  299. transition:0.5s;
  300. -o-transition-transition:0.5s;
  301. -webkit-transition-duration:0.5s;
  302. -moz-transition-duration:0.5s;
  303. text-decoration:none;
  304. color:{color:links hover};
  305. background-color:{color:transparent};}
  306.  
  307. b, strong {color:{color:bold};}
  308.  
  309. p {margin-top:5px; margin-bottom:10px;}
  310.  
  311. h1 {
  312. font-size:16px;
  313. border-bottom:1px solid {color:borders};
  314. line-height: 100%;
  315. font-family:'quicksand';
  316. line-height:120%;
  317. font-weight:bold;
  318. padding:0px 5px 10px 5px;
  319. margin-bottom:5px;
  320. margin-top:10px;
  321. text-align:left;
  322. color:{color:post title};}
  323.  
  324. small {
  325. font-weight:bold;
  326. font-family:{text:Small Font};
  327. font-size:{text:Small Font Size};}
  328.  
  329. big {font-size:12px;}
  330.  
  331. ul {padding:5px;}
  332.  
  333. ol {padding:5px;}
  334.  
  335. ol li {
  336. padding:7px;
  337. list-style-type:none;
  338. margin-left:0px;}
  339.  
  340. ul li {
  341. padding:7px;
  342. list-style-type:none;
  343. margin-left:0px;}
  344.  
  345. li {
  346. border:1px solid {color:borders};
  347. margin-bottom:3px;
  348. background:{color:background}}
  349.  
  350. blockquote {
  351. padding:2px 5px;
  352. margin:3px 0px 3px 8px;
  353. border-left:1px dotted;
  354. border-color:{color:text};}
  355.  
  356. blockquote blockquote{
  357. margin-left:5px;}
  358.  
  359. blockquote img {max-width:100%;height:auto;}
  360.  
  361. /* POSTS */
  362.  
  363. #entries {
  364. padding:20px;
  365. width:520px;
  366. margin-top:96px;
  367. margin-left:auto;
  368. margin-right:auto;
  369. font-family:'arial';
  370. color:{color:Text};}
  371.  
  372. #post {
  373. margin-top:0px;
  374. width:500px;
  375. border:1px solid;
  376. line-height: calc({text:Post Font Size} + 3px);
  377. border-color:{color:borders};
  378. margin-bottom:{select:Post Margin};
  379. font-family:{text:Post Font};
  380. font-size:{text:Post Font Size};
  381. color:{color:text};
  382. background:{color:post bg};
  383. word-wrap: break-word;
  384. -webkit-box-shadow: 1px 1px 3px {color:borders};
  385. -moz-box-shadow: 1px 1px 3px {color:borders};
  386. box-shadow: 1px 1px 3px {color:borders};}
  387.  
  388. #posttxt {padding:10px;}
  389.  
  390. #post img {
  391. max-width:100%;
  392. height:auto;}
  393.  
  394. .tpages {
  395. width:calc(500px - 60px);
  396. border:1px solid;
  397. border-color:{color:borders};
  398. padding:30px;
  399. margin-top:0px;
  400. margin-bottom:{select:post margin};
  401. font-family:'quicksand';
  402. letter-spacing:1px;
  403. word-spacing:1px;
  404. text-align:center;
  405. font-size:10px;
  406. font-weight:bold;
  407. text-transform:uppercase;
  408. color:{color:text};
  409. background:{color:post bg};
  410. word-wrap: break-word;
  411. -webkit-box-shadow: 1px 1px 3px {color:borders};
  412. -moz-box-shadow: 1px 1px 3px {color:borders};
  413. box-shadow: 1px 1px 3px {color:borders};}
  414.  
  415. /*QUOTES*/
  416.  
  417. #quote {
  418. font-size: 14px;
  419. line-height: 100%;
  420. color: {color:text};
  421. border-radius:10px;
  422. font-family:'quicksand';
  423. background-color:{color:caption};
  424. padding:10px;
  425. padding-left:10px;}
  426.  
  427. #source {
  428. text-align:right;
  429. color:{color:text};
  430. font-size:8px;
  431. margin-top:10px;
  432. padding-bottom:15px;
  433. font-weight:bold;
  434. font-family:'quicksand';
  435. text-transform:uppercase;}
  436.  
  437. #caption {
  438. width:calc(500px -20px);
  439. padding:10px;
  440. word-wrap: break-word;}
  441.  
  442. /* AUDIO */
  443.  
  444. #allaudio {
  445. margin-top:-10px;}
  446.  
  447. #audioplayer {
  448. z-index:1;
  449. height:120px;
  450. width:120px;
  451. margin-top:13px;
  452. margin-left:-10px;
  453. display:block;
  454. overflow:hidden;
  455. position:absolute;
  456. background-color:#fff;
  457. opacity: 0.1;filter:alpha(opacity=60);
  458. -webkit-transition: all 0.7s ease;
  459. -moz-transition: all 0.7s ease;
  460. -o-transition: all 0.7s ease;}
  461.  
  462. #audioplayer:hover {
  463. opacity: 0.5; filter:alpha(opacity=60);}
  464.  
  465. #audioplayerz {
  466. width:25px;
  467. height:25px;
  468. margin-top:45px;
  469. margin-left:45px;
  470. overflow:hidden;
  471. padding:3px;}
  472.  
  473. #albumart {
  474. margin-top:0px;
  475. margin-left:-10px;
  476. z-index:0;
  477. float:left;}
  478.  
  479. #albumart img{
  480. height:120px;
  481. width:120px;}
  482.  
  483. #audiostuff {
  484. background-color:{color:music bg};
  485. color:{color:text};
  486. text-transform:lowercase;
  487. font-family:'quicksand';
  488. font-weight:bold;
  489. letter-spacing:1px;
  490. float:left;
  491. text-align:left;
  492. padding:5px;
  493. height:110px;
  494. width:calc(500px - 130px);
  495. letter-spacing:1px;
  496. font-size:10px;
  497. margin-left:110px;
  498. position:absolute;}
  499.  
  500. /* SIDEBAR */
  501.  
  502. #sbr {
  503. margin-left:auto;
  504. width:245px;
  505. margin-right:auto;}
  506.  
  507. #sidebar {
  508. width:245px;
  509. height:auto;
  510. z-index:999;
  511. border:1px solid {color:borders};
  512. background-color:{color:sidebar bg};
  513. color:{color:sidebar text};
  514. line-height: calc({text:Sidebar Font Size} + 3px);
  515. margin-left:-455px;
  516. position:fixed;
  517. margin-top:19px;
  518. -webkit-box-shadow: 1px 1px 3px {color:borders};
  519. -moz-box-shadow: 1px 1px 3px {color:borders};
  520. box-shadow: 1px 1px 3px {color:borders};}
  521.  
  522. #sidebarimage {
  523. width:245px;
  524. height:auto;
  525. margin-top:0px;
  526. margin-bottom:0px;
  527. margin-left:auto;
  528. margin-right:auto;
  529. text-align:center;}
  530.  
  531. #sidebarimage img {
  532. width:245px;
  533. height:auto;}
  534.  
  535. #title {
  536. margin-top:13px;
  537. width:245px;
  538. font-family:'quicksand';
  539. text-transform:uppercase;
  540. letter-spacing:0px;
  541. color:{color:blog title};
  542. margin-bottom:5px;
  543. font-size:12px;
  544. font-weight:bold;
  545. text-align:left;
  546. margin-left:5px;}
  547.  
  548. #navilinks2 a i {
  549. font-weight:bold;
  550. font-size:10px;
  551. color:{color:navlinks icons};}
  552.  
  553. #navilinks2 a:hover i{
  554. color:{color:navlinks iconshover};
  555. transition:0.3s;
  556. -o-transition-transition:0.3s;
  557. -webkit-transition-duration:0.3s;
  558. -moz-transition-duration:0.3s;}
  559.  
  560. #navilinks2 {
  561. border-top:1px solid {color:borders};
  562. border-bottom:1px solid {color:borders};
  563. margin-top:15px;
  564. width:245px;
  565. letter-spacing:0px;
  566. text-transform:uppercase;
  567. background:{color:sidebar bg};
  568. text-align:center;
  569. padding:10px 0px 10px 0px;}
  570.  
  571. #navilinks2 a{
  572. max-width:100px;
  573. height:10px;
  574. display:inline-block;
  575. font-family:'montserrat';
  576. padding:5px;
  577. font-size:10px;
  578. color:{color:Navlinks};
  579. transition:0.7s;
  580. -o-transition-transition:0.7s;
  581. -webkit-transition-duration:0.7s;
  582. -moz-transition-duration:0.7s;}
  583.  
  584. #navilinks2 a:hover{
  585. transition:0.7s;
  586. -o-transition-transition:0.7s;
  587. -webkit-transition-duration:0.7s;
  588. -moz-transition-duration:0.7s;}
  589.  
  590. #description {
  591. width:215px;
  592. margin-top:15px;
  593. margin-bottom:15px;
  594. line-height:120%;
  595. margin-left:auto;
  596. margin-right:auto;
  597. font-family:{text:sidebar font};
  598. font-size:{text:sidebar font Size};
  599. text-align:justify;
  600. color:{color:sidebar text};}
  601.  
  602. /* PAGINATION */
  603.  
  604. #pagination {
  605. width:235px;
  606. border-top:1px solid {color:borders};
  607. font-family:'montserrat';
  608. font-weight:bold;
  609. text-transform:uppercase;
  610. font-size:9px;
  611. color:{color:pagination};
  612. letter-spacing:1px;
  613. margin-top:15px;
  614. padding:15px 5px 15px 5px;
  615. margin-left:auto;
  616. margin-right:auto;
  617. text-align:center;}
  618.  
  619. #pagination a {
  620. color:{color:pagination};}
  621.  
  622. /* LIKE AND REBLOG BUTTONS */
  623.  
  624. #buttons{
  625. right:10px;
  626. margin-top:8px;
  627. display:inline-block;
  628. position:absolute;}
  629.  
  630. .reblog_button {
  631. position:relative;
  632. float:left;
  633. padding-left:7px;
  634. padding-right:7px;
  635. margin-top:-1px;
  636. width:10px;
  637. height:10px;}
  638.  
  639. .reblog_button i:hover{
  640. color:{color:links hover};
  641. transition-duration: 0.3s;
  642. -moz-transition-duration: 0.3s;
  643. -webkit-transition-duration: 0.3s;
  644. -o-transition-duration: 0.3s;}
  645.  
  646. .reblog_button i{
  647. color:{color:post info};}
  648.  
  649. .custom-like-button {
  650. position:relative;
  651. float:left;
  652. fill:{color:post info};
  653. width:11px;
  654. height:11px;
  655. padding-left:15px;}
  656.  
  657. .like_button {
  658. position:absolute;
  659. top:0;
  660. left:0;
  661. right:0;
  662. bottom:0;
  663. width:100%;
  664. height:100%;
  665. opacity:0;
  666. z-index:10;}
  667.  
  668. .like_button:hover + i{
  669. color:{color:links hover};
  670. transition-duration: 0.3s;
  671. -moz-transition-duration: 0.3s;
  672. -webkit-transition-duration: 0.3s;
  673. -o-transition-duration: 0.3s;}
  674.  
  675. .like_button iframe {
  676. width: 100% !important;
  677. height: 100% !important;}
  678.  
  679. .like_button i{
  680. position:absolute;
  681. top:0;
  682. left:0;
  683. right:0;
  684. bottom:0;
  685. width:100%;
  686. height:100%;}
  687.  
  688. .like_button.liked + i{
  689. color:#ff82c2;}
  690.  
  691. /* INFO & TAGS */
  692.  
  693. #postinfo {
  694. position:relative;
  695. width:500px;
  696. margin-left:-1px;
  697. text-align:left;
  698. color:{color:post info};
  699. background-color:{color:post bg};
  700. font-size:10px;
  701. padding-top:10px;
  702. padding-bottom:9px;
  703. border:1px solid {color:borders};
  704. font-family:'quicksand';
  705. text-transform:uppercase;
  706. font-weight:bold;
  707. letter-spacing:1px;
  708. margin-top:0px;}
  709.  
  710. #postinfo a{
  711. display:inline;
  712. padding:5px;
  713. color:{color:post info};}
  714.  
  715. #postinfo img {
  716. vertical-align:middle;
  717. padding-left:3px;
  718. border-radius:100%;
  719. width:26px;
  720. height:26px;}
  721.  
  722. .tags {
  723. word-wrap:break-word;
  724. width:500px;
  725. position:absolute;
  726. {block:ifHovertags}
  727. opacity:0;
  728. {/block:ifHovertags}
  729. padding:5px;
  730. font-family:'quicksand';
  731. text-transform:none;
  732. text-align:left;
  733. font-size:10px;
  734. font-weight:bold;
  735. margin-bottom:-20px;
  736. margin-top:0px;
  737. color:{color:tags};
  738. -webkit-transition: opacity 0.5s linear;
  739. -webkit-transition: all 0.5s ease-in-out;
  740. -moz-transition: all 0.5s ease-in-out;
  741. -o-transition: all 0.5s ease-in-out; }
  742.  
  743. {block:ifHovertags}
  744. #post:hover .tags{
  745. opacity:1;
  746. margin-top:0px;}
  747. {/block:ifHovertags}
  748.  
  749. .tags a{
  750. padding:3px;
  751. color:{color:tags};}
  752.  
  753. .tags a:hover{
  754. color:{color:tags};}
  755.  
  756. /* QUESTIONS */
  757.  
  758. #allask {
  759. margin-left:65px;
  760. padding:10px;
  761. height:auto;
  762. border-radius:5px;
  763. background-color:{color:ask};}
  764.  
  765. #askerportrait {
  766. float:left;
  767. margin-top:0px;
  768. position:absolute;
  769. width:48px;
  770. height:48px;}
  771.  
  772. #askerportrait img{
  773. border-radius:3px;
  774. width:48px;
  775. height:48px;}
  776.  
  777. .indent {
  778. display:inline;
  779. position:absolute;
  780. width:15px;
  781. height:15px;
  782. background-color: {color:ask};
  783. -ms-transform: rotate(45deg);
  784. -webkit-transform: rotate(45deg);
  785. transform: rotate(45deg);
  786. margin-left:-15px;
  787. margin-top:-10px;}
  788.  
  789. #asker {
  790. margin-left:5px;
  791. font-family:'quicksand';
  792. font-size:10px;
  793. text-transform:uppercase;
  794. font-weight:bold;}
  795.  
  796. #question {
  797. margin-left:5px;
  798. margin-top:0px;
  799. font-size:11px;
  800. font-family:'quicksand';
  801. font-weight:bold;
  802. color:{color:text};
  803. text-transform:none;
  804. text-align: justify;}
  805.  
  806. #allask2 {
  807. margin-top:15px;
  808. padding:5px;
  809. height:auto;}
  810.  
  811. #answer {
  812. font-size:11px;
  813. font-family:'quicksand';
  814. font-weight:bold;
  815. color:{color:text};
  816. text-transform:none;
  817. text-align: left;}
  818.  
  819. /*SOURCE*/
  820.  
  821. .source {display:none;}
  822.  
  823. /* CREDIT */
  824.  
  825. #credit {
  826. z-index:99999;
  827. bottom:15px;
  828. right:5px;
  829. position:fixed;}
  830.  
  831. #credit a {
  832. font-family:'montserrat';
  833. letter-spacing:2px;
  834. font-size:7px;
  835. padding:7px 4px 8px 5px;
  836. background-color:{color:post bg};
  837. border:1px solid {color:borders};
  838. text-align:center;
  839. font-weight:bold;}
  840.  
  841. /* CHAT POSTS */
  842.  
  843. .chat ol {
  844. list-style-type:none;
  845. list-style:none;
  846. margin-left:0px;
  847. line-height:100%;
  848. text-transform:lowercase;
  849. font-size:10px;
  850. font-family:'montserrat';}
  851.  
  852. .chat li{list-style-type:none;list-style:none;border:0px;}
  853.  
  854. .label {
  855. text-transform:uppercase;
  856. font-size:9px;
  857. letter-spacing:1px;
  858. font-family:'montserrat';
  859. font-weight:bold;
  860. color:{color:links};}
  861.  
  862. .line.odd {
  863. padding:10px;}
  864.  
  865. .line.even {
  866. padding:10px;}
  867.  
  868. /* POST NOTES */
  869.  
  870. ol.notes {
  871. width:490px;
  872. height:260px;
  873. overflow-y:auto;
  874. list-style-type:none;
  875. font-family:'montserrat';
  876. text-transform:uppercase;
  877. margin-top:-40px;
  878. margin-bottom:40px;
  879. margin-left:415px;
  880. margin-right:auto;
  881. font-size:8px;}
  882.  
  883. ol.notes li.note {
  884. border-top: solid 0px #ccc;
  885. border:0px solid;
  886. background:transparent;
  887. margin-bottom:5px;
  888. margin-left:0px;
  889. list-style:none;
  890. padding: 2px;}
  891.  
  892. ol.notes li.note img.avatar {
  893. display:none;}
  894.  
  895. ol.notes li.note blockquote {
  896. border-color: #eee;
  897. padding: 4px 5px;
  898. margin: 5px 0px 0px 5px;}
  899.  
  900. ol.notes li.note a {
  901. text-decoration:none;
  902. font-size:8px;
  903. font-family:'montserrat';
  904. text-transform:uppercase;}
  905.  
  906. /*-----------------------------------------------------------------*/
  907.  
  908. /* SELECTION */
  909.  
  910. ::selection{color:{color:selection};background:{color:selection BG};}
  911. ::-moz-selection{color:{color:selection};background:{color:selection BG};}
  912. ::-webkit-selection{color:{color:selection};background:{color:selection BG};}
  913.  
  914.  
  915. {CustomCSS}</style></head><body>
  916.  
  917. <!--------------------------------------------------------------->
  918.  
  919. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  920.  
  921. <!--------------------------------------------------------------->
  922.  
  923. <div id="all">
  924.  
  925. <div id="sbr">
  926. <div id="sidebar">
  927.  
  928. <div id="sidebarimage"><img src="{image:Sidebar}"></div>
  929.  
  930. <div id="title">{Title}</div>
  931.  
  932. <div id="navilinks2">
  933.  
  934. <a href="/" title="{Text:Home Title}"><i class="fa fa-home" aria-hidden="true" style="font-weight:bold"></i> 01.</a>
  935.  
  936. <a href="/ask" title="{Text:Ask Title}"><i class="fa fa-commenting-o" aria-hidden="true" style="font-weight:bold"></i> 02.</a>
  937.  
  938. {block:IfShowLink1}
  939. <a href="{Text:Link 1 URL}" title="{Text:Link 1 Title}">
  940. <i class="fa fa-paint-brush" aria-hidden="true" style="font-weight:bold"></i>
  941. 03.</a>{/block:IfShowLink1}
  942.  
  943. {block:IfShowLink2}
  944. <a href="{Text:Link 2 URL}" title="{Text:Link 2 Title}">
  945. <i class="fa fa-map-o" aria-hidden="true" style="font-weight:bold"></i>
  946. 04.</a>
  947. {/block:IfShowLink2}
  948.  
  949. {block:IfShowLink3}
  950. <a href="{Text:Link 3 URL}" title="{Text:Link 3 Title}">
  951. <i class="fa fa-code" aria-hidden="true" style="font-weight:bold"></i>
  952. 05.</a>
  953. {/block:IfShowLink3}
  954.  
  955. {block:IfShowLink4}
  956. <a href="{Text:Link 4 URL}" title="{Text:Link 4 Title}">
  957. <i class="fa fa-folder-open-o" aria-hidden="true" style="font-weight:bold"></i>
  958. 06.</a>
  959. {/block:IfShowLink4}
  960.  
  961. </div>
  962.  
  963. <div id="description">{Description}</div>
  964.  
  965.  
  966. {block:ifSearchbox}
  967. <div id="navilinks">
  968. <form action="/search" method="get" class="sfm"><i class="fa fa-search" aria-hidden="true" style="font-weight:bold;color:{color:navlinks icons}"></i>
  969. <input type="text" name="q" placeholder="SEARCH..." id="sf"/>
  970. </form>
  971. </div>
  972. {/block:ifSearchbox}
  973.  
  974. <div id="pagination">
  975. {block:Pagination}
  976. <span style="float:left">
  977. {block:PreviousPage}<a href="{PreviousPage}">prev.</i></a>{/block:PreviousPage}</span>
  978. {CurrentPage} of {TotalPages}
  979. <span style="float:right">{block:NextPage}<a href="{NextPage}"> next</a>{/block:NextPage}</span>{/block:Pagination}
  980. </div>
  981.  
  982. <!-------------------------------------------------------->
  983.  
  984. </div></div>
  985.  
  986. <!-------------------------------------------------------->
  987.  
  988. <div id="entries">
  989.  
  990. {block:TagPage}<div class="tpages"><i class="fa fa-tag" style="color:{color:text}"></i>&nbsp;Posts tagged <span style="color:{color:links}">#{Tag}</span></div>{/block:TagPage}
  991.  
  992. <!-------------------------POSTS----------------------->
  993.  
  994. {block:Posts}
  995. <div id="post">
  996.  
  997. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}<div id="posttxt">{Body}</span></div>{/block:Text}
  998.  
  999. {block:Photo}
  1000. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  1001. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  1002. {/block:Photo}
  1003.  
  1004. {block:Photoset}
  1005. {Photoset-500}
  1006. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  1007. {/block:Photoset}
  1008.  
  1009. {block:Quote}<div id="posttxt"><div id="quote">"{Quote}"</div>{block:Source} <Br><div id="source">—{Source}</div>{/block:Source}</div>{/block:Quote}
  1010.  
  1011. {block:Link}<div id="posttxt"><h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}</div>{/block:Link}
  1012.  
  1013. <!-------------------------CHAT----------------------->
  1014.  
  1015. {block:Chat}<div id="posttxt">
  1016. {block:Title}
  1017. <h1>{Title}</h1>
  1018. {/block:Title}
  1019. <div class="chat">
  1020. <ol>{block:Lines}
  1021. <li class="line {Alt}">
  1022. {block:Label}
  1023. <span class="label">
  1024. {Label}</span>
  1025. {/block:Label}{Line}</li>
  1026. {/block:Lines}
  1027. </ol></div></div>
  1028. {/block:Chat}
  1029.  
  1030. <!-------------------------AUDIO----------------------->
  1031.  
  1032. {block:Audio}<div id="posttxt">
  1033. <div id="allaudio">
  1034. <div id="audioplayer"><div id="audioplayerz">{AudioPlayerWhite}</div></div><br>
  1035. <div id="albumart">
  1036. {block:AlbumArt}<img src="{AlbumArtURL}" style="width:120px; height:120px;">{/block:AlbumArt} </div>
  1037. <div id="audiostuff"></br></br></br>
  1038. {block:TrackName}<b>{TrackName}</b><br>{/block:TrackName}
  1039. {block:Artist}{Artist}<br>{/block:Artist}
  1040. {PlayCount} <i class="fa fa-volume-up" aria-hidden="true"></i></div></br></br></br></br></br></br></br></br></br></br>
  1041. {block:caption}<div id="caption">{Caption}</div>{/block:caption}
  1042. </div></div>
  1043. {/block:Audio}
  1044.  
  1045. <!-------------------------VIDEOS----------------------->
  1046.  
  1047. {block:Video}<div class="video">{Video-500}</div>{/block:Video}
  1048.  
  1049. <!-------------------------QUESTIONS----------------------->
  1050.  
  1051. {block:Answer}<div id="posttxt">
  1052.  
  1053. <div id="askerportrait"><img src="{AskerPortraitURL-48}"></a></div>
  1054. <div id="allask">
  1055. <div id="asker">{asker}</div>
  1056. <div class="indent"></div>
  1057. <div id="question">{Question}</div>
  1058. </div>
  1059.  
  1060. <div id="allask2">
  1061. <div id="answer">{Answer}</div>
  1062.  
  1063. </div></div>
  1064.  
  1065. {/block:Answer}
  1066.  
  1067. <!-------------------------POST INFO----------------------->
  1068.  
  1069. {block:Date}
  1070.  
  1071. <div id="postinfo">
  1072.  
  1073. {block:RebloggedFrom}
  1074. <a href="{ReblogParentURL}" title="via: {ReblogParentName}">
  1075. <img src="{ReblogParentPortraitURL-48}"></a>
  1076. {/block:RebloggedFrom}
  1077.  
  1078. {block:NotReblog}
  1079. <a href="{PostAuthorURL}" title="i posted this"><img src="{PortraitURL-48}"></a>
  1080. {/block:NotReblog}
  1081.  
  1082. <a href="{Permalink}" title="{12HourWithZero}:{Minutes} {CapitalAmPm}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a>
  1083.  
  1084. {block:NoteCount}| <a href="{Permalink}">{NoteCount} <i class="fa fa-diamond" aria-hidden="true" style="font-size:9px"></i></a>{/block:NoteCount}
  1085.  
  1086. {block:RebloggedFrom}
  1087. {block:ContentSource}| <span style="font-size:9px">
  1088. <a href="{SourceURL}" title="source: {ReblogRootName}"><i class="fa fa-bars" aria-hidden="true"></i></a></span>
  1089. {/block:ContentSource}
  1090. {/block:RebloggedFrom}
  1091.  
  1092. <div id="buttons">
  1093.  
  1094. <div class="reblog_button">
  1095. <a href="{ReblogURL}" target="_blank" style="font-size:12px">
  1096. <i class="fa fa-retweet" aria-hidden="true"></i>
  1097. </a></div>
  1098.  
  1099. <div class="custom-like-button"> {LikeButton}
  1100. <i class="fa fa-heart-o" aria-hidden="true" style="font-size:10px;font-weight:bold"></i>
  1101. </div>
  1102. </div>
  1103. </div>
  1104.  
  1105. {/block:Date}
  1106.  
  1107. <!-------------------------TAGS----------------------->
  1108.  
  1109. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div>
  1110.  
  1111. <!---------------------------------------------------->
  1112.  
  1113. {/block:Posts}
  1114. </div>
  1115. {block:PostNotes}{PostNotes}{/block:PostNotes}</div></div>
  1116.  
  1117. <!-------------------------------------------->
  1118.  
  1119. <div id="credit"><a href="http://evilqueenedthemes.tumblr.com" title="evilqueenedthemes">EQ</a></div>
  1120.  
  1121. <script src="instantclick.min.js" data-no-instant></script>
  1122. <script data-no-instant>InstantClick.init('');</script>
  1123.  
  1124. </body></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!