Advertisement
Owldolly

Azayaka Theme

Nov 3rd, 2012
12,990
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.89 KB | None | 0 0
  1. <head>
  2. <!-- (c) Azayaka theme by Sapphire (http://owl-doll.tumblr.com)
  3. Do not steal or redistribute. If you have any questions feel free to contact me - http://owl-doll.tumblr.com/ask
  4. -->
  5.  
  6. <title>{title}</title>
  7.  
  8. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  9. <meta name="color:header" content="#da93f5">
  10. <meta name="color:scrollbar" content="#fcd7e5">
  11. <meta name="color:text" content=#ffcde0">
  12. <meta name="color:borders" content="#fcd7e5">
  13. <meta name="color:links" content="#da93f5">
  14. <meta name="color:navigation" content="#b6ffd9">
  15. <meta name="color:navigation text color" content="#666666">
  16. <meta name="color:links hover" content="#da93f5">
  17. <meta name="text:tumblr url" content="write your url here">
  18. <meta name="text:link 1 name" content="link 1 name">
  19. <meta name="text:link 1" content="http://">
  20. <meta name="text:link 2 name" content="link 2 name">
  21. <meta name="text:link 2" content="http://">
  22. <meta name="text:link 3 name" content="link 3 name">
  23. <meta name="text:link 3" content="http://">
  24. <meta name="image:wrapper" content="http://static.tumblr.com/vvvx9lt/E5Gmcwtcf/34ziolf.jpg"/>
  25. <meta name="image:Background" content="http://static.tumblr.com/vvvx9lt/as0mcntsl/tumblr_m2vmnkwr191qdlkyg.gif"/>
  26. <meta name="image:Sidebar" content="http://static.tumblr.com/vvvx9lt/EwZmcnu09/tumblr_m66jfqubft1rolwjoo1_500.png"/>
  27. <meta name="if:Faded Images" content="1"/>
  28.  
  29. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  30.  
  31. <link href='http://fonts.googleapis.com/css?family=Give+You+Glory' rel='stylesheet' type='text/css'>
  32. <title>{Title}</title>
  33.  
  34. <style type="text/css">
  35.  
  36. @font-face {
  37. font-family:Tinytots;
  38. src: url(http://static.tumblr.com/vvvx9lt/wYnm4sxza/tinytots.ttf);
  39. }
  40.  
  41. }
  42. cd{
  43. font-family: "Give You Glory";
  44. font-size: 20px;
  45. }
  46. @font-face { font-family: "throwmyhandsupintheair"; src: url('http://static.tumblr.com/vvvx9lt/t5hmcnt6v/throwmyhandsupintheair.ttf');} throw {font-family: "throwmyhandsupintheair"; font-size:50px; z-index:1;position: fixed !important; color: white;}
  47. ::-webkit-scrollbar-thumb:vertical {
  48. background-color:{color:scrollbar};
  49. -moz-border-radius:10px;
  50. -webkit-border-radius:10px;
  51. }
  52.  
  53. ::-webkit-scrollbar {
  54. width:7px;
  55. height:5px;
  56. background-color:#fff;
  57. -moz-border-radius:10px;
  58. -webkit-border-radius:10px;
  59. }
  60.  
  61. {block:ifFadedImages}
  62. img{
  63. -webkit-transition: opacity 0.3s linear;
  64. opacity: 0.70;
  65. }
  66.  
  67. img:hover{
  68. -webkit-transition: opacity 0.7s linear;
  69. opacity: 1;
  70. }
  71. {/block:ifFadedImages}
  72.  
  73. body {
  74. margin:0px;
  75. background-color: white;
  76. background-image:url({image:Background});
  77. background-attachment: fixed;
  78. background-repeat: repeat;
  79. }
  80.  
  81. body, div, p, textarea, submit, input{
  82. font-family: tinytots;
  83. font-size: 8px;
  84. line-height:11px;
  85. letter-spacing:0px;
  86. color: {color:text};
  87. }
  88.  
  89. p {
  90. margin:0px;
  91. margin-top:1px;
  92. }
  93.  
  94. a:link, a:active, a:visited{
  95. color: {color:links};
  96. text-decoration: none;
  97. }
  98.  
  99. a:hover {
  100. color: {color:links hover};
  101. text-decoration: none;
  102. -moz-transition:.4s linear;
  103. -webkit-transition:.2s linear;
  104. }
  105.  
  106. div#cage{
  107. margin:auto;
  108. position:relative;
  109. width:900px;
  110. overflow:hidden;
  111. color: {color:text};
  112. _margin-left: 10%;
  113. }
  114.  
  115. div#center{
  116. margin:auto;
  117. position:relative;
  118. width:900px;
  119. background-color: transparent;
  120. overflow:hidden;
  121. overflow-x:hidden;
  122. }
  123.  
  124. div#content{
  125. float:right;
  126. width:415px;
  127. padding:9px;
  128. margin-top: 15px;
  129. margin-right: 213px;
  130. margin-bottom:20px;
  131. background:white;
  132. height: 400px;
  133. overflow:scroll;
  134. overflow-x:hidden;
  135. border-top: 1px solid {color:borders};
  136. border-bottom: 1px solid {color:borders};
  137. border-left: 1px solid {color:borders};
  138. border-right: 1px solid {color:borders};
  139. z-index: 999;
  140. }
  141.  
  142. div#murasaki{
  143. font-family: "throwmyhandsupintheair";
  144. font-size:75px;
  145. z-index:999;
  146. position: fixed !important;
  147. color: white;
  148. text-shadow: 0 0 3px {color:header};
  149. width: 815px;
  150. margin-left: 40px;
  151. background: transparent;
  152. margin-top: -10px;
  153. text-align: right;
  154. position: fixed !important;
  155. }
  156.  
  157. #entry{
  158. width: 400px;
  159. margin-bottom: 4px;
  160. background: white;
  161. padding: 1px;
  162. border: 1px solid {color:borders};
  163. z-index: 888;
  164. }
  165.  
  166. div#sidebar{
  167. position:fixed !important;
  168. width: 190px;
  169. height: 413px;
  170. margin-top: 15px;
  171. margin-left:18px;
  172. padding: 3px;
  173. font-size: 8px;
  174. line-height:8px;
  175. margin-bottom: 6px;
  176. background-color:white;
  177. border-top: 1px solid {color:borders};
  178. border-bottom: 1px solid {color:borders};
  179. border-left: 1px solid {color:borders};
  180. z-index: 888;
  181. }
  182.  
  183. div#navibox{
  184. width: 190px;
  185. height: 413px;
  186. border-top: 1px solid {color:borders};
  187. border-bottom: 1px solid {color:borders};
  188. border-right: 1px solid {color:borders};
  189. position:fixed !important;
  190. margin-left: 648px;
  191. margin-top: 15px;
  192. background: white;
  193. padding: 3px;
  194. z-index: 888;
  195. }
  196.  
  197. div#wrap{
  198. background:url({image:wrapper});
  199. width: 861px;
  200. height: 448px;
  201. position:fixed !important;
  202. border: 1px solid {color:borders};
  203. margin-left: 230px;
  204. margin-top: 75px;
  205. }
  206.  
  207. div.aka a{
  208. text-align: center;
  209. padding:3px;
  210. color: {color:navigation text color};
  211. background: white;
  212. margin-right:1px;
  213. margin-bottom:1px;
  214. width: 130px;
  215. font-family: tinytots;
  216. font-size: 8px;
  217. display: inline-block;
  218. border-left: 15px solid {color:navigation};
  219. border-right: 1px solid {color:navigation};
  220. border-bottom: 1px solid {color:navigation};
  221. border-top: 1px solid {color:navigation};
  222. -webkit-transition: all 0.5s linear;
  223. -moz-transition: all 0.5s linear;
  224. transition: all 0.5s linear;
  225. }
  226.  
  227. div.aka a:hover{
  228. border-top: 1px solid {color:navigation};
  229. border-bottom: 1px solid {color:navigation};
  230. border-left: 1px solid {color:navigation};
  231. border-right: 15px solid {color:navigation};
  232. -webkit-transition: all 0.5s linear;
  233. -moz-transition: all 0.5s linear;
  234. transition: all 0.5s linear;
  235. }
  236.  
  237. .ask {
  238. -moz-border-radius: 10px;
  239. -webkit-border-radius: 10px;
  240. background:#fff0fd;
  241. padding:10px;
  242. padding-left:-20px;
  243. position:relative;
  244. width: 340px;
  245. border: 1px dashed {color:borders};
  246. color: white;
  247. }
  248.  
  249. #postnotes{ text-align: center}
  250.  
  251. #postnotes blockquote{ border: 0px;}
  252.  
  253. .title{ font-family: throwmyhandsupintheair; font-size: 20px; line-height: 10px; color: {color:title}; letter-spacing: 1; font-weight: none; }
  254.  
  255. blockquote{padding:0px 0px 2px 5px; margin:0px 0px 2px 1px; border-left: 1px dashed {color:borders}; }
  256.  
  257. blockquote p, ul{margin:0px; padding:0px; }
  258.  
  259. a img{border: 0px;}
  260.  
  261. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  262.  
  263. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  264. .user_7 .label, .user_8 .label, .user_9 .label {color: {color:text};}
  265.  
  266. .notes img{width:10px; position:relative; top:3px;}
  267.  
  268. .permalink{ display: block; font-family: tinytots; font-size: 8px; text-align: right; background:white; border-top: 1px dashed {color:borders};}
  269.  
  270. div.video embed,
  271. div.post div.video object {width:300px; height:210px;}
  272.  
  273. small{font-size: 90%;}
  274.  
  275. </style>
  276. </head>
  277. <body>
  278. <div id="wrap">
  279. <div id="murasaki">
  280. {Title}
  281. </div>
  282. <div id="cage">
  283. <div id="center">
  284. <div id="sidebar">
  285. <br><br>
  286. </center>
  287. <img src="{image:sidebar}" width=190px>
  288. <br><br>
  289. <center>
  290. <div style="overflow:scroll; overflow-x:hidden; width: 180px; height: 225px; text-align: center;">
  291. {Description}
  292.  
  293. <br>{block:PreviousPage}
  294. <a href="{PreviousPage}">&#171; Previous</a>
  295. {/block:PreviousPage}
  296.  
  297. {block:NextPage}
  298. <a href="{NextPage}">Next &#187;</a>
  299. {/block:NextPage}
  300.  
  301. </div>
  302. <div align="left">
  303. </div>
  304. </div>
  305.  
  306. <div id="navibox">
  307. <center>
  308. <br><br>
  309.  
  310. <div class="aka">
  311. <a href="/">Home</a><br>
  312. <a href="{text:link 1}">{text:link 1 name}</a><br>
  313. <a href="{text:link 2}">{text:link 2 name}</a><br>
  314. <a href="{text:link 3}">{text:link 3 name}</a><br>
  315. <a href="http://owl-doll.tumblr.com/tagged/mythemes">Theme</a><br>
  316. <br>
  317. <br>
  318. <iframe frameborder="0" border="0" scrolling="no" width="183" height="260" allowtransparency="true" src="http://www.tumblr.com/ask_form/{text:tumblr url}.tumblr.com" style"background-color:transparent; overflow:hidden;"></iframe><br><br>
  319. <br><br>
  320. </div>
  321. </div>
  322. </div>
  323. </div>
  324.  
  325. <div id="content">
  326. {block:Posts}
  327. <div id="entry">
  328.  
  329. {block:Text}
  330. {block:Title}<span class="title"><center>{Title}</span><br><br><div style="font-family: tinytots; font-size: 8px;"></center><br>{/block:Title}
  331. <span class="entrytext">{Body}</span>{/block:Text}
  332.  
  333. {block:Link}
  334. <a href="{URL}" class="title">{Name}</a><br>
  335. {block:Description}{Description}{/block:Description}
  336. {block:Link}
  337.  
  338. {block:Photo}
  339. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=400px/>{LinkCloseTag}
  340. {/block:Photo}
  341.  
  342. {block:Quote}
  343. {Quote}</span>
  344. {block:Source}<b>{Source}</b>{/block:Source}
  345. {/block:Quote}
  346.  
  347. {block:Chat}
  348. {block:Title}<span class="title">{Title}</span>{/block:Title}
  349. <ul class="chat">
  350. {block:Lines}
  351. <li class="user_{UserNumber}">
  352. {block:Label}
  353. <span class="label">{Label}</span>
  354. {/block:Label}
  355.  
  356. {Line}
  357. </li>
  358. {/block:Lines}
  359. {/block:Chat}
  360.  
  361. {block:Audio}
  362. <centeR><div style="width:300px; height:30px;"><div style="float:left">{AudioPlayerWhite}</div><div style="margin-top:10px; float:right;">
  363. {block:ExternalAudio} // <a href="{ExternalAudioURL}">Download?</a>{/block:ExternalAudio}</div></div></centeR>
  364. {/block:Audio}
  365.  
  366. {block:Video}<center>
  367. <div class="video">{Video-400}</div></center>
  368. {block:Video}
  369.  
  370. {block:Answer}
  371. <br><br><center><cd>{Asker} says</cd><br><div class="ask"> {Question}</div>
  372. <br><br>{Answer}</center><br>
  373. {/block:Answer}
  374.  
  375. <span class="permalink"<a href="{Permalink}"> <a href="{Permalink}">{DayOfMonthWithZero} {Month} {ShortYear} - {NoteCountWithLabel}</a> {block:PostNotes}{PostNotes}{/block:PostNotes}</span><center>
  376.  
  377. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}{/block:PermalinkPage}
  378.  
  379. </div>
  380. {/block:Posts}
  381. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement