API tools faq
paste
dawnne

theme 04; secret

dawnne
May 24th, 2014
2,850
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.22 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!-- THEME 04 BY XIAO QI --- ***milksin.tumblr.com***
  3.  
  4. hi beautiful !! a few things to note ;
  5.  
  6. do not use as base;
  7.  
  8. tweak the codes however you want but
  9.  
  10. please do not remove the credit or move it to a page.
  11.  
  12. if there are any glitches in this theme please message me off anon and
  13.  
  14. i'll try to correct it right away !
  15.  
  16. thank youuu and enjoy the theme !! ≧◔◡◔≦ -->
  17. <html>
  18. <head>
  19. <title>{title}{block:PostSummary}; {PostSummary}{/block:PostSummary}
  20. </title>
  21. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  22. <link rel="shortcut icon" href="{Favicon}" />
  23.  
  24. <meta name="image:background img" content=""/>
  25. <meta name="image:bottom" content=""/>
  26.  
  27. <meta name="color:background" content="#ffffff"/>
  28. <meta name="color:body" content="#949494"/>
  29. <meta name="color:links" content="#949494"/>
  30. <meta name="color:links hover" content="#000000"/>
  31. <meta name="color:border" content="#dcdcdc"/>
  32. <meta name="color:tags" content="#000000"/>
  33. <meta name="color:infobox 1" content="#c0c0c0"/>
  34. <meta name="color:infobox 1 hover" content="#ffffff"/>
  35. <meta name="color:infobox 2" content="#949494"/>
  36. <meta name="color:infobox 2 hover" content="#ffffff"/>
  37. <meta name="color:scrollbar" content="#000000"/>
  38. <meta name="color:scrollbar bg" content="#ffffff"/>
  39. <meta name="color:Tooltip BG" content="#ffffff"/>
  40. <meta name="color:Tooltip Text" content="#949494"/>
  41.  
  42. <meta name="if:show title" content="1"/>
  43. <meta name="if:show captions" content="0"/>
  44. <meta name="if:show tags" content="1"/>
  45. <meta name="if:hover tags" content="1"/>
  46. <meta name="if:hover sidelinks" content="1"/>
  47. <meta name="if:monochrome" content="0"/>
  48. <meta name="if:post fade" content="1"/>
  49.  
  50. <meta name="text:desc" content="You are flowers in my stomach. Cutting me open nightly, blooming through the cracks of the ribs. I only want to be the sun for you."/>
  51. <meta name="text:bottom img width" content="400"/>
  52. <meta name="text:link1" content=""/>
  53. <meta name="text:link1 url" content="/"/>
  54. <meta name="text:link2" content=""/>
  55. <meta name="text:link2 url" content="/"/>
  56. <meta name="text:link3" content=""/>
  57. <meta name="text:link3 url" content="/"/>
  58. <meta name="text:link4" content=""/>
  59. <meta name="text:link4 url" content="/"/>
  60. <meta name="text:link5" content=""/>
  61. <meta name="text:link5 url" content="/"/>
  62.  
  63.  
  64. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  65. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  66. <script>
  67. (function($){
  68. $(document).ready(function(){
  69. $("a[title]").style_my_tooltips({
  70. tip_follows_cursor:true,
  71. tip_delay_time:90,
  72. tip_fade_speed:300,
  73. attribute:"title"
  74. });
  75. });
  76. })(jQuery);
  77. </script>
  78.  
  79. <style type="text/css">
  80.  
  81. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.2;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }
  82.  
  83. iframe#tumblr_controls:hover { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:1; }
  84.  
  85. ::-webkit-scrollbar {
  86. width: 5px; height: 4px; background:{color:Scrollbar BG};
  87. }
  88.  
  89. ::-webkit-scrollbar-thumb {
  90. background-color:{color:Scrollbar};
  91. }
  92.  
  93. #s-m-t-tooltip {
  94. max-width:300px;
  95. background-color:{color:Tooltip BG};
  96. border:1px solid {color:border};
  97. font-size:9px;
  98. font-style:italic;
  99. color:{color:Tooltip Text};
  100. letter-spacing:2px;
  101. text-transform:auto;
  102. padding:3px 3px 3px 4px;
  103. margin:25px 0px 0px 20px;
  104. z-index:9999999999999999999999;
  105.  
  106. }
  107.  
  108. body {
  109. font-family:arial;
  110. font-size:9px;
  111. background-color:{color:background};
  112. word-wrap:break-word;
  113. margin:0;
  114. background-image:url('{image:background img}');
  115. background-attachment:fixed;
  116. color:{color:body};
  117. }
  118. a {
  119. text-decoration:none;
  120. color:{color:links};
  121. -webkit-transition: opacity 0.6s linear;
  122. -webkit-transition: all 0.6s ease-in-out;
  123. -moz-transition: all 0.6s ease-in-out;
  124. -o-transition: all 0.6s ease-in-out;
  125. }
  126. a:hover {
  127. color:{color:links hover};
  128. -webkit-transition: opacity 0.6s linear;
  129. -webkit-transition: all 0.6s ease-in-out;
  130. -moz-transition: all 0.6s ease-in-out;
  131. -o-transition: all 0.6s ease-in-out;
  132. }
  133. .title{
  134. font-family:cambria;
  135. font-size:14px;
  136. text-shadow:1px 1px gray;
  137. text-align:left;
  138. font-style:italic;
  139. letter-spacing:1px;
  140. padding-bottom:2px;
  141. }
  142. #sidebar{
  143. width:325px;
  144. position:fixed;
  145. }
  146. #sidebarc{
  147. width:150px;
  148. margin-top:100px;
  149. margin-left:70px;
  150. padding:0px 15px 10px 15px;
  151. }
  152. #desc1{
  153. height:auto;
  154. margin-top:0px;
  155. margin-left:29px;
  156. z-index:999;
  157. width:120px;
  158. font-size:8px;
  159. font-style:italic;
  160. line-height:10px;
  161. letter-spacing:1px;
  162. font-family:cambria;
  163. -webkit-transition: all 0.8s linear;
  164. -webkit-transition: all 0.8s ease-in-out;
  165. -moz-transition: all 0.8s ease-in-out;
  166. -o-transition: all 0.8s ease-in-out;
  167. }
  168. #sidelinks{
  169. width:120px;
  170. text-align:center;
  171. letter-spacing:2px;
  172. line-height:15px;
  173. margin-left:28px;
  174. font-size:10px;
  175. {block:ifhoversidelinks}
  176. opacity:0;
  177. margin-top:0px;
  178. {/block:ifhoversidelinks}
  179. -webkit-transition: all 0.8s linear;
  180. -webkit-transition: all 0.8s ease-in-out;
  181. -moz-transition: all 0.8s ease-in-out;
  182. -o-transition: all 0.8s ease-in-out;
  183. }
  184. #desc:hover #sidelinks{
  185. opacity:1;
  186. margin-top:8px;
  187. -webkit-transition: all 0.8s linear;
  188. -webkit-transition: all 0.8s ease-in-out;
  189. -moz-transition: all 0.8s ease-in-out;
  190. -o-transition: all 0.8s ease-in-out;
  191. }
  192. #maincontent{
  193. margin:0px 0px 0px 235px;
  194. width:220px;
  195. padding:40px 90px 40px 70px;
  196. overflow:scroll;
  197. overflow-x:hidden;
  198. position:fixed;
  199. height:65%;
  200. top:11%;
  201. z-index:999;
  202. }
  203. #maincontent blockquote{
  204. border-left:1px solid {color:border};
  205. padding:2px 2px 2px 10px;
  206. }
  207. #posts{
  208. width:250px;
  209. padding:15px 0px 15px 0px;
  210. text-align:left;
  211. {block:ifmonochrome}
  212. -webkit-filter: grayscale(100%);
  213. -moz-filter: grayscale(100%);
  214. -o-filter: grayscale(100%);
  215. {/block:ifmonochrome}
  216. {block:ifpostfade}
  217. opacity:.8;
  218. {/block:ifpostfade}
  219. -webkit-transition: opacity 0.4s linear;
  220. -webkit-transition: all 0.4s ease-in-out;
  221. -moz-transition: all 0.4s ease-in-out;
  222. -o-transition: all 0.4s ease-in-out;
  223. }
  224. #posts:hover{
  225. opacity:1;
  226. -webkit-filter: grayscale(0%);
  227. -moz-filter: grayscale(0%);
  228. -o-filter: grayscale(0%);
  229. -webkit-transition: opacity 0.4s linear;
  230. -webkit-transition: all 0.4s ease-in-out;
  231. -moz-transition: all 0.4s ease-in-out;
  232. -o-transition: all 0.4s ease-in-out;
  233. }
  234. .infobox{
  235. margin-left:265px;
  236. margin-top:-38px;
  237. }
  238. #sqr{
  239. width:10px;
  240. height:10px;
  241. background-color:{color:infobox 1};
  242. padding:2px;
  243. margin-left:-14px;
  244. margin-top:-24px;
  245. opacity:0;
  246. -webkit-transition: all 0.5s linear;
  247. -webkit-transition: all 0.5s ease-in-out;
  248. -moz-transition: all 0.5s ease-in-out;
  249. -o-transition: all 0.5s ease-in-out;
  250. }
  251. #sqr:hover{
  252. background-color:{color:infobox 1 hover};
  253. }
  254. #sqp{
  255. width:10px;
  256. height:10px;
  257. background-color:{color:infobox 2};
  258. margin-top:-6px;
  259. padding:2px;
  260. margin-left:-14px;
  261. opacity:0;
  262. -webkit-transition: all 0.5s linear;
  263. -webkit-transition: all 0.5s ease-in-out;
  264. -moz-transition: all 0.5s ease-in-out;
  265. -o-transition: all 0.5s ease-in-out;
  266. }
  267. #sqp:hover{
  268. background-color:{color:infobox 2 hover};
  269. }
  270. #posts:hover #sqp{
  271. margin-left:-5px;
  272. opacity:1;
  273. -webkit-transition: all 0.5s linear;
  274. -webkit-transition: all 0.5s ease-in-out;
  275. -moz-transition: all 0.5s ease-in-out;
  276. -o-transition: all 0.5s ease-in-out;
  277. }
  278. #posts:hover #sqr{
  279. margin-left:-5px;
  280. opacity:1;
  281. -webkit-transition: all 0.5s linear;
  282. -webkit-transition: all 0.5s ease-in-out;
  283. -moz-transition: all 0.5s ease-in-out;
  284. -o-transition: all 0.5s ease-in-out;
  285. }
  286. .tags {
  287. font-size:9px;
  288. text-align:center;
  289. margin-top:3px;
  290. {block:ifhovertags}
  291. opacity:0;
  292. {/block:ifhovertags}
  293. -webkit-transition: opacity 1s linear;
  294. -webkit-transition: all 1s ease-in-out;
  295. -moz-transition: all 1s ease-in-out;
  296. -o-transition: all 1s ease-in-out;
  297. }
  298. .tags a {
  299. color:{color:tags};
  300. }
  301. .tags a:hover {
  302. text-decoration:none;
  303. color:white;
  304. }
  305. #posts:hover .tags{
  306. opacity:1;
  307. -webkit-transition: opacity 1s linear;
  308. -webkit-transition: all 1s ease-in-out;
  309. -moz-transition: all 1s ease-in-out;
  310. -o-transition: all 1s ease-in-out;
  311. }
  312. #pagi{
  313. font-size:24px;
  314. letter-spacing:5px;
  315. text-align:center;
  316. width:250px;
  317. z-index:9;
  318. margin-bottom:-100px;
  319. }
  320. #quote {
  321. font-family:Cambria;
  322. font-style:italic;
  323. font-size:12px;
  324. }
  325. #quotesrc {
  326. text-align:right;
  327. font-family:arial;
  328. font-size:8px;
  329. }
  330. #question {
  331. font-family:cambria;
  332. font-style:italic;
  333. font-size:10px;
  334. text-align:right;
  335. border-bottom:1px solid {color:border};
  336. padding:8px 10px 8px 10px;
  337. opacity:.9
  338. }
  339. #question a {
  340. text-decoration:none;
  341. color:{color:links};
  342. font-size:12px;
  343. }
  344. #question a:hover {
  345. text-decoration:none;
  346. color:{color:links hover};
  347. }
  348. #asker {
  349. font-size:11px;
  350. }
  351. #notecontainer{
  352. width:250px;
  353. text-align:left;
  354. }
  355. #notecontainer ol.notes {
  356. list-style-type: none;
  357. margin: 0;
  358. padding: 0;
  359. }
  360. #notecontainer img.avatar {
  361. margin-right: 8px;
  362. width: 16px;
  363. height: 16px;
  364. }
  365. </style>
  366. </head>
  367.  
  368. <body>
  369.  
  370. <div id="sidebar">
  371. <div id="sidebarc">
  372. <div id="desc">
  373. <div id="desc1">
  374. <div class="title">
  375. {block:ifshowtitle}<a href="/">{title}</a><br><br>{/block:ifshowtitle}
  376. </div>
  377. {text:desc}
  378. </div>
  379. <div id="sidelinks">
  380. {block:iflink1}<a href="{text:link1 url}" title="{text:link1}">i.</a>{/block:iflink1}
  381. {block:iflink2}<a href="{text:link2 url}" title="{text:link2}">ii.</a>{/block:iflink2}
  382. {block:iflink3}<a href="{text:link3 url}" title="{text:link3}">iii.</a>{/block:iflink3}
  383. {block:iflink4}<a href="{text:link4 url}" title="{text:link4}">iv.</a>{/block:iflink4}
  384. {block:iflink5}<a href="{text:link5 url}" title="{text:link5}">v.</a>{/block:iflink5}
  385. </div>
  386. </div>
  387. </div>
  388. </div>
  389. <div id="maincontent">
  390. <center><div id="allposts">
  391. {block:Posts}
  392. <div id="posts">
  393.  
  394. {block:Photo}
  395. {LinkOpenTag}<img src="{PhotoURL-250}"/>{LinkCloseTag}
  396.  
  397. {/block:Photo}
  398.  
  399. {block:Photoset}
  400. {Photoset-250}
  401. {/block:Photoset}
  402.  
  403. {block:Text}
  404. {block:Title}<div class="title">{Title}</div><br />{/block:Title}
  405. {Body}
  406. {/block:Text}
  407.  
  408. {block:Quote}
  409. <div id="quote">“{Quote}”</div>
  410. {block:Source}<br /><div id="quotesrc">{Source}</div>{/block:Source}
  411. {/block:Quote}
  412.  
  413. {block:Answer}
  414. <div id="question">
  415. {Asker}<p>{Question}</p>
  416. </div>
  417. {Answer}
  418. {/block:Answer}
  419.  
  420. {block:Audio}<div id="audioplayer">
  421. {AudioPlayerWhite}
  422. {block:IfNotShowCaption}
  423. <div id="audioplayerr">
  424. {block:TrackName}
  425. {TrackName}
  426. {/block:TrackName}
  427. {block:Artist}
  428. - {Artist}
  429. {/block:Artist}
  430. </div>
  431. {/block:ifNotShowCaption}
  432. </div>
  433. {/block:Audio}
  434.  
  435. {block:Link}
  436. <div class="title"><a href="{URL}" >{Name}</a></div>
  437. {block:Description}<br>{Description}{/block:Description}
  438. {/block:Link}
  439.  
  440. {block:Chat}
  441. {block:Title}{Title}<br>{/block:Title}
  442. {block:Lines}
  443. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br>
  444. {/block:Lines}
  445. {/block:Chat}
  446.  
  447. {block:Video}
  448. {Video-250}
  449. {/block:Video}
  450.  
  451.  
  452. {block:indexpage}
  453. {block:ifShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  454. <div class="infobox">
  455. <a href="{ReblogURL}" target="_blank" title="reblog?"><div id="sqr"></div></a><br>
  456. <a href="{Permalink}" title="posted {TimeAgo} with {NoteCountWithLabel}"><div id="sqp"></div></a></div><p>
  457. {block:IfShowTags}{block:HasTags}<div class="tags"><a style="color:{color:links};"></a>{block:Tags}<a href="{TagURL}"> <small>#</small>{Tag} </a>{/block:Tags}</div>{/block:HasTags}{/block:IfShowTags}</p>
  458. {/block:indexpage}
  459.  
  460. {block:permalinkpage}<p>{block:Caption}{Caption}{/block:Caption}</p>
  461. <p style="text-align:center">
  462. {block:Date}{DayOfMonthWithZero} {Month} {Year}{/block:Date}{block:NoteCount}<br>
  463. {NoteCountWithLabel}
  464. {/block:NoteCount}
  465. {block:HasTags}<br><i>Tags: </i>{block:Tags}<a href="{TagURL}"> {Tag}. </a>{/block:Tags}{/block:HasTags}
  466. {block:RebloggedFrom}<br><i>Via: </i><a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  467. {block:ContentSource}<br><i>Origin: </i><a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}</p>
  468. {/block:permalinkpage}
  469.  
  470. </div>
  471. {block:PostNotes}
  472. <div id="notecontainer">{PostNotes}</div>
  473. {/block:PostNotes}
  474. {/block:Posts}
  475. </div></center>
  476. <div id="pagi">
  477. {block:PreviousPage}<a href="{PreviousPage}" title="backward"> - </a>{/block:PreviousPage}
  478.  
  479. {block:NextPage}<a href="{NextPage}" title="forward"> + </a>{/block:NextPage}</div>
  480. </div>
  481. <img src="{image:bottom}" style="bottom:0px;right:0px;position:fixed;width:{text:bottom img width}px;z-index:9;"/>
  482.  
  483.  
  484. <!-- i worked hard on this theme so please don't remove the credit or move it to a page. just dont touch it. i hope you understand. -->
  485. <a style="position:fixed;bottom:10px;right:10px;width:11px;height:11px;background-color:{color:background};border:1px solid {color:body}" href="http://milksin.tumblr.com" title="theme by xiao qi"/>
  486.  
  487. </body>
  488. </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!