Advertisement
hunterthemes

- Page #9 - F.A.Q.

Jul 27th, 2016
638
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.85 KB | None | 0 0
  1. <html>
  2.  
  3. <!----
  4.  
  5. © hunterthemes.tumblr.com | Page #9 - F.A.Q.
  6.  
  7. * Do not redistribute this page and claim it as your own.
  8. * Do not remove the credit or move it to another page.
  9. * Minor changes to this page are allowed.
  10.  
  11. ---->
  12.  
  13. <!-- GOOGLE FONTS -->
  14.  
  15. <link href='http://fonts.googleapis.com/css?family=Nova Slim' rel='stylesheet' type='text/css'>
  16. <link href='http://fonts.googleapis.com/css?family=Nova+Slim' rel='stylesheet' type='text/css'>
  17.  
  18. <style type="text/css">
  19.  
  20. /* CSS */
  21.  
  22. /*-- GENERAL --*/
  23.  
  24. body {
  25. margin:0;
  26. padding:0;
  27. width:100%;
  28. height:100%;
  29. color:#222;
  30. font-family:Helvetica, Arial, sans-serif;
  31. font-size:11px;
  32. line-height:13px;
  33. background-color: #f6f6f6;
  34. background-attachment: fixed;
  35. background-repeat: repeat;
  36. }
  37.  
  38. h1{
  39. color:;
  40. font-family:Nova Slim;
  41. font-size:22px;
  42. line-height: 27px;
  43. border-bottom:1px solid #222;
  44. }
  45.  
  46. h2{
  47. font-family:Helvetica, Arial, sans-serif;
  48. font-size:11px;
  49. line-height:13px;
  50. }
  51.  
  52. a {
  53. color:#444444;
  54. text-decoration:none;
  55. }
  56.  
  57. a:hover {
  58. text-decoration:none;
  59. color:#eee;
  60. -webkit-transition: all 0.5s ease-in-out;
  61. -moz-transition: all 0.6s ease-in-out;
  62. -o-transition: all 0.5s ease-in-out;
  63. transition: all 0.6s ease-in-out;
  64. }
  65.  
  66. b, strong {color:#BDC6C8;}
  67.  
  68. i, em {color:#222;}
  69.  
  70. hr {
  71. border: 0;
  72. border-top: 3px double #8c8c8c;
  73. }
  74.  
  75. /*-- WEBKIT SCROLLBAR--*/
  76.  
  77. ::-webkit-scrollbar {
  78. width: 9px;
  79. height: 0px;
  80. }
  81.  
  82. ::-webkit-scrollbar-button:start:decrement,
  83. ::-webkit-scrollbar-button:end:increment {
  84. height: 0px;
  85. display: block;
  86. background-color: #fff;
  87. }
  88.  
  89. ::-webkit-scrollbar-track-piece {
  90. background-color: #fff;
  91. }
  92.  
  93. ::-webkit-scrollbar-thumb:vertical {
  94. height: 0px;
  95. background-color: #222;
  96. border:4px solid #fff;
  97. }
  98.  
  99. /*-- TUMBLR CONTROLS --*/
  100.  
  101. .iframe-controls--desktop {
  102. position: fixed !important;
  103. top:10px !important;
  104. right:45px !important;
  105. z-index:10000 !important;
  106. opacity:.7 !important;
  107. filter: invert(1);
  108. -webkit-filter: invert(1);
  109. -moz-filter: invert(1);
  110. -o-filter: invert(1);
  111. -ms-filter: invert(1);
  112. }
  113.  
  114. .iframe-controls--desktop:hover {
  115. opacity: 1;
  116. color:#dccbe7;
  117. background:transparent;
  118. -webkit-transition: opacity 0.7s linear;
  119. -webkit-transition: all 0.5s ease-out;
  120. -moz-transition: all 0.5s ease-out;
  121. transition: all 0.5s ease-out;
  122. }
  123.  
  124.  
  125. /*-- TOOLTIPS --*/
  126.  
  127. #s-m-t-tooltip {
  128. max-width:300px;
  129. z-index:10000000;
  130. margin:24px 14px 7px 12px;
  131. padding:8px;
  132. color:#444444;
  133. background:rgba(255,255,255, 1);
  134. border:1px solid #eee;
  135. font-size:13px;
  136. line-height:16px;
  137. }
  138.  
  139. /*------ CONTAINER -----*/
  140.  
  141. #container{
  142. position:absolute;
  143. width:600px;
  144. height:420px;
  145. left:50%;
  146. top:50%;
  147. background:rgba(255,255,255, .6);
  148. background-image:url(http://static.tumblr.com/f41439d00181e481d2c5d376ae7552fc/6dvmes1/Hu2nnkguz/tumblr_static_b27qhlkp928kc8ogosc4w44cg.png);
  149. background-repeat:repeat;
  150. background-size:cover;
  151. border:1px solid #eee;
  152. z-index:100;
  153. -webkit-transform: translateX(-50%) translateY(-50%);
  154. -moz-transform: translateX(-50%) translateY(-50%);
  155. -ms-transform: translateX(-50%) translateY(-50%);
  156. transform: translateX(-50%) translateY(-50%);
  157. }
  158.  
  159. /*-- LEFT BOX --*/
  160.  
  161. #box1{
  162. position:absolute;
  163. margin-left:0px;
  164. margin-top:0px;
  165. width:280px;
  166. height:400px;
  167. padding:10px;
  168. background:#D7CBCB;
  169. color:#222;
  170. z-index:100;
  171. }
  172.  
  173. /* Blog title */
  174.  
  175. #blogtitle{
  176. margin-top:125px;
  177. margin-left:30px;
  178. width:200px;
  179. font-size:40px;
  180. height:100px;
  181. padding:10px;
  182. background:#fff;
  183. color:#D7CBCB;
  184. line-height:100px;
  185. letter-spacing:2px;
  186. text-align:center;
  187. }
  188.  
  189. #blogtitle:first-letter{
  190. font-size:130px;
  191. color:#222;
  192. }
  193.  
  194. /* Avatar */
  195.  
  196. #avatar {
  197. position:absolute;
  198. margin-left:135px;
  199. margin-top:100px;
  200. width:80px;
  201. height:80px;
  202. border-radius:50px;
  203. border:1px #eee solid;
  204. z-index:100000;
  205. }
  206.  
  207. #avatar img {
  208. width:100%;
  209. height:100%;
  210. border-radius:100px;
  211. }
  212.  
  213. /*-- BOX 2 --*/
  214.  
  215. #box2{
  216. position:absolute;
  217. margin-left:300px;
  218. margin-top:0px;
  219. width:260px;
  220. height:380px;
  221. padding:20px;
  222. background:#fff;
  223. color:#222;
  224. font-size:12px;
  225. line-height:20px;
  226. text-align:justify;
  227. overflow-y:auto;
  228. z-index:100;
  229. }
  230.  
  231. .question{
  232. font-size:20px;
  233. color:#C9D5DA;
  234. }
  235.  
  236. .question b{
  237. color:#D7CBCB;
  238. }
  239.  
  240. /*-- Back to blog button --*/
  241.  
  242. #back{
  243. position:fixed;
  244. top:5px;
  245. left:10px;
  246. width:30px;
  247. z-index:10000;
  248. }
  249.  
  250. #back i{
  251. color:#222;
  252. font-size:20px;
  253. }
  254.  
  255. /*-- PAGE CREDIT --*/
  256.  
  257. #credit {
  258. position:fixed;
  259. right:10px;
  260. top:5px;
  261. width:30px;
  262. z-index:10000;
  263. }
  264.  
  265. /* END CSS */
  266.  
  267. {CustomCSS}
  268.  
  269. </style>
  270.  
  271. <script type="text/javascript"
  272. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  273.  
  274. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  275.  
  276. <!-- Font awesome script -->
  277.  
  278. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  279.  
  280. <!-- Style my tooltips script -->
  281.  
  282. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  283. <script src="jquery.style-my-tooltips.js"></script>
  284.  
  285. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  286.  
  287. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  288. <script>
  289. (function($){
  290. $(document).ready(function(){
  291. $("[title]").style_my_tooltips({
  292. tip_follows_cursor:true,
  293. tip_delay_time:200,
  294. tip_fade_speed:300
  295. }
  296. );
  297. });
  298. })(jQuery);
  299. </script>
  300. </head>
  301.  
  302. <meta charset="utf-8">
  303. <title>{Title}</title>
  304. <link rel="shortcut icon" href="{Favicon}">
  305. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  306. <meta name="viewport" content="width=device-width, initial-scale=1">
  307.  
  308. <!-- HTML -->
  309.  
  310. <body>
  311.  
  312.  
  313. <!-- MAIN CONTAINER -->
  314. <div id="container">
  315.  
  316. <div id="box1">
  317.  
  318. <!-- AVATAR -->
  319. <div id="avatar"><img src="http://i.imgur.com/vAKrvmt.png"></div>
  320.  
  321. <!-- BLOG TITLE -->
  322. <div id="blogtitle">F .a.q.</div>
  323.  
  324. </div>
  325. <!--End box1-->
  326.  
  327. <!-- DESCRIPTION -->
  328. <div id="box2">
  329.  
  330. <span class="question">
  331. <b>Q:</b> This is a question? <br><br>
  332. </span>
  333. <i>This is an answer.</i>
  334.  
  335. <!-- Line break-->
  336. <hr><br>
  337.  
  338. <span class="question">
  339. <b>Q:</b> This is a question? <br><br>
  340. </span>
  341. <i>This is an answer.</i>
  342.  
  343. <!-- Line break-->
  344. <hr><br>
  345.  
  346. <span class="question">
  347. <b>Q:</b> This is a question? <br><br>
  348. </span>
  349. <i>This is an answer.</i>
  350.  
  351. <!-- Line break-->
  352. <hr><br>
  353.  
  354. <span class="question">
  355. <b>Q:</b> This is a question? <br><br>
  356. </span>
  357. <i>This is an answer.</i>
  358.  
  359. </label>
  360.  
  361. </div>
  362. <!--End box2-->
  363.  
  364. </div>
  365. <!--End container-->
  366.  
  367. <!-- BACK BUTTON -->
  368. <div id="back" title="back to blog"><a href="/"><i class="fa fa-reply" aria-hidden="true"></i></div></a>
  369.  
  370. <!-- CREDIT (DO NOT REMOVE) -->
  371. <div id="credit"><a href="http://www.hunterthemes.tumblr.com">
  372. <img src="http://i60.tinypic.com/b5qp0o.png" title="page by hunter themes"></div></a>
  373.  
  374. </body>
  375. </html>
  376.  
  377. <!-- END HTML -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement