API tools faq
paste
sexycullen

# 76 v3

sexycullen
Jun 11th, 2014 (edited)
3,536
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.49 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" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7. <!--------------------------------------------
  8. THEME # 76 V3
  9. BY: https://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 https-equiv="x-dns-prefetch-control" content="off"/>
  20.  
  21. <link href='https://fonts.googleapis.com/css?family=Merriweather+Sans:400,700' rel='stylesheet' type='text/css'>
  22.  
  23. <link href='https://fonts.googleapis.com/css?family=Josefin+Slab:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  24.  
  25. <link href='https://fonts.googleapis.com/css?family=Kotta+One' rel='stylesheet' type='text/css'>
  26.  
  27. <link href='https://fonts.googleapis.com/css?family=Junge' rel='stylesheet' type='text/css'>
  28.  
  29. <link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700&subset=latin,cyrillic-ext' rel='stylesheet' type='text/css'>
  30.  
  31.  
  32. <style type="text/css">
  33.  
  34. ::-webkit-scrollbar {background-color: transparent; height:4px; width:3px}
  35. ::-webkit-scrollbar-thumb:vertical {background-color:#000000; height:50px}
  36. ::-webkit-scrollbar-thumb:horizontal {background-color:#FFFFFF; height:8px!important}
  37.  
  38. a {
  39. color: #5d5c5c;
  40. text-decoration: none;
  41. -moz-transition-duration: 0.5s;
  42. -o-transition-duration: 0.5s;
  43. -webkit-transition-duration: 0.5s;
  44. transition-duration: 0.5s;
  45. }
  46.  
  47. a:hover {
  48. color: #9d9d9d;
  49. -moz-transition-duration: 0.5s;
  50. -o-transition-duration: 0.5s;
  51. -webkit-transition-duration: 0.5s;
  52. transition-duration: 0.5s;
  53. }
  54.  
  55.  
  56. .part1 {
  57. padding:5px;
  58. top:30px;
  59. margin:auto;
  60. }
  61.  
  62. .table1 {
  63. width:200px;
  64. padding:0px 5px 5px 5px;
  65. border-right: 0px solid #F5F5F5;
  66. }
  67.  
  68. .links1 {
  69. text-transform: uppercase;
  70. letter-spacing: 0px;
  71. font-family: Open Sans Condensed;
  72. font-size:11px;
  73. letter-spacing:1px;
  74. text-align:center;
  75. padding:4px;
  76. margin: 15px 0 6px 0;
  77. color:#262626;
  78. }
  79.  
  80. .links1 a {
  81. border-bottom: 1px solid #f0f0f0;
  82. padding:3px;
  83. }
  84.  
  85. .links1 a:hover {
  86. letter-spacing:4px;
  87. -moz-transition-duration: 0.5s;
  88. -o-transition-duration: 0.5s;
  89. -webkit-transition-duration: 0.5s;
  90. transition-duration: 0.5s;
  91. }
  92.  
  93. .container {
  94. display: flex;
  95. align-items: center;
  96. justify-content: center;
  97. flex-direction: column;
  98. height: 100vh;
  99. }
  100.  
  101. .chars {
  102. width: 750px;
  103. margin: 0 auto;
  104. display: flex;
  105. flex-wrap: wrap;
  106. align-content: center;
  107. justify-content: center;
  108. }
  109.  
  110. .table {
  111. width: 130px;
  112. height: auto;
  113. text-align: center;
  114. margin: 20px;
  115. }
  116.  
  117. .image {
  118. width:60px;
  119. height:60px;
  120. padding:0px;
  121. margin-bottom:10px;
  122. outline:11px solid #F5F5F5;
  123. }
  124.  
  125. .image img {
  126. object-fit: cover;
  127. }
  128.  
  129. .name {
  130. width:130px;
  131. font-size:10px;
  132. font-family:calibri;
  133. letter-spacing:0px;
  134. margin-top:2px;
  135. padding-top:5px;
  136. padding-bottom:5px;
  137. text-align:center;
  138. text-transform:uppercase;
  139. font-weight:none;
  140. color:#4f4e4e;
  141. background-color:;
  142. border-bottom: 2px solid #f0f0f0;
  143. }
  144.  
  145. .credit {
  146. position:fixed;
  147. font-family:calibri;
  148. font-size:8px;
  149. font-weight:normal;
  150. line-height:150%;
  151. letter-spacing:0px;
  152. right:5px;
  153. bottom:20px;
  154. text-transform:uppercase;
  155. text-align:center;
  156. }
  157.  
  158. .credit a {
  159. font-style:normal;
  160. padding:3px;
  161. color:{color:Link};
  162. -moz-transition-duration:0.5s;
  163. -webkit-transition-duration:0.5s;
  164. -o-transition-duration:0.5s;
  165. }
  166.  
  167. </style>
  168. </head>
  169. <body>
  170. <div class="container">
  171. <div class="sidebar">
  172. <div class="links1">
  173. <a href="/">back</a>
  174. <a href="https://www.tumblr.com/dashboard">dashboard</a>
  175. </div>
  176. </div>
  177.  
  178.  
  179. <div class="chars">
  180.  
  181. <! 1 >
  182. <tr>
  183. <div class="table">
  184.  
  185. <center><img src="https://31.media.tumblr.com/f735b42c08219859a33171a09b0b8614/tumblr_inline_n6ebkcr72s1rv574r.png" class="image">
  186. <div class="name">
  187. <a href="/tagged/frederick">put the name here yo</a><br>
  188. <small>
  189. and u can use a label here
  190. </small>
  191. </div>
  192. </div>
  193.  
  194.  
  195.  
  196. <! 2 >
  197. <tr>
  198. <div class="table">
  199.  
  200. <center><img src="https://31.media.tumblr.com/f735b42c08219859a33171a09b0b8614/tumblr_inline_n6ebkcr72s1rv574r.png" class="image">
  201. <div class="name">
  202. <a href="/tagged/frederick">put the name here yo</a><br>
  203. <small>
  204. and u can use a label here
  205. </small>
  206. </div>
  207. </div>
  208.  
  209.  
  210. <! 3 >
  211. <tr>
  212. <div class="table">
  213.  
  214. <center><img src="https://31.media.tumblr.com/f735b42c08219859a33171a09b0b8614/tumblr_inline_n6ebkcr72s1rv574r.png" class="image">
  215. <div class="name">
  216. <a href="/tagged/frederick">put the name here yo</a><br>
  217. <small>
  218. and u can use a label here
  219. </small>
  220. </div>
  221. </div>
  222.  
  223.  
  224.  
  225. <! 4 >
  226. <tr>
  227. <div class="table">
  228.  
  229. <center><img src="https://31.media.tumblr.com/f735b42c08219859a33171a09b0b8614/tumblr_inline_n6ebkcr72s1rv574r.png" class="image">
  230. <div class="name">
  231. <a href="/tagged/frederick">put the name here yo</a><br>
  232. <small>
  233. and u can use a label here
  234. </small>
  235. </div>
  236. </div>
  237.  
  238.  
  239.  
  240.  
  241. <! 5 >
  242. <tr>
  243. <div class="table">
  244.  
  245. <center><img src="https://31.media.tumblr.com/f735b42c08219859a33171a09b0b8614/tumblr_inline_n6ebkcr72s1rv574r.png" class="image">
  246. <div class="name">
  247. <a href="/tagged/frederick">put the name here yo</a><br>
  248. <small>
  249. and u can use a label here
  250. </small>
  251. </div>
  252. </div>
  253.  
  254.  
  255. <! 6 >
  256. <tr>
  257. <div class="table">
  258.  
  259. <center><img src="https://31.media.tumblr.com/f735b42c08219859a33171a09b0b8614/tumblr_inline_n6ebkcr72s1rv574r.png" class="image">
  260. <div class="name">
  261. <a href="/tagged/frederick">put the name here yo</a><br>
  262. <small>
  263. and u can use a label here
  264. </small>
  265. </div>
  266. </div>
  267.  
  268.  
  269.  
  270.  
  271. <! 7 >
  272. <tr>
  273. <div class="table">
  274.  
  275. <center><img src="https://31.media.tumblr.com/f735b42c08219859a33171a09b0b8614/tumblr_inline_n6ebkcr72s1rv574r.png" class="image">
  276. <div class="name">
  277. <a href="/tagged/frederick">put the name here yo</a><br>
  278. <small>
  279. and u can use a label here
  280. </small>
  281. </div>
  282. </div>
  283.  
  284.  
  285.  
  286. <! 8 >
  287. <tr>
  288. <div class="table">
  289.  
  290. <center><img src="https://31.media.tumblr.com/f735b42c08219859a33171a09b0b8614/tumblr_inline_n6ebkcr72s1rv574r.png" class="image">
  291. <div class="name">
  292. <a href="/tagged/frederick">put the name here yo</a><br>
  293. <small>
  294. and u can use a label here
  295. </small>
  296. </div>
  297. </div>
  298.  
  299.  
  300. <! 9 >
  301. <tr>
  302. <div class="table">
  303.  
  304. <center><img src="https://31.media.tumblr.com/f735b42c08219859a33171a09b0b8614/tumblr_inline_n6ebkcr72s1rv574r.png" class="image">
  305. <div class="name">
  306. <a href="/tagged/frederick">put the name here yo</a><br>
  307. <small>
  308. and u can use a label here
  309. </small>
  310. </div>
  311. </div>
  312.  
  313.  
  314. <! 10 >
  315. <tr>
  316. <div class="table">
  317.  
  318. <center><img src="https://31.media.tumblr.com/f735b42c08219859a33171a09b0b8614/tumblr_inline_n6ebkcr72s1rv574r.png" class="image">
  319. <div class="name">
  320. <a href="/tagged/frederick">put the name here yo</a><br>
  321. <small>
  322. and u can use a label here
  323. </small>
  324. </div>
  325. </div>
  326.  
  327.  
  328. <! 11 >
  329. <tr>
  330. <div class="table">
  331.  
  332. <center><img src="https://31.media.tumblr.com/f735b42c08219859a33171a09b0b8614/tumblr_inline_n6ebkcr72s1rv574r.png" class="image">
  333. <div class="name">
  334. <a href="/tagged/frederick">put the name here yo</a><br>
  335. <small>
  336. and u can use a label here
  337. </small>
  338. </div>
  339. </div>
  340.  
  341.  
  342. <! 12 >
  343. <tr>
  344. <div class="table">
  345.  
  346. <center><img src="https://31.media.tumblr.com/f735b42c08219859a33171a09b0b8614/tumblr_inline_n6ebkcr72s1rv574r.png" class="image">
  347. <div class="name">
  348. <a href="/tagged/frederick">put the name here yo</a><br>
  349. <small>
  350. and u can use a label here
  351. </small>
  352. </div>
  353. </div>
  354.  
  355.  
  356. <! 13 >
  357. <tr>
  358. <div class="table">
  359.  
  360. <center><img src="https://31.media.tumblr.com/f735b42c08219859a33171a09b0b8614/tumblr_inline_n6ebkcr72s1rv574r.png" class="image">
  361. <div class="name">
  362. <a href="/tagged/frederick">put the name here yo</a><br>
  363. <small>
  364. and u can use a label here
  365. </small>
  366. </div>
  367. </div>
  368.  
  369.  
  370. <! 14 >
  371. <tr>
  372. <div class="table">
  373.  
  374. <center><img src="https://31.media.tumblr.com/f735b42c08219859a33171a09b0b8614/tumblr_inline_n6ebkcr72s1rv574r.png" class="image">
  375. <div class="name">
  376. <a href="/tagged/frederick">put the name here yo</a><br>
  377. <small>
  378. and u can use a label here
  379. </small>
  380. </div>
  381. </div>
  382.  
  383.  
  384. <! 15 >
  385. <tr>
  386. <div class="table">
  387.  
  388. <center><img src="https://31.media.tumblr.com/f735b42c08219859a33171a09b0b8614/tumblr_inline_n6ebkcr72s1rv574r.png" class="image">
  389. <div class="name">
  390. <a href="/tagged/frederick">put the name here yo</a><br>
  391. <small>
  392. and u can use a label here
  393. </small>
  394. </div>
  395. </div>
  396.  
  397. <! 16 >
  398. <tr>
  399. <div class="table">
  400.  
  401. <center><img src="https://31.media.tumblr.com/f735b42c08219859a33171a09b0b8614/tumblr_inline_n6ebkcr72s1rv574r.png" class="image">
  402. <div class="name">
  403. <a href="/tagged/frederick">put the name here yo</a><br>
  404. <small>
  405. and u can use a label here
  406. </small>
  407. </div>
  408. </div>
  409.  
  410.  
  411.  
  412.  
  413. </div>
  414.  
  415. <div class="credit"><a href="https://britishrobert.tumblr.com/"><u>britishrobert</a></u></div>
  416.  
  417.  
  418.  
  419. </body>
  420. </html>
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!