API tools faq
paste
Advertisement
booksinvolved

ios all in one

booksinvolved
Jun 19th, 2014
1,265
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.42 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4.  
  5. <head>
  6.  
  7. <!--- theme by jasnahdavar
  8. ----- PLEASE do not steal/redistribute/remove credit. i worked really hard on this
  9. ----- ASK ME if you want to use this as a base code i swear i'm nice
  10. ----- this is a complicated theme there's a lot of code in here
  11. ------ lock screen image is 300 x 450
  12. ------ home screen image is 300 x 410
  13. ------ have fun ask me if you need help
  14. --->
  15.  
  16. <title>{Title}</title>
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19.  
  20. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  21.  
  22.  
  23. <script type="text/javascript">
  24. function unhide(divID) {
  25. var item = document.getElementById(divID);
  26. if (item) {
  27. item.className=(item.className=='hidden')?'unhidden':'unhidden';
  28. }
  29. }
  30. </script>
  31.  
  32. <script type="text/javascript">
  33. function hide(divID) {
  34. var item = document.getElementById(divID);
  35. if (item) {
  36. item.className=(item.className=='unhidden')?'hidden':'hidden';
  37. }
  38. }
  39. </script>
  40.  
  41. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js" type="text/javascript"></script>
  42. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js" type="text/javascript"></script>
  43. <script type="text/javascript">// <![CDATA[
  44. (function($){
  45.  
  46. $(document).ready(function(){
  47.  
  48. $("a[title]").style_my_tooltips({
  49.  
  50. tip_follows_cursor:true,
  51.  
  52. tip_delay_time:30,
  53.  
  54. tip_fade_speed:300,
  55.  
  56. attribute:"title"
  57.  
  58. });
  59.  
  60. });
  61.  
  62. })(jQuery);
  63. // ]]></script>
  64.  
  65.  
  66. <style type="text/css">
  67. ::-webkit-scrollbar-thumb:vertical { height:12px; border:2px solid #fff; background-color:#cfcfcf; border-radius:5px; }
  68. ::-webkit-scrollbar-thumb:horizontal { background-color:#fff; }
  69. ::-webkit-scrollbar { width:11px; height:7px; border:5px solid #fff; background-color:#cfcfcf; }
  70.  
  71. ::selection {
  72. background:#000;
  73. color:#fff;
  74. }
  75.  
  76.  
  77. /*----------------- TOOLTIP -----------------*/
  78. #s-m-t-tooltip{
  79. font-size:10px;
  80. position:absolute;
  81. margin-top: 15px;
  82. margin-left:15px;
  83. letter-spacing:1px;
  84. z-index:9999;
  85. background:white;
  86. color:#666;
  87. text-transform:uppercase;
  88. padding:2px 3px 2px 3px;
  89. -webkit-transition:all 0.3s;
  90. -moz-transition:all 0.3s;
  91. -ms-transition:all 0.3s;
  92. -o-transition:all 0.3s;
  93. transition:all 0.3s;
  94. border:2px solid #999;
  95. }
  96.  
  97.  
  98. body {
  99. background:#fff;
  100. margin:0px;
  101. color:#000;
  102. font-family:cambria;
  103. font-size:11px;
  104. line-height:100%;
  105. font-style: none;
  106. }
  107.  
  108.  
  109.  
  110.  
  111.  
  112. a:link, a:visited, a:active {
  113. color:#ff0066;
  114. text-decoration: none;
  115. font-weight: normal;
  116. -webkit-transition: .6s;
  117. -moz-transition: .6s;
  118. transition: .6s;
  119. }
  120.  
  121. a:hover {
  122. color:#000;
  123. text-decoration: none;
  124. font-weight: normal;
  125. -webkit-transition: .6s;
  126. -moz-transition: .6s;
  127. transition: .6s;
  128. }
  129.  
  130. .hidden {
  131. display:none;
  132. }
  133.  
  134. .unhidden {
  135. display:inline-block;
  136. }
  137.  
  138. h1 {
  139. font-family:arial;
  140. font-size:14px;
  141. }
  142.  
  143.  
  144. /*-------------- IPHONE CASE -----------------*/
  145.  
  146. #case1 {
  147. position:fixed;
  148. height:450px;
  149. width:300px;
  150. /*--------- border colors -----------*/
  151. border-top:50px solid #000;
  152. border-bottom:50px solid #000;
  153. border-right:10px solid #000;
  154. border-left:10px solid #000;
  155. /*-----------------------------------*/
  156. border-radius:20px;
  157. left:50%;
  158. top:50%;
  159. margin-left:-160px;
  160. margin-top:-275px;
  161. background:#eee;
  162. background-image:url('http://www.free-ipad-wallpapers.com/images/previews/flowers/Pink-Cosmos-Flower-wallpaper23b.jpg');
  163. /*---- LOCK SCREEN BACKGROUND
  164. ------- 300px x 450px
  165. ------- if you don't want a background image remove the section of the code for background image. edit the background color with the value for background above it
  166. -----------*/
  167. background-position:left center;
  168. }
  169.  
  170.  
  171.  
  172.  
  173.  
  174. /*------- iphone buttons do not edit!!!! -----------*/
  175.  
  176. #homebutton {
  177. background:#666;
  178. opacity:0.7;
  179. position:fixed;
  180. z-index:10;
  181. margin-left:130px;
  182. margin-top:460px;
  183. width:30px;
  184. height:30px;
  185. border-radius:30px;
  186. }
  187.  
  188.  
  189. #square {
  190. width:15px;
  191. height:15px;
  192. border:1px solid #eee;
  193. border-radius:5px;
  194. margin-left:6px;
  195. margin-top:6px;
  196. }
  197.  
  198. #homebutton:hover {
  199. background:#999;
  200. }
  201.  
  202. #frontcam {
  203. position:fixed;
  204. border:5px solid #666;
  205. background:#cfcfcf;
  206. width:5px;
  207. height:5px;
  208. border-radius:10px;
  209. margin-left:140px;
  210. margin-top:-40px;
  211. }
  212.  
  213. #rect {
  214. position:fixed;
  215. margin-top:-20px;
  216. margin-left:112px;
  217. border-radius:3px;
  218. height:5px;
  219. width:70px;
  220. background:#666;
  221. box-shadow:2px 2px 0px solid #666;
  222. }
  223.  
  224.  
  225. /*---------- UNLOCK ----------*/
  226.  
  227. #unlock {
  228. position:fixed;
  229. width:299px;
  230. margin-top:350px;
  231. text-align:Center;
  232. font-family:arial;
  233. font-size:16px;
  234.  
  235. }
  236.  
  237. #unlock a {
  238. color:#fff; /*------ unlock color --------*/
  239. }
  240.  
  241. #unlock a:hover {
  242. letter-spacing:2px;
  243. margin-left:50px;
  244. }
  245.  
  246.  
  247.  
  248. /*----- NAVIGATION LINKS ----------*/
  249.  
  250. #homelinks {
  251. position:fixed;
  252. margin-top:407px;
  253. width:300px;
  254. height:40px;
  255. padding-top:2px;
  256. text-align:Center;
  257. border-top:1px solid #eee;
  258. background:#eee;
  259. }
  260.  
  261. .homel {
  262. display:inline-block;
  263. width:33px;
  264. height:23px;
  265. padding-top:10px;
  266. border-radius:7px;
  267. border:1px solid #cfcfcf;
  268. background:#66ccff; /*--- navlinks background ---*/
  269.  
  270. text-align:Center;
  271. font-size:20px;
  272. color:#000; /*--- navlinks color ----*/
  273. margin-top:2px;
  274.  
  275.  
  276. }
  277.  
  278.  
  279.  
  280. .homel:hover {
  281. background:#000; /*--- navlinks hover background ---*/
  282. color:#cfcfcf; /*---- navlinks hover color ---*/
  283. transition:0.4s;
  284. }
  285.  
  286.  
  287. /*----------- HOME SCREEN -----------------*/
  288.  
  289. #container {
  290. position:fixed;
  291. width:300px;
  292. height:410px;
  293. overflow:auto;
  294. background:#fff; /*--- homescreen bg color (if no image)---*/
  295. background-image:url('http://farm8.staticflickr.com/7366/9607825489_31a2030594.jpg');
  296. /*---- HOME SCREEN BACKGROUND IMAGE
  297. ------- 300px x 410px
  298. -------*/
  299.  
  300. }
  301.  
  302. /* homescreen icons (faq, friends, etc) */
  303.  
  304.  
  305. .navl {
  306. width:60px;
  307. height:40px;
  308. padding-top:20px;
  309. display:inline-block;
  310. border:1px solid #999;
  311. border-radius:10px;
  312. margin-top:20px;
  313. margin-left:5px;
  314. background:#fff; /*-- icon background --*/
  315. text-align:center;
  316. color:#999;
  317. text-transform:uppercase;
  318. opacity:0.7;
  319. }
  320.  
  321. .navl a {
  322. color:#999; /*-- icon text --*/
  323. }
  324.  
  325. .navl:hover {
  326. opacity:1;
  327. transition:0.3s;
  328. }
  329.  
  330.  
  331.  
  332. /*-------- FAQ ---------*/
  333.  
  334. #faqcont {
  335. position:fixed;
  336. width:300px;
  337. height:410px;
  338. overflow:auto;
  339. background:#fff; /*faq background*/
  340.  
  341. }
  342.  
  343. .faq {
  344. position:fixed;
  345. margin-top:45px;
  346. width:300px;
  347. height:125px;
  348. overflow:auto;
  349. border-bottom:1px solid #eee;
  350. }
  351.  
  352. .question {
  353. padding: 2%;
  354. border-radius:10px;
  355. width:150px;
  356. background:#f6f6f6; /*--- question bg color ---*/
  357. margin-top:10px;
  358. margin-left:5px;
  359. }
  360. .answer {
  361. background:#00ccff; /*--- answer bg color ---*/
  362. padding: 2%;
  363. border-radius:10px;
  364. width:150px;
  365. margin-top:10px;
  366. margin-right:10px;
  367. margin-left:85px;
  368. margin-bottom:10px;
  369.  
  370.  
  371. }
  372.  
  373. .askbox {
  374. position:fixed;
  375. margin-top:170px;
  376.  
  377. }
  378.  
  379. /*------------ FRIENDS ------------*/
  380.  
  381. #friendscont {
  382. position:fixed;
  383. width:300px;
  384. height:410px;
  385. overflow:auto;
  386. background:#fff; /*-- friends bg color ---*/
  387.  
  388. }
  389.  
  390. .friends {
  391. margin-top:45px;
  392. height:365px;
  393. position:fixed;
  394. width:300px;
  395. overflow:auto;
  396. }
  397. .friends img {
  398. width:60px;
  399. height:60px;
  400. margin-left:5px;
  401. margin-top:10px;
  402. display:inline-block;
  403. margin-bottom:5px;
  404.  
  405. }
  406.  
  407. /*------------- TAGS --------------*/
  408.  
  409.  
  410. #tagscont {
  411. position:fixed;
  412. width:300px;
  413. height:410px;
  414. overflow:auto;
  415. background:#fff; /*--- tags background color --*/
  416.  
  417. }
  418.  
  419.  
  420. .tags {
  421. margin-top:45px;
  422. height:345px;
  423. position:fixed;
  424. width:280px;
  425. overflow:auto;
  426. padding:10px;
  427.  
  428. }
  429.  
  430. .tagheading {
  431. font-family:arial;
  432. font-size:14px;
  433. font-weight:bold;
  434. border-bottom:1px solid #999;
  435. margin-bottom:10px;
  436. margin-top:5px;
  437. }
  438.  
  439. .tags a {
  440. color:#000; /*--- TAG COLOR ---*/
  441. width:300px;
  442. display:inline-block;
  443. margin-bottom:5px;
  444.  
  445. }
  446.  
  447. .tags a:hover {
  448. text-decoration:underline;
  449. }
  450.  
  451. /*--- header stuff ---*/
  452.  
  453. #heading {
  454. position:fixed;
  455. width:300px;
  456. height:30px;
  457. padding-top:15px;
  458. background:#eee;
  459. text-align:center;
  460. color:#000;
  461. font-family:arial;
  462. font-weight:bold;
  463. font-size:16px;
  464.  
  465. }
  466.  
  467. .goback {
  468. position:fixed;
  469. font-weight:normal;
  470. margin-top:-12px;
  471. margin-left:5px;
  472.  
  473. }
  474.  
  475. .goback a {
  476. color:#00ccff;
  477. text-decoration:none;
  478. }
  479.  
  480. .goback a:hover {
  481. color:#3399ff;
  482. transition:0.6s;
  483. }
  484.  
  485.  
  486.  
  487.  
  488.  
  489.  
  490.  
  491.  
  492.  
  493.  
  494.  
  495.  
  496.  
  497.  
  498.  
  499.  
  500. </style>
  501.  
  502.  
  503. </head><body>
  504.  
  505. <!---- do not edit below --->
  506. <div id="case1">
  507. <a href="/" title="home">
  508. <div id="homebutton">
  509. <div id="square"></div>
  510. </div>
  511. </a>
  512. <div id="frontcam"></div>
  513. <div id="rect"></div>
  514. <!--- do not edit above --->
  515.  
  516.  
  517. <!-------------- UNLOCK ------------------------------->
  518. <div id="unlock" class="unhidden">
  519. <a href="javascript:unhide('homelinks');unhide('container');hide('unlock');">
  520.  
  521. > unlock</a>
  522.  
  523. </div>
  524.  
  525. <!-------------- HOMELINKS ---------------------->
  526. <div id="homelinks" class="hidden">
  527. <a href="/ask"><div class="homel">✉</div></a>
  528.  
  529. <a href="/submit"><div class="homel">✎</div></a>
  530.  
  531. <a href="/archive"><div class="homel">📂</div></a>
  532.  
  533. <a href="http://jasnahdavar.tumblr.com" target="_blank"><div class="homel">©</div></a> <!-- do not remove credit -->
  534.  
  535. </div>
  536.  
  537. <!------------------- HOMESCREEN ------------------------>
  538.  
  539. <div id="container" class="hidden">
  540. <a href="javascript:unhide('faqcont');hide('container');"><div class="navl">
  541. f.a.q. <!--- faq icon --->
  542. </div></a>
  543.  
  544.  
  545. <a href="javascript:unhide('friendscont');hide('container');"><div class="navl">
  546. friends <!--- friends icon --->
  547. </div></a>
  548.  
  549.  
  550. <a href="javascript:unhide('tagscont');hide('container');"><div class="navl">
  551. tags <!--- tags icon -->
  552. </div></a>
  553.  
  554. <!--- you can add links to other pages on your blog, other websites etc with the following code
  555. <a href="URL"><div class="navl">TEXT</div></a>
  556. ---- look at the example below
  557. ---->
  558.  
  559. <a href="URL"><div class="navl">text</div></a>
  560.  
  561.  
  562. </div>
  563.  
  564. <!------------------- F.A.Q. ------------->
  565. <div id="faqcont" class="hidden">
  566. <div id="heading">
  567.  
  568. f.a.q. <!--- faq heading --->
  569.  
  570. <div class="goback"><a href="javascript:hide('faqcont');unhide('container');">< back</a></div>
  571. </div>
  572.  
  573.  
  574. <div class="faq">
  575.  
  576.  
  577. <div class="question">
  578. question
  579. </div>
  580.  
  581. <div class="answer">
  582. answer
  583. </div>
  584.  
  585. <div class="question">
  586. question
  587. </div>
  588. <div class="answer">
  589. answer
  590. </div>
  591. <!--- copy the following code to add more questions and answers --->
  592. <div class="question">
  593. question
  594. </div>
  595. <div class="answer">
  596. answer
  597. </div>
  598. <!--- add extra questions below --->
  599.  
  600.  
  601.  
  602. <!----- add extra questions above --->
  603.  
  604. </div>
  605. <!---askbox--->
  606. <div class="askbox">
  607.  
  608. <!--- IMPORTANT! look for the section in the below code that says URL.tumblr.com and replace URL with YOUR url!!! otherwise the askbox will not work --->
  609.  
  610. <iframe frameborder="0" height="20px" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/URL.tumblr.com" width="300px" style="background-color: transparent; overflow: hidden;"></iframe>
  611.  
  612. </div>
  613.  
  614.  
  615.  
  616. </div>
  617.  
  618. <!------------- FRIENDS ---------------->
  619.  
  620. <div id="friendscont" class="hidden">
  621. <div id="heading">friends <!---- friends heading --->
  622. <div class="goback"><a href="javascript:hide('friendscont');unhide('container');">< back</a></div>
  623. </div>
  624. <div class="friends">
  625.  
  626. <!--- images will automatically resize to 60px x 60px --->
  627.  
  628. <a href="URL" title="name"> <img src="URL"> </a>
  629. <a href="URL" title="name"> <img src="URL"> </a>
  630.  
  631.  
  632. <!---- copy the code in the above space to add more friends --->
  633. </div>
  634. </div>
  635.  
  636. <!------------ TAGS ----------------------->
  637.  
  638. <div id="tagscont" class="hidden">
  639. <div id="heading">tags <!--- tags heading --->
  640. <div class="goback"><a href="javascript:hide('tagscont');unhide('container');">< back</a></div>
  641. </div>
  642.  
  643. <div class="tags">
  644. <!--------- add as many tags and headings as you want to ------->
  645. <div class="tagheading">heading</div>
  646. <a href="/">tag</a>
  647. <a href="/">tag</a>
  648.  
  649. <div class="tagheading">heading</div>
  650. <a href="/">tag</a>
  651. <a href="/">tag</a>
  652. <a href="/">tag</a>
  653.  
  654. <div class="tagheading">heading</div>
  655. <a href="/">tag</a>
  656. <a href="/">tag</a>
  657. <a href="/">tag</a>
  658.  
  659. <div class="tagheading">heading</div>
  660. <a href="/">tag</a>
  661. <a href="/">tag</a>
  662. <a href="/">tag</a>
  663.  
  664. <!----- DO NOT EDIT BELOW THIS POINT ------>
  665. </div>
  666. </div>
  667.  
  668. </div>
  669.  
  670. </body></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!