API tools faq
paste
Advertisement
Donniert

Faq & Ask {1} w/o Submit

Donniert
Mar 1st, 2014
97
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.91 KB | None | 0 0
raw download clone embed print report
  1. <!-- FAQ & ASK by Carlotta
  2. http://donthemes.tumblr.com/
  3. don't remove credits -->
  4.  
  5. <!------ RULES ------>
  6.  
  7. <!--
  8. 1. DO NOT REMOVE CREDITS
  9. 2. DO NOT REPOST THE CODE
  10. 3. DO NOT CLAIM AS YOURS
  11. 4. DO NOT USE IT AS A BASE
  12. -->
  13.  
  14. <!DOCTYPE html><html>
  15. <head>
  16.  
  17. <!-- CHANGE THE TITLE HERE -->
  18. <title> Title here </title>
  19.  
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22.  
  23. <link href='http://fonts.googleapis.com/css?family=Exo+2:400,600' rel='stylesheet' type='text/css'>
  24.  
  25. <style type="text/css">
  26.  
  27. /* -- BACKGROUND -- */
  28.  
  29. body {
  30. background: #fff url('http://i39.tinypic.com/28jzhqc.png'); /* IF YOU WANT TO ADD AN IMAGE, REPLACE THE LINK */
  31. background-repeat: repeat;
  32. background-attachment: fixed;
  33. margin:0; padding:0;
  34. font-size:12px;
  35. font-family: Arial, Helvetica, sans-serif;
  36. scrollbar-face-color: #fff; /* IE Scrollbar */}
  37.  
  38. b { color: #ffaa00;}
  39. i { color: #9933ee;}
  40. small {font-size:11px;}
  41.  
  42. /* -- GENERAL LINKS -- */
  43.  
  44. a {text-decoration:none;
  45. color: #22bbdd;}
  46.  
  47. a:hover {color: #353535;}
  48.  
  49. /* -- GENERAL HOVER TRANSITION CSS -- */
  50.  
  51. * {-webkit-transition: all 0.5s ease;
  52. -moz-transition: all 0.5s ease;
  53. -o-transition: all 0.5s ease;
  54. transition: all 0.5s ease;}
  55.  
  56. *:hover {-webkit-transition: all 0.4s ease;
  57. -moz-transition: all 0.4s ease;
  58. -o-transition: all 0.4s ease;
  59. transition: all 0.4s ease;}
  60.  
  61. /* -- SCROLLBAR CHROME & SAFARI -- */
  62.  
  63. ::-webkit-scrollbar {width: 4px; background:#fff;}
  64.  
  65. /* -- CONTAINER - DO NOT CHANGE THIS -- */
  66.  
  67. #bigcont {
  68. position:fixed;
  69. width:605px;
  70. left:50%;
  71. margin-left:-253px;
  72. top:30px;
  73. overflow:hidden;
  74. background:#fff;
  75. border-bottom: 4px #646464 solid;
  76. border-top: 4px #646464 solid;
  77. box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.3);}
  78.  
  79. /* -- SIDEBAR -- */
  80.  
  81. #sidebar {
  82. position:fixed;
  83. margin-top:-4px;
  84. margin-left:-110px;
  85. width:100px;
  86. height:570px;}
  87.  
  88. #sidebar img {
  89. margin-left:3px;
  90. width:94px;
  91. height:94px;
  92. padding:0px 2px;
  93. border-bottom: 4px #646464 solid;
  94. border-top: 4px #646464 solid;
  95. box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.3);}
  96.  
  97. /* -- NAVIGATION BAR -- */
  98.  
  99. #header {
  100. width: 88px;
  101. height:455px;
  102. margin-left:3px;
  103. background:#353535;
  104. font-size: 12px;
  105. z-index:2;
  106. padding:5px;
  107. border-bottom: 4px #646464 solid;
  108. border-top: 4px #646464 solid;
  109. box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.3);}
  110.  
  111. #header:hover {
  112. background:#fff;}
  113.  
  114. /* -- MENU HOVER -- */
  115.  
  116. #hover {
  117. position:absolute;
  118. bottom:1px;
  119. color:#646464;
  120. font-family: 'Exo 2', sans-serif;
  121. font-weight:bold;
  122. text-align:right;
  123. text-transform:uppercase;}
  124.  
  125. #header:hover #hover {color:transparent;}
  126.  
  127. /* -- NAVIGATION LINKS -- */
  128.  
  129. #header a {
  130. display:block;
  131. margin:1px -1px;
  132. width:84px;
  133. padding: 3px;
  134. color:transparent;
  135. font-family: 'Exo 2', sans-serif;
  136. font-weight:bold;
  137. text-align: center;
  138. text-transform:uppercase;}
  139.  
  140. #header:hover a {color:#353535;}
  141.  
  142. #header a:hover {color:#dd4466;}
  143.  
  144. /* -- FAQ CONTAINER -- */
  145.  
  146. #content {
  147. width:610px;
  148. margin:10px 0px;
  149. padding: 6px;
  150. height:340px;
  151. color: #353535;
  152. font-family: 'Exo 2', sans-serif;
  153. overflow:auto;}
  154.  
  155. /* saf3+, chrome1+ */
  156. @media screen and (-webkit-min-device-pixel-ratio:0) {
  157. #content {font-family: Arial, Helvetica, sans-serif;font-size:11px;width:600px;} }
  158.  
  159. /* -- CONTAINER HEADERS -- */
  160.  
  161. h1 {
  162. display:inline;
  163. padding:0px 4px;
  164. font-size:16px;
  165. color:#dd4466;
  166. font-family: 'Exo 2', sans-serif;
  167. text-transform:uppercase;}
  168.  
  169. /* -- ASKBOX -- */
  170.  
  171. #askbox {
  172. margin:5px 0px 5px 10px;
  173. background: transparent;
  174. z-index:3;}
  175.  
  176. </style>
  177. </head>
  178. <body>
  179.  
  180. <div id="bigcont">
  181.  
  182. <div id="sidebar">
  183.  
  184. <img src="http://25.media.tumblr.com/f02702308ba6289a3dca62bb3a9a7ec6/tumblr_mz7ieqdtNO1s14wplo2_r2_250.png">
  185.  
  186. <!--- NAV LINKS: YOU CAN ADD LINKS (UP TO 3 CUSTOM LINKS, BUT DO NOT DELETE THE CREDIT ---->
  187. <div id="header">
  188. <a href="/">home</a>
  189. <a href="/ask">ask me</a>
  190. <a href="#">link 1</a>
  191. <a href="#">link 2</a>
  192. <a href="#">link 3</a>
  193. <a href="http://donthemes.tumblr.com">theme</a>
  194.  
  195. <div id="hover">hover</div>
  196. </div></div>
  197.  
  198. <div id="content">
  199.  
  200. <!-- HERE YOU CAN ADD AS MANY WORDS AS YOU WANT. FOR ME, YOU CAN READ A POEM TOO. I MADE BTW THIS PART FOR THE FAQS. MAKE SURE TO GIVE LINES SPACES WITH "BR" LOOK THE TEXT BEFORE DELETING IT ---->
  201. <h1>This is a header line</h1><br>
  202. text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text <a href="#">this is a link</a> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text<br><br>
  203.  
  204. <h1>This is will be an header</h1><br>
  205. The image is 94x94px and credit <u>MUST</u> remain if you don't change it. Credit here: <a href="http://aeroplaneblues.tumblr.com/post/72932322240/first-freebie-fantastic-friday-free">sidebar image</a>.<br> text text text text text text text text text text text <b>text text text text text text </b>text text text <br><br>
  206. text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text <i>italic text</i> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text <a href="#">another link</a> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text <b>strong text</b> text text text text text text text text text text text text text text you can scroll the text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text <br><br>
  207.  
  208. <h1>You can add your title here</h1><br>
  209. text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text example<br><br>
  210.  
  211. text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
  212.  
  213. </div>
  214.  
  215. <div id="askbox"><iframe frameborder="0" scrolling="no" width="98%" height="190" src="http://www.tumblr.com/ask_form/YOURBLOGNAME.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe>
  216. <!--[if IE]>
  217. <script type="text/javascript">
  218. document.getElementById('ask_form').allowTransparency = true;
  219. </script>
  220. <![endif]--></div>
  221.  
  222. </div>
  223. </body></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!