API tools faq
paste
paigeh987

Ask/FAQ Page 2 - neonbike themes

paigeh987
Dec 28th, 2015
9,167
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.47 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!--
  5.  
  6. ASK/FAQ PAGE #2
  7. By Paige @ neonbikethemes.tumblr.com
  8.  
  9. Rules:
  10.  
  11. - Do not steal code or design
  12. - Do not remove/alter credit
  13. - Please like/reblog the post
  14.  
  15. Thanks!
  16.  
  17. -->
  18.  
  19. <meta charset="utf-8">
  20. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  21. <title>{Title}{block:TagPage} - {Tag} {/block:TagPage} {block:SearchPage} - {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}- {PostSummary} {/block:PostSummary}</title>
  22. <link rel="shortcut icon" href="{Favicon}">
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  24.  
  25.  
  26. <!-- MASONRY SCRIPTS -->
  27.  
  28. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  29. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  30. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  31.  
  32. <script type="text/javascript">
  33. $(window).load(function(){
  34. var $wall = $('.container');
  35. $wall.imagesLoaded(function(){
  36. $wall.masonry({
  37. itemSelector: 'article',
  38. isAnimated : true
  39. });
  40. });
  41. $wall.infinitescroll({
  42. navSelector : "div#navigation",
  43. nextSelector : "div#navigation a#nextPage",
  44. itemSelector : 'article',
  45. loadingImg : "",
  46. loadingText : " ",
  47. donetext : " ",
  48. extraScrollPx : 0,
  49. bufferPx : 10000,
  50. debug : false,
  51. });
  52. </script>
  53.  
  54.  
  55. <!-- TOOLTIPS -->
  56.  
  57. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  58. <script>
  59. (function($){
  60. $(document).ready(function(){
  61. $("[title]").style_my_tooltips({
  62. tip_follows_cursor:true,
  63. tip_delay_time:100,
  64. tip_fade_speed:200
  65. }
  66. );
  67. });
  68. })(jQuery);
  69. </script>
  70.  
  71.  
  72. <!-- FONT SCRIPTS -->
  73.  
  74. <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,300,400,600,700|PT+Sans:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  75.  
  76.  
  77. <!-- CSS -->
  78.  
  79. <style type=text/css>
  80.  
  81.  
  82. /* TOOLTIPS */
  83.  
  84. #s-m-t-tooltip{
  85. max-width:250px;
  86. margin:15px;
  87. padding: 0px 5px 2px 5px;
  88. border-radius:3px;
  89. background:#000;
  90. color:#fff;
  91. z-index:999999;
  92. font-size:10px;
  93. font-style:italic;
  94. text-transform:lowercase;
  95. }
  96.  
  97. /* STUFF */
  98.  
  99. body{
  100. font-family:'Open Sans', Helvetica, sans-serif;
  101. color:#000000;
  102. margin:0;
  103. background:#f0f0f0 url('');
  104. background-attachment:fixed;
  105. }
  106.  
  107. a {
  108. text-decoration:none;
  109. color:#000;
  110. }
  111.  
  112. a:hover {
  113. text-decoration:none;
  114. color:#a0a0a0;
  115. }
  116.  
  117. p{
  118. margin: 0px 0px 10px 0px;
  119. }
  120.  
  121. ul{
  122. list-style-type:square;
  123. }
  124.  
  125. ol{
  126. list-style-type:lower-roman;
  127. }
  128.  
  129. .navbar{
  130. position:fixed;
  131. background:#fff;
  132. text-align:left;
  133. width:100%;
  134. height:50px;
  135. top:0px;
  136. z-index:99999999999999;
  137. }
  138.  
  139. #title{
  140. float:left;
  141. margin-left:25px;
  142. margin-top:18px;
  143. text-transform:uppercase;
  144. text-align:center;
  145. font-size:10px;
  146. letter-spacing:1px;
  147. font-weight:bold;
  148. z-index:9999999999;
  149. }
  150.  
  151. #navlinks{
  152. float:right;
  153. margin-top:13px;
  154. margin-right:20px;
  155. text-align:right;
  156. z-index:999999999;
  157. }
  158.  
  159. .navlink{
  160. background:#fff;
  161. border:0px solid #a0a0a0;
  162. padding:4px;
  163. padding-left:8px;
  164. padding-right:8px;
  165. margin-left:3px;
  166. margin-right:3px;
  167. font-size:10px;
  168. letter-spacing:1px;
  169. position:relative;
  170. display:inline-block;
  171. text-transform:uppercase;
  172. }
  173.  
  174. /* CONTAINER */
  175.  
  176. .container{
  177. width:650px;
  178. text-align:left;
  179. margin-left:auto;
  180. margin-right:auto;
  181. margin-top:120px;
  182. }
  183.  
  184. article{
  185. float:left;
  186. border: 0px solid #dbdbdb;
  187. padding:0px;
  188. margin: 15px 25px 30px 0px;
  189. font-size:9px;
  190. text-align:left;
  191. }
  192.  
  193. article img{
  194. max-width:100%;
  195. margin-bottom:-4px;
  196. }
  197.  
  198. .sectiontitle{
  199. background:#fff;
  200. font-size:10px;
  201. padding:10px;
  202. margin:0px;
  203. margin-bottom:1px;
  204. text-align:center;
  205. text-transform:uppercase;
  206. font-weight:bold;
  207. letter-spacing:2px;
  208. border-bottom: 0px solid #dbdbdb;
  209. }
  210.  
  211. .subtitle{
  212. background:#fff;
  213. font-size:10px;
  214. padding:10px;
  215. margin:0px;
  216. margin-bottom:1px;
  217. text-align:left;
  218. text-transform:lowercase;
  219. font-weight:bold;
  220. font-style:italic;
  221. border-bottom: 0px solid #dbdbdb;
  222. }
  223.  
  224.  
  225. .box{
  226. font-size:9px;
  227. font-style:italic;
  228. letter-spacing:1px;
  229. margin-bottom:-1px;
  230. padding: 10px 7px 2px 11px;
  231. background:#fff;
  232. border-bottom:1px solid #eeeeee;
  233. margin-bottom:0px;
  234. -webkit-transition: all .5s;
  235. text-align:left;
  236. text-transform:lowercase;
  237. }
  238.  
  239. .abt{
  240. font-size:9px;
  241. font-style:italic;
  242. letter-spacing:1px;
  243. margin-bottom:-1px;
  244. padding:7px;
  245. padding-left:11px;
  246. background:#fff;
  247. border-bottom:1px solid #eeeeee;
  248. margin-bottom:0px;
  249. -webkit-transition: all .5s;
  250. text-align:left;
  251. text-transform:lowercase;
  252. }
  253.  
  254.  
  255. </style>
  256.  
  257. </head>
  258.  
  259. <body>
  260.  
  261.  
  262.  
  263. <div class="navbar">
  264.  
  265. <div id="title">ASK / FAQ</div>
  266.  
  267. <div id="navlinks">
  268.  
  269. <a href="/">
  270. <div class="navlink">Home</div></a>
  271.  
  272. <a href="http://tumblr.com/dashboard">
  273. <div class="navlink">Dashboard</div></a>
  274.  
  275. <a href="http://neonbikethemes.tumblr.com">
  276. <div class="navlink">Credit</div></a>
  277.  
  278. </div>
  279.  
  280. </div>
  281.  
  282.  
  283. <!-- START CONTAINER --->
  284. <div class="container">
  285.  
  286.  
  287.  
  288. <!-- START SECTION -->
  289. <article style="width:250px;">
  290.  
  291. <!-- BASICS SECTION -->
  292. <div class="sectiontitle">Frequently Asked</div>
  293.  
  294. <div class="subtitle">Can we be friends?</div>
  295. <div class="abt">yes of course! I am a friendy person.</div>
  296.  
  297. <div class="subtitle">Will you check out my blog?</div>
  298. <div class="abt">Sure! no guarantees though. </div>
  299.  
  300. <div class="subtitle">why did i unfolow?</div>
  301. <div class="abt">hate, rude messages, or maybe I lost interest in what your blogging about (i.e. leaving a fandom).</div>
  302.  
  303. <!-- SOCIAL LINKS SECTION -->
  304. <div class="sectiontitle" style="margin-top:25px;">Please Note:</div>
  305. <div class="abt">
  306. I'm not online very often anymore so I'm sorry if it takes a while for me to reply.
  307. </div>
  308.  
  309. </article>
  310. <!-- END SECTION -->
  311.  
  312.  
  313.  
  314.  
  315. <!-- START SECOND COLUMN -->
  316. <article style="width:340px; margin-bottom:200px">
  317.  
  318. <div class="sectiontitle">Ask</div>
  319. <div class="box">
  320. <p><iframe frameborder="0" scrolling="no" width="320" height="270" src="http://www.tumblr.com/ask_form/YOURURLHERE.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p>
  321. </div>
  322.  
  323. <div class="sectiontitle" style="margin-top:25px;">Submit</div>
  324. <div class="box">
  325. <p><iframe frameborder="0" scrolling="no" width="100%" height="500" id="submit_form" src="http://www.tumblr.com/submit_form/YOURURLHERE.tumblr.com" style="background-color:transparent; overflow:hidden;"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('submit_form').allowTransparency=true;</script><![endif]--></p>
  326. </div>
  327.  
  328.  
  329.  
  330.  
  331. </article>
  332. <!-- END SECOND COLUMN -->
  333.  
  334.  
  335.  
  336.  
  337.  
  338. </div>
  339.  
  340. </div>
  341.  
  342.  
  343.  
  344. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!