Advertisement
zeebrawh

Ask Layout #1 "Annabel"

Jun 28th, 2013
179
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.40 KB | None | 0 0
  1. <!---
  2. ASK LAYOUT #1 MADE BY
  3. ___ __ __ __ __ ____ __ ____ ____ ___
  4. / __)( )( )( \/ )(_ _) /__\ ( _ \(_ _)/ __)
  5. ( (__ )(__)( ) ( )( /(__)\ ) / )( \__ \
  6. \___)(______)(_/\/\_) (__)(__)(__)(_)\_) (__) (___/
  7.  
  8.  
  9. DONT REMOVE CREDIT OR ILL MURDER YOUR OTP OK.
  10. ---->
  11.  
  12. <html lang="en">
  13.  
  14. <head>
  15. <script type="text/javascript">
  16. stepcarousel.setup({
  17. galleryid: 'mygallery', //id of carousel DIV
  18. beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
  19. panelclass: 'panel', //class of panel DIVs each holding content
  20. autostep: {enable:false, moveby:1, pause:3000},
  21. panelbehavior: {speed:500, wraparound:false, wrapbehavior:'slide', persist:true},
  22. defaultbuttons: {enable: true, moveby: 1, leftnav: ['http://i50.tinypic.com/4h9o90.png', 0, 0], rightnav: ['http://i50.tinypic.com/6h274g.png', 10, 120]},
  23. statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
  24. contenttype: ['inline'] //content setting ['inline'] or ['ajax', 'path_to_external_file']
  25. })
  26. </script>
  27.  
  28. <script type="text/javascript"
  29. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  30.  
  31. </script>
  32. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  33.  
  34.  
  35. <style type="text/css">
  36.  
  37. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.8;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  38.  
  39. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  40.  
  41. ::-webkit-scrollbar {width: 4px; height: 4px; border-left:0px solid #ccc; background-color:{color:background};}
  42. ::-webkit-scrollbar-thumb {background: #ddd;}
  43.  
  44.  
  45. ::-webkit-scrollbar {width: 5px; height: 5px; background: #dddddd;}
  46.  
  47. ::-webkit-scrollbar-thumb { background-color:#ddd;}
  48.  
  49.  
  50. ::selection {
  51. background: #d5d5d5;
  52. color: #ffffff;
  53. }
  54.  
  55.  
  56. ::-moz-selection {
  57. background: #d5d5d5;
  58. color: #ffffff;
  59. }
  60.  
  61.  
  62. body{
  63. margin:5px;
  64. background-color: #fff;
  65. background-image:url(http://i49.tinypic.com/es6yh5.png);
  66. background-attachment: fixed;
  67. background-repeat: repeat;
  68. font-size: 11px;
  69. font-family:berry;
  70. line-height:14px;
  71. color:{color:Text};
  72. }
  73.  
  74.  
  75. a:link, a:active, a:visited{
  76. color: {color:Link};
  77. text-decoration: none;
  78. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  79. }
  80.  
  81. a:hover{
  82. color:{color:Hover};
  83.  
  84. text-decoration:line-through;
  85. -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
  86. text-shadow:0px 0px 2px {color:text shadow};
  87. }
  88.  
  89. #emma {
  90. position:fixed !important;
  91. background: #eee;
  92. width: 240px;
  93. height: 350px;
  94. line-height:10px;
  95. margin-left:330px;
  96. margin-top:52px;
  97. border:1px solid #ddd;
  98. padding: 8px;
  99. }
  100.  
  101. #askbox {
  102. position:fixed !important;
  103. width: 500px;
  104. padding-top: 5px;
  105. padding-left: 5px;
  106. padding-right: 5px;
  107. padding-bottom: 5px;
  108. height: 500px;
  109. overflow: auto;
  110. opacity: 1;
  111. font-size: 13px;
  112. border-radius:5px;
  113. border:4px double #DDD;
  114. background-color: white;
  115. opacity: .8;
  116. margin-left: 600px;
  117. margin-top: 50px;
  118. transition: all 0.9s ease-out;
  119. -o-transition-transition: all 0.9s ease-out;
  120. -webkit-transition: all 0.9s ease-out;
  121. -moz-transition: all 0.9s ease-out;
  122. }
  123.  
  124. #blogtitle{
  125. text-align:center;
  126. width:700px;
  127. height:40px;
  128. position:fixed;
  129. font-family:"dk";
  130. font-size:110px;
  131. letter-spacing:0px;
  132. line-height:40px;
  133. color:#000;
  134. margin-top:290px;
  135. margin-left:-50px;
  136. z-index:999999999999999999999999999999999999;
  137. border-radius:20px 20px 20px 20px;
  138. background-color:transparent;
  139. -webkit-transform: rotate(270deg);
  140. -moz-transform: rotate(270deg);
  141. }
  142.  
  143. #links {
  144. position: fixed!important;
  145. width: 240px;
  146. padding-top: 15px;
  147. padding-left: 5px;
  148. padding-right: 5px;
  149. padding-bottom: -5px;
  150. height: auto;
  151. overflow: auto;
  152. opacity: 1;
  153. font-size: 16px;
  154. background-color: white;
  155. font-family: good time;
  156. text-transform: lowercase;
  157. color: #000
  158. opacity: .8;
  159. margin-top: 426px;
  160. margin-left: 330px;
  161. border: 5px double #ddd;
  162. border-radius: 5px;
  163. transition: all 0.9s ease-out;
  164. -o-transition-transition: all 0.9s ease-out;
  165. -webkit-transition: all 0.9s ease-out;
  166. -moz-transition: all 0.9s ease-out;
  167. }
  168.  
  169. .title{
  170. font-size: 25px;
  171. font-family: "aderyn";
  172. text-transform: uppercase;
  173. margin-top: 10px;
  174. }
  175.  
  176.  
  177. @font-face { font-family: "good time"; src: url('http://static.tumblr.com/u37ad6e/bR1mb6f8o/kgalwaysagoodtime.ttf'); }
  178.  
  179. @font-face { font-family: "dawning"; src: url('http://static.tumblr.com/viiafci/Hyzlxws2r/dawningofanewday.ttf');}
  180.  
  181. @font-face { font-family: "lovenote"; src: url('http://static.tumblr.com/4yxykdm/k6plrfhwf/ck_love_note.ttf'); }
  182.  
  183. @font-face {font-family: "Aderyn";src:url('http://static.tumblr.com/9wzbixa/Qnqm26qzk/dk_aderyn_0.ttf');}
  184.  
  185. @font-face{font-family: "Zhizn";src:url('http://static.tumblr.com/9wzbixa/pDQm2g6zg/zhizn_0.otf');}
  186.  
  187. @font-face {font-family:"DK";src:url('http://static.tumblr.com/9wzbixa/Qnqm26qzk/dk_aderyn_0.ttf');}
  188.  
  189. @font-face { font-family: "berry"; src: url('http://static.tumblr.com/hbpttq5/Qihmbcq4u/stanberry.ttf'); }
  190.  
  191.  
  192. blockquote{
  193. padding:0px 0px 2px 3px;
  194. margin:0px 0px 2px 1px;
  195. }
  196. ul, ol, li{
  197. list-style:none;
  198. margin:0px;
  199. padding:0px;
  200. }
  201.  
  202. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  203. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};
  204. }
  205.  
  206. </style>
  207. <title>{title}</title>
  208. <link rel="shortcut icon" href="{favicon}">
  209. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  210. </script>
  211. </head>
  212. <body>
  213. <div id="center">
  214. <div id="content">
  215. <div id="blogtitle">Message Me
  216. </div>
  217.  
  218.  
  219. <div id="emma">
  220. <img src="SIDEBAR IMAGE URL HERE" style="width: 230px; height: 340px; padding: 6px; background: #fff;">
  221. </div>
  222.  
  223. <div id="links">
  224.  
  225. <div class="linkss">
  226. <center>
  227. <a href="/">BACK TO BLOG</a> <p>
  228. <a href="/">LINKS</a> <p>
  229. <a href="http://tumblr.com/dashboard">DASH</a> <p>
  230. <a href="http://cumtarts.tumblr.com">CREDIT</a>
  231. </center>
  232. </div>
  233. </div>
  234.  
  235. <div id="askbox">
  236. <center>
  237. <div class="title">frequently asked questions</div>
  238. </center>
  239.  
  240. <div id="faq"><p>
  241.  
  242. Write your faq here <p>
  243. like for example <p>
  244. regina phalange / 13 / phalange-land <p>
  245. i will: check out your blog <p> <strike>suck your dick</strike> <p>
  246. i will not: follow back <p> share food <p>
  247. yeah you get the point, right? <p>
  248. okie dokie <p>
  249. Try not to make your faq any longer than this, but if it's longer it'll scroll!
  250. </div>
  251.  
  252.  
  253. <center><iframe frameborder="0" scrolling="no" width="490" height="190" src="http://www.tumblr.com/ask_form/YOUR URL HERE.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe></center>
  254. </div>
  255.  
  256.  
  257. </div></div>
  258.  
  259.  
  260. </body>
  261. <!--please do not remove the credit or i will be sad; seriously it's just an icon in the corner ok just please don't remove this, thanks---->
  262. <BODY ondragstart="return false;">
  263. <div style="position:fixed; font-family: trash; font-size: 10px; bottom:5px; right:0px; padding: 5px; font-style:italic;background: #fff; border: 1px dotted #eee;">
  264. &copy <a href="http://cumtarts.tumblr.com/">cumtarts</a>
  265. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement