API tools faq
paste
dohdoro

IOS theme

dohdoro
Feb 10th, 2014
4,540
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.53 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. <head>
  5. <title>{Title}</title>
  6. {block:IfInfiniteScroll}
  7. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  8. {/block:IfInfiniteScroll}
  9.  
  10. <link rel="shortcut icon" href="{Favicon}" />
  11.  
  12. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  13. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  14.  
  15.  
  16. <!-- IOS THEME BY DOHDORO ----//*********
  17.  
  18. ***DO NOT REMOVE THE CREDIT PLEASE.
  19. ***DO NOT COMBINE MY CODES WITH SOMEONE ELSES
  20. ***DO NOT REDISTRIBUTE AND CLAIM AS YOURS
  21. ***DO NOT USE AS BASE --->
  22.  
  23.  
  24. <meta name="color:Background" content="#ffffff"/>
  25. <meta name="color:Text" content="#afafaf"/>
  26. <meta name="color:Bold" content="#000000"/>
  27. <meta name="color:Italic" content="#000000"/>
  28. <meta name="color:Links" content="#000000"/>
  29. <meta name="color:Links Hover" content="#000000"/>
  30. <meta name="color:Home button" content="#ffffff"/>
  31. <meta name="color:Home button hover" content="#ADD8E6"/>
  32. <meta name="color:Phone Case Color" content="#fafafa"/>
  33. <meta name="color:Description Background" content="#fafafa"/>
  34. <meta name="color:Description Text" content="#000000"/>
  35. <meta name="color:Audio Border" content="#eeeeee"/>
  36. <meta name="color:Title" content="#eeeeee"/>
  37. <meta name="color:Phone Img Border" content="#ffffff"/>
  38. <meta name="color:Title" content="#ffffff"/>
  39. <meta name="color:Title Background" content="#ffffff"/>
  40. <meta name="color:Post Border" content="#eeeeee"/>
  41. <meta name="color:Posts Background" content="#ffffff"/>
  42. <meta name="color:Post Text" content="#afafaf"/>
  43. <meta name="color:Post links" content="#000000"/>
  44. <meta name="color:Post links Hover" content="#000000"/>
  45. <meta name="color:Ask Background" content="#eeeeee"/>
  46. <meta name="color:second title" content="#ffffff"/>
  47. <meta name="color:pagination" content="#000000"/>
  48.  
  49.  
  50. <meta name="color:Asker Text" content="#000000"/>
  51. <meta name="color:Question Background" content="#fafafa"/>
  52. <meta name="color:Question Text" content="#000000"/>
  53. <meta name="color:Answer Background" content="#000000"/>
  54. <meta name="color:Answer Text" content="#ffffff"/>
  55. <meta name="color:Caption Background" content="#fafafa"/>
  56. <meta name="color:Caption Text" content="#afafaf"/>
  57.  
  58. <meta name="color:Bullets" content="#afafaf"/>
  59. <meta name="color:Bullets Hover" content="#000000"/>
  60.  
  61. <meta name="image:Background" content=""/>
  62. <meta name="image:Corner Image" content=""/>
  63. <meta name="image:Phone Background" content=""/>
  64.  
  65. <meta name="if:Show Captions" content="0">
  66. <meta name="if:Show Tags" content="0">
  67. <meta name="if:Infinite Scroll" content"0">
  68.  
  69. <meta name="text:Second title" content="">
  70.  
  71.  
  72. <meta name="text:Nav 1 URL" content="">
  73. <meta name="text:Nav 2 URL" content="">
  74. <meta name="text:Nav 3 URL" content="">
  75. <meta name="text:Nav 4 URL" content="">
  76.  
  77. <meta name="text:link 1 title" content="hover text">
  78. <meta name="text:link 2 title" content="hover text">
  79. <meta name="text:link 3 title" content="hover text">
  80. <meta name="text:link 4 title" content="hover text">
  81.  
  82.  
  83.  
  84.  
  85. <style type="text/css">
  86.  
  87. ::-webkit-scrollbar {width: 5px; height:1px; background: #ffffff; }
  88. ::-webkit-scrollbar-thumb { background-color: #000000; }
  89.  
  90. body {
  91. font-family:cambria;
  92. font-size:10px;
  93. color:{color:Text};
  94. background:{color:Background};
  95. background-image:url('{image:Background}');
  96. background-repeat:repeat;
  97. background-attachment:fixed;
  98.  
  99.  
  100. }
  101.  
  102. a {
  103. color:{color:Links};
  104. text-decoration:none;
  105.  
  106. }
  107. a:hover {
  108. color:{color:Links Hover};
  109.  
  110. }
  111.  
  112. b, strong{
  113. color:{color:Bold};
  114.  
  115. }
  116.  
  117. i, em {
  118. color:{color:Italic};
  119.  
  120. }
  121.  
  122. blockquote {
  123. padding:0px;
  124. Background:{color:Caption Background};
  125. }
  126.  
  127. #ccimage {
  128. position:fixed;
  129. bottom:0px;
  130. right:50px;
  131. }
  132.  
  133. #ios {
  134. position:fixed;
  135. left:300px;
  136. top:300px;
  137. width:160px;
  138. height:335px;
  139. background:{color:Phone Case Color};
  140. border-radius: 30px 30px 30px 30px;
  141. -webkit-border-radius: 30px 30px 30px 30px;
  142. -moz-border-radius: 30px 30px 30px 30px;
  143.  
  144.  
  145. }
  146.  
  147. #ios img {
  148. display:block;
  149. margin-left:-12px;
  150. margin-top:-8px;
  151.  
  152.  
  153. }
  154.  
  155. #phone img {
  156. position:fixed;
  157. margin-top:-297px;
  158. margin-left:10px;
  159. border:2px solid {color:Phone Img Border};
  160. background-image:url('{image:Phone Background}');
  161. -webkit-border-radius: 4px 4px 4px 4px;
  162. -moz-border-radius: 4px 4px 4px 4px;
  163. border-radius: 4px 4px 4px 4px;
  164.  
  165.  
  166. }
  167.  
  168. #unlock {
  169. position:fixed;
  170. margin-top:-200px;
  171. margin-left:30px;
  172. width:90px;
  173. height:auto;
  174. font-family:helvetica sans serif;
  175. font-size:25px;
  176. line-height:14px;
  177. padding:5px;
  178. text-transform:lowercase;
  179. text-align:center;
  180. background:{color:Title Background};
  181. color:{color:title};
  182. }
  183.  
  184.  
  185. #desc {
  186. position:fixed;
  187. overflow:auto;
  188. background:{color:Description Background};
  189. color:{color:Description Text};
  190. word-wrap:break-word;
  191. width:100px;
  192. height:50px;
  193. padding:15px;
  194. top:200px;
  195. left:315px;
  196. font-size:9px;
  197. font-family:cambria;
  198. text-align:left;
  199. text-transform:uppercase;
  200. }
  201.  
  202. #title2 {
  203. position:fixed;
  204. top:347px;
  205. left:312px;
  206. width:129px;
  207. height:10px;
  208. background:#000;
  209. text-align:center;
  210. font-family:calibri;
  211. color:{color:second title};
  212. font-size:10px;
  213. text-transform:uppercase;
  214. padding:4px;
  215.  
  216.  
  217. }
  218.  
  219.  
  220. #home {
  221. position:fixed;
  222. margin-left:81px;
  223. margin-top:-33px;
  224.  
  225. }
  226.  
  227.  
  228. #home img {
  229. position:fixed;
  230. padding:4px;
  231. background:{color:Home button};
  232. -webkit-border-radius: 30px 30px 30px 30px;
  233. -moz-border-radius: 30px 30px 30px 30px;
  234. border-radius: 30px 30px 30px 30px;
  235.  
  236.  
  237. }
  238.  
  239. #home img:hover{
  240. webkit-box-shadow: 3px 3px 3px #7C7C7C;
  241. box-shadow: 3px 3px 3px #7C7C7C;
  242. }
  243.  
  244.  
  245. #nav {
  246. position:fixed;
  247. width:100px;
  248. height:100px;
  249. z-index:99999;
  250. margin-left:45px;
  251. margin-top:-150px;
  252. }
  253.  
  254. #nav img {
  255. display:inline-block;
  256. margin:5px;
  257. border:2px solid #ffffff;
  258. text-align:left;
  259. border-radius: 5px 5px 5px 5px;
  260. -webkit-border-radius: 5px 5px 5px 5px;
  261. -moz-border-radius: 5px 5px 5px 5px;
  262.  
  263.  
  264.  
  265. }
  266.  
  267.  
  268. #contain {
  269. max-width:500px;
  270. top:0px;
  271. margin-bottom:30px;
  272. margin-left:450px;
  273. }
  274.  
  275.  
  276. #posts {
  277. left:20px;
  278. margin:60px;
  279. width:400px;
  280. padding:15px;
  281. border:1px solid {color:Post Border};
  282. background:{color:Posts Background};
  283. color:{color:Post text};
  284.  
  285.  
  286. }
  287.  
  288.  
  289. #posts a{
  290. color:{color:Post Links Hover};
  291. }
  292.  
  293. #posts pre {
  294. white-space:pre-wrap;
  295. word-wrap:break-word;
  296.  
  297.  
  298. }
  299.  
  300. #posts img{
  301. max-width:100%;
  302.  
  303. }
  304.  
  305.  
  306. h1 {
  307. font-family:cambria;
  308. font-size:10px;
  309. text-align:center;
  310. }
  311.  
  312. h1 a{
  313. color:{color:Post Links};
  314. text-decoration:none;
  315.  
  316. }
  317.  
  318. #quotes {
  319. font-family:calibri;
  320. font-size:13px;
  321. text-align:center;
  322. letter-spacing:0px;
  323. text-transform:uppercase;
  324.  
  325. }
  326.  
  327. #audio {
  328. width:100%;
  329. margin-left:10px;
  330.  
  331. }
  332.  
  333.  
  334. .tumblr_audio_player {
  335. height: 40px;
  336. width: 350px;
  337. border:10px solid {color:Audio Border};
  338. }
  339.  
  340. #ask {
  341. padding:20px;
  342. background:{color:Question Background};
  343. color:{color:Question Text};
  344. font-size:11px;
  345. font-family:cambria;
  346.  
  347. }
  348.  
  349.  
  350. #asker {
  351. font-size:20px;
  352. background:{color:Asker Background};
  353. color:{color:Asker Text};
  354. font-family:helvetica;
  355. font-style:italic;
  356. font-weight:bold;
  357. text-align:right;
  358. letter-spacing:-2px;
  359. text-transform:uppercase;
  360.  
  361. }
  362.  
  363. #answers {
  364. Background:{color:Answer Background};
  365. Color:{color:Answer Text};
  366. padding:20px;
  367. font-size:11px;
  368. font-family:cambria;
  369. }
  370.  
  371. #caption {
  372. width:390;
  373. margin-top:7px;
  374. color:{color:Caption Text};
  375. background:{color:Caption Background};
  376. padding:10px;
  377. word-wrap:break-word;
  378. font-size:10px;
  379. font-family:cambria;
  380.  
  381. }
  382.  
  383. #caption img{
  384. width:400px;
  385. }
  386.  
  387. #info {
  388. width:400px;
  389. margin-left:0px;
  390. text-align:left;
  391. color:{color:Bullets};
  392. font-size:30px;
  393. font-family:Cambria;
  394. text-align:left;
  395.  
  396.  
  397. }
  398.  
  399. #info a:hover {
  400. color:{color:Bullets Hover};
  401.  
  402. }
  403.  
  404. #info a {
  405. color:{color:Bullets};
  406. }
  407.  
  408.  
  409. #moreinf a {
  410. position:relative;
  411. display:inline-block;
  412. margin-top:0px;
  413. margin-left:0px;
  414. color:{color:Bullets};
  415. font-size:30px;
  416. font-family:Cambria;
  417. text-align:left;
  418.  
  419. }
  420.  
  421. #moreinf a:hover{
  422. color:{color:Bullets Hover};
  423. }
  424.  
  425. #tags {
  426. width:400px;
  427. margin-left:0px;
  428. text-align:left;
  429. color:{color:Info Text};
  430. font-size:9px;
  431. font-family:calibri;
  432. text-align:left;
  433. text-transform:uppercase;
  434.  
  435. }
  436. #notecounts {
  437. color:{color:Post link};
  438. font-family:Cambria;
  439. font-size:10px;
  440. text-align:left;
  441. }
  442.  
  443. ol.notecounts {
  444. list-style-type:none;
  445. }
  446.  
  447. #s-m-t-tooltip {
  448. max-width:300px;
  449. margin-top:25px;
  450. margin-left:15px;
  451. padding-left:5px;
  452. padding-right:5px;
  453. padding-top:1px;
  454. padding-bottom:1px;
  455. z-index:999999;
  456. border:0px double #eee;
  457. background-color:#FFF;
  458. color:#888;
  459. font-family:cambria;
  460. font-size:9px;
  461. letter-spacing:1px;
  462. text-transform:lowercase;
  463. line-height:13px;
  464. border:3px double #eee;
  465.  
  466.  
  467.  
  468. }
  469.  
  470.  
  471. #pagination {
  472. position:fixed;
  473. margin-top:0px;
  474. margin-left:70px;
  475. font-size:30px;
  476. font-family:helvetica;
  477. color:{color:pagination};
  478. }
  479.  
  480. #bite
  481. #bite a{
  482. display:block;
  483. }
  484. #bite .death {
  485. margin-right:0px;filter: alpha(opacity = 0);
  486. opacity:0;-webkit-transition: all 0.7s ease-out;
  487. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  488. }
  489.  
  490. #bite:hover .death {
  491. margin-left:0px;
  492.  
  493. -webkit-transition: all 0.8s ease-out;
  494. -moz-transition: all 0.8s ease-out;
  495. transition: all 0.8s ease-out;
  496. filter: alpha(opacity = 100);
  497. filter: alpha(opacity = 100);
  498. opacity:8;
  499.  
  500. }
  501.  
  502. #thmcredit {
  503. position:fixed;
  504. z-index:99999;
  505. bottom:5px;
  506. right:10px;
  507. background:#ffffff;
  508. font-weight:bold;
  509. font-size:10px;
  510. color:#000000;
  511. font-family:Cambria;
  512.  
  513. </style>
  514.  
  515.  
  516.  
  517.  
  518.  
  519. <body>
  520.  
  521. <div id="desc">{description}</div>
  522.  
  523. <div id="bite">
  524. <div id="ios">
  525. <img src="http://static.tumblr.com/bj5zkci/QUtn0qscp/untitled-1_copy.png"></a>
  526.  
  527.  
  528. <div id="phone"><img src="{image:Phone Background}" height="243" style="max-width:137px"></a></div>
  529.  
  530. <div class="death">
  531.  
  532. <div id="nav">
  533.  
  534. <a href="{text:Nav 1 URL}" title="{text:link 1 title}"><img src="http://static.tumblr.com/bj5zkci/kTfn0riwd/1.png"></a>
  535.  
  536. <a href="{text:Nav 2 URL}" title="{text:link 2 title}"><img src="http://static.tumblr.com/bj5zkci/94Qn0rize/2.png"></a><br>
  537.  
  538. <a href="{text:Nav 3 URL}" title="{text:link 3 title}"><img src="http://static.tumblr.com/bj5zkci/8x6n0rj8o/3.png"></a>
  539.  
  540. <a href="{text:Nav 4 URL}" title="{text:link 4 title}"><img src="http://static.tumblr.com/bj5zkci/6hbn0rj8v/4.png"></a>
  541.  
  542.  
  543. </div>
  544. </div>
  545.  
  546. <div id="home">
  547. <a href="/"><img src="http://media.tumblr.com/tumblr_m39ujo40D71qhqvlp.png" title="refresh"></a></div>
  548.  
  549. {block:IfNotInfiniteScroll}
  550. <div id="pagination">
  551. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  552. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  553. </div>
  554. {/block:IfNotInfiniteScroll}
  555.  
  556.  
  557. <div id="title2"><img src="http://static.tumblr.com/bj5zkci/r2Hn0rcws/untitled-6_copy.png" style="float:left; margin-left:0px; margin-top:1px"></a>{text:second title}<img src="http://static.tumblr.com/bj5zkci/UXsn0rdbv/untitled-7.png" style="float:right; margin-top:1px;"></a></div>
  558.  
  559. <div id="unlock">{title}</div>
  560. </div>
  561. </div>
  562.  
  563.  
  564. <div id="contain">
  565. <div class ="autopagerize_page_element">
  566. {block:posts}
  567. <div id="posts">
  568. <div id="moreinf">
  569. <div style="text-align:right"><a href="{ReblogURL}" title="reblog">•</a>
  570.  
  571. {block:NoteCount}<a href="{Permalink}" title="{NoteCount}">•</a>{/block:NoteCount}<br><br>
  572. </div>
  573. </div>
  574.  
  575. {block:text}{block:title}<h1>{title}</h1>{/block:title}{body}{/block:text}
  576.  
  577. {block:photo}<img src="{PhotoURL-400}"/>
  578. {block:ifShowCaptions}
  579. {block:caption}<div id="caption">{Caption}</div>{/block:caption}
  580. {/block:ifShowCaptions}{/block:photo}
  581.  
  582. {block:Photoset}{Photoset-400}
  583. {block:ifShowCaptions}
  584. {block:caption}<div id="caption">{Caption}</div>{/block:caption}
  585. {/block:ifShowCaptions}{/block:Photoset}
  586.  
  587. {block:Quote}<div id="quotes">❝{Quote}❞</div> {block:Source}<div align="right"></div>{/block:Source}{/block:Quote}
  588.  
  589. {block:Link}
  590. <h1><a href="{URL}" target="{Target}">{Name}></a></h1>
  591. {block:Description}{Description}{/block:Description} {/block:Link}
  592.  
  593. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}
  594. {block:Lines}{block:Lable}<b>{Lable}</b>{/block:Lable}{Line}<br>{/block:Lines}{/block:Chat}
  595.  
  596. {block:Audio}<div id="audio">{AudioPlayerGrey}</div>
  597. {block:ifShowCaptions}{block:caption}<div id="caption">{Caption}</div>{/block:caption}{/block:ifShowCaptions}{/block:Audio}
  598.  
  599. {block:Video}{Video-400}
  600. {block:ifShowCaptions}{block:caption}<div id="caption">{Caption}</div>{/block:caption}{/block:ifShowCaptions}{/block:Video}
  601.  
  602. {block:Answer}
  603. <div id="asker">{Asker} ASKED </div></p>
  604. <div id="ask">
  605. {Question}</div>
  606. <div id="answers">{Answer}</div>
  607. {/block:Answer}
  608.  
  609.  
  610. <div id="info">
  611. {block:RebloggedFrom}
  612. <a href="{ReblogParentURL}" title="via:{ReblogParentName}">•</a>
  613. <a href="{ReblogRootURL}" title="source:{ReblogRootName}">•</a>
  614. {/block:RebloggedFrom}
  615. <div id="tags">
  616. {block:HasTags}{block:ifShowTags}{block:Tags}tagged: <a href="{TagURL}">ϟ{Tag}</a>
  617. {/block:Tags}{/block:ifShowTags} {/block:HasTags}
  618.  
  619. </div></div>
  620.  
  621. {block:PermalinkPage} {block:PostNotes}
  622. <div id="notecounts">{PostNotes}</div>
  623. {/block:PostNotes}{/block:PermalinkPage}
  624.  
  625. </div>
  626. {/block:posts}
  627.  
  628. </div>
  629. <div id="thmcredit">
  630. <a href="http://dohdoro.tumblr.com" title="theme credit">DTHM.</a></div>
  631.  
  632.  
  633. <div id="ccimage"><img src="{image:Corner Image}"</a></div>
  634. </body>
  635. </head>
  636. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!