Advertisement
MAThemes

Ask/Submit/Faq Page #1.2 Starry Night Version

Oct 2nd, 2013
852
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.78 KB | None | 0 0
  1. <!--
  2. ASK/SUBMIT/FAQ PAGE #1.2 Starry Night Version
  3. by: ma-themes.tumblr.com / myackles.tumblr.com
  4.  
  5. ✖ DO NOT CLAIM AS YOUR OWN
  6. ✖ DO NOT USE AS A BASE
  7. ✖ DO NOT REMOVE/MOVE THE CREDIT !!
  8.  
  9. Enjoy!! :)
  10. -->
  11.  
  12.  
  13. <html><head>
  14. <title>ask & faq</title>
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <style type="text/css">
  17.  
  18. /* ~ HOVER ~ */
  19. ::selection {background:black;color:white;}
  20. ::-moz-selection {background:white;}
  21. ::-webkit-selection {background:white;}
  22.  
  23.  
  24. /* ~ SCROLL ~ */
  25. ::-webkit-scrollbar-thumb:vertical {
  26. height:10px;background-color: black; /* SCROLLBAR COLOR */}
  27.  
  28. ::-webkit-scrollbar-thumb:horizontal {
  29. height:10px;background-color: #8b8a8b; /* SCROLLBAR COLOR */}
  30.  
  31. ::-webkit-scrollbar {
  32. height: 10px;width: 3px;
  33. background-color:white; /* SCROLLBAR BACKGROUND COLOR */}
  34.  
  35.  
  36.  
  37. a:link, a:visited, a:active {text-decoration: none; color: black;
  38. -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
  39.  
  40. a:hover {-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;color:#c72a55;}
  41.  
  42.  
  43. /* IF YOU WANT TO CHANGE YOUR BACKGROUND IMAGE REPLACE THE LINK BELLOW WITH YOUR DESIRED ONE: */
  44. .bck {height:135%; background-image: url('http://www.vectordiary.com/isd_tutorials/001_starrynight/starry_night.gif'); }
  45.  
  46. .ttl{
  47. font-family:cambria;
  48. font-style:italic; font-weight:bold;
  49. font-size:25px; color:black; /* TITLE COLOR */
  50. text-shadow: 3px 1px 1px white;
  51. text-transform:uppercase;
  52. letter-spacing:0px; margin-bottom:20px;
  53. border-bottom:2px solid #f5f3f3;}
  54.  
  55.  
  56. .description {
  57. background-color:#fcfcfc; /* BOX BACKGROUND COLOR */
  58. display: inline-block;
  59. border-left:4px solid #585757; /* LEFT BORDER COLOR */
  60. margin-top: 120px;
  61. font-family:cambria;
  62. font-size:10px; /* FONT SIZE etc. */
  63. margin-left:25%;
  64. padding:20px; height:720px;
  65. overflow: hidden;
  66. width: 500px;
  67. color:#969595; /* FONT COLOR */}
  68.  
  69. .img {display:inline-block;margin-left:400px;margin-top:-50px;}
  70. .fix {margin-top:-140px; }
  71. .dscroll{overflow-y:scroll;max-height:150px;}
  72. .q { padding:5px;color:black;text-align:left;display:inline; background-image: url('http://static.tumblr.com/1b9e2d195f0f2f88fcb0a83315ce7a1f/camqjbz/6KXmspv7n/tumblr_static_greyzz.png'); text-transform:uppercase;font-weight:bold;}
  73. .a {display:inline;font-weight:bold;}
  74. .credit {position: fixed;background-color:white;padding:2px;bottom: 10px;right: 15px; font-family:cambria; font-style:italic; font-weight:bold; font-size:13px;}
  75.  
  76. </style>
  77. </head>
  78. <body>
  79. <div class="bck">
  80. <div class="credit"><a href="http://ma-themes.tumblr.com/" target="_blank">credit</a></div>
  81. <div class="description">
  82. <div class="ttl">ask & faq</div> <!-- TITLE -->
  83.  
  84. <!-- BIRDS IMAGE DOWN HERE -->
  85. <div class="img"><img src="http://media.tumblr.com/d10aafb5ea5d012bafc2a48fc8f83c0c/tumblr_inline_mnmkje0DnJ1rikao3.png" width="160" height="180"></div><br>
  86. <div class="fix">
  87. <div class="dscroll">
  88.  
  89.  
  90. <div class="q">
  91. <!-- QUESTION GOES HERE --> SAMPLE QUESTION
  92. </div><div class="a">&nbsp;&nbsp;
  93. <!-- ANSWER GOES HERE --> SAMPLE ANSWER
  94. </div><br><br>
  95.  
  96. <div class="q">
  97. <!-- QUESTION GOES HERE --> SAMPLE QUESTION
  98. </div><div class="a">&nbsp;&nbsp;
  99. <!-- ANSWER GOES HERE --> SAMPLE ANSWER
  100. </div><br><br>
  101.  
  102. <div class="q">
  103. <!-- QUESTION GOES HERE --> SAMPLE QUESTION
  104. </div><div class="a">&nbsp;&nbsp;
  105. <!-- ANSWER GOES HERE --> SAMPLE ANSWER
  106. </div><br><br>
  107.  
  108. <div class="q">
  109. <!-- QUESTION GOES HERE --> SAMPLE QUESTION
  110. </div><div class="a">&nbsp;&nbsp;
  111. <!-- ANSWER GOES HERE --> SAMPLE ANSWER
  112. </div><br><br>
  113.  
  114.  
  115. <div class="q">
  116. <!-- QUESTION GOES HERE -->ETC.
  117. </div><div class="a">&nbsp;&nbsp;
  118. <!-- ANSWER GOES HERE --> ETC.
  119. </div><br><br>
  120.  
  121. <div class="q">
  122. <!-- QUESTION GOES HERE -->
  123. </div><div class="a">&nbsp;&nbsp;
  124. <!-- ANSWER GOES HERE -->
  125. </div><br><br>
  126.  
  127.  
  128.  
  129. <!-- ASKBOX DOWN HERE -->
  130.  
  131. </div><br>
  132. <p><iframe frameborder="0" scrolling="no" width="100%" height="190" src="http://www.tumblr.com/ask_form/YOUR-URL.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>
  133.  
  134.  
  135. <!-- SUBMITBOX DOWN HERE -->
  136.  
  137. <p><iframe id="submit_form" src="http://www.tumblr.com/submit_form/YOUR-URL.tumblr.com" frameborder="0" height="500" scrolling="no" width="100%"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('submit_form').allowTransparency=true;</script><![endif]--></p>
  138.  
  139.  
  140. </div></div></body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement