API tools faq
paste
Advertisement
beamupscotty

"off" blog page theme

beamupscotty
Apr 11th, 2013
582
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.47 KB | None | 0 0
raw download clone embed print report
  1. <meta http-equiv="x-dns-prefetch-control" content="off"/><meta http-equiv="x-dns-prefetch-control" content="off"/><title>INSERT TAB TITLE HERE</title>
  2.  
  3. <link rel="shortcut icon" href="http://i.imgur.com/DI40tcY.png" />
  4.  
  5. <!--
  6. "OFF" BLOG PAGE THEME
  7. BY RAPBATTLE.TUMBLR.COM (SUBJECT TO CHANGE)
  8. PLEASE DON'T REMOVE THIS CREDIT
  9. -->
  10.  
  11. <head>
  12. <style type="text/css">
  13.  
  14. @font-face {
  15. font-family: "04b_03"; src: url('http://static.tumblr.com/gg5ydlz/fZ2mj42yi/04b_03__.ttf');}
  16.  
  17. @font-face {
  18. font-family: "bangalore"; src: url('http://static.tumblr.com/gg5ydlz/916mk7emb/bangalor.ttf');}
  19.  
  20. body {
  21. margin-top: 30px;
  22. background: #000 url(http://i.imgur.com/DM1kzu2.png) no-repeat;
  23. background-attachment: fixed;
  24. background-size: cover;
  25. background-position: bottom-left;
  26. text-align: justify;
  27. }
  28.  
  29. a, a:link, a:visited {
  30. color:#f2a400;
  31. font-family: "04b_03";
  32. font-size: 10px;
  33. font-weight:bold;
  34. text-decoration:none;
  35. }
  36.  
  37. a:hover {
  38. color:#111;
  39. }
  40.  
  41. blockquote {
  42. background-color: #000;
  43. padding: 10px;
  44. color: #fff;
  45. font-family: "04b_03";
  46. font-size: 10px;
  47. line-height: 10px;
  48. border: 1px solid #eee;
  49. }
  50.  
  51. #content{
  52. margin-right: auto;
  53. margin-left: auto;
  54. min-height:230px;
  55. width: 700px;
  56. }
  57.  
  58. .subcontent {
  59. padding-bottom:15px;
  60. z-index:9;
  61. width:500px;
  62. }
  63.  
  64. #maincontent {
  65. color: #CCCCCC;
  66. font-size:11px;
  67. margin-left: auto;
  68. margin-right: auto;
  69. }
  70.  
  71. .clear {
  72. height: 10px; }
  73.  
  74. .entry {
  75. background: url() #fff;
  76. color:#5E5C5C;
  77. font-family: "04b_03";
  78. font-size:10px;
  79. line-height:12px;
  80. padding:3px;
  81. width:700px;
  82. text-align:justify;
  83. }
  84.  
  85. .entry_text {
  86. min-height: 100px;
  87. padding: 10px;
  88. }
  89.  
  90. .topbox {
  91. z-index: -1;
  92. background-color: #000;
  93. opacity: .5;
  94. position: relative;
  95. min-height: 150px;
  96. width: 700px;
  97. padding:3px;
  98. text-align: center;
  99. }
  100.  
  101. .subject, .subject a, .subject a:hover {
  102. color:#fff !important;
  103. font-family: bangalore !important;
  104. font-size:35px !important;
  105. letter-spacing: 1px !important;
  106. line-height:38px;
  107. margin-top: 100px;
  108. position: fixed;
  109. font-weight: bold;
  110. padding-left: 160px;
  111. max-width: 600px;
  112. text-align: center;
  113. text-transform:uppercase;
  114. text-shadow:
  115. 1px 1px 0 #000,
  116. 2px 2px 0 #000,
  117. 3px 3px 0 #000,
  118. 4px 4px 0 #000,
  119. 5px 5px 0 #000;
  120. }
  121.  
  122. .topboxt {
  123. color: #fff;
  124. font-family: "04b_03"!important;
  125. font-size:20px !important;
  126. letter-spacing: 3px;
  127. margin-left:150px;
  128. padding: 15px;
  129. max-width: 510px;
  130. position: fixed;
  131. text-align: justify;
  132. text-shadow:
  133. 1px 1px 0 #000,
  134. 2px 2px 0 #000,
  135. 3px 3px 0 #000,
  136. 4px 4px 0 #000,
  137. 5px 5px 0 #000;
  138. }
  139.  
  140. .entry ul li, .entry ol li {
  141. padding-left: 5px;
  142. margin-left: 15px;
  143. }
  144.  
  145. .currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic strong {
  146. display: none;
  147. }
  148.  
  149. .tinyicon {
  150. background: transparent none no-repeat scroll 0 50%;
  151. padding: 0px 0px 0px 14px;
  152. }
  153.  
  154. .tinyicon {
  155. background-image: url(http://i.imgur.com/7lagHht.png);
  156. margin-top: 20px;
  157. margin-right: 3px;
  158. margin-bottom: -10px;
  159. text-transform: uppercase;
  160. font-family: "04b_03";
  161. }
  162.  
  163.  
  164. .tinyicon a, .tinyicon a:link, .tinyicon a:hover, .tinyicon a:visited {
  165. color: #747474; font-family: "04b_03"; text-transform: uppercase; }
  166.  
  167.  
  168. #header {
  169. background-color: transparent;
  170. position: absolute;
  171. letter-spacing: 3px;
  172. padding:15px;
  173. text-align: left;
  174. z-index: 1;
  175. text-shadow:
  176. 1px 1px 0 #000,
  177. 2px 2px 0 #000,
  178. 3px 3px 0 #000,
  179. 4px 4px 0 #000,
  180. 5px 5px 0 #000;
  181. }
  182.  
  183. ul.navheader{
  184. display:block;
  185. line-height:0.8;
  186. }
  187.  
  188. #header li {background: url('http://i.imgur.com/gBrHIxj.png') no-repeat left center; padding-left: 20px;}
  189.  
  190. ul.navheader, ul.navheader li {
  191. display:block;
  192. margin:0;
  193. padding:0;
  194. }
  195.  
  196. div#header a, div#header a:link, div#header a:visited {
  197. color: #fff;
  198. font-family: bangalore;
  199. font-size: 25px;
  200. font-style: normal; }
  201.  
  202. div#header a:hover {
  203. color: #eee;
  204. }
  205.  
  206. div#header li.view {
  207. background-color:transparent;
  208. color:#f9f9f9;
  209. font-size: 25px;
  210. }
  211.  
  212. .bigpixel {
  213. float:left;
  214. position: relative;
  215. background-color: transparent !important;
  216. margin-left: 15px;
  217. z-index: 15;
  218. text-align: center;
  219. }
  220.  
  221. .bigpixel img {
  222. padding-top: 5px;
  223. }
  224.  
  225. .bigpixel a font {
  226. color: #f2a400;
  227. }
  228.  
  229. .bottombox {
  230. color:#fff;
  231. background-color: #000;
  232. opacity: .5;
  233. min-height: 150px;
  234. padding: 3px;
  235. position: relative;
  236. width:700px;
  237. }
  238.  
  239. .bottomboxt {
  240. padding: 15px;
  241. float: right;
  242. width: 430px;
  243. font-family: "04b_03";
  244. font-size: 20px;
  245. letter-spacing: 3px;
  246. text-align: justify;
  247. }
  248.  
  249. div.bottombox a, div.bottombox a:link, div.bottombox a:visited {
  250. color:#fff;
  251. font-family:"04b_03"!important;
  252. font-size:16px !important;
  253. letter-spacing:-1px;
  254. padding:2px;
  255. }
  256.  
  257. div.bottombox a:hover {
  258. background-color:transparent!important;
  259. color:#eee;
  260. font-family: "04b_03"!important;
  261. font-size:16px !important;
  262. letter-spacing:-1px;
  263. padding:2px;
  264. }
  265.  
  266. </style>
  267. </head>
  268.  
  269. <body>
  270.  
  271. <div id="content">
  272. <div id="maincontent">
  273. <div class="subcontent">
  274. <div class="bigpixel"><img src="http://media.tumblr.com/da5bad4f81bd03ded3827f3a7200f88e/tumblr_inline_mk4vo9XkBo1qz4rgp.png" /></div>
  275. <div class="subject">THIS IS YOUR TITLE.</div>
  276. <div class="topbox"><div class="topboxt"> Excellent, dear compliant companion. You must consider that the impact of your assaults depend on the level of the Batter and the enemy.</div></div>
  277. <div class="entry">
  278. <div class="entry_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dapibus, leo vitae rhoncus porta, erat mi consectetur velit, eget interdum quam mauris ac tellus. Vestibulum ut arcu non nisi feugiat mollis sed a purus. Suspendisse potenti. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla egestas ipsum vel diam tristique vel lobortis nisl mollis. Morbi euismod auctor nunc, eget feugiat dolor euismod ac. Aliquam erat volutpat. In quis condimentum eros. Donec ac diam dolor, et pharetra odio. Nullam nec mi quis felis fringilla ultricies et sit amet sapien.<br /><br />
  279.  
  280. <blockquote>Praesent iaculis, nibh a imperdiet consequat, erat erat congue erat, non vestibulum purus nisi a elit. Quisque ac sem risus. Proin sed mi ornare nisi convallis ultricies. Mauris porta justo non velit rutrum suscipit. Pellentesque quam libero, placerat vel volutpat vel, placerat ut diam. Phasellus vel risus eget felis dictum laoreet. Curabitur ipsum dui, convallis a feugiat non, malesuada in nulla. Pellentesque eget magna ac odio ultrices hendrerit. Proin sit amet nunc dolor, non malesuada tellus. Vivamus nec tellus dui. Sed elementum vestibulum metus vel vehicula. Etiam auctor mi eu enim venenatis varius. Vestibulum nec condimentum sem.</blockquote>
  281. <div class='tinyicon'>NAVIGATE: <a rel='tag' href='/'>HOME</a>, <a rel='tag' href='/ask'>MESSAGE</a>, <a rel='tag' href='/blogroll'>BLOGROLL</a></div></div><br></div>
  282.  
  283. <div id="header">
  284. <ul class="navheader">
  285. <li><a href="/">Link one</a></li>
  286. <li><a href="/">Link two</a></li>
  287. <li><a href="/">Link three</a></li>
  288. <li><a href="/">Link four</a></li>
  289. <li><a href="/">Link five</a></li>
  290. <li><a href="/">Link six</a></li>
  291.  
  292. </ul>
  293. </div>
  294. <div class="bottombox"><div class="bottomboxt">I don't have time to read this, I must purify the zone.
  295. <br><center><img src="http://media.tumblr.com/ad9bb1315d072196c8325adc0b601192/tumblr_inline_mjbq19iB161qz4rgp.gif">
  296. <a href="http://rapbattle.tumblr.com"><small>© CODE</small></a> <img src="http://media.tumblr.com/9004bf03accf48859dc3c5c9d7743b56/tumblr_inline_mjbq16H5y71qz4rgp.gif"></center></div></div>
  297. </div>
  298. </body>
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!