API tools faq
paste
Advertisement
sexycullen

# 144

sexycullen
Oct 3rd, 2015
1,942
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.65 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7. <!--------------------------------------------
  8. SCOTTISBAE THEMES # 144
  9. THEME BY: http://scottisbae.tumblr.com/ (PREV BRITISHROBERT)
  10.  
  11. RULES, IMPORTANT: DON'T REMOVE THE CREDIT // DON'T CLAIM AS YOUR OWN // DON'T USE AS A BASE
  12.  
  13. --------------------------------------------->
  14.  
  15. <title>{Title}</title>
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  18. <meta name="description" content="" />
  19. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  20.  
  21. <link href='http://fonts.googleapis.com/css?family=Merriweather+Sans:400,700' rel='stylesheet' type='text/css'>
  22.  
  23. <link href='http://fonts.googleapis.com/css?family=Josefin+Slab:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  24.  
  25. <link href='http://fonts.googleapis.com/css?family=Kotta+One' rel='stylesheet' type='text/css'>
  26.  
  27. <link href='http://fonts.googleapis.com/css?family=Junge' rel='stylesheet' type='text/css'>
  28.  
  29. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700&subset=latin,cyrillic-ext' rel='stylesheet' type='text/css'>
  30.  
  31. <script type="text/javascript"
  32. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  33.  
  34. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  35. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  36. <script>
  37. (function($){
  38. $(document).ready(function(){
  39. $("a[title]").style_my_tooltips({
  40. tip_follows_cursor:true,
  41. tip_delay_time:90,
  42. tip_fade_speed:600,
  43. attribute:"title"
  44. });
  45. });
  46. })(jQuery);
  47. </script>
  48.  
  49. <script>
  50. $(document).ready(function(){
  51. $("ul#tabs li").click(function(e){
  52. if (!$(this).hasClass("active")) {
  53. var tabNum = $(this).index();
  54. var nthChild = tabNum+1;
  55. $("ul#tabs li.active").removeClass("active");
  56. $(this).addClass("active");
  57. $("ul#tab li.active").removeClass("active");
  58. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  59. }
  60. });
  61. });
  62. </script>
  63.  
  64. <style type="text/css">
  65.  
  66. ::-webkit-scrollbar {background-color: transparent; height:5px; width:5px}
  67. ::-webkit-scrollbar-thumb:vertical {background-color:#000000; height:10px}
  68. ::-webkit-scrollbar-thumb:horizontal {background-color:#000000; height:5px!important}
  69.  
  70.  
  71. #s-m-t-tooltip {
  72. max-width:300px;
  73. margin-top:-25px;
  74. margin-left:-25px;
  75. font-size:8px;
  76. padding:3px;
  77. font-family:calibri;
  78. letter-spacing:1px;
  79. text-align:center;
  80. text-transform:uppercase;
  81. background-color:#fff;
  82. color:#444;
  83. z-index:999999999999999999999999999999999999;
  84. }
  85.  
  86.  
  87. body {
  88. color: {color:Text};
  89. background-color:#FFFFFF;
  90. }
  91.  
  92. a {
  93. color: #5d5c5c;
  94. text-decoration: none;
  95. -moz-transition-duration: 0.5s;
  96. -o-transition-duration: 0.5s;
  97. -webkit-transition-duration: 0.5s;
  98. transition-duration: 0.5s;
  99. }
  100.  
  101. a:hover {
  102. color: #9d9d9d;
  103. -moz-transition-duration: 0.5s;
  104. -o-transition-duration: 0.5s;
  105. -webkit-transition-duration: 0.5s;
  106. transition-duration: 0.5s;
  107. }
  108.  
  109. .sidebar {
  110. margin:auto;
  111. top:10px;
  112. margin-left:389px;
  113. }
  114.  
  115. .part1 {
  116. padding:5px;
  117. top:30px;
  118. margin:auto;
  119. }
  120.  
  121. .table1 {
  122. width:200px;
  123. padding:0px 5px 5px 5px;
  124. border-right: 0px solid #F5F5F5;
  125. }
  126.  
  127. .links1 {
  128. width:340px;
  129. font-size:11px;
  130. font-family:arial;
  131. color:#444;
  132. margin-top:px;
  133. font-weight:;
  134. text-align:right;
  135. margin-left:0px;
  136. letter-spacing:px;
  137. margin: 15px 0 6px 0;
  138. }
  139.  
  140. .links1 a {
  141. padding:3px;
  142. color:#444;
  143. }
  144.  
  145. .links1 a:hover {
  146. letter-spacing:px;
  147. -moz-transition-duration: 0.5s;
  148. -o-transition-duration: 0.5s;
  149. -webkit-transition-duration: 0.5s;
  150. transition-duration: 0.5s;
  151. }
  152.  
  153. .container {
  154. width:950px;
  155. height:auto;
  156. position:relative;
  157. margin:auto;
  158. top: 53px;
  159. bottom:10px;
  160. left:1px;
  161. border: 0px solid #f0f0f0;
  162. }
  163.  
  164. .chars {
  165. width:500px;
  166. height:auto;
  167. margin:auto;
  168. position:relative;
  169. top: -20px;
  170. margin-left:260px;
  171. border: 0px solid #000;
  172. }
  173.  
  174. .table {
  175. width:130px;
  176. height:auto;
  177. position:relative;
  178. margin-left:20px;
  179. text-align:center;
  180. margin-top:28px;
  181. display:inline-block;
  182. border: 0px solid #f0f0f0;
  183. }
  184.  
  185. .image {
  186. width:60px;
  187. padding:0px;
  188. height:auto;
  189. margin-bottom:10px;
  190. outline:11px solid #F5F5F5;
  191. }
  192.  
  193.  
  194. .credit {
  195. position:fixed;
  196. font-family:calibri;
  197. font-size:8px;
  198. font-weight:normal;
  199. line-height:150%;
  200. letter-spacing:0px;
  201. right:5px;
  202. bottom:20px;
  203. text-transform:uppercase;
  204. text-align:center;
  205. }
  206.  
  207. .credit a {
  208. font-style:normal;
  209. padding:3px;
  210. color:#444;
  211. -moz-transition-duration:0.5s;
  212. -webkit-transition-duration:0.5s;
  213. -o-transition-duration:0.5s;
  214. }
  215.  
  216.  
  217.  
  218. .ultab {
  219. width:464px;
  220. height:173px;
  221. overflow-y:hidden;
  222. overflow-x:scroll;
  223. margin-left:18px;
  224. }
  225.  
  226. ul#tabs {
  227. width:200%;
  228. float:left;
  229. margin-left:1px;
  230. list-style-type: none;
  231. padding: 0;
  232. }
  233. ul#tabs li {
  234. display: inline-block;
  235. padding: 5px 20px;
  236. margin-bottom: 4px;
  237. width:100px;
  238. margin-left:px;
  239. margin-top:0px;
  240. padding:3px;
  241. outline:1px solid #f0f0f0;
  242. border-left:3px solid #fff;
  243. border-right:3px solid #fff;
  244. border-bottom:25px solid #fff;
  245. cursor: pointer;
  246. }
  247.  
  248. ul#tabs img {
  249. width:100px;
  250. }
  251.  
  252. ul#tabs li:hover {
  253. }
  254.  
  255. ul#tabs li.active {
  256. outline:2px solid #f0f0f0;
  257. border-left:3px solid #fff;
  258. border-right:3px solid #fff;
  259. border-bottom:0px solid #fff;
  260. }
  261. ul#tab {
  262. list-style-type: none;
  263. margin: 0;
  264. padding: 0;
  265. }
  266. ul#tab li {
  267. width:454px;
  268. height:240px;
  269. font-size:11px;
  270. font-family:arial;
  271. color:#444;
  272. padding-top:8px;
  273. padding-right:8px;
  274. margin-bottom:5px;
  275. margin-left:20px;
  276. letter-spacing:px;
  277. line-height:120%;
  278. text-align:justify;
  279. display: none;
  280. overflow-y:scroll;
  281. border-bottom:px solid #f0f0f0;
  282. }
  283.  
  284. h2 {
  285. font-size:18px;
  286. font-family:arial;
  287. color:#444;
  288. margin-top:15px;
  289. margin-left:0px;
  290. letter-spacing:-2px;
  291. }
  292.  
  293. .infoo {
  294. font-size:18px;
  295. font-family:arial;
  296. color:#444;
  297. margin-top:15px;
  298. margin-left:0px;
  299. letter-spacing:-2px;
  300. outline:0px solid #f0f0f0;
  301. border-left:0px solid #fff;
  302. border-right:0px solid #fff;
  303. border-bottom:0px solid #fff;
  304. }
  305.  
  306.  
  307. ul#tab li.active {
  308. display: block;
  309. }
  310.  
  311. </style>
  312.  
  313. </head>
  314.  
  315. <body>
  316.  
  317.  
  318. <div class="container">
  319. <div class="sidebar">
  320. <td>
  321.  
  322. <div class="part1">
  323. <div class="table1">
  324.  
  325. <div class="links1">
  326. <a href="/">back</a>
  327. <a href="https://www.tumblr.com/dashboard">dashboard</a>
  328. <a href="/">link</a>
  329. <a href="/">link</a>
  330. <a href="/">link</a>
  331. <a href="/">link</a>
  332. <a href="/">link</a>
  333.  
  334. </div>
  335.  
  336. </div>
  337. </div>
  338. </div>
  339. </td>
  340.  
  341.  
  342. <div class="chars">
  343. <div class="ultab">
  344.  
  345. <ul id="tabs">
  346.  
  347. <!------- Character 1 Icon ---------->
  348.  
  349.  
  350. <li class="active"><a title="CHARACTER NAME HERE">
  351.  
  352. <img src="http://static.tumblr.com/32f7d5d25c303a8d731e94a55e297b09/0siu224/rkTncgues/tumblr_static_c4zn0rdckv4g488woo4wk88k0.png"></li></a>
  353.  
  354. <!------- Character 2 Icon ---------->
  355.  
  356. <li><a title="CHARACTER NAME HERE">
  357.  
  358. <img src="http://static.tumblr.com/32f7d5d25c303a8d731e94a55e297b09/0siu224/rkTncgues/tumblr_static_c4zn0rdckv4g488woo4wk88k0.png"></li></a>
  359.  
  360. <!------- Character 3 Icon ---------->
  361.  
  362. <li><a title="CHARACTER NAME HERE">
  363.  
  364. <img src="http://static.tumblr.com/32f7d5d25c303a8d731e94a55e297b09/0siu224/rkTncgues/tumblr_static_c4zn0rdckv4g488woo4wk88k0.png"></li></a>
  365.  
  366. <!------- Character 4 Icon ---------->
  367.  
  368. <li><a title="CHARACTER NAME HERE">
  369.  
  370. <img src="http://static.tumblr.com/32f7d5d25c303a8d731e94a55e297b09/0siu224/rkTncgues/tumblr_static_c4zn0rdckv4g488woo4wk88k0.png"></li></a>
  371.  
  372. <!------- Character 5 Icon ---------->
  373.  
  374. <li><a title="CHARACTER NAME HERE">
  375.  
  376. <img src="http://static.tumblr.com/04d0855f6f90f45a2dac853848550537/0siu224/adlncobmt/tumblr_static_2fmb7jybyvk0cg48k84sw08co.png"></li></a>
  377.  
  378. <!------- Character 6 Icon ---------->
  379.  
  380. <li><a title="CHARACTER NAME HERE">
  381.  
  382. <img src="http://static.tumblr.com/04d0855f6f90f45a2dac853848550537/0siu224/adlncobmt/tumblr_static_2fmb7jybyvk0cg48k84sw08co.png"></li></a>
  383.  
  384. <!------- Character 7 Icon ---------->
  385.  
  386. <li><a title="CHARACTER NAME HERE">
  387.  
  388. <img src="http://static.tumblr.com/04d0855f6f90f45a2dac853848550537/0siu224/adlncobmt/tumblr_static_2fmb7jybyvk0cg48k84sw08co.png"></li></a>
  389.  
  390. <!------- Character 8 Icon ---------->
  391.  
  392. <li><a title="CHARACTER NAME HERE">
  393.  
  394. <img src="http://static.tumblr.com/04d0855f6f90f45a2dac853848550537/0siu224/adlncobmt/tumblr_static_2fmb7jybyvk0cg48k84sw08co.png"></li></a>
  395.  
  396.  
  397. </ul>
  398. </div>
  399. <ul id="tab">
  400.  
  401. <li class="active">
  402. <h2> Character Name 1 </h2>
  403.  
  404. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetuer adipiscing elit. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  405. </li>
  406.  
  407. <li>
  408. <h2> Character Name 2 </h2>
  409.  
  410. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetuer adipiscing elit. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetuer adipiscing elit. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetuer adipiscing elit. pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetuer adipiscing elit. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetuer adipiscing elit. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  411. </li>
  412.  
  413. <li>
  414. <h2> Character Name 3 </h2>
  415.  
  416. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetuer adipiscing elit. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  417. </li>
  418.  
  419. <li>
  420. <h2> Character Name 4 </h2>
  421.  
  422. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetuer adipiscing elit. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  423. </li>
  424.  
  425. <li>
  426. <h2> Character Name 5 </h2>
  427.  
  428. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetuer adipiscing elit. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  429. </li>
  430.  
  431. <li>
  432. <h2> Character Name 6 </h2>
  433.  
  434. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetuer adipiscing elit. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  435. </li>
  436.  
  437. <li>
  438. <h2> Character Name 7 </h2>
  439.  
  440. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetuer adipiscing elit. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  441. </li>
  442.  
  443. <li>
  444. <h2> Character Name 8 </h2>
  445.  
  446. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetuer adipiscing elit. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  447. </li>
  448.  
  449.  
  450. </ul>
  451.  
  452.  
  453. <div class="credit"><a href="http://scottisbae.tumblr.com/"><u>scottisbae</a></u></div>
  454.  
  455.  
  456. </div>
  457. </div>
  458. </div>
  459.  
  460. </body>
  461. </html>
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!