Advertisement
radiatingbiebs

ask layout theme 1

Aug 11th, 2013
2,202
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 4.72 KB | None | 0 0
  1.  
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  4.    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  5.  
  6. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  7. <html lang="en">
  8. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  9. <html xmlns="http://www.w3.org/1999/xhtml">
  10. <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
  11.  
  12. <script type="text/javascript"
  13. src="http://static.tumblr.com/gmywsxl/px7mrdnnd/jquery.min.js"></script>
  14. <html lang="en">
  15. <head>
  16.  
  17. </script>
  18.  
  19. <style type="text/css">
  20.  
  21. @font-face { font-family: "fighter";src: url('http://static.tumblr.com/ejm8w78/E7bmdzk1u/kgthefighter.ttf');,}
  22.  
  23.  
  24.  
  25. body{
  26. margin:5px;
  27. /*---Customize your background color here-----*/
  28. background-color: #FAFAFA;
  29. background-attachment: fixed;
  30. background-repeat: repeat;
  31. font-size: 12px;
  32. line-height:13px;
  33. color:{color:Text};
  34. }
  35.  
  36. a:link, a:active, a:visited{
  37. color:#ffacc2;
  38. text-decoration: none;
  39. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  40. }
  41.  
  42. ::-webkit-scrollbar-thumb{
  43. /*---Customize your scrollbar color here-----*/
  44. background-color:  #ffacc2;
  45. border: 1px solid #fff;
  46. height:4px;
  47. -moz-border-radius: 10px;
  48. border-radius: 10px;
  49. }
  50. ::-webkit-scrollbar {
  51. height:4px;
  52. width:7px;
  53. background-color: #aaa;
  54. border: 3px solid #fff;
  55. }
  56. div#askbox{
  57. margin-left:550px;
  58. position:fixed;
  59. margin-top:145px;
  60. text-align:center;
  61. width:440px;
  62. height:270px;
  63. padding:15px;
  64. background:white;}
  65.  
  66. div#faq{
  67. margin-left:308px;
  68. margin-top:145px;
  69. position:fixed;
  70. text-align:left;
  71. width:190px;
  72. overflow:auto;
  73. height:270px;
  74. padding:15px;
  75. background:white;}
  76.  
  77. #links{
  78. margin-left:296px;
  79. margin-top:98px;
  80. position:fixed;
  81. text-align:left;
  82. width:900px;
  83. height:auto;
  84. }
  85. #links a{
  86. /*---Customize your link color here-----*/
  87. color:#ffacc2;
  88. border-bottom:1px solid #ffacc2;
  89. padding:9px;
  90. width:111px;
  91. font-size:10px;
  92. font-family:calibri;
  93. text-align:center;
  94. text-transform:uppercase;
  95. background:white;
  96. display:inline-block;
  97. margin-left:13px;
  98. }
  99.  
  100. #links a:hover{
  101. border-bottom:3px solid #ffacc2;
  102. text-shadow:0px 0px 0px #000;}
  103.  
  104. sub_header{
  105. /*---Customize your subheader color here-----*/
  106. color:#ffacc2;
  107. z-index:1;
  108. text-transform:uppercase;
  109. }
  110.  
  111. heart{
  112.     font-size:10px;
  113.     content:"&hearts;";}
  114. askk{
  115. /*---Customize your title color here-----*/
  116. color: #ffacc2;
  117. font-family: fighter;
  118. font-size:25px;
  119. z-index:1;
  120. }
  121.  
  122. </style>
  123. <link rel="shortcut icon" href="{favicon}">
  124. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  125. <meta name="viewport" content="width=720" />
  126. </head>
  127. <body onselectstart="return false" ondragstart="return false">
  128. <!--------
  129. put your links here!
  130. ------------>
  131. <div id="links">
  132. <a href="/"link 1</a>
  133. <a href="/">link 2</a>
  134. <a href="/">link 3</a>
  135. <a href="http://tumblr.com/dashboard">back to dash</a>
  136. <a href="http://acousticized.tumblr.com/">theme credit</a></div>
  137. </div>
  138.  
  139. <!-------------
  140. CUSTOMIZE YOUR FAQ HERE. IF YOU WANT TO HAVE A HEART BEFORE EACH BULLET POINT, WRITE <heart>&hearts;</heart> BEFORE EACH SENTENCE AND PUT A <BR> AFTER THE SENTENCE
  141. -------------->
  142.  
  143. <div id="faq">
  144. <askk>f.a.q.</askk><br>
  145. <heart>&hearts;</heart> place things in your faq here<br>
  146. <heart>&hearts;</heart> place things in your faq here<br>
  147. <heart>&hearts;</heart> place things in your faq here<br>
  148. <heart>&hearts;</heart> place things in your faq here<br>
  149.  
  150. <sub_header>header:</sub_header><br>
  151.  
  152. <heart>&hearts;</heart> place things in your faq here<br>
  153. <heart>&hearts;</heart> place things in your faq here<br>
  154. <heart>&hearts;</heart> place things in your faq here<br>
  155. <heart>&hearts;</heart> place things in your faq here<br>
  156.  
  157. <sub_header>header:</sub_header><br>
  158. <heart>&hearts;</heart> place things in your faq here<br>
  159. <heart>&hearts;</heart> place things in your faq here<br>
  160. <heart>&hearts;</heart> place things in your faq here<br>
  161.  
  162. <sub_header>header:</sub_header><br>
  163.  
  164. <heart>&hearts;</heart> place things in your faq here<br>
  165. <heart>&hearts;</heart> place things in your faq here<br>
  166. <heart>&hearts;</heart> place things in your faq here<br>
  167. <heart>&hearts;</heart> place things in your faq here<br>
  168. <heart>&hearts;</heart> place things in your faq here<br>
  169. </div>
  170.  
  171. <!----------------
  172. THIS IS YOUR ASKBOX. WHERE IT SAYS http://www.tumblr.com/ask_form/YOURURLHERE.tumblr.com, REPLACE "YOURURLHERE" WITH YOUR URL.
  173. ---------------->
  174. <div id="askbox">
  175. <askk>have any questions?</askk>
  176. <br><br>
  177. <iframe frameborder="0" height="240"id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/YOURURLHERE.tumblr.com" width="440"></iframe></p>
  178. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement