API tools faq
paste
Advertisement
sexycullen

# 76 V4

sexycullen
Jun 13th, 2014
4,862
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.93 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. THEME # 76 V4
  9. BY: http://britishrobert.tumblr.com/ (PREV SPUNKHANDSOME)
  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 src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  32. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  33. <script>
  34. (function($){
  35. $(document).ready(function(){
  36. $("a[title]").style_my_tooltips({
  37. tip_follows_cursor:true,
  38. tip_delay_time:90,
  39. tip_fade_speed:600,
  40. attribute:"title"
  41. });
  42. });
  43. })(jQuery);
  44. </script>
  45.  
  46. <style type="text/css">
  47.  
  48. ::-webkit-scrollbar {background-color: transparent; height:4px; width:3px}
  49. ::-webkit-scrollbar-thumb:vertical {background-color:#000000; height:50px}
  50. ::-webkit-scrollbar-thumb:horizontal {background-color:#FFFFFF; height:8px!important}
  51.  
  52. #s-m-t-tooltip {
  53. max-width:300px;
  54. padding:2px 2px 2px 2px;
  55. margin:20px 0px 0px 20px;
  56. margin-left:0px;
  57. font-size:11px;
  58. padding:2px;
  59. font-family:calibri;
  60. letter-spacing:1px;
  61. font-weight:normal;
  62. text-align:center;
  63. text-transform:uppercase;
  64. background-color:#FFFFFF;
  65. color:#666666;
  66. z-index:999999999999999999999999999999999999;
  67. }
  68.  
  69.  
  70. body {
  71. color: {color:Text};
  72. background-color:#FFFFFF;
  73. }
  74.  
  75. a {
  76. color: #5d5c5c;
  77. text-decoration: none;
  78. -moz-transition-duration: 0.5s;
  79. -o-transition-duration: 0.5s;
  80. -webkit-transition-duration: 0.5s;
  81. transition-duration: 0.5s;
  82. }
  83.  
  84. a:hover {
  85. color: #9d9d9d;
  86. -moz-transition-duration: 0.5s;
  87. -o-transition-duration: 0.5s;
  88. -webkit-transition-duration: 0.5s;
  89. transition-duration: 0.5s;
  90. }
  91.  
  92. .sidebar {
  93. margin:auto;
  94. top:10px;
  95. margin-left:388px;
  96. }
  97.  
  98. .part1 {
  99. padding:5px;
  100. top:30px;
  101. margin:auto;
  102. }
  103.  
  104. .table1 {
  105. width:200px;
  106. padding:0px 5px 5px 5px;
  107. border-right: 0px solid #F5F5F5;
  108. }
  109.  
  110. .links1 {
  111. text-transform: uppercase;
  112. letter-spacing: 0px;
  113. font-family: Open Sans Condensed;
  114. font-size:11px;
  115. letter-spacing:1px;
  116. text-align:center;
  117. padding:4px;
  118. line-height:290%;
  119. margin: 15px 0 6px 0;
  120. color:#262626;
  121. }
  122.  
  123. .links1 a {
  124. border-bottom: 1px solid #f0f0f0;
  125. padding:3px;
  126. }
  127.  
  128. .links1 a:hover {
  129. letter-spacing:4px;
  130. -moz-transition-duration: 0.5s;
  131. -o-transition-duration: 0.5s;
  132. -webkit-transition-duration: 0.5s;
  133. transition-duration: 0.5s;
  134. }
  135.  
  136. .container {
  137. width:1000px;
  138. height:auto;
  139. position:relative;
  140. margin:auto;
  141. top: 53px;
  142. bottom:10px;
  143. left:1px;
  144. border: 0px solid #f0f0f0;
  145. }
  146.  
  147. .chars {
  148. width:640px;
  149. height:auto;
  150. margin:auto;
  151. position:relative;
  152. top: -20px;
  153. margin-left:260px;
  154. border: 0px solid #000;
  155. }
  156.  
  157. .table {
  158. width:130px;
  159. height:auto;
  160. position:relative;
  161. margin-left:20px;
  162. text-align:center;
  163. margin-top:28px;
  164. display:inline-block;
  165. border: 0px solid #f0f0f0;
  166. }
  167.  
  168. .table:hover .name { margin-top:2px;filter: alpha(opacity = 100);
  169. opacity:100;-webkit-transition: all 0.5s ease-out;
  170. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  171.  
  172. .table:hover .links {margin-top:px;filter: alpha(opacity = 100);
  173. opacity:100;-webkit-transition: all 0.5s ease-out;
  174. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  175.  
  176. .table:hover .image {margin-top:0px;filter: alpha(opacity = 20);
  177. opacity:0.0;-webkit-transition: all 0.5s ease-out;
  178. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  179.  
  180. .table:hover {width:px;filter: alpha(opacity = 20);-webkit-transition: all 0.5s ease-out;
  181. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  182.  
  183. .image {
  184. width:60px;
  185. padding:0px;
  186. height:auto;
  187. margin-bottom:10px;
  188. outline:11px solid #F5F5F5;
  189. }
  190.  
  191. .name {
  192. width:130px;
  193. font-size:10px;
  194. font-family:calibri;
  195. letter-spacing:0px;
  196. margin-top:2px;
  197. padding-top:5px;
  198. padding-bottom:5px;
  199. text-align:center;
  200. text-transform:uppercase;
  201. font-weight:none;
  202. color:#4f4e4e;
  203. background-color:;
  204. border-bottom: 2px solid #f0f0f0;
  205. }
  206.  
  207. .links {
  208. width:130px;
  209. margin:5px;
  210. text-align:center;
  211. text-transform:uppercase;
  212. font-size:8px;
  213. letter-spacing:0.9px;
  214. font-family:calibri;
  215. line-height:130%;
  216. margin-top:-110px;
  217. margin-left:0px;
  218. color:#4f4e4e;
  219. -webkit-transition:0.7s ease; position:absolute; opacity:0;
  220. }
  221.  
  222. .links a {
  223. color:#444;
  224. }
  225.  
  226. .credit {
  227. position:fixed;
  228. font-family:calibri;
  229. font-size:8px;
  230. font-weight:normal;
  231. line-height:150%;
  232. letter-spacing:0px;
  233. right:5px;
  234. bottom:20px;
  235. text-transform:uppercase;
  236. text-align:center;
  237. }
  238.  
  239. .credit a {
  240. font-style:normal;
  241. padding:3px;
  242. color:{color:Link};
  243. -moz-transition-duration:0.5s;
  244. -webkit-transition-duration:0.5s;
  245. -o-transition-duration:0.5s;
  246. }
  247.  
  248. </style>
  249. </head>
  250. <body>
  251. <div class="container">
  252. <div class="sidebar">
  253. <td>
  254.  
  255. <div class="part1">
  256. <div class="table1">
  257.  
  258. <div class="links1">
  259. <a href="/">back</a>
  260. <a href="https://www.tumblr.com/dashboard">dashboard</a>
  261. </div>
  262.  
  263. </div>
  264. </div>
  265. </div>
  266. </td>
  267.  
  268.  
  269. <div class="chars">
  270.  
  271. <! 1 >
  272. <tr>
  273. <div class="table">
  274.  
  275. <center><img src="http://media.tumblr.com/22d8a98a9144b1d269a23ed75eb6fa74/tumblr_inline_mvhq5700W11r23mcd.png" class="image">
  276. <div class="name">
  277. <a href="/">character name</a><br>
  278. <small>
  279. 456789 years old — label here
  280. </small>
  281. </div>
  282. <div class="links">
  283. <a href="/">info.</a> <a href="/">pictures.</a>
  284. <br>
  285. <a href="/">starters.</a> <a href="/">musings.</a>
  286.  
  287. <br><br>
  288.  
  289. extra text, two lines so don't get a mess, depends how many links tho
  290. </div>
  291. </div>
  292.  
  293.  
  294.  
  295. <! 2 >
  296. <tr>
  297. <div class="table">
  298.  
  299. <center><img src="http://media.tumblr.com/22d8a98a9144b1d269a23ed75eb6fa74/tumblr_inline_mvhq5700W11r23mcd.png" class="image">
  300. <div class="name">
  301. <a href="/">character name</a><br>
  302. <small>
  303. 456789 years old — label here
  304. </small>
  305. </div>
  306. <div class="links">
  307. <a href="/">info.</a> <a href="/">pictures.</a>
  308. <br>
  309. <a href="/">starters.</a> <a href="/">musings.</a>
  310.  
  311. <br><br>
  312.  
  313. extra text, two lines so don't get a mess
  314. </div>
  315. </div>
  316.  
  317.  
  318. <! 3 >
  319. <tr>
  320. <div class="table">
  321.  
  322. <center><img src="http://media.tumblr.com/22d8a98a9144b1d269a23ed75eb6fa74/tumblr_inline_mvhq5700W11r23mcd.png" class="image">
  323. <div class="name">
  324. <a href="/">character name</a><br>
  325. <small>
  326. 456789 years old — label here
  327. </small>
  328. </div>
  329. <div class="links">
  330. <a href="/">info.</a> <a href="/">pictures.</a>
  331. <br>
  332. <a href="/">starters.</a> <a href="/">musings.</a>
  333.  
  334. <br><br>
  335.  
  336. extra text, two lines so don't get a mess
  337. </div>
  338. </div>
  339.  
  340. <br>
  341.  
  342.  
  343. <! 4 >
  344. <tr>
  345. <div class="table">
  346.  
  347. <center><img src="http://media.tumblr.com/22d8a98a9144b1d269a23ed75eb6fa74/tumblr_inline_mvhq5700W11r23mcd.png" class="image">
  348. <div class="name">
  349. <a href="/">character name</a><br>
  350. <small>
  351. 456789 years old — label here
  352. </small>
  353. </div>
  354. <div class="links">
  355. <a href="/">info.</a> <a href="/">pictures.</a>
  356. <br>
  357. <a href="/">starters.</a> <a href="/">musings.</a>
  358.  
  359. <br><br>
  360.  
  361. extra text, two lines so don't get a mess
  362. </div>
  363. </div>
  364.  
  365.  
  366.  
  367. <! 5 >
  368. <tr>
  369. <div class="table">
  370.  
  371. <center><img src="http://media.tumblr.com/22d8a98a9144b1d269a23ed75eb6fa74/tumblr_inline_mvhq5700W11r23mcd.png" class="image">
  372. <div class="name">
  373. <a href="/">character name</a><br>
  374. <small>
  375. 456789 years old — label here
  376. </small>
  377. </div>
  378. <div class="links">
  379. <a href="/">info.</a> <a href="/">pictures.</a>
  380. <br>
  381. <a href="/">starters.</a> <a href="/">musings.</a>
  382.  
  383. <br><br>
  384.  
  385. extra text, two lines so don't get a mess
  386. </div>
  387. </div>
  388.  
  389.  
  390. <! 6 >
  391. <tr>
  392. <div class="table">
  393.  
  394. <center><img src="http://media.tumblr.com/22d8a98a9144b1d269a23ed75eb6fa74/tumblr_inline_mvhq5700W11r23mcd.png" class="image">
  395. <div class="name">
  396. <a href="/">character name</a><br>
  397. <small>
  398. 456789 years old — label here
  399. </small>
  400. </div>
  401. <div class="links">
  402. <a href="/">info.</a> <a href="/">pictures.</a>
  403. <br>
  404. <a href="/">starters.</a> <a href="/">musings.</a>
  405.  
  406. <br><br>
  407.  
  408. extra text, two lines so don't get a mess
  409. </div>
  410. </div>
  411.  
  412. <br>
  413.  
  414. <! 7 >
  415. <tr>
  416. <div class="table">
  417.  
  418. <center><img src="http://media.tumblr.com/22d8a98a9144b1d269a23ed75eb6fa74/tumblr_inline_mvhq5700W11r23mcd.png" class="image">
  419. <div class="name">
  420. <a href="/">character name</a><br>
  421. <small>
  422. 456789 years old — label here
  423. </small>
  424. </div>
  425. <div class="links">
  426. <a href="/">info.</a> <a href="/">pictures.</a>
  427. <br>
  428. <a href="/">starters.</a> <a href="/">musings.</a>
  429.  
  430. <br><br>
  431.  
  432. extra text, two lines so don't get a mess
  433. </div>
  434. </div>
  435.  
  436.  
  437.  
  438. <! 8 >
  439. <tr>
  440. <div class="table">
  441.  
  442. <center><img src="http://media.tumblr.com/22d8a98a9144b1d269a23ed75eb6fa74/tumblr_inline_mvhq5700W11r23mcd.png" class="image">
  443. <div class="name">
  444. <a href="/">character name</a><br>
  445. <small>
  446. 456789 years old — label here
  447. </small>
  448. </div>
  449. <div class="links">
  450. <a href="/">info.</a> <a href="/">pictures.</a>
  451. <br>
  452. <a href="/">starters.</a> <a href="/">musings.</a>
  453.  
  454. <br><br>
  455.  
  456. extra text, two lines so don't get a mess
  457. </div>
  458. </div>
  459.  
  460.  
  461.  
  462. <! 9 >
  463. <tr>
  464. <div class="table">
  465.  
  466. <center><img src="http://media.tumblr.com/22d8a98a9144b1d269a23ed75eb6fa74/tumblr_inline_mvhq5700W11r23mcd.png" class="image">
  467. <div class="name">
  468. <a href="/">character name</a><br>
  469. <small>
  470. 456789 years old — label here
  471. </small>
  472. </div>
  473. <div class="links">
  474. <a href="/">info.</a> <a href="/">pictures.</a>
  475. <br>
  476. <a href="/">starters.</a> <a href="/">musings.</a>
  477.  
  478. <br><br>
  479.  
  480. extra text, two lines so don't get a mess
  481. </div>
  482. </div>
  483.  
  484.  
  485.  
  486.  
  487. <div class="credit"><a href="http://britishrobert.tumblr.com/"><u>britishrobert</a></u></div>
  488.  
  489.  
  490. </div>
  491. </div>
  492. </div>
  493.  
  494.  
  495. </body>
  496. </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!