API tools faq
paste
Advertisement
Owldolly

Aozora Theme

Owldolly
Jun 10th, 2013
15,636
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.14 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <!-- (c) Aozora Theme by Sapphire (http://owl-doll.tumblr.com) Do not steal or remove credit. If you have any questions feel free to contact me - http://owl-doll.tumblr.com/ask
  5. Enjoy ^o^
  6.  
  7.  
  8. Instructions to get audio player working -
  9.  
  10. 1. Check the box saying 'show audio player' under Appearance
  11.  
  12. 2. Go to http://www.sheepproductions.com/billy/
  13.  
  14. 3. Follow the instructions there and add the MP3s you want to the playlist.
  15.  
  16. 4. Click 'generate code'. Copy this code to clipboard.
  17.  
  18. 5. Now search the theme html (ctrl + f) for 'paste code from Billy Player here'
  19.  
  20. 6. Paste the code in its place.
  21.  
  22.  
  23. -->
  24.  
  25. <link href='http://fonts.googleapis.com/css?family=Roboto
  26.  
  27. +Condensed' rel='stylesheet' type='text/css'>
  28. <link rel="shortcut icon" href="{image:Favicon}" />
  29.  
  30. <meta name="image:Background" content="http://static.tumblr.com/vvvx9lt/SmWmo3iap/polaroid.png">
  31. <meta name="image:Sidebar" content="http://static.tumblr.com/vvvx9lt/hlFmo6iot/skyani.gif">
  32. <meta name="image:Favicon" content="http://static.tumblr.com/vvvx9lt/LgOmo74kx/cl.gif">
  33. <meta name="image:Pixel" content="http://static.tumblr.com/vvvx9lt/csQmo6ja4/star_12.gif">
  34. <meta name="image:Back to top" content="http://static.tumblr.com/vvvx9lt/6ZTmo73ou/06svgif_icon77777777817979787777787.gif">
  35. <meta name="if:Show Audio player" content="0"/>
  36. <meta name="if:Rounded images" content="1"/>
  37. <meta name="text:link 1 name" content="link 1 name">
  38. <meta name="text:link 1" content="http://">
  39. <meta name="text:link 2 name" content="link 2 name">
  40. <meta name="text:link 2" content="http://">
  41. <meta name="color:Sidebar Border" content="#fff">
  42. <meta name="color:Border" content="#a9b1f3">
  43. <meta name="color:Text" content="#a6a6a6">
  44. <meta name="color:Header" content="#868686">
  45. <meta name="color:Boxes" content="#fff">
  46. <meta name="color:Navigation" content="#fff">
  47. <meta name="color:Navigation hover" content="#a6a6a6">
  48. <meta name="color:Navigation background" content="#c7e4f8">
  49. <meta name="color:Links" content="#ffcccc">
  50. <meta name="color:Links hover" content="#c7e4f8">
  51. <meta name="color:Bar 1" content="#ffcccc">
  52. <meta name="color:Bar 2" content="#c7e4f8">
  53. <meta name="color:Bar 3" content="#a9b1f3">
  54. <meta name="color:Scrollbar 1" content="#c7e4f8">
  55. <meta name="color:Scrollbar 2" content="#fff">
  56.  
  57. <script src="http://static.tumblr.com/8jq17g7/e7bm0d3ib/ui.totop_jq
  58.  
  59. uery_easing.js" type="text/javascript"></script>
  60. <script type="text/javascript">
  61. $(document).ready(function() {
  62. $().UItoTop({ easingType:
  63.  
  64. 'easeOutQuart' });
  65. });
  66. </script>
  67.  
  68. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  69.  
  70. <style type="text/css">
  71.  
  72. #toTop {
  73. display:none;
  74. text-decoration:none;
  75. position:fixed;
  76. bottom:10px;
  77. right:10px;
  78. overflow:hidden;
  79. width:51px;
  80. height:51px;
  81. border:none;
  82. text-indent:-999px;
  83. background:url({image:Back to top}) no-repeat left
  84.  
  85. top;}
  86. #toTopHover {
  87. background:url({image:Back to top}) no-repeat left
  88.  
  89. -51px;
  90. width:51px;
  91. height:51px;
  92. display:block;
  93. overflow:hidden;
  94. float:left;
  95. opacity: 0;
  96. -moz-opacity: 0;
  97. filter:alpha(opacity=0);}
  98. #toTop:active, #toTop:focus {
  99. outline:none;}
  100.  
  101.  
  102. <title>{title}</title>
  103. <style type="text/css">
  104.  
  105. #navbar-iframe {
  106. display: none;
  107. }
  108.  
  109. body {
  110. background:url({image:Background});
  111. background-attachment: fixed;
  112. font-family: Roboto Condensed;
  113. font-size: 10px;
  114. text-align: center;
  115. }
  116.  
  117. a:link, a:visited {
  118. color: {color:links};
  119. text-decoration: none;
  120. -webkit-transition:0.7s;
  121. }
  122.  
  123. a:hover{
  124. text-decoration: none;
  125. color: {color:Links hover};
  126. -webkit-transition:0.7s;
  127. }
  128.  
  129. .title {
  130. color: {color:Header};
  131. font-family: Roboto Condensed;
  132. text-transform: lowercase;
  133. font-size:10px;
  134. line-height:17px;
  135. text-align: center;
  136. letter-spacing: 3px;
  137. border-bottom: 1px dashed {color:text};
  138. margin-bottom: 10px;
  139. }
  140.  
  141. a.nav {
  142. padding:2px;
  143. color: {color:Navigation};
  144. font-size:9px;
  145. background: {color:Navigation background};
  146. width: 210px;
  147. display: inline-block;
  148. text-align: center;
  149. margin-bottom: 3px;
  150. font-size: 10px;
  151. font-family: Roboto Condensed;
  152. -webkit-transition: 0.7s;
  153. letter-spacing: 1px;
  154. text-transform: lowercase;
  155. }
  156.  
  157. a.nav:hover {
  158. -webkit-transition: 0.7s;
  159. color: {color:Navigation Hover};
  160. }
  161.  
  162. .sidebar {
  163. background: {color:boxes};
  164. padding: 10px;
  165. position: fixed;
  166. width: 200px;
  167. top: 260px;
  168. left: 50px;
  169. color: {color:Text};
  170. line-height: 15px;
  171. border-radius: 10px;
  172. font-size: 10px;
  173. letter-spacing: 1px;
  174. }
  175.  
  176. #entry {
  177. width: 550px;
  178. background: {color:boxes};
  179. padding: 20px;
  180. color: {color:text};
  181. position: absolute;
  182. top: 20px;
  183. left: 400px;
  184. line-height: 15px;
  185. font-size: 10px;
  186. letter-spacing: 1px;
  187. border: 3px solid {color:Border};
  188. border-radius: 10px;
  189. }
  190.  
  191. .image {
  192. position: fixed;
  193. top: 20px;
  194. left: 50px;
  195. }
  196.  
  197. a.link:hover {
  198. -webkit-transition: 0.8s;
  199. color: {color:Links hover};
  200. -webkit-transition: opacity 0.7s linear;
  201. -webkit-transition: all 0.7s ease-in-out;
  202. -moz-transition: all 0.7s ease-in-out;
  203. -o-transition: all 0.7s ease-in-out ;}
  204.  
  205. .iconborder {
  206. background: {color:Sidebarborder};
  207. width: 100px;
  208. padding: 10px;
  209. }
  210.  
  211. .icon {
  212. width: 90px;
  213. margin-right: 5px;
  214. background: #eee;
  215. padding: 5px;
  216. }
  217.  
  218. img{
  219. opacity: 0.7;
  220. -webkit-transition: all .3s linear;
  221. -moz-transition: all .3s linear;
  222. transition: all .3s linear;
  223. }
  224.  
  225. {block:ifRoundedimages}
  226. img{
  227. -moz-border-radius: 10px;
  228. border-radius: 10px;{/block:ifRoundedimages}
  229. }
  230.  
  231. img:hover{
  232. opacity: 1.00;
  233. -webkit-transition: all .3s linear;
  234. -moz-transition: all .3s linear;
  235. transition: all .3s linear;
  236. }
  237.  
  238. ::-webkit-scrollbar {
  239. height: 12px;
  240. width: 8px;
  241. background: {color:Scrollbar 1};
  242. }
  243. ::-webkit-scrollbar-thumb {
  244. background-color: {color:Scrollbar 2};
  245. border: 1px solid {color:Scrollbar 1};
  246. }
  247.  
  248. </style>
  249. </head>
  250.  
  251. <div style="position: fixed; top: 0px; left: 330px; line-
  252.  
  253. height: 30px;"></div>
  254.  
  255. <div style="position: fixed; top: 410px; left: 50px;">
  256. <a class="nav" href="/">☆ Home</a><br>
  257. <a class="nav" href="{text:Link 1}">☆ {text:Link 1 name}</a> <br>
  258. <a class="nav" href="{text:Link 2}">☆ {text:Link 2 name}</a> <br>
  259. <a class="nav" href="/ask">☆ Ask</a> <br>
  260. <a class="nav" href="http://owl-doll.tumblr.com">☆ Credit</a></div>
  261.  
  262. <div class="image"><img style="width: 200px; height: 200px;
  263.  
  264. border: 10px
  265.  
  266. solid #fff; border-radius: 200px;"
  267.  
  268. src="{image:Sidebar}"></div>
  269.  
  270. <div style="background: {color:Bar 1}; position: fixed; top:
  271.  
  272. 0px;
  273.  
  274. left: 314px; width: 5px; height: 350px; border-bottom-left-
  275.  
  276. radius: 10px; border-bottom-right-radius: 10px;"></div>
  277.  
  278. <div style="background: {color:Bar 2}; position: fixed; top:
  279.  
  280. 0px;
  281.  
  282. left: 324px; width: 5px; height: 450px; border-bottom-left-
  283.  
  284. radius: 10px; border-bottom-right-radius: 10px;"></div>
  285. <div style="background: {color:Bar 3}; position: fixed; top:
  286.  
  287. 0px;
  288.  
  289. left: 334px; width: 5px; height: 400px; border-bottom-left-
  290.  
  291. radius: 10px; border-bottom-right-radius: 10px;"></div>
  292.  
  293. <tbody><tr>
  294.  
  295. <div class="sidebar">
  296.  
  297. <center><div class="title">{title}</div></center>
  298. <center>{description}</center>
  299.  
  300. </div>
  301.  
  302. {block:ifShowaudioplayer}
  303. <div style="position: fixed; top: 523px; left: 50px;
  304.  
  305. background: #fff; padding: 5px; width: 205px; color: #bbb;
  306.  
  307. font: 10px Roboto Condensed; letter-spacing: 1px; text-
  308.  
  309. align:
  310.  
  311. center;">
  312.  
  313. paste code from Billy Player here
  314.  
  315. </div>
  316.  
  317. {/block:ifShowaudioplayer}
  318.  
  319. </div>
  320.  
  321. <div id="entry">
  322. <div id="content">
  323.  
  324. {block:Posts}
  325.  
  326. <div class= "content">
  327. {block:Text}
  328. <a href="{Permalink}"><h2>{Title}</h2></a>
  329. {Body}
  330.  
  331. {/block:Text}
  332.  
  333.  
  334.  
  335. {block:Photo}
  336. <center>
  337. <img src="{PhotoURL-500}" alt="">
  338. {block:Caption}{Caption}{/block:Caption}
  339.  
  340. </center>
  341. {/block:Photo}
  342.  
  343.  
  344. {block:Photoset}
  345. <center>
  346. <div class="photoset">{Photoset-500}</div>
  347. {block:Caption}{Caption}{/block:Caption}
  348. {
  349. </center>
  350. {/block:Photoset}
  351.  
  352.  
  353. {block:Quote}
  354. <div id="quotemarkleft">“</div><div class="quote_
  355.  
  356. {Length}">{Quote}</div><div id="quotemarkright">”</div>
  357. {block:Source}<div class="source">- {Source}</div>
  358.  
  359. {/block:Source}
  360. {/block:Quote}
  361.  
  362.  
  363. {block:Link}
  364. <h1><a href="{URL}" target="{Target}">{Name}</a></h1>
  365. {block:Description}{Description}{/block:Description}
  366. {/block:Link}
  367.  
  368.  
  369. {block:Chat}
  370. {block:Title}<h1>{Title}</h1>{/block:Title}
  371. {block:Lines}
  372. {block:Label}
  373. <p><b>{Label}</b>
  374. {/block:Label}
  375. {Line}</p>
  376. {/block:Lines}
  377. {/block:Chat}
  378.  
  379. {block:Audio}
  380. <p><center>{AudioPlayerGrey}<br>
  381. <i>{FormattedPlayCount}</i> plays</center></p>
  382. {block:IfShowCaptions}{block:Caption}{Caption}
  383.  
  384. {/block:Caption}{/block:IfShowCaptions}
  385. {block:IfNotShowCaptions}{block:PermalinkPage}
  386.  
  387. {block:Caption}
  388. {Caption}
  389. {/block:Caption}{/block:PermalinkPage}
  390.  
  391. {/block:IfNotShowCaptions}
  392. {/block:Audio}
  393.  
  394. {block:Video}
  395. {Video-500}
  396. <p><center><i>{FormattedPlayCount}</i> plays</center>
  397. {block:IfShowCaptions}{block:Caption}{Caption}
  398.  
  399. {/block:Caption}{/block:IfShowCaptions}
  400. {block:IfNotShowCaptions}{block:PermalinkPage}
  401.  
  402. {block:Caption}
  403. {Caption}
  404. {/block:Caption}{/block:PermalinkPage}
  405.  
  406. {/block:IfNotShowCaptions}
  407. {/block:Video}
  408.  
  409. {block:Answer}
  410. <div class="ask">
  411. <center>
  412. <h3>{Asker} whispered,</h3>
  413. <p>{Question}</p>
  414. <br>------------<br>
  415. </div>
  416. {Answer}</center>
  417. {/block:Answer}
  418. </div>
  419.  
  420. <center>{block:Date}<div class="notecount">
  421. <a href="{Permalink}">{DayOfMonthWithZero} {Month}
  422.  
  423. {Year}</a>{/block:Date}{block:NoteCount} &middot;
  424.  
  425. {NoteCountWithLabel} <img src="{image:Pixel}">
  426.  
  427. {/block:NoteCount}
  428.  
  429. {block:IfReblogLink} &middot; <a
  430.  
  431. href="{ReblogURL}">Reblog</a>{/block:IfReblogLink}<br />
  432. {block:IfShowTags}{block:HasTags}{block:Tags}#<a
  433.  
  434. class="tag" href="{TagURL}">{Tag}</a>&nbsp;
  435.  
  436. {/block:Tags}{/block:HasTags}
  437.  
  438. {/block:IfShowTags}</center>
  439. <br><br>
  440.  
  441. {block:PermalinkPage}
  442. <center>{block:RebloggedFrom}--> <a
  443.  
  444. href="{ReblogRootURL}">
  445.  
  446. {ReblogRootName}</a> (via <a href="{ReblogParentURL}">
  447.  
  448. {ReblogParentName}</a>) {/block:RebloggedFrom}
  449.  
  450. {block:HasTags}
  451.  
  452. <br><br>Tagged: {block:Tags}<a href="{TagURL}">
  453.  
  454. {Tag}.</a> {/block:Tags}{/block:HasTags}<br><br>
  455. </center>
  456. {block:PostNotes}
  457. <div id ="yer">{PostNotes}</div>
  458. {/block:PostNotes}
  459. </div>
  460. {/block:PermalinkPage}
  461.  
  462. {/block:Posts}
  463.  
  464. </div></div></div>
  465. </div>
  466. </body>
  467. </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!