API tools faq
paste
sexycullen

# 65

sexycullen
Mar 4th, 2014
6,558
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.78 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 # 65
  9. BY: http://britishrobert.tumblr.com/ (PREV SPUNKHANDSOME)
  10.  
  11. Inspired by hellmouths
  12.  
  13. RULES, IMPORTANT: DON'T REMOVE THE CREDIT // DON'T CLAIM AS YOUR OWN // DON'T USE AS A BASE
  14.  
  15. --------------------------------------------->
  16.  
  17. <title>{Title}</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  20. <meta name="description" content="" />
  21. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  22.  
  23. <link href='http://fonts.googleapis.com/css?family=Merriweather+Sans:400,700' rel='stylesheet' type='text/css'>
  24.  
  25. <link href='http://fonts.googleapis.com/css?family=Josefin+Slab:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  26.  
  27. <link href='http://fonts.googleapis.com/css?family=Kotta+One' rel='stylesheet' type='text/css'>
  28.  
  29. <link href='http://fonts.googleapis.com/css?family=Junge' rel='stylesheet' type='text/css'>
  30.  
  31. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700&subset=latin,cyrillic-ext' rel='stylesheet' type='text/css'>
  32.  
  33.  
  34. <style type="text/css">
  35.  
  36. ::-webkit-scrollbar {background-color: transparent; height:4px; width:3px}
  37. ::-webkit-scrollbar-thumb:vertical {background-color:#000000; height:50px}
  38. ::-webkit-scrollbar-thumb:horizontal {background-color:#FFFFFF; height:8px!important}
  39.  
  40. body {
  41. color: {color:Text};
  42. background-color:#FFFFFF;
  43. }
  44.  
  45. a {
  46. color: #444;
  47. text-decoration: none;
  48. -moz-transition-duration: 0.5s;
  49. -o-transition-duration: 0.5s;
  50. -webkit-transition-duration: 0.5s;
  51. transition-duration: 0.5s;
  52. }
  53.  
  54. a:hover {
  55. color: #000000;
  56. text-decoration:underline;
  57. -moz-transition-duration: 0.5s;
  58. -o-transition-duration: 0.5s;
  59. -webkit-transition-duration: 0.5s;
  60. transition-duration: 0.5s;
  61. }
  62.  
  63. .sidebar {
  64. width:900px;
  65. position:relative;
  66. margin:auto;
  67. top: 30px;
  68. left:200px;
  69. }
  70.  
  71. .title {
  72. width:450px;
  73. font-size:18px;
  74. font-family:Open Sans Condensed;
  75. letter-spacing:0px;
  76. font-weight:none;
  77. line-height:100%;
  78. text-transform:lowercase;
  79. color:#444;
  80. padding-bottom:7px;
  81. border-bottom:1px solid #F5F5F5;
  82. }
  83.  
  84. .sidebarlinks {
  85. width:300px;
  86. margin-bottom:4px;
  87. margin-top:3px;
  88. padding-bottom:2px;
  89. text-transform:lowercase;
  90. font-size:10px;
  91. font-family: calibri;
  92. text-align:left;
  93. font-weight:normal;
  94. border-bottom:1px solid #F5F5F5;
  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. .sidebarlinks a {
  102. color:#444;
  103. padding:3px;
  104. -moz-transition-duration: 0.5s;
  105. -o-transition-duration: 0.5s;
  106. -webkit-transition-duration: 0.5s;
  107. transition-duration: 0.5s;
  108. }
  109.  
  110. .sidebarlinks a:hover {
  111. color:#444;
  112. letter-spacing:2px;
  113. -moz-transition-duration: 0.5s;
  114. -o-transition-duration: 0.5s;
  115. -webkit-transition-duration: 0.5s;
  116. transition-duration: 0.5s;
  117. }
  118.  
  119. .description {
  120. width:500px;
  121. position:absolute;
  122. margin-top:5px;
  123. text-align:left;
  124. font-size:10px;
  125. font-family: calibri;
  126. color:#444;
  127. }
  128.  
  129. .container {
  130. width:900px;
  131. height:auto;
  132. position:relative;
  133. margin:auto;
  134. top: 60px;
  135. left:190px;
  136. }
  137.  
  138. .table {
  139. width:160px;
  140. height:auto;
  141. position:relative;
  142. margin-left:10px;
  143. top:4px;
  144. margin-top:10px;
  145. display:inline-block;
  146. padding:0px 0px 0px 0px;
  147. border: 1px solid #f0f0f0;
  148. }
  149.  
  150. .image {
  151. width:160px;
  152. height:auto;
  153. }
  154.  
  155. .name {
  156. width:160px;
  157. font-size:18px;
  158. font-family:Open Sans Condensed;
  159. letter-spacing:0px;
  160. margin-top:2px;
  161. text-align:center;
  162. text-transform:lowercase;
  163. font-weight:none;
  164. color:#000;
  165. background-color:;
  166. }
  167.  
  168. .basic {
  169. font-size:10px;
  170. font-family: calibri;
  171. padding:5px 3px;
  172. margin: 3px 0 6px 0;
  173. color:#444;
  174. border-top: 1px solid #f0f0f0;
  175. }
  176.  
  177. .links {
  178. letter-spacing: 0px;
  179. font-size:10px;
  180. font-family: calibri;
  181. padding:4px 3px;
  182. margin: 5px 0 6px 0;
  183. color:#262626;
  184. border-bottom: 0px solid #f0f0f0;
  185. }
  186.  
  187. .links a {
  188. padding:3px;
  189. }
  190.  
  191. .info {
  192. padding:4px;
  193. margin:1px;
  194. text-align:justify;
  195. font-size:10px;
  196. font-family: calibri;
  197. color:#000000;
  198. }
  199.  
  200.  
  201. </style>
  202. </head>
  203. <body>
  204.  
  205. <div class="sidebar">
  206. <div class="title">
  207. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem
  208. </div>
  209.  
  210. <div class="sidebarlinks">
  211. <a href="http://britishrobert.tumblr.com/">credit</a>
  212. <a href="http://britishrobert.tumblr.com/">back to blog</a>
  213. <a href="http://www.tumblr.com/dashboard">dashboard</a>
  214. </div>
  215. <div class="description">
  216. <b>short escription, almost the size of the title, but can not exceed two lines, like this:</b> lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem pulvinar id, commodo feugiat, vehicula et, mauris
  217. </div>
  218. </div>
  219.  
  220. <div class="container">
  221.  
  222.  
  223.  
  224. <! 1 >
  225. <tr>
  226. <div class="table">
  227.  
  228. <center><img src="https://24.media.tumblr.com/f735b42c08219859a33171a09b0b8614/tumblr_mzdal6t4kZ1r5uehlo5_250.png" class="image">
  229. <div class="name">
  230. <a href="if you want to put link to any page or something link is here"> frederick edwards </a>
  231. </div>
  232. <div class="basic">
  233. short escription, but can not exceed two lines, or the theme will get weird
  234. </div>
  235.  
  236. </div>
  237.  
  238.  
  239.  
  240. <! 2 >
  241. <tr>
  242. <div class="table">
  243.  
  244. <center><img src="https://31.media.tumblr.com/32b30e07bee2047975b57a976f426b3b/tumblr_mzdal6t4kZ1r5uehlo1_250.png" class="image">
  245. <div class="name">
  246. <a href="if you want to put link to any page or something link is here">Ridley Cooper</a>
  247. </div>
  248. <div class="basic">
  249. short escription, but can not exceed two lines, or the theme will get weird
  250. </div>
  251. </div>
  252.  
  253.  
  254. <! 3 >
  255. <tr>
  256. <div class="table">
  257.  
  258. <center><img src="https://31.media.tumblr.com/7932348597279345b1af052f0bfa485c/tumblr_mzdal6t4kZ1r5uehlo6_250.png" class="image">
  259. <div class="name">
  260. <a href="if you want to put link to any page or something link is here">Isabella Homes O’Connelly</a>
  261. </div>
  262. <div class="basic">
  263. short escription, but can not exceed two lines, or the theme will get weird
  264. </div>
  265. </div>
  266.  
  267. <br>
  268.  
  269. <! 4 >
  270. <tr>
  271. <div class="table">
  272.  
  273. <center><img src="https://31.media.tumblr.com/7932348597279345b1af052f0bfa485c/tumblr_mzdal6t4kZ1r5uehlo6_250.png" class="image">
  274. <div class="name">
  275. <a href="if you want to put link to any page or something link is here">Barbara Hendrick</a>
  276. </div>
  277. <div class="basic">
  278. short escription, but can not exceed two lines, or the theme will get weird
  279. </div>
  280. </div>
  281.  
  282.  
  283.  
  284. <! 5 >
  285. <tr>
  286. <div class="table">
  287.  
  288. <center><img src="https://24.media.tumblr.com/f735b42c08219859a33171a09b0b8614/tumblr_mzdal6t4kZ1r5uehlo5_250.png" class="image">
  289. <div class="name">
  290. <a href="if you want to put link to any page or something link is here">Dylan Wesley</a>
  291. </div>
  292. <div class="basic">
  293. short escription, but can not exceed two lines, or the theme will get weird
  294. </div>
  295. </div>
  296.  
  297.  
  298.  
  299. <! 6 >
  300. <tr>
  301. <div class="table">
  302.  
  303. <center><img src="https://31.media.tumblr.com/b3a2999bd1b4da10de08718b86dd29b2/tumblr_mzdal6t4kZ1r5uehlo2_250.png" class="image">
  304. <div class="name">
  305. <a href="if you want to put link to any page or something link is here">Donovan Folkworth</a>
  306. </div>
  307. <div class="basic">
  308. short escription, but can not exceed two lines, or the theme will get weird
  309. </div>
  310. </div>
  311.  
  312.  
  313.  
  314.  
  315.  
  316.  
  317.  
  318. </div>
  319.  
  320.  
  321. </body>
  322. </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!