API tools faq
paste
Advertisement
xariaaaa

[THEME] sᴀʀᴀɴɢ ʙɪ

xariaaaa
Mar 26th, 2016
115
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.63 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!-- BASE CODE BY RINRAE. -->
  5.  
  6. <head>
  7. <title>{Title}</title>
  8. <link rel="shortcut icon" href="{FavIcon}" />
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  10.  
  11. <!-- JQUERY FOR TOOLTIPS -->
  12.  
  13. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  14. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  15.  
  16. <script>
  17. (function($){
  18. $(document).ready(function(){
  19. $("a[title]").style_my_tooltips({
  20. tip_follows_cursor:true,
  21. tip_delay_time:30,
  22. tip_fade_speed:300,
  23. attribute:"title"
  24. });
  25. });
  26. })(jQuery);
  27. </script>
  28.  
  29. <script>
  30. $(document).ready(function() {
  31. $('a.poplight[href^=#]').click(function() {
  32. var popID = $(this).attr('rel');
  33. var popURL = $(this).attr('href');
  34.  
  35. var query= popURL.split('?');
  36. var dim= query[1].split('&');
  37. var popWidth = dim[0].split('=')[1];
  38.  
  39. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  40. var popMargTop = ($('#' + popID).height() + 80) / 2;
  41. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  42. $('#' + popID).css({
  43. 'margin-top' : -popMargTop,
  44. 'margin-left' : -popMargLeft
  45. });
  46. $('body').append('<div id="fade"></div>');
  47. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
  48. return false;
  49. });
  50. $('a.close, #fade').live('click', function() {
  51. $('#fade , .popup_block').fadeOut(function() {
  52. $('#fade, a.close').remove();
  53. });
  54. return false;
  55. });
  56. });
  57.  
  58. </script>
  59.  
  60. <style type="text/css">
  61. /* FOLLOW AND DASHBOARD BUTTONS */
  62. iframe#tumblr_controls {
  63. right:2px !important;
  64. position: fixed !important;
  65. -webkit-transition: opacity 0.7s linear;
  66. opacity: 0.16;
  67. -webkit-transition: all 0.8s ease-out;
  68. -moz-transition: all 0.8s ease-out;
  69. transition: all 0.8s ease-out;
  70. -webkit-filter: invert(100%);
  71. }
  72.  
  73. iframe#tumblr_controls:hover {
  74. -webkit-transition: opacity 0.8s linear;
  75. opacity: 0.16;
  76. -webkit-transition: all 0.8s ease-out;
  77. -moz-transition: all 0.8s ease-out;
  78. transition: all 0.8s ease-out;
  79. -webkit-filter: invert(100%);
  80. }
  81.  
  82. /* SCROLLBARS */
  83. ::-webkit-scrollbar {
  84. width: 3px;
  85. height: 5px;
  86. background: #f2f2f2;
  87. }
  88. ::-webkit-scrollbar-thumb {
  89. background: #00baf0;
  90. border-radius: 16px;
  91. border-top: 5px solid #f2f2f2;
  92. }
  93.  
  94. ::selection {
  95. background-color: #ffffff;
  96. color: #dcdcdc;
  97. }
  98.  
  99. ::moz-selection {
  100. background-color: #ffffff;
  101. color: #dcdcdc;
  102. }
  103.  
  104. #s-m-t-tooltip{
  105. max-width: 250px;
  106. margin-top: 15px;
  107. margin-left: 15px;
  108. padding-left: 4px;
  109. padding-right: 4px;
  110. z-index:99999000009999999999;
  111. background-color: #e6e6e6;
  112. color: #00baf0;
  113. font-family: "gasara";
  114. font-size:8px;
  115. letter-spacing:1px;
  116. text-transform:uppercase;
  117. text-align:justify;
  118. line-height:14px;
  119. border-left: 3px solid #00baf0;
  120. border-radius: 5%;
  121. }
  122.  
  123. /* BODY STYLE */
  124. body {
  125. background-color: #f2f2f2;
  126. background-image: url(http://i.imgur.com/XnOvFDv.png);
  127. background-repeat: no-repeat;
  128. background-attachment: fixed;
  129. background-position: bottom right;
  130. }
  131.  
  132. blockquote {
  133. border-left: 1px solid #81e3ff;
  134. border-bottom: 2px solid #81e3ff;
  135. margin-left: 6px;
  136. padding-left: 10px;
  137. }
  138.  
  139. blockquote img {
  140. max-width: 230px !important;
  141. height: auto;
  142. opacity: 0.6;
  143. -webkit-transition: all 0.8s ease-out;
  144. -moz-transition: all 0.8s ease-out;
  145. transition: all 0.8s ease-out;
  146. }
  147.  
  148. blockquote img:hover {
  149. opacity: 0.9;
  150. -webkit-transition: all 0.8s ease-out;
  151. -moz-transition: all 0.8s ease-out;
  152. transition: all 0.8s ease-out;
  153. }
  154.  
  155. blockquote blockquote {
  156. border-left: 1px solid #81e3ff;
  157. border-bottom: 2px solid #81e3ff;
  158. margin-left: 6px;
  159. padding-left: 10px;
  160. }
  161.  
  162. blockquote blockquote img {
  163. max-width: 215px !important;
  164. height: auto;
  165. opacity: 0.6;
  166. -webkit-transition: all 0.8s ease-out;
  167. -moz-transition: all 0.8s ease-out;
  168. transition: all 0.8s ease-out;
  169. }
  170.  
  171. blockquote blockquote img:hover {
  172. opacity: 0.9;
  173. -webkit-transition: all 0.8s ease-out;
  174. -moz-transition: all 0.8s ease-out;
  175. transition: all 0.8s ease-out;
  176. }
  177.  
  178. a {
  179. text-decoration: none;
  180. color: #00baf0;
  181. -webkit-transition: all 0.8s ease-out;
  182. -moz-transition: all 0.8s ease-out;
  183. transition: all 0.8s ease-out;
  184. }
  185.  
  186. a:hover {
  187. color: #00a7d7;
  188. -webkit-transition: all 0.8s ease-out;
  189. -moz-transition: all 0.8s ease-out;
  190. transition: all 0.8s ease-out;
  191. }
  192.  
  193. /* BEBAS NEUE */
  194. @font-face { font-family: "bebas neue"; src: url('https://dl.dropboxusercontent.com/u/67800931/bebasneue.otf'); }
  195.  
  196. h1 {
  197. font-size: 20px;
  198. color: #00a7d7;
  199. font-family: "Neo";
  200. line-height: 22px;
  201. text-align: justify;
  202. letter-spacing: 1px;
  203. }
  204.  
  205. pre, code {
  206. font-family: "Gasara";
  207. color: #272727;
  208. letter-spacing: 0px;
  209. line-height: 10px;
  210. font-size: 8px;
  211. border-left: 1px solid #00baf0;
  212. border-bottom: 2px solid #00baf0;
  213. max-width: 245px;
  214. height: auto !important;
  215. text-align: center;
  216. word-wrap: break-word;
  217. }
  218.  
  219. /* POST CUSTOMS! */
  220.  
  221. /* POST COLUMN */
  222. #content {
  223. {block:IndexPage}
  224. width: 250px;
  225. {/block:if250px}
  226. {/block:IndexPage}
  227. {block:PermalinkPage}
  228. width: 250px;
  229. {/block:PermalinkPage}
  230. position: relative;
  231. margin-left: 30px;
  232. margin-top: 30px;
  233. }
  234.  
  235. /* INDIVIDUAL ENTRIES */
  236. .entry {
  237. margin-bottom: 60px;
  238. font-family: "Calibri";
  239. font-size: 10px;
  240. text-align: justify;
  241. letter-spacing: 1px;
  242. color: #272727;
  243. }
  244.  
  245. .entry i, entry em {
  246. letter-spacing: 1px;
  247. color: #272727;
  248. font-family: "Calibri";
  249. font-size: 10px;
  250. }
  251.  
  252. .entry b, entry strong {
  253. letter-spacing: 1px;
  254. color: #272727;
  255. font-family: "Calibri";
  256. font-size: 10px;
  257. }
  258.  
  259. .entry img{
  260. max-width: 245px;
  261. height: auto;
  262. opacity: 0.8;
  263. -webkit-transition: all 0.8s ease-out;
  264. -moz-transition: all 0.8s ease-out;
  265. transition: all 0.8s ease-out;
  266. }
  267.  
  268. .entry img:hover{
  269. opacity: 1;
  270. -webkit-transition: all 0.8s ease-out;
  271. -moz-transition: all 0.8s ease-out;
  272. transition: all 0.8s ease-out;
  273. }
  274.  
  275. /* GASARA */
  276. @font-face { font-family: "gasara"; src: url('https://dl.dropbox.com/s/9mird7ef2oyhzbc/gasara.ttf'); }
  277.  
  278. /* VIDEO, PHOTO, PHOTOSET */
  279.  
  280. #video, #photo, #photoset {
  281. opacity: 0.8;
  282. -webkit-transition: all 0.8s ease-out;
  283. -moz-transition: all 0.8s ease-out;
  284. transition: all 0.8s ease-out;
  285. }
  286.  
  287. #video:hover, #photo:hover, #photoset:hover {
  288. opacity: 1;
  289. -webkit-transition: all 0.8s ease-out;
  290. -moz-transition: all 0.8s ease-out;
  291. transition: all 0.8s ease-out;
  292. }
  293.  
  294. /* ASKS */
  295. #asker {
  296. font-family: "Neo";
  297. text-transform: lowercase;
  298. font-size: 30px;
  299. color: #00baf0;
  300. letter-spacing: 2px;
  301. text-align: right;
  302. }
  303.  
  304. #question {
  305. font-family: "Gasara";
  306. font-size: 8px;
  307. color: #272727;
  308. line-height: 10px;
  309. letter-spacing: 1px;
  310. text-align: justify;
  311. border-bottom: 2px solid #00baf0;
  312. border-left: 1px solid #00baf0;
  313. }
  314.  
  315. #answer {
  316. font-family: "Calibri";
  317. font-size: 10px;
  318. color: #272727;
  319. line-height: 11px;
  320. text-align: justify;
  321. letter-spacing: 1px;
  322. }
  323.  
  324. /* CHAT */
  325.  
  326. #chat {
  327. letter-spacing: -1px;
  328. }
  329.  
  330. #chat b {
  331. color: #00baf0;
  332. letter-spacing: 2px;
  333. }
  334.  
  335. /* QUOTES */
  336. #qt {
  337. font-family: "Neo";
  338. font-size: 25px;
  339. font-weight: 300;
  340. color: #272727;
  341. letter-spacing: 4px;
  342. line-height: 27px;
  343. text-align: justify;
  344. }
  345.  
  346. #s {
  347. font-family: "Calibri";
  348. font-size: 8px;
  349. text-transform: uppercase;
  350. letter-spacing: 1px;
  351. text-align: right;
  352. color: #00baf0;
  353. -webkit-transition: all 0.8s ease-out;
  354. -moz-transition: all 0.8s ease-out;
  355. transition: all 0.8s ease-out;
  356. }
  357.  
  358. #source:hover {
  359. letter-spacing: 4px;
  360. -webkit-transition: all 0.8s ease-out;
  361. -moz-transition: all 0.8s ease-out;
  362. transition: all 0.8s ease-out;
  363. }
  364. /* PERMALINKS */
  365. #perma {
  366. position: absolute;
  367. right: -55px;
  368. font-family: "Gasara";
  369. font-size: 8px;
  370. }
  371.  
  372. #perma a {
  373. letter-spacing: 1px;
  374. -webkit-transition: all 0.8s ease-out;
  375. -moz-transition: all 0.8s ease-out;
  376. transition: all 0.8s ease-out;
  377. }
  378.  
  379. #perma a:hover {
  380. letter-spacing: 3px;
  381. -webkit-transition: all 0.8s ease-out;
  382. -moz-transition: all 0.8s ease-out;
  383. transition: all 0.8s ease-out;
  384. }
  385.  
  386. .tags {
  387. margin-top: 10px;
  388. position: absolute;
  389. height: auto !important;
  390. width: 100px;
  391. right: -50px;
  392. -webkit-transition: all 0.8s ease-out;
  393. -moz-transition: all 0.8s ease-out;
  394. transition: all 0.8s ease-out;
  395. }
  396.  
  397. .tags a {
  398. font-family: "Gasara";
  399. font-size: 8px;
  400. color: #00baf0;
  401. letter-spacing: 1px;
  402. -webkit-transition: all 0.8s ease-out;
  403. -moz-transition: all 0.8s ease-out;
  404. transition: all 0.8s ease-out;
  405. }
  406.  
  407. .tags a:hover{
  408. letter-spacing: 3px;
  409. -webkit-transition: all 0.8s ease-out;
  410. -moz-transition: all 0.8s ease-out;
  411. transition: all 0.8s ease-out;
  412. }
  413.  
  414. /* PERMALINK PAGE */
  415. img.avatar {
  416. display:none;
  417. }
  418.  
  419. ol.notes {
  420. margin-top: 20px;
  421. font-family: "Gasara";
  422. font-size: 8px;
  423. color: #272727;
  424. letter-spacing: -1px;
  425. }
  426.  
  427. ol.notes a{
  428. color: #00baf0;
  429. letter-spacing: 1px;
  430. -webkit-transition: all 0.8s ease-out;
  431. -moz-transition: all 0.8s ease-out;
  432. transition: all 0.8s ease-out;
  433. }
  434. ol.notes a:hover {
  435. color: #81e3ff;
  436. letter-spacing: 4px;
  437. -webkit-transition: all 0.8s ease-out;
  438. -moz-transition: all 0.8s ease-out;
  439. transition: all 0.8s ease-out;
  440. }
  441.  
  442. /* SIDEBAR */
  443.  
  444. #scont{
  445. top: 150px;
  446. left: 400px;
  447. height: 400px;
  448. width: 450px;
  449. position: fixed;
  450. }
  451.  
  452. .quote1{
  453. position: fixed;
  454. height: 6px;
  455. width: 400px;
  456. margin-top: 5px;
  457. margin-left: 0px;
  458. background-color: #e1e1e1;
  459. font-family: "Gasara";
  460. font-size: 8px;
  461. line-height: 90%;
  462. letter-spacing: 0.5px;
  463. color: #272727;
  464. text-align: right;
  465. padding: 2px;
  466. }
  467.  
  468. .quote2{
  469. position: fixed;
  470. height: 6px;
  471. width: 400px;
  472. margin-top: 383px;
  473. margin-left: 0px;
  474. background-color: #e1e1e1;
  475. font-family: "Gasara";
  476. font-size: 8px;
  477. line-height: 90%;
  478. letter-spacing: 0.5px;
  479. color: #272727;
  480. text-align: right;
  481. padding: 2px;
  482. }
  483. .si1{
  484. position: fixed;
  485. width: 196px;
  486. height: 189px;
  487. margin-top: 20px;
  488. margin-left: 0px;
  489. background-color: #e1e1e1;
  490. padding: 2px;
  491. -webkit-transition: all 0.8s ease-out;
  492. -moz-transition: all 0.8s ease-out;
  493. transition: all 0.8s ease-out;
  494. }
  495.  
  496. .si1 img{
  497. width: 194px !important;
  498. height: 187px;
  499. opacity: 0.7;
  500. }
  501.  
  502. .sbdesc1 {
  503. position:relative;
  504. margin-left:0px;
  505. margin-top:-194px;
  506. width:auto !important;
  507. height:180px;
  508. padding:5px;
  509. background-color:#e1e1e1;
  510. opacity:0;
  511. z-index:99999999999999999999999999999;
  512. -webkit-transition: all 0.8s ease-out;
  513. -moz-transition: all 0.8s ease-out;
  514. transition: all 0.8s ease-out;
  515. }
  516.  
  517. .si1:hover .sbdesc1 {
  518. opacity:.9;
  519. -webkit-transition: all 0.8s ease-out;
  520. -moz-transition: all 0.8s ease-out;
  521. transition: all 0.8s ease-out;
  522. }
  523.  
  524. .sbtit {
  525. width:auto;
  526. height:auto;
  527. margin:10px 0px;
  528. font-family: "neo";
  529. font-size:35px;
  530. color:#ffffff;
  531. line-height:100%;
  532. text-align:center;
  533. text-transform:uppercase;
  534. text-shadow:2px 0 0 #e6e6e6, 0 2px 0 #e6e6e6, 0 0 2px #e6e6e6;
  535. word-spacing:0;
  536. letter-spacing:-5px;
  537. }
  538.  
  539. @font-face
  540. {font-family: "neo";src: url('https://dl.dropboxusercontent.com/s/23uoc1pcia146fu/NEOTERIC%E2%95%95%20-%20Regular%20DEMO%20VERSION.ttf?dl=1'); format("truetype");}
  541.  
  542. @font-face
  543. {font-family: "scifi";src: url('https://dl.dropboxusercontent.com/s/vliwsavte4sra4a/scifibit.ttf?dl=1'); format("truetype");}
  544.  
  545. .sbdescd1 {
  546. width:105px;
  547. margin-top:-10px;
  548. height:105px;
  549. overflow:auto;
  550. font-family: "Gasara";
  551. font-size:8px;
  552. color:#272727;
  553. line-height:100%;
  554. text-align:justify;
  555. text-transform:uppercase;
  556. word-spacing:0;
  557. letter-spacing:0;
  558. }
  559.  
  560. .sbdescd1 i, em {
  561. font-family: "scifi";
  562. color: #00a7d7;
  563. }
  564.  
  565. .sbdescd1::-webkit-scrollbar {
  566. width: 3px;
  567. max-height:2px;
  568. min-height:1px;
  569. }
  570.  
  571. .sbdescd1::-webkit-scrollbar-track {
  572. background-color:#00baf0;
  573. border:0;
  574. max-height: 3px;
  575. }
  576. .sbdescd1::-webkit-scrollbar-thumb {
  577. background-color:#00baf0;
  578. border:0;
  579. max-height: 3px;
  580. }
  581.  
  582.  
  583. .si2{
  584. width: 196px;
  585. height: 189px;
  586. position: fixed;
  587. margin-top: 20px;
  588. margin-left: 205px;
  589. background-color: #e1e1e1;
  590. padding: 2px;
  591. z-index: 1;
  592. -webkit-transition: all 0.8s ease-out;
  593. -moz-transition: all 0.8s ease-out;
  594. transition: all 0.8s ease-out;
  595. }
  596.  
  597. .si2 img{
  598. width: 196px;
  599. height: 189px;
  600. opacity: 0.8;
  601. -webkit-transition: all 0.8s ease-out;
  602. -moz-transition: all 0.8s ease-out;
  603. transition: all 0.8s ease-out;
  604. }
  605.  
  606. .sbdesc2 {
  607. position:relative;
  608. margin-left:0px;
  609. margin-top:-194px;
  610. width:auto !important;
  611. height:180px;
  612. padding:5px;
  613. background-color:#e1e1e1;
  614. opacity:0;
  615. z-index:99999999999999999999999999999;
  616. -webkit-transition: all 0.8s ease-out;
  617. -moz-transition: all 0.8s ease-out;
  618. transition: all 0.8s ease-out;
  619. }
  620.  
  621. .si2:hover .sbdesc2 {
  622. opacity:.9;
  623. -webkit-transition: all 0.8s ease-out;
  624. -moz-transition: all 0.8s ease-out;
  625. transition: all 0.8s ease-out;
  626. }
  627.  
  628. .sbdescd2 {
  629. margin-top:-10px;
  630. height:105px;
  631. width: 105px;
  632. overflow:auto;
  633. font-family: "Gasara";
  634. font-size:8px;
  635. color:#272727;
  636. line-height:100%;
  637. text-align: justify;
  638. text-transform:uppercase;
  639. word-spacing:0;
  640. letter-spacing:0;
  641. }
  642.  
  643. .sbdescd2 b, strong{
  644. font-family: "scifi";
  645. color: #00a7d7;
  646. }
  647.  
  648. .sbdescd2::-webkit-scrollbar {
  649. width:3px;
  650. max-height:5px;
  651. min-height:1px;
  652. }
  653.  
  654. .sbdescd2::-webkit-scrollbar-track {
  655. background-color:#e1e1e1;
  656. border:0;
  657. }
  658. .sbdescd2::-webkit-scrollbar-thumb {
  659. background-color:#00baf0;
  660. border:0;
  661. }
  662.  
  663. .snsd {
  664. position: fixed;
  665. margin-top: 120px;
  666. margin-left: 115px;
  667. width: 166px;
  668. height: 166px;
  669. padding: 2px;
  670. border: 5px solid #f2f2f2;
  671. border-radius: 50%;
  672. background-color: #e1e1e1;
  673. z-index: 2;
  674. }
  675.  
  676. .snsd img{
  677. height: 166px;
  678. width: 166px;
  679. border-radius: 50%;
  680. opacity: 0.9;
  681. }
  682.  
  683.  
  684. .linkcont {
  685. position: fixed;
  686. margin-top: 220px;
  687. margin-left: 205px;
  688. height: 60px;
  689. width: 200px;
  690. }
  691.  
  692. .sbl{
  693. width: 196px;
  694. height:6px;
  695. padding: 2px;
  696. margin-bottom: 5px;
  697. background-color: #e1e1e1;
  698. text-align:right;
  699. line-height: 90%;
  700. font-family: "Gasara";
  701. font-size: 8px;
  702. color: #272727;
  703. }
  704.  
  705. .sbl a {
  706. -webkit-transition: all 0.8s ease-out;
  707. -moz-transition: all 0.8s ease-out;
  708. transition: all 0.8s ease-out;
  709. letter-spacing: 2px;
  710. color: #272727;
  711. }
  712.  
  713. .sbl a:hover {
  714. -webkit-transition: all 0.8s ease-out;
  715. -moz-transition: all 0.8s ease-out;
  716. transition: all 0.8s ease-out;
  717. color: #272727;
  718. letter-spacing: 5px;
  719. }
  720.  
  721. .love {
  722. position: absolute;
  723. margin-top: 205px;
  724. margin-left: -3px;
  725. height: 50px;
  726. width: 200px;
  727. font-family: "Tahoma";
  728. font-size: 55px;
  729. color: #e6e6e6;
  730. letter-spacing: -2px
  731. line-height: 23px;
  732. }
  733.  
  734. .hcont{
  735. position: absolute;
  736. margin-top: 265px;
  737. margin-left: 0px;
  738. height: 25px;
  739. width: 200px;
  740. display: inline-block;
  741. }
  742.  
  743. .hov {
  744. display: inline-block;
  745. position: relative;
  746. height: 15px;
  747. width: 15px;
  748. border-radius: 50%;
  749. background-color: #e1e1e1;
  750. margin-left: 8px;
  751. opacity: 1;
  752. transform: rotate(0deg) scale(1)
  753. -webkit-transition: all 0.8s ease-out;
  754. -moz-transition: all 0.8s ease-out;
  755. transition: all 0.8s ease-out;
  756. }
  757.  
  758. .hov:hover{
  759. opacity: 0;
  760. transform: rotate(360deg) scale(5)
  761. border-radius: 25%;
  762. -webkit-transition: all 0.8s ease-out;
  763. -moz-transition: all 0.8s ease-out;
  764. transition: all 0.8s ease-out;
  765. }
  766.  
  767. .rain{
  768. position: absolute;
  769. margin-top: 270px;
  770. margin-left: -3px;
  771. height: 50px;
  772. width: 200px;
  773. font-family: "Tahoma";
  774. font-size: 55px;
  775. color: #e6e6e6;
  776. letter-spacing: -2px
  777. line-height: 23px;
  778. }
  779.  
  780. .sm {
  781. position: absolute;
  782. margin-top: 270px;
  783. margin-left: 190px;
  784. height: 70px;
  785. width: 70px;
  786. border: 5px solid #f2f2f2;
  787. border-radius: 50%;
  788. background-color: #e1e1e1;
  789. z-index: 999999;
  790. -webkit-transition: all 0.8s ease-out;
  791. -moz-transition: all 0.8s ease-out;
  792. transition: all 0.8s ease-out;
  793. }
  794.  
  795. .sm img{
  796. border-radius: 50%;
  797. opacity: 0.8;
  798. }
  799.  
  800. .sm:hover {
  801. transform: rotate(360deg);
  802. -webkit-transition: all 0.8s ease-out;
  803. -moz-transition: all 0.8s ease-out;
  804. transition: all 0.8s ease-out;
  805. }
  806.  
  807. .music {
  808. position: absolute;
  809. margin-top: 285px;
  810. margin-left: 240px;
  811. height: 45px;
  812. width: 165px;
  813. text-align: right;
  814. background-color: #e1e1e1;
  815. }
  816.  
  817. .playlist{
  818. position: absolute;
  819. margin-top: 335px;
  820. margin-left: 215px;
  821. height: 6px;
  822. width: 185px;
  823. padding: 2px;
  824. font-family: "Gasara";
  825. font-size: 8px;
  826. line-height: 90%;
  827. color: #272727;
  828. background-color: #e1e1e1;
  829. }
  830.  
  831. .playlist i{
  832. color: #00a7d7;
  833. }
  834.  
  835. .dbox1{
  836. position: absolute;
  837. margin-top: 330px;
  838. margin-left: 0px;
  839. height: 11px;
  840. width: 196px;
  841. padding: 2px;
  842. font-family: "Gasara";
  843. font-size: 8px;
  844. line-height: 100%;
  845. color: #272727;
  846. background-color: #e1e1e1;
  847. }
  848.  
  849. .dboxb1{
  850. position: absolute;
  851. margin-top: 353px;
  852. margin-left: 0px;
  853. height: 21px;
  854. width: 196px;
  855. padding: 2px;
  856. font-family: "Gasara";
  857. font-size: 8px;
  858. line-height: 90%;
  859. color: #272727;
  860. text-align: justify;
  861. background-color: #e1e1e1;
  862. }
  863.  
  864. .dboxb2{
  865. position: absolute;
  866. margin-top: 353px;
  867. margin-left: 205px;
  868. height: 21px;
  869. width: 196px;
  870. padding: 2px;
  871. font-family: "Gasara";
  872. font-size: 8px;
  873. line-height: 90%;
  874. color: #272727;
  875. text-align: justify;
  876. background-color: #e1e1e1;
  877. }
  878.  
  879.  
  880. *html #fade {
  881. position: absolute;
  882. }
  883. #fade {
  884. display: none;
  885. background: #f2f2f2;
  886. position: fixed;
  887. left: 0;
  888. top: 0;
  889. width: 100%;
  890. height: 100%;
  891. opacity: 1;
  892. z-index: 99999;
  893. }
  894.  
  895. *html .popup_block {
  896. position: absolute;
  897. }
  898.  
  899. .popup_block{
  900. display: none;
  901. padding: 20px;
  902. float: left;
  903. position: fixed;
  904. top: 50%;
  905. left: 50%;
  906. z-index: 999999999999999999999999999999999;
  907. }
  908.  
  909. img.btn_close {
  910. float: right;
  911. margin: -55px -55px 0 0;
  912. }
  913.  
  914. .descp {
  915. margin-top:-10px;
  916. margin-left: 45px;
  917. height: auto important!;
  918. width: 205px;
  919. overflow:auto;
  920. font-family: "Gasara";
  921. font-size:8px;
  922. color:#272727;
  923. line-height:100%;
  924. text-align: justify;
  925. text-transform:uppercase;
  926. word-spacing:0;
  927. letter-spacing:0;
  928. }
  929.  
  930. .descpp {
  931. font-size: 10px;
  932. letter-spacing: 1px;
  933. font-family: Arial;
  934. font-weight: 100;
  935. color:#272727;
  936. text-align: center;
  937. }
  938.  
  939. .descpp a{
  940. font-family: "gasara";
  941. font-size: 8px;
  942. }
  943.  
  944. /* CREDIT */
  945. .c {
  946. height: 52px;
  947. width: 100px;
  948. position: fixed;
  949. bottom: 5px;
  950. right: 10px;
  951. opacity: 0.6;
  952. }
  953.  
  954. .c img {
  955. height: 52px;
  956. width: 100px;
  957. }
  958.  
  959. #love img, #soshi img{
  960. max-width: 166px;
  961. height: auto;
  962. text-align: center;
  963. }
  964.  
  965. .hdc {
  966. right: -5px;
  967. bottom: 40px;
  968. height: 50px;
  969. width: 50px;
  970. position: fixed;
  971. -webkit-transition: all 0.8s ease-out;
  972. -moz-transition: all 0.8s ease-out;
  973. transition: all 0.8s ease-out;
  974. }
  975.  
  976. .hdc img {
  977. height: 50px;
  978. width: auto;
  979. }
  980.  
  981. .hdc:hover {
  982. transform: rotate(360deg);
  983. -webkit-transition: all 0.8s ease-out;
  984. -moz-transition: all 0.8s ease-out;
  985. transition: all 0.8s ease-out;
  986. }
  987.  
  988. </style>
  989.  
  990. <!-- INFINITE SCROLL -->
  991. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  992.  
  993.  
  994. </head>
  995.  
  996. <body>
  997.  
  998. <div id="soshi" class="popup_block">
  999. <div class="descpp">
  1000. <center><img src="http://i.imgur.com/CxBDTGn.gif"><br /><br /><br /></center>
  1001. 지금은 소녀시대,<br /> 앞으로도 소녀시대,<br /> 영원히 소녀시대.<br /><br /><br />
  1002. <center><a href="/tagged/- ; nine peas .">SISTERS</a></center>
  1003. </div>
  1004. </div>
  1005.  
  1006.  
  1007. <!-- SIDEBAR -->
  1008. <div id="scont">
  1009. <div class="quote1"> &mdash; I wish to be rembered as more than just a pretty face with a pretty smile but</div>
  1010.  
  1011. <div class="si1">
  1012. <img src="http://i.imgur.com/zyK4qAL.gif" />
  1013. <div class="sbdesc1">
  1014. <center>
  1015. <div class="sbtit">IMYOONAH;</div>
  1016. <div class="sbdescd1">
  1017. Im Yoon Ah was born on May 30th, 1990, in Seoul; South Korea. She is 25 years old and her family consists of her older sister and father. She became a trainee under S.M. Entertainment in 2002, debuting 5 years later. She is better known for her sweet attitude.
  1018. <br /><br /><br /><br /><br /><br />
  1019. </div></center>
  1020. </div>
  1021.  
  1022. </div>
  1023.  
  1024. <div class="si2">
  1025. <img src="http://i.imgur.com/T68RViG.gif" />
  1026. <div class="sbdesc2">
  1027. <center>
  1028. <div class="sbtit">YOONA;</div>
  1029. <div class="sbdescd2">
  1030. YoonA is the <b>vocalist, lead dancer and visual</b> of the nation's group Girls' Generation. She was nicknamed by her fans as <b>Deer Yoona</b> because of her innocent looks and long neck. Besides the group activities, YoonA is also focusing on <b>acting and CF roles</b> in order to bring more fame onto her group.
  1031. <br /><br /><br /><br /><br /><br />
  1032. </div></center>
  1033. </div>
  1034.  
  1035. </div>
  1036.  
  1037. <div class="snsd">
  1038. <a href="#?w=300" rel="soshi" class="poplight" title="Forever, it's Girls' Generation!">
  1039. <img src="http://i.imgur.com/kSPXjd7.gif" />
  1040. </a>
  1041. </div>
  1042.  
  1043. <div class="linkcont">
  1044. <div class="sbl">
  1045. <a href="/" title="Refresh?">GO BACK&TRY</a>
  1046. </div>
  1047. <div class="sbl">
  1048. <a href="/ask" title="Inbox">SPEAK LOUD&CLEAR</a>
  1049. </div>
  1050. <div class="sbl">
  1051. <a href="/i." title="Profile">PORTOFOLIO&MORE</a>
  1052. </div>
  1053. <div class="sbl">
  1054. <a href="/x." title="Navigation">OF MAPS&SKILL</a>
  1055. </div>
  1056. </div>
  1057.  
  1058. <div class="love">LOVE</div>
  1059.  
  1060. <div class="hcont">
  1061. <a title="IM YOON AH, YOONA, 25."><div class="hov"></div></a>
  1062. <a title="Singer and actress, SNSD's visual."><div class="hov"></div></a>
  1063. <a title="Heterosexual, single."><div class="hov"></div></a>
  1064. <a title="( this is a general roleplay, please do not 'randomly' approach her. plotting is encouraged! )"><div class="hov"></div></a>
  1065. <a title=" ( literate account. replies will come slow. nsfw posts will be tagged! ) "><div class="hov"></div></a>
  1066. </div>
  1067.  
  1068. <div class="rain">OFRAIN</div>
  1069.  
  1070. <div class="sm">
  1071. <a title="Resident deer-like goddess.">
  1072. <img src="http://i.imgur.com/w88XYG1.gif" />
  1073. </a>
  1074. </div>
  1075.  
  1076. <div class="music">
  1077. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="130" height="45">
  1078. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
  1079. <param name="bgcolor" value="#e1e1e1" />
  1080. <param name="FlashVars" value="mp3=http://k007.kiwi6.com/hotlink/vn634ztix1/Girls_Generation_-_Into_The_New_World_.mp3&amp;bgcolor=e1e1e1&amp;loadingcolor=00baf0&amp;buttoncolor=00baf0&amp;slidercolor=00baf0" />
  1081. </object>
  1082. </div>
  1083. <div class="playlist">
  1084. <marquee behavior="scroll" direction="left" onmouseover="this.stop();" onmouseout="this.start();" scrollamount="3"><i>Girls Generation</i>, Into The New World.</marquee>
  1085. </div>
  1086.  
  1087. <div class="dbox1">& I WILL REMEMBER HOW YOU KISSED ME. &mdash;</div>
  1088.  
  1089. <div class="dboxb1">She loved rain and stepping barefoot in dirty water, she loved walking without an umbrella and smiling up at the cloudy skies.</div>
  1090. <div class="dboxb2">And her smile was filled with sorrow as she waited for a man's return, she was long lost in the threads of an empty world.</div>
  1091.  
  1092. <div class="quote2">I wish people would value me for myself an the ideas I represent and fight for. &mdash; </div>
  1093. </div>
  1094.  
  1095. <div id="content">
  1096. {block:Posts}
  1097.  
  1098. <!--{block:NoRebloggedFrom}
  1099. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1100. {/block:NoRebloggedFrom} -->
  1101.  
  1102. <div class="entry">
  1103. <!-- PERMALINK -->
  1104. {block:IndexPage}
  1105. <div id="perma">
  1106. <a href="{Permalink}">{MonthNumberwithZero}{DayofMonth}{Year}</a><br><a href="{Permalink}">{DayofWeek}</a>
  1107. <br><a href="{ReblogURL}">reblog</a>
  1108. <div class="tags">
  1109. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  1110. </div>
  1111. </div>
  1112. {/block:IndexPage}
  1113.  
  1114. <!-- PHOTO POST -->
  1115. {block:Photo}
  1116. <div id="photo">
  1117. <a href="{permalink}">
  1118. <img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />
  1119. </a>
  1120. {block:IndexPage}{/block:IndexPage}
  1121. {block:PermalinkPage}
  1122. {block:Caption}{Caption}{/block:Caption}
  1123. {/block:PermalinkPage}
  1124. </div>
  1125. {/block:Photo}
  1126.  
  1127. <!-- PHOTOSET POST -->
  1128. {block:Photoset}
  1129. <div id="photoset">
  1130. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  1131. {block:PermalinkPage}{Photoset-250}{/block:PermalinkPage}
  1132. {block:IndexPage}{/block:IndexPage}
  1133. {block:PermalinkPage}
  1134. {block:Caption}{Caption}{/block:Caption}
  1135. {/block:PermalinkPage}
  1136. </div>
  1137. {/block:Photoset}
  1138.  
  1139. <!-- TEXT POST -->
  1140. {block:Text}
  1141. {block:Title}<h1>{Title}</h1>{/block:Title}
  1142. {Body}
  1143. {/block:Text}
  1144.  
  1145. <!-- LINK POST -->
  1146. {block:Link}
  1147. <h1><a href="{URL}">{Name}</a></h1>
  1148. {block:Description}{Description}{/block:Description}
  1149. {/block:Link}
  1150.  
  1151. <!-- QUOTE POST -->
  1152. {block:Quote}<div id="qt">{Quote}</div>{/block:Quote}
  1153. {block:Source}<div id="s">&mdash; {Source}</div>{/block:Source}
  1154.  
  1155. <!-- CHAT POST -->
  1156. {block:Chat}
  1157. <div id="chat">
  1158. {block:Title}<h1>{Title}</h1>{/block:Title}
  1159. {block:Lines}
  1160. {block:Label}<b>{Label} </b>{/block:Label}{Line}<br />
  1161. {/block:Lines}
  1162. </div>
  1163. {/block:Chat}
  1164.  
  1165. <!-- AUDIO POST -->
  1166. {block:Audio}
  1167. {AudioPlayerWhite}
  1168. {block:IndexPage}<p>
  1169. {block:TrackName}Track: {TrackName}<br>{/block:TrackName}
  1170. {block:Artist}Artist: {Artist}<br>{/block:Artist}
  1171. {block:Album}Album: {Album}<br>{/block:Album}
  1172. {block:PlayCount}Played: {PlayCount}{/block:PlayCount}
  1173. {/block:IndexPage}
  1174. {block:PermalinkPage}
  1175. {block:Caption}{Caption}{/block:Caption}
  1176. {/block:PermalinkPage}
  1177. {/block:Audio}
  1178.  
  1179. <!-- VIDEO POST -->
  1180. {block:Video}
  1181. <div id="video">
  1182. {block:IndexPage}{Video-250}{/block:IndexPage}
  1183. {block:PermalinkPage}{Video-250}{/block:PermalinkPage}
  1184. {block:IndexPage}{/block:IndexPage}
  1185. {block:PermalinkPage}
  1186. {block:Caption}{Caption}{/block:Caption}
  1187. {/block:PermalinkPage}
  1188. </div>
  1189. {block:Video}
  1190.  
  1191. <!-- QUESTION POST -->
  1192. <div id="asker">{Asker}</div>
  1193. <br />
  1194. <div id="question">
  1195. {Question}
  1196. </div>
  1197. {block:Answer}
  1198. <div id="answer">{Answer}</div>
  1199. {/block:Answer}
  1200.  
  1201. <!-- PERMALINK PAGE -->
  1202. {block:PermalinkPage}
  1203. <center>
  1204. {block:HasTags}
  1205. {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}
  1206. {/block:HasTags}
  1207. <p>{NoteCountwithLabel}
  1208. </center>
  1209. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1210. {/block:PermalinkPage}
  1211. </div> <!-- INDIVIDUAL ENTRY DIV END -->
  1212. {/block:Posts}
  1213.  
  1214. {block:ContentSource}<!-- {SourceURL}
  1215. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height ="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1216. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1217. {/block:ContentSource}
  1218. </div><!-- CONTENT DIV END -->
  1219. <div class="hdc">
  1220. <a href="http://hd-rp.tumblr.com/">
  1221. <img src="http://41.media.tumblr.com/c925eaddb813048766091ee4e6156005/tumblr_o3c0jauIQ71v9f9aio2_250.png" />
  1222. </a>
  1223. </div>
  1224.  
  1225. <div class="c">
  1226. <a title="Theme coded by mun, base code by rnirae. Please do not steal! Optimised for Google Chrome 1366 x 768.">
  1227. <img src="http://i.imgur.com/cwu5Ck4.png" />
  1228. </a>
  1229. </div>
  1230.  
  1231. </body>
  1232. </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!