API tools faq
paste
Advertisement
lacartaqueno

Tumblr Theme #06 by pinksman - FAQ Page

lacartaqueno
Jan 27th, 2014
1,975
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.22 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Theme 06 by PINKSMAN @ tumblr
  3. FAQ Page
  4. Please, don't remove the credit.
  5. !-->
  6.  
  7. <html>
  8.  
  9. <head>
  10.  
  11.  
  12. <title>FAQ</title>
  13. <link rel="shortcut icon" href="{Favicon}">
  14. <link href='http://fonts.googleapis.com/css?family=Cuprum' rel='stylesheet' type='text/css'>
  15.  
  16. <style type="text/css">
  17.  
  18.  
  19. /* SELECTION TEXT COLOR - CHANGE ALL */
  20.  
  21. ::selection {background: #f7f7f7; color:#444444;}
  22. ::-moz-selection {background: #f7f7f7; color:#444444;}
  23. ::-webkit-selection {background: #f7f7f7; color:#444444;}
  24.  
  25.  
  26. /* SCROLLBAR */
  27.  
  28. ::-webkit-scrollbar-thumb:vertical {
  29. background-color: #333333;
  30. height:30px;
  31. }
  32.  
  33. ::-webkit-scrollbar-thumb:horizontal {
  34. background-color:#333333;
  35. height:5px;
  36. }
  37.  
  38. ::-webkit-scrollbar {
  39. color: #ffffff;
  40. height:auto;
  41. width:6px;
  42. padding-top: 30px;
  43. }
  44.  
  45.  
  46. /* BODY AND LINKS */
  47.  
  48. /* change colors and add an URL for a bg image if you want */
  49.  
  50. body {
  51. background-color: #f8f8f8;
  52. background-image: url('');
  53. background-repeat: repeat;
  54. }
  55.  
  56. a:link, a:active, a:visited {
  57. text-decoration: none;
  58. color: #c9c9c9;
  59. }
  60.  
  61. a:hover {
  62. color:#d9d9d9;
  63. text-decoration: none;
  64. -webkit-transition: all 0.5s linear;
  65. -moz-transition: all 0.5s linear;
  66. -o-transition: all 0.5s linear;
  67. }
  68.  
  69.  
  70. /* MAIN TABLE */
  71.  
  72. /* bg color must be the same as body bg color */
  73.  
  74. #tabla {
  75. width: 800px;
  76. background-color: #f8f8f8;
  77. margin-top: 10px;
  78. margin-bottom: 30px;
  79. padding: 30px;
  80. }
  81.  
  82.  
  83. /* TITLE AND SUBTITLE */
  84. /* this font is custom */
  85.  
  86. #header {
  87. background-color: #333333;
  88. font-family: "Cuprum";
  89. font-size: 18px;
  90. color: #ffffff;
  91. font-weight: bold;
  92. text-transform: uppercase;
  93. text-decoration: none;
  94. text-align: center;
  95. line-height: 15px;
  96. padding: 16px;
  97. }
  98.  
  99. .subheader {
  100. font-family: "Cuprum";
  101. font-size: 12px;
  102. color: #ffffff;
  103. font-weight: bold;
  104. text-transform: uppercase;
  105. text-decoration: none;
  106. text-align: center;
  107. line-height: 15px;
  108. }
  109.  
  110.  
  111. /* CONTENTS IN ORDER OF APPEARANCE */
  112. /* you can change alignment to center in titles and change colors */
  113.  
  114. #intro {
  115. background-color: #ffffff;
  116. font-family: "Helvetica";
  117. font-size: 11px;
  118. color: #444444;
  119. text-align: center;
  120. padding: 20px;
  121. }
  122.  
  123. #title {
  124. background-color: #ffffff;
  125. font-family: "Trebuchet MS";
  126. font-size: 11px;
  127. color: #d24d4d;
  128. font-weight: bold;
  129. text-transform: uppercase;
  130. text-align: left;
  131. letter-spacing: 2px;
  132. padding: 10px;
  133. }
  134.  
  135. #content {
  136. background-color: #f7f7f7;
  137. font-family: "Calibri";
  138. font-size: 12px;
  139. color: #333333;
  140. padding: 10px;
  141. text-align: justify;
  142. border: 1px solid #ffffff;
  143. }
  144.  
  145. /* when adding contents, these two make the questions look different from the answers */
  146.  
  147. .questions {
  148. font-weight: bold;
  149. font-style: italic;
  150. color: #666666;
  151. }
  152.  
  153. .answers {
  154. padding-left: 10px;
  155. }
  156.  
  157. /* this is an optional title for the ask box */
  158.  
  159. #askbox {
  160. background-color: #ffffff;
  161. font-family: "Trebuchet MS";
  162. font-size: 9px;
  163. color: #d24d4d;
  164. font-weight: bold;
  165. text-transform: uppercase;
  166. text-align: center;
  167. letter-spacing: 2px;
  168. padding: 10px;
  169. }
  170.  
  171.  
  172.  
  173. </style>
  174.  
  175. </head>
  176.  
  177. <body>
  178.  
  179.  
  180. <center><div id="tabla"><table border="0" cellspacing="0" cellpadding="0" colspan="1">
  181.  
  182.  
  183.  
  184. <tr><td colspan="1" id="header">
  185.  
  186. frequently asked questions<br>
  187. <span class="subheader">please, read this page before asking</span>
  188.  
  189. </td></tr>
  190. <tr><td colspan="1" height="10"></td></tr>
  191.  
  192.  
  193.  
  194. <tr><td colspan="1" id="intro">
  195.  
  196. This is an introduction, a description. Here you can say thank you for reading or threat people stating what would happen if they don't.
  197.  
  198. </td></tr>
  199. <tr><td colspan="1" height="10"></td></tr>
  200.  
  201.  
  202.  
  203. <tr><td colspan="1" id="title">
  204.  
  205. 1. personal information
  206.  
  207. </td></tr>
  208. <tr><td colspan="1" height="10"></td></tr>
  209.  
  210.  
  211.  
  212. <tr><td colspan="1" id="content">
  213.  
  214. <p class="questions">When did I create my blog?</p>
  215. <p class="answers">August, 2040</p>
  216.  
  217. <p class="questions">Am I male or female?</p>
  218. <p class="answers">Who run the world?</p>
  219.  
  220. </td></tr>
  221. <tr><td colspan="1" height="10"></td></tr>
  222.  
  223.  
  224.  
  225. <tr><td colspan="1" id="title">
  226.  
  227. 2. about my edits
  228.  
  229. </td></tr>
  230. <tr><td colspan="1" height="10"></td></tr>
  231.  
  232.  
  233.  
  234. <tr><td colspan="1" id="content">
  235.  
  236. <p class="questions">What version of Photoshop do I use to make gifs?</p>
  237. <p class="answers">Photoshop CS5. You can download it via <a href="http://">this fake link.</a></p>
  238.  
  239. </td></tr>
  240. <tr><td colspan="1" height="10"></td></tr>
  241.  
  242.  
  243.  
  244.  
  245.  
  246.  
  247. <tr><td colspan="1" height="20"></td></tr>
  248. <tr><td colspan="1" id="askbox">
  249.  
  250. cake and candy and cookies for you
  251.  
  252. </td></tr>
  253. <tr><td colspan="1" height="10"></td></tr>
  254.  
  255.  
  256.  
  257. <tr><td colspan="1" id="content">
  258.  
  259. <p align="center"><iframe frameborder="0" scrolling="no" width="100%" height="190" src="http://www.tumblr.com/ask_form/YOURURL.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>
  260.  
  261. </td></tr></table></div></center>
  262.  
  263.  
  264.  
  265.  
  266.  
  267.  
  268.  
  269.  
  270.  
  271. <div style="background-color: #ffffff; border: 1px solid #ebebeb; padding: 2px; font-family: 'Times'; font-size: 6px; float: right; position: fixed; bottom: 3px; right: 3px; text-transform:uppercase;"><a href="http://bypinksman.tumblr.com">PNKSMN</a></div>
  272.  
  273. </body>
  274.  
  275. </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!