GaugaStrikes

prompto

Oct 29th, 2015
85
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.84 KB | None | 0 0
  1. <html lang="en">
  2.  
  3. <head>
  4.  
  5. <title>{title}</title>
  6. <link rel="shortcut icon" href="{Favicon}" />
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  8. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  9. <meta charset="utf-8">
  10.  
  11. <!-----------------------------------------------------------------
  12.  
  13.  
  14. dearly beloved theme
  15. by vae (prompto.tumblr.com)
  16.  
  17. please don't steal any coding/graphics
  18. and please don't remove any credits!
  19.  
  20. thank you ❀
  21.  
  22.  
  23. ------------------------------------------------------------------>
  24.  
  25. <meta name="image:Background Image" content="" />
  26. <meta name="image:Description Icon" content="http://static.tumblr.com/090285e7ce13e780092c1eb23a4de5bc/teylp8i/3GBnrc540/tumblr_static_c3p9nasxxpss4woccwooc00o4.jpg" />
  27.  
  28. <meta name="color:Background" content="#e2f0ff" />
  29. <meta name="color:Frame" content="#ffffff" />
  30. <meta name="color:Body Text" content="#777777" />
  31. <meta name="color:Links" content="#777777" />
  32. <meta name="color:Links Hover" content="#c0d5eb" />
  33. <meta name="color:Post Info Links" content="#777777" />
  34. <meta name="color:Titles" content="#cccccc" />
  35. <meta name="color:Menu Links" content="#777777" />
  36. <meta name="color:Menu Links Hover" content="#c0d5eb" />
  37. <meta name="color:Pagination Arrows" content="#777777" />
  38. <meta name="color:Accents" content="#c0d5eb" />
  39. <meta name="color:Post Background" content="#ffffff" />
  40. <meta name="color:Post Border" content="#ffffff" />
  41. <meta name="color:Scrollbar" content="#c0d5eb" />
  42.  
  43. <meta name="if:ROXAS VERSION" content="1" />
  44. <meta name="if:Repeat Background" content="0" />
  45. <meta name="if:Faded Background" content="1" />
  46. <meta name="if:Colour Faded Posts" content="1" />
  47. <meta name="if:Translucent Posts" content="1" />
  48. <meta name="if:Keep Post Opacity on Hover" content="0" />
  49. <meta name="if:Description Icon" content="1" />
  50. <meta name="if:Translucent Description" content="1" />
  51. <meta name="if:Highlighted Description Text" content="1" />
  52. <meta name="if:Hide Description" content="0" />
  53. <meta name="if:Translucent Page Frame" content="1" />
  54. <meta name="if:400px Posts" content="0" />
  55. <meta name="if:500px Posts" content="1" />
  56.  
  57. <meta name="if:Custom Link 4" content="1" />
  58. <meta name="if:Custom Link 5" content="1" />
  59. <meta name="if:Custom Link 6" content="1" />
  60. <meta name="if:Custom Link 7" content="1" />
  61. <meta name="text:Link 1" content="home" />
  62. <meta name="text:Link 1 URL" content="/" />
  63. <meta name="text:Link 2" content="ask" />
  64. <meta name="text:Link 2 URL" content="/ask" />
  65. <meta name="text:Link 3" content="archive" />
  66. <meta name="text:Link 3 URL" content="/archive" />
  67. <meta name="text:Link 4" content="link 4" />
  68. <meta name="text:Link 4 URL" content="http://" />
  69. <meta name="text:Link 5" content="link 5" />
  70. <meta name="text:Link 5 URL" content="http://" />
  71. <meta name="text:Link 6" content="link 6" />
  72. <meta name="text:Link 6 URL" content="http://" />
  73. <meta name="text:Link 7" content="link 7" />
  74. <meta name="text:Link 7 URL" content="http://" />
  75.  
  76. <meta name="text:Description Font Face" content="courier new" />
  77.  
  78.  
  79. <style type="text/css">
  80.  
  81. /* SCROLLBAR */
  82.  
  83. ::-webkit-scrollbar-thumb:vertical {
  84. border-right:5px solid {color:Frame};
  85. border-left:5px solid {color:Frame};
  86. border-top:5px solid {color:Frame};
  87. border-bottom:5px solid {color:Frame};
  88. background:{color:Scrollbar};
  89. }
  90. ::-webkit-scrollbar-thumb:horizontal {
  91. background-color:{color:Frame};
  92. }
  93. ::-webkit-scrollbar {
  94. width:13px;
  95. height:7px;
  96. border-right:6px solid {color:Frame};
  97. border-left:6px solid {color:Frame};
  98. border-top:10px solid {color:Frame};
  99. border-bottom:10px solid {color:Frame};
  100. background:{color:Scrollbar};
  101. }
  102.  
  103. /* TUMBLR CONTROLS */
  104.  
  105. iframe#tumblr_controls {
  106. top: 10px !important;
  107. right: 50px !important;
  108. position: fixed !important;
  109. white-space:nowrap!important;
  110. -webkit-filter:invert(100%)!important;
  111. -moz-filter:invert(100%)!important;
  112. -ms-filter:invert(100%)!important;
  113. -o-filter:invert(100%)!important;
  114. filter:invert(100%)!important;
  115. opacity:.3!important;
  116. z-index:9999 !important;
  117. }
  118.  
  119. /* GENERAL */
  120.  
  121. body {
  122. background-color: {color:Background} ;
  123. background-image: url({image:Background Image});
  124. background-attachment:fixed;
  125. {block:ifNotRepeatBackground}
  126. background-repeat:no-repeat;
  127. {/block:ifNotRepeatBackground}
  128. {block:ifRepeatBackground}
  129. background-repeat:repeat
  130. {/block:ifRepeatBackground}
  131. background-position:right top;
  132. margin: 0;
  133. padding: 0;
  134. color: {color:Body Text};
  135. font-family: consolas, calibri, sans-serif;
  136. font-size: 10px;
  137. line-height: 150%;
  138. }
  139.  
  140. sub, sup, small {
  141. font-family: consolas, calibri, sans-serif;
  142. font-size: 10px;
  143. line-height: 150%;
  144. }
  145.  
  146. pre {
  147. white-space:normal;
  148. }
  149.  
  150. a, a:link, a:visited, a:active {
  151. text-decoration:none;
  152. color: {color:Links};
  153. border-bottom:1px solid rgba(0,0,0,.1);;
  154. transition: all .5s ease;
  155. -webkit-transition: all .5s ease;
  156. -moz-transition: all .5s ease;
  157. -o-transition: all .5s ease;
  158. }
  159.  
  160. a:hover {
  161. text-decoration:none;
  162. color: {color:Links Hover};
  163. transition: all .5s ease;
  164. -webkit-transition: all .5s ease;
  165. -moz-transition: all .5s ease;
  166. -o-transition: all .5s ease;
  167. }
  168.  
  169. ol {
  170. list-style-type:hiragana;
  171. }
  172.  
  173. /* FRAMES, etc. */
  174.  
  175. #frame-bottom {
  176. width: 100%;
  177. background: {color:Frame};
  178. {block:ifTranslucentPageFrame}
  179. opacity:.9;
  180. {/block:ifTranslucentPageFrame}
  181. height: 20px;
  182. padding:15px 0;
  183. position: fixed;
  184. z-index: 10;
  185. top: 0px;
  186. left:50px;
  187. }
  188.  
  189. #frame-left {
  190. width: 50px;
  191. background: {color:Frame};
  192. {block:ifTranslucentPageFrame}
  193. opacity:.9;
  194. {/block:ifTranslucentPageFrame}
  195. height: 100%;
  196. position: fixed;
  197. z-index: 9;
  198. left: 0px;
  199. bottom:50px;
  200. }
  201.  
  202. #frame-right {
  203. width: 50px;
  204. background: {color:Frame};
  205. {block:ifTranslucentPageFrame}
  206. opacity:.9;
  207. {/block:ifTranslucentPageFrame}
  208. height: 100%;
  209. position: fixed;
  210. z-index: 9;
  211. right: 0px;
  212. top:50px;
  213. }
  214.  
  215. #frame-top {
  216. width: 100%;
  217. height:50px;
  218. background: {color:Frame};
  219. {block:ifTranslucentPageFrame}
  220. opacity:.9;
  221. {/block:ifTranslucentPageFrame}
  222. position: fixed;
  223. z-index: 9;
  224. bottom: 0px;
  225. right:50px;
  226. }
  227.  
  228. #bgscreen {
  229. position:fixed;
  230. top:0;
  231. left:0;
  232. width:100%;
  233. height:100%;
  234. margin:0;
  235. background: rgba(255,255,255,.3);
  236. z-index:-99;
  237. }
  238.  
  239. /* DESCRIPTION */
  240.  
  241. .descicon {
  242. float:left;
  243. height:40px;
  244. width:40px;
  245. border:3px solid {color:Post Border};
  246. margin:5px 10px 0 0;
  247. }
  248.  
  249. #desc {
  250. width:200px;
  251. height:auto;
  252. position:fixed;
  253. top:75px;
  254. left:75px;
  255. {block:ifHideDescription}
  256. opacity:0 !important;
  257. {/block:ifHideDescription}
  258. }
  259.  
  260. #desc2 {
  261. width:auto;
  262. height:auto;
  263. font-size: 8px;
  264. font-family: {text:Description Font Face};
  265. text-transform:uppercase;
  266. letter-spacing:1px;
  267. border:1px solid {color:Post Border};
  268. background: none;
  269. {block:ifNotTranslucentDescription}
  270. background: {color:Post Background};
  271. {/block:ifNotTranslucentDescription}
  272. padding:10px;
  273. }
  274. {block:ifTranslucentDescription}
  275. #desc2:before {
  276. content: "";
  277. position:absolute;
  278. width:100%;
  279. height:100%;
  280. top:0;
  281. left:0;
  282. background: {color:Post Background};
  283. opacity:.3;
  284. z-index:-1;
  285. }
  286. {/block:ifTranslucentDescription}
  287.  
  288. .behind {
  289. background:{color:Post Background};
  290. }
  291.  
  292. /* MENU */
  293.  
  294. .title {
  295. font-family: consolas;
  296. letter-spacing: 1px;
  297. font-size: 12px;
  298. color: {color:Titles};
  299. text-transform: uppercase;
  300. margin: 0 10px 0 0;
  301. }
  302.  
  303. #menu {
  304. width:auto;
  305. margin-top:3px;
  306. float:left;
  307. }
  308.  
  309. #menu a {
  310. display: inline;
  311. color: {color:Menu Links};
  312. margin-right:5px;
  313. text-decoration: none;
  314. font-size: 9px;
  315. text-transform:uppercase;
  316. letter-spacing: 1px;
  317. padding:2px 10px;
  318. border:none;
  319. }
  320.  
  321. #menu a:hover {
  322. color: {color:Menu Links Hover};
  323. }
  324.  
  325.  
  326. #prompto {
  327. position: fixed;
  328. bottom:18px;
  329. right:82px;
  330. z-index:99;
  331. }
  332.  
  333. #prompto a {
  334. color: {color:Menu Links};
  335. font-size: 9px;
  336. text-transform:uppercase;
  337. letter-spacing: 1px;
  338. text-decoration: none;
  339. border:0;
  340. }
  341.  
  342. #prompto a:hover {
  343. color: {color:Menu Links Hover};
  344. }
  345.  
  346. /* PAGINATION */
  347.  
  348. #pagination1 {
  349. position:fixed;
  350. bottom:85px;
  351. left:75px;
  352. height:auto;
  353. width:200px;
  354. font-family: consolas !important;
  355. text-align:left;
  356. float:left;
  357. }
  358. #pagination2 {
  359. position:fixed;
  360. bottom:85px;
  361. right:75px;
  362. height:auto;
  363. width:auto;
  364. font-family: consolas !important;
  365. text-align:right;
  366. float:right;
  367. }
  368.  
  369. #pagination1 a, #pagination2 a {
  370. margin:0;
  371. font-size:20px;
  372. color: {color:Pagination Arrows};
  373. background: {color:Post Border};
  374. opacity:.9;
  375. padding:10px 17px;
  376. border:none;
  377. }
  378.  
  379. #pagination1 a:hover, #pagination2 a:hover {
  380. color: {color:Accents};
  381. }
  382.  
  383. .back, .forth {
  384. display:inline-block;
  385. font-family:georgia;
  386. font-size:16px;
  387. line-height:13px;
  388. font-style:italic;
  389. color: {color:Accents};
  390. overflow:hidden;
  391. width:0;
  392. opacity:0;
  393. transition-duration: 0.4s;
  394. -moz-transition:all ease-in-out 0.4s;
  395. -ms-transition:all ease-in-out 0.4s;
  396. -o-transition:all ease-in-out 0.4s;
  397. transition:all ease-in-out 0.4s;
  398. }
  399.  
  400. .forth {
  401. margin-right:-10px;
  402. }
  403.  
  404. #pagination2 a:hover .forth {
  405. width:40px;
  406. margin-right:6px;
  407. opacity:1;
  408. transition-duration: 0.4s;
  409. -moz-transition:all ease-in-out 0.4s;
  410. -ms-transition:all ease-in-out 0.4s;
  411. -o-transition:all ease-in-out 0.4s;
  412. transition:all ease-in-out 0.4s;
  413. }
  414.  
  415. .back {
  416. margin-left:-10px;
  417. }
  418.  
  419. #pagination1 a:hover .back {
  420. width:40px;
  421. margin-left:6px;
  422. opacity:1;
  423. transition-duration: 0.4s;
  424. -moz-transition:all ease-in-out 0.4s;
  425. -ms-transition:all ease-in-out 0.4s;
  426. -o-transition:all ease-in-out 0.4s;
  427. transition:all ease-in-out 0.4s;
  428. }
  429.  
  430. /* POSTS */
  431.  
  432. #container {
  433. {block:if500pxPosts}
  434. width:500px;
  435. {/block:if500pxPosts}
  436. {block:if400pxPosts}
  437. width:400px !important;
  438. {/block:if400pxPosts}
  439. position:absolute;
  440. top:75px;
  441. left:50%;
  442. margin-left:-250px;
  443. }
  444.  
  445. .post {
  446. position:relative;
  447. margin: 0 auto 100px auto;
  448. {block:if500pxPosts}
  449. width:500px;
  450. {/block:if500pxPosts}
  451. {block:if400pxPosts}
  452. width:400px !important;
  453. {/block:if400pxPosts}
  454. {block:ifTranslucentPosts}
  455. background: none;
  456. {/block:ifTranslucentPosts}
  457. padding:10px;
  458. border:1px solid {color:Post Border};
  459. {block:ifNotTranslucentPosts}
  460. background: {color:Post Background};
  461. {/block:ifNotTranslucentPosts}
  462. z-index:1;
  463. transition-duration: 0.6s;
  464. -moz-transition:all ease-in-out 0.6s;
  465. -ms-transition:all ease-in-out 0.6s;
  466. -o-transition:all ease-in-out 0.6s;
  467. transition:all ease-in-out 0.6s;
  468. }
  469. {block:ifTranslucentPosts}
  470. .post:before {
  471. content: "";
  472. position:absolute;
  473. width:100%;
  474. height:100%;
  475. top:0;
  476. left:0;
  477. background: {color:Post Background};
  478. opacity:.5;
  479. z-index:-1;
  480. }
  481. {block:ifTranslucentPosts}
  482.  
  483. .post:hover {
  484. {block:ifNotKeepPostOpacityOnHover}
  485. background: {color:Post Background} !important;
  486. {/block:ifNotKeepPostOpacityOnHover}
  487. transition-duration: 0.6s;
  488. -moz-transition:all ease-in-out 0.6s;
  489. -ms-transition:all ease-in-out 0.6s;
  490. -o-transition:all ease-in-out 0.6s;
  491. transition:all ease-in-out 0.6s;
  492. }
  493.  
  494. .post img, .photoset {
  495. {block:ifColourFadedPosts}
  496. filter: grayscale(50%);
  497. -webkit-filter: grayscale(50%);
  498. transition: 0.3s all ease-in;
  499. -webkit-transition: 0.3s all ease-in;
  500. -o-transition: 0.3s all ease-in;
  501. -moz-transition: 0.3s all ease-in;
  502. {/block:ifColourFadedPosts}
  503.  
  504. {block:PermalinkPage}
  505. filter: grayscale(0%);
  506. -webkit-filter: grayscale(0%);
  507. {/block:PermalinkPage}
  508. }
  509. .post img:hover, .photoset:hover {
  510. filter: grayscale(0%);
  511. -webkit-filter: grayscale(0%);
  512. transition: 0.3s all ease-in;
  513. -webkit-transition: 0.3s all ease-in;
  514. -o-transition: 0.3s all ease-in;
  515. -moz-transition: 0.3s all ease-in;
  516. }
  517.  
  518. /* POST INFO */
  519.  
  520. .postinfo {
  521. font-family: courier new;
  522. background: {color:Post Border};
  523. color: {color:Accents};
  524. padding:10px;
  525. text-align:center;
  526. width:100%;
  527. margin: 5px 0 -10px -10px;
  528. transition-duration: 0.6s;
  529. -moz-transition:all ease-in-out 0.6s;
  530. -ms-transition:all ease-in-out 0.6s;
  531. -o-transition:all ease-in-out 0.6s;
  532. transition:all ease-in-out 0.6s;
  533. }
  534.  
  535. .postinfo a {
  536. color: {color:Post Info Links};
  537. font-family: courier new;
  538. letter-spacing: 1px;
  539. font-size: 10px;
  540. line-height: 15px;
  541. text-transform: uppercase;
  542. border:none;
  543. }
  544.  
  545. .postinfo a:hover {
  546. color: {color:Links Hover};
  547. }
  548.  
  549. .tags {
  550. text-align:center;
  551. width:auto;
  552. overflow:hidden;
  553. margin:0;
  554. max-height:0;
  555. opacity:0;
  556. transition-duration: 0.6s;
  557. -moz-transition:all ease-in-out 0.6s;
  558. -ms-transition:all ease-in-out 0.6s;
  559. -o-transition:all ease-in-out 0.6s;
  560. transition:all ease-in-out 0.6s;
  561. }
  562.  
  563.  
  564. .post:hover .tags {
  565. margin:10px 0 0 0;
  566. max-height:100px;
  567. opacity:1;
  568. transition-duration: 0.6s;
  569. -moz-transition:all ease-in-out 0.6s;
  570. -ms-transition:all ease-in-out 0.6s;
  571. -o-transition:all ease-in-out 0.6s;
  572. transition:all ease-in-out 0.6s;
  573. }
  574.  
  575. .post:hover .postinfo {
  576. transition-duration: 0.6s;
  577. -moz-transition:all ease-in-out 0.6s;
  578. -ms-transition:all ease-in-out 0.6s;
  579. -o-transition:all ease-in-out 0.6s;
  580. transition:all ease-in-out 0.6s;
  581. }
  582.  
  583. .tags a {
  584. font-size:8px;
  585. font-family:consolas, calibri;
  586. text-transform:uppercase;
  587. font-weight:normal;
  588. border:none;
  589. }
  590.  
  591. #postnotes {
  592. margin:-75px 0 100px 0;
  593. {block:if500pxPosts}
  594. width:500px;
  595. {/block:if500pxPosts}
  596. {block:if400pxPosts}
  597. width:400px !important;
  598. {/block:if400pxPosts}
  599. background: rgba(255,255,255,.5);
  600. padding:10px;
  601. border:1px solid {color:Post Border};
  602. }
  603.  
  604. #postnotes a {
  605. border:none;
  606. }
  607.  
  608. #postnotes .avatar {
  609. padding: 10px 10px 0 0;
  610. border:none;
  611. }
  612.  
  613. /* POST CONTENT */
  614.  
  615. blockquote, blockquote blockquote {
  616. border-left: 1px dotted {color:Post Border};
  617. padding: 0 0 0 10px;
  618. margin: 15px 10px 15px 0;
  619. }
  620.  
  621. .quote {
  622. margin:0;
  623. padding:0 11px;
  624. font-family:courier new;
  625. font-size:10px;
  626. letter-spacing:1px;
  627. line-height:150%;
  628. text-transform: uppercase;
  629. }
  630.  
  631. .quotesource {
  632. display:block;
  633. text-align:right;
  634. margin-right:10px;
  635. padding:0;
  636. color: {color:Accent};
  637. font-size:8px;
  638. letter-spacing:1px;
  639. text-transform: uppercase;
  640. }
  641.  
  642. h1 {
  643. font-family: courier new;
  644. letter-spacing: 2px;
  645. font-size: 10px;
  646. color: {color:Titles};
  647. line-height: 15px;
  648. text-transform: uppercase;
  649. margin: 2px 0px 2px 0px;
  650. }
  651.  
  652. /* ASKS */
  653.  
  654. #ask {
  655. border-bottom: 1px dotted {color:Post Border};
  656. }
  657. #ask br {
  658. display: block;
  659. visibility: visible;
  660. }
  661.  
  662. .askportrait {
  663. float: left;
  664. border: 3px solid {color:Post Border};
  665. margin: 2px 15px 2px 2px;
  666. }
  667.  
  668. #ask a {
  669. font-weight:bold;
  670. margin:0;
  671. }
  672.  
  673. /* MUSIC PLAYER */
  674.  
  675. .playcontainer {
  676. position: absolute;
  677. background-color: {color:Post Border};
  678. margin: 10px 0 0 10px;
  679. opacity: 0.3;
  680. transition: all .3s ease;
  681. -webkit-transition: all .3s ease;
  682. -moz-transition: all .3s ease;
  683. -o-transition: all .3s ease;
  684. z-index: 2;
  685. }
  686.  
  687. .playcontainer:hover {
  688. opacity: 0.9;
  689. }
  690.  
  691. .play {
  692. position: relative;
  693. overflow: hidden;
  694. height: 35px;
  695. width: 30px;
  696. margin: 20px 18px 15px 20px;
  697. z-index: 2;
  698. }
  699.  
  700. .albumart {
  701. position: relative;
  702. width: 90px;
  703. float: left;
  704. z-index: 1;
  705. filter: grayscale(0%);
  706. -webkit-filter: grayscale(0%);
  707. }
  708.  
  709. .musicinfo {
  710. height: 50px;
  711. padding: 25px 0 15px 0;
  712. font-size: 11px;
  713. font-style: italic;
  714. text-align: center;
  715. background-color: {color:Post Border};
  716. }
  717.  
  718. .trackname {
  719. font-size: 12px;
  720. font-style: normal;
  721. }
  722.  
  723.  
  724. {block:ifROXASVERSION}
  725.  
  726. /* ROXAS VERSION
  727. PLEASE REMEMBER TO TOGGLE "ROXAS VERSION" ON IF YOU ARE USING IT */
  728.  
  729.  
  730. body {
  731. background-color: #efe8cd;
  732. background-image: url(http://static.tumblr.com/175c25bdc32a4b7504f91619bd18dfcc/teylp8i/8S2nl6hls/tumblr_static_msc71uayqggs0sw4ggo40gg8.jpg);
  733. background-attachment:fixed;
  734. background-repeat:no-repeat;
  735. background-position:right top;
  736. margin: 0;
  737. padding: 0;
  738. color: {color:Body Text};
  739. font-family: consolas, calibri, sans-serif;
  740. font-size: 10px;
  741. line-height: 150%;
  742. }
  743.  
  744. @media (max-width:1600px) {
  745. body{
  746. background-color: #efe8cd;
  747. background-image: url(http://static.tumblr.com/175c25bdc32a4b7504f91619bd18dfcc/teylp8i/8S2nl6hls/tumblr_static_msc71uayqggs0sw4ggo40gg8.jpg);
  748. background-attachment:fixed;
  749. background-repeat:no-repeat;
  750. background-position:right -10% top;
  751. }
  752. }
  753.  
  754. @media (max-width:1400px) {
  755. body{
  756. background-color: #efe8cd;
  757. background-image: url(http://static.tumblr.com/175c25bdc32a4b7504f91619bd18dfcc/teylp8i/8S2nl6hls/tumblr_static_msc71uayqggs0sw4ggo40gg8.jpg);
  758. background-attachment:fixed;
  759. background-repeat:no-repeat;
  760. background-position:right -30% top;
  761. }
  762. }
  763.  
  764. #flower {
  765. position:fixed;
  766. left:-240px;
  767. bottom:-570px;
  768. background: url(http://static.tumblr.com/175c25bdc32a4b7504f91619bd18dfcc/teylp8i/8S2nl6hls/tumblr_static_msc71uayqggs0sw4ggo40gg8.jpg) no-repeat;
  769. height:818px;
  770. width:520px;
  771. z-index:-100;
  772. -ms-transform: rotate(160deg);
  773. -webkit-transform: rotate(160deg);
  774. transform: rotate(160deg);
  775. }
  776.  
  777. {/block:ifROXASVERSION}
  778.  
  779.  
  780. </style>
  781.  
  782. </head>
  783. <body>
  784.  
  785.  
  786. <div id="frame-top"></div>
  787. <div id="frame-bottom">
  788.  
  789. <div id="menu">
  790. <span class="title">{Title}</span>
  791.  
  792. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  793. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  794. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  795. {block:ifCustomLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifCustomLink4}
  796. {block:ifCustomLink5}<a href="{text:Link 5 URL}">{text:Link 5}</a>{/block:ifCustomLink5}
  797. {block:ifCustomLink6}<a href="{text:Link 6 URL}">{text:Link 6}</a>{/block:ifCustomLink6}
  798. {block:ifCustomLink7}<a href="{text:Link 7 URL}">{text:Link 7}</a>{/block:ifCustomLink7}
  799. </div>
  800.  
  801. </div>
  802. <div id="frame-left"></div>
  803. <div id="frame-right"></div>
  804. <div id="prompto"><a href="http://prompto.tumblr.com">theme</a></div>
  805.  
  806. {block:ifROXASVERSION}
  807. <div id="flower"></div>
  808. {/block:ifROXASVERSION}
  809.  
  810. {block:ifFadedBackground}
  811. <img id="bgscreen">
  812. {/block:ifFadedBackground}
  813.  
  814. {block:Pagination}
  815. <div id="pagination1">
  816. {block:PreviousPage}
  817. <a href="{PreviousPage}"><
  818. <span class="back">back</span></a>
  819. {/block:PreviousPage}
  820. </div>
  821. <div id="pagination2">
  822. {block:NextPage}
  823. <a href="{NextPage}">
  824. <span class="forth">forth</span>
  825. ></a>
  826. {/block:NextPage}
  827. </div>
  828. {/block:Pagination}
  829.  
  830. <div id="desc">
  831. <div id="desc2">
  832. {block:ifDescriptionIcon}
  833. <img src="{image:Description Icon}" class="descicon">
  834. {/block:ifDescriptionIcon}
  835. {block:ifHighlightedDescriptionText}<span class="behind">{/block:ifHighlightedDescriptionText}
  836. {Description}
  837. {block:ifHighlightedDescriptionText}</span>{/block:ifHighlightedDescriptionText}
  838. </div>
  839. </div>
  840.  
  841. <div id="container">
  842.  
  843. {block:Posts}
  844.  
  845. <div class="post">
  846.  
  847. {block:Text}
  848. <h1>{block:Title}{Title}{/block:Title}</h1>
  849. {Body}
  850. {/block:Text}
  851.  
  852. {block:Photo}
  853. {LinkOpenTag}
  854. {block:if500pxPosts}
  855. <img src="{PhotoURL-500 width="500px"}">
  856. {/block:if500pxPosts}
  857. {block:if400pxPosts}
  858. <img src="{PhotoURL-400 width="400px"}">
  859. {/block:if400pxPosts}
  860. {LinkCloseTag}
  861. {block:Caption}{Caption}{/block:Caption}
  862. {/block:Photo}
  863.  
  864. {block:Photoset}
  865. {block:if500pxPosts}
  866. {Photoset-500}
  867. {/block:if500pxPosts}
  868. {block:if400pxPosts}
  869. {Photoset-400}
  870. {/block:if400pxPosts}
  871. {block:Caption}{Caption}{/block:Caption}
  872. {/block:Photoset}
  873.  
  874. {block:Video}
  875. {block:if500pxPosts}{Video-500}{/block:if500pxPosts}
  876. {block:if400pxPosts}{Video-400}{/block:if400pxPosts}
  877. <br>
  878. {block:Caption}{Caption}{/block:Caption}
  879. {/block:Video}
  880.  
  881. {block:Quote}
  882. <div class="quote">{Quote}</div>
  883. <div class="quotesource">{block:Source}{Source}{/block:Source}</div>
  884. {/block:Quote}
  885.  
  886. {block:Link}
  887. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  888. {block:Description}{Description}{/block:Description}
  889. {/block:Link}
  890.  
  891. {block:Chat}
  892. {block:Title}
  893. <h1>{Title}</h1>
  894. {/block:Title}
  895. {block:Lines}
  896. {block:Label}
  897. <b>{Label}</b>
  898. {/block:Label}
  899. {Line}<br>
  900. {/block:Lines}
  901. {/block:Chat}
  902.  
  903. {block:Audio}
  904. <div class="playcontainer">
  905. <div class="play">
  906. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  907. </div></div>
  908. {block:AlbumArt}
  909. <img src="{AlbumArtURL}" class="albumart">
  910. {/block:AlbumArt}
  911. <div class="musicinfo">
  912. <div class="trackname">
  913. {block:TrackName}
  914. {TrackName}
  915. {/block:Trackname}
  916. {block:Artist}
  917. by {Artist}
  918. {/block:Artist}
  919. </div>
  920. {block:Album}
  921. from {Album}
  922. {/block:Album}
  923. </div>
  924. {block:caption}{Caption}{/block:caption}
  925. {/block:Audio}
  926.  
  927. {block:Answer}
  928. <div id="ask">
  929. <img class="askportrait" src="{AskerPortraitURL-24}">
  930. {Asker} asked: {Question}
  931. </div>
  932. {Answer}
  933. {/block:Answer}
  934.  
  935. {block:Date}
  936. <div class="postinfo">
  937. <a href="{Permalink}">
  938. <a href="{Permalink}">{TimeAgo}</a> ⋅
  939. {block:NoteCount}
  940. <a href="{Permalink}">{NoteCountWithLabel}</a> ⋅
  941. {/block:NoteCount}
  942.  
  943. {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a> &
  944. <a href="{ReblogRootURL}">src</a> ⋅ {/block:RebloggedFrom}
  945.  
  946. <a href="{ReblogURL}" target="_blank">reblog</a>
  947.  
  948. {block:HasTags}
  949. <div class="tags">
  950. {block:Tags}
  951. <a href="{TagURL}"> #{Tag}</a>&nbsp;
  952. {/block:Tags}
  953. </div>
  954. {/block:HasTags}
  955.  
  956. </div>
  957. {/block:Date}
  958.  
  959. </div>
  960.  
  961. {block:ContentSource}
  962. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  963. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  964. {/block:SourceLogo}
  965. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  966. {/block:ContentSource}
  967.  
  968. {block:PermalinkPage}
  969. {block:PostNotes}
  970. <div id="postnotes">
  971. {PostNotes}
  972. </div>
  973. {/block:PostNotes}
  974. {/block:PermalinkPage}
  975.  
  976. {/block:Posts}
  977.  
  978. </body>
  979. </html>
Add Comment
Please, Sign In to add comment