Advertisement
Guest User

Marithemes

a guest
Sep 14th, 2017
87
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.18 KB | None | 0 0
  1. <head>
  2.  
  3. <title>{Title}</title>
  4.  
  5. <script type="text/javascript"
  6. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  7. <script>
  8. $(document).ready(function() {
  9. //
  10. $('a.poplight[href^=#]').click(function() {
  11. var popID = $(this).attr('rel'); //Get Popup Name
  12. var popURL = $(this).attr('href'); //Get Popup href to define size
  13. var query= popURL.split('?');
  14. var dim= query[1].split('&');
  15. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  16. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  17. var popMargTop = ($('#' + popID).height() + 80) / 2;
  18. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  19. //Apply Margin to Popup
  20. $('#' + popID).css({
  21. 'margin-top' : -popMargTop,
  22. 'margin-left' : -popMargLeft
  23. });
  24. $('body').append('<div id="fade"></div>');
  25. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  26. return false;
  27. });
  28. $('a.close, #fade').live('click', function() {
  29. $('#fade , .popup_block').fadeOut(function() {
  30. $('#fade, a.close').remove(); //fade them both out
  31. });
  32. return false;
  33. });
  34. });
  35. </script>
  36.  
  37.  
  38. {F O N T S}
  39.  
  40. <meta name="font:Body" content="Helvetica" />
  41. <meta name="font:Link" content="Helvetica" />
  42.  
  43.  
  44. {T E X T}
  45.  
  46. <meta name="text:Blogtitle" content="Marithemes">
  47. <meta name="text:Subtitle" content="Add Subtitle">
  48.  
  49.  
  50. {C O L O R S}
  51.  
  52. <meta name="color:Body" content="#000" />
  53. <meta name="color:Sidebar" content="#000" />
  54. <meta name="color:Nav" content="#000" />
  55.  
  56. <meta name="color:Bold" content="#000" />
  57. <meta name="color:Italic" content="#000" />
  58. <meta name="color:Link" content="#000" />
  59. <meta name="color:Linkhover" content="#000" />
  60.  
  61. <meta name="color:Blogtitle" content="#000" />
  62. <meta name="color:Subtitle" content="#000" />
  63.  
  64. <meta name="color:Pagination" content="#000" />
  65.  
  66.  
  67. <meta name="color:Background" content="fff" />
  68. <meta name="color:Post Background" content="#fff" />
  69. <meta name="color:Sidebar Background" content="fff" />
  70.  
  71.  
  72. {I M A G E S}
  73.  
  74. <meta name="image:Background" content="" />
  75.  
  76.  
  77. {N A V I G A T I O N}
  78.  
  79. <meta name="text:Nav1" content="●" />
  80. <meta name="text:Nav1 URL" content="/" />
  81. <meta name="text:Nav2" content="●" />
  82. <meta name="text:Nav2 URL" content="/" />
  83. <meta name="text:Nav3" content="●" />
  84. <meta name="text:Nav3 URL" content="/" />
  85. <meta name="text:Nav4" content="●" />
  86. <meta name="text:Nav4 URL" content="/" />
  87. <meta name="text:Nav5" content="●" />
  88. <meta name="text:Nav5 URL" content="/" />
  89.  
  90. {D R A F T S}
  91.  
  92. <meta name="text:Drafts1" content="Link" />
  93. <meta name="text:Drafts1 URL" content="/" />
  94. <meta name="text:Drafts2" content="Link" />
  95. <meta name="text:Drafts2 URL" content="/" />
  96. <meta name="text:Drafts3" content="Link" />
  97. <meta name="text:Drafts3 URL" content="/" />
  98. <meta name="text:Drafts4" content="Link" />
  99. <meta name="text:Drafts4 URL" content="/" />
  100. <meta name="text:Drafts5" content="Link" />
  101. <meta name="text:Drafts5 URL" content="/" />
  102. <meta name="text:Drafts6" content="Link" />
  103. <meta name="text:Drafts6 URL" content="/" />
  104. <meta name="text:Drafts7" content="Link" />
  105. <meta name="text:Drafts7 URL" content="/" />
  106. <meta name="text:Drafts8" content="Link" />
  107. <meta name="text:Drafts8 URL" content="/" />
  108. <meta name="text:Drafts9" content="Link" />
  109. <meta name="text:Drafts9 URL" content="/" />
  110. <meta name="text:Drafts10" content="Link" />
  111. <meta name="text:Drafts10 URL" content="/" />
  112. <meta name="text:Drafts11" content="Link" />
  113. <meta name="text:Drafts11 URL" content="/" />
  114. <meta name="text:Drafts12" content="Link" />
  115. <meta name="text:Drafts12 URL" content="/" />
  116.  
  117.  
  118. {H O M E B U T T O N}
  119.  
  120. <meta name="text:Nav20" content="Home" />
  121. <meta name="text:Nav20 URL" content="/" />
  122.  
  123.  
  124. <style type="text/css">
  125.  
  126. ::-webkit-scrollbar {
  127. display: none; }
  128.  
  129. {G E N E R A L S E T T I N G S}
  130.  
  131. body {
  132. background-image: url('{image:Background}');
  133. background-color: {color:Background};
  134. background-attachment fixed;
  135. background-repeat: no-repeat;
  136. background-size: cover;
  137.  
  138. color: {color:body};
  139. font-size: 12px;
  140. font-family: {font:body};
  141. text-align: justify;
  142. }
  143.  
  144. a {
  145. color: {color:link};
  146. text-decoration: none;
  147. -webkit-transition: all 0.5s ease-in-out;
  148. -moz-transition: all 0.5s ease-in-out;
  149. -o-transition: all 0.5s ease-in-out;
  150. }
  151.  
  152. a:hover {
  153. color: {color:linkhover};
  154. }
  155.  
  156. b, strong {
  157. font-size: 14px;
  158. color: {color:bold};
  159. }
  160.  
  161. i, em {
  162. font-size: 14px;
  163. color: {color:italic};
  164. }
  165.  
  166. h1 {
  167. font-size: 14px;
  168. text-align: center;
  169. }
  170.  
  171. h2 {
  172. font-size: 16px;
  173. text-align: center;
  174. }
  175.  
  176. blockquote {
  177. border-left: 2px solid;
  178. border-color: #dadada;
  179.  
  180. padding:2px;
  181. padding-left:5px;
  182. margin-top: 3px;
  183.  
  184. text-align: justify;
  185. }
  186.  
  187. blockquote img {
  188. max-width: 100%;
  189. margin-bottom: 2px;
  190. }
  191.  
  192.  
  193. img {
  194. padding: 5px;
  195.  
  196. filter: gray; /* IE6-9 */
  197. -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  198. filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
  199. -webkit-transition: all 0.5s ease-in-out;
  200. -moz-transition: all 0.5s ease-in-out;
  201. -o-transition: all 0.5s ease-in-out;
  202. }
  203.  
  204.  
  205. img:hover {
  206. -webkit-filter: grayscale(0);
  207. filter: grayscale;
  208. -webkit-transition: all 0.5s ease-in-out;
  209. -moz-transition: all 0.5s ease-in-out;
  210. -o-transition: all 0.5s ease-in-out;}
  211.  
  212.  
  213. {T I T L E}
  214.  
  215. #titlebox {
  216. border: 1px solid;
  217. border-color: transparent;
  218.  
  219. position: fixed;
  220. padding: 5px;
  221.  
  222. margin-left: 100px;
  223. margin-top: 150px;
  224.  
  225. width: 200px;
  226. height: 120px;
  227. }
  228.  
  229.  
  230. #blogtitle {
  231. color: {color:blogtitle};
  232.  
  233. font-size: 26px;
  234. font-style: bold;
  235.  
  236. margin-right: 5px;
  237. }
  238.  
  239.  
  240. #subtitle {
  241. color: {color:subtitle};
  242.  
  243. font-size: 18px;
  244. font-style: italic;
  245.  
  246. margin-right: 5px;
  247. }
  248.  
  249.  
  250. {S I D E B A R}
  251.  
  252. #sidebar {
  253. border: 1px solid;
  254. border-color: #000;
  255.  
  256. overflow-x:hidden;
  257. overflow-y: auto;
  258.  
  259. position: fixed;
  260. margin-top: 220px;
  261. margin-left: 100px;
  262. width: 200px;
  263. height: 200px;
  264.  
  265. padding: 5px;
  266.  
  267. font-size: 12px;
  268. color: {color:sidebar};
  269. background-color: {color:sidebar background};
  270. opacity: 1;
  271. }
  272.  
  273.  
  274. {U P D A T E B O X}
  275.  
  276. #update {
  277. border: 1px solid;
  278. border-color: #000;
  279.  
  280. overflow-x:hidden;
  281. overflow-y: auto;
  282.  
  283. position: fixed;
  284. margin-top: 100px;
  285. margin-left: 1000px;
  286. width: 200px;
  287. height: 100px;
  288.  
  289. padding: 5px;
  290.  
  291. font-size: 12px;
  292. color: {color:sidebar};
  293. background-color: {color:sidebar background};
  294. opacity: 1;
  295. }
  296.  
  297. #update2 {
  298. border: 1px solid;
  299. border-color: #000;
  300.  
  301. overflow-x:hidden;
  302. overflow-y: auto;
  303.  
  304. position: fixed;
  305. margin-top: 250px;
  306. margin-left: 1000px;
  307. width: 200px;
  308. height: 100px;
  309.  
  310. padding: 5px;
  311.  
  312. font-size: 12px;
  313. color: {color:sidebar};
  314. background-color: {color:sidebar background};
  315. opacity: 1;
  316. }
  317.  
  318. #update3 {
  319. border: 1px solid;
  320. border-color: #000;
  321.  
  322. overflow-x:hidden;
  323. overflow-y: auto;
  324.  
  325. position: fixed;
  326. margin-top: 400px;
  327. margin-left: 1000px;
  328. width: 200px;
  329. height: 100px;
  330.  
  331. padding: 5px;
  332.  
  333. font-size: 12px;
  334. color: {color:sidebar};
  335. background-color: {color:sidebar background};
  336. opacity: 1;
  337. }
  338.  
  339.  
  340. {N A V I G A T I O N}
  341.  
  342. #nav {
  343. border: 1px solid;
  344. border-color: transparent;
  345.  
  346. position: fixed;
  347.  
  348. font-size: 14px;
  349. color: {color:nav};
  350.  
  351. top: 203px;
  352. left: 85px;
  353. width: auto;
  354. height: auto;
  355.  
  356. padding: 2px;
  357. margin-left: 5px;
  358. }
  359.  
  360. #nav2 {
  361. border: 1px solid;
  362. border-color: transparent;
  363.  
  364. position: fixed;
  365.  
  366. font-size: 14px;
  367. color: {color:nav};
  368.  
  369. top: 183px;
  370. left: 75px;
  371. width: auto;
  372. height: auto;
  373.  
  374. padding: 2px;
  375. margin-left: 5px;
  376. }
  377.  
  378. #nav3 {
  379. border: 1px solid;
  380. border-color: transparent;
  381.  
  382. position: fixed;
  383.  
  384. font-size: 14px;
  385. color: {color:nav};
  386.  
  387. top: 163px;
  388. left: 65px;
  389. width: auto;
  390. height: auto;
  391.  
  392. padding: 2px;
  393. margin-left: 5px;
  394. }
  395.  
  396. #nav4 {
  397. border: 1px solid;
  398. border-color: transparent;
  399.  
  400. position: fixed;
  401.  
  402. font-size: 14px;
  403. color: {color:nav};
  404.  
  405. top: 143px;
  406. left: 75px;
  407. width: auto;
  408. height: auto;
  409.  
  410. padding: 2px;
  411. margin-left: 5px;
  412. }
  413.  
  414. #nav5 {
  415. border: 1px solid;
  416. border-color: transparent;
  417.  
  418. position: fixed;
  419.  
  420. font-size: 14px;
  421. color: {color:nav};
  422.  
  423. top: 123px;
  424. left: 83px;
  425. width: auto;
  426. height: auto;
  427.  
  428. padding: 2px;
  429. margin-left: 5px;
  430. }
  431.  
  432.  
  433. {B A S E L I N K S}
  434.  
  435. #baselinks {
  436. border: 1px solid;
  437. border-color: transparent;
  438.  
  439. position: fixed;
  440.  
  441. font-size: 12px;
  442. color: {color:nav};
  443.  
  444. top: 441px;
  445. left: 155px;
  446. width: auto;
  447. height: auto;
  448.  
  449. padding: 2px;
  450. margin-left: 5px;
  451. }
  452.  
  453. {C O N T E N T}
  454.  
  455. #entries {
  456. border: 1px solid;
  457. border-color: #000;
  458.  
  459. overflow-x: hidden;
  460. overflow-y: auto;
  461.  
  462. padding: 5px;
  463.  
  464. position: fixed;
  465. margin-top: 100px;
  466. margin-left: 400px;
  467.  
  468. width: 500px;
  469. height: 400px;
  470. }
  471.  
  472.  
  473. #post {
  474. overflow-x: hidden;
  475. overflow-y: auto;
  476.  
  477. font-size: 12px;
  478. color: {color:body};
  479. background-color: {color:post background};
  480.  
  481. padding: 5px;
  482.  
  483. width: 490px;
  484. margin-bottom: 3px;
  485. }
  486.  
  487.  
  488. #info {
  489. border-top: 1px solid;
  490. border-color: #000;
  491.  
  492. font-size: 12px;
  493. color: {color:link};
  494.  
  495. padding: 2px;
  496.  
  497. width: 480px;
  498. }
  499.  
  500. {V A R I O U S}
  501.  
  502. #pagination {
  503. color: {color:pagination};
  504. font-size: 12px;
  505.  
  506. position: fixed;
  507.  
  508. margin-top: 456px;
  509. margin-left: 186px;
  510. }
  511.  
  512. #credit a{
  513. position:fixed;
  514.  
  515. right:3px;
  516. bottom:3px;
  517. padding:4px;
  518.  
  519. background: white;
  520. font-size:11px;
  521. color:black;
  522. -moz-transition-duration:1s;
  523. -webkit-transition-duration:1s;
  524. -o-transition-duration:1s;
  525. }
  526.  
  527. #credit a:hover {
  528. opacity:1;
  529. color:white;
  530. background:black;
  531. -moz-transition-duration:1s;
  532. -webkit-transition-duration:1s;
  533. -o-transition-duration:1s;
  534. }
  535.  
  536.  
  537. {P O P U P B O X}
  538.  
  539.  
  540. .popup_block{
  541. display:none;
  542. background:#fff;
  543. padding:20px;
  544. border:1px solid #eee; /* if you want a solid white pop-up, delete this */
  545. float:left;
  546. position:fixed;
  547. top:50%;left:50%;
  548. z-index: 99999;
  549. -webkit-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  550. -moz-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  551. box-shadow: 0px 0px 20px #000; /* delete for solid white */
  552. }
  553.  
  554. *html #fade {position: absolute;}
  555. *html .popup_block {position: absolute;}
  556. #fade {
  557. display:none;
  558. position:fixed;
  559. left:0px;
  560. top:0px;
  561. width:100%;
  562. height:100%;
  563. z-index:9999;
  564. background:#000; /* change to #fff for solid white */
  565. opacity:0.5; /* change to opacity:1; */
  566. }
  567.  
  568.  
  569.  
  570. </style>
  571. <style type="text/css">{CustomCSS}</style>
  572.  
  573. </head>
  574.  
  575. <body>
  576.  
  577.  
  578. {T I T L E}
  579.  
  580. <div id="titlebox">
  581.  
  582. <p class="center">
  583. <a href="/">
  584.  
  585. <div style="font-size:26px; text-align:left">
  586. <div id="blogtitle">{text:blogtitle}</font></div></a>
  587. <div id="subtitle">{text:subtitle}</p>
  588.  
  589. </div></div></div>
  590.  
  591.  
  592. {N A V I G A T I O N}
  593.  
  594. <div id="nav">
  595. <a href="{text:nav1 URL}" title="home">{text:nav1}</a></div>
  596. <div id="nav2">
  597. <a href="{text:nav2 URL}" title="home">{text:nav2}</a></div>
  598. <div id="nav3">
  599. <a href="{text:nav3 URL}" title="home">{text:nav3}</a></div>
  600. <div id="nav4">
  601. <a href="{text:nav4 URL}" title="home">{text:nav4}</a></div>
  602. <div id="nav5">
  603. <a href="{text:nav5 URL}" title="home">{text:nav5}</a></div>
  604.  
  605. </div>
  606.  
  607.  
  608. {B A S E L I N K S}
  609.  
  610. <div id="baselinks">
  611. <a href="{text:nav20 URL}" title="home">{text:nav20}</a>
  612. <a href="#?w=300" rel="box1" class="poplight">Ask</a>
  613. <a href="#?w=300" rel="box2" class="poplight">Credit</a>
  614. </div>
  615.  
  616.  
  617. {S I D E B A R}
  618.  
  619. <div id="sidebar">
  620. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.<br><br>
  621.  
  622. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.<br><br>
  623.  
  624. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
  625. </div>
  626.  
  627.  
  628. {U P D A T E}
  629.  
  630. <div id="update">
  631. <h1>Updates</h1><hr>
  632. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.<br><br>
  633.  
  634. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.<br><br>
  635. </div>
  636.  
  637. <div id="update2">
  638. <h1>Drafts</h1><hr>
  639. <center>
  640. <a href="{text:drafts1 URL}" title="home">{text:drafts1}</a>
  641. <a href="{text:drafts2 URL}" title="home">{text:drafts2}</a>
  642. <a href="{text:drafts3 URL}" title="home">{text:drafts3}</a>
  643. <a href="{text:drafts4 URL}" title="home">{text:drafts4}</a><br>
  644. <a href="{text:drafts5 URL}" title="home">{text:drafts5}</a>
  645. <a href="{text:drafts6 URL}" title="home">{text:drafts6}</a>
  646. <a href="{text:drafts7 URL}" title="home">{text:drafts7}</a>
  647. <a href="{text:drafts8 URL}" title="home">{text:drafts8}</a><br>
  648. <a href="{text:drafts9 URL}" title="home">{text:drafts9}</a>
  649. <a href="{text:drafts10 URL}" title="home">{text:drafts10}</a>
  650. <a href="{text:drafts11 URL}" title="home">{text:drafts11}</a>
  651. <a href="{text:drafts12 URL}" title="home">{text:drafts12}</a>
  652. </center>
  653.  
  654. </div>
  655.  
  656. <div id="update3">
  657. <h1>Rules to go</h1><hr>
  658. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.<br><br>
  659.  
  660. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
  661. </div>
  662.  
  663.  
  664. {C O N T E N T}
  665.  
  666. <div id="entries">
  667. {block:Posts}
  668.  
  669. <div id="post">
  670. {block:Text}
  671. <h1>{title}</h1>
  672. {Body}{/block:Text}
  673.  
  674. {block:Quote}<h2>“{Quote}” </h2>
  675. <div style="text-align:right; padding-bottom:5px;">— {Source}</div>{/block:Quote}
  676.  
  677. {block:Link}<a href="{URL}" class="link" {Target}> <h2>{Name}</h2></a>
  678. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  679.  
  680. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  681.  
  682. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  683.  
  684. {block:Chat}{block:Title}<h1>{Title}</h1><br>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  685.  
  686. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  687.  
  688. {block:Answer}
  689. <img src="{AskerPortraitURL-30}">
  690. {Asker} asked: {Question}<br>
  691. {Answer}{/block:Answer}
  692.  
  693. <div id="info">
  694. posted {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}
  695.  
  696. {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}{/block:NoteCount}{block:RebloggedFrom} (<a href="{ReblogParentURL}">via</a>{block:ContentSource} / <a href="{SourceURL}">source</a>{block:ContentSource}){/block:RebloggedFrom} <a href="{ReblogURL}" target="_blank" class="details">Reblog</a><br>
  697. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  698.  
  699. </div>
  700. {/block:Posts}
  701.  
  702. {block:PostNotes}{PostNotes}{/block:PostNotes}
  703.  
  704. </div>
  705.  
  706.  
  707. <div id="pagination"><center>
  708. {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}{block:NextPage} <a href="{NextPage}">forth</a>{/block:NextPage}</center>
  709. </div>
  710.  
  711. <div id="credit"><a href="http://marithemes.tumblr.com">MT</a></div>
  712. </body>
  713.  
  714.  
  715. {P O P U P B O X 01}
  716.  
  717. <div id="box1" class="popup_block">
  718. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/marithemes01.tumblr.com" width="100%"></iframe>
  719. </div>
  720.  
  721. {P O P U P B O X 02}
  722.  
  723. <div id="box2" class="popup_block">
  724. <center><h2>CREDIT</h2><br>
  725.  
  726. <strong>Base Theme | Code</strong>:<br> <a href="http://marithemes.tumblr.com">Marithemes</a><br><br>
  727. <strong>Pop-Up Code</strong>:<br> <a href="http://octomoosey.tumblr.com/post/127307622912/str-wrs-tutorial-pop-up-boxes-live-preview">Octomoosey</a>
  728. </center>
  729. </div>
  730.  
  731.  
  732. </head>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement