Advertisement
ancrestas

little things - tags

Jul 2nd, 2014
354
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.90 KB | None | 0 0
  1. <html>
  2. <head>
  3. <title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}" />
  5.  
  6. <style type="text/css">
  7.  
  8. #s-m-t-tooltip {
  9. max-width:300px;
  10. padding:5px;
  11. margin:10px 0px 0px 10px;
  12. background-color:#dadada;
  13. font-family:trebuchet ms;
  14. font-size:7px;
  15. letter-spacing:1px;
  16. font-style:none;
  17. text-transform:uppercase;
  18. padding-bottom:3px;
  19. color:#fff;
  20. z-index:999999999999999999999999999999999999;
  21. }
  22.  
  23. ::-webkit-scrollbar-thumb {
  24. height:auto;
  25. background-color: #555;
  26. border:1px solid #fff;
  27. }
  28.  
  29. ::-webkit-scrollbar {
  30. height:9px;
  31. width:5px;
  32. background-color: #ddd;
  33. border:2px solid #fff;
  34. }
  35.  
  36. body {
  37. font-family:arial;
  38. font-size:11px;
  39. color:#000;
  40. background:#fff;
  41. cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;
  42. }
  43.  
  44. a {
  45. text-decoration:none;
  46. text-decoration:none;
  47. outline:none;
  48. -moz-outline-style:none;
  49. -moz-transition-duration:0.5s;
  50. -webkit-transition-duration:0.5s;
  51. -o-transition-duration:0.5s;
  52. }
  53.  
  54. a:hover {
  55. text-decoration:none;
  56. cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;
  57. -moz-transition-duration:0.5s;
  58. -webkit-transition-duration:0.5s;
  59. -o-transition-duration:0.5s;
  60. }
  61.  
  62. #title {
  63. padding:5px;
  64. width:342px;
  65. margin-top:174px;
  66. margin-left:550px;
  67. text-align:center;
  68. font-family:'calibri';
  69. height:20px;
  70. font-size:17px;
  71. position:fixed;
  72. text-transform:uppercase;
  73. color:black;
  74. background-color:#f6f6f6;
  75. border-bottom:1px solid #f0f0f0;
  76. border-left:3px solid #dadada;
  77. border-right:3px solid #dadada;
  78. }
  79.  
  80. #boxtitle1 {
  81. text-align:center;
  82. font-family:'calibri';
  83. width:167px;
  84. height:20px;
  85. padding-top:5px;
  86. margin-top:210px;
  87. margin-left:550px;
  88. font-size:10px;
  89. position:fixed;
  90. text-transform:uppercase;
  91. color:black;
  92. background-color:#f6f6f6;
  93. border-bottom:1px solid #f0f0f0;
  94. border-left:3px solid #dadada;
  95. border-right:3px solid #dadada;
  96. }
  97.  
  98. #box1 {
  99. text-align:justify;
  100. font-family:'calibri';
  101. width:150px;
  102. height:60px;
  103. margin-top:240px;
  104. margin-left:550px;
  105. padding:10px;
  106. font-size:8px;
  107. position:fixed;
  108. text-transform:uppercase;
  109. color:black;
  110. background-color:#f6f6f6;
  111. border-bottom:1px solid #f0f0f0;
  112. border-left:3px solid #dadada;
  113. }
  114.  
  115. #boxtitle2 {
  116. text-align:center;
  117. font-family:'calibri';
  118. width:167px;
  119. height:20px;
  120. padding-top:5px;
  121. margin-top:210px;
  122. margin-left:735px;
  123. font-size:10px;
  124. position:fixed;
  125. text-transform:uppercase;
  126. color:black;
  127. background-color:#f6f6f6;
  128. border-bottom:1px solid #f0f0f0;
  129. border-left:3px solid #dadada;
  130. border-right:3px solid #dadada;
  131. }
  132.  
  133. #box2 {
  134. text-align:justify;
  135. font-family:'calibri';
  136. width:150px;
  137. height:60px;
  138. margin-top:240px;
  139. margin-left:735px;
  140. padding:10px;
  141. font-size:8px;
  142. position:fixed;
  143. text-transform:uppercase;
  144. color:black;
  145. background-color:#f6f6f6;
  146. border-bottom:1px solid #f0f0f0;
  147. border-right:3px solid #dadada;
  148. }
  149.  
  150. #boxtitle3 {
  151. text-align:center;
  152. font-family:'calibri';
  153. width:167px;
  154. height:20px;
  155. padding-top:5px;
  156. margin-top:330px;
  157. margin-left:550px;
  158. font-size:10px;
  159. position:fixed;
  160. text-transform:uppercase;
  161. color:black;
  162. background-color:#f6f6f6;
  163. border-bottom:1px solid #f0f0f0;
  164. border-left:3px solid #dadada;
  165. border-right:3px solid #dadada;
  166. }
  167.  
  168. #box3 {
  169. text-align:justify;
  170. font-family:'calibri';
  171. width:150px;
  172. height:60px;
  173. margin-top:360px;
  174. margin-left:550px;
  175. padding:10px;
  176. font-size:8px;
  177. position:fixed;
  178. text-transform:uppercase;
  179. color:black;
  180. background-color:#f6f6f6;
  181. border-bottom:1px solid #f0f0f0;
  182. border-left:3px solid #dadada;
  183. }
  184.  
  185. #boxtitle4 {
  186. text-align:center;
  187. font-family:'calibri';
  188. width:167px;
  189. height:20px;
  190. padding-top:5px;
  191. margin-top:330px;
  192. margin-left:735px;
  193. font-size:10px;
  194. position:fixed;
  195. text-transform:uppercase;
  196. color:black;
  197. background-color:#f6f6f6;
  198. border-bottom:1px solid #f0f0f0;
  199. border-left:3px solid #dadada;
  200. border-right:3px solid #dadada;
  201. }
  202.  
  203. #box4 {
  204. text-align:justify;
  205. font-family:'calibri';
  206. width:150px;
  207. height:60px;
  208. margin-top:360px;
  209. margin-left:735px;
  210. padding:10px;
  211. font-size:8px;
  212. position:fixed;
  213. text-transform:uppercase;
  214. color:black;
  215. background-color:#f6f6f6;
  216. border-bottom:1px solid #f0f0f0;
  217. border-right:3px solid #dadada;
  218. }
  219.  
  220. #boxtitle5 {
  221. text-align:center;
  222. font-family:'calibri';
  223. width:167px;
  224. height:20px;
  225. padding-top:5px;
  226. margin-top:450px;
  227. margin-left:550px;
  228. font-size:10px;
  229. position:fixed;
  230. text-transform:uppercase;
  231. color:black;
  232. background-color:#f6f6f6;
  233. border-bottom:1px solid #f0f0f0;
  234. border-left:3px solid #dadada;
  235. border-right:3px solid #dadada;
  236. }
  237.  
  238. #box5 {
  239. text-align:justify;
  240. font-family:'calibri';
  241. width:150px;
  242. height:60px;
  243. margin-top:480px;
  244. margin-left:550px;
  245. padding:10px;
  246. font-size:8px;
  247. position:fixed;
  248. text-transform:uppercase;
  249. color:black;
  250. background-color:#f6f6f6;
  251. border-bottom:1px solid #f0f0f0;
  252. border-left:3px solid #dadada;
  253. }
  254.  
  255. #boxtitle6 {
  256. text-align:center;
  257. font-family:'calibri';
  258. width:167px;
  259. height:20px;
  260. padding-top:5px;
  261. margin-top:450px;
  262. margin-left:735px;
  263. font-size:10px;
  264. position:fixed;
  265. text-transform:uppercase;
  266. color:black;
  267. background-color:#f6f6f6;
  268. border-bottom:1px solid #f0f0f0;
  269. border-left:3px solid #dadada;
  270. border-right:3px solid #dadada;
  271. }
  272.  
  273. #box6 {
  274. text-align:justify;
  275. font-family:'calibri';
  276. width:150px;
  277. height:60px;
  278. margin-top:480px;
  279. margin-left:735px;
  280. padding:10px;
  281. font-size:8px;
  282. position:fixed;
  283. text-transform:uppercase;
  284. color:black;
  285. background-color:#f6f6f6;
  286. border-bottom:1px solid #f0f0f0;
  287. border-right:3px solid #dadada;
  288. }
  289.  
  290. .link {
  291. width:170px;
  292. margin-left:-10px;
  293. }
  294.  
  295. .link a {
  296. text-align:center;
  297. letter-spacing:1px;
  298. font-size:10px;
  299. width:170px;
  300. padding:0px;
  301. margin:0px;
  302. display:block;
  303. background-color:#f7f7f7;
  304. color:#888888;
  305. transition: all 0.3s ease-out;
  306. -o-transition: all 0.3s ease-out;
  307. -webkit-transition: all 0.3s ease-out;
  308. -moz-transition: all 0.3s ease-out;
  309. }
  310.  
  311. .link a:hover {
  312. background-color:white;
  313. transition: all 0.3s ease-out;
  314. -o-transition: all 0.3s ease-out;
  315. -webkit-transition: all 0.3s ease-out;
  316. -moz-transition: all 0.3s ease-out;
  317. }
  318.  
  319. #credit {
  320. font-size:11px;
  321. bottom:0;
  322. right:0;
  323. position:fixed;
  324. text-transform:uppercase;
  325. padding:5px;
  326. color:{color:links};
  327. }
  328.  
  329. </style>
  330. </head>
  331.  
  332. <body>
  333. <center>
  334. <div>
  335. <div id="title">title here</div>
  336. <div>
  337. <div id="boxtitle1">title one</div>
  338. <div id="box1">
  339. <div class="link">
  340. <center>
  341. <a href="/">link</a> <a href="/">link</a> <a href="/">link</a> <a href="/">link</a> <a href="/">link</a>
  342. </center>
  343. </div></div>
  344.  
  345. <div id="boxtitle2"> title two </div>
  346. <div id="box2">
  347. <div class="link">
  348. <center>
  349. <a href="/">link</a> <a href="/">link</a> <a href="/">link</a> <a href="/">link</a> <a href="/">link</a>
  350. </center>
  351. </div></div>
  352.  
  353. <div id="boxtitle3">title three</div>
  354. <div id="box3">
  355. <div class="link">
  356. <center>
  357. <a href="/">link</a> <a href="/">link</a> <a href="/">link</a> <a href="/">link</a> <a href="/">link</a>
  358. </center>
  359. </div></div>
  360.  
  361. <div id="boxtitle4">title four</div>
  362. <div id="box4">
  363. <div class="link">
  364. <center>
  365. <a href="/">link</a> <a href="/">link</a> <a href="/">link</a> <a href="/">link</a> <a href="/">link</a>
  366. </center>
  367. </div></div>
  368.  
  369. <div id="boxtitle5">title five</div>
  370. <div id="box5">
  371. <div class="link">
  372. <center>
  373. <a href="/">link</a> <a href="/">link</a> <a href="/">link</a> <a href="/">link</a> <a href="/">link</a>
  374. </center>
  375. </div></div>
  376.  
  377. <div id="boxtitle6">title six</div>
  378. <div id="box6">
  379. <div class="link">
  380. <center>
  381. <a href="/">link</a> <a href="/">link</a> <a href="/">link</a> <a href="/">link</a> <a href="/">link</a>
  382. </center>
  383. </div></div>
  384.  
  385. <div id="credit"><a href="http://mathewsdaddario.tumblr.com/" title="thai's themes">thai</a></div>
  386. </center>
  387.  
  388. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  389. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  390. <script>
  391. (function($){
  392. $(document).ready(function(){
  393. $("a[title]").style_my_tooltips({
  394. tip_follows_cursor:true,
  395. tip_delay_time:150,
  396. tip_fade_speed:700,
  397. attribute:"title"
  398. });
  399. });
  400. })(jQuery);
  401. </script>
  402. </body>
  403. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement