yoonora

003 - HOLD ON TIGHT

Oct 1st, 2014
732
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.26 KB | None | 0 0
  1. <!--
  2. (΄◞ิ౪◟ิ‵) theme 03 : hold on tight (΄◞ิ౪◟ิ‵)
  3.  
  4. by yoonora
  5.  
  6. ┏ - - - - - - - - - - - - - - - - - - ┒
  7. Hello dear user that is about to
  8. use my theme.
  9. There are some rules you must
  10. know before you edit and update
  11. the preview when you post this.
  12.  
  13. ▶ (1) ◀
  14. Please do not Remove the
  15. credit.
  16.  
  17. ▶ (2) ◀
  18. Do not steal anything from
  19. the code. If you are
  20. curious on how to make
  21. something just ask me.
  22.  
  23. ......Now you may continue
  24. ┖ - - - - - - - - - - - - - - ┚
  25. -->
  26. <head><title>—{Title}—</title>
  27. <link rel="shortcut icon" href="{Favicon}">
  28.  
  29. <meta name="color:main" content="#ffbbd2"/>
  30. <meta name="color:text" content="#000000"/>
  31. <meta name="color:1" content="#ffd8e6"/>
  32. <meta name="color:2" content="#fff7fa"/>
  33. <meta name="color:3" content="#ffe2ea"/>
  34. <meta name="color:4" content="#fff6df"/>
  35. <meta name="color:5" content="#fefefe"/>
  36. <meta name="color:6" content="#fdfdfd"/>
  37.  
  38. <meta name="image:icon" content="http://static.tumblr.com/l9mi3bq/WtPncrzgh/icon_1.png"/>
  39. <meta name="image:icon 2" content="http://static.tumblr.com/l9mi3bq/UHjncrzhc/icon_3.png"/>
  40.  
  41. <meta name="if:Captions" content="1"/>
  42. <meta name="if:Right" content="0"/>
  43.  
  44. <meta name="text:title" content="Hold on Tight"/>
  45. <meta name="text:link 1" content="reset"/>
  46. <meta name="text:link 1 url" content="/"/>
  47. <meta name="text:link 2" content="ask"/>
  48. <meta name="text:link 2 url" content="/ask"/>
  49. <meta name="text:link 3" content=""/>
  50. <meta name="text:link 3 url" content="/"/>
  51. <meta name="text:link 4" content=""/>
  52. <meta name="text:link 4 url" content="/"/>
  53. <meta name="text:link 5" content=""/>
  54. <meta name="text:link 5 url" content="/"/>
  55. <meta name="text:link 6" content=""/>
  56. <meta name="text:link 6 url" content="/"/>
  57.  
  58.  
  59. <!--
  60. SCRIPTS
  61. -->
  62.  
  63. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  64.  
  65. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js">
  66. </script>
  67.  
  68. <link href="http://static.tumblr.com/l9mi3bq/n98ncoqkq/script.css";; rel="stylesheet">
  69.  
  70. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js">
  71. </script>
  72.  
  73. <link rel="stylesheet" href="http://static.tumblr.com/l9mi3bq/Dd6nc0o8k/font.css" />
  74.  
  75. <link rel="stylesheet" href="http://static.tumblr.com/l9mi3bq/0H3ncot5m/1.55.css" />
  76.  
  77. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js">
  78. </script>
  79. <script>
  80. (function($){
  81. $(document).ready(function(){
  82. $("[title]").style_my_tooltips();
  83. });
  84. })(jQuery);
  85. </script>
  86.  
  87. <style type="text/css">
  88.  
  89. #tumblr_controls{
  90. position:fixed;
  91. -webkit-filter: invert(100%)}
  92.  
  93. iframe#tumblr_controls{
  94. right:3px;
  95. position: fixed;
  96. opacity: 0.2;
  97. -webkit-transition: all 0.8s ease-out;
  98. -moz-transition: all 0.8s ease-out;
  99. transition: all 0.8s ease-out;}
  100.  
  101. iframe#tumblr_controls:hover{
  102. opacity: 1;
  103. -webkit-transition: all 0.4s ease-out;
  104. -moz-transition: all 0.4s ease-out;
  105. transition: all 0.4s ease-out;}
  106.  
  107.  
  108. ::-webkit-scrollbar-thumb:vertical {
  109. background-color:{color:main};
  110. height: 10px;
  111. border: 4px solid {color:5};
  112.  
  113. }
  114. ::-webkit-scrollbar-thumb:horizontal {
  115. background-color:{color:main};
  116. height: 10px;
  117. border: 4px solid {color:5};
  118.  
  119. }
  120. ::-webkit-scrollbar {
  121. background-color: {color:5};
  122. height:10px;
  123. width:9px;
  124.  
  125. }
  126.  
  127. #s-m-t-tooltip {
  128. margin:8px 34px 7px 20px;
  129. font-size:8px;
  130. font-family:love;
  131. padding:3px;
  132. max-width:300px;
  133. color:{color:main};
  134. background-color:{color:6};
  135. border:1px solid {color:2};
  136. text-transform:none;
  137. line-height:100%;
  138. z-index:999999999999999999999999999999999999999999;
  139. transition: all 0.6s ease-in-out 0s;
  140. -moz-transition: all 0.6s ease-in-out 0s;
  141. -webkit-transition: all 0.6s ease-in-out 0s;
  142. -o-transition: all 0.6s ease-in-out 0s;
  143. }
  144.  
  145. body {
  146. text-align:justify;
  147. overflow:hidden;
  148. background-color:{color:6};
  149. background-repeat:repeat;
  150. background-image:url('{image:background}') ;
  151. }
  152.  
  153. /*--
  154. GENERAL SETTINGS
  155. --*/
  156.  
  157. .one{
  158. position:fixed;
  159. top:0px;
  160. left:0px;
  161. width:100%;
  162. height:100%;
  163. border-left:15px solid {color:1};
  164. }
  165. .two{
  166. position:fixed;
  167. right:0px;
  168. top:0px;
  169. width:90%;
  170. height:100%;
  171. border-right:15px solid {color:1};
  172. }
  173.  
  174. .yoonora a {
  175. border:11px double {color:main};
  176. }
  177.  
  178. #text blockquote {
  179. width:89%;
  180. margin-left:auto;
  181. margin-right:auto;
  182. padding-left:10px;
  183. padding-right:10px;
  184. padding-top:1px;
  185. padding-bottom:1px;
  186. border:1px solid {color:main};
  187. background:rgba(255, 255, 255, 0.4);
  188. }
  189.  
  190. blockquote img{
  191. max-width:90%;
  192. }
  193. #text{
  194. padding:30px;
  195. margin-top:10px;
  196. background:{color:2};
  197. }
  198. #text a{
  199. font-family:pkmn;
  200. font-size:16px;
  201. }
  202. #text b, strong {
  203. color:{color:2};
  204. font-family:pixel arial;
  205. font-size:8px;
  206. font-weight:normal;
  207. }
  208.  
  209. #text i, em {
  210. color:{color:main};
  211. font-family:love;
  212. font-size:8px;
  213. font-style:normal;
  214. }
  215.  
  216. /*---CONTAINER/ POSTS ---*/
  217. .rudeboy{
  218. position:fixed;
  219. top:50%;
  220. left:50%;
  221. margin-left:-280px;
  222. margin-top:-310px;
  223. width:532px;
  224. height:582px;
  225. padding:0px;
  226. background-color:{color:5};
  227. border-top:20px solid {color:1};
  228. border-left:20px solid {color:2};
  229. border-bottom:20px solid {color:3};
  230. border-right:20px solid {color:4};
  231. overflow:hidden;
  232. -webkit-animation:fadeIn 5s;
  233. -moz-animation:fadeIn 5s;
  234. -o-animation:fadeIn 5s;
  235. }
  236.  
  237.  
  238. #entries {
  239. padding:5px;
  240. width:520px;
  241. height:570px;
  242. background-color:{color:5};
  243. border:1px solid {color:text};
  244. overflow-x:hidden;
  245. overflow-y:scroll;
  246. margin-left:0px;
  247. margin-top:0px;
  248. font-size:12px;
  249. font-family:arial;
  250. letter-spacing:0px;
  251. }
  252.  
  253. #posts {
  254. position:relative;
  255. {block:PermalinkPage}
  256. width:500px;
  257. margin-top:15px;
  258. padding:0px;
  259. margin-left:10px;
  260. margin-bottom:10px;
  261. {/block:PermalinkPage}
  262. {block:IndexPage}
  263. padding:10px;
  264. {block:IfRight}
  265. margin-left:10px;
  266. {/block:IfRight}
  267. {block:IfNotRight}
  268. margin-left:200px;
  269. {/block:IfNotRight}
  270. width:290px;
  271. margin-bottom:50px;
  272. margin-top:0px;
  273. {/block:IndexPage}
  274. background:{color:5};
  275. font-size:8px;
  276. font-family:minecraft;
  277. color:{color:text};
  278. }
  279. #posts img{
  280. max-width:450px;
  281. }
  282.  
  283. #posts a {
  284. color:{color:main};
  285. text-decoration:none;
  286. font-family:love;
  287. text-transform:lowercase;
  288. font-size:8px;
  289. -webkit-transition: all 0.9s ease-out;
  290. -moz-transition: all 0.9s ease-out;
  291. transition: all 0.9s ease-out;
  292. }
  293.  
  294. #posts a:hover{
  295. color:{color:2};
  296. text-decoration:line-through;
  297.  
  298. -webkit-transition: all 0.9s ease-out;
  299. -moz-transition: all 0.9s ease-out;
  300. transition: all 0.9s ease-out;
  301.  
  302. }
  303.  
  304. /*--
  305. > SIDEBAR SETTINGS
  306. --*/
  307.  
  308.  
  309. {block:IndexPage}
  310.  
  311. .mainsidebar{
  312. position:fixed;
  313. width:150px;
  314. padding:10px;
  315. overflow:hidden;
  316. margin-top:50px;
  317. {block:IfRight}
  318. margin-left:330px;
  319. {/block:IfRight}
  320. {block:IfNotRight}
  321. margin-left:20px;
  322. {/block:IfNotRight}
  323. }
  324.  
  325. .mainsidebar:hover #icon{
  326. background-repeat:no-repeat;
  327. background-size:130px;
  328. background-position:center;
  329. background-image:url('{image:icon 2}');
  330. -webkit-transition: all 0.9s ease-out;
  331. -moz-transition: all 0.9s ease-out;
  332. transition: all 0.9s ease-out;
  333. }
  334. .side_links {
  335. display:inline-block;
  336. width:100px;
  337. margin-left:20px;
  338. }
  339. .side_links a {
  340. display:inline-block;
  341. margin-bottom:10px;
  342. margin-left:5px;
  343. width:0px;
  344. height:0px;
  345. border:double 11px {color:main};
  346. background-color:{color:5};
  347. transition-duration: 0.6s;
  348. -moz-transition-duration: 0.6s;
  349. -webkit-transition-duration: 0.6s;
  350. -o-transition-duration: 0.6s;
  351. }
  352.  
  353. #icon{
  354. display:inline-block;
  355. width:130px;
  356. height:130px;
  357. float:center;
  358. border-top:1px solid {color:text};
  359. border-bottom:1px solid {color:text};
  360. padding:10px;
  361. background-repeat:no-repeat;
  362. background-size:130px;
  363. background-position:center;
  364. background-image:url('{image:icon}');
  365. -webkit-transition: all 0.9s ease-out;
  366. -moz-transition: all 0.9s ease-out;
  367. transition: all 0.9s ease-out;
  368. }
  369.  
  370. #maintitle{
  371. display:inline-block;
  372. color:{color:main};
  373. text-align:center;
  374. float:center;
  375. width:100px;
  376. margin-left:25px;
  377. margin-top:10px;
  378. margin-bottom:5px;
  379. font-size:20px;
  380. font-family:bubble pixel;
  381. }
  382.  
  383. #desc{
  384. display:inline-block;
  385. max-height:100px;
  386. overflow:auto;
  387. margin-top:0px;
  388. margin-bottom:5px;
  389. text-align:center;
  390. font-family:minecraft;
  391. font-size:8px;
  392. color:{color:text};
  393. }
  394.  
  395. #desc a{
  396. color:{color:2};
  397. text-decoration:none;
  398. }
  399.  
  400. {/block:IndexPage}
  401.  
  402.  
  403. /*--
  404. POSTS SETTINGS [ NOTES, TAGS, ETC.]
  405. --*/
  406. {block:IndexPage}
  407. #photoset{
  408. overflow:hidden;
  409. padding:20px;
  410. z-index:-1;
  411. background-color:{color:main};
  412. }
  413.  
  414. #photo{
  415. overflow:hidden;
  416. padding:30px;
  417. z-index:-1;
  418. background-color:{color:2};
  419. }
  420. {/block:IndexPage}
  421. #reblogged {
  422. text-align:center;
  423. margin-bottom:10px;
  424. padding:10px;
  425. background-color:{color:1};
  426. letter-spacing:1px;
  427. font-style:none;
  428. font-family:pkmn;
  429. font-size:16px;
  430. text-transform:uppercase;
  431. }
  432. #reblogged a{
  433. background-color:{color:6};
  434. padding:5px;
  435. font-family:pkmn;
  436. font-size:16px;
  437. color:{color:text};
  438. text-align:center;
  439. text-transform:uppercase;
  440. text-decoration:none;
  441. transition-duration: 0.5s;
  442. -moz-transition-duration: 0.5s;
  443. -webkit-transition-duration: 0.5s;
  444. -o-transition-duration: 0.5s
  445. }
  446. #reblogged a:hover{
  447. text-decoration:none;
  448. }
  449. #postage {
  450. display:block;
  451. position:relative;
  452. text-align:justify;
  453. margin-top:10px;
  454. margin-bottom:10px;
  455. padding:10px;
  456. background-color:{color:4};
  457. letter-spacing:1px;
  458. font-style:none;
  459. font-family:pkmn;
  460. font-size:16px;
  461. text-transform:uppercase;
  462. }
  463.  
  464. #postage i a{
  465. background-color:{color:5};
  466. padding:5px;
  467. display:inline-block;
  468. font-family:pkmn;
  469. font-size:16px;
  470. color:{color:main};
  471. text-align:left;
  472. text-transform:uppercase;
  473. text-decoration:none;
  474. transition-duration: 0.5s;
  475. -moz-transition-duration: 0.5s;
  476. -webkit-transition-duration: 0.5s;
  477. -o-transition-duration: 0.5s
  478. }
  479. #postage a:hover {
  480. text-align:left;
  481. text-decoration:none;
  482. border:none;
  483. color:{color:2};
  484. transition-duration: 0.5s;
  485. -moz-transition-duration: 0.5s;
  486. -webkit-transition-duration: 0.5s;
  487. -o-transition-duration: 0.5s
  488. }
  489. #postage i{
  490.  
  491. color:{color:main};
  492. font-style:normal;
  493. font-family:pkmn;
  494. font-size:16px;
  495. padding:4px;
  496. }
  497.  
  498. #postage b{
  499.  
  500. color:{color:5};
  501. font-style:normal;
  502. font-family:pkmn;
  503. font-size:16px;
  504. padding:4px;
  505. }
  506. #posts:hover #tags{
  507. margin-top:10px;
  508. opacity:1;
  509. }
  510. #tags {
  511. display:block;
  512. text-align:center;
  513. font-size:8px;
  514. background-color:{color:3};
  515. padding:5px;
  516. margin-top:-20px;
  517. opacity:0;
  518. transition-duration: 0.5s;
  519. -moz-transition-duration: 0.5s;
  520. -webkit-transition-duration: 0.5s;
  521. -o-transition-duration: 0.5s
  522. }
  523.  
  524. #tags a {
  525. letter-spacing:0px;
  526. font-size:8px;
  527. padding:3px;
  528. margin-right:5px;
  529. margin-bottom:3px;
  530. font-family:pixel arial;
  531. text-transform:none;
  532. text-decoration:none;
  533. display:inline-block;
  534. color:{color:main};
  535. background:{color:5};
  536. transition-duration: 0.5s;
  537. -moz-transition-duration: 0.5s;
  538. -webkit-transition-duration: 0.5s;
  539. -o-transition-duration: 0.5s
  540. }
  541.  
  542. #tags a:hover {
  543.  
  544. text-decoration:none;
  545. color:{color:5};
  546. background:{color:3};
  547. transition-duration: 0.5s;
  548. -moz-transition-duration: 0.5s;
  549. -webkit-transition-duration: 0.5s;
  550. -o-transition-duration: 0.5s
  551. }
  552. .title{
  553. font-family:cherry;
  554. font-size:16px;
  555. background-color:{color:main};
  556. color:{color:5};
  557. letter-spacing:3px;
  558. line-height:25px;
  559. padding:10px;
  560. text-align:center;
  561. text-transform:lowercase;
  562. }
  563.  
  564. .title:first-letter{
  565. text-transform:uppercase;
  566. }
  567.  
  568. #caption blockquote {
  569. width:90%;
  570. margin-left:auto;
  571. margin-right:auto;
  572. padding-left:10px;
  573. padding-right:10px;
  574. padding-top:1px;
  575. padding-bottom:1px;
  576. color:{color:text};
  577. background:{color:4};
  578. }
  579. #caption blockquote b{
  580. color:{color:text};
  581. }
  582. #caption blockquote a{
  583. color:{color:text};
  584. text-decoration:underline;
  585. }
  586.  
  587. #caption blockquote a:hover{
  588. color:{color:main};
  589. border:none;
  590. text-decoration:none;
  591. }
  592.  
  593. /*--
  594. PERMALINK SETTINGS
  595. -*/
  596. #permacaption{
  597. font-family:minecraft;
  598. font-size:8px;
  599. }
  600. #permacaption pre{
  601. background:{color:main};
  602. color:{color:5};
  603. padding:5px;
  604. font-family:ventouse;
  605. font-size:12px;
  606. }
  607. #permas{
  608. display:inline-block;
  609. width:230px;
  610. margin-left:240px;
  611. max-height:100px;
  612. font-size:8px;
  613. margin-top:10px;
  614. margin-bottom:10px;
  615. text-transform:uppercase;
  616. font-family:uni;
  617. z-index:9999999999;
  618. overflow-x:hidden;
  619. overflow-y:scroll;
  620.  
  621. }
  622. #permas a{
  623. font-family:uni;
  624. font-size:8px;
  625. text-decoration:none;
  626. color:{color:main};
  627. text-transform:uppercase;
  628. }
  629.  
  630. #postnotes{
  631. display:inline-block;
  632. position:absolute;
  633. margin-top:10px;
  634. width:230px;
  635. max-height:100px;
  636. overflow-x:hidden;
  637. overflow-y:scroll;
  638. padding:5px;
  639. font-size:16px;
  640. font-family:pkmn;
  641. }
  642. #postnotes a{
  643. padding:0px;
  644. font-family:ventouse;
  645. font-size:12px;
  646. text-transform:uppercase;
  647. color:{color:main};
  648. }
  649.  
  650. #permas ul {
  651. float:center;
  652. clear:none;
  653. text-align:center;
  654. display:block;
  655. margin-left:-30px;
  656. }
  657. #permas li{
  658. list-style:none;
  659. max-width:500px;
  660. }
  661. #permas li img{
  662. display:none;
  663. }
  664. /*-
  665. MUSIC POSTS
  666. -*/
  667.  
  668. .musicwrapper {
  669. border:20px solid {color:2};
  670. position:relative;
  671. {block:IndexPage}
  672. height: 250px;
  673. {/block:IndexPage}
  674. {block:PermalinkPage}
  675. height: 230px;
  676. {/block:PermalinkPage}
  677. transition-duration: 0.5s;
  678. -moz-transition-duration: 0.5s;
  679. -webkit-transition-duration: 0.
  680. }
  681. .musicwrapper img {
  682. position: absolute;
  683. {block:IndexPage}
  684. width: 250px;
  685. {/block:IndexPage}
  686. {block:PermalinkPage}
  687. width: 230px;
  688. {/block:PermalinkPage}
  689. }
  690. {block:IndexPage}
  691.  
  692. .musicwrapper:hover .audiocontent{
  693. background-color:#fff;
  694. opacity:1;
  695. transition-duration: 0.5s;
  696. -moz-transition-duration: 0.5s;
  697. -webkit-transition-duration: 0.5s;
  698. -o-transition-duration: 0.5s
  699. }
  700. .musicwrapper:hover .player{
  701. width:250px;
  702. transition-duration: 0.5s;
  703. -moz-transition-duration: 0.5s;
  704. -webkit-transition-duration: 0.5s;
  705. -o-transition-duration: 0.5s
  706. }
  707. {/block:IndexPage}
  708.  
  709. .audiocontent {
  710. position:absolute;
  711. {block:IndexPage}
  712. opacity:0;
  713. {/block:IndexPage}
  714. width:250px;
  715. height:250px;
  716. {block:PermalinkPage}
  717. margin-left:230px;
  718. opacity:1;
  719. background::#fff;
  720. {/block:PermalinkPage}
  721. margin-top:-30px;
  722. text-align: center;
  723. display:block;
  724. transition-duration: 0.5s;
  725. -moz-transition-duration: 0.5s;
  726. -webkit-transition-duration: 0.5s;
  727. -o-transition-duration: 0.5s
  728. }
  729.  
  730. #musictext{
  731. margin-top:40px;
  732. {block:IndexPage}
  733. height: 250px;
  734. {/block:IndexPage}
  735. {block:PermalinkPage}
  736. height: 230px;
  737. {/block:PermalinkPage}
  738. height:165px;
  739. overflow:auto;
  740. text-transform:uppercase;
  741. font-family: pkmn;
  742. font-size: 16px;
  743. }
  744.  
  745. #musictext i{
  746. font-style:normal;
  747. font-family: bubble pixel;
  748. font-size: 20px;
  749. }
  750.  
  751. #musictext code{
  752. font-size:16px;
  753. font-family:cherry;
  754. color:{color:main};
  755. text-transform:lowercase;
  756. letter-spacing:5px;
  757.  
  758. }
  759. #musictext b{
  760. font-family:ventouse;
  761. font-style:normal;
  762. font-size:12px;
  763. color:{color:2};
  764. }
  765.  
  766. .player {
  767. position: relative;
  768. display:block;
  769. {block:IndexPage}
  770. overflow:hidden;
  771. background:#fff;
  772. width:30px;
  773. height:30px;
  774. z-index: 10;
  775. margin-left: 0px;
  776. {/block:IndexPage}
  777. {block:PermalinkPage}
  778. overflow:hidden;
  779. background:#fff;
  780. width:230px;
  781. height:30px;
  782. z-index: 10;
  783. margin-left:230px;
  784. {/block:PermalinkPage}
  785. transition-duration: 0.5s;
  786. -moz-transition-duration: 0.5s;
  787. -webkit-transition-duration: 0.5s;
  788. -o-transition-duration: 0.5s
  789. }
  790.  
  791. /*--
  792. QUOTES
  793. --*/
  794. #quote{
  795. font-family:cherry;
  796. font-size:16px;
  797. color:{color:main};
  798. background:{color:1};
  799. letter-spacing:3px;
  800. line-height:25px;padding:25px;
  801. text-align:right;
  802. }
  803. #qsource{
  804. text-align:right;
  805. font-family:consolas;
  806. }
  807. #notes{
  808. max-height:200px;
  809. }
  810. /*--
  811. CHATPOST
  812. --*/
  813.  
  814. #chatpost ul {
  815. padding:0px;
  816. }
  817.  
  818. .chat li {
  819. font-family:love;
  820. font-size:8px;
  821. list-style-type:none;
  822. margin-left:0px;
  823. padding:10px; float:center;
  824. }
  825.  
  826. .chat li:nth-child(odd) {
  827. margin-bottom:-5px;
  828. color:{color:5};
  829. background:{color:1};
  830. }
  831.  
  832. .chat li:nth-child(even) {
  833. color:{color:main};
  834. background-color:{color:6};
  835. }
  836.  
  837. /*--
  838. ASK POSTS
  839. --*/
  840. #askbox {display:block;
  841. color:{color:2};
  842. {block:IfBorderImage}
  843. background-image:url('{image:border}');
  844. background-position:right bottom;
  845. {/block:IfBorderImage}
  846. {block:IfNotBorderImage}
  847. background-color:{color:2};
  848. {/block:IfNotBorderImage}
  849. padding:5px;
  850. margin-bottom:5px;
  851. text-transform:lowercase;
  852. }
  853. #asker{
  854. display:inline-block;
  855. background:{color:5};
  856. height:30px;
  857. padding:25px;
  858. width:320px;
  859. font-size:32px;
  860. color:{color:4};
  861. letter-spacing:5px;
  862. font-family:m12;
  863. text-align:center;
  864. }
  865. #asker a{
  866. font-size:20px;
  867. letter-spacing:1px;
  868. font-family:bubble pixel;
  869. color:{color:main};
  870. }
  871. #asker a:hover{
  872. color:{color:main};
  873. }
  874. #askericon{
  875. display:inline-block;
  876. position:absolute;
  877. }
  878. #askericon img{
  879. max-width:80px;
  880. float:right;
  881. }
  882. #question{
  883. background:{color:2};
  884. color:{color:main};
  885. font-family:ventouse;
  886. text-align:right;
  887. font-size:12px;
  888. margin-top:0px;
  889. padding:10px;
  890. text-transform:none;
  891. font-style:normal;
  892. }
  893.  
  894. #answer{
  895. margin-top:12px;
  896. margin-left:0px;
  897. font-family:pixel arial;
  898. font-size:8px;
  899. padding:20px;
  900. background-color:{color:4};
  901. text-transform:none;
  902. }
  903.  
  904.  
  905. #nav{
  906. width:270px;
  907. text-align:center;
  908. margin:0px 0px 100px 220px;
  909. }
  910. #nav a{
  911. text-decoration:none;
  912. font-family:bubble pixel;
  913. font-size:20px;
  914. text-transform:uppercase;
  915. color:{color:main};
  916. }
  917.  
  918. /*- CURSORS -*/
  919.  
  920. body { cursor:url(http://media.tumblr.com/tumblr_m2um30pgrv1qfamg6.gif), auto; }
  921.  
  922. a, a:hover{cursor:url(http://media.tumblr.com/tumblr_m2um8jJ0bF1qfamg6.gif), auto; }
  923.  
  924.  
  925. </style>
  926. <link href="http://static.tumblr.com/l9mi3bq/IaRn9rto3/animate.css";; rel="stylesheet">
  927. </head>
  928. <body>
  929. <div class="one"></div><div class="two"></div>
  930.  
  931.  
  932.  
  933. <div class="rudeboy">
  934.  
  935.  
  936. <div id="entries">
  937. {block:IndexPage}
  938.  
  939.  
  940. <div class="mainsidebar">
  941.  
  942. <div class="side_links">
  943. <center>
  944. {block:iflink1}
  945. <a href="{text:link 1 url}" title="{text:link 1}" ></a>
  946. {/block:iflink1}
  947.  
  948. {block:iflink2}
  949. <a href="{text:link 2 url}" title="{text:link 2}"></a>
  950. {/block:iflink2}
  951.  
  952. {block:iflink3}
  953. <a href="{text:link 3 url}" title="{text:link 3}"></a>
  954. {/block:iflink3}
  955.  
  956. {block:iflink4}
  957. <a href="{text:link 4 url}" title="{text:link 4}"></a>
  958. {/block:iflink4}
  959.  
  960. {block:iflink5}
  961. <a href="{text:link 5 url}" title="{text:link 5}"></a>
  962. {/block:iflink5}
  963.  
  964. {block:iflink6}
  965. <a href="{text:link 6 url}" title="{text:link 6}"></a>
  966. {/block:iflink6}
  967. </center>
  968. </div>
  969.  
  970. <div id="desc">
  971. {Description}
  972. </div>
  973.  
  974. <div id="icon"></div>
  975.  
  976. <div id="maintitle">
  977. {block:Iftitle}
  978. {text:title}
  979. {/block:Iftitle}
  980. {block:IfNottitle}
  981. {Title}
  982. {/block:IfNottitle}
  983.  
  984. </div>
  985.  
  986. </div>
  987. {/block:IndexPage}
  988.  
  989. <div class="autopagerize_page_element">
  990.  
  991. {block:Posts}
  992.  
  993. <div id="posts">
  994.  
  995. {block:IndexPage}
  996.  
  997. <div id="reblogged">
  998. <a href="{Permalink}">{TimeAgo} on {ShortDayOfWeek}, {Month}, {DayOfMonthWithZero}</a>
  999. </div>
  1000.  
  1001. {/block:IndexPage}
  1002.  
  1003. <!--ASK/ ANSWER BOX-->
  1004.  
  1005. {block:Answer}
  1006. <div class="bubble">
  1007. <div id="askbox"><div id="asker">{Asker}</div>
  1008. <div id="askericon"><img src="{AskerPortraitURL-128}"></div>
  1009. <div id="question">
  1010. {Question}
  1011. </div>
  1012. </div>
  1013.  
  1014. <div id="answer">
  1015. {Answer}
  1016. </div></div>
  1017. {/block:Answer}
  1018.  
  1019.  
  1020. <!--
  1021. TEXT POSTS
  1022. -->
  1023.  
  1024. {block:Text}
  1025. {block:Title}
  1026. <div class="title">{Title}</div>
  1027. {/block:Title}
  1028. <div id="text">
  1029. {Body}
  1030. </div>
  1031. {/block:Text}
  1032.  
  1033. <!--
  1034. PHOTO POSTS
  1035. -->
  1036. {block:Photo}
  1037. {block:IndexPage}
  1038. <div id="photo">
  1039. <img src="{PhotoURL-HighRes}" width="100%">
  1040. </div>
  1041. {block:IfCaptions}
  1042. {block:Caption}
  1043. <div id="caption">
  1044. {Caption}
  1045. </div>
  1046. {/block:Caption}
  1047. {/block:IfCaptions}
  1048. {/block:IndexPage}
  1049. {block:PermalinkPage}
  1050. {LinkOpenTag}
  1051. <div id="photo">
  1052. <center>
  1053. <img src="{PhotoURL-HighRes}" width="100%">
  1054. </center>
  1055. </div>
  1056. {LinkCloseTag}
  1057. {/block:PermalinkPage}
  1058. {/block:Photo}
  1059.  
  1060.  
  1061. <!--
  1062. PHOTOSET POSTS
  1063. -->
  1064.  
  1065. {block:Photoset}
  1066. <div id="photoset">
  1067. <center>
  1068. {block:IndexPage}
  1069. {Photoset-250}</div>
  1070. {block:IfCaptions}
  1071. {block:Caption}
  1072. <div id="caption">
  1073. {Caption}
  1074. </div>
  1075. {/block:Caption}
  1076. {/block:IfCaptions}
  1077. {/block:IndexPage}
  1078. {block:PermalinkPage}
  1079. {Photoset-400}
  1080. {/block:PermalinkPage}
  1081. </center>
  1082.  
  1083. {/block:Photoset}
  1084.  
  1085.  
  1086. <!--
  1087. QUOTE POSTS
  1088. -->
  1089. {block:Quote}
  1090. <div id="quote">{Quote}❞</div>
  1091. {block:Source}
  1092. <div class="qsource"> —{Source}</div>
  1093. {/block:Source}
  1094. {/block:Quote}
  1095.  
  1096. <!--
  1097. LINK POSTS
  1098. -->
  1099. {block:Link}
  1100. <div class="title" style="background:{color:3}; margin-top:10px;"><a href="{URL}" {Target}>{Name}</a></div>
  1101. {block:Description}
  1102. <div id="text" style="background:{color:1}">
  1103. {Description}
  1104. </div>
  1105. {/block:Description}
  1106. {/block:Link}
  1107.  
  1108. <!--
  1109. CHAT POSTS
  1110. -->
  1111. {block:Chat}
  1112. <div id="chatpost">
  1113. {block:Title}
  1114. <h2 id="titlechat">
  1115. {Title}</h2>
  1116. {/block:Title}
  1117.  
  1118. <ul class="chat">
  1119. {block:Lines}
  1120. <li class="{Alt} user_{UserNumber}">
  1121. {block:Label}
  1122. <b>{Label}</b>
  1123. {/block:Label}
  1124. {Line}
  1125. </li>
  1126. {/block:Lines}
  1127. </ul>
  1128. </div>
  1129. {/block:Chat}
  1130.  
  1131.  
  1132. <!--
  1133. AUDIO / MUSIC POSTS
  1134. -->
  1135.  
  1136. {block:Audio}
  1137. <div class="musicwrapper">
  1138. <img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg" alt="default album art"/>
  1139. {block:AlbumArt}
  1140. <img class="cover" src="{AlbumArtURL}" />
  1141. {/block:AlbumArt}
  1142. {block:AudioPlayer}
  1143. <div class="player">
  1144. {AudioPlayerWhite}
  1145. </div>
  1146. {/block:AudioPlayer}
  1147. <div class="audiocontent">
  1148. <div id="musictext">
  1149. {block:TrackName}
  1150. <code>{TrackName}</code>
  1151. {/block:TrackName}
  1152. <p>{block:Artist}{Artist}{/block:Artist} </p>
  1153. <b>{block:Album} {Album}{/block:Album}</b><br>
  1154. <i>{block:Playcount}{FormattedPlayCount} hits{/block:Playcount}</i>
  1155. </div>
  1156. </div>
  1157. </div>
  1158. {/block:Audio}
  1159.  
  1160. <!--
  1161. VIDEO POSTS
  1162. -->
  1163. {block:Video}
  1164. <center>
  1165. {block:IndexPage}
  1166. {Video-250}
  1167. {/block:IndexPage}
  1168. {block:PermalinkPage}
  1169. {Video-400}
  1170. {/block:PermalinkPage}
  1171. </center>
  1172. {/block:Video}
  1173.  
  1174. <!--
  1175. TAGS
  1176. -->
  1177. {block:IndexPage}
  1178.  
  1179. <div id="postage">
  1180. <i><a href="{Permalink}">{NoteCountWithLabel}</a></i>
  1181. <div style="display:inline-block;float:right;margin-left:10px;">{LikeButton}</div>
  1182. <div style="display:inline-block;float:right;">{ReblogButton}</div>
  1183. </div>
  1184.  
  1185. {block:HasTags}
  1186. <div id="tags">
  1187. {block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>&nbsp;{/block:Tags}
  1188. </div>{block:HasTags}
  1189.  
  1190. {/block:IndexPage}
  1191.  
  1192.  
  1193. <!--
  1194. PERMALINK OPTIONS
  1195. -->
  1196.  
  1197. {block:PermalinkPage}
  1198. <div id="permacaption">
  1199. {block:Caption}
  1200. {Caption}
  1201. {/block:Caption}
  1202. </div><center>
  1203. <div id="postnotes">
  1204. <br>
  1205. {block:NoteCount} {NoteCountWithLabel} {/block:NoteCount}<br>
  1206. {block:Date}
  1207. {DayOfWeek}, {DayOfMonth} {Month} {Year} {TimeAgo}
  1208. {/block:Date}
  1209. <br>
  1210. {block:Reblog}
  1211. Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1212. {/block:Reblog} <br>
  1213. <a href="{SourceURL}" class="source_url">{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1214. {/block:SourceLogo}
  1215. {block:NoSourceLogo}
  1216. {SourceTitle}
  1217. {/block:NoSourceLogo}
  1218. </a><br>
  1219. {block:HasTags}
  1220. {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}<br>
  1221. {/block:hasTags}
  1222. </div>
  1223. <div id="permas">
  1224. {block:PostNotes}
  1225. {PostNotes}
  1226. {/block:PostNotes}
  1227. </div>
  1228. {/block:PermalinkPage}
  1229. </div></center>
  1230. {/block:Posts}
  1231.  
  1232. <!-- {block:NoRebloggedFrom}
  1233. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1234. {/block:NoRebloggedFrom} -->
  1235.  
  1236. {block:ContentSource}<!-- {SourceURL}
  1237. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1238. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1239. {/block:ContentSource}
  1240.  
  1241. {block:IndexPage}
  1242. {block:Pagination}
  1243. <div id="nav">
  1244. {block:PreviousPage}<a href="{PreviousPage}">{lang:Previous}</a> : {/block:PreviousPage}
  1245.  
  1246. {block:NextPage}<a href="{NextPage}">{lang:Next}</a>{/block:NextPage}
  1247. </div>
  1248. {/block:Pagination}
  1249. {/block:IndexPage}
  1250.  
  1251. </div></div></div></div>
  1252.  
  1253. <div class="yoonora">
  1254. <a href="http://exoa.tumblr.com/"target="_blank">
  1255. <div class="bora">made by yoonora</div></a>
  1256. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment