Advertisement
minimu

vectors

Jul 29th, 2015
1,658
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.82 KB | None | 0 0
  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. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <script type="text/javascript">
  9. //<![CDATA[
  10.  
  11. var tabLinks = new Array();
  12. var contentDivs = new Array();
  13.  
  14. function init() {
  15.  
  16. // Grab the tab links and content divs from the page
  17. var tabListItems = document.getElementById('tabs').childNodes;
  18. for ( var i = 0; i < tabListItems.length; i++ ) {
  19. if ( tabListItems[i].nodeName == "LI" ) {
  20. var tabLink = getFirstChildWithTagName( tabListItems[i], 'A' );
  21. var id = getHash( tabLink.getAttribute('href') );
  22. tabLinks[id] = tabLink;
  23. contentDivs[id] = document.getElementById( id );
  24. }
  25. }
  26.  
  27. // Assign onclick events to the tab links, and
  28. // highlight the first tab
  29. var i = 0;
  30.  
  31. for ( var id in tabLinks ) {
  32. tabLinks[id].onclick = showTab;
  33. tabLinks[id].onfocus = function() { this.blur() };
  34. if ( i == 0 ) tabLinks[id].className = 'selected';
  35. i++;
  36. }
  37.  
  38. // Hide all content divs except the first
  39. var i = 0;
  40.  
  41. for ( var id in contentDivs ) {
  42. if ( i != 0 ) contentDivs[id].className = 'tabContent hide';
  43. i++;
  44. }
  45. }
  46.  
  47. function showTab() {
  48. var selectedId = getHash( this.getAttribute('href') );
  49.  
  50. // Highlight the selected tab, and dim all others.
  51. // Also show the selected content div, and hide all others.
  52. for ( var id in contentDivs ) {
  53. if ( id == selectedId ) {
  54. tabLinks[id].className = 'selected';
  55. contentDivs[id].className = 'tabContent';
  56. } else {
  57. tabLinks[id].className = '';
  58. contentDivs[id].className = 'tabContent hide';
  59. }
  60. }
  61.  
  62. // Stop the browser following the link
  63. return false;
  64. }
  65.  
  66. function getFirstChildWithTagName( element, tagName ) {
  67. for ( var i = 0; i < element.childNodes.length; i++ ) {
  68. if ( element.childNodes[i].nodeName == tagName ) return element.childNodes[i];
  69. }
  70. }
  71.  
  72. function getHash( url ) {
  73. var hashPos = url.lastIndexOf ( '#' );
  74. return url.substring( hashPos + 1 );
  75. }
  76.  
  77. //]]>
  78. </script>
  79.  
  80. <!---jcgged.tumblr.com
  81. --->
  82.  
  83. <meta name="color:Background" content="#000000"/>
  84. <meta name="color:Text" content="#000000"/>
  85. <meta name="color:Scrollbar" content="#f3749c"/>
  86. <meta name="color:ScrollbarBg" content="#ffffff"/>
  87. <meta name="color:Links" content="#f3749c"/>
  88. <meta name="color:Sidebar Background" content="#f3f3f3"/>
  89. <meta name="color:Answer Background" content="#000000"/>
  90. <meta name="image:sidebar">
  91. <meta name="text:Muse 1 Link" content="" />
  92. <meta name="text:Muse 1 Name" content="" />
  93. <meta name="text:Muse 2 Link" content="" />
  94. <meta name="text:Muse 2 Name" content="" />
  95. <meta name="text:Muse 3 Link" content="" />
  96. <meta name="text:Muse 3 Name" content="" />
  97. <meta name="text:Muse 4 Link" content="" />
  98. <meta name="text:Muse 4 Name" content="" />
  99. <meta name="text:Muse 1 Quote" content="" />
  100. <meta name="text:Muse 2 Quote" content="" />
  101. <meta name="text:Muse 3 Quote" content="" />
  102. <meta name="text:Muse 4 Quote" content="" />
  103. <meta name="text:Link 1 URL" content="" />
  104. <meta name="text:Link 2 URL" content="" />
  105. <meta name="text:Link 3 URL" content="" />
  106. <meta name="text:Link 4 URL" content="" />
  107.  
  108.  
  109. <style type="text/css">
  110.  
  111. ::-webkit-scrollbar-thumb {
  112. height:auto;
  113. background-color:{color:Scrollbar};
  114. }
  115.  
  116. ::-webkit-scrollbar {
  117. height:9px;
  118. width:2px;
  119. background-color:{color:ScrollbarBg};
  120. }
  121.  
  122. body {
  123. background-color:{color:background};
  124. text-shadow:1px 1px #a0a0a0;
  125. margin:0px;
  126. color:{color:text};
  127. font-family:arial;
  128. font-size:10px;
  129. line-height:150%;
  130. text-align:justify;
  131. }
  132.  
  133.  
  134. a {
  135. text-shadow:1px 1px #a0a0a0;
  136. text-decoration:none;
  137. outline:none;
  138. word-wrap:break-word;
  139. -moz-outline-style:none;
  140. color:{color:Links};
  141. }
  142.  
  143. img {
  144. border:none;
  145. }
  146.  
  147. blockquote {
  148. padding-left:5px;
  149. margin-left:5px;
  150. border-left:1px solid #bababa;
  151. }
  152.  
  153.  
  154.  
  155. a:hover {
  156. color:#000000;
  157. -moz-transition-duration:0.3s;
  158. -webkit-transition-duration:0.3s;
  159. -o-transition-duration:0.3s;
  160. }
  161.  
  162. sub,sup, small {font-size:10px;}
  163.  
  164. b,i{color:{color:links};
  165. }
  166.  
  167. h1,h2{
  168. font-size:12px;
  169. text-shadow:1px 1px #a0a0a0;
  170. font-weight:bold;
  171. font-family:arial;
  172. text-transform:uppercase;
  173. color:black;
  174. text-align:center;
  175. border:solid 1px #e7e7e7;
  176. line-height:110%;
  177. padding:10px;
  178. font-style: bold}
  179.  
  180. #background{
  181. position:fixed;
  182. right:0px;
  183. }
  184.  
  185. /*ENTRIES*/
  186. #post {
  187. width:400px;
  188. z-index:99;
  189. background-color:{color:sidebar background};
  190. border:solid 1px #eee;
  191. margin-left:3px;
  192. color:{color:text};
  193. margin-bottom:10px;
  194. padding:25px;
  195. margin-top:0px;
  196. }
  197.  
  198. #post:hover .tags{opacity:1;
  199. margin-top:-5px;
  200. margin-left:0px;
  201. }
  202. /*SIDEBAR*/
  203.  
  204. #description{height:100px;
  205. padding:5px;
  206. font-size:10px;
  207. margin-top:10px;
  208. overflow:auto;}
  209.  
  210. #title {
  211. text-align:center;
  212. top:5px;
  213. font-family:'arial';
  214. font-size:9px;
  215. font-weight:bold;
  216. padding:5px;
  217. position:relative;
  218. padding-bottom:5px;
  219. margin-bottom:10px;
  220. text-transform:uppercase;
  221. color:{color:Text};
  222. }
  223.  
  224.  
  225. #rightsidebar { width:100px;
  226. background-color:{color:sidebar background};
  227. margin-left:270px;
  228. margin-top:0px;
  229. padding:10px;
  230. position:fixed;
  231. color:black;
  232. border:solid 1px #d1d1d1;
  233. height:390px;}
  234.  
  235. /*tabs*/
  236.  
  237. ul#tabs { list-style-type: none; margin: -15px 0 0 0; padding: 0 0 0.3em 0;margin-left:420px; position:fixed;text-transform:uppercase;}
  238. ul#tabs li { display: inline; background-color: {color:info background};}
  239. ul#tabs li a { color: #42454a; background-color: {color:info background}; border: 1px solid #c9c3ba; border-bottom: none; padding: 0.3em; text-decoration: none; }
  240. ul#tabs li a:hover { background-color: #f1f0ee; }
  241. ul#tabs li a.selected { color: #000; background-color: {color:links}; font-weight: bold; }
  242. div.tabContent { border: 1px solid #c9c3ba; padding: 0.5em; background-color: {color:info background}; width:460px;height:400px;margin-left:420px;
  243. overflow-y:auto;margin-top:145px;position:relative;}
  244. div.tabContent.hide { display: none; }
  245.  
  246. /*LINKS*/
  247. #links{font-size:9px;
  248. letter-spacing:2px;
  249. background-color:#e7e7e7;
  250. border:solid 1px #d1d1d1;
  251. color:white;
  252. text-shadow:1px 1px #a0a0a0;
  253. z-index:99;
  254. margin-left:390px;
  255. height:406px;
  256. position:fixed;
  257. width:25px;
  258. text-transform:uppercase;
  259. font-family:arial;
  260. line-height:20px;
  261. text-align:center;
  262. font-weight:bold;
  263. padding:2px;
  264. -moz-transition-duration:0.3s;
  265. -webkit-transition-duration:0.3s;
  266. -o-transition-duration:0.3s;
  267. text-align:center;
  268. }
  269.  
  270.  
  271. #links a:hover {
  272. -moz-transition-duration:0.5s;
  273. -webkit-transition-duration:0.5s;
  274. -o-transition-duration:0.5s;
  275. letter-spacing:1px;
  276. }
  277.  
  278. #links a{margin-right:5px;
  279. width:20px;
  280. margin-top:5px;
  281. color:white;
  282. font-size:7px;
  283. padding:2px;
  284. padding-top:60px;
  285. display:inline-block;
  286. -moz-transition-duration:0.3s;
  287. -webkit-transition-duration:0.3s;
  288. -o-transition-duration:0.3s;
  289. }
  290.  
  291. /*CHAT POSTS*/
  292. #chat{ padding:2px;
  293. margin-left:50px;
  294. border:solid 1px {color:info background};
  295. margin-top:-1px;
  296. }
  297.  
  298. /*muses*/
  299. #squarething {
  300. width:100px;
  301. height:100px;
  302. background-color:#fff;
  303. padding:10px;
  304. }
  305. }
  306.  
  307. #character {
  308. width:100px;
  309. height:20px;
  310. margin-top:0px;
  311. margin-left:60px;
  312. }
  313.  
  314. #character img {
  315. width:100px;
  316. z-index:99;
  317. height:100px;
  318. padding:2px;
  319. margin-top:0px;
  320. margin-left:0px;
  321. }
  322.  
  323.  
  324. #infos {
  325. padding:5px;
  326. opacity:0;
  327. z-index:9999;
  328. overflow:auto;
  329. margin-left:-10px;
  330. margin-top:-110px;
  331. width:108px;
  332. height:108px;
  333. font-family:arial;
  334. color:black;
  335. -moz-transition-duration:0.3s;
  336. -webkit-transition-duration:0.3s;
  337. -o-transition-duration:0.3s;
  338. font-size:9px;
  339. background:{color:sidebar background};
  340. text-align:justify;
  341. color:#fff;
  342. }
  343.  
  344. #squarething:hover #infos {
  345. opacity:0.95;
  346. color:black;
  347. -moz-transition-duration:0.3s;
  348. -webkit-transition-duration:0.3s;
  349. -o-transition-duration:0.3s;
  350. }
  351.  
  352. header {background-color:{color:links};
  353. font-size:8px;
  354. padding:2px;
  355. font-weight:bold;
  356. text-align:center;
  357. border:solid 1px black;
  358. letter-spacing:2px;}
  359.  
  360. header a{color:black;}
  361.  
  362. /*POST INFO*/
  363.  
  364. #info {
  365. text-align:center;
  366. padding:5px;
  367. margin-top:-15px;
  368. border:solid 1px {color:links};
  369. background-color:black;
  370. font-family:'arial';
  371. color:black;
  372. font-size:8px;
  373. letter-spacing:2px;
  374. text-transform:uppercase;
  375. font-style:none;
  376. word-wrap:break-word;
  377. line-height:7px;
  378. font-weight:bold;
  379. }
  380.  
  381.  
  382. .tags {text-transform:none;
  383. color:{color:postbg};
  384. width:400px;
  385. opacity:0;
  386. word-wrap:break-word;
  387. margin-top:-20px;
  388. height:2px;
  389. margin-left:0px;
  390. font-size:8px;
  391. margin-bottom:5px;
  392. letter-spacing:1px;
  393. text-align:justify;
  394. -moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;}
  395.  
  396. .tags a {
  397. letter-spacing:0px;
  398. padding:2px;
  399. word-wrap:break-word;
  400. font-size:9px;
  401. text-align:center;
  402. font-family:'arial';
  403. text-decoration:none;
  404. color:black;
  405. }
  406.  
  407. #player {
  408. height:25px;
  409. width:30px;
  410. border-right:185px solid white;
  411. border-left:185px solid white;
  412. overflow:hidden;
  413. }
  414.  
  415. /*QUESTION*/
  416.  
  417. #asker {
  418. color:white;
  419. padding:15px;
  420. font-family:'arial';
  421. font-size:9px;
  422. letter-spacing:0px;
  423. text-align:right;
  424. margin-top:5px;
  425. text-transform:lowercase;
  426. line-height:100%;
  427. background-color:{color:Answer background};
  428. }
  429.  
  430. #asker a{color:{color:postbg};}
  431.  
  432. #url{color:{color:text};
  433. padding:4px;
  434. font-family:'arial';
  435. font-size:12px;
  436. font-weight:bold;
  437. text-align:left;
  438. margin-top:0px;
  439. text-transform:lowercase;
  440. line-height:100%;
  441. border:solid 1px {color:links};
  442. }
  443.  
  444. #url a{color:{color:Background}}
  445.  
  446. /*CREDIT*/
  447.  
  448. #cred {
  449. position:fixed;
  450. font-family:consolas;
  451. font-size:8px;
  452. right:9px;
  453. bottom:9px;
  454. padding:4px;
  455. letter-spacing:1px;
  456. }
  457.  
  458. {CustomCSS}</style></head><body>
  459. <div id="rightsidebar">
  460. <img src="{image:sidebar}" style="border:solid 1px white"><div id="description">{description}</div>
  461. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
  462. {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
  463. {/block:Pagination}
  464. </div>
  465.  
  466. </div>
  467. <div id="links">
  468. <a href="{text:Link 1 URL}"><span>I</a></span>
  469. <a href="{text:Link 2 URL}"><span>II</a></span>
  470. <a href="{text:Link 3 URL}"><span>III</a></span>
  471. <a href="{text:Link 4 URL}"><span>IV</a></span>
  472.  
  473. </div>
  474.  
  475. </div>
  476.  
  477. <body onload="init()">
  478. <ul id="tabs">
  479. <li><a href="#about">{title}</a></li>
  480. <li><a href="#advantages">muses</a></li>
  481. </ul>
  482.  
  483. <div class="tabContent" id="about">
  484.  
  485. {block:Posts}
  486.  
  487. <div id="post">
  488. <div id="info">
  489. <div id="permalink">
  490. <a href="{Permalink}">{DayOfMonthWithZero}.{ShortMonth}.{ShortYear}</a>
  491. <a href="{SourceURL}">©</a> <a href="{Permalink}">{NoteCountWithLabel}</a>
  492. </a></div></div>
  493. {block:Text}
  494. {block:Title}<h1>{Title}</h1>{/block:Title}
  495. {Body}{/block:Text}
  496. {block:Photo}<br>{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}
  497. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  498.  
  499. {block:Photoset}<br>{Photoset-400}{block:Caption}{Caption}
  500. {/block:Caption}{/block:Photoset}
  501.  
  502. {block:Quote}<h1>"{Quote}"</h1>
  503. {/block:Source}{/block:Quote}
  504.  
  505. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  506.  
  507. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}<div id="chat">{block:Label}<b>{Label}</b>{/block:Label} {Line}<br></div>{/block:Lines}{/block:Chat}
  508.  
  509. {block:Audio}
  510. <div id= "player">{AudioPlayerWhite}</div>
  511. {/block:Audio}
  512.  
  513. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}</center>{/block:Video}
  514.  
  515. {block:Answer}<div id="asker">{Question}</div> <div id="url">{Asker}</div>{Answer}{/block:Answer}
  516.  
  517.  
  518. {block:HasTags}<div class="tags">
  519. {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div>
  520. {block:PostNotes}{PostNotes} {block:NoteCount} {/block:NoteCount}{/block:PostNotes}
  521. {/block:Posts}</div>
  522. </div>
  523. </div>
  524. </div>
  525.  
  526. <div class="tabContent" id="advantages">
  527. <div id="post"><table id="all" border="0" cellpadding="5" cellspacing="1">
  528. <!--first column-->
  529. <td><div id="squarething">
  530. <img width="100px" src="https://40.media.tumblr.com/12f859d3d668dc3a3600dbb3bdeab337/tumblr_inline_ns9k5mBKoI1t5qtw9_540.png" >
  531. <div id="character">
  532. <div id="infos">
  533. <header><a href="hey">NAME</a></header><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam venenatis, elit sed pharetra adipiscing, sem elit vehicula urna, nec ornare tellus turpis tempor erat. Nulla semper varius egestas. Curabitur commodo neque in tempus accumsan. Curabitur sapien dolor, lobortis vitae justo . </div>
  534. </div></div></td>
  535.  
  536. <td><div id="squarething">
  537. <img width="100px" src="https://40.media.tumblr.com/12f859d3d668dc3a3600dbb3bdeab337/tumblr_inline_ns9k5mBKoI1t5qtw9_540.png" >
  538. <div id="character">
  539. <div id="infos">
  540. <header><a href="hey">NAME</a></header><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam venenatis, elit sed pharetra adipiscing, sem elit vehicula urna, nec ornare tellus turpis tempor erat. Nulla semper varius egestas. Curabitur commodo neque in tempus accumsan. Curabitur sapien dolor, lobortis vitae justo . </div>
  541. </div></div></td>
  542.  
  543. <td><div id="squarething">
  544. <img width="100px" src="https://40.media.tumblr.com/12f859d3d668dc3a3600dbb3bdeab337/tumblr_inline_ns9k5mBKoI1t5qtw9_540.png" >
  545. <div id="character">
  546. <div id="infos">
  547. <header><a href="hey">NAME</a></header><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam venenatis, elit sed pharetra adipiscing, sem elit vehicula urna, nec ornare tellus turpis tempor erat. Nulla semper varius egestas. Curabitur commodo neque in tempus accumsan. Curabitur sapien dolor, lobortis vitae justo . </div>
  548. </div></div></td>
  549.  
  550. <!--second column-->
  551. <tr>
  552. <td><div id="squarething">
  553. <img width="100px" src="https://40.media.tumblr.com/12f859d3d668dc3a3600dbb3bdeab337/tumblr_inline_ns9k5mBKoI1t5qtw9_540.png" >
  554. <div id="character">
  555. <div id="infos">
  556. <header><a href="hey">NAME</a></header><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam venenatis, elit sed pharetra adipiscing, sem elit vehicula urna, nec ornare tellus turpis tempor erat. Nulla semper varius egestas. Curabitur commodo neque in tempus accumsan. Curabitur sapien dolor, lobortis vitae justo . </div>
  557. </div></div></td>
  558.  
  559. <td><div id="squarething">
  560. <img width="100px" src="https://40.media.tumblr.com/12f859d3d668dc3a3600dbb3bdeab337/tumblr_inline_ns9k5mBKoI1t5qtw9_540.png" >
  561. <div id="character">
  562. <div id="infos">
  563. <header><a href="hey">NAME</a></header><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam venenatis, elit sed pharetra adipiscing, sem elit vehicula urna, nec ornare tellus turpis tempor erat. Nulla semper varius egestas. Curabitur commodo neque in tempus accumsan. Curabitur sapien dolor, lobortis vitae justo . </div>
  564. </div></div></td>
  565.  
  566. <td><div id="squarething">
  567. <img width="100px" src="https://40.media.tumblr.com/12f859d3d668dc3a3600dbb3bdeab337/tumblr_inline_ns9k5mBKoI1t5qtw9_540.png" >
  568. <div id="character">
  569. <div id="infos">
  570. <header><a href="hey">NAME</a></header><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam venenatis, elit sed pharetra adipiscing, sem elit vehicula urna, nec ornare tellus turpis tempor erat. Nulla semper varius egestas. Curabitur commodo neque in tempus accumsan. Curabitur sapien dolor, lobortis vitae justo . </div>
  571. </div></div></td>
  572.  
  573. <!--for another row, copy from here-->
  574. <tr>
  575. <td><div id="squarething">
  576. <img width="100px" src="https://40.media.tumblr.com/12f859d3d668dc3a3600dbb3bdeab337/tumblr_inline_ns9k5mBKoI1t5qtw9_540.png" >
  577. <div id="character">
  578. <div id="infos">
  579. <header><a href="hey">NAME</a></header><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam venenatis, elit sed pharetra adipiscing, sem elit vehicula urna, nec ornare tellus turpis tempor erat. Nulla semper varius egestas. Curabitur commodo neque in tempus accumsan. Curabitur sapien dolor, lobortis vitae justo . </div>
  580. </div></div></td>
  581.  
  582. <td><div id="squarething">
  583. <img width="100px" src="https://40.media.tumblr.com/12f859d3d668dc3a3600dbb3bdeab337/tumblr_inline_ns9k5mBKoI1t5qtw9_540.png" >
  584. <div id="character">
  585. <div id="infos">
  586. <header><a href="hey">NAME</a></header><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam venenatis, elit sed pharetra adipiscing, sem elit vehicula urna, nec ornare tellus turpis tempor erat. Nulla semper varius egestas. Curabitur commodo neque in tempus accumsan. Curabitur sapien dolor, lobortis vitae justo . </div>
  587. </div></div></td>
  588.  
  589. <td><div id="squarething">
  590. <img width="100px" src="https://40.media.tumblr.com/12f859d3d668dc3a3600dbb3bdeab337/tumblr_inline_ns9k5mBKoI1t5qtw9_540.png" >
  591. <div id="character">
  592. <div id="infos">
  593. <header><a href="hey">NAME</a></header><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam venenatis, elit sed pharetra adipiscing, sem elit vehicula urna, nec ornare tellus turpis tempor erat. Nulla semper varius egestas. Curabitur commodo neque in tempus accumsan. Curabitur sapien dolor, lobortis vitae justo . </div>
  594. </div></div></td>
  595.  
  596. <!--to here-->
  597. </table></div>
  598. </div>
  599. </div>
  600. </div>
  601.  
  602. </div></div>
  603.  
  604.  
  605.  
  606. <div id="cred">
  607. <a href="http://jcgged.tumblr.com/">CR</a>
  608. </div>
  609. </div>
  610. </body>
  611. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement