API tools faq
paste
Advertisement
superfrown

Page #6

superfrown
Mar 29th, 2014
781
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.62 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7.  
  8. <head>
  9. <!----
  10.  
  11. Page 06: Blaq
  12. bias/characters/family page
  13. by: superfrown.tumblr.com
  14.  
  15. You may:
  16. Edit as much as you like
  17.  
  18. You may not:
  19. Claim as your own
  20. Remove the credit
  21.  
  22.  
  23. ---->
  24.  
  25.  
  26. <style type="text/css">
  27.  
  28. /* MAIN */
  29.  
  30. body {
  31. background-color:#f7f7f7;
  32. background-image: url();
  33. background-attachment: fixed;
  34. background-repeat: repeat;
  35. color:#424242;
  36. font-family: calibri;
  37. font-size: 11px;
  38. margin: 0px;
  39. padding: 0px;}
  40.  
  41. a:link, a:active {
  42. text-decoration:none;
  43. color: #7a7a7a;
  44. -webkit-transition: all 0.4s ease-in-out;
  45. -moz-transition: all 0.4s ease-in-out;
  46. -o-transition: all 0.4s ease-in-out;
  47. transition: all 0.4s ease-in-out;}
  48.  
  49. a:visited {
  50. text-decoration:none;
  51. color: #2a2a2a;
  52. -webkit-transition: all 0.4s ease-in-out;
  53. -moz-transition: all 0.4s ease-in-out;
  54. -o-transition: all 0.4s ease-in-out;
  55. transition: all 0.4s ease-in-out;}
  56.  
  57. a:hover {
  58. color: #e3e3e3;
  59. -webkit-transition: all 0.4s ease-in-out;
  60. -moz-transition: all 0.4s ease-in-out;
  61. -o-transition: all 0.4s ease-in-out;
  62. transition: all 0.4s ease-in-out;}
  63.  
  64.  
  65. ::-webkit-scrollbar {
  66. height:6px;
  67. width:4px;
  68. background-color: #ffffff;}
  69.  
  70. ::-webkit-scrollbar-thumb:vertical {
  71. background-color: #242424;}
  72.  
  73. ::-webkit-scrollbar-thumb:horizontal {
  74. background-color: #242424;}
  75.  
  76.  
  77.  
  78. /* SIDEBAR */
  79.  
  80. .sidebar {
  81. width:100%;
  82. height:80px;
  83. left:0px;
  84. top:-1px;
  85. position:fixed;
  86. border-bottom:1px solid #6a6a6a;
  87. background-color:#ededed;
  88. opacity:0.9;
  89. z-index:2000;}
  90.  
  91. .title {
  92. position:absolute;
  93. margin-left:180px;
  94. margin-top:5px;
  95. width:auto;
  96. height:40px;
  97. text-align:left;
  98. font-size:28px;
  99. font-family:calibri;
  100. letter-spacing:0px;
  101. font-style:italic;
  102. color:#2a2a2a;
  103. text-shadow:2px 2px 2px #adadad;}
  104.  
  105.  
  106. /* DESCRIPTION */
  107.  
  108. .description {
  109. position:absolute;
  110. margin-top:5px;
  111. margin-left:5px;
  112. width:158px;
  113. height:68px;
  114. padding-left:5px;
  115. padding-right:5px;
  116. overflow:auto;
  117. text-align:center;
  118. font-size:11px;
  119. font-family: calibri;
  120. font-weight:normal;
  121. font-style:normal;
  122. letter-spacing:0px;
  123. color: #424242;}
  124.  
  125.  
  126. /* LINKS */
  127.  
  128. .links {
  129. margin-top:52px;
  130. margin-left:180px;
  131. text-align:left;
  132. width:500px;
  133. height:23px;}
  134.  
  135. .links a {
  136. display:inline-block;
  137. font-size:11px;
  138. padding:4px;
  139. margin-top:0px;
  140. margin-right:4px;
  141. text-transform:lowercase;
  142. letter-spacing:1px;
  143. border:1px solid #7a7a7a;
  144. color: #9e9e9e;
  145. background-color: #f5f5f5;
  146. -webkit-transition: all 0.4s ease-in-out;
  147. -moz-transition: all 0.4s ease-in-out;
  148. -o-transition: all 0.4s ease-in-out;
  149. transition: all 0.4s ease-in-out;}
  150.  
  151. .links a:hover {
  152. color: #cecece;
  153. -webkit-transition: all 0.4s ease-in-out;
  154. -moz-transition: all 0.4s ease-in-out;
  155. -o-transition: all 0.4s ease-in-out;
  156. transition: all 0.4s ease-in-out;}
  157.  
  158.  
  159. /* STUFF */
  160.  
  161. .stuff {
  162. width:100%;
  163. height:auto;
  164. left:0px;
  165. top:110px;
  166. position:absolute;
  167. text-align:center;}
  168.  
  169. .column {
  170. display:inline-block;
  171. margin-top:0px;
  172. margin-bottom:30px;
  173. margin-left:15px;
  174. margin-right:15px;
  175. width:142px;
  176. height:142px;
  177. border:1px solid #7a7a7a;
  178. background-color:#2a2a2a;}
  179.  
  180. .subtitle {
  181. position:absolute;
  182. margin-top:95px;
  183. margin-left:0px;
  184. width:142px;
  185. text-align:center;}
  186.  
  187. .subtitle a {
  188. display:block;
  189. font-size:16px;
  190. padding:2px;
  191. text-transform:none;
  192. letter-spacing:1px;
  193. border:1px solid #ededed;
  194. color:#5a5a5a;
  195. background-color:#ededed;
  196. opacity:0.6;
  197. -webkit-transition: all 0.4s ease-in-out;
  198. -moz-transition: all 0.4s ease-in-out;
  199. -o-transition: all 0.4s ease-in-out;
  200. transition: all 0.4s ease-in-out;}
  201.  
  202. .subtitle a:hover {
  203. color: #4a4a4a;
  204. opacity:1;
  205. -webkit-transition: all 0.4s ease-in-out;
  206. -moz-transition: all 0.4s ease-in-out;
  207. -o-transition: all 0.4s ease-in-out;
  208. transition: all 0.4s ease-in-out;}
  209.  
  210. .columnimage {
  211. position:absolute;
  212. padding:5px;
  213. width:120px;
  214. height:120px;
  215. margin-top:5px;
  216. margin-left:5px;
  217. border:1px solid #7a7a7a;}
  218.  
  219. .columnimage img {
  220. width:120px;
  221. height:120px;}
  222.  
  223.  
  224. </style>
  225.  
  226.  
  227. </head>
  228.  
  229. <body>
  230.  
  231.  
  232. <div class="sidebar">
  233.  
  234.  
  235. <!--- EDIT YOUR PAGE TITLE HERE --->
  236. <div class="title"> blaq </div>
  237.  
  238.  
  239. <!--- EDIT YOUR PAGE DESCRIPTION HERE --->
  240. <div class="description">
  241.  
  242. This is a description. Lorem ipsum dolor <i>sit amet</i>, consectetur adipisicing elit, sed do <b>eiusmod tempor</b> incididunt ut labore et dolore magna aliqua.
  243.  
  244. </div>
  245.  
  246.  
  247. <!--- EDIT YOUR PAGE LINKS HERE --->
  248. <div class="links">
  249. <a href="/"> Home </a>
  250. <a href="/ask"> Ask </a>
  251. <a href=""> Link 1 </a>
  252. <a href=""> Link 2 </a>
  253. <a href=""> Link 3 </a>
  254. <a href=""> Link 4 </a>
  255. <a href="http://superfrown.tumblr.com"> credit </a>
  256. </div>
  257.  
  258.  
  259. </div>
  260.  
  261.  
  262.  
  263. <div class="stuff">
  264.  
  265.  
  266. <!------ PERSON 1 START ------>
  267. <div class="column">
  268.  
  269. <!--- EDIT YOUR IMAGE HERE --->
  270. <div class="columnimage">
  271. <img src="http://static.tumblr.com/9d6102aac42714b90cd15f48ebe4b0e3/3rt5rsv/LLimzdhss/tumblr_static_sb_2.png">
  272. </div>
  273.  
  274. <div class="subtitle">
  275.  
  276. <!--- EDIT YOUR LINK HERE --->
  277. <a href="/">
  278.  
  279. <!--- EDIT YOUR SUBTITLE HERE --->
  280. subtitle
  281.  
  282. </a>
  283. </div>
  284.  
  285. </div>
  286. <!------ PERSON 1 END ------>
  287.  
  288.  
  289.  
  290. <!------ PERSON 2 START ------>
  291. <div class="column">
  292.  
  293. <!--- EDIT YOUR IMAGE HERE --->
  294. <div class="columnimage">
  295. <img src="http://static.tumblr.com/9d6102aac42714b90cd15f48ebe4b0e3/3rt5rsv/LLimzdhss/tumblr_static_sb_2.png">
  296. </div>
  297.  
  298. <div class="subtitle">
  299.  
  300. <!--- EDIT YOUR LINK HERE --->
  301. <a href="/">
  302.  
  303. <!--- EDIT YOUR SUBTITLE HERE --->
  304. subtitle
  305.  
  306. </a>
  307. </div>
  308.  
  309. </div>
  310. <!------ PERSON 2 END ------>
  311.  
  312.  
  313.  
  314. <!------ PERSON 3 START ------>
  315. <div class="column">
  316.  
  317. <!--- EDIT YOUR IMAGE HERE --->
  318. <div class="columnimage">
  319. <img src="http://static.tumblr.com/9d6102aac42714b90cd15f48ebe4b0e3/3rt5rsv/LLimzdhss/tumblr_static_sb_2.png">
  320. </div>
  321.  
  322. <div class="subtitle">
  323.  
  324. <!--- EDIT YOUR LINK HERE --->
  325. <a href="/">
  326.  
  327. <!--- EDIT YOUR SUBTITLE HERE --->
  328. subtitle
  329.  
  330. </a>
  331. </div>
  332.  
  333. </div>
  334. <!------ PERSON 3 END ------>
  335.  
  336.  
  337.  
  338. <!------ PERSON 4 START ------>
  339. <div class="column">
  340.  
  341. <!--- EDIT YOUR IMAGE HERE --->
  342. <div class="columnimage">
  343. <img src="http://static.tumblr.com/9d6102aac42714b90cd15f48ebe4b0e3/3rt5rsv/LLimzdhss/tumblr_static_sb_2.png">
  344. </div>
  345.  
  346. <div class="subtitle">
  347.  
  348. <!--- EDIT YOUR LINK HERE --->
  349. <a href="/">
  350.  
  351. <!--- EDIT YOUR SUBTITLE HERE --->
  352. subtitle
  353.  
  354. </a>
  355. </div>
  356.  
  357. </div>
  358. <!------ PERSON 4 END ------>
  359.  
  360.  
  361.  
  362. <!------ PERSON 5 START ------>
  363. <div class="column">
  364.  
  365. <!--- EDIT YOUR IMAGE HERE --->
  366. <div class="columnimage">
  367. <img src="http://static.tumblr.com/9d6102aac42714b90cd15f48ebe4b0e3/3rt5rsv/LLimzdhss/tumblr_static_sb_2.png">
  368. </div>
  369.  
  370. <div class="subtitle">
  371.  
  372. <!--- EDIT YOUR LINK HERE --->
  373. <a href="/">
  374.  
  375. <!--- EDIT YOUR SUBTITLE HERE --->
  376. subtitle
  377.  
  378. </a>
  379. </div>
  380.  
  381. </div>
  382. <!------ PERSON 5 END ------>
  383.  
  384.  
  385.  
  386. <!------------ IF YOU WANT MORE PEOPLE JUST COPY THE CODE FROM PERSON START TO PERSON END AND PASTE BELOW THIS LINE ------------>
  387.  
  388.  
  389.  
  390. </div>
  391.  
  392. </body>
  393. </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!