Advertisement
kawaiibuu

google chrome theme

Feb 2nd, 2014
14,398
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.07 KB | None | 0 0
  1. <!--
  2. _____________________
  3. | _________________ |
  4. | |GOOGLE CHROME THM| |
  5. | |_________________| |
  6. | ___ ___ ___ ___ |
  7. | | 7 | 8 | 9 | | + | |
  8. | |___|___|___| |___| |
  9. | | 4 | 5 | 6 | | - | |
  10. | |___|___|___| |___| |
  11. | | 1 | 2 | 3 | | x | |
  12. | |___|___|___| |___| |
  13. | | . | 0 | = | | / | |
  14. | |___|___|___| |___| |
  15. |_____________________|
  16. by meancutie @
  17. http://jubileethemes.tumblr.com
  18. do not take parts or the code or remove credit
  19. -->
  20. <head>
  21.  
  22.  
  23. <link rel="icon" href="{Favicon}"/>
  24. <title>{Title}</title>
  25.  
  26. <meta name="color:background" content="#a0a0a0" />
  27. <meta name="color:window backg" content="#dbd9d9" />
  28. <meta name="color:screen backg" content="#bdbdbd" />
  29. <meta name="color:post backg" content="#d0d0d0" />
  30. <meta name="color:post inner" content="#f2f2f2" />
  31. <meta name="color:links" content="#000000" />
  32. <meta name="color:link button backg" content="#e9e9e9" />
  33. <meta name="color:text" content="#000000" />
  34. <meta name="color:tab backg" content="#ccccce" />
  35. <meta name="color:tab text" content="#000000" />
  36. <meta name="color:border" content="#E9E9E9" />
  37. <meta name="color:post border" content="#000000" />
  38. <meta name="color:scrollbar thumb" content="#f0f0f0" />
  39. <meta name="color:x border" content="#f7b7b7" />
  40. <meta name="color:x button" content="#ffffff" />
  41. <meta name="color:x button background" content="#f7b7b7" />
  42.  
  43. <meta name="if:minisidebar image" content=""/>
  44. <meta name="if:show tags" content="1"/> <meta name="if:show captions" content="1"/>
  45. <meta name="if:backg photo hover" content="0"/>
  46. <meta name="if:inner photo hover" content="0"/>
  47. <meta name="if:fullscreen hover photo" content="0"/>
  48. <meta name="if:fullscreen background" content="0"/>
  49.  
  50.  
  51. <meta name="image:cursor" content="http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png"/>
  52. <meta name="image:link cursor" content="http://static.tumblr.com/mqkrxog/tUDn034rx/curosr.png"/>
  53. <meta name="image:minisidebar" content="" />
  54. <meta name="image:post favicon" content="" />
  55. <meta name="image:post backg" content="" />
  56. <meta name="image:screen backg" content="" />
  57. <meta name="image:window backg" content="" />
  58. <meta name="image:window favicon" content="" />
  59. <meta name="image:background" content="" />
  60.  
  61. <meta name="text:border radius" content="0"/>
  62. <meta name="text:post tab title" content="entries"/>
  63. <meta name="text:search bar button" content="✰"/>
  64. <meta name="text:search bar ender" content=".com"/>
  65. <meta name="text:search bar ender2" content="/information"/>
  66. <meta name="text:message tab title" content="email"/>
  67. <meta name="text:message tab content" content="FAQ, descriptions, etc"/>
  68.  
  69.  
  70. <meta name="text:tab 2 content" content=""/>
  71. <meta name="text:tab 2 title" content=""/>
  72. <meta name="text:tab 3 content" content=""/>
  73. <meta name="text:tab 3 title" content=""/>
  74.  
  75.  
  76.  
  77. <meta name="text:dropbox title" content="links"/>
  78. <meta name="text:link 1 title" content="link title"/>
  79. <meta name="text:link 2 title" content=""/>
  80. <meta name="text:link 3 title" content=""/>
  81. <meta name="text:link 4 title" content=""/>
  82.  
  83. <meta name="text:link 1 url" content=""/>
  84. <meta name="text:link 2 url" content=""/>
  85. <meta name="text:link 3 url" content=""/>
  86. <meta name="text:link 4 url" content=""/>
  87.  
  88.  
  89.  
  90. <meta name="select:post width" content="250" title="250"/>
  91. <meta name="select:post width" content="400" title="400"/>
  92.  
  93. <script type="text/javascript">
  94. function unhide(divID) {
  95. var item = document.getElementById(divID);
  96. if (item) {
  97. item.className=(item.className=='hidden')?'unhidden':'hidden';
  98. }
  99. }
  100. </script>
  101.  
  102.  
  103.  
  104.  
  105.  
  106. <style type="text/css">
  107.  
  108. body{
  109. cursor:url('{image:cursor}'), progress !important;
  110. margin:0px;
  111. padding:0px;
  112. margin-top:0px;
  113. margin-bottom:0px;
  114.  
  115. font-family:consolas; letter-spacing: 1px;
  116. font-size:10px;
  117. color:{color:text};
  118. background:{color:background} url('{image:background}')top left fixed repeat; {block:iffullscreenbackground}background-size: cover; {/block:iffullscreenbackground}}
  119. small {
  120. font-size: 9px; text-transform: uppercase;
  121. }
  122. ::selection { background: {color:x button background}; } ::-moz-selection { background: {color:x button background}; } ::-webkit-selection { background: {color:x button background}; }
  123. #holder {
  124. border: 1px solid {color:border}; width: 652px; padding: 25px 5px 5px 5px; margin: 0px auto;
  125. background: {color:tab backg} url({image:window backg})top left fixed repeat;
  126. -webkit-border-radius: {text:border radius}px;
  127. -moz-border-radius: {text:border radius}px;
  128. border-radius: {text:border radius}px;
  129. }
  130. #margin {
  131. padding-top: 75px;
  132. }
  133. a { cursor:url('{image:link cursor}'), progress !important;
  134. text-decoration: none; color: {color:links};
  135. }
  136. ::-webkit-scrollbar {
  137. -webkit-appearance: none; background: {color:screen backg} url({image:screen backg})top left fixed repeat;
  138. width: 10px;
  139. border: 5px solid {color:screen backg};
  140.  
  141. }
  142. ::-webkit-scrollbar-track {
  143. border: 5px solid {color:screen backg};
  144. }
  145. ::-webkit-scrollbar-thumb {
  146. border: 1px solid {color:screen backg};
  147. border-radius: 3px;
  148. background-color: {color:scrollbar thumb};
  149. -webkit-box-shadow: inset 0px 0px 1px 1px rgba(50, 50, 50, 0.3);
  150. -moz-box-shadow: inset 0px 0px 1px 1px rgba(50, 50, 50, 0.3);
  151. box-shadow: inset 0px 0px 1px 1px rgba(50, 50, 50, 0.3);
  152. }
  153.  
  154. ::-webkit-scrollbar:horizontal {
  155. -webkit-appearance: none; background-color: {color:scrollbar};
  156. height: 0px;
  157. }
  158. #posts {
  159. border: 1px solid {color:border}; width: 620px; height: 480px; overflow-y: scroll; padding-left: 30px;
  160. background: {color:screen backg} url({image:screen backg})top left fixed repeat; {block:iffullscreenhoverphoto}background-size: 100% 100%; {/block:iffullscreenhoverphoto}
  161.  
  162. -webkit-transition: all 1s ease-in-out;
  163. -moz-transition: all 1s ease-in-out;
  164. -ms-transition: all 1s ease-in-out;
  165. -o-transition: all 1s ease-in-out;
  166. transition: all 1s ease-in-out;
  167. }
  168. .post {
  169. margin: 15px auto; width: {select:post width}px;
  170. border: 1px solid {color:post border}; padding: 5px;
  171. background: {color:post backg} url({image:post backg})top left fixed repeat; {block:indexpage}padding-top: 0px;{/block:indexpage}
  172. -webkit-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.25);
  173. -moz-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.25);
  174. box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.25);
  175. -webkit-border-radius: {text:border radius}px;
  176. -moz-border-radius: {text:border radius}px;
  177. border-radius: {text:border radius}px;
  178. }
  179. .post img {
  180. max-width: 100%;
  181. -webkit-border-radius: {text:border radius}px;
  182. -moz-border-radius: {text:border radius}px;
  183. border-radius: {text:border radius}px;
  184. }
  185. .poststyle { overflow: hidden;
  186. padding: 5px; border: 1px solid {color:post border};
  187. background: {color:post inner};
  188. text-align: center;
  189. -webkit-border-radius: {text:border radius}px;
  190. -moz-border-radius: {text:border radius}px;
  191. border-radius: {text:border radius}px;
  192.  
  193. }
  194. i {
  195. font-style:normal; letter-spacing: 2px; text-transform: uppercase; font-size: 8px;
  196. }
  197. .cred {
  198. position: absolute; text-align: center; opacity: 0.2;
  199. width: 650px; text-transform: uppercase; font-size: 10px;
  200. margin-top: 8px; text-shadow: 0px 1px 0px rgba(50, 50, 50, 0.8);
  201. }
  202. .tabs { background: {color:tab backg} ;
  203. border: 1px solid {color:border};
  204. border-bottom: transparent;
  205. text-transform: capitalize;
  206. padding: 2px;
  207. height: 29px; color: {color:tab text};
  208. width: 646px;
  209. }
  210.  
  211. .tabs a {
  212. color: {color:tab text};
  213. }
  214. .rotate img:hover {
  215. transform:rotate(360deg);
  216. -ms-transform:rotate(360deg); /* IE 9 */
  217. -webkit-transform:rotate(360deg);
  218. -webkit-transition: all 0.6s ease-in-out;
  219. -moz-transition: all 0.6s ease-in-out;
  220. -ms-transition: all 0.6s ease-in-out;
  221. -o-transition: all 0.6s ease-in-out;
  222. transition: all 0.6s ease-in-out;
  223. }
  224.  
  225.  
  226.  
  227. #tab1 {
  228. width: 85px;height: 12px;
  229. border: 1px solid {color:border}; position:absolute;
  230. border-bottom: transparent;overflow:hidden;
  231. margin-top: -25px;
  232. margin-left: 39px; white-space: nowrap;
  233. z-index: 9999999999999999999999999999999999;
  234. padding: 5px 8px 5px 8px;
  235. -webkit-border-top-left-radius: 4px;
  236. -webkit-border-top-right-radius: 4px;
  237. -moz-border-radius-topleft: 4px;
  238. -moz-border-radius-topright: 4px;
  239. border-top-left-radius: 4px;
  240. border-top-right-radius: 4px;
  241. background: {color:tab backg};
  242. }
  243.  
  244. .slidee {
  245. border: 1px solid {color:border}; position:absolute;
  246. border-bottom: transparent;
  247.  
  248. margin-left: 29px;
  249. z-index: 9999999999999999999999999999999999;
  250. padding: 5px 8px 5px 8px;
  251. -webkit-border-top-left-radius: 4px;
  252. -webkit-border-top-right-radius: 4px;
  253. -moz-border-radius-topleft: 4px;
  254. -moz-border-radius-topright: 4px;
  255. border-top-left-radius: 4px;
  256. border-top-right-radius: 4px;
  257. background: {color:window backg};
  258. }
  259. .hidden {display: none;} .unhidden {display: block;}
  260. #tab2 { border: 1px solid {color:border};
  261. position:absolute; margin-top: -25px; margin-left: 141px; width: 85px;height: 12px; white-space: nowrap;
  262. z-index: 99999;
  263. overflow:hidden;
  264. padding: 5px 8px 4px 8px;
  265. -webkit-border-top-left-radius: 4px;
  266. -webkit-border-top-right-radius: 4px;
  267. -moz-border-radius-topleft: 4px;
  268. -moz-border-radius-topright: 4px;
  269. border-top-left-radius: 4px;
  270. border-top-right-radius: 4px;
  271. background: {color:tab backg} ;
  272. -webkit-transition: background 5s ease-in-out;
  273. -moz-transition: background 5s ease-in-out;
  274. -ms-transition: background 5s ease-in-out;
  275. -o-transition: background 5s ease-in-out;
  276. transition: background 5s ease-in-out;
  277. }
  278. .search {
  279. margin-left: 95px;
  280. }
  281. #tab3 { border: 1px solid {color:border};
  282. position:absolute; margin-top: -25px; margin-left: 243px; width: 85px;overflow:hidden; word-break:break-all;
  283. z-index: 99;height: 12px; white-space: nowrap;
  284. padding: 5px 8px 4px 8px;
  285. -webkit-border-top-left-radius: 4px;
  286. -webkit-border-top-right-radius: 4px;
  287. -moz-border-radius-topleft: 4px;
  288. -moz-border-radius-topright: 4px;
  289. border-top-left-radius: 4px;
  290. border-top-right-radius: 4px;
  291. background: {color:tab backg} ;
  292. -webkit-transition: background 5s ease-in-out;
  293. -moz-transition: background 5s ease-in-out;
  294. -ms-transition: background 5s ease-in-out;
  295. -o-transition: background 5s ease-in-out;
  296. transition: background 5s ease-in-out;
  297. }
  298. #tab3:active, #tab2:active, #tab4:active {
  299. padding-bottom: 5px;
  300. border-bottom: transparent;
  301. }
  302. #tab4 { border: 1px solid {color:border};
  303. position:absolute; margin-top: -25px; margin-left: 345px; width: 85px; white-space: nowrap;
  304. height: 12px; overflow:hidden;
  305. z-index: 99;
  306. padding: 5px 8px 4px 8px;
  307. -webkit-border-top-left-radius: 4px;
  308. -webkit-border-top-right-radius: 4px;
  309. -moz-border-radius-topleft: 4px;
  310. -moz-border-radius-topright: 4px;
  311. border-top-left-radius: 4px;
  312. border-top-right-radius: 4px;
  313. background: {color:tab backg} ;
  314. -webkit-transition: background 5s ease-in-out;
  315. -moz-transition: background 5s ease-in-out;
  316. -ms-transition: background 5s ease-in-out;
  317. -o-transition: background 5s ease-in-out;
  318. transition: background 5s ease-in-out;
  319. }
  320. #about { z-index: 999999999999999999999;
  321. margin-top: 31px; margin-left: -3px;
  322. border: 1px solid {color:border}; width: 620px; height: 450px; position: absolute;
  323. background: {color:screen backg} url({image:screen backg})top left fixed repeat; padding: 15px; overflow: auto;
  324. }
  325. .tabinner {
  326. padding: 50px; text-align: center;
  327. }
  328. #drop {
  329. border: 1px outset transparent;
  330. padding: 2px; text-transform: uppercase;
  331. margin: 5px;
  332. -webkit-border-radius: 2px;
  333. -moz-border-radius: 2px;
  334. border-radius: 2px;
  335. }
  336. #drop:hover {
  337. border: 1px outset {color:link button backg};
  338. padding: 2px; text-transform: uppercase;
  339. margin: 5px;
  340. -webkit-border-radius: 2px;
  341. -moz-border-radius: 2px;
  342. border-radius: 2px;
  343. }
  344. #drop:active {
  345. border: 1px inset {color:link button backg};
  346. background: {color:link button backg};
  347. padding: 2px; text-transform: uppercase;
  348.  
  349.  
  350. }
  351. .buttons {
  352. position:absolute; border: 1px solid {color:x border};
  353. padding: 3px 15px; font-size: 11px; color: {color:x button}; line-height: 10px; margin-top: -25px;
  354. font-family: 'Varela', sans-serif;
  355. margin-left: 609px; background: {color:x button background};
  356. }
  357. .buttons2 {
  358. position:absolute;
  359. padding: 3px 15px; font-size: 11px; color: {color:x button}; line-height: 10px; margin-top: -25px;
  360. font-family: 'Varela', sans-serif;
  361. margin-left: 550px;
  362. }
  363. .buttons3 {
  364. position:absolute;
  365. padding: 3px 15px; font-size: 11px; color: {color:x button}; line-height: 10px; margin-top: -25px;
  366. font-family: 'Varela', sans-serif;
  367. margin-left: 573px;
  368. }
  369.  
  370. #s-m-t-tooltip { z-index: 99999999999999999999999999999999999999999999; letter-spacing:1.5px; padding: 3px; text-align:center; color: {color:text}; word-break: break-word;
  371. max-width: 140px; font-size: 8px; text-transform:uppercase; display:block; margin:10px 10px 10px 10px; margin-left: 20px; -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 1); -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 1); box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 1); border: 1px outset white; background: white; }
  372. #minisidebar { -webkit-border-radius: {text:border radius}px;
  373. -moz-border-radius: {text:border radius}px;
  374. border-radius: {text:border radius}px;
  375. position: absolute; margin-top: 80px; border: 1px solid {color:post border}; padding: 3px; width: 100px; margin-left: 10px; background: {color:post backg}; text-align: center;
  376. -webkit-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.25);
  377. -moz-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.25);
  378. box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.25);
  379. }
  380. #sbbg { padding: 5px;
  381. z-index: -9999999999999999999999;
  382. position: fixed;
  383. height: 200%;
  384. width: 100%;
  385. top: 0px;
  386. left: 0px;
  387. -webkit-transition: all 1s ease-in-out;
  388. -moz-transition: all 1s ease-in-out;
  389. -ms-transition: all 1s ease-in-out;
  390. -o-transition: all 1s ease-in-out;
  391. transition: all 1s ease-in-out;
  392. background: center top fixed; {block:iffullscreenhoverphoto}background-size: cover;{/block:iffullscreenhoverphoto}
  393. }
  394. .tags {
  395. font-size: 8px;
  396. }
  397. .tags a {
  398. font-size: 8px; text-transform: uppercase;
  399. }
  400. .headers {
  401. font-size: 8px; text-transform: uppercase;
  402. text-align: right; line-height: 9px;
  403. }
  404. .infor {
  405. font-size: 8px; text-transform: uppercase;
  406. text-align: right; line-height: 9px;
  407. }
  408. blockquote {
  409. margin: 2px;
  410. }
  411. .permalink {
  412. text-align: center; width: 100%; font-size: 8px; text-transform: uppercase;
  413. }
  414. #xxx {
  415. background: {color:tab backg} ; padding: 0px 3px; position:absolute; height: 7px; z-index: 9; height: 15px;
  416. width: 12px;}
  417. #xx {
  418. padding: 0px 3px; position:absolute; z-index: 999;
  419. }
  420. #xx:hover {
  421. background: #f9a9a9; border-radius: 50%; color: {color:tab backg}; -webkit-box-shadow: inset 0px 0px 13px 0px rgba(0, 0, 0, 0.34);
  422. -moz-box-shadow: inset 0px 0px 13px 0px rgba(0, 0, 0, 0.34);
  423. box-shadow: inset 0px 0px 13px 0px rgba(0, 0, 0, 0.34);
  424. }
  425. </style>
  426. <script type="text/javascript"
  427. src="http://static.tumblr.com/mqkrxog/Mcmmz7osn/jquery.min_1_.js"></script>
  428. <script type="text/javascript">
  429. jQuery(document).ready(function() {
  430. jQuery(".tab").hide();
  431. jQuery(".slide").click(function()
  432. {
  433. jQuery(this).next(".tab").animate({
  434. opacity: "toggle"
  435. }, 200);
  436.  
  437. });});
  438. </script>
  439. <script type="text/javascript">
  440. jQuery(document).ready(function() {
  441. jQuery(".links").hide();
  442. jQuery(".dropbox").click(function()
  443. {
  444. jQuery(this).next(".links").animate({
  445. height: "toggle",
  446. opacity: "toggle"
  447. }, 100);
  448. });});
  449. </script>
  450. <script type="text/javascript">
  451. jQuery(document).ready(function() {
  452. jQuery(".perma").hide();
  453. jQuery(".permalink").click(function()
  454. {
  455. jQuery(this).next(".perma").animate({
  456. height: "toggle",
  457. opacity: "toggle"
  458. }, 300);
  459. });});
  460. </script>
  461. <script type="text/javascript">
  462. jQuery(document).ready(function() {
  463. jQuery(".infor").hide();
  464. jQuery(".headers").click(function()
  465. {
  466. jQuery(this).next(".infor").animate({
  467. height: "toggle"
  468. }, 100);
  469. });});
  470. </script>
  471. <link href='http://fonts.googleapis.com/css?family=Varela' rel='stylesheet' type='text/css'>
  472. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  473. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  474. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  475. <script>
  476. (function($){
  477. $(document).ready(function(){
  478. $("[title]").style_my_tooltips();
  479. });
  480. })(jQuery);
  481. </script>
  482.  
  483. <script type="text/javascript">
  484. /* Photoset Resize Code by Kevin - EXCOLO.TUMBLR.COM */
  485. $(document).ready(function() {
  486. function photosetResize() {
  487. $('iframe.photoset').each(function(){
  488. var newSize = {select:post width};
  489. var newSrc = $(this).attr('src').replace('500',newSize);
  490. $(this).attr('src', newSrc).width(newSize);
  491. var high = $(this).css('height');
  492. var calculate = parseInt(high, 10)* newSize/500;
  493. $(this).css('height', calculate);
  494. });
  495. }
  496. photosetResize();
  497. });
  498. </script>
  499. <script type="text/javascript">
  500. function hideDiv() {
  501.  
  502. document.getElementById('#tab3').style.visibility = "hidden";
  503.  
  504. }
  505. </script>
  506. {block:ifinnerphotohover}
  507. <script>
  508. $.fn.changebackground = function(msg) {
  509. $("#posts").css("background-image", "url("+msg+")");
  510. };
  511. </script>
  512. {/block:ifinnerphotohover}
  513.  
  514. {block:ifbackgphotohover}
  515. <script>
  516. $.fn.changebackground = function(msg) {
  517. $("#sbbg").css("background-image", "url("+msg+")");
  518. };
  519. </script>
  520. {/block:ifbackgphotohover}
  521. </head>
  522. <body>
  523. <div id="sbbg"></div>
  524. <div id="margin">
  525. <div id="holder">
  526. <div class="buttons">
  527. X
  528. </div>
  529. <div class="buttons2">
  530. _
  531. </div>
  532. <div class="buttons3">
  533. </div>
  534. <div id="minisidebar">
  535. {block:ifminisidebarimage}<img src="{image:minisidebar}" style="max-width: 100%;"><br>{/block:ifminisidebarimage}
  536. {description}<br>
  537. <a class="dropbox"> <div id="drop"> {text:dropbox title}</div></a>
  538. <div class="links">
  539. {block:iflink1title}<a href="{text:link 1 url}">{text:link 1 title}</a><br>{/block:iflink1title}
  540. {block:iflink2title}<a href="{text:link 2 url}">{text:link 2 title}</a><br>{/block:iflink2title}
  541. {block:iflink3title}<a href="{text:link 3 url}">{text:link 3 title}</a><br>{/block:iflink3title}
  542. {block:iflink4title}<a href="{text:link 4 url}">{text:link 4 title}</a><br>{/block:iflink4title}
  543. <a href="http://jubileethemes.tumblr.com">theme</a>
  544. </div></div>
  545. <img src="{image:window favicon}" style="max-height: 35px; max-width: 35px; position: absolute; margin-top: -27px; margin-left: 5px;" ><div class="tabs"><div id="tab1">
  546. <img src="{image:post favicon}" style="max-height: 10px; max-width: 10px;">
  547. {title}
  548. </div>
  549. <a class="slide" title="{text:message tab title}">
  550. <div id="tab2" >
  551. <span style="width: 85%;">
  552. {text:message tab title}</span>
  553. </div>
  554. </a>
  555. <div id="about" class="tab">
  556. <div class="tabinner">
  557. <br>
  558. <p><iframe frameborder="0" scrolling="no" width="100%" height="190" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p>
  559. {text:message tab content}
  560. </div>
  561. </div>
  562. <div style="position:absolute; margin-left: 123px; margin-top: -19px; z-index: 999999999999999;">
  563. <div id="xx">x</div><div id="xxx"></div>
  564. </div>
  565. <div style="position:absolute; margin-left: 225px; margin-top: -19px; z-index: 999999999;">
  566. <div id="xx" >x</div><div id="xxx"></div>
  567. </div>
  568. {block:iftab2title}
  569. <a class="slide" title="{text:tab 2 title}">
  570. <div id="tab3">
  571. <span style="width: 85%; overflow:hidden;">
  572. {text:tab 2 title}</span>
  573. </div>
  574. </a>
  575. <div id="about" class="tab">
  576. <div class="tabinner">
  577. {text:tab 2 content}
  578. </div>
  579. </div>
  580. {/block:iftab2title}
  581. {block:iftab2title}
  582. <div style="position:absolute; margin-left: 327px; margin-top: -19px; z-index: 99999;">
  583. <div id="xx" >x</div><div id="xxx"></div>
  584. </div>{/block:iftab2title}
  585. {block:iftab3title}
  586. <a class="slide" title="{text:tab 3 title}">
  587. <div id="tab4">
  588. <span style="width: 85%;">
  589. {text:tab 3 title}</span>
  590. </div>
  591. </a>
  592. <div id="about" class="tab">
  593. <div class="tabinner">
  594. {text:tab 3 content}
  595. </div>
  596. </div>
  597. {/block:iftab3title}
  598. {block:iftab3title}
  599. <div style="position:absolute; margin-left: 427px; margin-top: -19px; z-index: 999999999;">
  600. <div id="xx" >x</div><div id="xxx"></div>
  601. </div>{/block:iftab3title}
  602. <a href="/">
  603. <img src="http://static.tumblr.com/mqkrxog/9Ozmz6gh3/home_button.png" style="position:absolute; margin-left: 75px; margin-top: 5px;"></a>
  604. <a href="/" title="reload this page"> <img src="http://static.tumblr.com/mqkrxog/UT4mz6h43/dru.png" style="position:absolute; margin-left: 50px; margin-top: 5px;"></a>
  605. {block:Pagination}
  606. {block:PreviousPage}
  607. <a href="{PreviousPage}" id="PreviousPage" title="click to go back">
  608. <img src="http://static.tumblr.com/mqkrxog/tu5mz6hh3/page_off_back.png" onmouseover="this.src='http://static.tumblr.com/mqkrxog/jc3mz6hrk/page_on_back.png'" onmouseout="this.src='http://static.tumblr.com/mqkrxog/tu5mz6hh3/page_off_back.png'" style="position:absolute; margin-left: 5px; margin-top: 7px; z-index: 99999999999;">
  609. </a>{/block:PreviousPage}
  610. {block:NextPage}
  611. <a href="{NextPage}" id="nextPage" title="click to go forward">
  612. <img src="http://static.tumblr.com/mqkrxog/zalmz6hjp/page_off_forward.png" onmouseover="this.src='http://static.tumblr.com/mqkrxog/Mopmz6hrt/page_on_forward.png'" onmouseout="this.src='http://static.tumblr.com/mqkrxog/zalmz6hjp/page_off_forward.png'"
  613. style="z-index: 99999999999;position:absolute; margin-left: 28px; margin-top: 7px;"></a>
  614. {/block:NextPage}
  615. {/block:Pagination}
  616. <img src="http://static.tumblr.com/mqkrxog/tu5mz6hh3/page_off_back.png" onmouseover="this.src='http://static.tumblr.com/mqkrxog/jc3mz6hrk/page_on_back.png'" onmouseout="this.src='http://static.tumblr.com/mqkrxog/tu5mz6hh3/page_off_back.png'" style="position:absolute; margin-left: 5px; margin-top: 7px; ">
  617. <img src="http://static.tumblr.com/mqkrxog/zalmz6hjp/page_off_forward.png" onmouseover="this.src='http://static.tumblr.com/mqkrxog/Mopmz6hrt/page_on_forward.png'" onmouseout="this.src='http://static.tumblr.com/mqkrxog/zalmz6hjp/page_off_forward.png'"
  618. style=" position:absolute; margin-left: 28px; margin-top: 7px;">
  619.  
  620. <div class="search">
  621. <form onsubmit="return tagSearch(this)">
  622. <input type="text" style="font-size: 12px; border: 1px inset ; padding: 4px; width: 89%; -webkit-border-radius: 3px 3px 3px 3px; background: rgba(255, 255, 255, 0.5);color: {color:tab text};
  623. border-radius: 3px 3px 3px 3px;"
  624. name="tag" value="{block:IndexPage}{Title}{text:search bar ender}{/block:IndexPage}{block:PermalinkPage}{Title}{text:search bar ender}{text:search bar ender2}{/block:PermalinkPage}" onfocus="if (this.value == '') {this.value=''}" onblur="if (this.value == '') {this.value=''}" title="search tags" />
  625. <input type="submit" style="color: {color:tab text};font-size: 12px; background: transparent; border: transparent; width: 44px; margin-left: -2px; cursor:url('{image:cursor}'), progress !important;" value="{text:search bar button}" />
  626. </form>
  627. </div>
  628. </div>
  629.  
  630. <div id="posts">
  631. {block:Posts}
  632. {block:Text}
  633. <div class="post"><div class="headers">{block:Date}{Month} {DayOfMonthWithZero} {Year}{/block:Date}
  634. </div> <div class="infor"> {block:ContentSource} posted by: <a href="{SourceURL}">{SourceTitle}</a> /{/block:ContentSource}
  635. {block:RebloggedFrom} via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  636. {/block:RebloggedFrom}<br> {block:ifshowtags}<div class="tags">{block:hastags}→ {block:tags}<a href="{TagUrl}">#{Tag}&nbsp;</a>{/block:tags}←{/block:hastags}</div>{/block:ifshowtags}</div><div class="poststyle">
  637. {block:Title}{Title}{/block:Title}
  638. {Body}
  639. <div class="permalink"> <a href="{ReblogURL}" target="_blank">reblog</a> / <a href="{Permalink}">{NoteCountwithLabel}</a>
  640. </div>{block:ifshowtags}<div class="tags">{block:hastags}→ {block:tags}<a href="{TagUrl}">#{Tag}&nbsp;</a>{/block:tags}←{/block:hastags}</div>{/block:ifshowtags}</div></div>{/block:Text}
  641.  
  642. {block:Photo}
  643. <div class="post">
  644. <div class="headers">{block:Date}{Month} {DayOfMonthWithZero} {Year}{/block:Date}
  645. </div> <div class="infor"> {block:ContentSource} posted by: <a href="{SourceURL}">{SourceTitle}</a> /{/block:ContentSource}
  646. {block:RebloggedFrom}
  647. via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  648. {/block:RebloggedFrom}
  649. {block:ifshowtags}<div class="tags">{block:hastags}→ {block:tags}<a href="{TagUrl}">#{Tag}&nbsp;</a>{/block:tags}←{/block:hastags}</div>{/block:ifshowtags}
  650. </div>
  651. <div class="poststyle">
  652. {block:IndexPage}
  653. <a href="{permalink}"><img src="{PhotoURL-HighRes}" onmouseover="$(this).changebackground('{PhotoURL-HighRes}')" alt="{PhotoAlt}"></a>
  654. {/block:IndexPage}
  655. {block:PermalinkPage}<img src="{PhotoURL-500}"/>{/block:PermalinkPage}
  656. {block:ifshowcaptions} {caption}{/block:ifshowcaptions}
  657. <div class="permalink"> <a href="{ReblogURL}" target="_blank">reblog</a> / <a href="{Permalink}">{NoteCountwithLabel}</a>
  658. </div> </div></div>{/block:Photo}
  659.  
  660.  
  661. {block:Photoset}
  662. <div class="post"><div class="headers">{block:Date}{Month} {DayOfMonthWithZero} {Year}{/block:Date}
  663. </div> <div class="infor"> {block:ContentSource} posted by: <a href="{SourceURL}">{SourceTitle}</a> /{/block:ContentSource}
  664. {block:RebloggedFrom} via: <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom}</div><div class="poststyle" style="padding:0px;">
  665. {Photoset-500}
  666. {block:ifshowcaptions} {caption}{/block:ifshowcaptions}
  667. <div class="permalink"> <a href="{ReblogURL}" target="_blank">reblog</a> / <a href="{Permalink}">{NoteCountwithLabel}</a>
  668. </div></div></div>
  669. {/block:Photoset}
  670.  
  671.  
  672. {block:Quote}
  673. <div class="post"><div class="headers">{block:Date}{Month} {DayOfMonthWithZero} {Year}{/block:Date}</div> <div class="infor"> {block:ContentSource} posted by: <a href="{SourceURL}">{SourceTitle}</a> /{/block:ContentSource}
  674. {block:RebloggedFrom}
  675. via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  676. {/block:RebloggedFrom}</div><div class="poststyle">
  677. "<small>{Quote}</small>"
  678. <div class="quotesource">— {Source}</div><br>
  679. <div class="permalink"> <a href="{ReblogURL}" target="_blank">reblog</a> / <a href="{Permalink}">{NoteCountwithLabel}</a>
  680. </div>
  681.  
  682. {block:ifshowtags}<div class="tags">{block:hastags}→ {block:tags}<a href="{TagUrl}">#{Tag}&nbsp;</a>{/block:tags}←{/block:hastags}</div>{/block:ifshowtags}
  683.  
  684. </div></div>
  685. {/block:Quote}
  686.  
  687.  
  688. {block:Link}
  689. <div class="post"><div class="headers">{block:Date}{Month} {DayOfMonthWithZero} {Year}{/block:Date}
  690. </div> <div class="infor"> {block:ContentSource} posted by: <a href="{SourceURL}">{SourceTitle}</a> /{/block:ContentSource}
  691. {block:RebloggedFrom}
  692. via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  693. {/block:RebloggedFrom}</div><div class="poststyle">
  694. <div class="headings"><a href="{URL}">{Name}</a></div>
  695. {block:Description}{Description}{/block:Description}
  696. <div class="permalink"> <a href="{ReblogURL}" target="_blank">reblog</a> / <a href="{Permalink}">{NoteCountwithLabel}</a>
  697. </div>
  698. {block:ifshowtags}<div class="tags">{block:hastags}→ {block:tags}<a href="{TagUrl}">#{Tag}&nbsp;</a>{/block:tags}←{/block:hastags}</div>{/block:ifshowtags}
  699. </div></div>
  700. {/block:Link}
  701.  
  702.  
  703. {block:Chat}
  704. <div class="post"><div class="headers">{block:Date}{Month} {DayOfMonthWithZero} {Year}{/block:Date}
  705. </div> <div class="infor"> {block:ContentSource} posted by: <a href="{SourceURL}">{SourceTitle}</a> /{/block:ContentSource}
  706. {block:RebloggedFrom}
  707. via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  708. {/block:RebloggedFrom}</div><div class="poststyle">
  709. <div class="chat">{block:Title}{Title}{/block:Title}<br>
  710. {block:Lines}{block:Label}<i>{Label}</i><br> {Line} <br><br>
  711. {/block:Label}{/block:Lines}</div>
  712. <div class="permalink"> <a href="{ReblogURL}" target="_blank">reblog</a> / <a href="{Permalink}">{NoteCountwithLabel}</a>
  713. </div>
  714.  
  715. {block:ifshowtags}<div class="tags">{block:hastags}→ {block:tags}<a href="{TagUrl}">#{Tag}&nbsp;</a>{/block:tags}←{/block:hastags}</div>{/block:ifshowtags}
  716.  
  717. </div></div>
  718. {/block:Chat}
  719.  
  720.  
  721. {block:Video}
  722. <div class="post"><div class="headers">{block:Date}{Month} {DayOfMonthWithZero} {Year}{/block:Date}
  723. </div> <div class="infor"> {block:ContentSource} posted by: <a href="{SourceURL}">{SourceTitle}</a> /{/block:ContentSource}
  724. {block:RebloggedFrom}
  725. via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  726. {/block:RebloggedFrom}</div><div class="poststyle" style="padding: 0px;">
  727. <center>{Video-250}</center>
  728. {block:ifshowcaptions} {caption}{/block:ifshowcaptions}
  729. <div class="permalink"> <a href="{ReblogURL}" target="_blank">reblog</a> / <a href="{Permalink}">{NoteCountwithLabel}</a>
  730. </div>
  731. {block:ifshowtags}<div class="tags">{block:hastags}→ {block:tags}<a href="{TagUrl}">#{Tag}&nbsp;</a>{/block:tags}←{/block:hastags}</div>{/block:ifshowtags} </div></div>
  732. {/block:Video}
  733.  
  734.  
  735. {block:Audio}
  736. <div class="post"><div class="headers">{block:Date}{Month} {DayOfMonthWithZero} {Year}{/block:Date}
  737. </div> <div class="infor"> {block:ContentSource} posted by: <a href="{SourceURL}">{SourceTitle}</a> /{/block:ContentSource}
  738. {block:RebloggedFrom}
  739. via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  740. {/block:RebloggedFrom}</div><div class="poststyle">
  741. {block:AlbumArt}
  742. <div style="float:right;"><img src="{AlbumArtURL}" style="width: 50px; height: 50px;border: 1px solid {color:border};"> </a></div>{/block:AlbumArt}
  743. <div style=" background: {color:border}; height: 42px; padding-top: 10px; -webkit-border-radius: {text:border radius}px;
  744. -moz-border-radius: {text:border radius}px;
  745. border-radius: {text:border radius}px;"><center><div style="width: 55px;overflow:hidden; opacity: 0.4;">{AudioPlayerWhite}</div></center></div>
  746. {block:ifshowcaptions} {caption}{/block:ifshowcaptions}
  747. <div class="permalink"> <a href="{ReblogURL}" target="_blank">reblog</a> / <a href="{Permalink}">{NoteCountwithLabel}</a>
  748. </div>{block:ifshowtags}<div class="tags">{block:hastags}→ {block:tags}<a href="{TagUrl}">#{Tag}&nbsp;</a>{/block:tags}←{/block:hastags}</div>{/block:ifshowtags} </div></div>
  749. {/block:Audio}
  750.  
  751.  
  752. {block:Answer}
  753. <div class="post"><div class="headers">{block:Date}{Month} {DayOfMonthWithZero} {Year}{/block:Date}
  754. </div> <div class="infor"> {block:ContentSource} posted by: <a href="{SourceURL}">{SourceTitle}</a> /{/block:ContentSource}
  755. {block:RebloggedFrom}
  756. via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  757. {/block:RebloggedFrom}</div><div class="poststyle">
  758. {Question}<br>- {Asker} <br><i> {Answer} </i>
  759. <div class="permalink"> <a href="{ReblogURL}" target="_blank">reblog</a> / <a href="{Permalink}">{NoteCountwithLabel}</a>
  760. </div>
  761. {block:ifshowtags}<div class="tags">{block:hastags}→ {block:tags}<a href="{TagUrl}">#{Tag}&nbsp;</a>{/block:tags}←{/block:hastags}</div>{/block:ifshowtags}</div></div>
  762. {/block:Answer}
  763.  
  764. {block:PermalinkPage}
  765. <div class="post"><div class="poststyle">
  766. {block:NoteCount}Posted {TimeAgo} with {NoteCount} notes {/block:NoteCount}
  767. {block:RebloggedFrom}
  768. via <a href="{ReblogParentURL}">{ReblogParentName}</a>,
  769. {/block:RebloggedFrom}
  770. {block:ContentSource}
  771. posted by <a href="{SourceURL}">{SourceTitle} </a>
  772. {/block:ContentSource}
  773. <br><br>{PostNotes}<div></div>
  774. {/block:PermalinkPage}
  775.  
  776.  
  777.  
  778. {/block:posts}
  779.  
  780.  
  781. </div></div>
  782. </div></div>
  783. </body>
  784.  
  785.  
  786.  
  787.  
  788.  
  789.  
  790.  
  791.  
  792.  
  793.  
  794.  
  795.  
  796.  
  797.  
  798.  
  799.  
  800.  
  801.  
  802.  
  803.  
  804.  
  805.  
  806.  
  807.  
  808.  
  809.  
  810.  
  811.  
  812.  
  813.  
  814. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement