API tools faq
paste
sexycullen

# 80 (4 column)

sexycullen
Apr 12th, 2016
149
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.00 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 # 80
  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.  
  22. <meta name="color:Link" content="#444444">
  23.  
  24. <link href='http://fonts.googleapis.com/css?family=Merriweather+Sans:400,700' rel='stylesheet' type='text/css'>
  25.  
  26. <link href='http://fonts.googleapis.com/css?family=Josefin+Slab:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  27.  
  28. <link href='http://fonts.googleapis.com/css?family=Kotta+One' rel='stylesheet' type='text/css'>
  29.  
  30. <link href='http://fonts.googleapis.com/css?family=Junge' rel='stylesheet' type='text/css'>
  31.  
  32. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700&subset=latin,cyrillic-ext' rel='stylesheet' type='text/css'>
  33.  
  34. <script type="text/javascript"
  35.  
  36. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  37.  
  38. <script type="text/javascript"
  39.  
  40. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  41.  
  42.  
  43.  
  44. <style type="text/css">
  45.  
  46.  
  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. body {
  53. color: {color:Text};
  54. background-color:#FFFFFF;
  55. }
  56.  
  57.  
  58. a {
  59. color: #4d4d4d;
  60. text-decoration: none;
  61. -moz-transition-duration: 0.5s;
  62. -o-transition-duration: 0.5s;
  63. -webkit-transition-duration: 0.5s;
  64. transition-duration: 0.5s;
  65. }
  66.  
  67. a:hover {
  68. color: #000000;
  69. -moz-transition-duration: 0.5s;
  70. -o-transition-duration: 0.5s;
  71. -webkit-transition-duration: 0.5s;
  72. transition-duration: 0.5s;
  73. }
  74.  
  75. .container {
  76. width:1080px;
  77. position:relative;
  78. margin:auto;
  79. top: 40px;
  80. left:90px;
  81. border: 0px solid #f0f0f0;
  82. }
  83.  
  84. .sidebar {
  85. position:fixed;
  86. font-family:calibri;
  87. font-size:8px;
  88. font-weight:normal;
  89. line-height:150%;
  90. letter-spacing:0px;
  91. right:5px;
  92. bottom:20px;
  93. text-transform:uppercase;
  94. text-align:center;
  95. }
  96.  
  97. .sidebarlinks {
  98. font-size:7px;
  99. font-family:arial;
  100. letter-spacing:1px;
  101. margin-top:1px;
  102. line-height:200%;
  103. padding-top:4px;
  104. padding-bottom:0px;
  105. text-align:center;
  106. text-transform:uppercase;
  107. font-weight:lighter;
  108. color:#444;
  109. -moz-transition-duration: 0.5s;
  110. -o-transition-duration: 0.5s;
  111. -webkit-transition-duration: 0.5s;
  112. transition-duration: 0.5s;
  113. }
  114.  
  115. .sidebarlinks a {
  116. color:#444;
  117. padding:8px;
  118. -moz-transition-duration: 0.5s;
  119. -o-transition-duration: 0.5s;
  120. -webkit-transition-duration: 0.5s;
  121. transition-duration: 0.5s;
  122. }
  123.  
  124. .sidebarlinks a:hover {
  125. color:#444;
  126. -moz-transition-duration: 0.5s;
  127. -o-transition-duration: 0.5s;
  128. -webkit-transition-duration: 0.5s;
  129. transition-duration: 0.5s;
  130. }
  131.  
  132. .sidebar2 {
  133. width:900px;
  134. position:relative;
  135. margin:auto;
  136. top: 30px;
  137. left:-40px;
  138. }
  139.  
  140. .title {
  141. width:900px;
  142. font-size:7px;
  143. font-family:arial;
  144. letter-spacing:4px;
  145. margin-top:1px;
  146. padding-top:4px;
  147. padding-bottom:14px;
  148. text-align:center;
  149. text-transform:uppercase;
  150. font-weight:lighter;
  151. color:#444;
  152. }
  153.  
  154. .container2 {
  155. float: left;
  156. margin:auto;
  157. position:relative;
  158. height:auto;
  159. border: 0px solid #f0f0f0;
  160. }
  161.  
  162. .table {
  163. width:260px;
  164. height:auto;
  165. text-align:center;
  166. position:relative;
  167. margin-bottom:49px;
  168. border: 0px solid #f0f0f0;
  169. }
  170.  
  171.  
  172. .name {
  173. width:160px;
  174. font-size:11px;
  175. font-family:calibri;
  176. letter-spacing:0px;
  177. margin-top:1px;
  178. padding-top:4px;
  179. padding-left:5px;
  180. padding-bottom:4px;
  181. text-align:left;
  182. text-transform:lowercase;
  183. font-weight:lighter;
  184. color:#444;
  185. border-bottom: 1px solid #FAFAFA;
  186. background-color:#FAFAFA;
  187. }
  188.  
  189.  
  190. .tag {
  191. width:160px;
  192. text-transform: lowercase;
  193. font-family:arial;
  194. letter-spacing:0px;
  195. font-size:11px;
  196. padding:4px;
  197. line-height:5px;
  198. padding:4px;
  199. color:#444;
  200. text-align:left;
  201. border-left: 1px solid #FAFAFA;
  202. }
  203.  
  204. .tag a {
  205. display:block;
  206. border-bottom: 0px solid #f0f0f0;
  207. padding:5px;
  208. }
  209.  
  210. .tag a:hover {
  211. color:#000;
  212. -moz-transition-duration: 0.5s;
  213. -o-transition-duration: 0.5s;
  214. -webkit-transition-duration: 0.5s;
  215. transition-duration: 0.5s;
  216. }
  217.  
  218.  
  219.  
  220. </style>
  221. </head>
  222. <body>
  223.  
  224. <div class="container">
  225.  
  226. <div class="container2">
  227.  
  228. <! FIRST COLUMN >
  229. <tr>
  230. <div class="table">
  231.  
  232. <div class="name">
  233. <a href="/">tags 1</a>
  234. </div>
  235.  
  236. <div class="tag">
  237.  
  238. <a href="tagged/">tag here</a>
  239. <a href="tagged/">tag here</a>
  240. <a href="tagged/">tag here</a>
  241. <a href="tagged/">tag here</a>
  242. <a href="tagged/">tag here</a>
  243. <a href="tagged/">tag here</a>
  244. <a href="tagged/">tag here</a>
  245. <a href="tagged/">tag here</a>
  246. <a href="tagged/">tag here</a>
  247.  
  248. </div>
  249. </div>
  250.  
  251.  
  252.  
  253.  
  254.  
  255. <tr>
  256. <div class="table">
  257.  
  258. <div class="name">
  259. <a href="/">tags 5</a>
  260. </div>
  261.  
  262.  
  263. <div class="tag">
  264.  
  265. <a href="tagged/">tag here</a>
  266. <a href="tagged/">tag here</a>
  267. <a href="tagged/">tag here</a>
  268. <a href="tagged/">tag here</a>
  269. <a href="tagged/">tag here</a>
  270. <a href="tagged/">tag here</a>
  271. <a href="tagged/">tag here</a>
  272. <a href="tagged/">tag here</a>
  273. <a href="tagged/">tag here</a>
  274.  
  275. </div>
  276. </div>
  277.  
  278.  
  279.  
  280. <tr>
  281. <div class="table">
  282.  
  283. <div class="name">
  284. <a href="/">tags 9</a>
  285. </div>
  286.  
  287.  
  288. <div class="tag">
  289.  
  290. <a href="tagged/">tag here</a>
  291. <a href="tagged/">tag here</a>
  292. <a href="tagged/">tag here</a>
  293. <a href="tagged/">tag here</a>
  294. <a href="tagged/">tag here</a>
  295. <a href="tagged/">tag here</a>
  296. <a href="tagged/">tag here</a>
  297. <a href="tagged/">tag here</a>
  298. <a href="tagged/">tag here</a>
  299.  
  300. </div>
  301. </div>
  302.  
  303.  
  304.  
  305.  
  306.  
  307. </div>
  308. <div class="container2">
  309.  
  310.  
  311. <! SECOND COLUMN >
  312. <tr>
  313. <div class="table">
  314.  
  315. <div class="name">
  316. <a href="/">tags 2</a>
  317. </div>
  318.  
  319.  
  320. <div class="tag">
  321.  
  322. <a href="tagged/">tag here</a>
  323. <a href="tagged/">tag here</a>
  324. <a href="tagged/">tag here</a>
  325. <a href="tagged/">tag here</a>
  326. <a href="tagged/">tag here</a>
  327. <a href="tagged/">tag here</a>
  328. <a href="tagged/">tag here</a>
  329. <a href="tagged/">tag here</a>
  330. <a href="tagged/">tag here</a>
  331.  
  332.  
  333. </div>
  334. </div>
  335.  
  336.  
  337.  
  338.  
  339.  
  340. <tr>
  341. <div class="table">
  342.  
  343. <div class="name">
  344. <a href="/">tags 6</a>
  345. </div>
  346.  
  347.  
  348. <div class="tag">
  349.  
  350. <a href="tagged/">tag here</a>
  351. <a href="tagged/">tag here</a>
  352. <a href="tagged/">tag here</a>
  353. <a href="tagged/">tag here</a>
  354. <a href="tagged/">tag here</a>
  355. <a href="tagged/">tag here</a>
  356. <a href="tagged/">tag here</a>
  357. <a href="tagged/">tag here</a>
  358. <a href="tagged/">tag here</a>
  359.  
  360.  
  361. </div>
  362. </div>
  363.  
  364.  
  365.  
  366.  
  367. <tr>
  368. <div class="table">
  369.  
  370. <div class="name">
  371. <a href="/">tags 10</a>
  372. </div>
  373.  
  374.  
  375. <div class="tag">
  376.  
  377. <a href="tagged/">tag here</a>
  378. <a href="tagged/">tag here</a>
  379. <a href="tagged/">tag here</a>
  380. <a href="tagged/">tag here</a>
  381. <a href="tagged/">tag here</a>
  382. <a href="tagged/">tag here</a>
  383. <a href="tagged/">tag here</a>
  384. <a href="tagged/">tag here</a>
  385. <a href="tagged/">tag here</a>
  386.  
  387. </div>
  388. </div>
  389.  
  390.  
  391. </div>
  392. <div class="container2">
  393.  
  394.  
  395. <! THIRD COLUMN >
  396. <tr>
  397. <div class="table">
  398.  
  399. <div class="name">
  400. <a href="/">tags 3</a>
  401. </div>
  402.  
  403.  
  404. <div class="tag">
  405.  
  406. <a href="tagged/">tag here</a>
  407. <a href="tagged/">tag here</a>
  408. <a href="tagged/">tag here</a>
  409. <a href="tagged/">tag here</a>
  410. <a href="tagged/">tag here</a>
  411. <a href="tagged/">tag here</a>
  412. <a href="tagged/">tag here</a>
  413. <a href="tagged/">tag here</a>
  414. <a href="tagged/">tag here</a>
  415.  
  416.  
  417. </div>
  418. </div>
  419.  
  420.  
  421.  
  422.  
  423. <tr>
  424. <div class="table">
  425.  
  426. <div class="name">
  427. <a href="/">tags 7</a>
  428. </div>
  429.  
  430.  
  431. <div class="tag">
  432.  
  433. <a href="tagged/">tag here</a>
  434. <a href="tagged/">tag here</a>
  435. <a href="tagged/">tag here</a>
  436. <a href="tagged/">tag here</a>
  437. <a href="tagged/">tag here</a>
  438. <a href="tagged/">tag here</a>
  439. <a href="tagged/">tag here</a>
  440. <a href="tagged/">tag here</a>
  441. <a href="tagged/">tag here</a>
  442.  
  443.  
  444. </div>
  445. </div>
  446.  
  447.  
  448.  
  449.  
  450.  
  451. <tr>
  452. <div class="table">
  453.  
  454. <div class="name">
  455. <a href="/">tags 11</a>
  456. </div>
  457.  
  458.  
  459. <div class="tag">
  460.  
  461. <a href="tagged/">tag here</a>
  462. <a href="tagged/">tag here</a>
  463. <a href="tagged/">tag here</a>
  464. <a href="tagged/">tag here</a>
  465. <a href="tagged/">tag here</a>
  466. <a href="tagged/">tag here</a>
  467. <a href="tagged/">tag here</a>
  468. <a href="tagged/">tag here</a>
  469. <a href="tagged/">tag here</a>
  470.  
  471.  
  472. </div>
  473. </div>
  474.  
  475.  
  476.  
  477. </div>
  478. <div class="container2">
  479.  
  480.  
  481. <! FOURTH COLUMN >
  482. <tr>
  483. <div class="table">
  484.  
  485. <div class="name">
  486. <a href="/">tags 4</a>
  487. </div>
  488.  
  489.  
  490. <div class="tag">
  491.  
  492. <a href="tagged/">tag here</a>
  493. <a href="tagged/">tag here</a>
  494. <a href="tagged/">tag here</a>
  495. <a href="tagged/">tag here</a>
  496. <a href="tagged/">tag here</a>
  497. <a href="tagged/">tag here</a>
  498. <a href="tagged/">tag here</a>
  499. <a href="tagged/">tag here</a>
  500. <a href="tagged/">tag here</a>
  501.  
  502.  
  503. </div>
  504. </div>
  505.  
  506.  
  507.  
  508.  
  509. <tr>
  510. <div class="table">
  511.  
  512. <div class="name">
  513. <a href="/">tags 8</a>
  514. </div>
  515.  
  516.  
  517. <div class="tag">
  518.  
  519. <a href="tagged/">tag here</a>
  520. <a href="tagged/">tag here</a>
  521. <a href="tagged/">tag here</a>
  522. <a href="tagged/">tag here</a>
  523. <a href="tagged/">tag here</a>
  524. <a href="tagged/">tag here</a>
  525. <a href="tagged/">tag here</a>
  526. <a href="tagged/">tag here</a>
  527. <a href="tagged/">tag here</a>
  528.  
  529.  
  530. </div>
  531. </div>
  532.  
  533.  
  534.  
  535.  
  536. <tr>
  537. <div class="table">
  538.  
  539. <div class="name">
  540. <a href="/">tags 12</a>
  541. </div>
  542.  
  543.  
  544. <div class="tag">
  545.  
  546. <a href="tagged/">tag here</a>
  547. <a href="tagged/">tag here</a>
  548. <a href="tagged/">tag here</a>
  549. <a href="tagged/">tag here</a>
  550. <a href="tagged/">tag here</a>
  551. <a href="tagged/">tag here</a>
  552. <a href="tagged/">tag here</a>
  553. <a href="tagged/">tag here</a>
  554. <a href="tagged/">tag here</a>
  555.  
  556.  
  557. </div>
  558. </div>
  559.  
  560.  
  561.  
  562. <div class="sidebar">
  563. <div class="sidebarlinks">
  564. <a href="http://britishrobert.tumblr.com/">credit</a><br>
  565. <a href="/">back to blog</a><br>
  566. <a href="http://www.tumblr.com/dashboard">dashboard</a>
  567. </div>
  568. </div>
  569.  
  570.  
  571.  
  572. </body>
  573. </html>
Advertisement
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!