jasonmcann

Theme: Boombayah

Aug 19th, 2016
10,220
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 34.00 KB | None | 0 0
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4.  
  5. theme #37 boombayah
  6. - by cathms -
  7.  
  8. Last update: April 16, 2017
  9. - don't take parts of this code
  10. - don't remove this comment
  11. - don't remove the credit
  12.  
  13. To edit the sidebar boxes search for ‘edit: sidebar’ and 'edit: footer'
  14.  
  15. -->
  16.  
  17. <html>
  18. <head>
  19.  
  20. <title>{Title} {block:TagPage}— #{Tag}{/block:TagPage} {block:PostSummary}— {PostSummary}{/block:PostSummary}</title>
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  23. <meta name="description" content="" />
  24. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  25.  
  26. <meta name="image:Background" content="">
  27. <meta name="image:Header" content="">
  28. <meta name="image:Sidebar" content="">
  29.  
  30. <meta name="color:Background" content="#f8f8f8" />
  31. <meta name="color:Posts" content="#ffffff" />
  32. <meta name="color:Text" content="#999999" />
  33. <meta name="color:Link" content="#444444" />
  34. <meta name="color:Link hover" content="#999999" />
  35. <meta name="color:Info" content="#444444" />
  36. <meta name="color:Bold" content="#444444" />
  37. <meta name="color:Borders" content="#eeeeee" />
  38. <meta name="color:Scrollbar" content="#444444" />
  39.  
  40. <meta name="select:Background position" content="initial" title="initial"/>
  41. <meta name="select:Background position" content="5% 5%" title="left top"/>
  42. <meta name="select:Background position" content="5% 50%" title="left center"/>
  43. <meta name="select:Background position" content="5% 95%" title="left bottom"/>
  44. <meta name="select:Background position" content="95% 5%" title="right top"/>
  45. <meta name="select:Background position" content="95% 50%" title="right center"/>
  46. <meta name="select:Background position" content="95% 95%" title="right bottom"/>
  47.  
  48. <meta name="select:Background repeat" content="repeat" title="repeat"/>
  49. <meta name="select:Background repeat" content="no-repeat" title="no repeat"/>
  50.  
  51. <meta name="select:Header attachment" content="scroll" title="scroll"/>
  52. <meta name="select:Header attachment" content="fixed" title="fixed"/>
  53.  
  54. <meta name="select:Header size" content="cover" title="cover"/>
  55. <meta name="select:Header size" content="auto" title="auto"/>
  56. <meta name="select:Header size" content="contain" title="contain"/>
  57.  
  58. <meta name="select:Header repeat" content="no-repeat" title="no repeat"/>
  59. <meta name="select:Header repeat" content="repeat" title="repeat"/>
  60.  
  61. <meta name="select:Header position" content="center" title="center"/>
  62. <meta name="select:Header position" content="top" title="top"/>
  63. <meta name="select:Header position" content="bottom" title="bottom"/>
  64.  
  65. <meta name="select:Body font" content="roboto" title="Roboto"/>
  66. <meta name="select:Body font" content="helvetica" title="Helvetica"/>
  67. <meta name="select:Body font" content="arial" title="Arial"/>
  68. <meta name="select:Body font" content="cambria" title="Cambria"/>
  69. <meta name="select:Body font" content="calibri" title="Calibri"/>
  70. <meta name="select:Body font" content="trebuchet ms" title="Trebuchet ms"/>
  71.  
  72. <meta name="select:Body font size" content="09px" title="09px"/>
  73. <meta name="select:Body font size" content="10px" title="10px"/>
  74. <meta name="select:Body font size" content="11px" title="11px"/>
  75. <meta name="select:Body font size" content="12px" title="12px"/>
  76.  
  77. <meta name="select:Title font size" content="08px" title="08px"/>
  78. <meta name="select:Title font size" content="09px" title="09px"/>
  79. <meta name="select:Title font size" content="10px" title="10px"/>
  80. <meta name="select:Title font size" content="11px" title="11px"/>
  81. <meta name="select:Title font size" content="12px" title="12px"/>
  82.  
  83. <meta name="select:Posts width" content="500" title="500px"/>
  84. <meta name="select:Posts width" content="250" title="250px"/>
  85. <meta name="select:Posts width" content="300" title="300px"/>
  86. <meta name="select:Posts width" content="350" title="350px"/>
  87. <meta name="select:Posts width" content="400" title="400px"/>
  88. <meta name="select:Posts width" content="450" title="450px"/>
  89. <meta name="select:Posts width" content="540" title="540px"/>
  90.  
  91. <meta name="select:Number of links" content="4" title="4">
  92. <meta name="select:Number of links" content="1" title="1">
  93. <meta name="select:Number of links" content="2" title="2">
  94. <meta name="select:Number of links" content="3" title="3">
  95. <meta name="select:Number of links" content="5" title="5">
  96. <meta name="select:Number of links" content="6" title="6">
  97. <meta name="select:Number of links" content="7" title="7">
  98.  
  99. <meta name="if:Contained header" content="0">
  100. <meta name="if:Grid layout" content="0">
  101. <meta name="if:Top pagination" content="0">
  102. <meta name="if:Manual load" content="0">
  103. <meta name="if:Sticky sidebar" content="1">
  104. <meta name="if:Show caption" content="1">
  105. <meta name="if:Custom gutter" content="0">
  106. <meta name="if:No rescaling" content="0">
  107.  
  108. <meta name="text:Margin" content="90" />
  109. <meta name="text:Sidebar width" content="250" />
  110. <meta name="text:Header height" content="350" />
  111. <meta name="text:Footer height" content="150" />
  112. <meta name="text:Gutter" content="4" />
  113. <meta name="text:Link 01 URL" content="/" />
  114. <meta name="text:Link 01 title" content="Link 01">
  115. <meta name="text:Link 02 URL" content="/" />
  116. <meta name="text:Link 02 title" content="Link 02">
  117. <meta name="text:Link 03 URL" content="/" />
  118. <meta name="text:Link 03 title" content="Link 03">
  119. <meta name="text:Link 04 URL" content="/" />
  120. <meta name="text:Link 04 title" content="Link 04">
  121. <meta name="text:Link 05 URL" content="/" />
  122. <meta name="text:Link 05 title" content="Link 05">
  123. <meta name="text:Link 06 URL" content="/" />
  124. <meta name="text:Link 06 title" content="Link 06">
  125. <meta name="text:Link 07 URL" content="/" />
  126. <meta name="text:Link 07 title" content="Link 07">
  127.  
  128. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet">
  129.  
  130. <style type="text/css">
  131.  
  132. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  133. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1;} }
  134. @keyframes fadeIn { from { opacity:0; } to { opacity:1;} }
  135.  
  136. .fade-in {
  137. opacity:0;
  138. -webkit-animation:fadeIn ease-in 1;
  139. -moz-animation:fadeIn ease-in 1;
  140. animation:fadeIn ease-in 1;
  141. -webkit-animation-fill-mode:forwards;
  142. -moz-animation-fill-mode:forwards;
  143. animation-fill-mode:forwards;
  144. -webkit-animation-duration:1s;
  145. -moz-animation-duration:1s; animation-duration:1s; }
  146.  
  147. .fade-in.one { -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; animation-delay: 0.2s; }
  148.  
  149. body {
  150. font:{select:body font size} {select:body font}, sans-serif;
  151. margin:0;
  152. color:{color:text};
  153. background:{color:Background} {block:ifBackgroundImage}url('{image:Background}') fixed{/block:ifBackgroundImage};
  154. background-position: {select:background position};
  155. background-repeat: {select:background repeat};
  156. line-height:140%;
  157. }
  158.  
  159. a {
  160. color:{color:link};
  161. text-decoration: none;
  162. -webkit-transition:all 0.6s ease-in-out;/*chrome-safari*/
  163. -o-transition:all 0.6s ease-in-out;/*opera*/
  164. -moz-transition:all 0.6s ease-in-out;/*mozilla firefox*/
  165. -ms-transition:all 0.6s ease-in-out;/*ie*/
  166. transition:all 0.6s ease-in-out;/*w3c*/}
  167.  
  168. a:hover {
  169. color:{color:link hover};}
  170.  
  171. b, strong {
  172. color:{color:bold};}
  173.  
  174. small {
  175. font-size:09px;}
  176.  
  177. ol {list-style-type:lower-roman;}
  178.  
  179. sub, sup{font-size: 10px;}
  180.  
  181. .container {
  182. width:calc({select:posts width}px + 40px + {text:sidebar width}px + {text:margin}px);
  183. margin:0 auto;
  184. overflow:hidden;
  185. {block:indexPage}{block:ifGridLayout}
  186. width:calc(250px * 2 + {text:margin}px * 2 + 80px + {text:sidebar width}px);
  187. {/block:ifGridLayout}{/block:indexpage}
  188. }
  189.  
  190. .entries{
  191. width:{select:posts width}px + 40px);
  192. margin-left:calc({text:margin}px + {text:Sidebar width}px);
  193. {block:indexpage}{block:ifGridLayout}
  194. width:calc(250px * 2 + {text:margin}px * 2 + 80px);
  195. margin-left:calc({text:sidebar width}px + {text:margin}px);
  196. {/block:ifGridLayout}{/block:indexpage}
  197. }
  198.  
  199. .posts {
  200. width:{select:posts width}px;
  201. overflow:hidden;
  202. word-wrap: break-word;
  203. {block:ifGridLayout}{block:IndexPage}
  204. margin-right:{text:margin}px;
  205. width:250px;
  206. float:left;
  207. {/block:IndexPage}{/block:ifGridLayout}
  208. padding:20px;
  209. position:relative;
  210. {block:IndexPage}
  211. margin-bottom:{text:margin}px;
  212. {/block:IndexPage}
  213. background-color:{color:posts};
  214. }
  215.  
  216. {block:IndexPage}
  217. .posts:first-of-type{
  218. margin-top:0;
  219. }
  220. {/block:IndexPage}
  221.  
  222. .posts h2{
  223. font-size:18px;
  224. line-height:130%;
  225. font-weight:bold;}
  226.  
  227. .posts blockquote {
  228. border-left: 1px solid {color:borders};
  229. padding-left: 5px;
  230. margin:05px;}
  231.  
  232. .posts img, .posts li, .posts blockquote {max-width: 100%;height:auto;}
  233.  
  234. .tmblr-full img {
  235. width:100%;}
  236.  
  237. .posts .images{
  238. {block:ifNotNoRescaling}
  239. width: 100%;
  240. {/block:ifNotNoRescaling}
  241. display:block;}
  242.  
  243. nav {
  244. background-color:{color:posts};
  245. padding:20px;
  246. padding-left:135px;
  247. padding-right:135px;
  248. border-bottom:1px solid {color:borders};
  249. position:fixed;
  250. width:100%;
  251. z-index:999;
  252. top:0;
  253. }
  254.  
  255. nav ul {
  256. list-style-type:none;
  257. margin:0;
  258. padding:0;
  259. }
  260.  
  261. nav ul li {
  262. display:inline-block;
  263. position:relative;
  264. }
  265.  
  266. nav a {
  267. line-height:15px;
  268. padding-left:15px;
  269. padding-right:15px;
  270. font-size:{select:title font size};
  271. letter-spacing:2px;
  272. cursor:help!important;
  273. text-transform:uppercase;
  274. text-decoration:none;
  275. display:block;
  276. border-left:1px solid {color:borders};
  277. }
  278.  
  279. nav a.tit{
  280. font-weight:bold;
  281. border-left:0!important;
  282. }
  283.  
  284. .dropdown-content {
  285. display: none;
  286. position: absolute;
  287. background-color: {color:posts};
  288. min-width: 160px;
  289. }
  290.  
  291. .dropdown-content a {
  292. color: black;
  293. padding: 12px 16px;
  294. text-decoration: none;
  295. display: block;
  296. text-align: left;
  297. border-left:0;
  298. }
  299.  
  300. .dropdown-content a:hover {font-style:italic;}
  301.  
  302. .dropdown:hover .dropdown-content {
  303. display: block;
  304. }
  305.  
  306. .search .query {
  307. border: 0;
  308. outline: 0;
  309. font-size:{select:title font size};
  310. letter-spacing:2px;
  311. text-transform:uppercase;
  312. color: inherit;
  313. background-color: transparent;
  314. }
  315.  
  316. ::-webkit-input-placeholder {color: inherit;}
  317. :-moz-placeholder {color: inherit; opacity:1;}
  318. ::-moz-placeholder {color: inherit; opacity:1;}
  319. :-ms-input-placeholder {color: inherit;}
  320. input:focus::-webkit-input-placeholder {color: transparent;}
  321. input:focus:-moz-placeholder {color: transparent;}
  322. input:focus::-moz-placeholder {color: transparent;}
  323. input:focus:-ms-input-placeholder { color: transparent;}
  324.  
  325. .bg{
  326. width:100%;
  327. height:{text:header height}px;
  328. margin-bottom:{text:margin}px;
  329. background-image: url('{image:header}');
  330. background-color:{color:posts};
  331. background-attachment:{select:header attachment};
  332. background-size:{select:header size};
  333. background-repeat: {select:header repeat};
  334. background-position:{select:header position};
  335. border-bottom:1px solid {color:borders};
  336. }
  337.  
  338. /* SIDEBAR */
  339.  
  340. .sidebar {
  341. width: {text:sidebar width}px;
  342. float:left;
  343. clear: left;
  344. margin-bottom:calc({text:margin}px / 2);
  345. }
  346.  
  347. .box{
  348. background-color:{color:posts};
  349. padding:20px;
  350. margin-bottom:calc({text:margin}px / 2);
  351. }
  352.  
  353.  
  354. .box-title{
  355. padding-bottom:10px;
  356. margin-bottom:10px;
  357. text-align:left;
  358. font-size:{select:title font size};
  359. letter-spacing:2px;
  360. text-transform:uppercase;
  361. border-bottom:1px solid {color:borders};
  362. font-weight:bold;
  363. color:{color:link};
  364. overflow:hidden;
  365. }
  366.  
  367. .box-descr .one{
  368. display:inline-block;
  369. max-width:100%;
  370. white-space: nowrap;
  371. overflow:hidden !important;
  372. text-overflow: ellipsis;
  373. }
  374.  
  375. .box-descr .one b{
  376. margin-right:05px;
  377. }
  378.  
  379. .box-descr{
  380. overflow: auto;
  381. }
  382.  
  383. .box-descr img.box-img {
  384. max-width:100%;
  385. max-height:100%;
  386. border-radius:3px;
  387. margin-bottom:10px;
  388. }
  389.  
  390. .box-descr img.mem{
  391. float:left;
  392. clear:both;
  393. height:40px;
  394. border-radius:3px;
  395. width:40px;
  396. margin-right:10px;
  397.  
  398. }
  399.  
  400. .box-descr img.affi{
  401. display:inline-block;
  402. width:40px;
  403. border-radius:3px;
  404. margin:5px;
  405. }
  406.  
  407. .un{
  408. margin-bottom:10px;
  409. }
  410.  
  411. .box-descr .un span{
  412. line-height:40px;
  413. display:block;
  414. white-space: nowrap;
  415. overflow:hidden !important;
  416. text-overflow: ellipsis;
  417. text-transform:uppercase;
  418. letter-spacing:1px;
  419. font-style:italic;
  420. font-size:calc({select:body font size} - 1px);
  421. }
  422.  
  423. .col1 t{
  424. font-size:09px;
  425. letter-spacing:2px;
  426. text-transform:uppercase;
  427. font-weight:bold;
  428. color:{color:link};
  429.  
  430. }
  431.  
  432. .col1 p{
  433. padding-top:10px;
  434. }
  435.  
  436. .box-title i{
  437. float:right;
  438. }
  439.  
  440. /* QUOTE POSTS */
  441. .quote {
  442. padding:0 10px 0 10px;}
  443.  
  444. .quotetext-short {
  445. font-size: 18px;}
  446.  
  447. .quotetext-medium {
  448. font-size: 14px;}
  449.  
  450. .quotetext-long {
  451. font-size: 11px;}
  452.  
  453. .quote-source {
  454. text-align:right;}
  455.  
  456. /* CHAT POSTS */
  457. .odd, .even {
  458. margin:0px;
  459. padding:10px;
  460. border-top:1px solid {color:borders};}
  461.  
  462. .odd:first-of-type {
  463. border-top:1px solid {color:borders};}
  464.  
  465. /* AUDIO POSTS */
  466. .audio {
  467. width:auto;
  468. overflow:hidden;
  469. max-height:75px;
  470. position:relative;
  471. clear:both;
  472. background-color:{color:borders};
  473. }
  474.  
  475. .tumblr_audio_player {
  476. height:15px;
  477. width:15px;
  478. padding:10px;
  479. margin-left:20px;
  480. margin-top:20px;
  481. display:block;
  482. float:left;
  483. clear:both;
  484. background-color:#fff;
  485. border-radius:100%;
  486. opacity:0.6;
  487. }
  488.  
  489. .au-info {
  490. position:relative;
  491. overflow:auto;
  492. text-transform:uppercase;
  493. height:75px;
  494. padding-left:10px;
  495. padding-right:10px;
  496. display: table-cell;
  497. vertical-align: middle;
  498. text-align:left;
  499. width:{select:posts width}px;
  500. }
  501.  
  502. img.au-image{
  503. float:left;
  504. width:55px;
  505. margin-left:-55px;
  506. padding:10px;
  507. border-right:1px solid {color:posts};
  508. }
  509.  
  510. /* VIDEO POSTS*/
  511. .video{
  512. overflow:hidden;
  513. width:{select:posts width}px;
  514. {block:IndexPage}
  515. {block:ifGridLayout}
  516. width:250px;
  517. {/block:ifGridLayout}{/block:IndexPage}
  518. }
  519.  
  520. .video .instagram-media {
  521. max-height:none!important;
  522. box-shadow:none!important;
  523. border:1px solid {color:borders}!important;
  524. max-width:calc({select:posts width}px - 3px)!important;}
  525.  
  526. /* ASK POSTS */
  527. .question{
  528. border-bottom:1px solid {color:borders};
  529. padding:10px;
  530. background-color:#f8f8f8;
  531. line-height:150%;
  532. font-style:italic;
  533. }
  534.  
  535. .question img{
  536. float:left;
  537. border-radius:100%;
  538. margin-right:10px;
  539. margin-bottom:0px;
  540. }
  541.  
  542. /* INFO */
  543. .posts-info{
  544. border-top:1px solid {color:borders};
  545. padding-top:15px;
  546. margin-top:15px;
  547. font-size:calc({select:body font size} - 1px);
  548. text-transform:uppercase;
  549. text-align:left;
  550. letter-spacing:1px;
  551. overflow:hidden;
  552. color:{color:info};}
  553.  
  554. .posts-info a{
  555. color:{color:info};
  556. padding:5px;
  557. }
  558.  
  559.  
  560. /* NOTES */
  561. .notes{
  562. width:500px;
  563. margin:0 auto;
  564. max-height:190px;
  565. overflow:auto;
  566. margin-top:15px;}
  567.  
  568. .notes img{border-radius:100%;}
  569.  
  570. ol.notes {
  571. padding: 0px;
  572. margin: 0;
  573. list-style-type: none;}
  574.  
  575. ol.notes li.note {padding: 10px;}
  576.  
  577. ol.notes li.note img.avatar {
  578. vertical-align: -4px;
  579. float:left;
  580. margin-right: 10px;
  581. width: 16px;
  582. height: 16px;}
  583.  
  584. ol.notes li.note .answer_content {font-weight: normal;}
  585.  
  586. ol.notes li.note blockquote {
  587. border-color: {color:borders};
  588. padding: 4px 10px;
  589. margin: 10px 0px 0px 25px;}
  590.  
  591. /* EXTRAS */
  592. a.c{
  593. position:fixed;
  594. bottom:25px;
  595. right:25px;
  596. font:07px 'trebuchet ms';
  597. text-transform:uppercase;
  598. letter-spacing:1px;
  599. text-align:right;
  600. z-index:9999999;
  601. background-color:#fff;
  602. border:1px solid #e9e9e9;
  603. padding:05px;
  604. border-radius:100%;
  605. color:#8c8c8c;
  606. }
  607.  
  608. .vignette, #vignette {
  609. opacity:0;
  610. }
  611. .lightbox-image, #tumblr_lightbox img {
  612. box-shadow:none !important;
  613. border-radius:0 !important;
  614. max-width:none;
  615. }
  616.  
  617. .tmblr-lightbox, #tumblr_lightbox {
  618. background-color:rgba(255,255,255,.8) !important;
  619. }
  620.  
  621. #tumblr_lightbox img {
  622. border:3px solid #fff !important;
  623. -moz-box-sizing:border-box;
  624. box-sizing:border-box;
  625. }
  626.  
  627. .lightbox-image {
  628. padding:3px;
  629. background-color:rgba(255,255,255,1) !important;
  630. }
  631.  
  632. ::-webkit-scrollbar {
  633. width: 3px;
  634. height: 3px;
  635. background: transparent;}
  636.  
  637. ::-webkit-scrollbar-thumb {
  638. background-color:{color:scrollbar};}
  639.  
  640. #s-m-t-tooltip{
  641. margin:24px 14px 7px 12px;
  642. letter-spacing:1px;
  643. z-index:9999999999999;
  644. line-height:16px;
  645. background-color:{color:posts};
  646. border:1px solid {color:borders};
  647. padding-left:03px;
  648. padding-right:03px;}
  649.  
  650. ::selection {
  651. background: {color:link};
  652. color: white;}
  653. ::-moz-selection {
  654. background: {color:link};
  655. color: white;}
  656. ::-webkit-selection {
  657. background: {color:link};
  658. color: white;}
  659.  
  660. /* SCROLL TO TOP */
  661. .scrollup{
  662. width:30px;
  663. height:30px;
  664. opacity:0.3;
  665. position:fixed;
  666. bottom:70px;
  667. right:22px;
  668. display:none;
  669. text-align:center;
  670. z-index:999;
  671. }
  672.  
  673. .scrollup:hover{cursor:pointer;}
  674.  
  675. #infscr-loading {display:none!important;}
  676.  
  677. .bottom {
  678. clear: both;
  679. position: relative;
  680. z-index: 10;
  681. height: {text:footer height}px;
  682. margin-top: -{text:footer height}px;
  683. border-top:1px solid {color:borders};
  684. background-color:{color:posts};
  685. margin:0 auto;
  686. padding:20px;
  687. padding-left:0;
  688. padding-right:0;
  689. }
  690.  
  691. .txt, .col1 {
  692. float: left;
  693. position: relative;
  694. }
  695.  
  696. .txt{
  697. left: 50%;
  698. padding: 10px;
  699. }
  700.  
  701. .col1 {
  702. width:150px;
  703. right: 50%;
  704. max-height:80px;
  705. margin-left:50px;
  706. }
  707.  
  708. .col1 a.off{
  709. font-size:13px;
  710. background-color:#f8f8f8;
  711. border-radius:100%;
  712. padding:05px;
  713. border:1px solid {color:borders};
  714. }
  715.  
  716. .pag{
  717. font-weight:bold;
  718. }
  719.  
  720. .jump_page{
  721. padding: 4px 8px;
  722. text-decoration:none;
  723. }
  724.  
  725. .next {
  726. padding: 4px 8px;
  727. text-decoration:none;
  728. }
  729.  
  730. .current_page{
  731. padding: 4px 8px;
  732. text-decoration:none;
  733. }
  734.  
  735. .more{
  736. text-transform:uppercase;
  737. font-size:calc({select:body font size} - 01px);
  738. border-bottom:1px solid {color:borders};
  739. letter-spacing:1px;
  740. display:inline-block;
  741. }
  742.  
  743. html, body, .container { height: 100%; }
  744. body > .container { height: auto; min-height: 100%; }
  745.  
  746. {block:permalinkpage}
  747. .entries { padding-bottom:{text:margin}px; }{/block:permalinkpage}
  748.  
  749. .cont{
  750. width:calc({select:posts width}px + 40px + {text:sidebar width}px + {text:margin}px);
  751. padding-left:0px;
  752. padding-right:0;
  753. {block:indexPage}{block:ifGridLayout}
  754. width:calc(250px * 2 + {text:margin}px * 2 + 80px + {text:sidebar width}px);
  755. {/block:ifGridLayout}{/block:indexpage}
  756. }
  757.  
  758. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop { -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:0.5; z-index:9999999!important;}
  759.  
  760. </style>
  761. </head>
  762.  
  763. <body>
  764.  
  765. {block:ifNotContainedHeader}
  766. <nav class="fade-in one">
  767. <ul>
  768. <li><a href="/" class="tit">{Title}</a></li>
  769. <li><a href="/ask">message</a></li>
  770. <li class="dropdown"><a>navigation <i class="fa fa-angle-down" aria-hidden="true"></i></a>
  771. <div class="dropdown-content">
  772. <a href="{text:Link 01 URL}">{text:Link 01 title}</a>
  773. <a href="{text:Link 02 URL}">{text:Link 02 title}</a>
  774. <a href="{text:Link 03 URL}">{text:Link 03 title}</a>
  775. <a href="{text:Link 04 URL}">{text:Link 04 title}</a></div>
  776. </li>
  777. {block:ifNotManualLoad}{block:ifTopPagination}<li>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">prev page</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">next page</a>{/block:NextPage}{/block:Pagination}</li>{/block:ifTopPagination}{/block:ifNotManualLoad}
  778. <li><a><form action="/search" method="get" class="search"><input type="text" name="q" value="{SearchQuery}" class="query" placeholder="search"></form></a></li>
  779.  
  780. </ul>
  781. </nav>
  782.  
  783.  
  784. <div class="bg fade-in one"></div>{/block:ifNotContainedHeader}
  785.  
  786. <div class="container fade-in one">
  787.  
  788. {block:ifContainedHeader}<nav class="cont">
  789. <ul>
  790. <li><a href="/" class="tit">{Title}</a></li>
  791. <li><a href="/ask">message</a></li>
  792. <li class="dropdown"><a>navigation <i class="fa fa-angle-down" aria-hidden="true"></i></a>
  793. <div class="dropdown-content">
  794. <a href="{text:Link 01 URL}">{text:Link 01 title}</a>
  795. <a href="{text:Link 02 URL}">{text:Link 02 title}</a>
  796. <a href="{text:Link 03 URL}">{text:Link 03 title}</a>
  797. <a href="{text:Link 04 URL}">{text:Link 04 title}</a>
  798. <a href="{text:Link 05 URL}">{text:Link 05 title}</a>
  799. <a href="{text:Link 06 URL}">{text:Link 06 title}</a>
  800. <a href="{text:Link 07 URL}">{text:Link 07 title}</a>
  801. </div>
  802. </li>
  803. {block:ifNotManualLoad}{block:ifTopPagination}<li>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">prev page</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">next page</a>{/block:NextPage}{/block:Pagination}</li>{/block:ifTopPagination}{/block:ifNotManualLoad}
  804. <li><a><form action="/search" method="get" class="search"><input type="text" name="q" value="{SearchQuery}" class="query" placeholder="search"></form></a></li>
  805.  
  806. </ul>
  807. </nav>
  808.  
  809.  
  810. <div class="bg"></div>{/block:ifContainedHeader}
  811.  
  812. <div class="sidebar">
  813.  
  814.  
  815.  
  816.  
  817. <!---
  818. EDIT: SIDEBAR / DELETE THE BOXES YOU DON'T NEED OR ADD MORE IF NECESSARY
  819. --->
  820.  
  821.  
  822.  
  823.  
  824. <!--- box 1: About --->
  825. <div class="box">
  826. <div class="box-title">
  827.  
  828. About <i class="fa fa-paper-plane" aria-hidden="true"></i>
  829.  
  830. </div>
  831. <div class="box-descr">
  832. {block:ifSidebarImage}<img src="{image:sidebar}" class="box-img">{/block:ifSidebarImage}
  833. {Description}
  834. </div>
  835. </div>
  836. <!--- end box 1 --->
  837.  
  838.  
  839.  
  840.  
  841.  
  842. <!--- box 2: Schedule --->
  843. <div class="box">
  844. <div class="box-title">
  845.  
  846. schedule <i class="fa fa-calendar" aria-hidden="true"></i>
  847.  
  848. </div>
  849. <div class="box-descr">
  850.  
  851. <span class="one"><b>01/09</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vehicula dolor et urna ultricies vestibulum.</span>
  852.  
  853. <span class="one"><b>01/09</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vehicula dolor et urna ultricies vestibulum.</span>
  854.  
  855. <span class="one"><b>01/09</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vehicula dolor et urna ultricies vestibulum.</span>
  856.  
  857. </div>
  858. </div>
  859. <!--- end box 2 --->
  860.  
  861.  
  862.  
  863.  
  864.  
  865. <!--- box 3: Projects --->
  866. <div class="box">
  867. <div class="box-title">
  868.  
  869. projects <i class="fa fa-bookmark" aria-hidden="true"></i>
  870.  
  871. </div>
  872.  
  873. <!--- project 1 --->
  874. <div class="box-descr">
  875. <!-- image url goes here -->
  876. <img src="imgurl.png" class="box-img">
  877.  
  878. <span class="one"><b>01/09</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vehicula dolor et urna ultricies vestibulum.</span>
  879.  
  880. </div>
  881. <!--- end project 1 --->
  882.  
  883. </div>
  884. <!--- end box 3 --->
  885.  
  886.  
  887.  
  888.  
  889.  
  890. <!--- box 4: Twitter --->
  891. <div class="box">
  892. <div class="box-title">
  893.  
  894. twitter <i class="fa fa-twitter" aria-hidden="true"></i>
  895.  
  896. </div>
  897. <div class="box-descr" style="height:255px">
  898.  
  899. <!---
  900. paste code from https://twitter.com/settings/widgets here, please choose 250 height or edit the height above (style="height:255px") with the one you chose and add up 5px
  901. --->
  902.  
  903. </div>
  904. </div>
  905. <!--- end box 4 --->
  906.  
  907.  
  908.  
  909.  
  910.  
  911. <!--- box 5: Group members, automatically generated so there's no need to edit --->
  912. <div class="box">
  913. <div class="box-title">
  914.  
  915. team <i class="fa fa-users" aria-hidden="true"></i>
  916.  
  917. </div>
  918. <div class="box-descr" style="margin-bottom:-10px;">
  919.  
  920. {block:GroupMembers}
  921. {block:GroupMember}<div class="un"><img src="{GroupMemberPortraitURL-40}" class="mem"><span> <a href="{GroupMemberURL}">{GroupMemberName}: {GroupMemberTitle}</a></span></div>{/block:GroupMember}
  922. {/block:GroupMembers}
  923.  
  924. </div>
  925. </div>
  926. <!--- end box 5 --->
  927.  
  928.  
  929.  
  930.  
  931.  
  932. <!--- box 6: Statistics --->
  933. <div class="box">
  934. <div class="box-title">
  935.  
  936. statistics <i class="fa fa-bar-chart-o" aria-hidden="true"></i>
  937.  
  938. </div>
  939. <div class="box-descr">
  940.  
  941. <b>Online</b>
  942.  
  943. <span style="float:right;">
  944.  
  945. <!---
  946. online counter, paste code from http://freehostedscripts.net/onlinecounter/ here
  947. --->
  948.  
  949. </span><br>
  950.  
  951. <b>Visits</b>
  952.  
  953. <span style="float:right;">
  954.  
  955. <!---
  956. visits counter, paste code from http://freehostedscripts.net/texthitcounter/ here
  957. --->
  958.  
  959. </span><br>
  960.  
  961. <b>Established</b>
  962.  
  963. <span style="float:right;">
  964.  
  965. february 12
  966.  
  967. </span>
  968.  
  969. </div>
  970. </div>
  971. <!--- end box 6 --->
  972.  
  973.  
  974.  
  975.  
  976.  
  977. <!--- box 7: Affiliates --->
  978. <div class="box">
  979. <div class="box-title">
  980.  
  981. affiliates <i class="fa fa-star" aria-hidden="true"></i>
  982.  
  983. </div>
  984. <div class="box-descr" style="margin-bottom:-05px; text-align:center;">
  985.  
  986. <a href="blog url" title=" "><img src="imgurl.png" class="affi"></a>
  987. <a href="blog url" title=" "><img src="imgurl.png" class="affi"></a>
  988. <a href="blog url" title=" "><img src="imgurl.png" class="affi"></a>
  989. <a href="blog url" title=" "><img src="imgurl.png" class="affi"></a>
  990.  
  991. </div>
  992. </div>
  993. <!--- end box 7 --->
  994.  
  995. </div>
  996.  
  997.  
  998. <div class="entries">
  999. {block:Posts}
  1000.  
  1001. {block:ContentSource}
  1002. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1003. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1004. {/block:SourceLogo}
  1005. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1006. {/block:ContentSource}
  1007.  
  1008. <div class="posts" id="{PostID}">
  1009.  
  1010. {block:Text}
  1011. {block:Title}<h2>{Title}</h2>{/block:Title}
  1012. {Body}
  1013. {/block:Text}
  1014.  
  1015. {block:Photo}
  1016. <center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" class="images">{LinkCloseTag}</center>
  1017. {block:ifShowCaption}
  1018. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1019. {/block:ifShowCaption}
  1020. {block:ifNotShowCaption}
  1021. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  1022. {/block:ifNotShowCaption}
  1023. {/block:Photo}
  1024.  
  1025. {block:Photoset}<center>
  1026. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div></center>
  1027. {block:ifShowCaption}
  1028. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1029. {/block:ifShowCaption}
  1030. {block:ifNotShowCaption}
  1031. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  1032. {/block:ifNotShowCaption}
  1033. {/block:Photoset}
  1034.  
  1035. {block:Quote}<div class="quote">
  1036. <div class="quotetext-{Length}">{Quote}</div>
  1037. {block:Source}
  1038. <div class="quote-source">{Source}</div>
  1039. {/block:Source}
  1040. </div>{/block:Quote}
  1041.  
  1042. {block:Link}
  1043. <h2><a href="{URL}" target="{Target}">{Name} <b>&rarr;</b></a></h2>
  1044. {block:Description}{Description}{/block:Description}
  1045. {/block:Link}
  1046.  
  1047. {block:Chat}
  1048. {block:Title}<h2>{Title}</h2>{/block:Title}
  1049. {block:Lines}<ul class="{Alt}">{block:Label}<b>{Label}</b>{/block:Label} {Line}<br></ul>{/block:Lines}
  1050. {/block:Chat}
  1051.  
  1052. {block:Audio}
  1053. <div class="audio">
  1054. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  1055. {block:AlbumArt}
  1056. <img src="{AlbumArtURL}" class="au-image">
  1057. {/block:AlbumArt}
  1058. <div class="au-info"><span>{block:TrackName}{TrackName}{/block:TrackName}
  1059. {block:Artist}<br><small><b>{Artist}</b></small>{/block:Artist}</span>
  1060. </div>
  1061.  
  1062. </div>
  1063. {block:ifShowCaption}
  1064. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1065. {/block:ifShowCaption}
  1066. {block:ifNotShowCaption}
  1067. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  1068. {/block:ifNotShowCaption}
  1069. {/block:Audio}
  1070.  
  1071. {block:Video}
  1072. <div class="video">{Video-500}</div>
  1073. {block:ifShowCaption}
  1074. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1075. {/block:ifShowCaption}
  1076. {block:ifNotShowCaption}
  1077. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  1078. {/block:ifNotShowCaption}
  1079. {/block:Video}
  1080.  
  1081. {block:Answer}
  1082. <div class="question"><img src="{AskerPortraitURL-30}">
  1083. <b>{Asker} asked</b><br>{Question}</div>
  1084. <div class="caption">{Answer}</div>
  1085. {/block:Answer}
  1086.  
  1087. {block:Date}<div class="posts-info">
  1088. {block:HasTags}<i class="fa fa-tags" aria-hidden="true"></i>{block:Tags}<a href="{TagURL}" class="tag">{Tag}</a> {/block:Tags}<br>{/block:HasTags}
  1089.  
  1090. <a href="{Permalink}" title="{TimeAgo}"><b>{shortMonth} {DayOfMonthWithZero}</b></a>
  1091. {block:NoteCount} <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:PermalinkPage}{block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom}{/block:PermalinkPage}
  1092. {block:indexpage}<span style="float:right"><a href="{ReblogURL}" target="_blank">Reblog</a></span>{/block:indexPage}
  1093.  
  1094. </div>
  1095. {/block:Date}
  1096. </div><!--- posts --->
  1097.  
  1098. {block:PermalinkPage}
  1099. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  1100. {/block:PermalinkPage}
  1101.  
  1102. {/block:Posts}
  1103.  
  1104. </div><!--- entries --->
  1105.  
  1106.  
  1107.  
  1108. </div><!--- container --->
  1109.  
  1110.  
  1111. <footer class="bottom">
  1112. <div class="txt">
  1113.  
  1114.  
  1115.  
  1116.  
  1117.  
  1118. <!---
  1119. EDIT: FOOTER
  1120. --->
  1121.  
  1122.  
  1123.  
  1124.  
  1125.  
  1126. <div class="col1" style="width:250px">
  1127.  
  1128. <!--- DISCLAIMER, edit the text only --->
  1129. <t>disclaimer</t>
  1130.  
  1131. <p>
  1132.  
  1133. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna.
  1134. </p>
  1135. <!--- end disclaimer --->
  1136.  
  1137. {block:Pagination}<div class="pag" {block:ifManualLoad}style="display:none;"{/block:ifManualLoad}{block:ifTopPagination}style="display:none;"{/block:ifTopPagination}>
  1138. {block:PreviousPage}<a href="{PreviousPage}" class="next"><i class="fa fa-angle-left fa-fw" aria-hidden="true"></i></a>{/block:PreviousPage}
  1139. {block:JumpPagination length="4"}
  1140. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  1141. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1142. {block:NextPage}<a href="{NextPage}" class="next"><i class="fa fa-angle-right fa-fw" aria-hidden="true"></i></a>{/block:NextPage}</div>
  1143. {/block:Pagination}{/block:ifNotTopPagination}
  1144.  
  1145. {block:ifManualLoad}{block:Pagination}
  1146. <div class="more"><a href="#">load more</a></div>
  1147. {/block:Pagination}{/block:ifManualLoad}
  1148. </div>
  1149.  
  1150. <div class="col1">
  1151.  
  1152. <!--- OFFICIAL LINKS --->
  1153. <t>official links</t>
  1154.  
  1155. <p>
  1156. <!--- more icons at http://fontawesome.io/icons/#brand --->
  1157. <a href="url" title="twitter" class="off"><i class="fa fa-twitter fa-fw" aria-hidden="true"></i></a>
  1158.  
  1159. <a href="url" title="youtube" class="off"><i class="fa fa-youtube fa-fw" aria-hidden="true"></i></a>
  1160.  
  1161. <a href="url" title="facebook" class="off"><i class="fa fa-facebook-square fa-fw" aria-hidden="true"></i></a>
  1162.  
  1163. </p>
  1164. <!--- end official links --->
  1165. </div>
  1166. </div></footer>
  1167.  
  1168. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1169. {block:ifNotCustomGutter}<link href="http://static.tumblr.com/nb65v05/MWoo293ue/sghn.css" rel="stylesheet" type="text/css"/>{/block:ifNotCustomGutter}
  1170. <link href="http://static.tumblr.com/nb65v05/EvVo293om/style.css" rel="stylesheet" type="text/css"/>
  1171. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1172. {block:ifNoRescaling}<link href="http://static.tumblr.com/nb65v05/dXHo8qjrq/nrsclng.css" rel="stylesheet" type="text/css"/>{/block:ifNoRescaling}
  1173. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  1174. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  1175. {block:ifManualLoad}<script src="http://static.tumblr.com/nb65v05/QLXo03qup/jquery.infinitescroll.min.js"></script>{/block:ifManualLoad}
  1176. {block:ifGridLayout}
  1177. <script src="http://static.tumblr.com/nb65v05/7a4o8hdqu/masonry.pkgd.js"></script>
  1178. <script src="https://npmcdn.com/[email protected]/imagesloaded.pkgd.min.js"></script>{/block:ifGridLayout}
  1179. {block:ifStickySidebar}<script src="http://leafo.net/sticky-kit/src/jquery.sticky-kit.js"></script>{/block:ifStickySidebar}
  1180.  
  1181. <script>
  1182. $(document).ready(function(){
  1183.  
  1184. $('.dropdown-content a').hide();
  1185. $('.dropdown-content a:lt({select:Number of links})').show();
  1186.  
  1187. //sticky sidebar, source: http://leafo.net/sticky-kit//
  1188. {block:IndexPage}{block:ifStickySidebar}
  1189. $(".sidebar").stick_in_parent({
  1190. spacer: false
  1191. });
  1192. {/block:ifStickySidebar}{/block:IndexPage}
  1193.  
  1194. //tool tip //
  1195. $("[title]").style_my_tooltips({
  1196. tip_follows_cursor:true,
  1197. tip_delay_time:200,
  1198. tip_fade_speed:300
  1199. }
  1200. );
  1201.  
  1202. // scroll to top //
  1203. $(window).scroll(function () {
  1204. if ($(this).scrollTop() > 100) {
  1205. $('.scrollup').fadeIn();
  1206. } else {
  1207. $('.scrollup').fadeOut();
  1208. }
  1209. });
  1210.  
  1211. $('.scrollup').click(function () {
  1212. $("html, body").animate({
  1213. scrollTop: 0
  1214. }, 600);
  1215. return false;
  1216. });
  1217.  
  1218. // pxu script //
  1219. $('.photo-slideshow').pxuPhotoset({
  1220. lightbox: true,
  1221. rounded: false,
  1222. {block:ifNotCustomGutter}
  1223. gutter: '0px',{/block:ifNotCustomGutter}
  1224. {block:ifCustomGutter}
  1225. gutter: {text:Gutter},{/block:ifCustomGutter}
  1226. borderRadius: '0px',
  1227. photoset: '.photo-slideshow',
  1228. photoWrap: '.photo-data',
  1229. photo: '.pxu-photo'
  1230. });
  1231.  
  1232. {block:IndexPage}
  1233. var $container = $('.entries');
  1234.  
  1235. {block:ifGridLayout}
  1236. // masonry + ImagesLoaded
  1237. $container.imagesLoaded(function(){
  1238. $container.masonry({
  1239. // selector for entry content
  1240. itemSelector: '.posts',
  1241. isFitWidth: false,
  1242. hiddenStyle: { opacity: 0 },
  1243. visibleStyle: { opacity: 1 }
  1244. });
  1245. });
  1246. {/block:ifGridLayout}
  1247.  
  1248. //infinite scroll //
  1249. {block:ifManualLoad}
  1250. $container.infinitescroll({
  1251. navSelector: '.pag',
  1252. nextSelector: '.next',
  1253. itemSelector: '.posts',
  1254. loadingImg : " ",
  1255. bufferPx : 50,
  1256. errorCallback: function(){
  1257. $('.more').animate({opacity: 0.8},2000).fadeOut('normal');}
  1258. },
  1259. function( newElements ) {
  1260. var $newElems = $(newElements){block:ifGridLayout}.css({ opacity: 0 });
  1261. $newElems.imagesLoaded(function(){
  1262. $newElems.animate({ opacity: 1 });
  1263. $container.masonry( 'appended', $newElems);
  1264. })
  1265. {/block:ifGridLayout};
  1266.  
  1267. {block:ifStickySidebar}
  1268. $(document.body).trigger("sticky_kit:recalc");
  1269. {/block:ifStickySidebar}
  1270.  
  1271. //likes //
  1272. var $newElemsIDs = $newElems.map(function(){
  1273. return this.id;
  1274. }).get();
  1275. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  1276.  
  1277. //pxu//
  1278. $( newElements ).find('.photo-slideshow').pxuPhotoset({
  1279. lightbox: true,
  1280. rounded: false,
  1281. {block:ifNotCustomGutter}
  1282. gutter: '0px',{/block:ifNotCustomGutter}
  1283. {block:ifCustomGutter}
  1284. gutter: {text:Gutter},{/block:ifCustomGutter}
  1285. borderRadius: '0px',
  1286. photoset: '.photo-slideshow',
  1287. photoWrap: '.photo-data',
  1288. photo: '.pxu-photo'
  1289. });
  1290.  
  1291. //videos //
  1292. resizeVideos();
  1293. });
  1294.  
  1295. // manual trigger //
  1296. $(window).unbind('.infscr');
  1297. $('.more').click(function(){
  1298. $container.infinitescroll('retrieve');
  1299. return false
  1300. });
  1301. {/block:ifManualLoad}
  1302. {/block:IndexPage}
  1303. });
  1304.  
  1305. </script>
  1306.  
  1307. <a href="http://cathms.tumblr.com/" target="_blank" class="c">tc</a>
  1308.  
  1309. {block:IndexPage}{block:ifManualLoad}<div class="scrollup"><a><i class="fa fa-chevron-up fa-2x"></i><br>scroll to top</a></div>{/block:ifManualLoad}{/block:IndexPage}
  1310.  
  1311. </body>
  1312. </html>
Advertisement
Add Comment
Please, Sign In to add comment