SHARE
TWEET

Lavender Codes

adamfaiz Dec 5th, 2013 103 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <html>
  2. <link href='http://fonts.googleapis.com/css?family=Imprima' rel='stylesheet' type='text/css'>
  3. <head>
  4. <!--------------------------------------
  5. SKIN BY: A D A M F A I Z
  6. TITLE: LAVENDER
  7. !!*--DONT REMOVE THIS SECTION--*!!
  8. --------------------------------------!>
  9. <title>L A V E N D E R</title>
  10. <link rel="shortcut icon" href="http://static.tumblr.com/bc7znss/MN5ma27op/373813c8qyd2txyp.gif" />
  11. <style type="text/css">
  12.  
  13. body {
  14. color: #777;
  15. font-family:imprima;
  16. font-size: 12px;
  17. background: #fbfbfb;
  18. cursor: url(http://i.imgur.com/GLcEJfz.png),auto;
  19. }
  20. a:link, a:active, a:visited {
  21. font-family: imprima;
  22. color: #aaa;
  23. text-decoration: none;
  24. font-weight: none;
  25. -webkit-transition-duration: .50s;
  26. }
  27. a:hover {
  28. color: #333333;
  29. text-decoration: none;
  30. }
  31.  
  32. /****************************
  33. POST FOOTER
  34. ****************************/
  35. #footerpost {
  36. margin-top:30px;
  37. background: url(http://static.tumblr.com/fftf9xi/Csulrl8xt/border-chat.png) bottom right repeat-x;
  38. }
  39. /****************************
  40. SIDEBAR
  41. ****************************/
  42. .sidebar{
  43. position: absolute; top:0px; left: 0px;
  44. width: 310px;
  45. height: 100%;
  46. padding: 7px;
  47. border-right: 10px solid #eee;
  48. background:#fbfbfb;
  49. color: #777;
  50. font-family: imprima;
  51. font-size: 11px;
  52. }
  53. /****************************
  54. POST
  55. ****************************/
  56. .bodypost{
  57. position: absolute; top:40px; right: 170px;
  58. border-radius:10px;
  59. width: 600px;
  60. padding: 7px;
  61. color: #333333;
  62. border:1px dashed #ddd;
  63. text-align: justify;
  64. background: #fff;
  65. }
  66. /****************************
  67. BACKSIDE
  68. ****************************/
  69. #backside {
  70.     position: absolute; top:1px; right: 830px;
  71.     width: 120px;
  72.     height: 100%;
  73.     background-color: #f8f2f3;
  74.     background: url(http://25.media.tumblr.com/818ed3e33430bd4b3028f4d506fdc347/tumblr_mt67noIbPl1ru3nbdo5_r1_100.png);
  75. }
  76. /****************************
  77. NAVIGATION
  78. ****************************/
  79. .navi {
  80. text-transform:uppercase;
  81. width:150px;
  82. background:#fff;
  83. border: 1px dashed #ddd;
  84. color:#000;
  85. display: inline-block;
  86. text-decoration:none;
  87. text-align:center;
  88. padding:3px;
  89. font: 11px imprima;
  90. margin-left:-20px;
  91. border-top-right-radius:6px;
  92. border-bottom-right-radius:6px;
  93. margin-top:15px;
  94. -webkit-transition-property:color, text;
  95. -webkit-transition-duration: .2s;
  96. -moz-transition-duration: .2s;
  97. -webkit-transition-timing-function: linear, ease-in;
  98. -webkit-transition:2s;
  99. }
  100. .navi:hover {
  101. box-shadow:inset -50px -40px 0px #eee, inset 50px 40px 0px #ddd;
  102. -webkit-transition:1s;
  103. color:#fff;
  104. }
  105.  
  106. /****************************
  107. POST TITLE
  108. ****************************/
  109. .h1{
  110. margin-top: 10px;
  111. text-align: left;
  112. color: #000;
  113. font-size: 18pt;
  114. text-transform:lowercase;
  115. font-family: star;
  116. }
  117. @font-face{font-family:star; src:url('http://static.tumblr.com/cpgw3dl/u7dmup8xr/lavanderia_regular.ttf');}
  118. /****************************
  119. SIDEBAR TITLE
  120. ****************************/
  121. .h2{
  122. margin-top: 10px;
  123. margin-bottom: 5px;
  124. text-align: center;
  125. border-bottom: 4px double #ddd;
  126. font: 18pt star;
  127. text-transform: lowercase;
  128. letter-spacing: 1px;
  129. }
  130. /****************************
  131. DESCRIPTION
  132. ****************************/
  133. .h3{
  134. font-size: 9px;
  135. text-align: left;
  136. color: #666;
  137. font-family: imprima;
  138. letter-spacing: 1px;
  139. text-transform: uppercase;
  140. }
  141. /****************************
  142. PAGE
  143. ****************************/
  144. .h4{
  145. margin-top: 10px;
  146. text-align: center;
  147. color: #000;
  148. font-size: 18pt;
  149. text-transform:lowercase;
  150. font-family: star;
  151. }
  152. @font-face{font-family:star; src:url('http://static.tumblr.com/cpgw3dl/u7dmup8xr/lavanderia_regular.ttf');}
  153. .h5{
  154. font-size: 11px;
  155. background: #fbfbfb;
  156. padding:3px;
  157. text-align: center;
  158. color: #666;
  159. font-family: imprima;
  160. letter-spacing: 1px;
  161. text-transform: uppercase;
  162. }
  163. b, strong {
  164. font-family: tahoma;
  165. color: #333333;
  166. }
  167. i, em {
  168. font-family: tahoma;
  169. color: #999999;
  170. }
  171. u {
  172. font-family: tahoma;
  173. color: #555555;
  174. border-bottom: 1px solid #DDD;
  175. }
  176. /****************************
  177. POST BLOCKQUOTE
  178. ****************************/
  179. blockquote {
  180. background:#fff;
  181. background-size: 40%;
  182. color: #444;
  183. border-left:25px solid #ddd;
  184. padding:4px;
  185. }
  186. blockquote:hover {
  187. border-left:25px solid #eee;
  188. }
  189. /****************************
  190. HIGHLIGHT
  191. ****************************/
  192. ::selection {
  193. background-color: #eee;
  194. color: #000;
  195. }
  196. ::-moz-selection {
  197. background-color: #eee;
  198. color: #000;
  199. }
  200. ::-webkit-scrollbar {width: 6px; height: 6px; background: #fff; }
  201. ::-webkit-scrollbar-thumb:vertical {background: #eee;}
  202.  
  203. </style>
  204.  
  205.     <center>
  206. <div id="backside">
  207. <div style="margin-top:100px;">
  208. <a class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('entries').innerHTML">Entries</a>
  209. <a class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('profile').innerHTML">Profile</a>
  210. <a class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('tuto').innerHTML">stuff</a>
  211. <a class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('friend').innerHTML">Affies</a>
  212. <a class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('credit').innerHTML">Credit</a>
  213. <br>
  214. </center>
  215. <br>
  216. </div>
  217. </head>
  218. <noembed><body></noembed>
  219. <div class="sidebar">
  220. <center><img style="width:300px;padding:4px;border:1px dashed #ddd;height:200px;" src="http://24.media.tumblr.com/tumblr_m0h737P8qZ1qlywlko1_500.jpg">
  221. </center>
  222. <center><div class="h2"> Holla Earthlings ! </div></center>
  223. <img  style="clear: right; float: left;border: 1px dashed #ddd;width:50px;height:50px;border-radius:50%;padding:3px; margin-bottom: 1em; margin-right: 0.5em;" src="http://static.tumblr.com/4a227c592fdcca9fd0cd67f69e04a84d/1xjieua/iPGmtl9zw/tumblr_static_tumblr_static_zoph-banner.png" width="50" />
  224. Hey I'm human.live on earth.love swimming,shopping & fishing.welcome to my world.i love brandet things,like to eat,drinks,watching tv and blalalalala. Replace this with your own information (likes, dislikes, etc), and other
  225. <br>
  226. </br>
  227. <center><div class="h2"> Big Thanks </div></center>
  228. <center>Skin By : <a href="http://sibodohjangankacau.blogspot.com/">Adam</a> <a href="http://www.blogskins.com/me/adam_faiz">Faiz's</a><br>
  229. Background : <a href="http://cocorini.com/">Cocorini</a><br>
  230. Colour Code : <a href="http://html-color-codes.info/">HTML COLOUR</a><br>
  231. Image : <a href="http://weheartit.com/tag/caneta">We♥It</a><br>
  232. Footer Image : <a href="http://evangelista-grace.blogspot.com/2013/10/freebies-post-border-bottom.html">Evan Grace</a><br>
  233. </center>
  234. <br><br>
  235. <!---DON'T REMOVE THIS CREDIT SECTION.I WORK HARD FOR THIS!---!>
  236. </div><br>
  237. </div><br>
  238. </div>
  239. </div>
  240. <center>
  241. <div id="main"style="padding-left:170px;">
  242. <center>
  243. <Blogger>
  244. <div class="bodypost">
  245. <div class="h1">
  246. <img src="http://static.tumblr.com/4a227c592fdcca9fd0cd67f69e04a84d/1xjieua/iPGmtl9zw/tumblr_static_tumblr_static_zoph-banner.png" width="50" height="50" style="border-radius: 50%;padding:3px; border:1px dashed #ddd; float:left; margin-right:10px;"/><span style="font:18px; display:inline-block; width:523px; padding:4px; border-bottom:1px solid #eee; "/>
  247. <BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
  248. <div class="h3"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader>, <$BlogItemDateTime$> - <a href="<$BlogItemPermalinkURL$>">Permalink</a> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Comments</a></BlogItemCommentsEnabled></div><br>
  249. <$BlogItemBody$><br>
  250. </Blogger>
  251. <div id="footerpost">
  252. <br>
  253. </center>
  254. </div>
  255. <!--------------------------------------
  256. REFRESH BODY SECTION
  257. --------------------------------------!>
  258. <div id="entries" style="display:none;">
  259. <center>
  260. <Blogger>
  261. <div class="bodypost">
  262. <div class="h1">
  263. <img src="http://static.tumblr.com/4a227c592fdcca9fd0cd67f69e04a84d/1xjieua/iPGmtl9zw/tumblr_static_tumblr_static_zoph-banner.png" width="50" height="50" style="border-radius: 50%;padding:3px; border:1px dashed #ddd; float:left; margin-right:10px;"/><span style="font:18px; display:inline-block; width:523px; padding:4px; border-bottom:1px solid #eee; "/>
  264. <BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
  265. <div class="h3"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader>, <$BlogItemDateTime$> - <a href="<$BlogItemPermalinkURL$>">Permalink</a> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Comments</a></BlogItemCommentsEnabled></div><br>
  266. <$BlogItemBody$><br>
  267. </Blogger>
  268. <div id="footerpost">
  269. <br>
  270. </center>
  271. </div>
  272. <!--------------------------------------
  273. PROFILE SECTION
  274. --------------------------------------!>
  275. <div id="profile" style="display:none;">
  276. <div class="bodypost">
  277. <div class="h4">Webmistress</div>
  278. <div class="h5">Meet The Owner</div><br>
  279. </br>
  280. <center><img style="width:350px;border:1px dashed #ddd;padding:3px;" src="http://data1.whicdn.com/images/88342002/large.jpg"></center>
  281. <br>
  282. </br>
  283. <!---REPLACE THIS WITH YOURS---!>
  284. Et harumd dereud facilis est er expedit distinct. Et harumd dereud facilis est er expedit distinct. Yoii rockem sockem mow-em yown. Manarie li que vaqeriao. Occae et harumb bet theap. Est praesent luptatum. Ha! Bis nostrud exercitation ullam mmodo consequet. Duis aute in voluptate velit esse cillum dolore eu fugiat nulla pariatur. At vver eos et accusam dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. Et harumd dereud facilis est er expedit distinct.
  285. <!---REPLACE THIS WITH YOURS---!>
  286. <br>
  287. <br>
  288. </div>
  289. <br><br>
  290. </div>
  291. <!--------------------------------------
  292. STUFF SECTION
  293. --------------------------------------!>
  294. <div id="tuto" style="display:none;">
  295. <div class="bodypost">
  296. <div class="h4">Stuff</div>
  297. <div class="h5">Other things</div><br>
  298. </br>
  299. <center><img style="width:350px;border:1px dashed #ddd;padding:3px;" src="http://data3.whicdn.com/images/88340893/large.jpg"></center>
  300. <br>
  301. </br>
  302. <center>
  303. REPLACE THIS WITH YOURS REPLACE THIS WITH YOURS REPLACE THIS WITH YOURS REPLACE THIS WITH YOURS REPLACE THIS WITH YOURS REPLACE THIS WITH YOURS REPLACE THIS WITH YOURS REPLACE THIS WITH YOURS REPLACE THIS WITH YOURS
  304. </center>
  305. <br>
  306. <br>
  307. </br>
  308. </div>
  309. <!--------------------------------------
  310. AFFILIATES SECTION
  311. --------------------------------------!>
  312. <div id="friend" style="display:none;">
  313. <div class="bodypost">
  314. <div class="h4">Affies</div>
  315. <div class="h5">Link exchange</div><br>
  316. <br>
  317. </br>
  318. <center><img style="width:350px;border:1px dashed #ddd;padding:3px;" src="http://data3.whicdn.com/images/88346809/large.jpg"></center>
  319. <br>
  320. </br>
  321. <center><a href="http:/sibodohjangankacau.blogspot.com/">AdamFaiz</a> | <a href="http:">Friend</a> | <a href="http:">Friend</a> | <a href="http:">Friend</a> | <a href="http:">Friend</a> | <a href="http:">Friend</a> |
  322.  <a href="http:">Friend</a> | <a href="http:">Friend</a> | <a href="http:">Friend</a></center>
  323. <!---DON'T REMOVE MY LINK ---!>
  324. <br>
  325. </br>
  326. </div>
  327. <!--------------------------------------
  328. CREDIT SECTION
  329. --------------------------------------!>
  330. <!---DON'T REMOVE THIS CREDIT SECTION.I WORK HARD FOR THIS!---!>
  331. <div id="credit" style="display:none;">
  332. <div class="bodypost">
  333. <div class="h4">Big Thanks</div>
  334. <div class="h5">Credit </div><br>
  335. <br>
  336. </br>
  337. <center><img style="width:350px;border:1px dashed #ddd;padding:3px;" src="http://data3.whicdn.com/images/87941559/large.png"></center>
  338. <br>
  339. <center>Skin By : <a href="http://sibodohjangankacau.blogspot.com/">Adam</a> <a href="http://www.blogskins.com/me/adam_faiz">Faiz's</a><br>
  340. Background : <a href="http://cocorini.com/">Cocorini</a><br>
  341. Colour Code : <a href="http://html-color-codes.info/">HTML COLOUR</a><br>
  342. Image : <a href="http://weheartit.com/tag/caneta">We♥It</a><br>
  343. Footer Image : <a href="http://evangelista-grace.blogspot.com/2013/10/freebies-post-border-bottom.html">Evan Grace</a><br>
  344. </center>
  345. <br><br>
  346. <!---DON'T REMOVE THIS CREDIT SECTION.I WORK HARD FOR THIS!---!>
  347. </div>
  348. </div>
  349. </body>
  350. </html>
RAW Paste Data
Top