API tools faq
paste
Advertisement
kingdap

Dawn

kingdap
Oct 10th, 2013
2,042
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.65 KB | None | 0 0
raw download clone embed print report
  1. <!-------------------------------------------------------------------------
  2. Dawn by megidolaon-for-everyone
  3.  
  4. Credits:
  5. Back to Top: manatopia
  6. First Letter: pohroro
  7. Barlink: pohroro
  8.  
  9. Please keep the credits intact! You're free to make changes to the
  10. theme, but only for personal use.
  11.  
  12. -------------------------------------------------------------------------->
  13.  
  14. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  15.  
  16. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  17.  
  18. <head>
  19.  
  20. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  21.  
  22. <meta name= "image:Background" content="http://static.tumblr.com/f981a6a6b5d183a0f6634314d90bbbc5/fp8s385/34amryhyx/tumblr_static_bg.png">
  23. <meta name= "image:Topbar" content="http://static.tumblr.com/f981a6a6b5d183a0f6634314d90bbbc5/fp8s385/34amryhyx/tumblr_static_bg.png">
  24. <meta name= "image:Sidebar" content="http://static.tumblr.com/728f4afeb5d9bc20540b0bf93cf42a5c/fp8s385/B5Zmubfn5/tumblr_static_luhan.jpg">
  25. <meta name= "image:Top" content="http://static.tumblr.com/bc0edfc77e94ec9d3caa46a038a7fc60/fp8s385/YDzmua991/tumblr_static_tele.png">
  26.  
  27. <meta name= "color:Background" content="#fff">
  28. <meta name= "color:Post Background" content="#ffffff">
  29. <meta name= "color:Post Border" content="#ccc">
  30. <meta name= "color:Links" content="#ec9f9f">
  31. <meta name= "color:Link Hover Text" content="#e07070">
  32. <meta name= "color:Link Hover BG" content="#fff">
  33. <meta name= "color:Links Hover" content="#929292">
  34.  
  35. <meta name= "color:Barlink" content="#494949">
  36. <meta name= "color:Barlink Hover" content="#bbb">
  37. <meta name= "color:Topbar" content="#fff">
  38. <meta name= "color:Description" content="#9b9b9b">
  39. <meta name= "color:First Letter" content="#911010">
  40. <meta name= "color:Description Link" content="#420505">
  41. <meta name= "color:Description Link Hover" content="#9b9b9b">
  42. <meta name= "color:Topbar Link" content="#909191">
  43. <meta name= "color:Topbar Link Hover" content="#eeecec">
  44. <meta name= "color:Title" content="#aaa">
  45. <meta name= "color:Title Hover" content="#ccc">
  46.  
  47. <meta name= "color:Text" content="#929292">
  48. <meta name= "color:Emphasis Text" content="#d2d2d2">
  49. <meta name= "color:Blockquote BG" content="#ccc">
  50. <meta name= "color:Post Title" content="#b64a4a">
  51. <meta name= "color:Link Post" content="#b64a4a">
  52. <meta name= "color:Link Post Hover" content="#dfdcdd">
  53. <meta name= "color:Audio Label" content="#777575">
  54. <meta name= "color:Icon Border" content="#ccc">
  55.  
  56. <meta name="color:Permalink" content="#6f6f6f">
  57. <meta name="color:Permalink BG" content="#ccc">
  58. <meta name="color:Permalink Hover" content="#ccc">
  59. <meta name= "color:Tags" content="#ee8c8c">
  60. <meta name= "color:Tags Link" content="#adacac">
  61. <meta name= "color:Tags Hover" content="#dbdada">
  62. <meta name= "color:Pagination" content="#696767">
  63. <meta name= "color:Pagination Hover" content="#ddd">
  64.  
  65. <meta name= "color:Chat Text 1" content="#888">
  66. <meta name= "color:Chat Text 2" content="#d3d3d3">
  67.  
  68. <meta name= "color:Scrollbar" content="#aaa8a8">
  69. <meta name= "color:Scrollbar Background" content="#ffffff">
  70.  
  71. <meta name="if:400 Post" content="1">
  72. <meta name="if:Music Player" content="1">
  73. <meta name="if:Hover Description" content="1">
  74. <meta name="if:Show Tags" content="1">
  75. <meta name="if:Infinite Scroll" content="1">
  76. <meta name="if:Captions" content="0">
  77. <meta name="if:Month Day Year" content="0">
  78. <meta name="if:Day Month Year" content="0">
  79. <meta name="if:Year Month Day" content="1">
  80. <meta name="if:12 Hour Time" content="0">
  81. <meta name="if:Monochrome" content="0">
  82.  
  83. <meta name="text:Link 1" content="Link 1"/>
  84. <meta name="text:Link 1 URL" content="/"/>
  85. <meta name="text:Link 2" content="Link 2"/>
  86. <meta name="text:Link 2 URL" content="/"/>
  87. <meta name="text:Link 3" content="Link 3"/>
  88. <meta name="text:Link 3 URL" content="/"/>
  89. <meta name="text:Link 4" content="Link 4"/>
  90. <meta name="text:Link 4 URL" content="/"/>
  91. <meta name="text:Link 5" content="Link 5"/>
  92. <meta name="text:Link 5 URL" content="/"/>
  93. <meta name="text:Sidebar Left" content="-800px"/>
  94. <meta name="text:Music Code" content=""/>
  95.  
  96. <title>{Title}</title>
  97.  
  98. <link rel="shortcut icon" href="{Favicon}" />
  99.  
  100. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  101.  
  102. <link href='http://fonts.googleapis.com/css?family=Libre+Baskerville:400italic' rel='stylesheet' type='text/css'>
  103.  
  104. <style type= "text/css">
  105.  
  106. ::-webkit-scrollbar-thumb:vertical {
  107. background-color:{color:Scrollbar};
  108. }
  109.  
  110. ::-webkit-scrollbar-thumb:horizontal {
  111. background-color:{color:Scrollbar};
  112. }
  113.  
  114. ::-webkit-scrollbar {
  115. background-color:{color:Scrollbar};
  116. border: 2px solid {color:Scrollbar Background};
  117. height:5px;
  118. width:5px;
  119. }
  120.  
  121. body {
  122. background-attachment: fixed;
  123. background-image: url('{image:Background}');
  124. background-color: {color:Background};
  125. font-family: Calibri;
  126. font-size: 11px;
  127. letter-spacing: 0px;
  128. margin-left: 0px;
  129. margin-top: 0px;
  130. }
  131.  
  132. a:link, a:active, a:visited {
  133. text-decoration:none;
  134. color: {color:Links};
  135. -webkit-transition: all 0.5s ease-out;
  136. -moz-transition: all 0.5s ease-out;
  137. -o-transition: all 0.5s ease-out;
  138. }
  139.  
  140. a:hover {
  141. color: {color:Links Hover};
  142. }
  143.  
  144. b, strong, .strong, i, em, .em {
  145. color:{color:Emphasis Text};
  146. }
  147.  
  148. blockquote {
  149. background-color: {color:Blockquote BG};
  150. border-left: 2px solid {color:Text};
  151. margin: 0;
  152. padding: 3px;
  153. margin-left: 25px;
  154. margin-top: 10px;
  155. margin-bottom: 10px;
  156. }
  157.  
  158. iframe#tumblr_controls{
  159. position: fixed;
  160. right: 0px;
  161. top: 0px;
  162. white-space:nowrap;
  163. -webkit-filter: invert(100%);
  164. -moz-filter: invert(100%);
  165. -o-filter: invert(100%);
  166. -ms-filter: invert(100%);
  167. filter: invert(100%);
  168. opacity:0.9;
  169. }
  170.  
  171. #s-m-t-tooltip {
  172. display: block;
  173. text-transform: lowercase;
  174. background: {color:Link Hover BG};
  175. font-size: 8.5px;
  176. line-height: 10px;
  177. letter-spacing: 1px;
  178. color:{color:Link Hover Text};
  179. max-width: 250px;
  180. word-wrap: break-word;
  181. padding:1px 4px ;
  182. margin: 21px 1px 1px 15px;
  183. z-index: 999999;
  184. text-align:left;
  185. font-style:italic
  186. }
  187.  
  188. /*TITLE*/
  189. .title {
  190. padding: 0px 5px;
  191. width: 170px;
  192. font-family: times new roman;
  193. font-style: italic;
  194. text-align: center;
  195. font-size: 18px;
  196. margin-top: 7px;
  197. letter-spacing: 1px;
  198. }
  199.  
  200. .title a {
  201. color: {color:Title};
  202. -webkit-transition: all 0.6s ease-out;
  203. -moz-transition: all 0.6s ease-out;
  204. -o-transition: all 0.6s ease-out;
  205. }
  206.  
  207. .title a:hover {
  208. color: {color:Title Hover};
  209. }
  210.  
  211. /*SIDEBAR*/
  212. #side {
  213. width: 180px;
  214. z-index: 0;
  215. margin-left: {text:Sidebar Left};
  216. margin-top: 30px;
  217. }
  218.  
  219. .sideimg img {
  220. width: 180px;
  221. background-color: transparent;
  222. z-index: 0;
  223. -webkit-transition: all 0.6s ease-in-out;
  224. -moz-transition: all 0.6s ease-in-out;
  225. -o-transition: all 0.6s ease-in-out;
  226. -ms-transition: all 0.6s ease-in-out;
  227. transition: all 0.6s ease-in-out;
  228. }
  229.  
  230. #krees {
  231. height: 0px;
  232. position: fixed;
  233. width: 100%;
  234. z-index: 1;
  235. background: transparent;
  236. }
  237.  
  238. /*LINKS*/
  239. #nlink {
  240. position: fixed;
  241. margin-top: 0px;
  242. margin-bottom: 7px;
  243. width: 100%;
  244. left: 0px;
  245. height: 5px;
  246. z-index: 5;
  247. }
  248.  
  249. #nlink a {
  250. width: 15%;
  251. margin-left: -1px;
  252. margin-right: -2px;
  253. background: {color:Barlink};
  254. height: 5px;
  255. display: inline-block;
  256. -webkit-transition: all 0.5s ease-out;
  257. -moz-transition: all 0.5s ease-out;
  258. -o-transition: all 0.5s ease-out;
  259. }
  260.  
  261. #nlink a:hover {
  262. background: {color:Barlink Hover};
  263. }
  264.  
  265.  
  266. /*NAVIGATION*/
  267. #navagain {
  268. top: 0px;
  269. height: 20px;
  270. width: 100%;
  271. padding: 5px 5px 5px 0px;
  272. position: fixed;
  273. opacity: 0.9;
  274. z-index:9999999999999999;
  275. }
  276.  
  277. #navwoo {
  278. background-color: {color:Topbar};
  279. background-image: url('{image:Topbar}');
  280. margin-top: -5px;
  281. width: 75%;
  282. padding: 6px 0px 6px 0px;
  283. text-align: center;
  284. z-index: 5;
  285. }
  286.  
  287. .nav {
  288. font-family: Libre Baskerville;
  289. font-size: 8px;
  290. display: inline-block;
  291. margin-left: 7px;
  292. margin-right: 3px;
  293. letter-spacing: 2px;
  294. }
  295.  
  296. .nav a {
  297. color: {color:Topbar Link};
  298. }
  299.  
  300. .nav a:hover {
  301. color: {color:Topbar Link Hover};
  302. }
  303.  
  304. /*DESCRIPTION*/
  305. .desc {
  306. position: fixed;
  307. text-align: justify;
  308. font-family: cambria;
  309. font-style: italic;
  310. z-index: 5;
  311. line-height: 12px;
  312. overflow: auto;
  313. font-size: 11px;
  314. word-wrap: break-word;
  315. opacity: 1;
  316. overflow: visible;
  317. color: {color:Description};
  318. width: 170px;
  319. padding: 0px 5px 0px 5px;
  320. margin-top: -3px;
  321. }
  322.  
  323. .desc:first-letter {
  324. margin-right: 0px;
  325. margin-top: -5px;
  326. text-align: center;
  327. font-size: 15px;
  328. text-transform: UPPERCASE;
  329. color: {color:First Letter};
  330. line-height: 12px;
  331. }
  332.  
  333. .desc a {
  334. color: {color:Description Link};
  335. -webkit-transition: all 0.6s ease-out;
  336. -moz-transition: all 0.6s ease-out;
  337. -o-transition: all 0.6s ease-out;
  338. }
  339.  
  340. .desc a:hover {
  341. color: {color:Description Link Hover};
  342. }
  343.  
  344. #xiaolu {
  345. z-index:1;
  346. {block:ifnotHoverDescription}
  347. opacity: 1;
  348. margin-top: 5px;
  349. {/block:ifnotHoverDescription}
  350. {block:ifHoverDescription}
  351. opacity: 0;
  352. margin-top: -65px;
  353. {/block:ifHoverDescription}
  354. -webkit-transition: all 0.8s ease-in-out;
  355. -moz-transition: all 0.8s ease-in-out;
  356. -o-transition: all 0.8s ease-in-out;
  357. -ms-transition: all 0.8s ease-in-out;
  358. transition: all 0.8s ease-in-out;
  359. }
  360.  
  361. #side:hover #xiaolu {
  362. opacity: 1;
  363. margin-top: 5px;
  364. }
  365.  
  366. /*POST*/
  367. #content {
  368. margin-top: 70px;
  369. margin-bottom: 20px;
  370. text-align: left;
  371. z-index: 999999999999999;
  372. {block:ifnot400Post}
  373. width: 530px;
  374. {/block:ifnot400Post}
  375. {block:if400Post}
  376. width: 430px;
  377. {/block:if400Post}
  378. {block:ifMusicPlayer}
  379. margin-top: 120px;
  380. {/block:ifMusicPlayer}
  381. }
  382.  
  383. .posts {
  384. padding: 10px;
  385. font-family: Calibri;
  386. font-size: 11px;
  387. text-align: left;
  388. letter-spacing: 0px;
  389. line-height: 15px;
  390. border: 1px solid {color:Post Border};
  391. {block:IndexPage}
  392. margin-bottom: 65px;
  393. {/block:IndexPage}
  394. {block:PermalinkPage}
  395. margin-bottom: 10px;
  396. {/block:PermalinkPage}
  397. {block:if400Post}
  398. width: 400px;
  399. {/block:if400Post}
  400. {block:ifnot400Post}
  401. width: 500px;
  402. {/block:ifnot400Post}
  403. color: {color:Text};
  404. z-index: 999999999999999999999;
  405. background-color: {color:Post Background};
  406. }
  407.  
  408. /*TEXT*/
  409. .ttitle {
  410. font-family: Libre Baskerville;
  411. font-size: 12px;
  412. font-style: italic;
  413. line-height: 20px;
  414. letter-spacing: 1px;
  415. text-align: center;
  416. color: {color:Post Title};
  417. }
  418.  
  419. /*CAPTIONS*/
  420. .caption {
  421. margin-top: -5px;
  422. margin-bottom:-14px;
  423. }
  424.  
  425. /*LINK*/
  426. .ltitle {
  427. font-family: Libre Baskerville;
  428. font-size: 12px;
  429. font-style: italic;
  430. letter-spacing: 1px;
  431. line-height: 20px;
  432. text-align: center;
  433. padding-bottom: 1px;
  434. padding-right: 5px;
  435. margin-bottom: -8px;
  436. color: {color:Link Post};
  437. -webkit-transition: all 0.7s linear;
  438. -moz-transition: all 0.7s linear;
  439. -o-transition: all 0.7s linear;
  440. }
  441.  
  442. .ltitle a {
  443. color: {color:Link Post};
  444. }
  445.  
  446. .ltitle a:hover {
  447. border-bottom: transparent;
  448. color: {color:Link Post Hover};
  449. }
  450.  
  451. /*CHAT*/
  452. .line.even {
  453. padding: 3px 0px 3px 3px;
  454. border-bottom: 1px solid {color:Text};
  455. color: {color:Chat Text 2};
  456. }
  457.  
  458. .line.odd {
  459. padding: 3px 0px 3px 3px;
  460. border-bottom: 1px solid {color:Text};
  461. color: {color:Chat Text 1};
  462. }
  463.  
  464. /*QUOTE*/
  465. .quote {
  466. font-family: Libre Baskerville;
  467. font-style: italic;
  468. line-height: 20px;
  469. font-size: 18px;
  470. text-align: center;
  471. text-transform: none;
  472. padding: 5px 10px 5px 3px;;
  473. }
  474.  
  475. .source {
  476. font-style: italic;
  477. text-align: center;
  478. padding-top: 5px;
  479. }
  480.  
  481. /*AUDIO*/
  482. .album {
  483. width: 100px;
  484. height: 100px;
  485. overflow: hidden;
  486. background-color: transparent;
  487. }
  488.  
  489. .album img {
  490. width: 78px;
  491. height: 78px;
  492. overflow: hidden;
  493. }
  494.  
  495. .player {
  496. width: 10px;
  497. height: 10px;
  498. overflow: hidden;
  499. padding: 4px 21px 21px 4px;
  500. margin-top: 23px;
  501. margin-left: 23px;
  502. position: absolute;
  503. background-color: #fff;
  504. opacity: 0.4;
  505. z-index: 10;
  506. -webkit-transition: all 0.4s linear;
  507. -moz-transition: all 0.4s linear;
  508. -o-transition: all 0.4s linear;
  509. }
  510.  
  511. .album:hover .player {
  512. opacity: 0.8;
  513. }
  514.  
  515. #info {
  516. font-size: 10px;
  517. letter-spacing: 1px;
  518. position: absolute;
  519. float: left;
  520. {block:if400Post}
  521. width: 310px;
  522. {/block:if400Post}
  523. {block:ifnot400Post}
  524. width: 410px;
  525. {/block:ifnot400Post}
  526. margin-top: -100px;
  527. margin-left: 88px;
  528. }
  529.  
  530. #info b {
  531. font-size: 9px;
  532. color: {color:Audio Label};
  533. text-transform: UPPERCASE;
  534. letter-spacing: 2px;
  535. }
  536.  
  537. .track {
  538. padding: 5px 0px 5px 5px;
  539. border: 1px solid {color:Post Border};
  540. margin-bottom: -1px;
  541. }
  542.  
  543. .artist {
  544. padding: 5px 0px 5px 5px;
  545. border: 1px solid {color:Post Border};
  546. margin-bottom: -1px;
  547. }
  548.  
  549. .albumm {
  550. padding: 5px 0px 5px 5px;
  551. border: 1px solid {color:Post Border};
  552. margin-bottom: -1px;
  553. }
  554.  
  555. /*ASK*/
  556. #ask {
  557. font-style: italic;
  558. text-align: center;
  559. padding: 5px 0px;
  560. font-family: libre baskerville;
  561. font-size: 12px;
  562. line-height: 15px;
  563. font-style: italic;
  564. {block:if400Post}
  565. width: 400px;
  566. height: auto;
  567. {/block:if400Post}
  568. {block:ifnot400Post}
  569. width: 500px;
  570. height: auto;
  571. {/block:ifnot400Post}
  572. color: {color:Text};
  573. }
  574.  
  575. .portrait {
  576. margin-top: 0px;
  577. z-index: 33;
  578. }
  579.  
  580. .portrait img {
  581. z-index: 33;
  582. width: 30px;
  583. height: 30px;
  584. padding: 5px;
  585. border: 1px solid {color:Icon Border};
  586. }
  587.  
  588. /*PERMALINK*/
  589. #perm {
  590. line-height: 12px;
  591. font-family: trebuchet ms;
  592. font-size: 8px;
  593. letter-spacing: 2px;
  594. padding: 0px 5px 0px 5px;
  595. opacity: 0;
  596. z-index: 88;
  597. text-transform: UPPERCASE;
  598. text-align: left;
  599. position: absolute;
  600. max-width: 100px;
  601. {block:if400Post}
  602. margin-left: 410px;
  603. {/block:if400Post}
  604. {block:ifnot400Post}
  605. margin-left: 510px;
  606. {/block:ifnot400Post}
  607. color: {color:Permalink};
  608. -webkit-transition: all 0.5s linear;
  609. -moz-transition: all 0.5s linear;
  610. -o-transition: all 0.5s linear;
  611. }
  612.  
  613. .date {
  614. color: {color:Permalink};
  615. padding: 0px 0px 1px 3px;
  616. line-height: 13px;
  617. background-color: {color:Permalink BG};
  618. margin-left: -25px;
  619. width: 100px;
  620. opacity: 0;
  621. -webkit-transition: all 0.5s linear;
  622. -moz-transition: all 0.5s linear;
  623. -o-transition: all 0.5s linear;
  624. }
  625.  
  626. .date a {
  627. color: {color:Permalink};
  628. -webkit-transition: all 0.5s linear;
  629. -moz-transition: all 0.5s linear;
  630. -o-transition: all 0.5s linear;
  631. }
  632.  
  633. .date a:hover {
  634. color: {color:Permalink Hover};
  635. }
  636.  
  637. .posts:hover .date {
  638. opacity: 1;
  639. margin-left: -4px;
  640. }
  641.  
  642. .perma {
  643. opacity: 0;
  644. margin-top: -20px;
  645. -webkit-transition: all 0.8s linear;
  646. -moz-transition: all 0.8s linear;
  647. -o-transition: all 0.8s linear;
  648. }
  649.  
  650. .posts:hover .perma {
  651. opacity: 1;
  652. margin-top: 0px;
  653. }
  654.  
  655. .perma a {
  656. color: {color:Permalink};
  657. -webkit-transition: all 0.5s linear;
  658. -moz-transition: all 0.5s linear;
  659. -o-transition: all 0.5s linear;
  660. }
  661.  
  662. .perma a:hover {
  663. color: {color:Permalink Hover};
  664. }
  665.  
  666. .posts:hover #perm {
  667. opacity: 0.9;
  668. }
  669.  
  670. /*TAGS*/
  671. #bacon {
  672. position: absolute;
  673. opacity: 0;
  674. word-wrap: break-word;
  675. text-align: left;
  676. font-family: calibri;
  677. text-transform: UPPERCASE;
  678. font-size: 8px;
  679. line-height:10px;
  680. letter-spacing: 1px;
  681. color:{color:Tags};
  682. {block:if400Post}
  683. max-width: 400px;
  684. width: 400px;
  685. {/block:if400Post}
  686. {block:ifnot400Post}
  687. max-width: 500px;
  688. width: 500px;
  689. {/block:ifnot400Post}
  690. -webkit-transition: all 0.6s ease-out;
  691. -moz-transition: all 0.6s ease-out;
  692. -o-transition: all 0.6s ease-out;
  693. }
  694.  
  695. .posts:hover #bacon {
  696. opacity: 1;
  697. margin-top: 15px;
  698. -webkit-transition: all 0.6s ease-out;
  699. -moz-transition: all 0.6s ease-out;
  700. -o-transition: all 0.6s ease-out;
  701. }
  702.  
  703. #bacon a {
  704. color:{color:Tags Link};
  705. }
  706.  
  707. #bacon a:hover {
  708. color:{color:Tags Hover};
  709. }
  710.  
  711. #tag {
  712. padding: 10px;
  713. position: static;
  714. margin-top: 0px;
  715. opacity: 0;
  716. word-wrap: break-word;
  717. {block:ifnot400Post}
  718. max-width: 500px;
  719. width: 500px;
  720. {/block:ifnot400Post}
  721. {block:if400Post}
  722. width: 400px;
  723. max-width: 400px;
  724. {/block:if400Post}
  725. font-size: 7px;
  726. letter-spacing: 2px;
  727. text-transform: UPPERCASE;
  728. font-family: trebuchet ms;
  729. text-align: center;
  730. -webkit-transition: all 0.4s ease-in-out;
  731. -moz-transition: all 0.4s ease-in-out;
  732. -o-transition: all 0.4s ease-in-out;
  733. -ms-transition: all 0.4s ease-in-out;
  734. transition: all 0.4s ease-in-out;
  735. }
  736.  
  737. #content:hover #tag {
  738. opacity: 1;
  739. }
  740.  
  741. /*PAGINATION*/
  742. .pagi {
  743. text-align: center;
  744. margin-top: 5px;
  745. margin-left: -5px;
  746. }
  747.  
  748. .pagi a {
  749. color:{color:Description Link};
  750. }
  751.  
  752. .pagi a:hover {
  753. color: {color:Description Link Hover};
  754. }
  755.  
  756. /*ZOOM*/
  757. #scrollToTop:link, #scrollToTop:visited {
  758. font-size: 30px;
  759. background-color: transparent;
  760. display: none;
  761. position: fixed;
  762. bottom: 5px;
  763. right: 10px;
  764. border: 0px transparent;
  765. opacity: 1;
  766. }
  767.  
  768. #scrollToTop:hover {
  769. opacity: 0.7;
  770. border: 0px transparent;
  771. }
  772.  
  773. /*PERMALINK PAGE*/
  774. ol.notes {
  775. font-style: italic;
  776. padding: 0px;
  777. margin: 25px 0px;
  778. list-style-type: none;
  779. border-bottom: solid 1px #ccc;
  780. }
  781.  
  782. ol.notes li.note {
  783. border-top: solid 1px #ccc;
  784. padding: 10px;
  785. }
  786.  
  787. ol.notes li.note img.avatar {
  788. vertical-align: -4px;
  789. margin-right: 10px;
  790. width: 16px;
  791. height: 16px;
  792. }
  793.  
  794. ol.notes li.note span.action {
  795. font-weight: normal;
  796. }
  797.  
  798. ol.notes li.note .answer_content {
  799. font-weight: normal;
  800. }
  801.  
  802. ol.notes li.note blockquote {
  803. border-color: #eee;
  804. padding: 4px 10px;
  805. margin: 10px 0px 0px 25px;
  806. }
  807.  
  808. ol.notes li.note blockquote a {
  809. text-decoration: none;
  810. }
  811.  
  812. .notess {
  813. height: 300px;
  814. overflow-y: auto;
  815. font-family: Calibri;
  816. text-align: left;
  817. font-size: 11px;
  818. padding: 10px;
  819. border: 1px solid {color:Post Border};
  820. background-color: {color:Post Background};
  821. color: {color:Text};
  822. {block:if400Post}
  823. width: 400px;
  824. {/block:if400Post}
  825. {block:ifnot400Post}
  826. width:500px;
  827. {/block:ifnot400Post}
  828. }
  829.  
  830. .stuff {
  831. font-family: libre baskerville;
  832. font-size: 10px;
  833. font-style: italic;
  834. text-transform: lowercase;
  835. margin-top: -3px;
  836. letter-spacing: 1px;
  837. }
  838.  
  839. .stuff:hover {
  840. cursor: default;
  841. }
  842.  
  843. .stuff a {
  844. color: {color:Text};
  845. }
  846.  
  847. .stuff a:hover {
  848. color: {color:Text};
  849. }
  850.  
  851. /*MONOCHROME*/
  852. .photo {
  853. filter: url("data:image/svg+xml;utf8,<svg xmlns=’http://www.w3.org/2000/svg’><filter id=’grayscale’><feColorMatrix type=’matrix’ values=’0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0’/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  854. filter: gray; /* IE6-9 */
  855. -webkit-filter: grayscale(1);
  856. -webkit-transition: all 0.5s ease-in-out;
  857. -moz-transition: all 0.5s ease-in-out;
  858. -o-transition: all 0.5s ease-in-out;
  859. -ms-transition: all 0.5s ease-in-out;
  860. transition: all 0.5s ease-in-out;
  861. }
  862.  
  863. .photo:hover{
  864. filter: none;
  865. -webkit-filter: grayscale(0);
  866. -webkit-transition: all 0.7s ease-in-out;
  867. -moz-transition: all 0.7s ease-in-out;
  868. -o-transition: all 0.7s ease-in-out;
  869. }
  870.  
  871. /*MUSIC PLAYER*/
  872. .mus {
  873. opacity: 1;
  874. margin-top: -10px;
  875. z-index: 1;
  876. -webkit-transition: all 0.6s ease-in-out;
  877. -moz-transition: all 0.6s ease-in-out;
  878. -o-transition: all 0.6s ease-in-out;
  879. -ms-transition: all 0.6s ease-in-out;
  880. transition: all 0.6s ease-in-out;
  881. }
  882.  
  883. .billyplayer {
  884. margin-left: 140px;
  885. width: 200px;
  886. height: 20px;
  887. overflow: hidden;
  888. margin-top: 10px;
  889. margin-bottom: -30px;
  890. opacity: 0;
  891. z-index:9999999999999999999999999999999999999999999999999999999999999;
  892. -webkit-transition: all 0.6s ease-in-out;
  893. -moz-transition: all 0.6s ease-in-out;
  894. -o-transition: all 0.6s ease-in-out;
  895. -ms-transition: all 0.6s ease-in-out;
  896. transition: all 0.6s ease-in-out;
  897. }
  898.  
  899. .billyplayer:hover {
  900. opacity: 1;
  901. }
  902.  
  903. </style>
  904.  
  905. </head>
  906.  
  907. <body>
  908. <center>
  909.  
  910.  
  911. <center>
  912. <div id="krees">
  913. <div id="side">
  914.  
  915. <div class="sideimg">
  916. <a href="/">
  917. {block:ifMonochrome}
  918. <div class="photo">
  919. <img src="{image:Sidebar}">
  920. </div>
  921. {/block:ifMonochrome}
  922.  
  923. {block:ifnotMonochrome}
  924. <img src="{image:Sidebar}">
  925. {/block:ifnotMonochrome}
  926. </a>
  927. </div>
  928.  
  929. <div class="title"><a href="/">{Title}</a></div>
  930.  
  931.  
  932. <div id="xiaolu">
  933.  
  934. <div class="desc">
  935. {block:Description}
  936. {Description}
  937. {/block:Description}
  938.  
  939. {block:IfNotInfiniteScroll}
  940. {block:IndexPage}
  941. {block:Pagination}
  942. <div class="pagi">
  943. {block:PreviousPage}
  944. <a class="jump_page" href="{PreviousPage}">«</a>
  945. {/block:PreviousPage}
  946. &nbsp
  947.  
  948. {CurrentPage}/{TotalPages}
  949. &nbsp
  950. {block:NextPage}
  951. <a class="jump_page" href="{NextPage}">»</a>
  952. {/block:NextPage}
  953. </div>
  954. {/block:Pagination}
  955. {/block:IndexPage}
  956. {/block:IfNotInfiniteScroll}
  957.  
  958. </div>
  959. </div>
  960. </div>
  961. </div>
  962. </center>
  963.  
  964. <center>
  965. <div id="navagain">
  966.  
  967. <div id="navwoo">
  968.  
  969. {block:ifMusicPlayer}
  970.  
  971. <center>
  972. <div class="billyplayer">
  973. {text:Music Code}
  974. </div>
  975. <div class="mus">
  976. <img src="http://static.tumblr.com/iuggpng/7ORm8s3bu/musicplayericon.gif">
  977. </div>
  978. </center>
  979. {/block:ifMusicPlayer}
  980.  
  981. <div class="nav">
  982. <a href="/">HOME</a>
  983. </div>
  984.  
  985. <div class="nav">
  986. <a href="/ask">INBOX</a>
  987. </div>
  988.  
  989. <div class="nav">
  990. <a href="/archive">PAST</a>
  991. </div>
  992.  
  993. <div class="nav">
  994. <a href="http://mfe-themes.tumblr.com/">THEME</a>
  995. </div>
  996.  
  997. <div id="nlink">
  998.  
  999. <a href="{text:Link 1 URL}" title="{text:Link 1}" style="opacity: 0.2"></a>
  1000. <a href="{text:Link 2 URL}" title="{text:Link 2}" style="opacity: 0.4"></a>
  1001. <a href="{text:Link 3 URL}" title="{text:Link 3}" style="opacity: 0.6"></a>
  1002. <a href="{text:Link 4 URL}" title="{text:Link 4}" style="opacity: 0.8"></a>
  1003. <a href="{text:Link 5 URL}" title="{text:Link 5}" style="opacity: 1.0"></a>
  1004.  
  1005. </div>
  1006.  
  1007.  
  1008. </div>
  1009. </div>
  1010. </center>
  1011.  
  1012. <div id="content">
  1013.  
  1014. {block:Posts}
  1015.  
  1016. {block:IfInfiniteScroll}
  1017. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  1018. <script src="http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js" type="text/javascript"></script>
  1019. {/block:IfInfiniteScroll}
  1020.  
  1021. <div class="posts">
  1022.  
  1023. {block:IndexPage}
  1024.  
  1025. <div id="perm">
  1026. <div class="date">
  1027. {block:Date}
  1028. {block:ifMonthDayYear}
  1029. <a href="{Permalink}" title="permalink">
  1030. {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {Year}</a>
  1031. {/block:ifMonthDayYear}
  1032. {block:ifDayMonthYear}
  1033. <a href="{Permalink}" title="permalink">
  1034. {DayOfMonth} {ShortMonth} {Year}</a>
  1035. {/block:ifDayMonthYear}
  1036. {block:ifYearMonthDay}
  1037. <a href="{Permalink}" title="permalink">
  1038. {Year} {ShortMonth} {DayOfMonth}</a>
  1039. {/block:ifYearMonthDay}
  1040. {/block:Date}
  1041. </div>
  1042.  
  1043. <div class="perma">
  1044. <div style="font-family: Cambria; font-size: 9px; line-height: 18px;">
  1045. <a href="{Permalink}" title="permalink">♥ {NoteCount}</a>
  1046. </div>
  1047.  
  1048. </div>
  1049. </div>
  1050.  
  1051. {/block:IndexPage}
  1052.  
  1053. {block:Text}
  1054. {block:Title}<div class="ttitle">— {Title} —</div>{/block:Title}
  1055. <div style="margin-top: -8px;"></div>
  1056. {Body}
  1057. <div style="margin-bottom: -10px;"></div>
  1058. {/block:Text}
  1059.  
  1060. {block:Photo}
  1061. <center>
  1062. {block:if400Post}
  1063. {block:ifMonochrome}
  1064. <div class="photo">
  1065. <img src="{PhotoURL-400}">
  1066. </div>
  1067. {/block:ifMonochrome}
  1068.  
  1069. {block:ifnotMonochrome}
  1070. <img src="{PhotoURL-400}">
  1071. {/block:ifnotMonochrome}
  1072. {/block:if400Post}
  1073. {block:ifnot400Post}
  1074. {block:ifMonochrome}
  1075. <div class="photo">
  1076. <img src="{PhotoURL-500}">
  1077. </div>
  1078. {/block:ifMonochrome}
  1079.  
  1080. {block:ifnotMonochrome}
  1081. <img src="{PhotoURL-500}">
  1082. {/block:ifnotMonochrome}
  1083. {/block:ifnot400Post}
  1084. </center>
  1085.  
  1086. {block:IndexPage}
  1087. {block:ifCaptions}
  1088. {block:Caption}
  1089. <div class="caption">
  1090. {Caption}
  1091. </div>
  1092. {/block:Caption}
  1093. {/block:ifCaptions}
  1094. {/block:IndexPage}
  1095.  
  1096. {block:PermalinkPage}
  1097. {block:Caption}
  1098. <div class="caption">
  1099. {Caption}
  1100. </div>
  1101. {/block:Caption}
  1102. {/block:PermalinkPage}
  1103.  
  1104. <div style="margin-bottom: -4px;"></div>
  1105.  
  1106. {/block:Photo}
  1107.  
  1108. {block:Photoset}
  1109. {block:if400Post}
  1110. {block:ifMonochrome}
  1111. <div class="photo">
  1112. {Photoset-400}
  1113. </div>
  1114. {/block:ifMonochrome}
  1115.  
  1116. {block:ifnotMonochrome}
  1117. {Photoset-400}
  1118. {/block:ifnotMonochrome}
  1119. {/block:if400Post}
  1120. {block:ifnot400Post}
  1121. {block:ifMonochrome}
  1122. <div class="photo">
  1123. {Photoset-500}
  1124. </div>
  1125. {/block:ifMonochrome}
  1126.  
  1127. {block:ifnotMonochrome}
  1128. {Photoset-500}
  1129. {/block:ifnotMonochrome}
  1130. {/block:ifnot400Post}
  1131.  
  1132. {block:IndexPage}
  1133. {block:ifCaptions}
  1134. {block:Caption}
  1135. <div class="caption">
  1136. {Caption}
  1137. </div>
  1138. {/block:Caption}
  1139. {/block:ifCaptions}
  1140. {/block:IndexPage}
  1141.  
  1142. {block:PermalinkPage}
  1143. {block:Caption}
  1144. <div class="caption">
  1145. {Caption}
  1146. </div>
  1147. {/block:Caption}
  1148. {/block:PermalinkPage}
  1149.  
  1150. <div style="margin-bottom: -4px;"></div>
  1151.  
  1152. {/block:Photoset}
  1153.  
  1154. {block:Quote}
  1155. <div class="source" style="margin-top: -3px; margin-bottom: 5px;">— {Source} —</div>
  1156. <div class="quote">
  1157. <big>❝</big>&nbsp{Quote}
  1158. </div>
  1159. {/block:Quote}
  1160.  
  1161. {block:Link}
  1162. <div class="ltitle">— <a href="{URL}">{Name}</a> —</div>
  1163. {block:Description}
  1164. {Description}
  1165. <div style="margin-bottom: -13px;"></div>
  1166. {/block:Description}
  1167. {/block:Link}
  1168.  
  1169. {block:Chat}
  1170. {block:Title}
  1171. <div class="ttitle">— {Title} —</div>
  1172. <div style="margin-bottom: 5px"></div>
  1173. {/block:Title}
  1174. <div style="margin-top: -2px;"></div>
  1175. {block:Lines}
  1176. <div class="line {Alt}">
  1177. {block:Label}
  1178. {Label}
  1179. {/block:Label}
  1180. {Line}<br></div>
  1181. {/block:Lines}
  1182. {/block:Chat}
  1183.  
  1184. {block:Video}
  1185. {block:if400Post}
  1186. {Video-400}
  1187. {/block:if400Post}
  1188. {block:ifnot400Post}
  1189. {Video-500}
  1190. {/block:ifnot400Post}
  1191.  
  1192. {block:IndexPage}
  1193. {block:ifCaptions}
  1194. {block:Caption}
  1195. <div class="caption">
  1196. {Caption}
  1197. </div>
  1198. {/block:Caption}
  1199. {/block:ifCaptions}
  1200. {/block:IndexPage}
  1201.  
  1202. {block:PermalinkPage}
  1203. {block:Caption}
  1204. <div class="caption">
  1205. {Caption}
  1206. </div>
  1207. {/block:Caption}
  1208. {/block:PermalinkPage}
  1209.  
  1210. <div style="margin-bottom: -4px;"></div>
  1211.  
  1212. {/block:Video}
  1213.  
  1214. {block:Audio}
  1215.  
  1216. <div class="album">
  1217. {block:AudioPlayer}<div class="player">{AudioPlayerWhite}</div>{/block:AudioPlayer}
  1218. {block:AlbumArt}
  1219. {block:ifMonochrome}
  1220. <div class="photo">
  1221. <img src="{AlbumArtURL}">
  1222. </div>
  1223. {/block:ifMonochrome}
  1224.  
  1225. {block:ifnotMonochrome}
  1226. <img src="{AlbumArtURL}">
  1227. {/block:ifnotMonochrome}
  1228. {/block:AlbumArt}
  1229. </div>
  1230.  
  1231. <div id="info">
  1232. {block:TrackName}
  1233. <div class="track">
  1234. <b>Track</b>: {TrackName}
  1235. </div>
  1236. {/block:TrackName}
  1237.  
  1238. {block:Artist}
  1239. <div class="artist">
  1240. <b>Artist</b>: {Artist}
  1241. </div>
  1242. {/block:Artist}
  1243.  
  1244. {block:Album}
  1245. <div class="albumm">
  1246. <b>Album</b>: {Album}
  1247. </div>
  1248. {/block:Album}
  1249. </div>
  1250.  
  1251. <div style="margin-bottom: -21px;"></div>
  1252.  
  1253. {block:IndexPage}
  1254. {block:ifCaptions}
  1255. {block:Caption}
  1256. <div class="caption">
  1257. {Caption}
  1258. </div>
  1259. {/block:Caption}
  1260. {/block:ifCaptions}
  1261. {/block:IndexPage}
  1262.  
  1263. {block:PermalinkPage}
  1264. {block:Caption}
  1265. <div class="caption">
  1266. {Caption}
  1267. </div>
  1268. {/block:Caption}
  1269. {/block:PermalinkPage}
  1270.  
  1271. {/block:Audio}
  1272.  
  1273. {block:Answer}
  1274. <div class="portrait">
  1275. <center>
  1276. <img src="{AskerPortraitURL-64}">
  1277. </center>
  1278. </div>
  1279. <div id="ask">— {Asker} —</div>
  1280. <center><div style="font-style: italic;">{Question}</div></center>
  1281.  
  1282. <div style ="padding: 5px 0px; border-bottom: 1px solid {color:Text};"></div>
  1283. {Answer}
  1284. <div style ="margin-bottom: 0px;"></div>
  1285. {/block:Answer}
  1286.  
  1287. {block:IndexPage}
  1288. <div id="bacon">
  1289.  
  1290. {block:IfShowTags}{block:HasTags}
  1291. {block:Tags}▫&nbsp<a href="{TagURL}">{Tag}</a>&nbsp{/block:Tags}
  1292. {/block:HasTags}{/block:IfShowTags}
  1293.  
  1294. </div>
  1295. {/block:IndexPage}
  1296.  
  1297. </div>
  1298.  
  1299. {block:PermalinkPage}
  1300.  
  1301. <div class="stuff">
  1302. <center>
  1303. {block:RebloggedFrom}
  1304. <a href="{ReblogRootURL}" title="{ReblogRootName}">ORIGIN
  1305. &nbsp
  1306. <a href="{ReblogParentURL}" title ="{ReblogParentName}">VIA</a>
  1307. &nbsp
  1308. {/block:RebloggedFrom}
  1309.  
  1310. {block:ContentSource}
  1311. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1312. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1313. {/block:SourceLogo}
  1314. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1315. {/block:ContentSource}
  1316.  
  1317. {block:Date}
  1318. {block:ifMonthDayYear}
  1319. <a title="{MonthNumber}-{DayOfMonth}-{Year}">DATE</a>
  1320. {/block:ifMonthDayYear}
  1321. {block:ifDayMonthYear}
  1322. <a title="{DayOfMonth}-{MonthNumber}-{Year}">DATE</a>
  1323. {/block:ifDayMonthYear}
  1324. {block:ifYearMonthDay}
  1325. <a title="{Year}/{MonthNumber}/{DayOfMonth}">DATE</a>
  1326. {/block:ifYearMonthDay}
  1327. &nbsp
  1328. {/block:Date}
  1329.  
  1330. {block:Date}
  1331. {block:if12HourTime}
  1332. <a title="{12Hour}:{Minutes}{AmPm}">TIME</a>
  1333. {/block:if12HourTime}
  1334. {block:ifnot12HourTime}
  1335. <a title="{24Hour}:{Minutes}">TIME</a>
  1336. {/block:ifnot12HourTime}
  1337. &nbsp
  1338. {/block:Date}
  1339. </center>
  1340.  
  1341. </div>
  1342.  
  1343. {/block:PermalinkPage}
  1344.  
  1345. {block:PermalinkPage}
  1346. {block:HasTags}
  1347. <div id="tag">
  1348. {block:Tags}▫&nbsp<a href="{TagURL}">{Tag}</a>&nbsp{/block:Tags}
  1349. </div>
  1350. {/block:HasTags}
  1351. {/block:PermalinkPage}
  1352.  
  1353. {block:PermalinkPage}
  1354. {block:PostNotes}
  1355. <div style="margin-top: 30px;"></div>
  1356. <div class="notess">
  1357. <div style="text-align: center; font-family: libre baskerville; font-size: 12px; font-style: italic; letter-spacing: 1px;">{NoteCount} notes</div>
  1358. <div style="margin-top:-20px;"></div>
  1359. {PostNotes-16}
  1360. </div>
  1361. {/block:PostNotes}
  1362. <div style="margin-bottom: 150px;"></div>
  1363. {/block:PermalinkPage}
  1364.  
  1365. {/block:Posts}
  1366.  
  1367. </div>
  1368.  
  1369. {block:IfInfiniteScroll}
  1370. {block:IndexPage}
  1371. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  1372. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  1373. <a href="javascript:;" id="scrollToTop"><img src="{image:Top}" width="50px"></a>
  1374. {/block:IndexPage}
  1375. {/block:IfInfiniteScroll}
  1376.  
  1377. </center>
  1378. </body>
  1379.  
  1380. </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!