API tools faq
paste
Advertisement
tomkirk

About #1

tomkirk
Mar 10th, 2014
10,036
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.49 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. [ T H E M E B Y ]
  3.  
  4. ○ ● ○
  5.  
  6. [ T O M K I R K ]
  7.  
  8. about me page #1
  9.  
  10.  
  11. -->
  12. <html>
  13. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  14. <html xmlns="http://www.w3.org/1999/xhtml">
  15. <head>
  16. <title>
  17. {block:PostSummary}
  18. {PostSummary} - {/block:PostSummary}
  19.  
  20. Page Title Here
  21.  
  22. </title>
  23. </style>
  24.  
  25. <style type="text/css">
  26.  
  27. iframe#tumblr_controls {-webkit-filter:invert(100%);right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  28. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: .9;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  29.  
  30. ::-webkit-scrollbar {width:16px; height:16px; background:#ffffff}
  31. ::-webkit-scrollbar-thumb { background-color: #e8e8e8;border:5px solid #ffffff;}
  32.  
  33. body{
  34. background-color:#ffffff; /*background hex color code*/
  35. background-image:url(); /*insert image url between parentheses*/
  36. background-attachment:fixed;
  37. background-repeat:repeat;
  38. background-position:center;
  39. /*
  40. background-size:100% 100%; -remove dashes, asterisks, and this text to make background picture fit entire screeen-
  41. */
  42. font-size:10px;
  43. line-height:14px; /*make this number slightly bigger than font-size*/
  44. font-family:consolas;
  45. color:#666666; /*font color*/
  46. }
  47.  
  48. a:link, a:active, a:visited{
  49. color:#FFC2D6; /*link color*/
  50. text-decoration:none; /*can put underline for underlined links*/
  51. }
  52.  
  53. a:hover{
  54. color:#C2FFEB; /*link hover color*/
  55. text-decoration:none;
  56. }
  57.  
  58. #box{
  59. position:fixed;
  60. margin-left:200px;
  61. margin-top:200px;
  62. padding:8px;
  63. width:200px;
  64. background:#ffffff; /*box color*/
  65. border:1px solid #ebebeb; /*change color code for different colored borders*/
  66. box-shadow:rgba(0,0,0,0.07)-7px 7px;
  67. z-index:1;
  68. /*delete the following for no rounded edges*/
  69. -webkit-border-bottom-right-radius: 4px;
  70. -webkit-border-bottom-left-radius: 4px;
  71. -moz-border-radius-bottomright: 4px;
  72. -moz-border-radius-bottomleft: 4px;
  73. border-bottom-right-radius: 4px;
  74. border-bottom-left-radius: 4px;
  75. }
  76.  
  77. #bar{
  78. position:absolute;
  79. margin-top:-28px;
  80. margin-left:-9px;
  81. padding:3px;
  82. padding-right:5px;
  83. text-align:right;
  84. width:208px;
  85. height:11px;
  86. background:#e8e8e8; /*bar background*/
  87. border:1px solid #ebebeb; /*matching border color with #box border looks best*/
  88. /*delete the following for no rounded edges*/
  89. -webkit-border-top-left-radius: 4px;
  90. -webkit-border-top-right-radius: 4px;
  91. -moz-border-radius-topleft: 4px;
  92. -moz-border-radius-topright: 4px;
  93. border-top-left-radius: 4px;
  94. border-top-right-radius: 4px;
  95. }
  96.  
  97. .bartitle{
  98. float:left;
  99. font-weight:bold;
  100. color:#666666;
  101. }
  102.  
  103. .bartitle:first-letter{
  104. text-decoration:underline;
  105. }
  106.  
  107. blockquote{
  108. padding-left:5px;
  109. margin-left:15px;
  110. margin-right:0px;
  111. margin-top:5px;
  112. margin-bottom:0px;
  113. border-left:2px solid #e8e8e8;
  114. }
  115.  
  116. .p {padding-top:5px;}
  117. .ol, ul {margin-left:10px;padding:5px;}
  118. .ul {list-style-type:square;}
  119.  
  120. #navbar{
  121. position:absolute;
  122. margin-top:-24px;
  123. margin-left:-8px;
  124. padding:3px;
  125. padding-right:5px;
  126. text-align:right;
  127. width:106px;
  128. height:9px;
  129. background:#e8e8e8; /*bar background*/
  130. border:1px solid #ebebeb; /*matching border color with #box border looks best*/
  131. /*delete the following for no rounded edges*/
  132. -webkit-border-top-left-radius: 4px;
  133. -webkit-border-top-right-radius: 4px;
  134. -moz-border-radius-topleft: 4px;
  135. -moz-border-radius-topright: 4px;
  136. border-top-left-radius: 4px;
  137. border-top-right-radius: 4px;
  138. }
  139.  
  140. #nav{
  141. position:fixed;
  142. width:100px;
  143. margin-top:200px;
  144. margin-left:440px;
  145. padding-top:7px;
  146. padding-left:7px;
  147. padding-right:7px;
  148. padding-bottom:4px;
  149. font-family:consolas;
  150. font-size:10px;
  151. line-height:12px;
  152. background-color:#ffffff; /*background hex color code*/
  153. border:1px solid #ebebeb; /*change color code for different colored borders*/
  154. color:#000000; /*text color, note link colors and styles will change with the theme you're using*/
  155. z-index:999;
  156. box-shadow:rgba(0,0,0,0.07)-7px 7px;
  157. /*delete the following for no rounded edges*/
  158. -webkit-border-bottom-right-radius: 4px;
  159. -webkit-border-bottom-left-radius: 4px;
  160. -moz-border-radius-bottomright: 4px;
  161. -moz-border-radius-bottomleft: 4px;
  162. border-bottom-right-radius: 4px;
  163. border-bottom-left-radius: 4px;
  164. }
  165.  
  166. #nav a{
  167. margin-bottom:4px;
  168. padding:1px;
  169. text-transform:uppercase;
  170. letter-spacing:1px;
  171. text-align:center;
  172. color:#666666; /*nav links text color*/
  173. background:#f4f4f4; /*nav links background color*/
  174. border:1px solid #f4f4f4;
  175. padding:1px;
  176. display:block;
  177. -webkit-transition: all 0.1s ease;
  178. -moz-transition: all 0.1s ease;
  179. transition: all 0.1s ease;
  180. /*delete the following for no rounded edges*/
  181. -webkit-border-radius: 4px;
  182. -moz-border-radius: 4px;
  183. border-radius: 4px;
  184. }
  185.  
  186. #nav a:active{
  187. color:#666666; /*nav links text color when clicked*/
  188. background:#ffffff; /*color of link when clicked*/
  189. }
  190.  
  191.  
  192. {CustomCSS}
  193. </style>
  194.  
  195. <link rel="shortcut icon" href="{Favicon}">
  196. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" />
  197.  
  198. </head>
  199.  
  200. <body>
  201.  
  202. <div id="box">
  203.  
  204. <div id="bar">
  205. <span class="bartitle"> Page Title Here </span>
  206. <img src="http://media.tumblr.com/691ba4289e39661cfb6559164f39f3c0/tumblr_inline_msy5o89F1X1qz4rgp.png">
  207. <img src="http://media.tumblr.com/36615af987980409c80cc67cae27013d/tumblr_inline_msy5o5RiHU1qz4rgp.png">
  208. <img src="http://media.tumblr.com/7cd16259d770a6d5f4a6350dc962a48e/tumblr_inline_msy5nqetZl1qz4rgp.png">
  209. </div>
  210.  
  211. <!-- write stuff here -->
  212.  
  213. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna.
  214.  
  215. <a href="/about/1">link</a> <!--add <br> instead of enter -->
  216.  
  217. <br>
  218. > one
  219. <br>
  220. > two
  221.  
  222. <blockquote>
  223. blockquote text
  224. </blockquote>
  225.  
  226. <b>bold</b>
  227. <i>italics</i>
  228.  
  229. <br>
  230.  
  231. <img src="https://31.media.tumblr.com/5a4a522d4da9de9d3347d24bc1cac2f0/tumblr_inline_my5fmtNKRZ1rnr4eb.gif">
  232.  
  233. </div>
  234.  
  235. <div id="nav">
  236.  
  237. <!-- delete this part to take off bar and buttons-->
  238. <div id="navbar"><span class="bartitle"> links </span>
  239. <img src="http://media.tumblr.com/691ba4289e39661cfb6559164f39f3c0/tumblr_inline_msy5o89F1X1qz4rgp.png">
  240. <img src="http://media.tumblr.com/36615af987980409c80cc67cae27013d/tumblr_inline_msy5o5RiHU1qz4rgp.png">
  241. <img src="http://media.tumblr.com/7cd16259d770a6d5f4a6350dc962a48e/tumblr_inline_msy5nqetZl1qz4rgp.png">
  242. </div>
  243. <!--end-->
  244.  
  245. <a href="/about/1">link</a>
  246. <a href="/about/1">link</a>
  247. <a href="/about/1">link</a>
  248.  
  249. </div>
  250.  
  251.  
  252. <div style="position:fixed;right:0;bottom:0;padding:15px;">
  253. <a title="theme by tomkirk"href="http://tomkirk.tumblr.com/">▲</a>
  254. </div>
  255. </body>
  256. </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!