Advertisement
Guest User

Untitled

a guest
Sep 1st, 2015
69
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.93 KB | None | 0 0
  1.  
  2.  
  3. <!--
  4.  
  5.  
  6.  
  7.  
  8.  
  9.  
  10.  
  11. Stealing this code is
  12. disrespecting Harry Styles
  13. so be good for the curly!
  14.  
  15.  
  16.  
  17.  
  18.  
  19.  
  20.  
  21. >>> T H E M E B Y R O X I E <<<
  22.  
  23. b a b y x n a n a s . t u m b l r . c o m
  24.  
  25.  
  26.  
  27.  
  28.  
  29.  
  30.  
  31.  
  32. -->
  33.  
  34.  
  35.  
  36.  
  37.  
  38. <html>
  39.  
  40. <meta name="color:Background" content="#e5e5e5" />
  41. <meta name="color:Navi Background" content="#ffffff" />
  42. <meta name="color:Sidebar Background" content="#f5f5f5" />
  43. <meta name="color:Post Background" content="#ffffff" />
  44. <meta name="color:Color One" content="#444444" />
  45. <meta name="color:Color Two" content="#427fed">
  46. <meta name="color:Color Three" content="#cccccc">
  47. <meta name="color:Post Text" content="#aaaaaa" />
  48.  
  49. <meta name="image:Header Left" content="" />
  50. <meta name="image:Header Right" content="" />
  51.  
  52. <meta name="image:Blog 1 Icon" content="" />
  53. <meta name="image:Blog 2 Icon" content="" />
  54. <meta name="image:Blog 3 Icon" content="" />
  55.  
  56. <meta name="if:Shows Category 2" content="1" />
  57. <meta name="if:Shows Category 3" content="1" />
  58.  
  59. <meta name="text:Second Title" content="You can put a short description or your online counter here" />
  60.  
  61. <meta name="text:Link 1 Title" content="" />
  62. <meta name="text:Link 1 Url" content="" />
  63. <meta name="text:Link 2 Title" content="" />
  64. <meta name="text:Link 2 Url" content="" />
  65. <meta name="text:Link 3 Title" content="" />
  66. <meta name="text:Link 3 Url" content="" />
  67. <meta name="text:Link 4 Title" content="" />
  68. <meta name="text:Link 4 Url" content="" />
  69. <meta name="text:Link 5 Title" content="" />
  70. <meta name="text:Link 5 Url" content="" />
  71. <meta name="text:Link 6 Title" content="" />
  72. <meta name="text:Link 6 Url" content="" />
  73.  
  74. <meta name="text:Twitter Link" content="" />
  75. <meta name="text:Instagram Link" content="" />
  76. <meta name="text:Facebook Link" content="" />
  77. <meta name="text:Google Link" content="" />
  78.  
  79. <meta name="text:Category 2 Title" content="You May Know" />
  80. <meta name="text:Category 2 Counter" content="3 blogs" />
  81. <meta name="text:Category 3 Title" content="Updates" />
  82. <meta name="text:Category 3 Counter" content="2 news" />
  83.  
  84. <meta name="text:Blog 1 Title" content="" />
  85. <meta name="text:Blog 1 Link" content="" />
  86. <meta name="text:Blog 1 Desc" content="" />
  87. <meta name="text:Blog 2 Title" content="" />
  88. <meta name="text:Blog 2 Link" content="" />
  89. <meta name="text:Blog 2 Desc" content="" />
  90. <meta name="text:Blog 3 Title" content="" />
  91. <meta name="text:Blog 3 Link" content="" />
  92. <meta name="text:Blog 3 Desc" content="" />
  93.  
  94.  
  95. <head>
  96.  
  97. <title>{title}</title>
  98. <link rel="shortcut icon" href="{Favicon}" />
  99.  
  100. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  101.  
  102. <!-- tooltips -->
  103.  
  104. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  105. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  106. <script>
  107. (function($){
  108. $(document).ready(function(){
  109. $("[title]").style_my_tooltips({
  110. tip_follows_cursor:true,
  111. tip_delay_time:200,
  112. tip_fade_speed:300
  113. }
  114. );
  115. });
  116. })(jQuery);
  117. </script>
  118.  
  119. <!-- font -->
  120.  
  121. <script type="text/javascript">
  122. WebFontConfig = {
  123. google: { families: [ 'Roboto:500,900italic,900,400italic,100,700italic,300,700,500italic,100italic,300italic,400:latin' ] }
  124. };
  125. (function() {
  126. var wf = document.createElement('script');
  127. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  128. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  129. wf.type = 'text/javascript';
  130. wf.async = 'true';
  131. var s = document.getElementsByTagName('script')[0];
  132. s.parentNode.insertBefore(wf, s);
  133. })(); </script>
  134.  
  135.  
  136. <!-- random header -->
  137.  
  138.  
  139.  
  140. <style type="text/css">
  141.  
  142.  
  143. html, body {
  144. font-family: 'Roboto', sans-serif;
  145. letter-spacing:0.5px;
  146. background-color:{color:Background};
  147. margin:0px;
  148. padding:0px;
  149. overflow-x:hidden;
  150. }
  151.  
  152. a{
  153. color:{color:Color One};
  154. font-weight:normal;
  155. text-decoration:none;
  156. }
  157.  
  158. a:hover, a:active{
  159. color:{color:Color Two};
  160. }
  161.  
  162. figure{
  163. display:block;
  164. margin-top:10px;
  165. }
  166.  
  167. big{
  168. font-size:16px;
  169. }
  170.  
  171. #s-m-t-tooltip{
  172. position:absolute;
  173. max-width:300px;
  174. z-index:99999999;
  175. margin-top:5px;
  176. margin-left:20px;
  177. display:block;
  178. text-transform:uppercase;
  179. padding:3px;
  180. background:{color:Color One};
  181. font-size:8px;
  182. color:{color:Post Background};
  183. letter-spacing:2px;
  184. }
  185.  
  186. ::-webkit-scrollbar-thumb {
  187. border-top:solid 1px {color:Background};
  188. border-bottom:solid 1px {color:Background};
  189. height:9px;
  190. background-color:{color:Color One};
  191. }
  192.  
  193. ::-webkit-scrollbar-button {
  194. background-color:{color:Color One};
  195. height:9px;
  196. }
  197.  
  198. ::-webkit-scrollbar {
  199. width:9px;
  200. height:4px;
  201. background:{color:Background};
  202. }
  203.  
  204. iframe#tumblr_controls {
  205. white-space:nowrap;
  206. -webkit-filter: invert(100%);
  207. -moz-filter: invert(100%);
  208. -o-filter: invert(100%);
  209. -ms-filter: invert(100%);
  210. filter: invert(100%);
  211. opacity:0.5;
  212. }
  213.  
  214.  
  215. /*--- header ---*/
  216.  
  217.  
  218. #header{
  219. width:1000px;
  220. height:400px;
  221. margin:auto;
  222. top:0px;
  223. }
  224.  
  225. #headerleft{
  226. width:400px;
  227. height:400px;
  228. position:absolute;
  229. background:{color:Color One};
  230. text-align:center;
  231. color:#fff;
  232. overflow:hidden;
  233. z-index:2;
  234. }
  235.  
  236. #headerleft:after{
  237. content: "";
  238. display:block;
  239. position:absolute;
  240. width:400px;
  241. height:400px;
  242. top:0px;
  243. z-index:-1;
  244. background-position:center;
  245. background-image:url('{image:Header Left}');
  246. -webkit-background-size: cover;
  247. -moz-background-size: cover;
  248. -o-background-size: cover;
  249. background-size: cover;
  250. opacity:0.1;
  251. }
  252.  
  253. #headerleft .avatar{
  254. float:center;
  255. margin-top:110px;
  256. }
  257.  
  258. #headerleft .avatar img{
  259. width:100px;
  260. height:100px;
  261. border-radius:50%;
  262. }
  263.  
  264. #headerleft .username{
  265. font-weight:300;
  266. font-size:24px;
  267. line-height:100%;
  268. margin-top:15px;
  269. }
  270.  
  271. #headerleft .blogtitle{
  272. font-size:12px;
  273. font-weight:300;
  274. line-height:100%;
  275. margin-top:15px;
  276. }
  277.  
  278. #headerleft .counter{
  279. font-size:13px;
  280. font-weight:300;
  281. line-height:100%;
  282. margin-top:15px;
  283. }
  284.  
  285. #headerleft .counter a{
  286. color:#fff;
  287. }
  288.  
  289. #headerright{
  290. position:absolute;
  291. margin-left:400px;
  292. width:600px;
  293. height:400px;
  294. background-image: url('{image:Header Right}');
  295. background-size:auto 400px;
  296. background-repeat:no-repeat;
  297. background-position:center;
  298. }
  299.  
  300. /*-- navigation --*/
  301.  
  302. .header {
  303. top:400px;
  304. position:absolute;
  305. width:100%;
  306. }
  307.  
  308. .sticky{
  309. position:fixed;
  310. width:100%;
  311. top:0px;
  312. z-index:9999;
  313. }
  314.  
  315.  
  316. .sticky #navi{
  317. width:100%;
  318. text-align:center;
  319. box-shadow:0px 1px 6px rgba(0,0,0,.15);
  320. -webkit-transition: all 0.3s ease-in-out;
  321. -moz-transition: all 0.3s ease-in-out;
  322. -o-transition: all 0.3s ease-in-out;
  323. -ms-transition: all 0.3s ease-in-out;
  324. transition: all 0.3s ease-in-out;
  325. }
  326.  
  327. #username{
  328. position:absolute;
  329. float:left;
  330. margin-top:-50px;
  331. margin-left:calc(50% - 500px);
  332. font-size:20px;
  333. letter-spacing:0px;
  334. font-weight:500;
  335. line-height:80%;
  336. opacity:0;
  337. -webkit-transition: all 0.3s ease-in-out;
  338. -moz-transition: all 0.3s ease-in-out;
  339. -o-transition: all 0.3s ease-in-out;
  340. -ms-transition: all 0.3s ease-in-out;
  341. transition: all 0.3s ease-in-out;
  342. }
  343.  
  344.  
  345. .blogurl{
  346. color:{color:Post Text};
  347. font-weight:300;
  348. font-size:12px;
  349. }
  350.  
  351.  
  352. #navi{
  353. position: absolute;
  354. margin:auto;
  355. font-size:12px;
  356. width:100%;
  357. background:{color:Navi Background};
  358. text-align:center;
  359. -webkit-transition: all 0.3s ease-in-out;
  360. -moz-transition: all 0.3s ease-in-out;
  361. -o-transition: all 0.3s ease-in-out;
  362. -ms-transition: all 0.3s ease-in-out;
  363. transition: all 0.3s ease-in-out;
  364. }
  365.  
  366. #navi a{
  367. display:inline-block;
  368. color:{color:Post Text};
  369. padding:18px 0px 15px 0px;
  370. margin:0px 20px 0px 20px;
  371. font-weight:300;
  372. text-transform:uppercase;border-bottom:3px solid transparent;
  373. -webkit-transition: all 0.3s ease-in-out;
  374. -moz-transition: all 0.3s ease-in-out;
  375. -o-transition: all 0.3s ease-in-out;
  376. -ms-transition: all 0.3s ease-in-out;
  377. transition: all 0.3s ease-in-out;
  378. }
  379.  
  380. #navi a:hover{
  381. text-decoration:none;
  382. color:{color:Color One};
  383. -webkit-transition: all 0.3s ease-in-out;
  384. -moz-transition: all 0.3s ease-in-out;
  385. -o-transition: all 0.3s ease-in-out;
  386. -ms-transition: all 0.3s ease-in-out;
  387. transition: all 0.3s ease-in-out;
  388. }
  389.  
  390. #navi .firstlink a{
  391. font-weight:700;
  392. }
  393.  
  394. /*-- entries --*/
  395.  
  396. #entries{
  397. margin:auto;
  398. margin-top:100px;
  399. width:1000px;
  400. padding-bottom:50px;
  401. }
  402.  
  403. /*-- sidebar --*/
  404.  
  405. #sidebar{
  406. position:absolute;
  407. margin-left:0px;
  408. width:360px;
  409. }
  410.  
  411. .category{
  412. width:320px;
  413. padding:20px;
  414. margin-bottom:50px;
  415. color:{color:Post Text};
  416. background:{color:Sidebar Background};
  417. font-size:11px;
  418. text-align:justify;
  419. border-radius:3px;
  420. border:1px solid #ddd;
  421. box-shadow:0px 2px #ddd;
  422. }
  423.  
  424. .category h1{
  425. margin:0px 0px 20px 0px;
  426. padding:0px;
  427. font-size:20px;
  428. font-weight:300;
  429. color:{color:Color One};
  430. text-transform:capitalize;
  431.  
  432. }
  433.  
  434. .category h2{
  435. margin:10px;
  436. padding:0px;
  437. font-size:11px;
  438. font-weight:bold;
  439. text-transform:capitalize;
  440. border-bottom:1px solid #E7E7E7;
  441. display:inline-block;
  442. }
  443.  
  444. .category h3{
  445. margin:0px;
  446. margin-top:-35px;
  447. padding:0px;
  448. float:right;
  449. font-size:11px;
  450. font-weight:300;
  451. text-transform:capitalize;
  452. }
  453.  
  454. #desc{
  455. width:290px;
  456. padding:15px;
  457. background:{color:Post background};
  458. border:1px solid #ddd;
  459. box-shadow:inset 0 2px 4px 0 rgba(0,0,0,0.05);
  460. }
  461.  
  462. #icons{
  463. text-align:center;
  464. }
  465.  
  466. #icons a{
  467. display:inline-block;
  468. width:50px;
  469. margin:0px 10px 0px 5px;
  470. font-weight:500;
  471. font-size:10px;
  472. letter-spacing:0px;
  473. cursor:pointer;
  474. text-align:center;
  475. color:{color:Color Three};
  476. -webkit-transition: all 0.2s ease-in-out;
  477. -moz-transition: all 0.3s ease-in-out;
  478. }
  479.  
  480. #icons a:hover{
  481. text-decoration:none;
  482. font-weight:700;
  483. color:{color:Color One};
  484. }
  485.  
  486. #icons span{
  487. color:{color:Color One};
  488. font-weight:700;
  489. }
  490.  
  491. .icon {
  492. display: inline-block;
  493. width:24px;
  494. height:24px;
  495. margin-bottom:5px;
  496. fill:{color:Color Three};
  497. }
  498.  
  499. #icons a:hover .icon{
  500. fill:{color:Color One};
  501. }
  502.  
  503. .icon-pencil, .icon-scroll-to-top{
  504. fill:{color:Color One};
  505. }
  506.  
  507.  
  508. .bubble {
  509. align:right;
  510. margin:7px 0px 10px 0px;
  511. padding:10px;
  512. position: relative;
  513. }
  514.  
  515. .bubble t1{
  516. display:block;
  517. position:absolute;
  518. width:1px;
  519. height:1px
  520. font-size:0;
  521. left:-9px;
  522. top:9.5px;
  523. border-right:7px solid transparent;
  524. border-left:7px solid transparent;
  525. border-top:10px solid {color:Post background};
  526. }
  527.  
  528. .bubble t2 {
  529. display:block;
  530. position:absolute;
  531. width:1px;
  532. height:1px
  533. font-size:0;
  534. left:-10px;
  535. top:10px;
  536. border-right:8px solid transparent;
  537. border-left:8px solid transparent;
  538. border-top:12px solid #ddd;
  539. }
  540.  
  541. #blogs img{
  542. float:left;
  543. width:45px;
  544. height:45px;
  545. border-radius:3px;
  546. margin-right:10px;
  547. }
  548.  
  549. #blogs .blogstitle a{
  550. display:block;
  551. font-weight:700;
  552. font-size:14px;
  553. padding-top:8px;
  554. color:{color:Color One};
  555. }
  556.  
  557. #blogs .blogsdesc{
  558. font-weight:300;
  559. font-size:12px;
  560. color:{color:Post Text};
  561. }
  562.  
  563.  
  564. /*--posts--*/
  565.  
  566. #post {
  567. font-weight:400;
  568. font-size:11px;
  569. width:500px;
  570. margin-left:400px;
  571. color:{color:Post Text};
  572. background:{color:Post Background};
  573. text-align:justify;
  574. padding:45px 50px 45px 50px;
  575. line-height:130%;
  576. border-radius:3px;
  577. border:1px solid #ddd;
  578. box-shadow:0px 2px #ddd;
  579. margin-bottom:50px;
  580. }
  581.  
  582. #post img{
  583. max-width:500px;
  584. height:auto;
  585. }
  586.  
  587. .posttitle{
  588. font-weight:700;
  589. text-transform:uppercase;
  590. font-size:14px;
  591. margin-bottom:8px;
  592. letter-spacing:2px;
  593. margin-top:10px;
  594. }
  595.  
  596. .quotes{
  597. font-weight:700;
  598. font-size:18px;
  599. letter-spacing:0px;
  600. width:500px;
  601. line-height:100%;
  602. margin-top:10px;
  603. }
  604.  
  605. blockquote{
  606. margin-left:10px;
  607. padding-left:10px;
  608. border-left:2px solid {color:Color One};
  609. }
  610.  
  611. pre{
  612. padding:10px;
  613. max-width:480px;
  614. background:#e5e5e5;
  615. }
  616.  
  617. p {
  618. padding-top:5px;
  619. }
  620.  
  621. blockquote p{
  622. padding-top:0px !important;
  623. }
  624.  
  625. ol {
  626. margin-left:-15px;
  627. }
  628.  
  629. ul {
  630. list-style-type:disc;
  631. margin-left:-15px;
  632. }
  633.  
  634. .asker{
  635. font-size:8px;
  636. text-transform:uppercase;
  637. color:{color:Color Three};
  638. letter-spacing:2px;
  639. }
  640.  
  641. .asker a{
  642. color:{color:Color Three};
  643. }
  644.  
  645. .asker a:hover{
  646. color:{color:Post Background};
  647. }
  648.  
  649. .asker img{
  650. width:24px;
  651. height:24px;
  652. border:5px solid {color:Post Background};
  653. float:left;
  654. margin:0px 10px 0px 0px;
  655. }
  656.  
  657. .question{
  658. background-color:{color:Color One};
  659. color:{color:Post Background};
  660. font-size:10px;
  661. width:480px;
  662. min-height:40px;
  663. padding:10px;
  664. padding-bottom:5px;
  665. margin-top:0px;
  666. }
  667.  
  668. .albumart{
  669. width:80px;
  670. height:80px;
  671. position:absolute;
  672. }
  673.  
  674. .albumart img{
  675. width:60px;
  676. height:60px;
  677. float:left;
  678. border:10px solid {color:Background};
  679. }
  680.  
  681. .player{
  682. opacity:0.7;
  683. position:absolute;
  684. z-index:1;
  685. width:80px;
  686. height:80px;
  687. display:block;
  688. -webkit-transition: all 0.7s ease;
  689. -moz-transition: all 0.7s ease;
  690. -o-transition: all 0.7s ease;
  691. }
  692.  
  693. .player:hover{
  694. opacity:1;
  695. }
  696.  
  697. .playerr {
  698. width:25px;
  699. height:25px;
  700. margin-top:24px;
  701. margin-left:24px;
  702. overflow:hidden;
  703. padding:3px;
  704. }
  705.  
  706. .track {
  707. margin-left:100px;
  708. line-height:150%;
  709. height:80px;
  710. }
  711.  
  712. .track span{
  713. font-weight:700;
  714. color:{color:Color One};
  715. }
  716.  
  717. ul.chat, .chat ol, .chat li .chat li {list-style:none;}
  718.  
  719. #postnotes{
  720. width:500px;
  721. margin-left:400px;
  722. background:{color:Post Background};
  723. padding:50px;
  724. color:{color:Post Text};
  725. font-size:11px;
  726. text-align:justify;
  727. line-height:150%;
  728. margin-top:-20px;
  729. border-radius:3px;
  730. border:1px solid #ddd;
  731. box-shadow:0px 2px #ddd;
  732. }
  733.  
  734. #postnotes a{
  735. color:{color:Post Text};
  736. }
  737.  
  738. ol.notes {
  739. padding:0px;
  740. margin:25px 0px;
  741. list-style-type:none;
  742. border-bottom:solid 1px #ddd;
  743. }
  744.  
  745. ol.notes li.note {
  746. border-top:solid 1px #ddd;
  747. padding:10px;
  748. }
  749.  
  750. ol.notes li.note img.avatar {
  751. vertical-align:-4px;
  752. margin-right:10px;
  753. width:16px;
  754. height:16px;
  755. border-radius:50%;
  756. }
  757.  
  758.  
  759.  
  760. /*-- Permalink --*/
  761.  
  762. #permalink{
  763. margin-bottom:15px;
  764. text-align:left;
  765. font-size:10px;
  766. font-weight:300;
  767. width:590px;
  768. letter-spacing:1px;
  769. line-height:250%;
  770. color:{color:Post Text};
  771. }
  772.  
  773. #permalink a{
  774. color:{color:Post Text};
  775. font-weight:normal;
  776. }
  777.  
  778. #permalink img{
  779. margin-right:10px;
  780. border-radius:50%;
  781. float:left;
  782. }
  783.  
  784. #tags{
  785. font-size:9px;
  786. margin-top:15px;
  787. margin-left:5px;
  788. text-align:right;
  789. color:{color:Post Text};
  790. }
  791.  
  792. #tags a{
  793. color:{color:Post Text};
  794. font-weight:normal;
  795. margin:5px;
  796. }
  797.  
  798. /*-- Pagination --*/
  799.  
  800. #pagination{
  801. margin-left:410px;
  802. width:590px;
  803. font-size:10px;
  804. text-align:center;
  805. font-family: 'Montserrat', sans-serif;
  806. }
  807.  
  808. #pagination a{
  809. display:inline-block;
  810. padding:5px;
  811. width:10px;
  812. height:10px;
  813. background-color:{color:Post Background};
  814. color:{color:Color One};
  815. margin:1px;
  816. line-height:100%;
  817. }
  818.  
  819. #pagination .current{
  820. display:inline-block;
  821. padding:5px;
  822. height:10px;
  823. width:10px;
  824. background-color:{color:Color One};
  825. color:{color:Post Background};
  826. margin:1px;
  827. line-height:100%;
  828. }
  829.  
  830. #pagination a:hover{
  831. background-color:{color:Color One};
  832. color:{color:Post Background};
  833. text-decoration:none;
  834. }
  835.  
  836.  
  837. /*------» do noт reмove «------*/
  838.  
  839. #credit {
  840. font-family:Helvetica;
  841. font-size:10px;
  842. position:fixed;
  843. bottom:10px;
  844. right:10px;
  845. letter-spacing:0px;
  846. z-index:99999;
  847. }
  848.  
  849. #credit a{
  850. display:block;
  851. color:{color:Background};
  852. background:{color:Color One};
  853. padding-bottom:9px;
  854. padding-left:5px;
  855. padding-right:10px;
  856. padding-top:4px;
  857. line-height:150%;
  858. height:10px;
  859. width:10px;
  860. overflow:hidden;
  861. text-align:center;
  862. -webkit-transition: all 0.3s ease-in-out;
  863. -moz-transition: all 0.3s ease-in-out;
  864. -o-transition: all 0.3s ease-in-out;
  865. -ms-transition: all 0.3s ease-in-out;
  866. transition: all 0.3s ease-in-out;
  867. }
  868.  
  869. #credit a:hover{
  870. line-height:125%;
  871. padding:5px;
  872. height:23px;
  873. width:25px;
  874. text-decoration:none;
  875. -webkit-transition: all 0.3s ease-in-out;
  876. -moz-transition: all 0.3s ease-in-out;
  877. -o-transition: all 0.3s ease-in-out;
  878. -ms-transition: all 0.3s ease-in-out;
  879. transition: all 0.3s ease-in-out;
  880. }
  881.  
  882. /*------» тнαик уσυ «------*/
  883.  
  884.  
  885.  
  886. /* --- search --- */
  887. #sear {margin-left:50px;
  888. margin-top:10px;
  889. position:absolute;
  890. width:250px;
  891. z-index: 9999999;
  892. }
  893. #sear input[type=text] {outline: none;width:170px;}
  894. #sb {height: 10px;
  895. vertical-align: top;
  896. background:#f5f5f5;}
  897. .sfm input {background-color: #f5f5f5;
  898. font-size: 8px; outline: none;
  899. border: 0px;
  900. text-transform: uppercase;
  901. color: #999;
  902. letter-spacing: 1px;
  903. padding: 10px;
  904. font-family: 'Roboto', sans-serif;
  905. border-radius:3px;
  906. border-bottom:1px solid #ddd;
  907. box-shadow:0px 2px #ddd;
  908. }
  909.  
  910. #tags {
  911. padding:6px 15px 6px 15px;
  912. margin-top:10px;
  913. font-size:9px;
  914. margin-left:-15px;
  915. font-family:{text:font family body};
  916. width:500px;
  917. background-color:{color:tags};
  918. margin-bottom:0px;
  919. color:{color:tags text};
  920. }
  921.  
  922. #tags a {
  923. text-align:left;
  924. font-size:9px;
  925.  
  926. font-family:{text:font family body};
  927. color:{color:tags text};
  928. }
  929.  
  930. #date {
  931. font-weight:bold;
  932. margin-top:10px;
  933. margin-bottom:0px;
  934. padding:10px 5px;
  935. width:500px;
  936. font-size:9px;
  937. word-spacing:3px;
  938. text-transform:uppercase;
  939. color:{color:link};
  940. }
  941.  
  942. #date a {
  943. font-weight:bold;
  944. font-style:none;
  945. font-size:9px;
  946. text-transform:uppercase;
  947. color:{color:link};
  948. }
  949.  
  950.  
  951. </style>
  952.  
  953. </head>
  954.  
  955. <body>
  956.  
  957. <!-- [[•------» do noт reмove «------•]] -->
  958.  
  959. <div id="credit">
  960. <a href="http://babyxnanas.tumblr.com/theme" target:"_blank">BN<br><span style="letter-spacing:-1px;font-size:8px;">HTML</span></a>
  961. </div>
  962.  
  963. <!-- [[•------» тнαик уσυ «------•]] -->
  964.  
  965.  
  966. <div id="header">
  967.  
  968. <div id="headerleft">
  969. <div class="avatar"><img src="{PortraitURL-128}"></div>
  970. <div class="username">{title}</div>
  971. <div class="blogtitle">@{name}</div>
  972. <div class="counter">A blog dedicated to all things Orphan Black</div>
  973. </div>
  974.  
  975. <div id="headerright"></div>
  976.  
  977. </div><!-- header -->
  978.  
  979.  
  980. <div class="header">
  981. <div id="navi">
  982. {block:IndexPage}<span class="firstlink">{/block:IndexPage} <a href="{text:Link 1 Url}">{text:Link 1 Title}</a>{block:IndexPage}</span>{/block:IndexPage}
  983. <a href="/ask">message</a>
  984. <a href="/archive">archive</a>
  985. <a href="/apply">apply</a>
  986. <a href="/submit">requests</a>
  987. <a href="http://orphanblackzone.tumblr.com/post/122119212972/orphanblackzone-season-3-is-over-we-had-an">s3 masterpost</a>
  988. <script language="JavaScript">
  989. var ref = (''+document.referrer+'');
  990. var w_h = window.screen.width + " x " + window.screen.height;
  991. document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID4339112&e1=clone&e2=clones&r=' + ref + '&wh=' + w_h + '"><\/script>');
  992. </script>
  993. </div><!-- navi -->
  994. </div>
  995.  
  996. <script>
  997. var header = document.querySelector('.header');
  998. var origOffsetY = header.offsetTop;
  999.  
  1000. function onScroll(e) {
  1001. window.scrollY >= origOffsetY ? header.classList.add('sticky') :
  1002. header.classList.remove('sticky');
  1003. }
  1004.  
  1005. document.addEventListener('scroll', onScroll);
  1006. </script>
  1007.  
  1008.  
  1009.  
  1010. <div id="entries">
  1011.  
  1012. <div id="sidebar">
  1013.  
  1014. <div class="category">
  1015. <div id="desc">{description}</div>
  1016.  
  1017. <div id="sear">
  1018. <form action="/search" method="get" class="sfm">
  1019. <input type="text" name="q" value="" id="sf" placeholder="search term here" />
  1020. <input type="image" value="Search" src="http://static.tumblr.com/f1skqpy/Oxbn13qun/search_icon.png" id="sb"/>
  1021. </form></div>
  1022. </div>
  1023.  
  1024. <div class="category">
  1025. <div id="icons">
  1026. {block:iftwitterlink}<a href="{text:Twitter Link}"><svg class="icon icon-twitter"><use xlink:href="#icon-twitter"></use></svg><br>Twitter</a>{/block:iftwitterlink}
  1027. {block:ifinstagramlink}<a href="{text:Instagram Link}"><svg class="icon icon-instagram"><use xlink:href="#icon-instagram"></use></svg><br>Instagram</a>{/block:ifinstagramlink}
  1028. {block:iffacebooklink}<a href="{text:Facebook Link}"><svg class="icon icon-facebook"><use xlink:href="#icon-facebook"></use></svg><br>Facebook</a>{/block:iffacebooklink}
  1029. {block:ifgooglelink}<a href="{text:Google Link}"><i class="fa fa-desktop" style="font-size:26px;"></i><br>Network</a>{/block:ifgooglelink}
  1030. </div>
  1031. </div><!-- category -->
  1032.  
  1033.  
  1034. {block:ifshowscategory2}
  1035. <div class="category" style="line-height:150%;">
  1036. <h1>{text:Category 2 Title}</h1><h3>{text:Category 2 Counter}</h3>
  1037. <div id="blogs">
  1038.  
  1039. {block:ifblog1link}
  1040. <a href="{text:Blog 1 Link}"><img src="{image:Blog 1 Icon}"></a>
  1041. <div class="blogstitle"><a href="{text:Blog 1 Link}">{text:Blog 1 Title}</a></div>
  1042. <div class="blogsdesc"><a href="http://orphanblackzone.tumblr.com/tagged/ananda">edits</a></div>
  1043. <br>
  1044. {/block:ifblog1link}
  1045.  
  1046. {block:ifblog2link}
  1047. <a href="{text:Blog 2 Link}"><img src="{image:Blog 2 Icon}"></a>
  1048. <div class="blogstitle"><a href="{text:Blog 2 Link}">{text:Blog 2 Title}</a></div>
  1049. <div class="blogsdesc"><a href="http://orphanblackzone.tumblr.com/tagged/bea">edits</a></div>
  1050. <br>
  1051. {/block:ifblog2link}
  1052.  
  1053. {block:ifblog3link}
  1054. <a href="{text:Blog 3 Link}"><img src="{image:Blog 3 Icon}"></a>
  1055. <div class="blogstitle"><a href="{text:Blog 3 Link}">{text:Blog 3 Title}</a></div>
  1056. <div class="blogsdesc"><a href="http://orphanblackzone.tumblr.com/tagged/kristen">edits</a></div>
  1057. {/block:ifblog3link}
  1058.  
  1059. </div>
  1060. </div><!-- category2 -->
  1061. {/block:ifshowscategory2}
  1062.  
  1063.  
  1064. {block:ifshowscategory3}
  1065. <div class="category" style="line-height:150%;">
  1066. <h1>{text:Category 3 Title}</h1><h3>{text:Category 3 Counter}</h3>
  1067. <h2><a href="/tagged/*">edits</a></h2>
  1068. <h2><a href="/ourtags">all tags</a></h2>
  1069. <h2><a href="/olinks">official links</a></h2>
  1070. <h2><a href="/soundtracks">soundtracks</a></h2>
  1071. </div><!-- category3 -->
  1072. {/block:ifshowscategory3}
  1073.  
  1074.  
  1075. </div><!-- sidebar -->
  1076.  
  1077.  
  1078.  
  1079. {block:Posts}
  1080.  
  1081.  
  1082. <div id="post">
  1083.  
  1084. {block:Date}
  1085. <div id="permalink">
  1086. {block:RebloggedFrom}
  1087. <a href="{ReblogParentURL}" target="_blank" title="{ReblogParentName}"><img src="{ReblogParentPortraitURL-24}" style="margin-right:7px;"></a>
  1088. <a href="{ReblogRootURL}" target="_blank" title="
  1089. {ReblogRootName}"><img src="{ReblogRootPortraitURL-24}"></a>{/block:RebloggedFrom}
  1090. {block:NotReblog}<a href="{URL}" target="_blank" title="{Name}"><img src="{PortraitURL-24}"></a>{/block:NotReblog}
  1091. <a href="{Permalink}">{NoteCount}</a> -
  1092. {ShortMonth} {DayOfMonthWithZero} {Year}</span> -
  1093. <a href="{ReblogURL}" target="_blank">Reblog</a>
  1094. </div>
  1095. {/block:Date}
  1096.  
  1097. {block:Text}
  1098. {block:Title}
  1099. <div class="posttitle">{Title}</div>
  1100. {/block:Title}
  1101. {Body}
  1102. {/block:Text}
  1103.  
  1104. {block:Link}
  1105. <div class="posttitle">
  1106. <a href="{URL}">{Name}</a>
  1107. </div>
  1108. {block:Description}{Description}{/block:Description}
  1109. {/block:Link}
  1110.  
  1111. {block:Photo}
  1112. {LinkOpenTag}
  1113. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500">
  1114. {LinkCloseTag}
  1115. {block:Caption}{Caption}{/block:Caption}
  1116. {block:ContentSource}
  1117. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1118. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1119. {/block:SourceLogo}
  1120. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1121. {/block:ContentSource}
  1122. {block:ReblogParentURL}
  1123. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1124. {/block:ReblogParentURL}
  1125. {/block:Photo}
  1126.  
  1127. {block:Photoset}
  1128. {Photoset-500}
  1129. {block:Caption}{Caption}{/block:Caption}
  1130. {/block:Photoset}
  1131.  
  1132. {block:Quote}
  1133. <div class="quotes">“ {Quote} ”</div>
  1134. {block:Source}<br>
  1135. <div style="letter-spacing:1px;font-size:10px;">— {Source}</div>
  1136. {/block:Source}
  1137. <br>
  1138. {/block:Quote}
  1139.  
  1140. {block:Chat}
  1141. {block:Title}
  1142. <div class="posttitle">
  1143. {Title}
  1144. </div>
  1145. {/block:Title}
  1146. <ul class="chat">
  1147. {block:Lines}
  1148. <li class="user_{UserNumber}">
  1149. {block:Label}
  1150. <span class="label" style="color:{color:Color One}"><b>{Label}</b></span>
  1151. {/block:Label}
  1152. &nbsp;{Line}
  1153. </li>
  1154. {/block:Lines}
  1155. </ul>
  1156. {/block:Chat}
  1157.  
  1158. {block:Audio}
  1159. <div class="albumart">
  1160. {block:AlbumArt}<img src="{AlbumArtURL}" width="80px">{/block:AlbumArt}
  1161. </div>
  1162. <div class="player">
  1163. <div class="playerr">
  1164. <span id="audio">{AudioPlayerWhite}</span>
  1165. </div>
  1166. </div>
  1167. <div class="track">
  1168. {block:TrackName}<span>Title:</span> {TrackName}<br>{/block:Trackname}
  1169. {block:Artist}<span>Artist:</span> {Artist}<br>{/block:Artist}
  1170. {block:Album}<span>Album:</span> {Album}<br>{/block:Album}
  1171. {block:PlayCount}<span>Played:</span> {PlayCount}{/block:PlayCount}
  1172. </div>
  1173. {block:caption}{Caption}{/block:caption}{/block:Audio}
  1174.  
  1175. {block:Video}
  1176. {Video-500}
  1177. {block:Caption}{Caption}{/block:Caption}
  1178. {/block:Video}
  1179.  
  1180. {block:Answer}
  1181. <div class="question">
  1182. <div class="asker"><img src="{AskerPortraitURL-48}">{Asker} said:</div>
  1183. {Question}
  1184. </div>
  1185. {Answer}{/block:Answer}
  1186.  
  1187. <div id="tags">
  1188. {block:Tags}<a href="/tagged/{Tag}"> &nbsp;{Tag}</a>{/block:Tags}
  1189. </div>
  1190.  
  1191. </div>
  1192.  
  1193.  
  1194. {block:PostNotes}
  1195. <div id="postnotes">
  1196. {PostNotes}
  1197. </div>
  1198. {/block:PostNotes}
  1199.  
  1200. {/block:Posts}
  1201.  
  1202. {block:Pagination}
  1203. <div id="pagination">
  1204. {block:PreviousPage}
  1205. <a href="{PreviousPage}">◂</a>{/block:PreviousPage}
  1206. {block:JumpPagination length="5"}
  1207. {block:CurrentPage}
  1208. <span class="current">{PageNumber}</span>{/block:CurrentPage}
  1209. {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}
  1210. {/block:JumpPagination}
  1211. {block:NextPage}<a href="{NextPage}">▸</a>{/block:NextPage}
  1212. </div>
  1213. {/block:Pagination}
  1214.  
  1215. </div><!-- entries -->
  1216.  
  1217. </body>
  1218.  
  1219. <!-- SVGs -->
  1220.  
  1221. <svg display="none" width="0" height="0" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  1222. <defs>
  1223.  
  1224.  
  1225.  
  1226. <symbol id="icon-pencil" viewBox="0 0 1024 1024">
  1227. <path class="path1" d="M864 0c88.364 0 160 71.634 160 160 0 36.020-11.91 69.258-32 96l-64 64-224-224 64-64c26.742-20.090 59.978-32 96-32zM64 736l-64 288 288-64 592-592-224-224-592 592zM715.578 363.578l-448 448-55.156-55.156 448-448 55.156 55.156z"></path>
  1228. </symbol>
  1229.  
  1230. <symbol id="icon-instagram" viewBox="0 0 1024 1024">
  1231. <path class="path1" d="M854 0h-684c-93.5 0-170 76.5-170 170v684c0 93.5 76.5 170 170 170h684c93.5 0 170-76.5 170-170v-684c0-93.5-76.5-170-170-170zM327.8 448h368.4c6.988 20.058 10.8 41.59 10.8 64 0 107.524-87.476 195-195 195s-195-87.476-195-195c0-22.41 3.812-43.942 10.8-64zM896 448.050v383.95c0 35.2-28.8 64-64 64h-640c-35.2 0-64-28.8-64-64v-384h100.108c-4.642 20.602-7.108 42.016-7.108 64 0 160.458 130.542 291 291 291s291-130.542 291-291c0-21.984-2.464-43.398-7.108-64l100.108 0.050zM896 224c0 17.6-14.4 32-32 32h-64c-17.6 0-32-14.4-32-32v-64c0-17.6 14.4-32 32-32h64c17.6 0 32 14.4 32 32v64z"></path>
  1232. </symbol>
  1233.  
  1234. <symbol id="icon-twitter" viewBox="0 0 1024 1024">
  1235. <path class="path1" d="M1024 194.418c-37.676 16.708-78.164 28.002-120.66 33.080 43.372-26 76.686-67.17 92.372-116.23-40.596 24.078-85.556 41.56-133.41 50.98-38.32-40.83-92.922-66.34-153.346-66.34-116.022 0-210.088 94.058-210.088 210.078 0 16.466 1.858 32.5 5.44 47.878-174.6-8.764-329.402-92.4-433.018-219.506-18.084 31.028-28.446 67.116-28.446 105.618 0 72.888 37.088 137.192 93.46 174.866-34.438-1.092-66.832-10.542-95.154-26.278-0.020 0.876-0.020 1.756-0.020 2.642 0 101.788 72.418 186.696 168.522 206-17.626 4.8-36.188 7.372-55.348 7.372-13.538 0-26.698-1.32-39.528-3.772 26.736 83.46 104.32 144.206 196.252 145.896-71.9 56.35-162.486 89.934-260.916 89.934-16.958 0-33.68-0.994-50.116-2.94 92.972 59.61 203.402 94.394 322.042 94.394 386.422 0 597.736-320.124 597.736-597.744 0-9.108-0.206-18.168-0.61-27.18 41.056-29.62 76.672-66.62 104.836-108.748z"></path>
  1236. </symbol>
  1237.  
  1238. <symbol id="icon-facebook" viewBox="0 0 1024 1024">
  1239. <path class="path1" d="M853.35 0h-682.702c-94.25 0-170.648 76.42-170.648 170.686v682.63c0 94.266 76.398 170.684 170.648 170.684h341.352v-448h-128v-128h128v-96c0-88.366 71.634-160 160-160h160v128h-160c-17.674 0-32 14.328-32 32v96h176l-32 128h-144v448h213.35c94.25 0 170.65-76.418 170.65-170.684v-682.63c0-94.266-76.4-170.686-170.65-170.686z"></path>
  1240. </symbol>
  1241.  
  1242. <symbol id="icon-google" viewBox="0 0 1024 1024">
  1243. <path class="path1" d="M0.806 869.664c-0.244-2.532-0.452-5.070-0.584-7.63 0.13 2.56 0.34 5.098 0.584 7.63zM235.908 565.148c92.010 2.738 153.734-92.698 137.862-213.198-15.894-120.48-103.396-217.168-195.408-219.922-92.026-2.73-153.74 89.482-137.852 210 15.882 120.468 103.352 220.374 195.398 223.12zM1024 256v-85.31c0-93.88-76.782-170.69-170.658-170.69h-682.656c-92.276 0-168.012 74.232-170.564 165.926 58.362-51.386 139.324-94.316 222.874-94.316 89.304 0 357.244 0 357.244 0l-79.948 67.618h-113.268c75.13 28.804 115.156 116.124 115.156 205.722 0 75.248-41.81 139.954-100.888 185.968-57.644 44.902-68.572 63.708-68.572 101.878 0 32.578 61.746 88 94.032 110.788 94.382 66.538 124.916 128.312 124.916 231.456 0 16.428-2.042 32.83-6.066 48.96h307.742c93.874 0 170.656-76.75 170.656-170.69v-533.308h-192v191.998h-64v-192h-191.998v-64h191.998v-192h64v192h192zM185.886 765.936c21.614 0 41.422-0.59 61.936-0.59-27.146-26.334-48.626-58.6-48.626-98.38 0-23.608 7.564-46.336 18.134-66.52-10.782 0.77-21.79 0.994-33.126 0.994-74.356 0-137.506-24.076-184.204-63.854v67.242l0.006 201.73c53.44-25.374 116.888-40.622 185.88-40.622zM3.42 887.258c-1.112-5.458-1.966-11.006-2.542-16.634 0.574 5.628 1.43 11.176 2.542 16.634zM455.45 952.846c-15.058-58.806-68.454-87.964-142.888-139.568-27.072-8.732-56.894-13.874-88.894-14.208-89.618-0.964-173.108 34.942-220.216 88.372 15.92 77.706 85.034 136.558 167.234 136.558h286.444c1.816-11.128 2.696-22.632 2.696-34.432 0-12.534-1.534-24.792-4.376-36.722z"></path>
  1244. </symbol>
  1245.  
  1246. <symbol id="icon-scroll-to-top" viewBox="0 0 1024 1024">
  1247. <path class="path1" d="M341.333 469.333h128v426.667h85.333v-426.667h128l-170.667-170.667-170.667 170.667zM170.667 128v85.333h682.667v-85.333h-682.667z"></path>
  1248. </symbol>
  1249. </defs>
  1250. </svg>
  1251.  
  1252. <!-- scroll to top -->
  1253.  
  1254. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  1255. <script type="text/javascript">//** jQuery Scroll to Top Control script- (c) I made this script myself (Kyle Monk) and it is hosted on my personal site so would appreciate if you followed my blog at kylemonk.tumblr.com if you use it or for details on how to change the location.
  1256. //** Graphic originally from tumbler dashboard, for details on how to change graphic colour, contact me at kylemonk.tumblr.com
  1257. //** v1.1 (April 7th, 10'):
  1258. //** 1) Adds ability to scroll to an absolute position (from top of page) or specific element on the page instead.
  1259. //** 2) Fixes scroll animation not working in Opera.
  1260.  
  1261.  
  1262. var scrolltotop={
  1263. //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
  1264. //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
  1265. setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
  1266. controlHTML: '<svg class="icon icon-scroll-to-top"><use xlink:href="#icon-scroll-to-top"></use></svg>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
  1267. controlattrs: {offsetx:11, offsety:40}, //offset of control relative to right/ bottom of window corner
  1268. anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
  1269.  
  1270. state: {isvisible:false, shouldvisible:false},
  1271.  
  1272. scrollup:function(){
  1273. if (!this.cssfixedsupport) //if control is positioned using JavaScript
  1274. this.$control.css({opacity:0}) //hide control immediately after clicking it
  1275. var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
  1276. if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
  1277. dest=jQuery('#'+dest).offset().top
  1278. else
  1279. dest=0
  1280. this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
  1281. },
  1282.  
  1283. keepfixed:function(){
  1284. var $window=jQuery(window)
  1285. var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
  1286. var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
  1287. this.$control.css({left:controlx+'px', top:controly+'px'})
  1288. },
  1289.  
  1290. togglecontrol:function(){
  1291. var scrolltop=jQuery(window).scrollTop()
  1292. if (!this.cssfixedsupport)
  1293. this.keepfixed()
  1294. this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
  1295. if (this.state.shouldvisible && !this.state.isvisible){
  1296. this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
  1297. this.state.isvisible=true
  1298. }
  1299. else if (this.state.shouldvisible==false && this.state.isvisible){
  1300. this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
  1301. this.state.isvisible=false
  1302. }
  1303. },
  1304.  
  1305. init:function(){
  1306. jQuery(document).ready(function($){
  1307. var mainobj=scrolltotop
  1308. var iebrws=document.all
  1309. mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
  1310. mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
  1311. mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
  1312. .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
  1313. .attr({title:'back to top'})
  1314. .click(function(){mainobj.scrollup(); return false})
  1315. .appendTo('body')
  1316. if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
  1317. mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
  1318. mainobj.togglecontrol()
  1319. $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
  1320. mainobj.scrollup()
  1321. return false
  1322. })
  1323. $(window).bind('scroll resize', function(e){
  1324. mainobj.togglecontrol()
  1325. })
  1326. })
  1327. }
  1328. }
  1329.  
  1330. scrolltotop.init()</script>
  1331.  
  1332.  
  1333. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement