API tools faq
paste
Advertisement
Guest User

oxygenthemes glacier faq

a guest
Jul 6th, 2015
467
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.58 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4. faq page:glacier by oxygenthemes @ tumblr
  5. do not redistribute, do not remove credit
  6.  
  7. in order to change the accent color, go to
  8. colorpicker.com and pick a color you like,
  9. then press ctrl+f and search for #8FD4EB.
  10. replace all of those with the color you've
  11. chosen - don't forget the #.
  12.  
  13. press ctrl+f and search for "note" to find
  14. all the places in the code where you can
  15. change stuff.
  16.  
  17. enjoy using and feel free to message me if
  18. you have any issues! <3
  19. -->
  20.  
  21. <head>
  22. <link rel="shortcut icon" href="{Favicon}">
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  24. <title>ask</title>
  25. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  26.  
  27. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  28.  
  29. <script>
  30.  
  31. (function($){
  32.  
  33. $(document).ready(function(){
  34.  
  35. $("a[title]").style_my_tooltips({
  36.  
  37. tip_follows_cursor:true,
  38.  
  39. tip_delay_time:30,
  40.  
  41. tip_fade_speed:300,
  42.  
  43. attribute:"title"
  44.  
  45. });
  46.  
  47. });
  48.  
  49. })(jQuery);
  50.  
  51. </script>
  52.  
  53. <link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400' rel='stylesheet' type='text/css'>
  54.  
  55. <style type="text/css">
  56.  
  57. #s-m-t-tooltip{
  58. position:absolute;
  59. margin-top: 15px;
  60. text-transform:uppercase;
  61. font-size:8px;
  62. letter-spacing:1px;
  63. max-width:250px;
  64. z-index:9999;
  65. padding:9px;
  66. color:#333333;
  67. background:white;
  68. }
  69.  
  70. ::-webkit-scrollbar{
  71. height:3px;
  72. width:2px;
  73. background:inherit;
  74. }
  75.  
  76. ::-webkit-scrollbar-thumb {background:#eee;}
  77.  
  78. ::-webkit-scrollbar-track {background:transparent;}
  79.  
  80. body {
  81. background:#fff; /*NOTE - change background here */
  82. font-family:"open sans","helvetica neue",sans-serif;
  83. font-size:11px;/*NOTE - change font size here*/
  84. line-height:180%;
  85.  
  86.  
  87. }
  88.  
  89. a {
  90. color:#777777; /*NOTE - change link color here*/
  91. text-decoration:none;
  92. -webkit-transition: 0.5s all;
  93. -moz-transition: 0.5s all;
  94. -o-transition: 0.5s all;
  95. transition:0.5s all;
  96. }
  97.  
  98. a:hover {
  99. text-decoration:none;
  100. cursor:help!Important;
  101. -webkit-transition: 0.5s all;
  102. -moz-transition: 0.5s all;
  103. -o-transition: 0.5s all;
  104. transition:0.5s all;
  105. }
  106.  
  107. blockquote {
  108. padding-left:10px;
  109. border-left:1px solid;
  110. border-color:#8FD4EB; /*NOTE - change blockquote border color here*/
  111. margin:20px;
  112. color:#888;
  113. }
  114.  
  115. li {
  116. padding-top:6px;
  117. list-style-type:square;
  118. }
  119.  
  120. #container { /*do not touch unless you are familiar with html*/
  121. left:50%;
  122. top:50%;
  123. margin-top:-190px;
  124. margin-left:-300px;
  125. width:600px;
  126. height:380px;
  127. position:fixed;
  128. background:#f8f8f8; /*NOTE - change container background*/
  129.  
  130. }
  131.  
  132. .title {
  133. width:100%;
  134. border-bottom:1px solid #8FD4EB; /*NOTE - change title bottom border here*/
  135. font-size:18px; /*NOTE - change title font size here*/
  136. font-weight:300;
  137. text-transform:uppercase;
  138. letter-spacing:2px;
  139. text-align:center;
  140. padding:30px 0px 30px 0px;
  141. background:#EDFAFF;/*NOTE - change title background color here*/
  142. color:#222;/*NOTE - change title text color here*/
  143. }
  144.  
  145.  
  146. .ask {
  147. padding-right:30px;
  148. padding-left:30px;
  149. padding-top:20px;
  150. padding-bottom:20px;
  151. overflow-y:scroll;
  152. max-height:250px;
  153. }
  154.  
  155.  
  156. .links {
  157. margin-top:15px;
  158. text-align:center;
  159. background:#fff;
  160.  
  161. }
  162.  
  163. .links a {
  164. border:none;
  165. }
  166.  
  167. b, strong {
  168. font-weight:900;
  169. }
  170.  
  171. i,em {
  172. font-weight:400;
  173. font-style:italic;
  174. }
  175.  
  176. #right {
  177. float:right;
  178. width:300px;
  179. }
  180.  
  181. #left {
  182. float:left;
  183. width:190px;
  184. overflow:scroll;
  185. }
  186.  
  187. .q {
  188. padding:5px;
  189. background:rgba(0,0,0,.2);
  190. text-transform:uppercase;
  191. font-size:9px;
  192. text-align:center;
  193. letter-spacing:.5px;
  194. }
  195.  
  196. .a {
  197. padding:3px;
  198. font-weight:lighter;
  199. margin-bottom:10px;
  200. }
  201. </style>
  202. </head>
  203.  
  204. <body>
  205.  
  206. <div id="container">
  207. <div class="title">frequently asked questions</div>
  208. <div class="ask">
  209. <div id="left">
  210. <div class="q">write your question here.</div>
  211. <div class="a">write your answer here. lorem ipsum dolor sit amet.</div>
  212.  
  213. <div class="q">write your question here.</div>
  214. <div class="a">write your answer here. lorem ipsum dolor sit amet.</div>
  215.  
  216. <div class="q">write your question here.</div>
  217. <div class="a">write your answer here. lorem ipsum dolor sit amet.</div>
  218.  
  219. <div class="q">write your question here.</div>
  220. <div class="a">write your answer here. lorem ipsum dolor sit amet.</div>
  221.  
  222. <div class="q">write your question here.</div>
  223. <div class="a">write your answer here. lorem ipsum dolor sit amet.</div>
  224.  
  225. <!--for more questions, copy and paste the following as many times as you need:
  226. <div class="q">write your question here.</div>
  227. <div class="a">write your answer here. lorem ipsum dolor sit amet.</div>
  228. -->
  229.  
  230. </div>
  231. <div id="right">
  232. <center><iframe frameborder="0" scrolling="no" width="100%" height="190" src="http://www.tumblr.com/ask_form/YOUR URL HERE.tumblr.com" style="background-color:transparent; overflow:hidden; margin-bottom:20px;" id="ask_form"></iframe></center>
  233. </div>
  234. </div>
  235. <div class="links">
  236. <a href="/" title="return"><<</a> &nbsp;
  237. <a href="http://oxygenthemes.tumblr.com" title="theme">>></a>
  238. </div>
  239. </div>
  240. </body>
  241. </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!