API tools faq
paste
Advertisement
chezshay

page pack "kelly" faq

chezshay
Feb 22nd, 2014
544
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.78 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-- @shayofrp -->
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7.  
  8. <head>
  9.  
  10. <title>{Title}</title>
  11.  
  12. <link rel="shortcut icon" href="{Favicon}" />
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  14.  
  15. <style type="text/css">
  16.  
  17. /*--body--*/
  18.  
  19.  
  20. body {
  21. font-style:none;
  22. background-color:#ddddd1;
  23. font-family:arial;
  24. font-size:9px;
  25. }
  26.  
  27.  
  28. a {
  29. color:#color;
  30. text-decoration:none;
  31. -webkit-transition: all 0.5s ease-out;
  32. -moz-transition: all 0.5s ease-out;
  33. transition: all 0.5s ease-out;
  34. }
  35.  
  36. a:hover {
  37. color:#color;
  38. text-decoration:none;
  39. -webkit-transition: all 0.8s ease-out;
  40. -moz-transition: all 0.8s ease-out;
  41. transition: all 0.8s ease-out;
  42. }
  43.  
  44. img {
  45. border:none;
  46. }
  47.  
  48. h1 {
  49. font-size:10px;
  50. }
  51.  
  52. /*--Cursor code--*/
  53.  
  54.  
  55. *, body, a, a:hover {cursor: url("http://www.totallylayouts.com/cursors/random/tiny_cursor.png"), auto }
  56.  
  57. /*everything*/
  58.  
  59. #everything {
  60. margin-left:350px;
  61. margin-top:50px;
  62. }
  63.  
  64. /*--title--*/
  65.  
  66. #title {
  67. margin-top:0px;
  68. margin-left:0px;
  69. padding:2px;
  70. width:600px;
  71. height:100px;
  72. }
  73.  
  74. /*--links--*/
  75.  
  76. #links {
  77. width:490px;
  78. padding:5px;
  79. font-family:courier;
  80. text-transform:uppercase;
  81. text-align:center;
  82. margin-top:-130px;
  83. margin-left:0px;
  84. background-color:#b4bcbc;
  85. }
  86.  
  87. #links a {
  88. padding:5px;
  89. font-size:8px;
  90. letter-spacing:3px;
  91. color:#ddddd1;
  92. -webkit-transition: all 0.4s ease-in-out;
  93. -moz-transition: all 0.4s ease-in-out;
  94. -o-transition: all 0.4s ease-in-out;
  95. -ms-transition: all 0.4s ease-in-out;
  96. transition: all 0.4s ease-in-out;
  97. }
  98.  
  99. #links a:hover {
  100. color:#fff;
  101. background-color:#color;
  102. }
  103.  
  104. /**faq**/
  105. #faq{
  106. position:absolute;
  107. margin-left:0px;
  108. margin-top:265px;}
  109.  
  110. .question{font-size:14px;
  111. text-transform:uppercase;
  112. width:490px;
  113. margin-left:2px;
  114. padding:5px;
  115. font-family:courier;
  116. color:#e4e4da;
  117. background-color:#a4949a;}
  118.  
  119. .answer{font-size:9px;
  120. margin-top:2px;
  121. margin-bottom:2px;
  122. width:480px;
  123. border-left:1px solid #9fb3ad;
  124. margin-left:5px;
  125. padding:5px;
  126. font-family:arial;
  127. color:#a4949a;
  128. background-color:#e4e4da;}
  129.  
  130.  
  131. {CustomCSS}
  132.  
  133. </style></head>
  134.  
  135.  
  136. <body>
  137.  
  138. <div id="everything">
  139.  
  140. <div id="title"><img src="http://i61.tinypic.com/wtj9kw.gif"></div>
  141.  
  142. <div id="links">
  143. <a href="/">HOME</a>
  144. <a href="/ask">ASK</a>
  145. <a href="http://shayofrp.tumblr.com">CREDIT </a>
  146. </div>
  147. <div id="faq"><div class="question">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam a sollicitudin quam. Maecenas quis magna .</div>
  148.  
  149. <div class="answer">Maecenas volutpat leo ornare nibh varius accumsan. Cras scelerisque massa et tempus ultricies. Proin suscipit mi et nibh semper dignissim. Aliquam faucibus ut elit ac consequat. Etiam a diam leo. Nam non metus vestibulum, egestas leo in, mattis enim. Donec consectetur sed dolor non convallis.</div>
  150.  
  151. <div class="question">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam a sollicitudin quam. Maecenas quis magna .</div>
  152.  
  153. <div class="answer">Maecenas volutpat leo ornare nibh varius accumsan. Cras scelerisque massa et tempus ultricies. Proin suscipit mi et nibh semper dignissim. Aliquam faucibus ut elit ac consequat. Etiam a diam leo. Nam non metus vestibulum, egestas leo in, mattis enim. Donec consectetur sed dolor non convallis.</div>
  154. <div class="question">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam a sollicitudin quam. Maecenas quis magna .</div>
  155.  
  156. <div class="answer">Maecenas volutpat leo ornare nibh varius accumsan. Cras scelerisque massa et tempus ultricies. Proin suscipit mi et nibh semper dignissim. Aliquam faucibus ut elit ac consequat. Etiam a diam leo. Nam non metus vestibulum, egestas leo in, mattis enim. Donec consectetur sed dolor non convallis.</div>
  157.  
  158. <!--for another question, copy from here-->
  159. <div class="question">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam a sollicitudin quam. Maecenas quis magna .</div>
  160.  
  161. <div class="answer">Maecenas volutpat leo ornare nibh varius accumsan. Cras scelerisque massa et tempus ultricies. Proin suscipit mi et nibh semper dignissim. Aliquam faucibus ut elit ac consequat. Etiam a diam leo. Nam non metus vestibulum, egestas leo in, mattis enim. Donec consectetur sed dolor non convallis.</div>
  162. <!--to here--></div>
  163.  
  164. </div>
  165. </body>
  166. </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!