API tools faq
paste
Advertisement
postlimitwbu

Layout Al2- Prism

postlimitwbu
Jan 15th, 2014
355
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.13 KB | None | 0 0
raw download clone embed print report
  1. <!--LAYOUTS BY POSTLIMITWBU -->
  2. <html lang="en">
  3. <link rel="shortcut icon" href="http://fc02.deviantart.net/fs71/f/2013/003/2/6/moon_favicon_by_j4smini-d5qalsu.png" />
  4. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
  5. </script>
  6. <script src="jquery.js"></script>
  7. <script>
  8. $(document).ready(function(){
  9. $("#flip").click(function(){
  10. $("#panel").slideToggle("slow");
  11. });
  12. });
  13. </script>
  14.  
  15. <script src="jquery.js"></script>
  16. <script>
  17. $(document).ready(function(){
  18. $("#flip2").click(function(){
  19. $("#panel2").slideToggle("slow");
  20. });
  21. });
  22. </script>
  23.  
  24. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  25.  
  26. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  27.  
  28. <script type='text/javascript' src='http://static.tumblr.com/9gowv7u/L0wmka6g3/lolz.js'></script>
  29.  
  30. <script type="text/javascript" src="http://static.tumblr.com/p2evvtm/Wycm17d1m/tumblr_search_box.js"></script>
  31.  
  32. <script type="text/javascript"
  33. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  34. <style type="text/css">
  35. div#qTip {
  36. padding-top: 3px;
  37. padding-bottom: 3px;
  38. padding-right: 3px;
  39. padding-left: 3px;
  40. height: auto;
  41. display: none;
  42. margin-left: 15px;
  43. font-style: bold;
  44. color:#aaa;
  45. font-size: 10px;
  46. font-family: consolas;
  47. text-align: center;
  48. position: absolute;
  49. box-shadow:1px 1px 3px rgba(0,0,0,.1);
  50. border: solid 1px #ddd;
  51. line-height:10px ;
  52. z-index: 999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
  53. background:#FFf;
  54. }
  55. a.btn{-webkit-filter: invert(100%);position:absolute;z-index:999999;top:26px;right:3px;white-space:nowrap;outline:0;text-decoration:none;cursor:pointer;overflow:hidden;text-overflow:ellipsis;font:600 12px/18px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;height:20px;padding:0 5px;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:padding;-moz-transition-property:padding;-ms-transition-property:padding;-o-transition-property:padding;transition-property:padding;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;-ms-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-ms-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.btn{color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08)}a.btn,a.btn:hover{color:white!important}.btn{margin-bottom:5px;color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.btn:hover::after,.btn:focus::after{background:rgba(255,255,255,0.09);color:white}.btn:active::after{background:rgba(255,255,255,0.18) color:white}.btn_label.show{display:block}.btn::after{position:absolute;top:0;right:0;bottom:0;left:0;content:'';-webkit-border-radius:inherit;-moz-border-radius:inherit;border-radius:inherit}.btn.icon::before{display:block;content:'';position:absolute;top:0;left:0;bottom:0;width:20px;border-radius:inherit;background:url('http://static.tumblr.com/tpqedpr/cQ1mbwb60/de.png') 0 0 no-repeat}.btn.theme::before{background-position:0 -0px}.btn img{width:15px}.btn.icon{padding-left:20px}.btn:active::after {background:rgba(255,255,255,0.18)}.clear {clear: both;} #pagination {display: none;} .clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix{display:inline-block}html[xmlns] .clearfix{display:block}* html .clearfix{height:1%}
  56.  
  57. #panel,#flip{
  58. position:relative;
  59. display:inline-block;
  60. z-index:999999999999;
  61. height:20px;
  62. width:275px;
  63. margin-top:150px;
  64. margin-left:60px;
  65. text-align:center;
  66. color:#fff;
  67. font-family:'consolas', cursive;
  68. font-size:15px;
  69. line-height:19px;
  70. opacity:10;
  71. padding:3px;
  72. padding-left:3px;
  73. background:#FFDFDD;
  74. font-weight:none;
  75. letter-spacing:2px;
  76. text-transform:uppercase;
  77. }
  78. #flip:active{
  79. background:#eee;
  80. }
  81. #panel{
  82. background:white;
  83. display:inline-block;
  84. width:275px;
  85. height:auto;
  86. font-family:'calibri', cursive;
  87. font-size:10px;
  88. line-height:15px;
  89. letter-spacing:0px;
  90. text-transform:none;
  91. text-align:left;
  92. margin-top:0px;
  93. color:#aaa;
  94. display:none;
  95. }
  96.  
  97. ::-webkit-scrollbar-thumb{
  98. background-color: #FFDFDD;
  99. border: 2px solid #ffffff;
  100. height:2px;
  101. -moz-border-radius: 15px;
  102. border-radius: 15px;
  103. }
  104.  
  105. ::-webkit-scrollbar {
  106. height:5px;
  107. width:9px;
  108. background-color: #fff;
  109. border: 4px solid transparent;
  110. }
  111.  
  112. iframe#tumblr_controls {
  113. opacity:.8;
  114. top: 0% !important;
  115. right:0% !important;
  116. position: fixed !important;
  117. -webkit-filter: invert(100%) ;
  118. z-index:9999999999999999999999999999999999999999999999999999;
  119. }
  120.  
  121.  
  122.  
  123.  
  124. body{
  125. background-color:#f7f7f7;
  126. font-family:'Patrick Hand', cursive;
  127. font-size:14px;
  128. line-height:14px;
  129. background-image:url(');
  130. }
  131.  
  132. a:link, a:active, a:visited{
  133. color:#aaa;
  134. border-bottom:solid 1px transparent;
  135. text-decoration:none;
  136. -webkit-transition: all 0.7s linear;
  137. -moz-transition: all 0.7s linear;
  138. transition: all 0.7s linear;
  139. }
  140.  
  141. a:hover{
  142. color:#aaa;
  143. border-bottom:solid 1px #FFDFDD;
  144. text-decoration:none;
  145. -webkit-transition: all 0.7s linear;
  146. -moz-transition: all 0.7s linear;
  147. transition: all 0.7s linear;
  148. }
  149.  
  150.  
  151.  
  152. div#cage{
  153. margin: auto;
  154. position:relative;
  155. width: 1000px;
  156. overflow: hidden;
  157. color:transparent;
  158. margin-left: 6%;
  159. }
  160.  
  161. div#content{
  162. float: left;
  163. width: 800px;
  164. padding: 0px;
  165. background: transparent;
  166. margin-left: 415px;
  167. margin-top: 120px;
  168. }
  169.  
  170. div#center{
  171. margin: auto;
  172. position: relative;
  173. width: 1000px;
  174. background-color: transparent;
  175. overflow: auto;
  176. overflow-y: hidden;
  177. }
  178.  
  179.  
  180. body, a, a:hover {cursor: url(http://static.tumblr.com/anvbwtn/VKMms5q1c/cursor.png), progress;}
  181. #smores{
  182. opacity:0;
  183. position:fixed !important;
  184. width: 450px;
  185. height:120px;
  186. font-family:'consolas', cursive;
  187. font-size:11px;
  188. line-height:20px;
  189. margin-left:464px;
  190. margin-top:86px;
  191. padding:5px;
  192. overflow:auto;
  193. text-align:center;
  194. color:#aaa;
  195. background:white;
  196. padding-bottom: 3px;
  197. z-index: 99999999999999;
  198. -webkit-transition: all 0.7s linear;
  199. -moz-transition: all 0.7s linear;
  200. transition: all 0.7s linear;
  201. }
  202. #smores:hover{
  203. opacity:1;
  204. background:#FFDFDD;
  205. color:#fff;
  206. }
  207. #links a{
  208. color:#fff;
  209. }
  210. #links a:hover{
  211. color:#aaa;
  212. }
  213. #links{
  214. opacity:1;
  215. position:fixed !important;
  216. background:#FFDFDD;
  217. width: 55px;
  218. height:20px;
  219. font-family:'consolas', cursive;
  220. font-size:13px;
  221. line-height:19px;
  222. border-left:5px solid #fff;
  223. color:#fff;
  224. margin-left:50px;
  225. margin-top:10px;
  226. padding:3px;
  227. text-align:center;
  228. overflow:auto;
  229. padding-bottom: 3px;
  230. z-index: 9999999999999999999999999999999999999999;
  231. -webkit-transition: all 0.7s linear;
  232. -moz-transition: all 0.7s linear;
  233. transition: all 0.7s linear;
  234. }
  235. #links:hover{
  236. background:#fff;
  237. font-family:'consolas', cursive;
  238. font-size:13px;
  239. line-height:19px;
  240. border-left:5px solid #FFDFDD;
  241. color:#aaa;
  242. }
  243. #shitty{
  244. opacity:1;
  245. position:fixed !important;
  246. width: 450px;
  247. height:120px;
  248. font-family:'consolas', cursive;
  249. font-size:11px;
  250. line-height:20px;
  251. margin-left:464px;
  252. margin-top:86px;
  253. padding:5px;
  254. overflow:auto;
  255. text-align:center;
  256. color:#aaa;
  257. background:white;
  258. padding-bottom: 3px;
  259. z-index: 99999999999999;
  260. -webkit-transition: all 0.7s linear;
  261. -moz-transition: all 0.7s linear;
  262. transition: all 0.7s linear;
  263. }
  264. #shitty:hover{
  265. background:#FFDFDD;
  266. color:#fff;
  267. }
  268. #shitzu{
  269. opacity:1;
  270. position:fixed !important;
  271. width: 320px;
  272. height:23px;
  273. color:#aaa;
  274. font-family:'consolas', cursive;
  275. font-size:15px;
  276. line-height:20px;
  277. margin-left:525px;
  278. margin-top:55px;
  279. padding:5px;
  280. overflow:auto;
  281. text-align:center;
  282. background:white;
  283. padding-bottom: 3px;
  284. z-index: 99999999999999;
  285. -webkit-transition: all 0.7s linear;
  286. -moz-transition: all 0.7s linear;
  287. transition: all 0.7s linear;
  288. }
  289. #shitzu:hover{
  290. background:#FFDFDD;
  291. color:#fff;
  292. }
  293. #cay{
  294. opacity:1;
  295. position:fixed !important;
  296. width: 320px;
  297. height:103px;
  298. color:#aaa;
  299. font-family:'calibri', cursive;
  300. font-size:10px;
  301. line-height:15px;
  302. margin-left:520px;
  303. margin-top:110px;
  304. padding:5px;
  305. overflow:auto;
  306. text-align:center;
  307. padding-bottom: 3px;
  308. z-index: 99999999999999;
  309. -webkit-transition: all 0.7s linear;
  310. -moz-transition: all 0.7s linear;
  311. transition: all 0.7s linear;
  312. }
  313.  
  314. #faq{
  315. opacity:0.6;
  316. position:fixed !important;
  317. background:#eee;
  318. border-left:10px solid #fff;
  319. border-right:10px solid #fff;
  320. border-bottom:10px solid #fff;
  321. width: 480px;
  322. height:405px;
  323. font-size:14px;
  324. line-height:17px;
  325. margin-left:440px;
  326. margin-top:47px;
  327. padding:3px;
  328. text-align:left;
  329. overflow:auto;
  330. padding-bottom: 3px;
  331. z-index: 9999999;
  332. }
  333. #ld{
  334. opacity:0.6;
  335. position:fixed !important;
  336. background-image:url('http://static.tumblr.com/niqonfz/Qrgmyzy8j/diamond_upholstery.png');
  337. border-bottom:6px solid #fff;
  338. width: 23480px;
  339. height:65px;
  340. font-size:14px;
  341. line-height:17px;
  342. margin-left:-50px;
  343. margin-top:-30px;
  344. padding:3px;
  345. text-align:left;
  346. overflow:auto;
  347. padding-bottom: 3px;
  348. z-index: 9;
  349. }
  350. #boxe{
  351. opacity:1;
  352. position:fixed !important;
  353. background-image:url('http://static.tumblr.com/niqonfz/Qrgmyzy8j/diamond_upholstery.png');
  354. border:6px solid #fff;
  355. width: 450px;
  356. height:215px;
  357. font-size:20px;
  358. line-height:147px;
  359. margin-left:460px;
  360. margin-top:220px;
  361. Font-family:calibri;
  362. color:#fff;
  363. padding:3px;
  364. text-align:center;
  365. overflow:auto;
  366. padding-bottom: 3px;
  367. z-index: 9999999;
  368. }
  369.  
  370. .left{
  371. float: left;
  372. margin-right: 20px;
  373. width: 1000px;
  374. }
  375.  
  376. .right{
  377. float: right;
  378. width: 200px;
  379. background-color: ;
  380. }
  381.  
  382.  
  383.  
  384.  
  385. ul, ol, li{
  386. list-style: none;
  387. margin: 0px;
  388. padding: 0px;
  389. }
  390.  
  391.  
  392. iframe#tumblr_controls {right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.8s ease-out;-moz-
  393.  
  394. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  395.  
  396. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 0.8;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  397.  
  398. ::selection {
  399. background:#FFDFDD; /* IDK LOL */
  400. color:white ;
  401. }
  402.  
  403.  
  404. ::-webkit-selection {
  405. background:#FFDFDD; /* Chrome */
  406. color:white;
  407.  
  408. }
  409.  
  410. </style>
  411.  
  412. <body>
  413.  
  414. </div>
  415.  
  416. <title>Ask!</title>
  417. <a class="btn" title="{Name}" href="/" style="position:fixed; right:7px; top: 3px"> ↺ Back to my Blog<a></a></a>
  418.  
  419. <meta name="viewport" content="width=80" />
  420. <div id="faq"></div><div id="ld"></div>
  421. <div id="shitzu">Frequently Asked Questions</div>
  422. <!--Start Faq -->
  423. <div id="shitty">
  424. Ok so hover over this text and more faq will come out! Ok Here you should like right your wills or when it hovers you should right your wonts! This is pretty nifty layout! Also remember to use the about me box! You can make it to another box if you want like friends|or even something else ok! I hope you guys like this because I sure do! :))
  425. </div>
  426.  
  427. <div id="smores">WRITE THE REST OF YOUR FAQ HERE
  428. </div>
  429. <!--End Faq -->
  430.  
  431.  
  432.  
  433. <!--Start links -->
  434. <div id="links"><a href="/">Home</a> </div>
  435. <div id="links"style="margin-left:130px"><a href="/">Friend</a></div>
  436. <div id="links"style="margin-left:210px"><a href="http://postlimitwbu.tumblr.com/">☓☓☓</a></div>
  437. <!--End links -->
  438.  
  439.  
  440. <div id="boxe">
  441. <iframe frameborder="0" scrolling="yes" width="420" height="200" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" id="ask_form">
  442. </iframe></div>
  443.  
  444. </div>
  445.  
  446. <div id="flip">About Me<i>+</i></div>
  447. <div id="panel">
  448. Hello, I'm Lisvette, I really like bands and I like to spend my time on the internet I guess. I am truly, madly, deeply in love with Niall Horan and I can't even. And uhm yeah stay rad!!
  449. <br>|| So here is where you put your about me, this can go as far as you would like but I suggest it to be at least like a paragraph not a novel about yourself ok? No one needs to know <i>that</i> much about you ok ok.
  450. I am aware this layout isn't so "quality" but please know that not all my layouts|themes will be quality like ok? Ily ||
  451. </div>
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!