API tools faq
paste
Advertisement
missdilaurentis

MissDilaurentis Theme #46

missdilaurentis
May 5th, 2016
13,863
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 34.07 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head><title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8.  
  9.  
  10. <!------------------------------------
  11.  
  12. THEME #46 BY EVILQUEENEDTHEMES
  13. http://evilqueenedthemes.tumblr.com
  14.  
  15. • DO NOT COPY
  16. • DO NOT STEAL / CLAIM AS YOUR OWN
  17. • DO NOT REMOVE MY CREDIT
  18.  
  19. --------------------------------------
  20.  
  21. VIDEO RESIZING SCRIPT AND PXU PHOTOSET CREDIT TO:
  22. http://shythemes.tumblr.com/
  23.  
  24. HIDE STUFF TUTORIAL
  25. http://lmthemes.tumblr.com/
  26.  
  27. ------------------------------------->
  28.  
  29.  
  30. <!--DEFAULT VARIABLES-->
  31.  
  32. <!--COLORS-->
  33. <meta name="color:Ask" content="#eed6fe"/>
  34. <meta name="color:Ask2" content="#f0f0f0"/>
  35. <meta name="color:Ask borders" content="#dad8d8"/>
  36. <meta name="color:Background" content="#f3f3f3"/>
  37. <meta name="color:Blog title" content="#87babe"/>
  38. <meta name="color:Bold" content="#c99ace"/>
  39. <meta name="color:Borders" content="#e2e2e2"/>
  40. <meta name="color:Caption" content="#f0f0f0"/>
  41. <meta name="color:Chat1" content="#f7f7f7"/>
  42. <meta name="color:Chat2" content="#f0f0f0"/>
  43. <meta name="color:Info" content="#6dc2c9"/>
  44. <meta name="color:Links" content="#a4c3ce"/>
  45. <meta name="color:Links Hover" content="#8aa4ad"/>
  46. <meta name="color:Music bg" content="#eed6fe"/>
  47. <meta name="color:Navigation" content="#a4c3ce"/>
  48. <meta name="color:Navigation hover" content="#b8b8b8"/>
  49. <meta name="color:Navigation hover borders" content="#b1e1f5"/>
  50. <meta name="color:NavLinks" content="#aaaaaa"/>
  51. <meta name="color:NavLinks Hover" content="#6d6d6d"/>
  52. <meta name="color:Pagination" content="#cd91ce"/>
  53. <meta name="color:Post bg" content="#ffffff"/>
  54. <meta name="color:Post title" content="#6d6d6d"/>
  55. <meta name="color:Scrollbar" content="#b8b8b8"/>
  56. <meta name="color:Scrollbar bg" content="#ffffff"/>
  57. <meta name="color:Selection" content="#000000"/>
  58. <meta name="color:Selection BG" content="#bb9ec6"/>
  59. <meta name="color:Sidebar bg" content="#ffffff"/>
  60. <meta name="color:Sidebar images border" content="#ffffff"/>
  61. <meta name="color:Sidebar Text" content="#9d9d9d"/>
  62. <meta name="color:Tags" content="#b0b0b0"/>
  63. <meta name="color:Text" content="#9a9a9a"/>
  64. <meta name="color:Tooltip" content="#eed6fe"/>
  65. <meta name="color:Tooltip text" content="#9a9a9a"/>
  66. <meta name="color:Update1" content="#eed6fe"/>
  67. <meta name="color:Update2" content="#e4c0fb"/>
  68. <meta name="color:Update3" content="#d99eff"/>
  69. <meta name="color:Update4" content="#c87bfb"/>
  70. <meta name="color:Updates titles" content="#5d5d5d"/>
  71. <meta name="color:Updates text" content="#9a9a9a"/>
  72.  
  73. <!--IMAGES-->
  74. <meta name="image:Background" content="" />
  75. <meta name="image:Sidebar" content=""/>
  76. <meta name="image:Icon" content=""/>
  77.  
  78. <!--NAVIGATION LINKS-->
  79. <meta name="text:Link 1 URL" content="/" />
  80. <meta name="text:Link 1 Title" content="link 1" />
  81. <meta name="text:Link 2 URL" content="/" />
  82. <meta name="text:Link 2 Title" content="link 2" />
  83. <meta name="text:Link 3 URL" content="/" />
  84. <meta name="text:Link 3 Title" content="link 3" />
  85. <meta name="text:Link 4 URL" content="/" />
  86. <meta name="text:Link 4 Title" content="link 4" />
  87.  
  88. <!--UPDATES TABS-->
  89. <meta name="text:Updates width" content="180px" />
  90. <meta name="text:Updates margin right" content="40px" />
  91. <meta name="text:Update1 height" content="100px" />
  92. <meta name="text:Update1 Title" content="" />
  93. <meta name="text:Update1 Content" content="" />
  94. <meta name="text:Update2 height" content="100px" />
  95. <meta name="text:Update2 Title" content="" />
  96. <meta name="text:Update2 Content" content="" />
  97. <meta name="text:Update3 height" content="100px" />
  98. <meta name="text:Update3 Title" content="" />
  99. <meta name="text:Update3 Content" content="" />
  100. <meta name="text:Update4 height" content="100px" />
  101. <meta name="text:Update4 Title" content="" />
  102. <meta name="text:Update4 Content" content="" />
  103.  
  104. <!--SHOW NAVIGATION LINKS-->
  105. <meta name="if:Icon" content="1">
  106. <meta name="if:TagsOnHover" content="1">
  107. <meta name="if:Show Link1" content="1">
  108. <meta name="if:Show Link2" content="1">
  109. <meta name="if:Show Link3" content="1">
  110. <meta name="if:Show Link4" content="1">
  111. <meta name="if:UpdateTabs" content="1">
  112.  
  113. <!--DEFAULT FONTS AND FONTS SIZE-->
  114. <meta name="text:Post Font Size" content="10px"/>
  115. <meta name="text:Post Font" content="montserrat"/>
  116. <meta name="text:Small Font Size" content="10px"/>
  117. <meta name="text:Small Font" content="arial"/>
  118. <meta name="text:Sidebar Font Size" content="10px"/>
  119. <meta name="text:Sidebar Font" content="montserrat"/>
  120. <meta name="text:Updates Font Size" content="7px"/>
  121. <meta name="text:Updates Font" content="quicksand"/>
  122. <meta name="text:Updates Titles Font" content="montserrat"/>
  123. <meta name="text:Updates Titles Font Size" content="7px"/>
  124.  
  125. <!--UPDATES TEXT-->
  126. <meta name="select:Updates Text" content="uppercase" title="uppercase">
  127. <meta name="select:Updates Text" content="lowercase" title="lowercase">
  128. <meta name="select:Updates Titles" content="normal" title="normal">
  129. <meta name="select:Updates Titles" content="bold" title="bold">
  130.  
  131. <!--POST SIZES-->
  132. <meta name="select:Post Size" content="250px" title="250px">
  133. <meta name="select:Post Size" content="300px" title="300px">
  134. <meta name="select:Post Size" content="400px" title="400px">
  135. <meta name="select:Post Size" content="500px" title="500px">
  136. <meta name="select:Post Size" content="540px" title="540px">
  137.  
  138. <!--SIDEBAR POSITION-->
  139. <meta name="select:Sidebar position" content="-355px" title="250px posts">
  140. <meta name="select:Sidebar position" content="-380px" title="300px posts">
  141. <meta name="select:Sidebar position" content="-430px" title="400px posts">
  142. <meta name="select:Sidebar position" content="-455px" title="500px posts">
  143. <meta name="select:Sidebar position" content="-470px" title="540px posts">
  144.  
  145. <!--TAGS POSITION-->
  146. <meta name="select:Tags position" content="285px" title="250px posts">
  147. <meta name="select:Tags position" content="335px" title="300px posts">
  148. <meta name="select:Tags position" content="435px" title="400px posts">
  149. <meta name="select:Tags position" content="535px" title="500px posts">
  150. <meta name="select:Tags position" content="575px" title="540px posts">
  151.  
  152. <!--END OF DEFAULT VARIABLES-->
  153.  
  154.  
  155. <!--GOOGLE FONTS-->
  156.  
  157. <link href='https://fonts.googleapis.com/css?family=Karla:400italic,400,700,700italic' rel='stylesheet' type='text/css'>
  158.  
  159. <link href='https://fonts.googleapis.com/css?family=Rambla:400,400italic,700italic,700' rel='stylesheet' type='text/css'>
  160.  
  161. <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
  162.  
  163. <link href='https://fonts.googleapis.com/css?family=Quicksand:400,700' rel='stylesheet' type='text/css'>
  164.  
  165.  
  166. <!--DROP DOWN MENU SCRIPT-->
  167. <!-- credit http://lmthemes.tumblr.com/ -->
  168. <!--------------------------------------------------->
  169.  
  170. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  171.  
  172. <script type="text/javascript">
  173. function unhide(divID) {
  174. var item = document.getElementById(divID);
  175. if (item) {
  176. item.className=(item.className=='hidden')?'unhidden':'hidden';
  177. }
  178. }
  179. </script>
  180. <!---------------------------------------------------->
  181.  
  182. <!--VIDEO RESIZING SCRIPT-->
  183. <!-- credit http://shythemes.tumblr.com/ -->
  184.  
  185. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  186. <!------------------------->
  187.  
  188. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  189. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  190. <script>
  191. (function($){
  192. $(document).ready(function(){
  193. $("a[title]").style_my_tooltips({
  194. tip_follows_cursor:true,
  195. tip_delay_time:90,
  196. tip_fade_speed:600,
  197. attribute:"title"
  198. });
  199. });
  200. })(jQuery);
  201. </script>
  202.  
  203. <!------------------------->
  204.  
  205. <style type="text/css">
  206.  
  207.  
  208. /*TUMBLR CONTROLS*/
  209. .tmblr-iframe, #tumblr_controls {
  210. position:fixed !important;
  211. z-index:99999999999999999!important; }
  212.  
  213. body {
  214. background:{color:background};
  215. background-image: url('{image:background}');
  216. background-attachment:fixed;
  217. margin:0px;
  218. color:{color:text};
  219. font-family:'calibri';
  220. font-size:11px;
  221. line-height:100%;}
  222.  
  223. /*TOOLTIPS*/
  224.  
  225. #s-m-t-tooltip {
  226. max-width:300px;
  227. margin:25px 15px;
  228. text-transform:uppercase;
  229. font-size:8px;
  230. padding:5px;
  231. z-index:99999999999999999;
  232. background-color:{color:tooltip};
  233. color:{color:tooltip text};
  234. font-weight:bold;
  235. letter-spacing:1px;
  236. font-family:'montserrat';}
  237.  
  238. /* SCROLLBAR */
  239.  
  240. ::-webkit-scrollbar-thumb:vertical {
  241. height:12px;
  242. border:2px solid;
  243. border-color:{color:scrollbar bg};
  244. background-color:{color:scrollbar};}
  245.  
  246. ::-webkit-scrollbar-thumb:horizontal {
  247. background-color:{color:background};}
  248.  
  249. ::-webkit-scrollbar {
  250. width:11px;
  251. height:7px;
  252. border:5px solid;
  253. border-color:{color:scrollbar bg};
  254. background-color:{color:scrollbar};}
  255.  
  256. /*UPDATES TAB*/
  257. {block:ifUpdateTabs}
  258.  
  259. #allupdates {
  260. width:{text:updates width};
  261. height:auto;
  262. position:fixed;
  263. top:107px;
  264. right:{text:updates margin right};
  265. z-index:999;}
  266.  
  267. /*CONTAINERS*/
  268.  
  269. .substuff {
  270. width:calc({text:updates width} - 10px);
  271. margin-top:5px;
  272. padding:5px;
  273. font-family:{text:updates font};
  274. color:{color:updates text};
  275. text-transform:{select:updates text};
  276. font-size:{text:updates font size};
  277. background-color:transparent;}
  278.  
  279. /*UPDATES 1*/
  280.  
  281. #bx {
  282. background-color:transparent;
  283. width:{text:updates width};
  284. margin-left:auto;
  285. height:26px;
  286. margin-right:auto;
  287. overflow: hidden;
  288. transition: all 0.4s ease-out;
  289. -o-transition: all 0.4s ease-out;
  290. -webkit-transition: all 0.4s ease-out;
  291. -moz-transition: all 0.4s ease-out;}
  292.  
  293. .bxtitle {
  294. width:calc({text:updates width} - 10px);
  295. background-color:{color:update1};
  296. color:{color:updates titles};
  297. text-align:center;
  298. padding:5px;
  299. text-transform:uppercase;
  300. letter-spacing:1px;
  301. font-size:{text:updates titles font size};
  302. font-family:{text:updates titles font};
  303. font-weight:{select:updates titles};}
  304.  
  305. #bx:hover {
  306. height:{text:Update1 height};
  307. transition: all 0.4s ease-out;
  308. -o-transition: all 0.4s ease-out;
  309. -webkit-transition: all 0.4s ease-out;
  310. -moz-transition: all 0.4s ease-out;}
  311.  
  312. /*UPDATES 2*/
  313.  
  314. #bx2 {
  315. margin-top:-3px;
  316. background-color:transparent;
  317. width:{text:updates width};
  318. margin-left:auto;
  319. height:26px;
  320. margin-right:auto;
  321. overflow: hidden;
  322. transition: all 0.4s ease-out;
  323. -o-transition: all 0.4s ease-out;
  324. -webkit-transition: all 0.4s ease-out;
  325. -moz-transition: all 0.4s ease-out;}
  326.  
  327. .bxtitle2 {
  328. width:calc({text:updates width} - 10px);
  329. background-color:{color:update2};
  330. color:{color:updates titles};
  331. text-align:center;
  332. padding:5px;
  333. text-transform:uppercase;
  334. letter-spacing:1px;
  335. font-size:{text:updates titles font size};
  336. font-family:{text:updates titles font};
  337. font-weight:{select:updates titles};}
  338.  
  339. #bx2:hover {
  340. height:{text:Update2 height};
  341. transition: all 0.4s ease-out;
  342. -o-transition: all 0.4s ease-out;
  343. -webkit-transition: all 0.4s ease-out;
  344. -moz-transition: all 0.4s ease-out;}
  345.  
  346. /*UPDATES 3*/
  347.  
  348. #bx3 {
  349. margin-top:-3px;
  350. background-color:transparent;
  351. width:{text:updates width};
  352. margin-left:auto;
  353. height:26px;
  354. margin-right:auto;
  355. overflow: hidden;
  356. transition: all 0.4s ease-out;
  357. -o-transition: all 0.4s ease-out;
  358. -webkit-transition: all 0.4s ease-out;
  359. -moz-transition: all 0.4s ease-out;}
  360.  
  361. .bxtitle3 {
  362. width:calc({text:updates width} - 10px);
  363. background-color:{color:update3};
  364. color:{color:updates titles};
  365. text-align:center;
  366. padding:5px;
  367. text-transform:uppercase;
  368. letter-spacing:1px;
  369. font-size:{text:updates titles font size};
  370. font-family:{text:updates titles font};
  371. font-weight:{select:updates titles};}
  372.  
  373. #bx3:hover {
  374. height:{text:Update3 height};
  375. transition: all 0.4s ease-out;
  376. -o-transition: all 0.4s ease-out;
  377. -webkit-transition: all 0.4s ease-out;
  378. -moz-transition: all 0.4s ease-out;}
  379.  
  380. /*UPDATES 4*/
  381.  
  382. #bx4 {
  383. margin-top:-3px;
  384. background-color:transparent;
  385. width:{text:updates width};
  386. margin-left:auto;
  387. height:26px;
  388. margin-right:auto;
  389. overflow: hidden;
  390. transition: all 0.4s ease-out;
  391. -o-transition: all 0.4s ease-out;
  392. -webkit-transition: all 0.4s ease-out;
  393. -moz-transition: all 0.4s ease-out;}
  394.  
  395. .bxtitle4 {
  396. width:calc({text:updates width} - 10px);
  397. background-color:{color:update4};
  398. color:{color:updates titles};
  399. text-align:center;
  400. padding:5px;
  401. text-transform:uppercase;
  402. letter-spacing:1px;
  403. font-size:{text:updates titles font size};
  404. font-family:{text:updates titles font};
  405. font-weight:{select:updates titles};}
  406.  
  407. #bx4:hover {
  408. height:{text:Update4 height};
  409. transition: all 0.4s ease-out;
  410. -o-transition: all 0.4s ease-out;
  411. -webkit-transition: all 0.4s ease-out;
  412. -moz-transition: all 0.4s ease-out;}
  413.  
  414. {/block:ifUpdateTabs}
  415.  
  416. /* BASICS */
  417.  
  418. a, a:active, a:visited {
  419. transition:0.8s;
  420. -o-transition-transition:0.8s;
  421. -webkit-transition-duration:0.8s;
  422. -moz-transition-duration:0.8s;
  423. text-decoration:none;
  424. color:{color:links};}
  425.  
  426. a:hover {
  427. transition:0.8s;
  428. -o-transition-transition:0.8s;
  429. -webkit-transition-duration:0.8s;
  430. -moz-transition-duration:0.8s;
  431. text-decoration:none;
  432. color:{color:links hover};
  433. background-color:{color:transparent};}
  434.  
  435. b, strong {color:{color:bold};}
  436. p {margin-top:5px; margin-bottom:5px}
  437.  
  438. ul, li img {
  439. max-width:calc({select:Post Size} - 100px);}
  440.  
  441. h1 {
  442. font-size:17px;
  443. font-family:'quicksand';
  444. font-style:none;
  445. line-height:100%;
  446. font-weight:bold;
  447. letter-spacing:-1px;
  448. margin-bottom:10px;
  449. margin-top:0px;
  450. text-transform:none;
  451. text-align:left;
  452. color:{color:post title};}
  453.  
  454. pre {
  455. font-family:'calibri';
  456. letter-spacing:0px;
  457. font-size:10px;}
  458.  
  459. small, sub, sup {
  460. letter-spacing:0px;
  461. text-transform:none;
  462. font-family:{text:Small Font};
  463. font-size:{text:Small Font Size};}
  464.  
  465. big {font-size:12px;}
  466.  
  467. ul, ol {padding:2px 0px 2px 10px; margin-left:12px;}
  468.  
  469. blockquote {
  470. padding:2px 5px;
  471. margin:3px 0px 3px 8px;
  472. border-left:1px dotted;
  473. border-color:{color:text};}
  474.  
  475. blockquote blockquote{
  476. margin-left:5px;}
  477.  
  478. blockquote img {max-width:100%;height:auto;}
  479.  
  480. /* POSTS */
  481.  
  482. #entries {
  483. padding:20px;
  484. width:520px;
  485. margin-left:auto;
  486. margin-right:auto;
  487. margin-top:0px;
  488. font-family:'arial';
  489. color:{color:Text};}
  490.  
  491. #post {
  492. width:{select:Post Size};
  493. margin-left:auto;
  494. margin-right:auto;
  495. padding:30px;
  496. background-color:{color:post bg};
  497. border:1px solid {color:borders};
  498. margin-top:65px;
  499. font-family:{text:Post Font};
  500. font-size:{text:Post Font Size};
  501. text-transform:none;
  502. color:{color:text};
  503. word-wrap: break-word;}
  504.  
  505. .video {
  506. width: {select:Post Size};}
  507.  
  508. #post img {
  509. height: auto;
  510. max-width:100%;}
  511.  
  512. .tpages {
  513. width:{select:Post Size};
  514. border:1px solid;
  515. border-color:{color:borders};
  516. text-align:center;
  517. padding:30px;
  518. margin-top:75px;
  519. font-family:'calibri';
  520. margin-left:auto;
  521. margin-right:auto;
  522. letter-spacing:1px;
  523. word-spacing:1px;
  524. font-size:8px;
  525. font-weight:bold;
  526. text-transform:uppercase;
  527. color:{color:text};
  528. background-color:{color:post bg};
  529. word-wrap: break-word;}
  530.  
  531. /*QUOTES*/
  532.  
  533. #quote {
  534. font-size: 16px;
  535. line-height: 100%;
  536. color: {color:text};
  537. font-family:'quicksand';
  538. border-radius: 10px 10px 10px 10px;
  539. background-color:{color:caption};
  540. padding:10px;
  541. padding-left:10px;}
  542.  
  543. #source {
  544. text-align:right;
  545. color:{color:text};
  546. font-size:8px;
  547. margin-top:10px;
  548. padding-bottom:15px;
  549. letter-spacing:0px;
  550. font-weight:bold;
  551. font-family:'karla';
  552. text-transform:uppercase;
  553. font-style:none;}
  554.  
  555. #caption {
  556. width:calc({select:Post Size} - 10px);
  557. background-color:{color:caption};
  558. margin-top:10px;
  559. word-wrap: break-word;
  560. padding:5px;}
  561.  
  562. /* AUDIO */
  563.  
  564. #allaudio {
  565. margin-top:-10px;
  566. width:{select:Post Size};}
  567.  
  568. #audioplayer {
  569. z-index:1;
  570. height:75px;
  571. width:75px;
  572. margin-top:10px;
  573. display:block;
  574. overflow:hidden;
  575. position:absolute;
  576. background-color:#000000;
  577. opacity: 0.5;filter:alpha(opacity=60);
  578. -webkit-transition: all 0.7s ease;
  579. -moz-transition: all 0.7s ease;
  580. -o-transition: all 0.7s ease;}
  581.  
  582. #audioplayer:hover {
  583. opacity: 0.5; filter:alpha(opacity=60);}
  584.  
  585. #audioplayerz {
  586. width:25px;
  587. height:25px;
  588. margin-top:25px;
  589. margin-left:25px;
  590. overflow:hidden;
  591. padding:3px;}
  592.  
  593. #albumart {
  594. margin-top:0px;
  595. z-index:0;
  596. float:left;}
  597.  
  598. #albumart img{
  599. height:75px;
  600. width:75px;}
  601.  
  602. #audiostuff {
  603. background-color:{color:music bg};
  604. color:{color:text};
  605. text-transform:uppercase;
  606. letter-spacing:1px;
  607. float:left;
  608. text-align:left;
  609. padding:5px;
  610. height:65px;
  611. width:calc({select:Post Size} - 90px);
  612. letter-spacing:1;
  613. font-size:8px;
  614. margin-left:80px;
  615. position:absolute;}
  616.  
  617.  
  618. /* CREDIT */
  619.  
  620. .credit a{z-index:99999;font-family:'calibri'; letter-spacing:0px; font-size:8px; bottom:1px; right:5px; position:fixed; padding:3px; text-align:right; font-weight:bold;opacity:1;}
  621.  
  622. /* SIDEBAR */
  623.  
  624. #sb {
  625. margin-left:auto;
  626. margin-right:auto;
  627. width:245px;
  628. height:auto;}
  629.  
  630. #sidebar {
  631. position:fixed;
  632. z-index:999;
  633. width:285px;
  634. border-radius:10px 10px 10px 10px;
  635. height:auto;
  636. margin-top:108px;
  637. background-color:{color:sidebar bg};
  638. border:1px solid {color:borders};
  639. margin-left:{select:sidebar position};}
  640.  
  641. #sidebarimage {
  642. width:245px;
  643. z-index:1;
  644. height:auto;
  645. padding:5px;
  646. background-color:{color:Sidebar images border};
  647. margin-top:15px;
  648. margin-left:auto;
  649. margin-right:auto;
  650. text-align:center;}
  651.  
  652. #sidebarimage img {
  653. width:245px;
  654. height:auto;}
  655.  
  656. #iconimage{
  657. z-index:9999999999;
  658. float:left;
  659. width:100px;
  660. height:100px;
  661. margin-top:0px;
  662. margin-left:auto;
  663. margin-right:auto;
  664. text-align:center;}
  665.  
  666. #iconimage img {
  667. width:100px;
  668. padding:5px;
  669. background-color:{color:Sidebar images border};
  670. height:100px;
  671. border-radius:100%;}
  672.  
  673. #all {
  674. z-index:9999999999;
  675. position:absolute;
  676. display:inline-block;
  677. width:245px;
  678. {block:ifIcon}margin-top:-50px;{/block:ifIcon}
  679. {block:ifNotIcon}margin-top:10px;{/block:ifNotIcon}
  680. margin-left:10px;
  681. margin-bottom:20px;
  682. float:left;}
  683.  
  684. #title {
  685. float:left;
  686. text-align:left;
  687. {block:ifIcon}margin-top:-40px;{/block:ifIcon}
  688. {block:ifNotIcon}margin-top:0px;{/block:ifNotIcon}
  689. {block:ifIcon}width:150px;{/block:ifIcon}
  690. {block:ifNotIcon}width:150px;{/block:ifNotIcon}
  691. border-radius: 10px 10px 0px 0px;
  692. {block:ifIcon}margin-left:113px;{/block:ifIcon}
  693. {block:ifNotIcon}margin-left:10px;{/block:ifNotIcon}
  694. font-family:'quicksand';
  695. color:{color:blog title};
  696. font-weight:bold;
  697. word-spacing:1px;
  698. text-transform:uppercase;
  699. font-size:11px;}
  700.  
  701. #description {
  702. z-index:99;
  703. width:245px;
  704. {block:ifIcon}margin-top:70px;{/block:ifIcon}
  705. {block:ifNotIcon}margin-top:60px;{/block:ifNotIcon}
  706. margin-bottom:15px;
  707. margin-left:auto;
  708. margin-right:auto;
  709. font-family:{text:Sidebar Font};
  710. font-size:{text:Sidebar Font Size};
  711. font-weight:normal;
  712. text-transform:none;
  713. text-align:justify;
  714. color:{color:sidebar text};
  715. background-color:transparent;}
  716.  
  717. /* PAGINATION */
  718.  
  719. #pagination {
  720. font-family:'montserrat';
  721. width:245px;
  722. text-transform:uppercase;
  723. padding-bottom:25px;
  724. letter-spacing:1px;
  725. font-size:8px;
  726. margin-left:auto;
  727. margin-right:auto;
  728. font-weight:bold;
  729. text-align:center;}
  730.  
  731. #pagination a {
  732. color:{color:pagination};
  733. background-color:transparent;}
  734.  
  735. #pagination a:hover {
  736. color:{color:links hover};}
  737.  
  738. /* NAVIGATION LINKS */
  739.  
  740. #nav1 {
  741. margin-top:8px;
  742. {block:ifIcon}width:150px;{/block:ifIcon}
  743. {block:ifNotIcon}width:245px;{/block:ifNotIcon}
  744. font-family:'montserrat';
  745. text-transform:uppercase;
  746. padding-bottom:10px;
  747. letter-spacing:2px;
  748. font-size:8px;
  749. float:left;
  750. {block:ifIcon}margin-top:-30px;{/block:ifIcon}
  751. {block:ifNotIcon}margin-top:0px;{/block:ifNotIcon}
  752. text-align:left;
  753. {block:ifIcon}margin-left:108px;{/block:ifIcon}
  754. {block:ifNotIcon}margin-left:10px;{/block:ifNotIcon}}
  755.  
  756. #nav1 a{
  757. display:inline-block;
  758. padding:2px 0px 2px 0px;
  759. margin-top:5px;
  760. margin-bottom:5px;
  761. color:{color:navigation};
  762. border-top:1px solid;
  763. border-bottom:1px solid;
  764. border-color:transparent;
  765. transition:0.3s;
  766. -o-transition-transition:0.3s;
  767. -webkit-transition-duration:0.3s;
  768. -moz-transition-duration:0.3s;}
  769.  
  770. #nav1 a:hover{
  771. color:{color:navigation hover};
  772. border-color:{color:navigation hover borders};
  773. transition:0.3s;
  774. -o-transition-transition:0.3s;
  775. -webkit-transition-duration:0.3s;
  776. -moz-transition-duration:0.3s;}
  777.  
  778. #navi {
  779. display:inline-block;}
  780.  
  781. #navlinks {
  782. z-index:9999;
  783. border-radius:10px 10px 10px 10px;
  784. position:absolute;
  785. border:1px solid {color:borders};
  786. margin-top:5px;
  787. margin-left:0px;
  788. width:136px;
  789. letter-spacing:1px;
  790. text-transform:uppercase;
  791. background:{color:sidebar bg};
  792. text-align:left;
  793. padding:7px;
  794. transition:0.5s;
  795. -o-transition-transition:0.5s;
  796. -webkit-transition-duration:0.5s;
  797. -moz-transition-duration:0.5s;}
  798.  
  799. #navlinks a{
  800. display:block;
  801. font-family:'montserrat';
  802. font-size:9px;
  803. padding:5px;
  804. color:{color:Navlinks};
  805. transition:0.5s;
  806. -o-transition-transition:0.5s;
  807. -webkit-transition-duration:0.5s;
  808. -moz-transition-duration:0.5s;}
  809.  
  810. #navlinks a:hover{
  811. color:{color:Navlinks hover};
  812. border-color:transparent;
  813. padding-left:15px;}
  814.  
  815. .hidden {
  816. opacity:0;
  817. visibility:hidden;}
  818.  
  819. .unhidden {
  820. opacity:1;
  821. -moz-transition-duration: 0.3s;
  822. -o-transition-duration: 0.3s;
  823. -webkit-transition-duration: 0.3s;
  824. transition-duration: 0.3s;}
  825.  
  826. /* INFO & TAGS */
  827.  
  828. #postbottom {
  829. width:{select:Post Size};
  830. position:relative;
  831. font-size:10px;
  832. font-family:'quicksand';
  833. text-transform:uppercase;
  834. color:{color:info};
  835. font-weight:bold;
  836. letter-spacing:1px;
  837. text-align:center;
  838. margin-left:auto;
  839. margin-right:auto;
  840. margin-top:10px;}
  841.  
  842. #postbottom a {
  843. color:{color:info};}
  844.  
  845. #infbar {
  846. width:170px;
  847. margin-left:{select:tags position};
  848. position:absolute;
  849. float:right;
  850. margin-top:-30px;}
  851.  
  852. #tags {
  853. max-width:170px;
  854. {block:IfTagsOnHover}
  855. opacity:0;
  856. {/block:IfTagsOnHover}
  857. height:auto;
  858. position:relative;
  859. word-wrap:break-word;
  860. font-family:'quicksand';
  861. padding-left:5px;
  862. text-align:left;
  863. font-size:10px;
  864. font-weight:bold;
  865. line-height:12px;
  866. color:{color:tags};
  867. -webkit-transition: opacity 0.5s linear;
  868. -webkit-transition: all 0.5s ease-in-out;
  869. -moz-transition: all 0.5s ease-in-out;
  870. -o-transition: all 0.5s ease-in-out; }
  871.  
  872. {block:IfTagsOnHover}
  873. #post:hover #tags{
  874. opacity:1;}
  875. {/block:IfTagsOnHover}
  876.  
  877. #tags a{
  878. color:{color:tags};}
  879.  
  880. #tags a:hover{
  881. color:{color:tags};}
  882.  
  883. /* QUESTIONS */
  884.  
  885. #allask {
  886. width:calc({select:Post Size} - 22px);
  887. padding:10px;
  888. border:1px solid {color:ask borders};
  889. height:48px;
  890. background-color:{color:ask};}
  891.  
  892. #askerportrait {
  893. float:left;
  894. margin-top:0px;
  895. position:absolute;
  896. width:48px;
  897. height:48px;}
  898.  
  899. #askerportrait img{
  900. width:48px;
  901. height:48px;}
  902.  
  903. #asker {
  904. margin-left:54px;
  905. font-family:'quicksand';
  906. font-size:14px;
  907. text-transform:uppercase;
  908. font-weight:bold;
  909. padding-top:12px;}
  910.  
  911. #asktext {
  912. margin-left:54px;
  913. font-family:'quicksand';
  914. font-size:10px;
  915. text-transform:uppercase;
  916. font-weight:bold;
  917. padding-top:5px;}
  918.  
  919. #question {
  920. border:1px solid {color:ask borders};
  921. background-color:{color:ask2};
  922. margin-top:-1px;
  923. font-size:11px;
  924. font-family:'karla';
  925. padding:10px;
  926. color:{color:text};
  927. text-transform:none;
  928. text-align: justify;}
  929.  
  930. #answer {
  931. text-align: justify;
  932. margin-top:5px;
  933. padding:5px;
  934. margin-left:0px;}
  935.  
  936. /*SOURCE*/
  937.  
  938. .source {display:none;}
  939.  
  940. /*CHAT*/
  941.  
  942. .chat ol {
  943. padding:0px;
  944. margin-left:0px;
  945. line-height:180%;
  946. text-transform:uppercase;
  947. font-size:8px;
  948. font-family:'calibri';
  949. letter-spacing:1px;
  950. list-style:none;}
  951.  
  952. .label {
  953. padding-right:1px;
  954. text-transform:uppercase;
  955. font-size:8px;
  956. font-family:'calibri';
  957. letter-spacing:1px;
  958. font-weight:bold;
  959. color:{color:links};}
  960.  
  961. .line.odd {
  962. padding:7px;
  963. margin-bottom:6px;
  964. background:{color:chat1};}
  965.  
  966. .line.even {
  967. padding:7px;
  968. margin-bottom:6px;
  969. background:{color:chat2};}
  970.  
  971. /*POST NOTES*/
  972.  
  973. ol.notes {
  974. padding: 30px;
  975. width:{select:Post Size};
  976. height:auto;
  977. max-height:200px;
  978. border:1px solid {color:borders};
  979. background-color:#fff;
  980. margin-left:auto;
  981. margin-right:auto;
  982. overflow-y:auto;
  983. list-style-type:none;
  984. font-family:'calibri';
  985. font-weight:bold;
  986. text-transform:uppercase;
  987. margin-top:-30px;
  988. font-size:8px;}
  989.  
  990. ol.notes li.note {
  991. border-top: solid 0px #ccc;
  992. margin-bottom:7px;
  993. padding: 3px;}
  994.  
  995. ol.notes li.note img.avatar {
  996. display:none;}
  997.  
  998. ol.notes li.note blockquote {
  999. border-color: #eee;
  1000. padding: 4px 10px;
  1001. margin: 10px 0px 0px 5px;}
  1002.  
  1003. ol.notes li.note blockquote a {
  1004. text-decoration: none;
  1005. font-family:'arial';
  1006. text-transform:uppercase;}
  1007.  
  1008.  
  1009. /* SELECTION */
  1010.  
  1011. ::selection {color:{color:selection}; background: {color:selection BG};}
  1012. ::-moz-selection {color: {color:selection}; background: {color:selection BG};}
  1013. ::-webkit-selection {color:{color:selection} ; background:{color:selection BG};}
  1014.  
  1015.  
  1016. {CustomCSS}</style>
  1017.  
  1018. <!--------------------------------------------------------------------->
  1019.  
  1020. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1021. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1022. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1023.  
  1024. <!---------------------------------------------------------------------->
  1025.  
  1026. </head><body>
  1027.  
  1028. <!---------------------------------------------------------------------->
  1029.  
  1030. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  1031.  
  1032. <!----------------------------------------------------------------------->
  1033.  
  1034. {block:ifUpdateTabs}
  1035.  
  1036. <div id="allupdates">
  1037.  
  1038. <div id="bx">
  1039. <div class="bxtitle">{text:Update1 title}</div>
  1040. <div class="substuff">
  1041. {text:Update1 content}
  1042.  
  1043. <!------------------------------------------>
  1044. </div></div>
  1045. <!------------------------------------------>
  1046.  
  1047. <div id="bx2">
  1048. <div class="bxtitle2">{text:Update2 title}</div>
  1049. <div class="substuff">
  1050. {text:Update2 content}
  1051.  
  1052. <!------------------------------------------>
  1053. </div></div>
  1054. <!------------------------------------------>
  1055.  
  1056. <div id="bx3">
  1057. <div class="bxtitle3">{text:Update3 title}</div>
  1058. <div class="substuff">
  1059. {text:Update3 content}
  1060.  
  1061. <!------------------------------------------>
  1062. </div></div>
  1063. <!------------------------------------------>
  1064.  
  1065. <div id="bx4">
  1066. <div class="bxtitle4">{text:Update4 title}</div>
  1067. <div class="substuff">
  1068. {text:Update4 content}
  1069.  
  1070. <!------------------------------------------>
  1071. </div></div>
  1072. <!------------------------------------------>
  1073. </div>
  1074. <!------------------------------------------>
  1075. {/block:ifUpdateTabs}
  1076.  
  1077. <div id="sb">
  1078. <div id="sidebar">
  1079. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  1080. <div id="all">
  1081. {block:ifIcon}
  1082. <div id="iconimage"><img src="{image:icon}"></div>
  1083. {/block:ifIcon}
  1084. <div id="title">{Title}</div>
  1085.  
  1086. <div id="nav1">
  1087. <div id="navi">
  1088. <a href="javascript:unhide('displaybx');"><i class="fa fa-cogs" aria-hidden="true"></i> navigation</a>
  1089. <div id="displaybx" class="hidden">
  1090. <div id="navlinks">
  1091.  
  1092. <a href="/"><i class="fa fa-home" aria-hidden="true"></i> HOME</a>
  1093. <a href="/ask"><i class="fa fa-envelope" aria-hidden="true"></i> MESSAGE</a>
  1094. {block:IfShowLink1}<a href="{Text:Link 1 URL}"><i class="fa fa-diamond" aria-hidden="true"></i> {Text:Link 1 Title}</a>{/block:IfShowLink1}
  1095. {block:IfShowLink2}<a href="{Text:Link 2 URL}"><i class="fa fa-folder-open-o" aria-hidden="true"></i> {Text:Link 2 Title}</a>{/block:IfShowLink2}
  1096. {block:IfShowLink3}<a href="{Text:Link 3 URL}"><i class="fa fa-heart-o" aria-hidden="true"></i> {Text:Link 3 Title}</a>{/block:IfShowLink3}
  1097. {block:IfShowLink4}<a href="{Text:Link 4 URL}"><i class="fa fa-calendar" aria-hidden="true"></i> {Text:Link 4 Title}</a>{/block:IfShowLink4}
  1098.  
  1099. <!--------------------------->
  1100. </div></div>
  1101. </div></div>
  1102. </div>
  1103. <!--------------------------->
  1104.  
  1105. <div id="description">{Description}</div>
  1106.  
  1107. {block:Pagination}
  1108. <div id="pagination">
  1109. <span style="float:left">
  1110. {block:PreviousPage}<a href="{PreviousPage}">— BACK</a>{/block:PreviousPage}</span><span style="float:right">
  1111. {block:NextPage}<a href="{NextPage}">
  1112. FORTH —</a>{/block:NextPage}</span>
  1113. </div>{/block:Pagination}
  1114.  
  1115. <!--------------------------->
  1116. </div></div>
  1117. <!--------------------------->
  1118.  
  1119. <div id="entries"></br></br>
  1120.  
  1121. {block:TagPage}<div class="tpages"><i class="fa fa-tag"></i>&nbsp;Posts tagged <span style="color:{color:links}">#{Tag}</span></div>{/block:TagPage}
  1122.  
  1123. {block:Posts}<div id="post">
  1124.  
  1125. <div id="infbar">
  1126. <div id="tags">{block:HasTags}{block:Tags}<a href="{TagURL}"><i class="fa fa-tag" style="color:{color:tags}"></i> {Tag}</br></a>{/block:Tags}{/block:HasTags}</div>
  1127. </div>
  1128.  
  1129. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}</span>{/block:Text}
  1130.  
  1131. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  1132.  
  1133. {block:Photoset}
  1134. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  1135. {/block:Photoset}
  1136.  
  1137. {block:Quote}<div id="quote">"{Quote}"</div>{block:Source} <Br><div id="source">—{Source}</div>{/block:Source}{/block:Quote}
  1138.  
  1139. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  1140.  
  1141. {block:Chat}
  1142. {block:Title}
  1143. <h1>{Title}</h1>
  1144. {/block:Title}
  1145. <div class="chat">
  1146. <ol>{block:Lines}
  1147. <li class="line {Alt}">
  1148. {block:Label}
  1149. <span class="label">
  1150. {Label}</span>
  1151. {/block:Label}{Line}</li>
  1152. {/block:Lines}
  1153. </ol></div>
  1154. {/block:Chat}
  1155.  
  1156. {block:Audio}
  1157. <div id="allaudio">
  1158. <div id="audioplayer"><div id="audioplayerz">{AudioPlayerBlack}</div></div><br>
  1159. <div id="albumart">
  1160. {block:AlbumArt}<img src="{AlbumArtURL}" style="width:75px; height:75px;">{/block:AlbumArt} </div>
  1161. <div id="audiostuff"></br>
  1162. {block:TrackName}<b>{TrackName}</b><br>{/block:TrackName}
  1163. {block:Artist}{Artist}<br>{/block:Artist}
  1164. {block:Album}{Album}<br>{/block:Album}
  1165. {PlayCountWithLabel}</div></br></br></br></br></br></br></br>
  1166. {block:caption}<div id="caption">{Caption}</div>{/block:caption}
  1167. </div>
  1168. {/block:Audio}
  1169.  
  1170. {block:Video}<div class="video">{Video-500}</div>{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:Video}
  1171.  
  1172. {block:Answer}
  1173. <div id="allask">
  1174. <div id="askerportrait"><img src="{AskerPortraitURL-48}"></div>
  1175. <div id="asker">{asker}</div>
  1176. <div id="asktext">asked a question &nbsp;<i class="fa fa-comment-o" aria-hidden="true" style="font-weight:bold"></i></div></div>
  1177. <div id="question">{Question}</div>
  1178. <div id="answer">{Answer}</div>
  1179. {/block:Answer}</div>
  1180.  
  1181. <div id="postbottom">
  1182. {block:Date}[<a href="{Permalink}">{ShortMonth}&nbsp;{DayOfMonth}.{Year}]</a></span>&nbsp;
  1183. <a href="{ReblogURL}" target="_blank" class="details" title="reblog"><i class="fa fa-refresh" aria-hidden="true"></i></a>&nbsp;</span>{/block:Date}&nbsp;
  1184.  
  1185. {block:NoteCount}<a href="{Permalink}">{NoteCount} NOTES</a>&nbsp;{/block:NoteCount}
  1186.  
  1187. {block:RebloggedFrom}- <a href="{ReblogParentURL}">VIA</a> &nbsp;{block:ContentSource}/&nbsp; <a href="{SourceURL}">SRC</a></span> {/block:ContentSource} {/block:RebloggedFrom}</span></br>
  1188. </div>
  1189.  
  1190. {/block:Posts}<br><br><br><br>{block:PostNotes}{PostNotes}</div>{/block:PostNotes}</div>
  1191.  
  1192. <div class="credit"><a href="http://evilqueenedthemes.tumblr.com">© EVILQUEENED</a></div>
  1193.  
  1194. <!------------------------------------------------------------------------->
  1195.  
  1196. <script type="text/javascript" src="/path/to/js/pxuPhotoset.min.js"></script>
  1197. <script type="text/javascript">
  1198. $(document).ready(function() {
  1199. $('.photo-slideshow').pxuPhotoset({
  1200. lightbox: true,
  1201. rounded: false,
  1202. gutter: '10px',
  1203. photoset: '.photo-slideshow',
  1204. photoWrap: '.photo-data',
  1205. photo: '.pxu-photo',
  1206. }, function() {
  1207. // callback
  1208. });
  1209. });
  1210. </script>
  1211.  
  1212. <!-------------------------------------------------------------------------->
  1213.  
  1214. </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!