Advertisement
Guest User

dsfdsa

a guest
Jul 30th, 2014
279
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.45 KB | None | 0 0
  1. <!--
  2. Spring Theme by Cloud9themes! Please do not delete this or the credit.
  3. http://cloud9themes.tumblr.com/
  4. -->
  5.  
  6. <html lang="en">
  7.  
  8. <head>
  9.  
  10.  
  11.  
  12. <!-- title hover-->
  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. <script>
  16. (function($){
  17. $(document).ready(function(){
  18. $("a[title]").style_my_tooltips({
  19. tip_follows_cursor:true,
  20. tip_delay_time:0,
  21. tip_fade_speed:0,
  22. attribute:"title"
  23. });
  24. });
  25. })(jQuery);
  26.  
  27. </script>
  28.  
  29. <!--/end title hover-->
  30.  
  31. <!-- Pop-Up Box! -->
  32.  
  33. <script type="text/javascript"
  34. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  35. <script>
  36. $(document).ready(function() {
  37. //
  38. $('a.poplight[href^=#]').click(function() {
  39. var popID = $(this).attr('rel'); //Get Popup Name
  40. var popURL = $(this).attr('href'); //Get Popup href to define size
  41. var query= popURL.split('?');
  42. var dim= query[1].split('&');
  43. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  44. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  45. var popMargTop = ($('#' + popID).height() + 80) / 2;
  46. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  47. //Apply Margin to Popup
  48. $('#' + popID).css({
  49. 'margin-top' : -popMargTop,
  50. 'margin-left' : -popMargLeft
  51. });
  52. $('body').append('<div id="fade"></div>');
  53. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  54. return false;
  55. });
  56. $('a.close, #fade').live('click', function() {
  57. $('#fade , .popup_block').fadeOut(function() {
  58. $('#fade, a.close').remove(); //fade them both out
  59. });
  60. return false;
  61. });
  62. });
  63. </script>
  64. <!-- End Pop-Up Box! -->
  65.  
  66.  
  67. <meta name="image:Background" content=""/>
  68. <meta name="image:Content" content=""/>
  69. <meta name="image:Pixel" content=""/>
  70. <meta name="image:popup background" content=""/>
  71. <meta name="color:Background" content="#d8f1ff"/>
  72. <meta name="color:sidebar" content="#fff;"/>
  73. <meta name="color:Border"content="#b4b4b4">
  74. <meta name="color:Text" content="#525252"/>
  75. <meta name="color:Link" content="#5bb0ff"/>
  76. <meta name="color:Link Hover" content="#000"/>
  77. <meta name="color:Posts" content="#fff;"/>
  78. <meta name="color:Post Border"content="#fff;"/>
  79. <meta name="if:Pixel" content="0"/>
  80. <meta name="if:updates tab" content="0"/>
  81. <meta name="text:Popup box text" content"Text here!" />
  82. <meta name="text:Link1 Url" content="/" />
  83. <meta name="text:Link 1 Title" content="Link 1" />
  84. <meta name="text:Link2 Url" content="/" />
  85. <meta name="text:Link 2 Title" content="Link 2" />
  86. <meta name="text:Link3 Url" content="/" />
  87. <meta name="text:Link 3 Title" content="Link 3" />
  88. <meta name="text:Link4 Url" content="/" />
  89. <meta name="text:Link 4 Title" content="Link 4" />
  90. <meta name="text:Link5 Url" content="/" />
  91. <meta name="text:Link 5 Title" content="Link 5" />
  92. <meta name="text:Link6 Url" content="/" />
  93. <meta name="text:Link 6 Title" content="Link 6" />
  94.  
  95.  
  96. <script src="http://a.ruxim.com/assets/jquery.js">
  97. </script>
  98. {block:indexpage}
  99. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  100. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  101. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  102. <script type="text/javascript">
  103. $(window).load(function(){
  104. var $wall = $('#posts');
  105. $wall.imagesLoaded(function(){
  106. $wall.masonry({
  107. itemSelector: '#entry, #entry_photo',
  108. isAnimated : false
  109. });
  110. });
  111.  
  112.  
  113. $wall.infinitescroll({
  114. navSelector : '#page-nav',
  115. nextSelector : '#page-nav a',
  116. itemSelector : '#entry, #entry_photo',
  117. bufferPx : 2000,
  118. debug : false,
  119. errorCallback: function() {
  120. $('#infscr-loading').fadeOut('normal');
  121. }},
  122. function( newElements ) {
  123. var $newElems = $( newElements );
  124. $newElems.hide();
  125. $newElems.imagesLoaded(function(){
  126. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  127. });
  128. }); $('#content').show(500);
  129. });
  130. </script>
  131. {/block:indexpage}
  132.  
  133. <script>
  134. function popup(){event.preventDefault();$("#the-popup").fadeIn("slow");}function popup_close(){event.preventDefault();$("#the-popup").fadeOut("slow");}
  135. </script>
  136.  
  137. <style>
  138.  
  139. #s-m-t-tooltip {
  140. max-width:250px;
  141. padding:5px;
  142. margin:10px 10px 10px 15px;
  143. border:1px solid #fff; /* change the border color */ background-color:{color:Link}; /* change the background color */
  144. font-family:ronda; /* change the font */
  145. font-style: normal;
  146. font-size:7px; /* change the font size */
  147. line-height:10px;
  148. letter-spacing:1px; /* change the letter spacing */
  149. text-transform:lowercase; /* can be uppercase, lowercase, none*/
  150. color:#fff; /* change the text color */
  151. z-index:9999999999999999;
  152. }
  153. </style>
  154. <style type="text/css">#ocehansboard {
  155. text-align: center;
  156. font-size: 11px;
  157. position:fixed;
  158. left:5px;
  159. top:-120px;
  160. -webkit-transition: all .5s ease-in-out;
  161. -moz-transition: all .5s ease-in-out;
  162. -o-transition: all .5s ease-in-out;
  163. z-index:999;
  164. }
  165.  
  166. #ocehansboard:hover {top:-4px;}
  167.  
  168. #ocehanss {
  169. height: auto;
  170. border:1px solid #eee;
  171. font-family:trebuchet ms;
  172. padding-left:5px;
  173. text-align:left;
  174. padding:8px;
  175. background: white;
  176. font-size:10px;
  177. width:180px;
  178. height:100px;
  179. z-index: 9999;
  180.  
  181. }
  182.  
  183. #ocehansboardtab {
  184. border-color:white;
  185. letter-spacing:1px;
  186. margin-left:20px;
  187. margin-top:4px;
  188. font-size:16px;
  189. font-family:titulo;
  190. line-height:20px;
  191. height: auto;
  192. color:{color:Text};
  193. height:15px;
  194. padding: 2px 0 8px 0;
  195. width: 100px;
  196. }
  197. @font-face {
  198. font-family:titulo;
  199. src: url('http://static.tumblr.com/ejm8w78/E7bmdzk1u/kgthefighter.ttf');
  200. }
  201.  
  202.  
  203.  
  204.  
  205.  
  206.  
  207.  
  208.  
  209.  
  210. #noticebox{
  211. position:fixed;
  212. width:125px; /*width*/
  213. z-index:99999999999999999999;
  214. height:auto;
  215. right:30px; /*how far from the right*/
  216. top:40px; /*how far from the top*/
  217. color:#FEFEFA; /*text colour*/
  218. background-color:##FEFEFA; /*background colour*/
  219. border:1px solid #000000; /*border width and colour*/
  220. text-align:right; /*text align*/
  221. padding:3px;
  222. background-size: cover;}
  223. #noticebox a{
  224. text-decoration:none;
  225. font-style:italic; /*italic links before hover*/
  226. letter-spacing:1px; /*distance between letters*/}
  227.  
  228. #noticebox a:hover{
  229. font-style:normal;
  230. text-decoration:underline;}
  231.  
  232. ::-webkit-scrollbar {
  233. height: 7px;
  234. width: 7px;
  235. background: {color:sidebar};
  236. }
  237.  
  238. ::-webkit-scrollbar-thumb {
  239. background-color:{color:Link};
  240. border:1px solid {color:sidebar};
  241. -webkit-border-radius: 5ex;
  242. -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75);
  243. }
  244.  
  245. ::-webkit-scrollbar-corner {
  246. background: #transparent;
  247. }
  248.  
  249. @font-face { font-family: "ronda"; src:url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }
  250.  
  251.  
  252. @font-face {font-family:"arma";src:url('http://static.tumblr.com/7glhdxz/B3Mmgevme/pf_arma_five.ttf');}
  253.  
  254. body
  255. {
  256. margin:5px;
  257. background-color: {color:Background};
  258. background-image:url({image:Background});
  259. background-attachment:fixed;
  260. background-position:50% 50%;
  261. background-repeat:repeat;
  262. font-size:8px;
  263. font-family:calibri;
  264. line-height:11px;
  265. color:{color:Text};
  266. }
  267.  
  268. a:link, a:active, a:visited{
  269. color:{color:Link};
  270. text-decoration: none;
  271. -webkit-transition: all 0.3s ease-out;
  272. -moz-transition: all 0.3s ease-out;
  273. transition: all 0.3s ease-out;
  274. }
  275.  
  276. a:hover {
  277. color:{color:Link Hover};
  278. text-decoration: none;
  279. -webkit-transition: all 0.3s ease-out;
  280. -moz-transition: all 0.3s ease-out;
  281. transition: all 0.3s ease-out;
  282. }
  283.  
  284. #center{
  285. padding-top:3px;
  286. padding-bottom:3px;
  287. position:fixed !important;
  288. width:500px;
  289. height:207px;
  290. background-color:#fff;
  291. {block:PermalinkPage}
  292. width:500px;
  293. height:207px;
  294. {/block:PermalinkPage}
  295. }
  296.  
  297. #posts{
  298. padding-top:0px;
  299. background-color:transparent;
  300. opacity:1;
  301. background-image:url({image:Content});
  302. float:center;
  303. width:550px;
  304. margin-left:250px;
  305. margin-top:0px;
  306. {block:permalinkpage}
  307. {/block:permalinkpage}
  308. }
  309.  
  310. #sidebar {
  311. width:130px;
  312. right:240px;
  313. z-index:999;
  314. height:auto;
  315. margin-top:200px;
  316. opacity:.6;
  317. position:fixed;
  318. overflow:hidden;
  319. background-color: {color:sidebar};
  320. padding:5px;
  321. border:1px solid {color:Border};}
  322.  
  323. #sidebar .link1{
  324. z-index:9999;
  325. opacity:0;
  326. position:absolute;
  327. bottom:100px;
  328. right:6px;
  329. border:1px solid #000;
  330. width:1px;
  331. text-align:center;
  332. padding:5px 5px 5px 4px;
  333. background:white;
  334. -webkit-transition: all .5s ease;
  335. -moz-transition: all .5s ease;
  336. -o-transition: all .5s ease;
  337. -ms-transition: all .5s ease;
  338. transition: all .5s ease;
  339. transition-property:opacity;
  340. transition-duration:.5s;
  341. transition-delay:.5s;
  342. -webkit-transition-property:opacity;
  343. -webkit-transition-duration:.5s;
  344. -webkit-transition-delay:.5s;
  345. }
  346.  
  347. #sidebar:hover .link1{
  348. opacity:1;
  349. -webkit-transition: all .5s ease;
  350. -moz-transition: all .5s ease;
  351. -o-transition: all .5s ease;
  352. -ms-transition: all .5s ease;
  353. transition: all .5s ease;
  354. transition: all .5s ease;
  355. transition-property:opacity;
  356. transition-duration:.5s;
  357. transition-delay:.5s;
  358. -webkit-transition-property:opacity;
  359. -webkit-transition-duration:.5s;
  360. -webkit-transition-delay:.1s;
  361. }
  362.  
  363. #sidebar .link2{
  364. z-index:9999;
  365. opacity:0;
  366. position:absolute;
  367. bottom:80px;
  368. right:6px;
  369. overflow:hidden;
  370. border:1px solid #000;
  371. width:1px;
  372. text-align:center;
  373. padding:5px 5px 5px 4px;
  374. background:white;
  375. -webkit-transition: all .5s ease;
  376. -moz-transition: all .5s ease;
  377. -o-transition: all .5s ease;
  378. -ms-transition: all .5s ease;
  379. transition: all .5s ease;
  380. transition: all .5s ease;
  381. transition-property:opacity;
  382. transition-duration:.5s;
  383. transition-delay:.2s;
  384. -webkit-transition-property:opacity;
  385. -webkit-transition-duration:.5s;
  386. -webkit-transition-delay:.4s;
  387. }
  388.  
  389. #sidebar:hover .link2{
  390. opacity:1;
  391. -webkit-transition: all .5s ease;
  392. -moz-transition: all .5s ease;
  393. -o-transition: all .5s ease;
  394. -ms-transition: all .5s ease;
  395. transition: all .5s ease;
  396. transition-property:opacity;
  397. transition-duration:.5s;
  398. transition-delay:.7s;
  399. -webkit-transition-property:opacity;
  400. -webkit-transition-duration:.5s;
  401. -webkit-transition-delay:.2s;
  402. }
  403.  
  404. #sidebar .link3{
  405. z-index:9999;
  406. opacity:0;
  407. position:absolute;
  408. bottom:60px;
  409. right:6px;
  410. border:1px solid #000;
  411. width:1px;
  412. text-align:center;
  413. padding:5px 5px 5px 4px;
  414. background:white;
  415. -webkit-transition: all .5s ease;
  416. -moz-transition: all .5s ease;
  417. -o-transition: all .5s ease;
  418. -ms-transition: all .5s ease;
  419. transition: all .5s ease;
  420. transition: all .5s ease;
  421. transition-property:opacity;
  422. transition-duration:.5s;
  423. transition-delay:.4s;
  424. -webkit-transition-property:opacity;
  425. -webkit-transition-duration:.5s;
  426. -webkit-transition-delay:.3s;
  427. }
  428.  
  429. #sidebar:hover .link3{
  430. opacity:1;
  431. -webkit-transition: all .5s ease;
  432. -moz-transition: all .5s ease;
  433. -o-transition: all .5s ease;
  434. -ms-transition: all .5s ease;
  435. transition: all .5s ease;
  436. transition-property:opacity;
  437. transition-duration:.5s;
  438. transition-delay:.4s;
  439. -webkit-transition-property:opacity;
  440. -webkit-transition-duration:.5s;
  441. -webkit-transition-delay:.3s;
  442. }
  443.  
  444. #sidebar .link4{
  445. z-index:9999;
  446. opacity:0;
  447. position:absolute;
  448. bottom:40px;
  449. right:6px;
  450. overflow:hidden;
  451. border:1px solid #000;
  452. width:1px;
  453. text-align:center;
  454. padding:5px 5px 5px 4px;
  455. background:white;
  456. -webkit-transition: all .5s ease;
  457. -moz-transition: all .5s ease;
  458. -o-transition: all .5s ease;
  459. -ms-transition: all .5s ease;
  460. transition: all .5s ease;
  461. transition: all .5s ease;
  462. transition-property:opacity;
  463. transition-duration:.5s;
  464. transition-delay:0s;
  465. -webkit-transition-property:opacity;
  466. -webkit-transition-duration:.5s;
  467. -webkit-transition-delay:.2s;
  468. }
  469.  
  470. #sidebar:hover .link4{
  471. opacity:1;
  472. -webkit-transition: all .5s ease;
  473. -moz-transition: all .5s ease;
  474. -o-transition: all .5s ease;
  475. -ms-transition: all .5s ease;
  476. transition: all .5s ease;
  477. transition-property:opacity;
  478. transition-duration:.5s;
  479. transition-delay:.9s;
  480. -webkit-transition-property:opacity;
  481. -webkit-transition-duration:.5s;
  482. -webkit-transition-delay:.4s;
  483. }
  484.  
  485. #sidebar .link5{
  486. z-index:9999;
  487. opacity:0;
  488. position:absolute;
  489. bottom:20px;
  490. right:6px;
  491. border:1px solid #000;
  492. width:1px;
  493. text-align:center;
  494. padding:5px 5px 5px 4px;
  495. background:white;
  496. -webkit-transition: all .5s ease;
  497. -moz-transition: all .5s ease;
  498. -o-transition: all .5s ease;
  499. -ms-transition: all .5s ease;
  500. transition: all .5s ease;
  501. transition: all .5s ease;
  502. transition-property:opacity;
  503. transition-duration:.5s;
  504. transition-delay:0s;
  505. -webkit-transition-property:opacity;
  506. -webkit-transition-duration:.5s;
  507. -webkit-transition-delay:.1s;
  508. }
  509.  
  510. #sidebar:hover .link5{
  511. opacity:1;
  512. -webkit-transition: all .5s ease;
  513. -moz-transition: all .5s ease;
  514. -o-transition: all .5s ease;
  515. -ms-transition: all .5s ease;
  516. transition: all .5s ease;
  517. transition-property:opacity;
  518. transition-duration:.5s;
  519. transition-delay:.9s;
  520. -webkit-transition-property:opacity;
  521. -webkit-transition-duration:.5s;
  522. -webkit-transition-delay:.5s;
  523. }
  524.  
  525.  
  526. #pixel img {
  527. width:80px;
  528. bottom:0px;
  529. right:5px;
  530. position:fixed;
  531. }
  532.  
  533. .popup_block{
  534. display:none;
  535. background:#fff;
  536. opacity:.8;
  537. padding:20px;
  538. border:1px solid #eee; /* if you want a solid white pop-up, delete this */
  539. float:left;
  540. font-size:12px;
  541. font-family:ronda;
  542. line-height:14px;
  543. position:fixed;
  544. top:50%;left:50%;
  545. z-index: 99999;
  546. -webkit-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  547. -moz-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  548. box-shadow: 0px 0px 20px #000; /* delete for solid white */
  549. }
  550.  
  551. *html #fade {position: absolute;}
  552. *html .popup_block {position: absolute;}
  553. #fade {
  554. display:none;
  555. position:fixed;
  556. left:0px;
  557. top:0px;
  558. width:100%;
  559. height:100%;
  560. background-image:url({image:popup background});
  561. z-index:9999;
  562. opacity:1; /* change to opacity:1; */
  563. }
  564.  
  565.  
  566. {block:ifupdatestab}
  567. #ocehans1{
  568. height:14px;
  569. text-align:center;
  570. overflow:hidden;
  571. margin-top:-1px;
  572. border:1px solid {color:border} ;
  573. text-transform:lowercase;
  574. padding:5px;
  575. letter-spacing:1px;
  576. font-size:8px;
  577. line-height:10px;
  578. z-index:999999999999999999999;
  579. -webkit-transition: all 0.5s ease-in-out;
  580. -moz-transition: all 0.5s ease-in-out;
  581. -o-transition: all 0.5s ease-in-out;
  582. }
  583. #ocehans1:hover{
  584. height:200px;
  585. -webkit-transition: all 0.5s ease-in-out;
  586. -moz-transition: all 0.5s ease-in-out;
  587. -o-transition: all 0.5s ease-in-out;
  588. }
  589.  
  590. #ocehans2{
  591. height:14px;
  592. text-align:center;
  593. overflow:hidden;
  594. border:1px solid {color:border};
  595. text-transform:lowercase;
  596. padding:5px;
  597. background-color:#000000;
  598. letter-spacing:1px;
  599. font-size;8px;
  600. line-height:13px;
  601. z-index:999999999999999999999;
  602. -webkit-transition: all 0.5s ease-in-out;
  603. -moz-transition: all 0.5s ease-in-out;
  604. -o-transition: all 0.5s ease-in-out;
  605. }
  606.  
  607. #ocehans2:hover{
  608. height:150px;
  609. -webkit-transition: all 0.5s ease-in-out;
  610. -moz-transition: all 0.5s ease-in-out;
  611. -o-transition: all 0.5s ease-in-out;
  612. }
  613.  
  614. #ocehans3{
  615. height:14px;
  616. text-align:center;
  617. overflow:hidden;
  618. border:1px solid {color:border};
  619. text-transform:lowercase;
  620. padding:5px;
  621. background-color:#000000;
  622. letter-spacing:1px;
  623. font-size;8px;
  624. line-height:13px;
  625. z-index:999999999999999999999;
  626. -webkit-transition: all 0.5s ease-in-out;
  627. -moz-transition: all 0.5s ease-in-out;
  628. -o-transition: all 0.5s ease-in-out;
  629. }
  630.  
  631. #ocehans3:hover{
  632. height:200px;
  633. -webkit-transition: all 0.5s ease-in-out;
  634. -moz-transition: all 0.5s ease-in-out;
  635. -o-transition: all 0.5s ease-in-out;
  636. }
  637.  
  638. #ocehans4{
  639. height:14px;
  640. text-align:center;
  641. overflow:hidden;
  642. border:1px solid {color:border};
  643. text-transform:lowercase;
  644. padding:5px;
  645. background-color:#000000;
  646. letter-spacing:1px;
  647. font-size;8px;
  648. line-height:13px;
  649. z-index:999999999999999999999;
  650. -webkit-transition: all 0.5s ease-in-out;
  651. -moz-transition: all 0.5s ease-in-out;
  652. -o-transition: all 0.5s ease-in-out;
  653. }
  654.  
  655. #ocehans4:hover{
  656. height:200px;
  657. -webkit-transition: all 0.5s ease-in-out;
  658. -moz-transition: all 0.5s ease-in-out;
  659. -o-transition: all 0.5s ease-in-out;
  660. }
  661.  
  662. #ocehans5{
  663. height:14px;
  664. text-align:center;
  665. overflow:hidden;
  666. border:1px solid {color:border};
  667. text-transform:lowercase;
  668. padding:5px;
  669. background-color:#000000;
  670. letter-spacing:1px;
  671. font-size;8px;
  672. line-height:13px;
  673. z-index:999999999999999999999;
  674. -webkit-transition: all 0.5s ease-in-out;
  675. -moz-transition: all 0.5s ease-in-out;
  676. -o-transition: all 0.5s ease-in-out;
  677. }
  678.  
  679. #ocehans5:hover{
  680. height:150px;
  681. -webkit-transition: all 0.5s ease-in-out;
  682. -moz-transition: all 0.5s ease-in-out;
  683. -o-transition: all 0.5s ease-in-out;
  684. }
  685.  
  686. #ocehans{
  687. text-align:left;
  688. font-size:7px;
  689. text-transform:lowercase;
  690. opacity: .8;
  691. position:fixed;
  692. font-family:ronda;
  693. left:195px;
  694. background-color:#000000;
  695. letter-spacing:1px;
  696. width:110px;
  697. z-index:9999;
  698. padding:4px;
  699. top:200px;
  700. border:1px solid {color:border};
  701.  
  702. }
  703. {/block:ifupdatestab}
  704.  
  705. #title{font-family:arma;
  706. margin-top:10px;
  707. font-size:12px;
  708. margin-bottom:0px;
  709. padding:3px;
  710. width:113px;
  711. text-align:left;
  712. line-height:27px;
  713. z-index:10;
  714. }
  715.  
  716.  
  717.  
  718. #video{
  719. opacity:1px;
  720. padding:5px;
  721.  
  722. }
  723.  
  724.  
  725.  
  726. #description {font-family:arma;
  727. width:100px;
  728. height:60px;
  729. margin-bottom:0px;
  730. margin-top:5px;
  731. background-color:transparent;
  732. font-size:8px;
  733. line-height:14px;
  734. padding:5px;
  735. text-align:left;
  736. color:{color:Text};}
  737.  
  738. #askk {
  739. font-family:helvetica;
  740. color:{color:Title};
  741. font-size:13px;
  742. line-height:13px;
  743. z-index:1;
  744. padding-top:10px;
  745. }
  746.  
  747. #col {
  748. border-radius:5px;
  749. }
  750.  
  751. .text{
  752. background-color:#fff;
  753. opacity:.6;
  754. padding:5px;
  755. color:#000;
  756. border:1px solid {color:Post Border};
  757. }
  758.  
  759.  
  760. #entry{
  761. background-color:transparent;
  762. font-family: helvetica;
  763. font-size:11px;
  764. text-align:left;
  765. z-index:9;
  766. padding:0px;
  767. opacity:1;
  768. {block:permalinkpage}
  769. width:300px;
  770. {/block:permalinkpage}
  771. float:left;
  772. {block:indexpage}
  773. width:300px;
  774. {/block:indexpage}
  775. line-height:12px;
  776. margin:5px;
  777. overflow:hidden;
  778. margin-top:25px;margin-left:25px;
  779. }
  780.  
  781. #entry img {
  782. opacity:1;
  783. {block:indexpage}
  784. max-width:100%;
  785. {/block:indexpage}
  786. display: block;
  787. -webkit-transition: all 0.3s ease-out;
  788. -moz-transition: all 0.3s ease-out;
  789. transition: all 0.3s ease-out;
  790. }
  791.  
  792. #entry img:hover{
  793. opacity:1;
  794. -webkit-transition: all 0.3s ease-out;
  795. -moz-transition: all 0.3s ease-out;
  796. transition: all 0.3s ease-out;
  797. }
  798.  
  799. .permalink {
  800. display: inline-block;
  801. padding: 3px;
  802. margin: 4px 8px 0px 8px;
  803. font-family:ronda;
  804. font-size: 9px;
  805. color: #424242;
  806. line-height: 18px;
  807. text-align: center;
  808. text-decoration: none;
  809. -webkit-transition: color 0.9s ease-out;
  810. -moz-transition: color 0.9s ease-out;
  811. transition: all 0.3s ease-out;
  812. }
  813. #entry .permalinktext {
  814. display: block;
  815. padding: 1px;
  816. opacity:0;
  817. margin: 4px 0px 0px 4px;
  818. font-family:ronda;
  819. font-size:8px;
  820. color: #424242;
  821. line-height: 11px;
  822. text-align: center;
  823. text-decoration: none;
  824. -webkit-transition: color 0.5s ease-out;
  825. -moz-transition: color 0.5s ease-out;
  826. -webkit-transition: all 0.7s ease-out;
  827. -moz-transition: all 0.7s ease-out;
  828. transition: all 0.7s ease-out;
  829. }
  830.  
  831. #entry:hover .permalinktext {
  832. display: block;
  833. padding: 1px;
  834. opacity:1;
  835. margin: 4px 0px 0px 4px;
  836. font-family:ronda;
  837. font-size:8px;
  838. color: #424242;
  839. line-height: 11px;
  840. text-align: center;
  841. text-decoration: none;
  842. -webkit-transition: color 0.5s ease-out;
  843. -moz-transition: color 0.5s ease-out;
  844. -webkit-transition: all 0.7s ease-out;
  845. -moz-transition: all 0.7s ease-out;
  846. transition: all 0.7s ease-out;
  847. }
  848.  
  849.  
  850.  
  851. .perm1 a{
  852. display:inline-block;
  853. background-color:#fff;
  854. width:15px;
  855. height:15px;
  856. -webkit-transition: all 0.7s ease-out;
  857. -moz-transition: all 0.7s ease-out;
  858. transition: all 0.7s ease-out;
  859. }
  860. .perm1 {
  861. opacity:0;
  862. border:1px solid #000;
  863. -webkit-transition-duration: .75s;
  864. top:15px;
  865. position: absolute;
  866. margin-top:0px;
  867. display:block;
  868. width:15px;
  869. height:15px;
  870. box-shadow: 1px 1px #000;
  871. margin-left:15px;
  872. -webkit-transform: rotate(0deg);
  873. -moz-transform: rotate(0deg);
  874. }
  875. #entry:hover .perm1 {
  876. opacity:1;
  877. z-index:999999;
  878. margin-left: 15px;
  879. -webkit-transform: rotate(0deg);
  880. -moz-transform: rotate(0deg);
  881. }
  882. .perm2 a{
  883. display:inline-block;
  884. background-color:#fff;
  885. width:15px;
  886. height:15px;
  887. -webkit-transition: all 0.7s ease-out;
  888. -moz-transition: all 0.7s ease-out;
  889. transition: all 0.7s ease-out;
  890. }
  891. .perm2 {
  892. opacity:0;
  893. border:1px solid #000;
  894. -webkit-transition-duration: .75s;
  895. top:15px;
  896. width:15px;
  897. height:15px;
  898. position: absolute;
  899. margin-top:0px;
  900. text-align:center;
  901. display:block;
  902. margin-left: 15px;
  903. box-shadow: 1px 1px #000;
  904. -webkit-transform: rotate(0deg);
  905. -moz-transform: rotate(0deg);
  906. }
  907. #entry:hover .perm2 {
  908. opacity:1;
  909. z-index:999999;
  910. margin-left: 36px;
  911. -webkit-transform: rotate(0deg);
  912. -moz-transform: rotate(0deg);
  913. }
  914. .perm3 a{
  915. display:inline-block;
  916. background-color:#fff;
  917. width:15px;
  918. height:15px;
  919. -webkit-transition: all 0.7s ease-out;
  920. -moz-transition: all 0.7s ease-out;
  921. transition: all 0.7s ease-out;
  922. }
  923. .perm3 {
  924. opacity:0;
  925. border:1px solid #000;
  926. -webkit-transition-duration: .75s;
  927. top:15px;
  928. position: absolute;
  929. margin-top:0px;
  930. display:block;
  931. width:15px;
  932. height:15px;
  933. margin-left: 15px;
  934. box-shadow: 1px 1px #000;
  935. -webkit-transform: rotate(0deg);
  936. -moz-transform: rotate(0deg);
  937. }
  938. #entry:hover .perm3 {
  939. opacity:1;
  940. z-index:999999;
  941. margin-left:57px;
  942. -webkit-transform: rotate(0deg);
  943. -moz-transform: rotate(0deg);
  944. }
  945.  
  946.  
  947.  
  948. #entry img.avatar {
  949. display:none;
  950. }
  951. @font-face {font-family:Caviar Dreams;src:url(http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf); }
  952. @font-face{font-family:"Indie Star";src:url('http://static.tumblr.com/9wzbixa/EOUmj2m9n/indiestarbb_reg.otf');}
  953. @font-face{font-family:Black Swan;src:url(http://static.tumblr.com/q54tzar/7POm34eyl/a_s_black_swan_3_.ttf);}
  954. @font-face{font-family:Lala;src:url(http://static.tumblr.com/vpzhdvv/6d7m90v7t/111.woff);}
  955. @font-face{font-family:Just Realize;src:url(http://static.tumblr.com/sghs9ih/2tFlu5il8/justrealize.ttf);}
  956. .title{
  957. font-family:caviar dreams;
  958. font-size: 22px;
  959. line-height: 25px;
  960. text-transform:auto;
  961. color:{color:text};
  962. letter-spacing: 0px;
  963. font-weight: normal;
  964. padding:0px 0px 0px 0px;
  965. }
  966. #postnotes{
  967. text-align: left;}
  968.  
  969. #postnotes blockquote{
  970. border: 1px;}
  971.  
  972.  
  973. blockquote{
  974. padding:0px 0px 2px 5px;
  975. margin:0px 0px 2px 10px;
  976. border-left: 1px solid #555555;
  977. }
  978. ul, ol, li{
  979. list-style:none;
  980. margin:0px;
  981. padding:0px
  982. }
  983.  
  984. #info {font-size:9px;}
  985.  
  986. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  987. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};
  988. }
  989.  
  990.  
  991.  
  992. #theme_wrapper {
  993. width: 850px;
  994. left: 50%;
  995. position: absolute;
  996. margin-left: -425px;
  997. }
  998.  
  999. @font-face { font-family: "ronda"; src: url'http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }
  1000.  
  1001. </style>
  1002.  
  1003.  
  1004. <title>{title}</title>
  1005. <link rel="shortcut icon" href="{favicon}">
  1006. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  1007. <meta name="viewport" content="width=720" />
  1008. </head>
  1009. <body onkeydown=”return false”>
  1010.  
  1011.  
  1012.  
  1013. <div id="ocehansboard">
  1014. <div id="ocehanss"<br>
  1015. <div style="background:{COLOR:LINK};color:white; padding: 3px;ñetter-spacing:1px;font-size: 9px;"><b><center>for you~</b></div>
  1016. 07/26,-new theme <Br>
  1017. 07/29-Added stress page to calm down if you need it :) <Br>
  1018. 07/30 -<a href=/pixels>pixels </a> <Br>
  1019.  
  1020.  
  1021.  
  1022. </div>
  1023. <div id="ocehansboardtab">updates</div>
  1024. </div>
  1025. <div id="noticebox">
  1026.  
  1027. <a href=http://plagal.tumblrcom>♀Mia </a><BR>
  1028. <a href=http://poutful.tumblr.com>♀Angela</a><BR>
  1029. <a href=http://suspend.tumblr.com>♀Kath</a><BR>
  1030. <a href=http://approvinqly.tumblr.com/>♀Alexis</a><BR>
  1031. <a href=http://heart.tumblr.com>♀Sammy</a><BR>
  1032. <a href=http://lindsaylohoean.com/>♂Adrian</a><BR>
  1033.  
  1034.  
  1035.  
  1036.  
  1037. </div>
  1038.  
  1039.  
  1040.  
  1041.  
  1042.  
  1043.  
  1044. <!-- Start of StatCounter Code for Tumblr -->
  1045. <script type="text/javascript">
  1046. var sc_project=9936194;
  1047. var sc_invisible=1;
  1048. var sc_security="7ad627ef";
  1049. var scJsHost = (("https:" == document.location.protocol) ?
  1050. "https://secure." : "http://www.");
  1051. document.write("<sc"+"ript type='text/javascript' src='" +
  1052. scJsHost+
  1053. "statcounter.com/counter/counter.js'></"+"script>");
  1054. </script>
  1055. <noscript><div class="statcounter"><a title="tumblr page
  1056. counter" href="http://statcounter.com/tumblr/"
  1057. target="_blank"><img class="statcounter"
  1058. src="http://c.statcounter.com/9936194/0/7ad627ef/1/"
  1059. alt="tumblr page counter"></a></div></noscript>
  1060. <!-- End of StatCounter Code for Tumblr -->
  1061. {block:ifupdatestab}
  1062. <div id="ocehans">
  1063. <center>
  1064. <div id="ocehans1">
  1065. <div style="font-size:11px; color:#fff;">music</div> <br><div style="border-top:2px solid #fff; padding-top:4px; opacity:.9; font-family:ronda; font-size:8px; line-height:10px; text-align:center; color:#000;">
  1066. <embed src="http://www.sheepproductions.com/billy/billy.swf?=true&f0=https://www.dropbox.com/s/4jqkd99qm2ibl5w/AKMU%20-%20%27%EB%88%88%2C%EC%BD%94%2C%EC%9E%85%28EYES%2C%20NOSE%2C%20LIPS%29%27%20COVER%20AUDIO.mp3?dl=1&t0= ✿&f1=https://www.dropbox.com/s/v707k613rvn7v37/Ellie%20Goulding%20-%20Your%20Song.mp3?dl=1&t1=✿&f2=https://www.dropbox.com/s/bo120wds0g5n7z7/Ellie%20Goulding%20-%20Burn.mp3?dl=1&t2=✿&f3=https://www.dropbox.com/s/t3gp8bx7a8kb7qg/ED%20SHEERAN%20-%20GIVE%20ME%20LOVE%20%28ORIGINAL%29%20LYRICS.mp3?dl=1&t3=✿&f4=https://www.dropbox.com/s/sdxwod97rhth677/John%20Legend%20-%20You%20%26amp%3B%20I%20%28Nobody%20in%20the%20World%29%20%5BLyric%20Video%5D.mp3?dl=1&t4=✿&f5=https://www.dropbox.com/s/x7kj9l9xfexpml5/Arctic%20Monkeys%20-%20Do%20I%20Wanna%20Know-%20%28Official%20Video%29.mp3?dl=1&t5=✿&total=6" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
  1067.  
  1068.  
  1069. </div>
  1070. </div>
  1071.  
  1072. <div id="ocehans2">
  1073. <div style="font-size:11px; color:#fff;">Romwe</div> <br><div style="border-top:2px solid #fff; padding-top:4px; opacity:.9; font-family:ronda; font-size:8px; line-height:10px; text-align:center; color:#000;">
  1074. <br>
  1075. <a href="http://www.romwe.com?joykuuu92" title="Romwe-The Latest Street Fashion"><img src="http://www.romwe.com/includes/templates/bleubirtheme/images/follow2.gif" alt="Romwe-The Latest Street Fashion" width="100px"></a>
  1076. </div></div>
  1077.  
  1078. <div id="ocehans3">
  1079. <div style="font-size:11px; color:#fff;">Choies</div> <br><div style="border-top:2px solid #fff; padding-top:4px; opacity:.9; font-family:ronda; font-size:8px; line-height:10px; text-align:center; color:#000;">
  1080. <br>
  1081. ><a href="http://www.choies.com/?cid=5501frieda" title="Choies"><img src="http://www.choies.com/images/follow10.jpg" alt="Choies-The latest street fashion" width="100px" /></a>
  1082. </div>
  1083. </div>
  1084.  
  1085. <div id="ocehans4">
  1086. <div style="font-size:11px; color:#fff;">Lookbook</div> <br><div style="border-top:2px solid #fff; padding-top:4px; opacity:.9; font-family:ronda; font-size:8px; line-height:10px; text-align:center; color:#000;">
  1087. <br>
  1088. <a href="http://www.lookbookstore.co/?utm_source=Tumblr&utm_medium=Product-Review&utm_campaign=Thelazykorean.Tumblr" title="Lookbook"><img src="http://i61.tinypic.com/akv3pz.jpg" title="lookbook" alt="lookbook" width="100px"/></a>
  1089. </div></div>
  1090.  
  1091. <div id="ocehans5">
  1092. <div style="font-size:11px; color:#fff;">Fashular</div> <br><div style="border-top:2px solid #fff; padding-top:4px; opacity:.9; font-family:ronda; font-size:8px; line-height:10px; text-align:center; color:#000;">
  1093. <br>
  1094. <a href="http://www.fashular.com" title="Fasular"><img src="http://i58.tinypic.com/256rybd.jpg" width="100px"></a>
  1095. </div></div>
  1096. </div>
  1097. {/block:ifupdatestab}
  1098.  
  1099. <div id="theme_wrapper">
  1100.  
  1101. <div id="sidebar">
  1102. <div id="title"><a href="/">{Title}</a> </div>
  1103. <a class="link1" title="{text:Link 1 Title}" href="{text:Link1 URL}"></a>
  1104. <a class="link2" title="{text:Link 2 Title}" href="{text:Link2 URL}"></a>
  1105. <a class="link3" title="{text:Link 3 Title}" href="{text:Link3 URL}"></a>
  1106. <a class="link4" title="{text:Link 4 Title}" href="{text:Link4 URL}"></a>
  1107. <a class="link5" title="{text:Link 5 Title}" href="{text:Link5 URL}"></a>
  1108. <div id="description">{Description}</div>
  1109. </div>
  1110.  
  1111. {block:indexpage}
  1112. {/block:indexpage}
  1113. <div id="posts">
  1114. {block:Posts}
  1115. <div id="entry">
  1116.  
  1117.  
  1118. {block:Text}
  1119. <div class="text">
  1120. {block:Title}
  1121. <span class="title">{Title}</span>
  1122. {/block:Title}
  1123. <span class="entrytext">{Body}</span>
  1124. <div class="permalinktext"> <a href="{permalink}">{NoteCountWithLabel}</a> <font color="#aaa">&middot</font> <a href="{reblogURL}" target="_blank"> reblog </a></span> &middot <a href="{permalink}">{TimeAgo}</a></div></div>
  1125. {/block:Text}
  1126.  
  1127. {block:Link}
  1128. <div style="width:300px;">
  1129. <div class="text"><a href="{URL}" class="title">{Name}</a>
  1130. {block:Description}{Description}{/block:Description}
  1131. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font><a href="{reblogURL}" target="_blank"> reblog </a></span>&middot <a href="{permalink}">{TimeAgo}</a> </div></div></div>
  1132. {/block:Link}
  1133.  
  1134.  
  1135. {block:Photo}
  1136. {block:IndexPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=500px />
  1137. <div class="perm1"> <a title="{notecountwithlabel}" href="{permalink}" ></a></div>
  1138. <div class="perm2"> <a title="reblog this" href="{reblogurl}"></a></div>
  1139. <div class="perm3"> <a title="{Month} {DayOfMonth}" href="/"></a></div>
  1140. {/block:IndexPage}
  1141. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=300px/>{LinkCloseTag}{/block:PermalinkPage}
  1142. {/block:Photo}
  1143.  
  1144.  
  1145. {block:Photoset}
  1146. {block:IndexPage}
  1147. <div class="perm1"> <a title="{notecountwithlabel}" href="{permalink}" ></a></div>
  1148. <div class="perm2"> <a title="reblog this" href="{reblogurl}"></a></div>
  1149. <div class="perm3"> <a title="{Month} {DayOfMonth}" href="/"></a></div>
  1150. <center>
  1151. {Photoset}</center>
  1152. {/block:IndexPage}
  1153. {block:PermalinkPage}
  1154. <center>
  1155. {Photoset}</center>
  1156. {/block:PermalinkPage}
  1157. {/block:Photoset}
  1158.  
  1159. {block:Quote}
  1160. <div style="width:300px;">
  1161. <div class="text">
  1162. <span class="entrytext">"{Quote}" -</span>
  1163. {block:Source}<b><a href="{Permalink}">{Source}</a></b>{/block:Source}
  1164. <div class="permalinktext"> <a href="{permalink}">{NoteCount}</a> <font color="#aaa">&middot</font> <a href="{reblogURL}" target="_blank"> reblog </a></span> &middot <a href="{permalink}">{TimeAgo}</a></div></div></div>
  1165. {/block:Quote}
  1166.  
  1167. {block:Chat}
  1168. <div style="width:300px;">
  1169. <div class="text">
  1170. {block:Title}<span class="title">{Title}</span>{/block:Title}
  1171. <ul class="chat">
  1172. {block:Lines}
  1173. <li class="user_{UserNumber}">
  1174. {block:Label}
  1175. <span class="label">{Label}</span>
  1176. {/block:Label}
  1177.  
  1178. {Line}
  1179. </li>
  1180. {/block:Lines}
  1181. </ul>
  1182. <div class="permalinktext"> <a href="{permalink}">{NoteCount}</a> <font color="#aaa">&middot</font> <a href="{reblogURL}" target="_blank"> reblog </a></span>&middot <a href="{permalink}">{TimeAgo}</a> </div></div></div>
  1183. {/block:Chat}
  1184.  
  1185.  
  1186. {block:Audio}
  1187. <div style="width:300px;">
  1188. <div class="text">
  1189. <center><div style="width:500; height:28px;"><div style="float:left">{AudioPlayerGrey}</div><div style="margin-top:10px; float:left;">
  1190. {block:ExternalAudio}{/block:ExternalAudio}</div></div></center><br>
  1191. <div class="permalinktext"> <a href="{permalink}">{NoteCount}</a> <font color="#aaa">&middot</font> <a href="{reblogURL}" target="_blank"> reblog </a></span> &middot <a href="{permalink}">{TimeAgo}</a></div></div></div>
  1192. {/block:Audio}
  1193.  
  1194. {block:Video}
  1195. <center>
  1196. <div style="padding-top:0px; padding-bottom:0px;height:auto;">
  1197. {Video-250}</center></div>
  1198.  
  1199. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font><a href="{reblogURL}" target="_blank"> reblog </a></span>&middot <a href="{permalink}">{TimeAgo}</a> </div>
  1200. {/block:Video}
  1201.  
  1202. {block:Answer}<div style="width:300px;"><div class="text">
  1203. <div class="question"><img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-left:-8px; width:30px; margin-top:-5px; padding:10px; border:1px solid #e5e5e5; -moz-border-radius: 40px; border-radius: 40px; z-index:1; opacity:1; background: #fff; text-align:left;position:absolute;{block:PermalinkPage} margin-left:-5px;{/block:PermalinkPage}"/><div style="background-color:#fff;border-radius:5px;border:1px solid #e5e5e5;padding:13px 10px 13px 46px;"><strong>{Asker}</strong>: {Question}</div>
  1204. <div id="answer" style"{block:PermalinkPage}padding:5px 5px 5px 30px;{/block:PermalinkPage}">
  1205. {Answer}</div></div>
  1206.  
  1207. <div class="permalinktext"><a href="{permalink}">{notecountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{reblogURL}" target="_blank"> reblog </a></span>&middot <a href="{permalink}">{TimeAgo}</a></div></div></div>
  1208. {/block:Answer}
  1209.  
  1210. {block:PostNotes}
  1211. <center>
  1212.  
  1213. {block:HasTags}
  1214. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  1215. {block:rebloggedFrom}
  1216. reblogged from <a href="{reblogParentURL}">{reblogParentName}</a><br>
  1217. posted by <a href="{reblogRootURL}">{reblogRootName}</a>
  1218.  
  1219. {/block:rebloggedFrom}
  1220. </center></span>
  1221. <br>
  1222.  
  1223. {block:NoSourceLogo}
  1224. {SourceLink}
  1225. {/block:NoSourceLogo}
  1226.  
  1227. {block:PermalinkPage}
  1228. {block:caption}{Caption}{/block:caption}
  1229.  
  1230. {block:Date}<center>{TimeAgo} at {12HourWithZero}:{Minutes}{AmPm}{/block:Date}{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}{block:HasTags}{block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center><br>{block:PostNotes}{PostNotes}{/block:PostNotes}
  1231. {/block:PermalinkPage}
  1232.  
  1233.  
  1234. {/block:PostNotes}
  1235. </div>
  1236. {/block:Posts}
  1237. </div></div>
  1238.  
  1239.  
  1240.  
  1241.  
  1242. <div style="position:fixed;left:2px;bottom:0px;z-index:999999999999999999999999999999999;opacity:.8;"><a href="http://cloud9themes.tumblr.com/" title="Cloud 9 Themes"><img src="http://i.imgur.com/6AifoXS.gif" width="40px"></a></div>
  1243.  
  1244. </div>
  1245.  
  1246. {block:ifpixel}
  1247. <div id="pixel"><a href="#?w=300" rel="box1" class="poplight"><img src="{image:Pixel}"></a></div>
  1248.  
  1249. <div id="box1" class="popup_block">
  1250. {text:Popup box text}
  1251. </div>
  1252.  
  1253. </div></div></div></div></div></div></div></div></div></div>
  1254. {/block:ifpixel}
  1255. </body>
  1256. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement