API tools faq
paste
bsethemes

WINDOWS 93

bsethemes
Mar 2nd, 2015
4,194
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.96 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html><html><head>
  2.  
  3. <!---base code #1 by ewzayns
  4.  
  5. _______ __ __ .____ __ __ .____ ____ _ _
  6. ' / | | / | | / / \ `. /
  7. | |___| |__. |\ /| |__. |,_-< `./
  8. | | | | | \/ | | | ` ,'
  9. / / / /----/ / / /----/ `----' _-'
  10.  
  11.  
  12.  
  13.  
  14. ____ _____ .____ _______ __ __ .____ __ __ .____ _____
  15. / \ ( / ' / | | / | | / (
  16. |,_-< `--. |__. | |___| |__. |\ /| |__. `--.
  17. | ` | | | | | | | \/ | | |
  18. `----' \___.' /----/ / / / /----/ / / /----/ \___.'
  19.  
  20.  
  21.  
  22. -don't change or remove credit
  23. -don't take bits of the code
  24. -don't claim theme as yours
  25. -for any questions, feedback or theme requests please don't hesitate to contanct me!!!
  26.  
  27.  
  28. ---->
  29.  
  30. <title>{Title}</title>
  31. {block:description}<meta name="description" content="{MetaDescription}"/>{block:description}
  32. <link rel="shortcut icon" href="{Favicon}">
  33. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  34.  
  35.  
  36.  
  37. <meta name="color:background" content="#fff"/>
  38. <meta name="color:topbar" content="#000"/>
  39. <meta name="color:post background" content="#ffffff"/>
  40. <meta name="color:text" content="#000000"/>
  41. <meta name="color:post title" content="#000000"/>
  42. <meta name="color:italic" content="#000000"/>
  43. <meta name="color:links" content="#787878"/>
  44. <meta name="color:hover" content="#e0e0e0"/>
  45. <meta name="color:Scrollbar" content="#fff"/>
  46. <meta name="color:Scrollbar Background" content="#c0c0c0"/>
  47.  
  48.  
  49. <meta name="image:background" content=""/>
  50.  
  51.  
  52. <meta name="text:sidebar title" content="this is ur title"/>
  53. <meta name="text:popupask title" content="truth is overrated"/>
  54. <meta name="text:link 1" content="link 1"/>
  55. <meta name="text:link 1 url" content="/"/>
  56. <meta name="text:link 2" content="link 2"/>
  57. <meta name="text:link 2 url" content="/"/>
  58. <meta name="text:link 3" content="link 3"/>
  59. <meta name="text:link 3 url" content="/"/>
  60. <meta name="text:link 4" content="link 4"/>
  61. <meta name="text:link 4 url" content="/"/>
  62.  
  63.  
  64. <meta name="if:pixelfont" content="1">
  65. <meta name="if:captions" content="1">
  66. <meta name="if:tags" content="1">
  67. <meta name="if:250posts" content="1">
  68. <meta name="if:windowsposts" content="1">
  69. <meta name="if:infinitescroll" content="1">
  70. <meta name="if:popupask" content="1">
  71. <meta name="if:darkversion" content="1">
  72. <meta name="if:updatestab1" content="1">
  73. <meta name="if:updatestab2" content="1">
  74.  
  75.  
  76. <script type="text/javascript">
  77. WebFontConfig = {
  78. google: { families: [ 'VT323::latin' ] }
  79. };
  80. (function() {
  81. var wf = document.createElement('script');
  82. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  83. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  84. wf.type = 'text/javascript';
  85. wf.async = 'true';
  86. var s = document.getElementsByTagName('script')[0];
  87. s.parentNode.insertBefore(wf, s);
  88. })(); </script>
  89.  
  90. {block:ifinfinitescroll}
  91.  
  92. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  93.  
  94. {/block:ifinfinitescroll}
  95.  
  96. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  97. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  98. <script>
  99. (function($){
  100. $(document).ready(function(){
  101. $("a[title]").style_my_tooltips({
  102. tip_follows_cursor:true,
  103. tip_delay_time:90,
  104. tip_fade_speed:100,
  105. attribute:"title"
  106. });
  107. });
  108. })(jQuery);
  109. </script>
  110.  
  111. <script type="text/javascript"
  112. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  113. <script>
  114. $(document).ready(function() {
  115. //
  116. $('a.poplight[href^=#]').click(function() {
  117. var popID = $(this).attr('rel'); //Get Popup Name
  118. var popURL = $(this).attr('href'); //Get Popup href to define size
  119. var query= popURL.split('?');
  120. var dim= query[1].split('&');
  121. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  122. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://s1.postimg.org/9vyqo5waz/close.jpg" title="Close" align="right" alt="Close" /></a>');
  123. var popMargTop = ($('#' + popID).height() + 80) / 2;
  124. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  125. //Apply Margin to Popup
  126. $('#' + popID).css({
  127. 'margin-top' : -popMargTop,
  128. 'margin-left' : -popMargLeft
  129. });
  130. $('body').append('<div id="fade"></div>');
  131. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  132. return false;
  133. });
  134. $('a.close, #fade').live('click', function() {
  135. $('#fade , .popup_block').fadeOut(function() {
  136. $('#fade, a.close').remove(); //fade them both out
  137. });
  138. return false;
  139. });
  140. });
  141. </script>
  142.  
  143. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  144.  
  145. <script src="jquery.js"></script>
  146. <script>
  147. $(document).ready(function(){
  148. $("#clackyclack").click(function(){
  149. $("#inside").slideToggle("fast");
  150. });
  151. });
  152. </script>
  153.  
  154. <script src="jquery.js"></script>
  155. <script>
  156. $(document).ready(function(){
  157. $("#clackyclack2").click(function(){
  158. $("#inside2").slideToggle("fast");
  159. });
  160. });
  161. </script>
  162.  
  163. <script src="jquery.js"></script>
  164. <script>
  165. $(document).ready(function(){
  166. $("#clackyclack3").click(function(){
  167. $("#inside3").slideToggle("fast");
  168. });
  169. });
  170. </script>
  171.  
  172.  
  173.  
  174. <script language="javascript" src="liveclock.js"></script>
  175.  
  176.  
  177.  
  178. <style type="text/css">
  179.  
  180. .popup_block{
  181. display: none;
  182. background: {color:post background};
  183. padding: 10px;
  184. font-family: 'VT323';
  185. float: left;
  186. font-size: 10px;
  187. position: fixed;
  188. top: 50%; left: 50%;
  189. z-index: 10;
  190. border: 2px solid #363636;
  191. border-top:1px solid #fff;
  192. border-left:1px solid #fff;
  193. border-bottom:1px solid #000;
  194. border-right:1px solid #000;
  195. -webkit-box-shadow: 10px 10px 0px -5px rgba(0,0,0,0.2);
  196. -moz-box-shadow: 10px 10px 0px -5px rgba(0,0,0,0.2);
  197. box-shadow: 10px 10px 0px -5px rgba(0,0,0,0.2);
  198. }
  199. img.btn_close {
  200. float: right;
  201. margin: -5px -5px 0 0;
  202. }
  203. *html .popup_block {
  204. position: absolute;
  205. }
  206.  
  207.  
  208. #asktitle {
  209. padding:3px;
  210. margin-left:-5px;
  211. width:507px;
  212. z-index:-1;
  213. background: {color:topbar};
  214. margin-top:-8px;
  215. font-family:'VT323';
  216. font-size:15px;
  217. color:{color:post title};
  218. letter-spacing:-1px;
  219. position:absolute;
  220. }
  221.  
  222. #s-m-t-tooltip {
  223. max-width:200px;
  224. margin:25px 20px 25px 20px;
  225. background-color:{color:post background};
  226. color:{color:text};
  227. font-family:'VT323';
  228. border-bottom:1px solid black;
  229. border-right:1px solid black;
  230. border-top:1px solid white;
  231. border-left:1px solid white;
  232. font-size:10px;
  233. line-height:13px;
  234. padding:3px 5px 4px 5px;
  235. box-shadow:rgba(0,0,0,0.07) 4px 4px;
  236. -webkit-transition: all 0.2s ease-out;
  237. -moz-transition: all 0.2s ease-out;
  238. transition: all 0.2s ease-out;
  239. z-index:999999999999999999999999999999999999;
  240. }
  241.  
  242. ::-webkit-scrollbar-thumb {
  243. height:auto;
  244. background-color:{color:Scrollbar};
  245. }
  246.  
  247. ::-webkit-scrollbar {
  248. height:9px;
  249. width:4px;
  250. background-color:{color:Scrollbar Background};
  251. }
  252.  
  253. body {
  254. background-color:{color:background};
  255. background-image: url('{image:background}');
  256. background-position:center;
  257. background-repeat:repeat;
  258. letter-spacing:2px;
  259. {block:ifpixelfont}
  260. font-family:'VT323';
  261. font-size:15px;
  262. {/block:ifpixelfont}
  263. {block:ifnotpixelfont}
  264. font-family: Arial Narrow;
  265. font-size:12px;
  266. {/block:ifnotpixelfont}
  267. color:{color:text};
  268. }
  269.  
  270.  
  271. a {
  272. color:{color:links};
  273. text-decoration:none;
  274. font-weight:normal;
  275. -moz-transition-duration:0.5s;
  276. -webkit-transition-duration:0.5s;
  277. -o-transition-duration:0.5s;
  278. }
  279.  
  280.  
  281. a:hover {
  282. color:{color:hover};
  283. text-decoration:none;
  284. -moz-transition-duration:0.5s;
  285. -webkit-transition-duration:0.5s;
  286. -o-transition-duration:0.5s;
  287. }
  288.  
  289. blockquote {
  290. border-left:1px solid {color:topbar};
  291. padding-left:10px;
  292. }
  293.  
  294. h1 {
  295. margin-top:-3px;
  296. {block:if250posts}
  297. width:250px;
  298. {/block:if250posts}
  299. {block:ifnot250posts}
  300. width:400px;
  301. {/block:ifnot250posts}
  302. margin-left:-3px;
  303. padding:3px;
  304. font-size:15px;
  305. font-family:'VT323';
  306. font-weight:bold;
  307. letter-spacing:-1px;
  308. color:{color:post title};
  309. background: {color:topbar};
  310. }
  311.  
  312.  
  313. #sidebar {
  314. width:250px;
  315. height:200px;
  316. {block:if250posts}
  317. margin-left:550px;
  318. {block:if250posts}
  319. {block:ifnot250posts}
  320. margin-left:700px;
  321. {/block:ifnot250posts}
  322. margin-top:135px;
  323. position:fixed;
  324. }
  325.  
  326.  
  327. #sidebartitle {
  328. padding:3px;
  329. margin-left: 3px;
  330. width:250px;
  331. border-bottom:1px solid #fff;
  332. margin-top:-17px;
  333. font-family:'VT323';
  334. font-size:25px;
  335. color:{color:title};
  336. letter-spacing:2px;
  337. position:absolute;
  338. z-index:1;
  339. -moz-transition-duration:0.7s;
  340. -webkit-transition-duration:0.7s;
  341. -o-transition-duration:0.7s;
  342. }
  343.  
  344.  
  345. #description {
  346. width:240px;
  347. margin-top:15px;
  348. font-size:11px;
  349. font-family:arial;
  350. font-weight:italic;
  351. letter-spacing:1px;
  352. text-align:left;
  353. padding:5px;
  354. }
  355.  
  356.  
  357. #pagination {
  358. margin-left:50px;
  359. position:absolute;
  360. z-index:2;
  361. text-align:center;
  362. margin-top:5px;
  363. }
  364.  
  365.  
  366. #entries {
  367. padding:20px;
  368. width:500px;
  369. margin-left:200px;
  370. margin-top:40px;
  371. }
  372.  
  373.  
  374. #post {
  375. margin-top:20px;
  376. {block:if250posts}
  377. width:250px;
  378. {/block:if250posts}
  379. {block:ifnot250posts}
  380. width:400px;
  381. {/block:ifnot250posts}
  382. padding:5px;
  383. background:{color:post background};
  384. border:1px solid #fff;
  385. border-bottom:1px solid #c0c0c0;
  386. border-right:1px solid #c0c0c0;
  387. -webkit-box-shadow: 2px 2px 0px 0px rgba(0,0,0,1);
  388. -moz-box-shadow: 2px 2px 0px 0px rgba(0,0,0,1);
  389. box-shadow: 2px 2px 0px 0px rgba(0,0,0,1);
  390. }
  391.  
  392.  
  393. #postinfo {
  394. text-align:center;
  395. font-size:10px;
  396. padding: 5px;
  397. margin-top:10px;
  398. {block:ifwindowsposts}
  399. padding-top:5px;
  400. border-top:1px solid #808080;
  401. border-left:1px solid #808080;
  402. border-right:1px solid white;
  403. border-bottom:1px solid white;
  404. {/block:ifwindowsposts}
  405. }
  406.  
  407. {block:PermalinkPage}
  408. #notes {
  409. {block:if250posts}
  410. width:240px;
  411. {/block:if250posts}
  412. {block:ifnot250posts}
  413. width:400px;
  414. {/block:ifnot250posts}
  415. margin-top:5px;
  416. overflow:auto;
  417. padding:5px;
  418. max-height:300px;
  419. }
  420. {/block:PermalinkPage}
  421.  
  422.  
  423. #asker {
  424. float:left;
  425. padding:2px;
  426. margin-top:-2px;
  427. margin-right:5px;
  428. }
  429.  
  430.  
  431. #credit {
  432. position:fixed;
  433. line-height:150%;
  434. letter-spacing:5px;
  435. right:10px;
  436. bottom:10px;
  437. background: #fff;
  438. text-transform:uppercase;
  439. text-align:center;
  440. }
  441.  
  442. #credit a {
  443. font-size:11px;
  444. letter-spacing: 2px;
  445. padding:5px;
  446. color:#c0c0c0;
  447. border: 1px solid #e5e5e5;
  448. -webkit-box-shadow: 5px 5px 0px -1px rgba(0,0,0,1);
  449. -moz-box-shadow: 5px 5px 0px -1px rgba(0,0,0,1);
  450. box-shadow: 5px 5px 0px -1px rgba(0,0,0,1);
  451. -moz-transition-duration:0.5s;
  452. -webkit-transition-duration:0.5s;
  453. -o-transition-duration:0.5s;
  454. }
  455.  
  456. #credit a:hover {
  457. color: #000;
  458. border: 1px solid #fff;
  459. -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.15);
  460. -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.15);
  461. box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.15);
  462. -moz-transition-duration:0.5s;
  463. -webkit-transition-duration:0.5s;
  464. -o-transition-duration:0.5s;
  465. }
  466.  
  467. {block:ifupdatestab1}
  468.  
  469. /* UPDATES TAB #1*/
  470.  
  471. /* DON'T TOUCH ANYTHING THAT IS NOT COMMENTED ON!!*/
  472.  
  473.  
  474. #updates1 {
  475. position:fixed;
  476. margin-left:1000px; /* add to move to the right and subtract to move to the left */
  477. margin-top:20px; /* add to move higher and subtract to move lower */
  478. color:#000; /* text color */
  479. }
  480.  
  481.  
  482.  
  483. #updates1image{
  484. content: url(http://i57.tinypic.com/2cqo3rl.png);
  485. z-index:0;
  486. margin-top:-5px;
  487. }
  488.  
  489.  
  490.  
  491. #updates1 a {
  492. color:#000; /* link color */
  493. text-decoration:underline; /* link decoration, if you don't want anything just delete underline and type in none */
  494. }
  495.  
  496.  
  497.  
  498. .closebutton {
  499. width:5px;
  500. height:5px;
  501. font-family:'VT323'; /* the font */
  502. font-size:13px; /* text size */
  503. background:#c0c0c0;
  504. padding:5px;
  505. margin-top:-16px;
  506. margin-left:35px;
  507. border-bottom:1px solid gray;
  508. border-right:1px solid gray;
  509. border-top:1px solid white;
  510. border-left:1px solid white;
  511. overflow:auto;
  512. overflow-x:hidden;
  513. opacity:.0;
  514. -webkit-transition: opacity 0.8s linear;
  515. -webkit-transition: all 0.8s ease-in-out;
  516. -moz-transition: all 0.8s ease-in-out;
  517. -o-transition: all 0.8s ease-in-out;
  518. -webkit-box-shadow: 1px 1px 0px 1px rgba(0,0,0,0.75);
  519. -moz-box-shadow: 1px 1px 0px 1px rgba(0,0,0,0.75);
  520. box-shadow: 1px 1px 0px 1px rgba(0,0,0,0.75);
  521. }
  522.  
  523.  
  524. .closebutton:hover {
  525. position:absolute;
  526. z-index:100;
  527. width:100px; /* the width of the first tab */
  528. height:100px; /* the height of the first tab */
  529. opacity:1;
  530. -webkit-transition: all 0.4s ease-in-out;
  531. -moz-transition: all 0.4s ease-in-out;
  532. -o-transition: all 0.4s ease-in-out;
  533. transition: all 0.4s ease-in-out;
  534. }
  535.  
  536.  
  537.  
  538. .resizebutton {
  539. width:2px;
  540. height:2px;
  541. font-family:'VT323'; /* the font */
  542. font-size:13px; /* text size */
  543. background:#c0c0c0;
  544. padding:5px;
  545. margin-top:-16px;
  546. margin-left:17px;
  547. border-bottom:1px solid gray;
  548. border-right:1px solid gray;
  549. border-top:1px solid white;
  550. border-left:1px solid white;
  551. overflow:auto;
  552. overflow-x:hidden;
  553. opacity:.0;
  554. -webkit-transition: opacity 0.8s linear;
  555. -webkit-transition: all 0.8s ease-in-out;
  556. -moz-transition: all 0.8s ease-in-out;
  557. -o-transition: all 0.8s ease-in-out;
  558. -webkit-box-shadow: 1px 1px 0px 1px rgba(0,0,0,0.75);
  559. -moz-box-shadow: 1px 1px 0px 1px rgba(0,0,0,0.75);
  560. box-shadow: 1px 1px 0px 1px rgba(0,0,0,0.75);
  561. }
  562.  
  563.  
  564.  
  565. .resizebutton:hover {
  566. position:absolute;
  567. z-index:100;
  568. width:100px; /* the width of the second tab*/
  569. height:100px; /* the height of the second tab*/
  570. opacity:1;
  571. -webkit-transition: all 0.4s ease-in-out;
  572. -moz-transition: all 0.4s ease-in-out;
  573. -o-transition: all 0.4s ease-in-out;
  574. transition: all 0.4s ease-in-out;
  575. }
  576.  
  577. .minimizebutton {
  578. width:2px;
  579. height:2px;
  580. font-family:'VT323'; /* the font */
  581. font-size:13px; /* text size */
  582. background:#c0c0c0;
  583. padding:5px;
  584. margin-top:-17px;
  585. margin-left:0px;
  586. border-bottom:1px solid gray;
  587. border-right:1px solid gray;
  588. border-top:1px solid white;
  589. border-left:1px solid white;
  590. overflow:auto;
  591. overflow-x:hidden;
  592. opacity:.0;
  593. -webkit-transition: opacity 0.8s linear;
  594. -webkit-transition: all 0.8s ease-in-out;
  595. -moz-transition: all 0.8s ease-in-out;
  596. -o-transition: all 0.8s ease-in-out;
  597. -webkit-box-shadow: 1px 1px 0px 1px rgba(0,0,0,0.75);
  598. -moz-box-shadow: 1px 1px 0px 1px rgba(0,0,0,0.75);
  599. box-shadow: 1px 1px 0px 1px rgba(0,0,0,0.75);
  600. }
  601.  
  602. .minimizebutton:hover {
  603. position:absolute;
  604. z-index:100;
  605. width:100px; /* the width of the third tab*/
  606. height:100px; /* the height of the third tab*/
  607. opacity:1;
  608. -webkit-transition: all 0.4s ease-in-out;
  609. -moz-transition: all 0.4s ease-in-out;
  610. -o-transition: all 0.4s ease-in-out;
  611. transition: all 0.4s ease-in-out;
  612. }
  613.  
  614. /* END UPDATES TAB 1 */
  615.  
  616. {/block:ifupdatestab1}
  617.  
  618. {block:ifupdatestab2}
  619.  
  620.  
  621. /*START UPDATES TAB #2 */
  622.  
  623. /* DON'T TOUCH ANYTHING THAT IS NOT ANNOTATED PLEASE!!*/
  624.  
  625.  
  626. #topbar{
  627. position:absolute;
  628. margin-top:-30px;
  629. margin-left:-4px;
  630. width:153px;
  631. height:15px;
  632. background:{color:topbar}; /*bar background*/
  633. padding:3px;
  634. padding-top:1px;
  635. padding-bottom:5px;
  636. font-family:'VT323';
  637. font-size:15px;
  638. letter-spacing:-1px;
  639. }
  640. /*don't touch this */
  641. #babuttons {
  642. content: url(http://i57.tinypic.com/2cqo3rl.png);
  643. margin-left:107px;
  644. margin-top:-15px;
  645. width:45px;
  646. }
  647.  
  648. #updates{
  649. position:fixed;
  650. width:150px; /*don't touch this */
  651. margin-top:40px; /* top margins, add to lower the updates tab, subtract to get it higher */
  652. margin-left:950px; /* left margins, add to lower the updates tab, subtract to get it higher */
  653. padding-top:33px;
  654. padding-left:7px;
  655. padding-right:7px;
  656. padding-bottom:4px;
  657. font-family:'VT323'; /*font family, feel free to change it*/
  658. font-size:13px; /*font size, feel free to change it*/
  659. line-height:12px;
  660. background-color:{color:post background}; /*background color, i advise not to change it*/
  661. border-bottom:1px solid #808080;
  662. border-right:1px solid #808080;
  663. border-left:1px solid white;
  664. border-top:1px solid white;
  665. color:#000000; /*text color*/
  666. z-index:999;
  667. /*delete the following for no shadows*/
  668. box-shadow:rgba(0,0,0,0.07)7px 7px;
  669. }
  670.  
  671. #inside,#clackyclack{
  672. padding:1px;
  673. display:inline-block;
  674. }
  675.  
  676. #clackyclack{
  677. width:100px;
  678. height:17px;
  679. letter-spacing:1px;
  680. background:#c0c0c0; /*1st tab background color, i advise not to change it*/
  681. border-top:1px solid white;
  682. border-left:1px solid white;
  683. border-right:1px solid #808080;
  684. border-bottom:1px solid #808080;
  685. margin-bottom:10px;
  686. margin-left:25px;
  687. text-transform:uppercase; /* tabs title uppercase, if you don't want it delete uppercase and type in none */
  688. text-align:center;
  689. display:block;
  690. -webkit-transition: all 0.1s ease;
  691. -moz-transition: all 0.1s ease;
  692. transition: all 0.1s ease;
  693. /*delete the following for no shadows*/
  694. box-shadow:rgba(0,0,0,0.07)3px 3px;
  695. }
  696.  
  697. #clackyclack:active{
  698. background-color:#a0a0a0; /*1st tab background color when clicked*/
  699. border-top:1px solid #808080;
  700. border-left:1px solid #808080;
  701. border-right:1px solid white;
  702. border-bottom:1px solid white;
  703. -webkit-transition: all 0.1s ease;
  704. -moz-transition: all 0.1s ease;
  705. transition: all 0.1s ease;
  706. /*delete the following for no shadows*/
  707. box-shadow:rgba(0,0,0,0.07)0px 0px;
  708. }
  709.  
  710. #inside{
  711. padding:1px;
  712. display:none;
  713. }
  714.  
  715. #inside2,#clackyclack2{
  716. padding:1px;
  717. display:inline-block;
  718. }
  719.  
  720. #clackyclack2{
  721. width:100px;
  722. height:17px;
  723. letter-spacing:1px;
  724. background:#c0c0c0; /*2nd tab background color, i advise not to change it*/
  725. border-top:1px solid white;
  726. border-left:1px solid white;
  727. border-right:1px solid #808080;
  728. border-bottom:1px solid #808080;
  729. margin-top:10px;
  730. margin-bottom:10px;
  731. margin-left:25px;
  732. text-transform:uppercase; /* tabs title uppercase, if you don't want it delete uppercase and type in none */
  733. text-align:center;
  734. display:block;
  735. -webkit-transition: all 0.1s ease;
  736. -moz-transition: all 0.1s ease;
  737. transition: all 0.1s ease;
  738. /*delete the following for no shadows*/
  739. box-shadow:rgba(0,0,0,0.07)3px 3px;
  740. }
  741.  
  742.  
  743. #clackyclack2:active{
  744. background-color:#a0a0a0; /*2nd tab background color when clicked*/
  745. border-top:1px solid #808080;
  746. border-left:1px solid #808080;
  747. border-right:1px solid white;
  748. border-bottom:1px solid white;
  749. box-shadow:rgba(0,0,0,0.07)0px 0px;
  750. }
  751.  
  752. #inside2{
  753. padding:1px;
  754. display:none;
  755. }
  756.  
  757. #inside3,#clackyclack3{
  758. padding:1px;
  759. display:inline-block;
  760. }
  761.  
  762. #clackyclack3{
  763. width:100px;
  764. height:17px;
  765. letter-spacing:1px;
  766. background:#c0c0c0; /*3rd tab background color, i advise not to change it*/
  767. border-top:1px solid white;
  768. border-left:1px solid white;
  769. border-right:1px solid #808080;
  770. border-bottom:1px solid #808080;
  771. margin-top:10px;
  772. margin-bottom:10px;
  773. margin-left:25px;
  774. text-transform:uppercase; /* tabs title uppercase, if you don't want it delete uppercase and type in none */
  775. text-align:center;
  776. display:block;
  777. -webkit-transition: all 0.1s ease;
  778. -moz-transition: all 0.1s ease;
  779. transition: all 0.1s ease;
  780. /*delete the following for no shadows*/
  781. box-shadow:rgba(0,0,0,0.07)3px 3px;
  782. }
  783.  
  784.  
  785. #clackyclack3:active{
  786. background-color:#a0a0a0; /*3rd tab background color when clicked*/
  787. border-top:1px solid #808080;
  788. border-left:1px solid #808080;
  789. border-right:1px solid white;
  790. border-bottom:1px solid white;
  791. box-shadow:rgba(0,0,0,0.07)0px 0px;
  792. }
  793.  
  794. #inside3{
  795. padding:1px;
  796. display:none;
  797. }
  798.  
  799.  
  800. {/block:ifupdatestab2}
  801.  
  802. #links {
  803. position:fixed;
  804. }
  805.  
  806. </style>
  807.  
  808.  
  809. </head>
  810.  
  811. <body>
  812.  
  813. {block:ifupdatestab1}
  814.  
  815. <!-- UPDATES TAB 1 TEXT -->
  816.  
  817. <!-- PASTE THIS UNDER <body>-->
  818.  
  819. <div id="updates1">
  820. <div id="updates1image"></div>
  821. <div class="closebutton">
  822.  
  823. this is the first tab text!!!
  824.  
  825. </div>
  826.  
  827. <div class="resizebutton">
  828.  
  829. and this is the second tab text!!!
  830. <a href="/" class="tooltip" title="AND THIS IS A TOOLTIP">also a link</a>
  831.  
  832. </div>
  833.  
  834.  
  835. <div class="minimizebutton">
  836.  
  837. and this is the third tab text!!!
  838.  
  839. </div>
  840.  
  841.  
  842. </div>
  843.  
  844. <!-- END UPDATES TAB 1 TEXT -->
  845.  
  846. {/block:ifupdatestab1}
  847.  
  848.  
  849. {block:ifupdatestab2}
  850.  
  851. <!-- START UPDATES TAB 2 TEXT -->
  852.  
  853.  
  854. <div id="updates">
  855.  
  856. <!-- delete this part to take off bar and buttons-->
  857. <div id="topbar">
  858. <img src="http://i62.tinypic.com/28hh1ch.png"/> updates<div id="babuttons"></div>
  859. </div>
  860. <!--end-->
  861.  
  862. <div id="clackyclack"><u>B</u>utton</div>
  863. <div id="inside">
  864.  
  865. this is the first tab text!!!
  866. </div>
  867.  
  868. <div id="clackyclack2"><u>B</u>utton</div>
  869. <div id="inside2">
  870. and this is the second tab text!!!
  871. <a href="/" class="tooltip" title="AND THIS IS A TOOLTIP">also a link</a>
  872. </div>
  873.  
  874. <div id="clackyclack3"><u>B</u>utton</div>
  875. <div id="inside3">
  876. and this is the third tab text!!!
  877. </div>
  878.  
  879. </div>
  880.  
  881. <!-- END UPDATES TAB 2 TEXT -->
  882.  
  883. {block:ifupdatestab2}
  884.  
  885. <div id="links">
  886.  
  887. {block:ifdarkversion}
  888. <a href="/" title="home"><img src="http://s14.postimg.org/r9uie9k7h/dark_home.png" width="80px" hspace="10px"/></a><br><br>
  889.  
  890. {block:ifpopupask}
  891. <a href="#?w=500" rel="02" class="poplight" title="ask"><img src="http://s30.postimg.org/yemqwbcrx/dark_ask.png" width="50px" hspace="20px"/></a><br><br>
  892. {/block:ifpopupask}
  893. {block:ifnotpopupask}
  894. <a href="/ask" title="ask"><img src="http://s30.postimg.org/yemqwbcrx/dark_ask.png" width="50px" hspace="20px"/></a><br><br>
  895. {/block:ifnotpopupask}
  896.  
  897. <a href="{text:link 1 url}" title="{text:link 1}"><img src="http://s18.postimg.org/ubp244jr9/dark_briefcase.png" width="80px" hspace="10px"/></a><br><br>
  898.  
  899. <a href="{text:link 2 url}" title="{text:link 2}"><img src="http://s9.postimg.org/i9nc7l35n/dark_recycle_bin.png" width="80px" hspace="10px"/></a><br><br>
  900.  
  901. <a href="{text:link 3 url}" title="{text:link 3}"><img src="http://s28.postimg.org/4nw1akcdl/dark_online_services.png" width="55px" hspace="25px"/></a><br><br>
  902.  
  903. <a href="{text:link 4 url}" title="{text:link 4}"><img src="http://s9.postimg.org/5yudnih4r/dark_network.png" width="80px" hspace="10px"/></a>
  904. {/block:ifdarkversion}
  905.  
  906.  
  907. {block:ifnotdarkversion}
  908. <a href="/" title="home"><img src="http://s2.postimg.org/vs097ogmt/light_home.png" width="80px" hspace="10px"/></a><br><br>
  909.  
  910. {block:ifpopupask}
  911. <a href="#?w=500" rel="02" class="poplight" title="ask"><img src="http://s17.postimg.org/a4xb3646j/light_ask.png" width="50px" hspace="20px"/></a><br><br>
  912. {/block:ifpopupask}
  913. {block:ifnotpopupask}
  914. <a href="/ask" title="ask"><img src="http://s17.postimg.org/a4xb3646j/light_ask.png" width="50px" hspace="20px"/></a><br><br>
  915. {/block:ifnotpopupask}
  916.  
  917. <a href="{text:link 1 url}" title="{text:link 1}"><img src="http://s28.postimg.org/lckm402p5/light_briefcase.png" width="80px" hspace="10px"/></a><br><br>
  918.  
  919. <a href="{text:link 2 url}" title="{text:link 2}"><img src="http://s15.postimg.org/s2bykp6s7/light_recycle_bin.png" width="80px" hspace="10px"/></a><br><br>
  920.  
  921. <a href="{text:link 3 url}" title="{text:link 3}"><img src="http://s4.postimg.org/4pzvafm2h/light_online_services.png" width="55px" hspace="25px"/></a><br><br>
  922.  
  923. <a href="{text:link 4 url}" title="{text:link 4}"><img src="http://s27.postimg.org/stvm19j7z/light_network.png" width="80px" hspace="10px"/></a>
  924. {/block:ifnotdarkversion}
  925.  
  926. </div>
  927.  
  928.  
  929. <div id="sidebar">
  930. <div id="sidebartitle">{text:sidebar title}</a></div>
  931. <div id="description">{Description}</div>
  932. {block:ifnotinfinitescroll}
  933. <div id="pagination">
  934. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}
  935. {block:NextPage}– <a href="{NextPage}">next</a>{/block:NextPage}
  936. {/block:Pagination}
  937. </div>{/block:ifnotinfinitescroll}
  938. </div>
  939.  
  940. <div id="entries">{block:ifinfinitescroll}<div class = "autopagerize_page_element" >{/block:ifinfinitescroll}{block:Posts}<div id="post">
  941.  
  942.  
  943. {block:Text}<h1><img src="http://www.milk.com.hk/sites/default/files/imagecache/largebanner/sites/default/files/notepad_1.png" width="15px"/> Notepad {block:Title}- {Title}{/block:Title}<img src="http://s1.postimg.org/9vyqo5waz/close.jpg" align="right" width="15px" /></h1>{Body}{/block:Text}
  944.  
  945.  
  946. {block:Photo}<h1><img src="http://s13.postimg.org/pey8bxwib/win98se.png" width="15px"/> Media Player<img src="http://s1.postimg.org/9vyqo5waz/close.jpg" align="right" width="15px" /></h1>{LinkOpenTag}<img src="{block:if250posts}{PhotoURL-250}{/block:if250posts}{block:ifnot250posts}{PhotoURL-400}{block:ifnot250posts}">{LinkCloseTag}{block:ifcaptions}{block:Caption}{Caption}{/block:Caption}{block:ifcaptions}{/block:Photo}
  947.  
  948. {block:Photoset}<h1><img src="http://s13.postimg.org/pey8bxwib/win98se.png" width="15px"/> Media Player<img src="http://s1.postimg.org/9vyqo5waz/close.jpg" align="right" width="15px" /></h1>{block:if250posts}{Photoset-250}{/block:if250posts}{block:ifnot250posts}{Photoset-400}{block:ifnot250posts}{block:ifcaptions}{block:Caption}{Caption}{/block:Caption}{block:ifcaptions}{/block:Photoset}
  949.  
  950.  
  951. {block:Quote}<h1><img src="http://www.milk.com.hk/sites/default/files/imagecache/largebanner/sites/default/files/notepad_1.png" width="15px"/> Notepad <img src="http://s1.postimg.org/9vyqo5waz/close.jpg" align="right" width="15px" /></h1><big><b><i>"{Quote}"</i></b></big>{block:Source}<p></p>— {Source}{/block:Source}{/block:Quote}
  952.  
  953.  
  954. {block:Link}<h1><img src="http://www.milk.com.hk/sites/default/files/imagecache/largebanner/sites/default/files/notepad_1.png" width="15px"/> Notepad <img src="http://s1.postimg.org/9vyqo5waz/close.jpg" align="right" width="15px" /></h1><h2><a href="{URL}" {Target}>{Name}</a></h2>{block:Description}{Description}{/block:Description}{/block:Link}
  955.  
  956.  
  957. {block:Chat}<h1><img src="http://www.milk.com.hk/sites/default/files/imagecache/largebanner/sites/default/files/notepad_1.png" width="15px"/> Notepad {block:Title}- {Title}{/block:Title}<img src="http://s1.postimg.org/9vyqo5waz/close.jpg" align="right" width="15px" /></h1>{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  958.  
  959.  
  960. {block:Video}<h1><img src="http://s13.postimg.org/pey8bxwib/win98se.png" width="15px"/> Media Player<img src="http://s1.postimg.org/9vyqo5waz/close.jpg" align="right" width="15px" /></h1>{block:if250posts}{Video-250}{/block:if250posts}{block:ifnot250posts}{Video-400}{block:ifnot250posts}{block:ifcaptions}{block:Caption}{Caption}{/block:Caption}{block:ifcaptions}{/block:Video}
  961.  
  962.  
  963. {block:Audio}<h1><img src="http://s13.postimg.org/pey8bxwib/win98se.png" width="15px"/> Media Player<img src="http://s1.postimg.org/9vyqo5waz/close.jpg" align="right" width="15px" /></h1><div class="audio_container">{block:AudioEmbed}{AudioEmbed color="white"}{/block:AudioEmbed}</div>
  964. {block:Caption}<div class="caption">{Caption}</div>
  965. {/block:Caption}{/block:Audio}
  966.  
  967.  
  968. {block:Answer}<div id="question"><img src="{AskerPortraitURL-24}"></div><big><i>{Asker} asked:</big></i><br>{Question}<p>{Answer}{/block:Answer}
  969.  
  970.  
  971. <div id="postinfo">on <a href="{Permalink}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a>{/block:Date}&nbsp;&nbsp;&nbsp;&nbsp;<a href="{Permalink}">{NoteCount}%</a>&nbsp;&nbsp;&nbsp;&nbsp; {block:RebloggedFrom}<a href="{ReblogParentURL}"> via</a> {/block:RebloggedFrom} {block:ContentSource} / <a href="{SourceURL}"> <a href="{SourceURL}"> src</a>{/block:ContentSource}{/block:RebloggedFrom}
  972.  
  973. {block:iftags}{block:HasTags}<div id="tags">{block:Tags} #<a href="{TagURL}">{tag}</a>, {/block:Tags}</div>{/block:HasTags}{block:iftags}</div></div>
  974.  
  975. {/block:Posts}{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}{/block:Posts}
  976. {block:ifinfinitescroll}</div>{/block:ifinfinitescroll}</div></div></div></div>
  977. </div>
  978.  
  979. </div>
  980.  
  981. </div>
  982.  
  983. <div id="credit"><a href="http://bsethemes.tumblr.com/">bsethemes</a></div>
  984.  
  985. </body>
  986. <div id="02" class="popup_block">
  987. <div id="asktitle"><img src="http://i62.tinypic.com/28hh1ch.png"/> {text:popupask title}</div>
  988. <br><br><br>
  989. <Center><iframe frameborder="0" scrolling="yes" width="80%" height="260" src="http://www.tumblr.com/ask_form/USERNAME.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form">
  990. </center></div>
  991.  
  992. </div></div></div></div></div></div></div></div></div></div>
  993. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!