API tools faq
paste
Advertisement
b0rn-to-be-wild

Batwoman about

b0rn-to-be-wild
Jan 19th, 2015
140
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.57 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.  
  3.  
  4. <!----
  5. © borntobewildthemes.tumblr.com | "Batwoman about"
  6.  
  7. + Please do not redistribute this theme or remove credits
  8. + You are allowed to make changes as long as you keep our credits
  9. + If you have any questions or concerns, just contact me!
  10. + Thanks for using our theme.! We hope that you enjoy it!
  11.  
  12. ---->
  13.  
  14.  
  15. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  16.  
  17.  
  18. <head>
  19.  
  20. <img src="http://i43.tinypic.com/ibwc3o.jpg" style="position:absolute; max-height: 100%;
  21. max-width:100%x;
  22. margin-left:0; top:0px;
  23. z-index:10;"></div>
  24.  
  25. <!--GOOGLE FONTS-->
  26.  
  27. <link href='http://fonts.googleapis.com/css?family=Great Vibes' rel='stylesheet' type='text/css'>
  28.  
  29. <link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
  30.  
  31. <script type="text/javascript"
  32. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  33.  
  34.  
  35. <title>{Title}</title>
  36.  
  37. <link rel="shortcut icon" href="{Favicon}" />
  38. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  39.  
  40. <style type="text/css">
  41.  
  42.  
  43. /*--Body--*/
  44.  
  45. body {
  46. background-color:black;
  47. background-image: url('https://38.media.tumblr.com/a7672b6079758fc7779c088fd11537db/tumblr_ne0phqUbPj1secvrho3_250.png');
  48. font-family:Play;
  49. color:#777;
  50. font-size:13px;
  51. }
  52.  
  53. a {
  54. color:gray;
  55. text-decoration:none;
  56. -webkit-transition: all 0.5s ease-out;
  57. -moz-transition: all 0.5s ease-out;
  58. transition: all 0.5s ease-out;
  59. }
  60.  
  61. a:hover {
  62. color:white;
  63. text-decoration:none;
  64. -webkit-transition: all 0.8s ease-out;
  65. -moz-transition: all 0.8s ease-out;
  66. transition: all 0.8s ease-out;
  67. }
  68.  
  69. b {font-family:Play;
  70. font-size:15px;
  71. font-weight:bold;
  72. color:#800000;}
  73.  
  74. p.italic {
  75. font-style:italic;
  76. color:{color:Italic};}
  77.  
  78. img {
  79. border:none;
  80. }
  81.  
  82. blockquote {
  83. padding-left:5px;
  84. border-left:2px solid {color:border};
  85. }
  86.  
  87. h1 {
  88. font-size:10px;
  89. }
  90.  
  91. /*--Cursor code--*/
  92.  
  93. body, a:hover {
  94. cursor: url(http://cur.cursors-4u.net/cursors/cur-3/cur237.ani), url(http://cur.cursors-4u.net/cursors/cur-3/cur237.png), progress !important;}
  95.  
  96. /*Everything*/
  97.  
  98. #everything {
  99. margin-left:100px;
  100. margin-top:140px;
  101. -webkit-animation: fadeInDown 2s;
  102. -moz-animation: fadeInDown 2s;
  103. -ms-animation: fadeInDown 2s;
  104. }
  105.  
  106. #blogtitle {
  107. position:absolute;
  108. top:65px;
  109. margin-left:130px;
  110. font-size:30px;
  111. font-family:'Great Vibes';
  112. width:410px;
  113. height:28px;
  114. opacity:0.8;
  115. letter-spacing:2px;
  116. line-height:30px;
  117. z-index:100000;
  118. text-align:center;
  119. color:#fff;
  120. }
  121.  
  122. .description{
  123. position:fixed !important;
  124. float:left;
  125. margin-left:30px;
  126. top: 105px;
  127. opacity:1;
  128. color:white;
  129. font-size:15px;
  130. font-family:Play;
  131. text-align:center;
  132. background-color:#000;
  133. height:auto;
  134. max-height:400px;
  135. width:530px;
  136. z-index:1;
  137. padding:20px;
  138. opacity:0.8;
  139. transition: all 0.3s ease-out;
  140. -o-transition-transition: all 0.3s ease-out;
  141. -webkit-transition: all 0.3s ease-out;
  142. -moz-transition: all 0.3s ease-out;
  143. }
  144.  
  145. .description:hover{
  146. opacity:1;
  147. transition: all 0.3s ease-out;
  148. -o-transition-transition: all 0.3s ease-out;
  149. -webkit-transition: all 0.3s ease-out;
  150. -moz-transition: all 0.3s ease-out;
  151. }
  152.  
  153. /*--credits--*/
  154.  
  155. #credits {
  156. position:fixed;
  157. right:10px;
  158. top:40px;
  159. z-index:100000;
  160. }
  161.  
  162. #credits img{
  163. border:5px double #777;
  164. }
  165.  
  166. {CustomCSS}
  167.  
  168. </style></head>
  169.  
  170.  
  171. <body>
  172.  
  173. <div id="everything">
  174.  
  175. <div id="blogtitle">About</div>
  176.  
  177. <div class="description"><br>
  178.  
  179. Lorem ipsum <b>dolor</b> sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut <i>labore</i> et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris <u>nisi</u>.
  180.  
  181. </div>
  182.  
  183.  
  184. <!-- HERE YOU CAN CHANGE THE IMAGE ON THE RIGHT SIDE (BATGIRL)-->
  185.  
  186. <img src="http://i43.tinypic.com/154dm6d.jpg" style="position:fixed; max-height: 100%;
  187. max-width:400px;
  188. right:-10px; bottom:-5px;
  189. z-index:-9;">
  190.  
  191. </div>
  192.  
  193. <a href="http://borntobewildthemes.tumblr.com"><div id="credits">
  194. <img src="http://i57.tinypic.com/301g6eg.jpg"></div></a>
  195.  
  196. </div>
  197. </body>
  198. </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!