API tools faq
paste
Advertisement
kawaiibuu

Fuji OS link page

kawaiibuu
Jul 5th, 2014
4,812
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.70 KB | None | 0 0
raw download clone embed print report
  1. <head>
  2. <!--
  3.  
  4. Fuji OS Page Pack
  5. Link Page
  6. by softwaring.tumblr.com
  7. get at jubileethemes.tumblr.com
  8.  
  9. -->
  10. <!--
  11.  
  12. Edit the title in the tab bar on your browser below
  13. change "Links" to whatever you want
  14.  
  15. -->
  16. <Title>Links</Title>
  17. <!--
  18.  
  19. JQUERY AREA
  20. Do not edit!
  21.  
  22. -->
  23. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  24. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  25. <script>
  26. (function($){
  27. $(document).ready(function(){
  28. $("[title]").style_my_tooltips();
  29. });
  30. })(jQuery);
  31. </script>
  32. <script type="text/javascript"
  33. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  34. </script><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  35. <script>
  36. function startTime()
  37. {
  38. var today=new Date();
  39. var h=today.getHours();
  40. var m=today.getMinutes();
  41. var s=today.getSeconds();
  42. // add a zero in front of numbers<10
  43. m=checkTime(m);
  44. s=checkTime(s);
  45. document.getElementById('txt').innerHTML=h+":"+m+":"+s;
  46. t=setTimeout(function(){startTime()},500);
  47. }
  48.  
  49. function checkTime(i)
  50. {
  51. if (i<10)
  52. {
  53. i="0" + i;
  54. }
  55. return i;
  56. }
  57. </script>
  58. <script type="text/javascript"
  59. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  60. <script>
  61. $(document).ready(function() {
  62. $('#close').click(function() {
  63. $('.contentbox').hide() });
  64. });
  65. </script>
  66. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  67. <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  68. <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  69. <script>
  70. $(function() {
  71. $(".contentbox").draggable();
  72. $("#sticky").draggable();
  73. });
  74. </script>
  75.  
  76. <!--
  77.  
  78. Hosted Font
  79. Do not edit!
  80.  
  81. -->
  82. <link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
  83. <style>
  84.  
  85. /**
  86.  
  87. Change background here
  88. Also change font type and size etc here as well
  89.  
  90. **/
  91. body { font: 10px 'Roboto';
  92. background: url(http://i.imgur.com/u2oPC.jpg)top center fixed; background-size: cover; letter-spacing: 1px;
  93. cursor: default; }
  94.  
  95. a { cursor: pointer; text-transform: uppercase; color: black; text-decoration:none; }
  96. a:hover { color: red!important; }
  97. /**
  98.  
  99. This is the main scrollbar
  100. Change the background and colors here
  101.  
  102. **/
  103. ::-webkit-scrollbar{ background-image: url("http://i.imgur.com/u2oPC.jpg"); background-size: cover; width: 6px; }
  104. ::-webkit-scrollbar-thumb { background: #9a9a9a; }
  105. /**
  106.  
  107. This is the main top bar that holds the navigation button
  108. Change the background and border colors here
  109.  
  110. **/
  111. #dock { position: fixed; top: 0px; left: 0px; width: 100%; height: 18px;
  112. background-image: -o-linear-gradient(bottom, #E8E8E8 0%, #D7D7D7 34%, #B3B3B3 100%);
  113. background-image: -moz-linear-gradient(bottom, #E8E8E8 0%, #D7D7D7 34%, #B3B3B3 100%);
  114. background-image: -webkit-linear-gradient(bottom, #E8E8E8 0%, #D7D7D7 34%, #B3B3B3 100%);
  115. background-image: -ms-linear-gradient(bottom, #E8E8E8 0%, #D7D7D7 34%, #B3B3B3 100%);
  116. background-image: linear-gradient(to bottom, #E8E8E8 0%, #D7D7D7 34%, #B3B3B3 100%); -webkit-box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.2);
  117. -moz-box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.2); z-index: 999;
  118.  
  119.  
  120. border-bottom: 1px solid #9a9a9a; }
  121. /**
  122.  
  123. This is the main box that holds your links and everything else
  124. Change the background and border colors here
  125.  
  126. **/
  127. .contentbox {width: 450px; margin: 200px auto 0px auto; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;
  128. -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px;
  129. border-top-left-radius: 5px; border-top-right-radius: 5px;
  130.  
  131.  
  132. border: 1px solid #9a9a9a;
  133. background: rgba(255, 255, 255, 0.7); }
  134. /**
  135.  
  136. This is the main box top bar that holds the exit button
  137. Change the background and border colors here
  138.  
  139. **/
  140. .headerbg { background-image: -o-linear-gradient(bottom, #E8E8E8 0%, #D7D7D7 34%, #B3B3B3 100%);
  141. background-image: -moz-linear-gradient(bottom, #E8E8E8 0%, #D7D7D7 34%, #B3B3B3 100%);
  142. background-image: -webkit-linear-gradient(bottom, #E8E8E8 0%, #D7D7D7 34%, #B3B3B3 100%);
  143. background-image: -ms-linear-gradient(bottom, #E8E8E8 0%, #D7D7D7 34%, #B3B3B3 100%);
  144. background-image: linear-gradient(to bottom, #E8E8E8 0%, #D7D7D7 34%, #B3B3B3 100%);
  145. height: 20px; width: 450px; position:absolute; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;
  146.  
  147.  
  148.  
  149. border-bottom: 1px solid #9a9a9a; }
  150.  
  151. /**
  152.  
  153. This is the inner padding to your contentbox
  154. Leave this alone
  155.  
  156. **/
  157. .body { padding: 15px; max-height: 400px; min-height: 100px; overflow: auto; }
  158. .body::-webkit-scrollbar{ background: transparent; width: 5px; }
  159. .body::-webkit-scrollbar-thumb { background: #9a9a9a; }
  160. /**
  161.  
  162. This is the title style for your links title
  163. Change if you want
  164.  
  165. **/
  166. h1 { font-weight: 100; font-size: 24px; border-bottom: 1px solid #9a9a9a; margin: 10px 0px 0px 0px; }
  167. /**
  168.  
  169. This is the links holder styling
  170. Leave this alone
  171.  
  172. **/
  173. .links { padding: 5px; }
  174. /**
  175.  
  176. This is the links styling themselves
  177. You can change the color and styling here
  178.  
  179. **/
  180. .links a { text-transform: uppercase; text-decoration: none; color: black; padding: 5px; margin: 0px 2.5px; position: relative; line-height: 30px; text-align: center; }
  181. /**
  182.  
  183. This is the top bar's circle's
  184. You can change the border colors here
  185.  
  186. **/
  187. .circle1 { width: 1px; position:absolute; height: 1px; padding: 3px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;
  188.  
  189. border: 1px solid #9a9a9a;}
  190. .circle2 { width: 1px; position:absolute; height: 1px; padding: 3px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;
  191.  
  192. border: 1px solid #9a9a9a; }
  193. .circle3 { width: 1px; position:absolute; height: 1px; padding: 3px; -webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;
  194.  
  195.  
  196. border: 1px solid #9a9a9a;}
  197. /**
  198.  
  199. This is the circle's hover color styling
  200. You can change the color below
  201.  
  202. **/
  203. .circle1:hover { background: rgba(189, 44, 44, 0.5); }
  204. .circle2:hover { background: rgba(255, 255, 0, 0.5); }
  205. .circle3:hover { background: rgba(131, 255, 0, 0.5); }
  206. /**
  207.  
  208. This is the sticky note styling
  209. You can change the colors and background here
  210.  
  211. **/
  212. #sticky { top: 15%; left: 5%; background: #f1cbcc; width: 130px; position:fixed; -webkit-box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.2);
  213. -moz-box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.2); }
  214. #sticky .inner { position:relative; padding: 4px; text-align: center; font-size: 10px; }
  215. .border { position:relative; border-top: 1px solid black; opacity: 0.2; }
  216. /**
  217.  
  218. This is the tolltip styling
  219. Change colors here
  220.  
  221. **/
  222. #s-m-t-tooltip { text-align:center; background: white; font-size: 10px;
  223. font-family: consolas; border: 1px solid #9a9a9a; color: black; max-width: 100px; text-transform:uppercase; word-wrap: break-word; padding: 1px 5px 2px 6px; display: block; margin: 10px 10px 10px 15px; z-index: 9999999999999999999999; }
  224. /**
  225.  
  226. This is the text selection styling
  227. Change colors here
  228.  
  229. **/
  230. ::selection { background: transparent; color: transparent; text-shadow: 2px 2px rgba(0,0,0, 0.7); }
  231. ::-moz-selection { background: transparent; color: transparent; text-shadow: 2px 2px rgba(0,0,0, 0.7); }
  232. ::-webkit-selection { background: transparent; color: transparent; text-shadow: 2px 2px rgba(0, 0, 0, 0.7); }
  233. </style>
  234. </head>
  235. <body onload="startTime()">
  236. <div id="dock">
  237. <!--
  238.  
  239. Change the little icon on the dock here
  240.  
  241. -->
  242. <img src="http://static.tumblr.com/mqkrxog/f1An89tp9/apple.png" style="float:left; margin-left: 5px; opacity: 0.5; height: 15px; margin-top: 1px;"><div style="margin-top: 0px; margin-left: 20px;">
  243. <!--
  244.  
  245. To add links to the Navigation dropbox
  246. just copy annd paste this code:
  247. <option value=" YOUR URL "> LINK TITLE </option>
  248. Change the styling here for the Nav box
  249.  
  250. -->
  251. <select style="
  252. background: transparent; margin-top: -2px; color: black;
  253. border: 1px solid transparent; -webkit-appearance:none;
  254. letter-spacing: 1px; padding: 0px; outline: 0; border-radius: 3px;
  255. font-size: 12px; font-weight: 500; float: left;
  256. font-family: 'Roboto';" onChange="location.href=this.options[this.selectedIndex].value;">
  257. <option value="/">Navigation</option>
  258. <option value="http://tumblr.com/dashboard">Dashboard</option>
  259. <option value="/ask">Contact</option>
  260. <option value="/archive">Post Index</option>
  261. <option value="http://jubileethemes.tumblr.com">Theme</option>
  262. </select></div>
  263. <!--
  264.  
  265. This is the clock leave this alone or delete it if you want
  266.  
  267. -->
  268. <div id="txt" style="position:absolute; margin-top: 3px; right: 15px;" title="Current Time"></div>
  269. </div>
  270. <!--
  271.  
  272. This is where your content box is
  273.  
  274. -->
  275. <div class="contentbox">
  276. <div class="headerbg"><a href="#" title="close"><div id="close" class="circle1" style="margin-top: 5px; left: 5px;"></div></a><div class="circle2" style="margin-top: 5px; left: 20px;"></div><div class="circle3" style="margin-top: 5px; left: 35px;"></div></div><div class="body">
  277. <!--
  278.  
  279. Change the title here if you want
  280.  
  281. -->
  282. <h1>Links</h1>
  283. <ul class="links">
  284. <!--
  285.  
  286. Change the links here
  287.  
  288. -->
  289. <a href=""> Link 1 </a>
  290. <a href=""> Link 2 </a>
  291. <a href=""> Link 3 </a>
  292. <a href=""> Link 4 </a>
  293. <a href=""> Link 5 </a>
  294. <a href=""> and </a>
  295. <a href=""> so </a>
  296. <a href=""> on </a>
  297. <a href=""> Another </a>
  298. <a href=""> row </a>
  299. <a href=""> of links </a>
  300. </ul></div></div>
  301. <!--
  302.  
  303. This is the sticky note area
  304.  
  305. -->
  306. <div id="sticky"><img src="http://static.tumblr.com/mqkrxog/lFdmwc3ja/l_corner.png" style="float:left; padding: 2px;"><img src="http://static.tumblr.com/mqkrxog/8Hzmwc3k7/r_corner.png" style="float:right; padding: 2px;"><br><div class="border"></div><div class="inner">
  307. <!--
  308.  
  309. This is where you can put your about
  310.  
  311. -->
  312. Both boxes are draggable!<br><br>
  313. use this sticky for your about or updates or sumthin
  314. </div></div>
  315.  
  316. <!--
  317.  
  318. Leave credits alone this theme is a gift from me to u :-)
  319.  
  320. -->
  321. <a href="http://jubileethemes.tumblr.com" style="position:fixed; font: 8px consolas; text-transform: uppercase; color: black; text-decoration:none; padding: 5px; bottom: 0px; left: 0px;">theme</a>
  322. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!