Pastebin launched a little side project called VERYVIRAL.com, check it out ;-) Want more features on Pastebin? Sign Up, it's FREE!

BROWNIES TEMPELATE BY LETTHA

By: chocolettha on Apr 14th, 2012  |  syntax: HTML  |  size: 10.98 KB  |  views: 19  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <HTML><head><title>BRAWNIES</title>
  2. <link href='http://fonts.googleapis.com/css?family=Special+Elite|Rochester|Lora:400italic|La+Belle+Aurore|Cedarville+Cursive' rel='stylesheet' type='text/css'>
  3.  
  4.  
  5. <style type="text/css">
  6. #navbar-iframe {display: none;}
  7. body {background: url(http://static.tumblr.com/ni2vzzt/FXam24bn5/birdbackground.jpg)fixed; font-family: trebuchet ms; font-size: 10px; letter-spacing: 1px; color: #757575;
  8. line-height: 16px; text-align: justify;}
  9. a {color: #999; text-decoration: none; -webkit-transition: 0.5s;}
  10. a:hover {-webkit-transition: 0.5s; color: transparent; cursor: help;}
  11. ::-webkit-scrollbar-thumb:vertical {background-color:#CCBDA5; border: 1px solid #FFFFFF; height:100px; -webkit-border-radius: 6px;}
  12. ::-webkit-scrollbar-thumb:horizontal {background-color:#FFF; height:10px !important;}
  13. ::-webkit-scrollbar {height:10px; width:6px; background-color:#fff; -webkit-border-radius: 6px; }
  14. blockquote {border: 1px dashed #cacaca; padding: 4px; border-radius: 4px; -moz-border-radius: 4px;}
  15. .h1 {font-family: georgia; font-weight: normal; font-size: 13px;  line-height:14px; font-weight: 500; letter-spacing: 2px; text-transform: lowercase; text-shadow: 0px 0px 1px #e4dace;  
  16. color:#a3a3a3; padding: 10px; padding-bottom: 3px; padding-left: 5px; margin-top: -8px; padding-left: 0px;}
  17. .h2 {font-size:7px; padding: 3px; padding-bottom: 1px; margin-top: 8px; border: 1px solid #efefef; height: 15px; -moz-border-radius:0px; -webkit-border-radius:0px; font-weight: bold;
  18. font-family: trebuchet ms; letter-spacing: 1px; background-color: #fafafa; text-transform: uppercase; text-align: right;}
  19. .h3 {font-family: 'Rochester', cursive; font-size: 20px; font-weight: 500; text-transform: lowercase; border-bottom: 1px dashed #eeeeee; letter-spacing: 1px;
  20. margin-bottom: 5px; color: #888;}
  21. .big {position:fixed; left:206px; width: 790px;  border: 1px solid #eee; margin-top:-10px; height: 990px; background-color: #fff; -moz-box-shadow: 0px 0px 26px #746B64;
  22. -webkit-box-shadow: 0px 0px 26px #746B64; box-shadow: 0px 0px 26px #746B64; z-index: 0;}
  23. .entry {background: #FFF; margin-bottom: 15px; width: 540px; padding: 10px;}
  24. .sides {background: #FFF; width: 230px; border-right: 1px dashed #eee; padding: 10px;}
  25. u {text-decoration: none; border-bottom: 1px dotted #B39F7F;}
  26. ul.tabs {margin-bottom: 70px;padding: 0;list-style: none;height: 9px;border-top: none;border-right: none;border-left: none; width: 100%;}
  27. ul.tabs li {font:9px Arial; color: #FFF; line-height: 9px; letter-spacing: 5px; margin-bottom: 2px;  -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms;
  28. -moz-transition-timing-function: ease-out; -moz-transition-duration: 250ms; text-transform:lowercase; padding: 10px; background: #CCBDA5;}
  29. ul.tabs li a {color: #FFF; font:9px Arial; line-height: 9px; letter-spacing: 5px; margin-bottom:2px; -webkit-transition-timing-function: ease-out;
  30. -webkit-transition-duration: 250ms;  -moz-transition-timing-function: ease-out; -moz-transition-duration: 250ms; text-transform:lowercase; padding: 10px; }
  31. ul.tabs li a:hover {cursor: se-resize; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 350ms;
  32. -moz-transition-timing-function: ease-out; -moz-transition-duration: 350ms; color: #FFF;}
  33. html ul.tabs li.active, html ul.tabs {background: #B39F7F; color: #FFF;}
  34.  
  35. </style><script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
  36. <script type="text/javascript">
  37.  
  38. $(document).ready(function() {
  39.  
  40. //Default Action
  41.  
  42.  $(".tab_content").hide(); //Hide all content
  43.  
  44.  $("ul.tabs li:first").addClass("active").show(); //Activate first tab
  45.  
  46.  $(".tab_content:first").show(); //Show first tab content
  47.  
  48.  
  49.  
  50.  //On Click Event
  51.  
  52.  $("ul.tabs li").click(function() {
  53.  
  54.   $("ul.tabs li").removeClass("active"); //Remove any "active" class
  55.  
  56.   $(this).addClass("active"); //Add "active" class to selected tab
  57.  
  58.   $(".tab_content").hide(); //Hide all tab content
  59.  
  60.   var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
  61.  
  62.   $(activeTab).fadeIn(); //Fade in the active content
  63.  
  64.   return false;
  65.  
  66.  });
  67.  
  68.  
  69.  
  70. });
  71.  
  72. </script></head><body>
  73.  
  74. <table style="font-size: 10px; color:#757575; line-height: 16px; background:#FFF; -moz-box-shadow: 0px 0px 26px #746B64;
  75. -webkit-box-shadow: 0px 0px 26px #746B64; box-shadow: 0px 0px 26px #746B64;" width="810" align="center" border="0" cellspacing="10">
  76. <tbody><tr>
  77.  
  78. <td valign="top" style="position: fixed; line-height:16px; font-size:10px; width:220px; padding-left: 10px; padding-right: 10px; border-right: 1px dashed #eee;">
  79. <div class="h3">About Me</div>
  80. <img src="http://farm7.static.flickr.com/6161/6152891883_1873e31699.jpg" width="220">
  81. My name is Rose De Witt Bukater. A wife of Jack Dawson. We were separated because the Titanic was sank on 12 April 1912.
  82. <br><br>
  83.  
  84. <div class="h3">What's yours</div>
  85. <ul class="tabs">
  86. <li><a href="#tab1">Posts</a></li>
  87. <li><a href="#tab2">About</a></li>
  88. <li><a href="#tab3">Links</a></li>
  89. <li><a href="#tab4">Message</a></li>
  90. </ul><div>
  91. <br><br><br>
  92.  
  93. <div class="h3">Instagram or Twitter</div>
  94. Well, let's see, you have a lot of choice to fill this stupid blank space.<br>
  95. Like instagram/Twitter widget. Or maybe your labels.<br>
  96. You can place your images too :3<br>
  97. <br>
  98.  
  99. <div class="h3">Credits</div>
  100. Theme made by <a href="http://letthaprincess.blogspot.com/">Lettha</a>. Background and other stuff I found on <a href="http://tumblr.com/">Tumblr</a>. Don't delete this section.
  101. <br><br>
  102. </td>
  103.  
  104. <td valign="top" style="line-height:16px; font-size:10px; width:530px; padding-left: 12px; padding-right: 5px;"><div id="tab1" class="tab_content">
  105. <blogger>
  106. <div class="h1"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
  107. <$blogitembody$>
  108. <div class="h2"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader></div>
  109. <br></blogger><br></div>
  110.  
  111. <div id="tab2" class="tab_content">
  112. <div class="h1">About the Webmistress</div><br>
  113. <center><img src="http://farm7.static.flickr.com/6161/6152891883_1873e31699.jpg"></center><br><br>
  114.  
  115. <span style="font-size: 30px">Keep this place long! Or your layout will messed up.</span><br>
  116. How to make it long?<br>
  117. Write your biodata as long as you can.<br>
  118. Make it minimum 4 paragraph.<br>
  119. Place your picture, maybe 2 pics or more.<br>
  120. Place your awards(if you have)<br><br>
  121. The example:<br>
  122. My name is Lettha. Sometimes, I catch myself looking up at the stars, trying to decipher the illuminating shapes and patterns that they make across the night sky.
  123. Sometimes, I want to wander about and be engulfed in the tranquility of paradise, climb high, snowy mountains, and breathe the fresh air and sanguine aromas given off by trees and flowers.
  124. Sometimes I just want to get lost in a vast forest and lay on a patch of dried leaves; all I would hear is the whistle of a slight wind and the soft rustle of plants. I would be free.
  125. If you would like to get to know me more, this blog is a great place to start. Finally sorry for my bad English x_x
  126. <div class="h2">Sincerely, Lettha</div>
  127. </div>
  128.  
  129. <div id="tab3" class="tab_content">
  130. <div class="h1">Affiliates</div><br>
  131. <center><img src="http://27.media.tumblr.com/tumblr_m20pu8OX6B1qejerwo1_400.jpg"></center><br><br>
  132. <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> <a href="http://">Friend</a>
  133. <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> <a href="http://">Friend</a>
  134. <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> <a href="http://">Friend</a>
  135. <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> <a href="http://">Friend</a>
  136. <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> <a href="http://">Friend</a>
  137. <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> <a href="http://">Friend</a>
  138. <div class="h2">Sincerely, Lettha</div>
  139.  
  140. <br><br>
  141.  
  142. <div class="h1">I am member of...</div><br>
  143. Place your banner here. Maybe FEMIND BANNER *eaa xD<br><br>
  144. <center><img src="http://29.media.tumblr.com/tumblr_m1k6bd8ZqU1r8k6fvo1_400.jpg"></center><br><br>
  145. Don't make this space short ! Or your layout will be messed up. I'M SERIOUS! I haven't any idea again to fix this.
  146. <div class="h2">Sincerely, Lettha</div>
  147. </div>
  148.  
  149. <div id="tab4" class="tab_content">
  150. <div class="h1">Shout not Shit</div><br>
  151. <center><img src="http://26.media.tumblr.com/tumblr_m1zxywsZYq1qhwidio1_400.jpg"></center>
  152. Plave tagboard here. I TELL YOU MAKE THIS SPACE LONG LONG LONG AS YOU CAN. OR YOUR LAYOUT WILL MESSED UP *lol<br><br>
  153. Width nomore than 500px.<br>
  154. The height is your choice. I recommended the height 350px.<br><br>
  155. When I reminisce about my past, the positive experiences are not the first that come to my mind; instead, the negative experiences are the ones that keep appearing in my mind.
  156. I used to dwell in a realm of negativity where all hope was lost. I felt weak. I felt vulnerable. I felt depressed. Heck, I just felt so insecure about every single little thing,
  157. from my looks to the even my personality. To be honest, I just wasn’t happy with my life. But as the days are going by, things are starting to make more sense.
  158. I think that the bad things we experience in life often lead us to the good things, and just like everyone else in the world, you are going to have to walk through streets of sadness and
  159. pain before you walk the streets of happiness and comfort. A negative times a negative equals a positive. One can go through so many difficult times, but in the end, the negative starts to
  160.  turn into a positive. Life is a game, but in the end, we will triumph over everything. We will be victorious.
  161. <div class="h2">Sincerely, Lettha</div>
  162. </div>
  163.  
  164.  
  165. </td></tbody></tr></table>
  166. <Script Language='Javascript'>
  167. <!-- IMPORTANT DO NOT REMOVE THIS SCRIPT! OR IT CAN HARM YOUR LAYOUT --!>
  168. <!--
  169. document.write(unescape('%3C%64%69%76%20%73%74%79%6C%65%3D%22%70%6F%73%69%74%69%6F%6E%3A%20%66%69%78%65%64%3B%20%62%6F%74%74%6F%6D%3A%20%33%70%78%3B%20%72%69%67%68%74%3A%20%33%70%78%3B%22%3E%0A%3C%61%20%63%6C%61%73%73%3D%22%62%6F%74%63%72%65%22%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%77%77%77%2E%62%6C%6F%67%73%6B%69%6E%73%2E%63%6F%6D%2F%6D%65%2F%63%68%6F%63%6F%6C%65%74%74%68%61%22%20%74%69%74%6C%65%3D%22%74%68%65%6D%65%22%3E%A9%3C%2F%61%3E%3C%61%20%63%6C%61%73%73%3D%22%62%6F%74%63%72%65%22%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%6C%65%74%74%68%61%70%72%69%6E%63%65%73%73%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%2F%22%20%74%69%74%6C%65%3D%22%74%68%65%6D%65%22%3E%63%68%6F%63%6F%6C%65%74%74%68%61%3C%2F%61%3E%3C%2F%64%69%76%3E%0A'));
  170. //-->
  171. </Script>
  172. </body></HTML>