API tools faq
paste
Advertisement
irwie

[ retired ] english girls

irwie
Mar 11th, 2015
1,305
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.74 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!------------------------------------------ THEME 02: ENGLISH GIRLS
  6.  
  7. ยป do not remove credit
  8. ยป do not steal anything
  9. ยป do not redistribute
  10. ยป edit as much as you want
  11.  
  12. CREDIT: REGERI.TUMBLR.COM ----------------------------------------->
  13.  
  14. <meta name="image:background image" content="http://static.tumblr.com/eekqh2v/4XWnkx8sh/bg_5.png" />
  15. <meta name="image:sidebar image" content="http://static.tumblr.com/eekqh2v/ZmRnl2j50/dim.jpg" />
  16.  
  17. <meta name="select:background" content="solid" title="solid color" />
  18. <meta name="select:background" content="dgradient" title="diagonal gradient" />
  19. <meta name="select:background" content="vgradient" title="vertical gradient" />
  20. <meta name="select:background" content="hgradient" title="horizontal gradient" />
  21. <meta name="select:background" content="image" title="image" />
  22.  
  23. <meta name="color:background 1" content="#f4f4f4" />
  24. <meta name="color:background 2" content="#c3c3c3" />
  25.  
  26. <meta name="select:images" content="" title="normal" />
  27. <meta name="select:images" content="mono" title="monochrome" />
  28. <meta name="select:images" content="faded" title="faded" />
  29. <meta name="select:images" content="coh" title="color on hover" />
  30.  
  31. <meta name="select:font" content="arial" title="arial" />
  32. <meta name="select:font" content="calibri" title="calibri" />
  33. <meta name="select:font" content="consolas" title="consolas" />
  34. <meta name="select:font" content="courier" title="courier" />
  35. <meta name="select:font" content="georgia" title="georgia" />
  36. <meta name="select:font" content="times" title="times" />
  37. <meta name="select:font" content="trebuchet ms" title="trebuchet ms" />
  38.  
  39. <meta name="color:post background" content="#ffffff" />
  40. <meta name="color:post accent" content="#f8f8f8" />
  41. <meta name="color:text" content="#555555" />
  42. <meta name="color:bold" content="#3e3e3e" />
  43. <meta name="color:italic" content="#3e3e3e" />
  44. <meta name="color:underline" content="#3e3e3e" />
  45. <meta name="color:strikethrough" content="#707070" />
  46. <meta name="color:links" content="#909090" />
  47. <meta name="color:links hover" content="#cccccc" />
  48. <meta name="color:pre background" content="#f2f2f2" />
  49. <meta name="color:pre border" content="#cccccc" />
  50. <meta name="color:blockquote" content="#555555" />
  51. <meta name="color:scrollbar" content="#555555" />
  52. <meta name="color:selected text" content="#000000" />
  53. <meta name="color:selected text highlight" content="#ffffff" />
  54. <meta name="color:tooltips background" content="#000000" />
  55. <meta name="color:tooltips text" content="#ffffff" />
  56. <meta name="color:post info background" content="#000000" />
  57. <meta name="color:post info text" content="#ffffff" />
  58. <meta name="color:pagination background" content="#000000" />
  59. <meta name="color:pagination text" content="#ffffff" />
  60.  
  61. <meta name="text:post width" content="350" />
  62. <meta name="text:post spacing" content="80" />
  63. <meta name="text:popup ask width" content="400" />
  64. <meta name="text:popup ask height" content="260" />
  65. <meta name="text:link one url" content="" />
  66. <meta name="text:link one name" content="one" />
  67. <meta name="text:link two url" content="" />
  68. <meta name="text:link two name" content="two" />
  69. <meta name="text:link three url" content="" />
  70. <meta name="text:link three name" content="three" />
  71. <meta name="text:link four url" content="" />
  72. <meta name="text:link four name" content="four" />
  73.  
  74. <meta name="if:show title" content="1" />
  75. <meta name="if:right sidebar" content="0" />
  76. <meta name="if:bottom sidebar" content="0" />
  77. <meta name="if:popup ask" content="1" />
  78. <meta name="if:big text" content="0" />
  79. <meta name="if:lazy load" content="0" />
  80. <meta name="if:hide captions" content="0" />
  81. <meta name="if:hide tags" content="0" />
  82. <meta name="if:white tumblr controls" content="1" />
  83.  
  84. <title>{Title}</title>
  85. <link rel="shortcut icon" href="{Favicon}" />
  86. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  87. {block:Description}
  88. <meta name="description" content="{MetaDescription}" />
  89. {/block:Description}
  90.  
  91. <!----------------------------------------------------------------->
  92.  
  93. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  94.  
  95. <!----------------------------------------------------------------->
  96.  
  97. <link href="http://static.tumblr.com/nn7hmnu/vkDnhj6g2/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  98.  
  99. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
  100. <script src="http://static.tumblr.com/nn7hmnu/4WYnhj6hc/jquery.style-my-tooltips.js"></script>
  101.  
  102. <script type="text/javascript">
  103. (function($){
  104. $(document).ready(function(){
  105. $("[title]").style_my_tooltips({
  106. tip_follows_cursor:true,
  107. tip_delay_time:200,
  108. tip_fade_speed:300,
  109. attribute:"title"
  110. });
  111. });
  112. })(jQuery);
  113. </script>
  114.  
  115. <!----------------------------------------------------------------->
  116.  
  117. <script type="text/javascript">
  118. $(document).ready(function(){
  119. $("#navt").click(function(){
  120. $("#nav, .navbuttons").fadeToggle(500);
  121. return false;
  122. });
  123. });
  124. </script>
  125.  
  126. <script type="text/javascript">
  127. $(document).ready(function(){
  128. $("#aboutt").click(function(){
  129. $("#navabout").show();
  130. $("#navlinks").hide();
  131. $("#navsearch").hide();
  132. return false;
  133. });
  134. $("#linkst").click(function(){
  135. $("#navabout").hide();
  136. $("#navlinks").show();
  137. $("#navsearch").hide();
  138. return false;
  139. });
  140. $("#searcht").click(function(){
  141. $("#navabout").hide();
  142. $("#navlinks").hide();
  143. $("#navsearch").show();
  144. return false;
  145. });
  146. });
  147. </script>
  148.  
  149. <!----------------------------------------------------------------->
  150.  
  151. {block:ifpopupask}
  152. <script src="http://static.tumblr.com/eekqh2v/1rWnkkbup/jquery.popupoverlay.js"></script>
  153. <script type="text/javascript">
  154. $(document).ready(function() {
  155. $('#ask').popup({
  156. transition:'all 0.4s',
  157. color:'{color:post background}',
  158. opacity:0.6
  159. });
  160. });
  161. </script>
  162. {/block:ifpopupask}
  163.  
  164. <!----------------------------------------------------------------->
  165.  
  166. {block:iflazyload}
  167. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  168. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  169. <script type="text/javascript" charset="utf-8">
  170. var $j = jQuery.noConflict();
  171. $j(function() {
  172. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  173. $j("img").lazyload({
  174. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  175. effect: "fadeIn",
  176. });
  177. });
  178. </script>
  179. {/block:iflazyload}
  180.  
  181. <!----------------------------------------------------------------->
  182.  
  183. <style type="text/css">
  184.  
  185. body {
  186. font-family:{select:font}, helvetica;
  187. color:{color:text};
  188. {block:ifnotbigtext}
  189. font-size:10px;
  190. {/block:ifnotbigtext}
  191. {block:ifbigtext}
  192. font-size:11px;
  193. {/block:ifbigtext}
  194. line-height:140%;
  195. margin:0;
  196. word-wrap:break-word;
  197. }
  198.  
  199. .solid {
  200. background-color:{color:background 1};
  201. background-attachment:fixed;
  202. }
  203.  
  204. .image {
  205. background-image:url({image:background image});
  206. background-attachment:fixed;
  207. background-position:center top;
  208. }
  209.  
  210. .dgradient {
  211. background:-webkit-linear-gradient(left top, {color:background 1}, {color:background 2});
  212. background:-o-linear-gradient(bottom right, {color:background 1}, {color:background 2});
  213. background:-moz-linear-gradient(bottom right, {color:background 1}, {color:background 2});
  214. background:linear-gradient(to bottom right, {color:background 1}, {color:background 2});
  215. background-attachment:fixed;
  216. }
  217.  
  218. .vgradient {
  219. background:-webkit-linear-gradient({color:background 1}, {color:background 2});
  220. background:-o-linear-gradient({color:background 1}, {color:background 2});
  221. background:-moz-linear-gradient({color:background 1}, {color:background 2});
  222. background:linear-gradient({color:background 1}, {color:background 2});
  223. background-attachment:fixed;
  224. }
  225.  
  226. .hgradient {
  227. background:-webkit-linear-gradient(left, {color:background 1}, {color:background 2});
  228. background:-o-linear-gradient(right, {color:background 1}, {color:background 2});
  229. background:-moz-linear-gradient(right, {color:background 1}, {color:background 2});
  230. background:linear-gradient(to right, {color:background 1}, {color:background 2});
  231. background-attachment:fixed;
  232. }
  233.  
  234. img {
  235. border:0;
  236. max-width:100%;
  237. }
  238.  
  239. h1 {
  240. {block:ifnotbigtext}
  241. font-size:9px;
  242. {/block:ifnotbigtext}
  243. {block:ifbigtext}
  244. font-size:10px;
  245. {/block:ifbigtext}
  246. font-weight:bold;
  247. text-transform:uppercase;
  248. letter-spacing:1px;
  249. padding:5px 10px;
  250. text-align:center;
  251. margin:0 0 7px 0;
  252. background-color:{color:post accent};
  253. }
  254.  
  255. ul {
  256. list-style:square;
  257. margin-left:-10px;
  258. }
  259.  
  260. ol {
  261. list-style:decimal-leading-zero;
  262. }
  263.  
  264. b, strong {
  265. color:{color:bold};
  266. }
  267.  
  268. i, em {
  269. color:{color:italic};
  270. }
  271.  
  272. u {
  273. color:{color:underline};
  274. }
  275.  
  276. strike {
  277. color:{color:strikethrough};
  278. }
  279.  
  280. pre {
  281. background-color:{color:pre background};
  282. padding:7px 10px;
  283. border:1px solid {color:pre border};
  284. word-wrap:break-word;
  285. }
  286.  
  287. a {
  288. color:{color:links};
  289. text-decoration:none;
  290. -webkit-transition:all 0.4s ease;
  291. -moz-transition:all 0.4s ease;
  292. -o-transition:all 0.4s ease;
  293. transition:all 0.4s ease;
  294. }
  295.  
  296. a:hover {
  297. color:{color:links hover};
  298. -webkit-transition:all 0.4s ease;
  299. -moz-transition:all 0.4s ease;
  300. -o-transition:all 0.4s ease;
  301. transition:all 0.4s ease;
  302. }
  303.  
  304. #tumblr_controls {
  305. position:fixed!important;
  306. {block:ifwhitetumblrcontrols}
  307. -webkit-filter:invert(100%);
  308. filter:invert(100%);
  309. {/block:ifwhitetumblrcontrols}
  310. }
  311.  
  312. #vignette {
  313. visibility:hidden;
  314. }
  315.  
  316. #tumblr_lightbox img {
  317. box-shadow:none !important;
  318. border-radius:0 !important;
  319. }
  320.  
  321. #tumblr_lightbox {
  322. background-color:rgba(255,255,255,.8) !important;
  323. }
  324.  
  325. /*----------------------------tooltips----------------------------*/
  326.  
  327. #s-m-t-tooltip {
  328. max-width:300px;
  329. z-index:9999999;
  330. margin:20px 14px 7px 12px;
  331. padding:2px 8px;
  332. background-color:{color:tooltips background};
  333. {block:ifnotbigtext}
  334. font-size:8px;
  335. {/block:ifnotbigtext}
  336. {block:ifbigtext}
  337. font-size:9px;
  338. {/block:ifbigtext}
  339. color:{color:tooltips text};
  340. text-transform:uppercase;
  341. letter-spacing:1px;
  342. -moz-border-radius:0;
  343. -webkit-border-radius:0;
  344. border-radius:0;
  345. -moz-box-shadow:none;
  346. -webkit-box-shadow:none;
  347. box-shadow:none;
  348. -webkit-transition:all 0.2s ease-out;
  349. -moz-transition:all 0.2s ease-out;
  350. -o-transition:all 0.2s ease-out;
  351. transition:all 0.2s ease-out;
  352. }
  353.  
  354. /*-----------------------------select-----------------------------*/
  355.  
  356. ::selection {
  357. color:{color:selected text};
  358. background:{color:selected text highlight};
  359. }
  360.  
  361. ::-moz-selection {
  362. color:{color:selected text};
  363. background:{color:selected text highlight};
  364. }
  365.  
  366. /*----------------------------scrollbar----------------------------*/
  367.  
  368. ::-webkit-scrollbar-thumb {
  369. border:3px solid rgba(0, 0, 0, 0);
  370. background-clip:padding-box;
  371. background-color:{color:scrollbar};
  372. height:6px;
  373. }
  374.  
  375. ::-webkit-scrollbar {
  376. width:7px;
  377. height:18px;
  378. }
  379.  
  380. #desc::-webkit-scrollbar-thumb {
  381. border:3px solid rgba(0, 0, 0, 0);
  382. background-clip:padding-box;
  383. background-color:#fff;
  384. height:6px;
  385. }
  386.  
  387. /*-----------------------------sidebar-----------------------------*/
  388.  
  389. #sidebar {
  390. position:fixed;
  391. {block:ifnotbottomsidebar}
  392. top:200px;
  393. {/block:ifnotbottomsidebar}
  394. {block:ifbottomsidebar}
  395. bottom:200px;
  396. {/block:ifbottomsidebar}
  397. width:200px;
  398. padding:10px;
  399. {block:ifrightsidebar}
  400. margin-left:calc({text:post width}px + 160px);
  401. {/block:ifrightsidebar}
  402. }
  403.  
  404. #sidebar img {
  405. width:200px;
  406. height:auto;
  407. }
  408.  
  409. #sidebar-img {
  410. position:absolute;
  411. width:200px;
  412. height:125px;
  413. overflow:hidden;
  414. }
  415.  
  416. #title {
  417. position:relative;
  418. width:184px;
  419. background-color:{color:post info background};
  420. padding:5px 8px;
  421. margin-bottom:5px;
  422. {block:ifnotshowtitle}
  423. height:14px;
  424. {/block:ifnotshowtitle}
  425. }
  426.  
  427. #title a {
  428. font-weight:bold;
  429. text-transform:uppercase;
  430. {block:ifnotbigtext}
  431. font-size:9px;
  432. {/block:ifnotbigtext}
  433. {block:ifbigtext}
  434. font-size:10px;
  435. {/block:ifbigtext}
  436. letter-spacing:1px;
  437. color:{color:post info text};
  438. }
  439.  
  440. #title .fa-times {
  441. float:right;
  442. font-size:10px;
  443. margin-top:2px;
  444. color:{color:post info text};
  445. }
  446.  
  447. #nav {
  448. width:200px;
  449. height:auto;
  450. display:none;
  451. }
  452.  
  453. #sidebar .fa-link, .fa-question, .fa-search {
  454. margin:3px 23px 0 23px;
  455. font-size:13px;
  456. color:#fff;
  457. }
  458.  
  459. .navbuttons {
  460. width:200px;
  461. text-align:center;
  462. display:block;
  463. margin-top:102px;
  464. display:none;
  465. position:absolute;
  466. }
  467.  
  468. .navcont {
  469. position:absolute;
  470. width:200px;
  471. height:125px;
  472. background-color:rgba(0, 0, 0, 0.6);
  473. }
  474.  
  475. #navabout {
  476. width:200px;
  477. height:100px;
  478. text-align:center;
  479. }
  480.  
  481. #navlinks, #navsearch {
  482. width:200px;
  483. height:100px;
  484. text-align:center;
  485. display:none;
  486. }
  487.  
  488. #desc {
  489. width:155px;
  490. height:76px;
  491. color:#fff;
  492. margin-left:22px;
  493. padding-right:6px;
  494. margin-top:19px;
  495. text-align:justify;
  496. overflow:auto;
  497. }
  498.  
  499. #desc b, #desc strong, #desc em, #desc i, #desc u, #desc strike {
  500. color:#fff;
  501. }
  502.  
  503. #desc a {
  504. color:#a0a0a0;
  505. }
  506.  
  507. #desc a:hover {
  508. color:#fff;
  509. }
  510.  
  511. #nlinks {
  512. margin-top:23px;
  513. }
  514.  
  515. .nlinks {
  516. display:inline-block;
  517. width:70px;
  518. padding:3px 4px;
  519. margin-bottom:3px;
  520. {block:ifnotbigtext}
  521. font-size:8px;
  522. {/block:ifnotbigtext}
  523. {block:ifbigtext}
  524. font-size:9px;
  525. {/block:ifbigtext}
  526. text-transform:uppercase;
  527. letter-spacing:1px;
  528. color:#fff;
  529. -webkit-transition:all 0.4s ease;
  530. -moz-transition:all 0.4s ease;
  531. -o-transition:all 0.4s ease;
  532. transition:all 0.4s ease;
  533. }
  534.  
  535. #navlinks a:focus {
  536. outline:0;
  537. }
  538.  
  539. #navlinks a:after {
  540. content:"";
  541. height:1px;
  542. width:78px;
  543. background-color:#fff;
  544. position:absolute;
  545. margin-left:-78px;
  546. margin-top:-3px;
  547. opacity:0;
  548. -webkit-transition:all 0.4s ease;
  549. -moz-transition:all 0.4s ease;
  550. -o-transition:all 0.4s ease;
  551. transition:all 0.4s ease;
  552.  
  553. }
  554.  
  555. #navlinks a:hover:after {
  556. margin-top:19px;
  557. opacity:1;
  558. -webkit-transition:all 0.4s ease;
  559. -moz-transition:all 0.4s ease;
  560. -o-transition:all 0.4s ease;
  561. transition:all 0.4s ease;
  562. }
  563.  
  564. #sbar {
  565. text-align:center;
  566. margin-top:43px;
  567. }
  568.  
  569. #squery {
  570. width:140px;
  571. height:20px;
  572. background-color:rgba(255, 255, 255, 0);
  573. border:none;
  574. border-bottom:1px solid #ddd;
  575. {block:ifnotbigtext}
  576. font-size:8px;
  577. {/block:ifnotbigtext}
  578. {block:ifbigtext}
  579. font-size:9px;
  580. {/block:ifbigtext}
  581. text-transform:uppercase;
  582. letter-spacing:1px;
  583. padding:0 5px;
  584. color:#fff;
  585. }
  586.  
  587. #squery:focus {
  588. border-bottom:1px solid #fff;
  589. outline:0;
  590. }
  591.  
  592. ::-webkit-input-placeholder {
  593. color:#ddd;
  594. }
  595.  
  596. :-moz-placeholder {
  597. color:#ddd;
  598. }
  599.  
  600. ::-moz-placeholder {
  601. color:#ddd;
  602. }
  603.  
  604. :-ms-input-placeholder {
  605. color:#ddd;
  606. }
  607.  
  608. /*---------------------------pagination---------------------------*/
  609.  
  610. #pagination {
  611. position:fixed;
  612. margin-top:129px;
  613. margin-left:2px;
  614. width:200px;
  615. text-align:right;
  616. font-weight:bold;
  617. }
  618.  
  619. .jump {
  620. padding:3px 7px;
  621. margin-right:2px;
  622. display:inline-block;
  623. background-color:{color:pagination background};
  624. -webkit-transition:all 0.7s ease;
  625. -moz-transition:all 0.7s ease;
  626. -o-transition:all 0.7s ease;
  627. transition:all 0.7s ease;
  628. }
  629.  
  630. a.jump {
  631. color:{color:pagination text};
  632. -webkit-transition:all 0.7s ease;
  633. -moz-transition:all 0.7s ease;
  634. -o-transition:all 0.7s ease;
  635. transition:all 0.7s ease;
  636. }
  637.  
  638. .fa-angle-double-right, .fa-angle-double-left {
  639. color:{color:pagination text};
  640. -webkit-transition:all 0.7s ease;
  641. -moz-transition:all 0.7s ease;
  642. -o-transition:all 0.7s ease;
  643. transition:all 0.7s ease;
  644. }
  645.  
  646. .jump:hover {
  647. background-color:{color:pagination text};
  648. -webkit-transition:all 0.7s ease;
  649. -moz-transition:all 0.7s ease;
  650. -o-transition:all 0.7s ease;
  651. transition:all 0.7s ease;
  652. }
  653.  
  654. .jump:hover .fa-angle-double-right, .jump:hover .fa-angle-double-left, a.jump:hover {
  655. color:{color:pagination background};
  656. -webkit-transition:all 0.7s ease;
  657. -moz-transition:all 0.7s ease;
  658. -o-transition:all 0.7s ease;
  659. transition:all 0.7s ease;
  660. }
  661.  
  662. .current {
  663. padding:3px 7px;
  664. margin-right:2px;
  665. display:inline-block;
  666. background-color:{color:pagination text};
  667. color:{color:pagination background};
  668. }
  669.  
  670. /*-----------------------------askbox-----------------------------*/
  671.  
  672. #ask {
  673. transform:scale(0.8);
  674. }
  675.  
  676. .popup_visible #ask {
  677. transform:scale(1);
  678. }
  679.  
  680. /*------------------------------posts------------------------------*/
  681.  
  682. #container {
  683. position:relative;
  684. max-width:-moz-calc({text:post width}px + 400px);
  685. max-width:-webkit-calc({text:post width}px + 400px);
  686. max-width:calc({text:post width}px + 400px);
  687. margin:0 auto;
  688. }
  689.  
  690. #postcon {
  691. position:absolute;
  692. max-width:-moz-calc({text:post width}px + 40px);
  693. max-width:-webkit-calc({text:post width}px + 40px);
  694. max-width:calc({text:post width}px + 40px);
  695. {block:ifnotrightsidebar}
  696. margin-left:350px;
  697. {/block:ifnotrightsidebar}
  698. {block:ifrightsidebar}
  699. margin-left:30px;
  700. {/block:ifrightsidebar}
  701. margin-top:80px;
  702. }
  703.  
  704. .posts {
  705. width:{text:post width}px;
  706. height:auto;
  707. padding:10px 0;
  708. margin-bottom:{text:post spacing}px;
  709. }
  710.  
  711. blockquote {
  712. border-left:1px solid {color:blockquote};
  713. margin-left:14px;
  714. padding-left:13px;
  715. width:91%;
  716. }
  717.  
  718. blockquote blockquote {
  719. margin-left:6px;
  720. }
  721.  
  722. .body {
  723. width:-moz-calc({text:post width}px - 30px);
  724. width:-webkit-calc({text:post width}px - 30px);
  725. width:calc({text:post width}px - 30px);
  726. text-align:justify;
  727. background-color:{color:post background};
  728. padding:8px 15px;
  729. {block:ifhidecaptions}
  730. margin-bottom:3px;
  731. {/block:ifhidecaptions}
  732. }
  733.  
  734. .body iframe, .body img {
  735. padding:7px 0;
  736. margin:0;
  737. }
  738.  
  739. .body p {
  740. margin:7px 0;
  741. }
  742.  
  743. .abody {
  744. width:-moz-calc({text:post width}px - 30px);
  745. width:-webkit-calc({text:post width}px - 30px);
  746. width:calc({text:post width}px - 30px);
  747. text-align:justify;
  748. background-color:{color:post background};
  749. padding:8px 15px;
  750. margin-top:2px;
  751. {block:ifhidecaptions}
  752. margin-bottom:3px;
  753. {/block:ifhidecaptions}
  754. }
  755.  
  756. .abody img {
  757. padding:7px 0;
  758. margin:0;
  759. }
  760.  
  761. .abody p {
  762. margin:7px 0;
  763. }
  764.  
  765. .mono img, img.mono, .mono iframe, .mono video, .mono .tumblr_audio_player, .mono .audio_player_iframe {
  766. -webkit-filter:grayscale(100%);
  767. filter:grayscale(100%);
  768. }
  769.  
  770. .faded img, img.faded, .faded iframe, .faded video, .faded .tumblr_audio_player, .faded .audio_player_iframe {
  771. opacity:0.9;
  772. -webkit-filter:grayscale(20%);
  773. filter:grayscale(20%);
  774. -webkit-transition:all 0.7s ease;
  775. -moz-transition:all 0.7s ease;
  776. -o-transition:all 0.7s ease;
  777. transition:all 0.7s ease;
  778. }
  779.  
  780. .faded img:hover, img.faded:hover, .faded iframe:hover, .faded video:hover, .faded .tumblr_audio_player:hover, .faded .audio_player_iframe:hover {
  781. opacity:1;
  782. -webkit-filter:grayscale(0%);
  783. filter:grayscale(0%);
  784. -webkit-transition:all 0.7s ease;
  785. -moz-transition:all 0.7s ease;
  786. -o-transition:all 0.7s ease;
  787. transition:all 0.7s ease;
  788. }
  789.  
  790. .coh img, img.coh, .coh iframe, .coh video, .coh .tumblr_audio_player, .coh .audio_player_iframe {
  791. -webkit-filter:grayscale(100%);
  792. filter:grayscale(100%);
  793. -webkit-transition:all 0.7s ease;
  794. -moz-transition:all 0.7s ease;
  795. -o-transition:all 0.7s ease;
  796. transition:all 0.7s ease;
  797. }
  798.  
  799. .coh img:hover, img.coh:hover, .coh iframe:hover, .coh video:hover, .coh .tumblr_audio_player:hover, .coh .audio_player_iframe:hover {
  800. -webkit-filter:grayscale(0%);
  801. filter:grayscale(0%);
  802. -webkit-transition:all 0.7s ease;
  803. -moz-transition:all 0.7s ease;
  804. -o-transition:all 0.7s ease;
  805. transition:all 0.7s ease;
  806. }
  807.  
  808. .posts iframe {
  809. max-width:100%;
  810. }
  811.  
  812. .photos, iframe.photoset, .video iframe, .video video, .tumblr_audio_player, .audio_player_iframe {
  813. width:{text:post width}px!important;
  814. }
  815.  
  816. .tumblr_audio_player {
  817. margin-bottom:-3px;
  818. }
  819.  
  820. .quote {
  821. text-align:center;
  822. background-color:{color:post background};
  823. padding:15px;
  824. }
  825.  
  826. .quote p {
  827. margin:0;
  828. }
  829.  
  830. .qsource {
  831. text-align:center;
  832. {block:ifnotbigtext}
  833. font-size:8px;
  834. {/block:ifnotbigtext}
  835. {block:ifbigtext}
  836. font-size:9px;
  837. {/block:ifbigtext}
  838. text-transform:uppercase;
  839. letter-spacing:1px;
  840. padding:4px 15px;
  841. margin-top:2px;
  842. background-color:{color:post accent};
  843. {block:ifhidecaptions}
  844. margin-bottom:3px;
  845. {/block:ifhidecaptions}
  846. }
  847.  
  848. .posts .fa-link {
  849. padding:7px;
  850. background-color:{color:post background};
  851. border:9px solid {color:post accent};
  852. float:right;
  853. font-size:12px;
  854. }
  855.  
  856. .linkp {
  857. min-height:14px;
  858. width:-moz-calc({text:post width}px - 78px);
  859. width:-webkit-calc({text:post width}px - 78px);
  860. width:calc({text:post width}px - 78px);
  861. text-align:center;
  862. background-color:{color:post accent};
  863. color:{color:links};
  864. {block:ifnotbigtext}
  865. font-size:8px;
  866. {/block:ifnotbigtext}
  867. {block:ifbigtext}
  868. font-size:9px;
  869. {/block:ifbigtext}
  870. padding:15px;
  871. text-transform:uppercase;
  872. letter-spacing:1px;
  873. margin-bottom:3px;
  874. -webkit-box-shadow:inset 0 0 0 0 {color:post background};
  875. -moz-box-shadow:inset 0 0 0 0 {color:post background};
  876. box-shadow:inset 0 0 0 0 {color:post background};
  877. -webkit-transition:all 0.6s ease;
  878. -moz-transition:all 0.6s ease;
  879. -o-transition:all 0.6s ease;
  880. transition:all 0.6s ease;
  881. }
  882.  
  883. .linkp:hover {
  884. -webkit-box-shadow:inset -webkit-calc({text:post width}px - 48px) 0 0 0 {color:post background};
  885. -moz-box-shadow:inset -moz-calc({text:post width}px - 48px) 0 0 0 {color:post background};
  886. box-shadow:inset calc({text:post width}px - 48px) 0 0 0 {color:post background};
  887. -webkit-transition:all 0.6s ease;
  888. -moz-transition:all 0.6s ease;
  889. -o-transition:all 0.6s ease;
  890. transition:all 0.6s ease;
  891. }
  892.  
  893. .chat {
  894. margin-bottom:-3px;
  895. {block:ifhidecaptions}
  896. margin-bottom:0;
  897. {/block:ifhidecaptions}
  898. }
  899.  
  900. .line {
  901. padding:4px 10px;
  902. margin-bottom:3px;
  903. }
  904.  
  905. .even {
  906. background-color:{color:post background};
  907. }
  908.  
  909. .odd {
  910. background-color:{color:post accent};
  911. }
  912.  
  913. .aska img {
  914. float:left;
  915. margin-right:2px;
  916. border:9px solid {color:post accent};
  917. }
  918.  
  919. .question {
  920. width:-moz-calc({text:post width}px - 103px);
  921. width:-webkit-calc({text:post width}px 103px);
  922. width:calc({text:post width}px - 103px);
  923. height:64px;
  924. margin-left:85px;
  925. margin-bottom:3px;
  926. padding:9px;
  927. background-color:{color:post accent};
  928. overflow-x:hidden;
  929. overflow-y:auto;
  930. text-align:justify;
  931. }
  932.  
  933. .question p {
  934. margin:0;
  935. }
  936.  
  937. /*-------------------------------info-------------------------------*/
  938.  
  939. .info {
  940. width:-moz-calc({text:post width}px - 20px);
  941. width:-webkit-calc({text:post width}px - 20px);
  942. width:calc({text:post width}px - 20px);
  943. padding:5px 10px;
  944. background-color:{color:post info background};
  945. {block:ifnotbigtext}
  946. font-size:8px;
  947. {/block:ifnotbigtext}
  948. {block:ifbigtext}
  949. font-size:9px;
  950. {/block:ifbigtext}
  951. height:13px;
  952. text-transform:uppercase;
  953. letter-spacing:1px;
  954. color:{color:post info text};
  955. margin-bottom:-3px;
  956. line-height:13px;
  957. }
  958.  
  959. .info b, .info a {
  960. color:{color:post info text};
  961. }
  962.  
  963. .info .fa-retweet {
  964. float:right;
  965. font-size:10px;
  966. margin-top:1px;
  967. }
  968.  
  969. .tagcon {
  970. width:-moz-calc({text:post width}px - 20px);
  971. width:-webkit-calc({text:post width}px - 20px);
  972. width:calc({text:post width}px - 20px);
  973. {block:ifnothidecaptions}
  974. margin-top:-moz-calc(-{text:post spacing}px - 3px);
  975. margin-top:-webkit-calc(-{text:post spacing}px - 3px);
  976. margin-top:calc(-{text:post spacing}px - 3px);
  977. {/block:ifnothidecaptions}
  978. {block:ifhidecaptions}
  979. margin-top:-moz-calc(-{text:post spacing}px - 6px);
  980. margin-top:-webkit-calc(-{text:post spacing}px - 6px);
  981. margin-top:calc(-{text:post spacing}px - 6px);
  982. {/block:ifhidecaptions}
  983. margin-bottom:{text:post spacing}px;
  984. height:13px;
  985. line-height:13px;
  986. padding:4px 10px;
  987. {block:ifnotbigtext}
  988. font-size:8px;
  989. {/block:ifnotbigtext}
  990. {block:ifbigtext}
  991. font-size:9px;
  992. {/block:ifbigtext}
  993. text-transform:uppercase;
  994. letter-spacing:1px;
  995. background-color:{color:post info background};
  996. }
  997.  
  998. .tags a, .tags b {
  999. color:{color:post info text};
  1000. }
  1001.  
  1002. /*---------------------------post notes---------------------------*/
  1003.  
  1004. ol.notes {
  1005. margin-top:-20px;
  1006. margin-bottom:60px;
  1007. width:{text:post width}px;
  1008. list-style-type:none;
  1009. }
  1010.  
  1011. ol.notes li.note {
  1012. width:-moz-calc({text:post width}px - 20px);
  1013. width:-webkit-calc({text:post width}px - 20px);
  1014. width:calc({text:post width}px - 20px);
  1015. padding:10px;
  1016. margin-bottom:3px;
  1017. margin-left:-40px;
  1018. background-color:{color:post background};
  1019. }
  1020.  
  1021. ol.notes li.note img.avatar {
  1022. vertical-align:-5px;
  1023. margin-right:10px;
  1024. width:16px;
  1025. height:16px;
  1026. }
  1027.  
  1028. ol.notes li.note span.action {
  1029. font-weight:none;
  1030. }
  1031.  
  1032. ol.notes li.note .answer_content {
  1033. font-weight:normal;
  1034. }
  1035.  
  1036. ol.notes li.note blockquote {
  1037. border-color:{color:blockquote};
  1038. padding:4px 10px;
  1039. margin:10px 0px 0px 7px;
  1040. }
  1041.  
  1042. ol.notes li.note blockquote a {
  1043. text-decoration:none;
  1044. }
  1045.  
  1046. #c {
  1047. position:fixed;
  1048. bottom:5px;
  1049. right:5px;
  1050. }
  1051.  
  1052. {CustomCSS}
  1053.  
  1054. </style>
  1055.  
  1056. </head>
  1057. <body class="{select:background}">
  1058.  
  1059. <a href="http://regeri.tumblr.com" target="_blank"><div id="c">R</div></a>
  1060.  
  1061. <div id="container">
  1062.  
  1063. <div id="sidebar" class="{select:images}">
  1064. <div id="title">{block:ifshowtitle}<a href="/">{Title}</a>{/block:ifshowtitle} <a href="#" id="navt"><i class="fa fa-times"></i></a></div>
  1065. <div id="sidebar-img">
  1066. <a href="/"><img src="{image:sidebar image}" /></a>
  1067. </div>
  1068. <div id="nav">
  1069. <div class="navcont">
  1070. <div id="navabout">
  1071. <div id="desc">{Description}</div>
  1072. </div>
  1073. <div id="navlinks">
  1074. <div id="nlinks">
  1075. <a href="/"><div class="nlinks">home</div></a>
  1076. {block:ifpopupask}<a href="#" class="ask_open"><div class="nlinks">ask</div></a>{/block:ifpopupask}
  1077. {block:ifnotpopupask}<a href="/ask"><div class="nlinks">ask</div></a>{/block:ifnotpopupask}
  1078. <a href="{text:link one url}"><div class="nlinks">{text:link one name}</div></a>
  1079. <a href="{text:link two url}"><div class="nlinks">{text:link two name}</div></a>
  1080. <a href="{text:link three url}"><div class="nlinks">{text:link three name}</div></a>
  1081. <a href="{text:link four url}"><div class="nlinks">{text:link four name}</div></a>
  1082. </div>
  1083. </div>
  1084. <div id="navsearch">
  1085. <form action="/search" method="get" autocomplete="off" id="sbar">
  1086. <input type="text" name="q" value="{SearchQuery}" placeholder="search..." id="squery"/>
  1087. </form>
  1088. </div>
  1089. </div>
  1090. </div>
  1091. <div class="navbuttons">
  1092. <a href="#" id="aboutt"><i class="fa fa-question"></i></a>
  1093. <a href="#" id="linkst"><i class="fa fa-link"></i></a>
  1094. <a href="#" id="searcht"><i class="fa fa-search"></i></a>
  1095. </div>
  1096.  
  1097. <div id="pagination">
  1098. {block:IndexPage}
  1099. {block:Pagination}
  1100. {block:PreviousPage}
  1101. <a href="{PreviousPage}" class="jump"><i class="fa fa-angle-double-left"></i></a>
  1102. {/block:PreviousPage}
  1103. {block:JumpPagination length="5"}
  1104. {block:CurrentPage}<span class="current">{PageNumber}</span>{/block:CurrentPage}
  1105. {block:JumpPage}<a href="{URL}" class="jump">{PageNumber}</a>{/block:JumpPage}
  1106. {/block:JumpPagination}
  1107. {block:NextPage}
  1108. <a href="{NextPage}" class="jump"><i class="fa fa-angle-double-right"></i></a>
  1109. {/block:NextPage}
  1110. {/block:Pagination}
  1111. {/block:IndexPage}
  1112. </div>
  1113.  
  1114. </div>
  1115.  
  1116. {block:ifpopupask}
  1117. <div id="ask">
  1118. <h1>{AskLabel}</h1>
  1119. <iframe frameborder="0" scrolling="no" width="{text:popup ask width}" height="{text:popup ask height}" src="https://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe>
  1120. <script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script>
  1121. </div>
  1122. {/block:ifpopupask}
  1123.  
  1124. <!------------------------------posts------------------------------>
  1125.  
  1126. <div id="postcon">
  1127. {block:Posts}
  1128. {block:Date}
  1129. <div class="info">
  1130. <a href="{ReblogURL}" target="_blank" title="reblog"><i class="fa fa-retweet" style="color:{color:post info text};"></i></a>
  1131. <a href="{Permalink}" title="posted @{12Hour}:{Minutes} {AmPm}"><b>{DayOfMonthWithZero} {Month}</b></a> {block:NoteCount}/ <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {block:RebloggedFrom}/ <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> {block:ContentSource}+ <a href="{ReblogRootURL}" title="{ReblogRootName}">src</a>{/block:ContentSource}{/block:RebloggedFrom}
  1132. </div>
  1133. {/block:Date}
  1134. <div class="posts">
  1135. {block:Text}
  1136. {block:Title}<h1>{Title}</h1>{/block:Title}
  1137. <div class="body {select:images}">{Body}</div>
  1138. {/block:Text}
  1139. {block:Photo}
  1140. {LinkOpenTag}<img src="{PhotoURL-HighRes}" class="photos {select:images}" alt="{PhotoAlt}" />{LinkCloseTag}
  1141. {block:ifnothidecaptions}
  1142. {block:Caption}
  1143. <div class="body">{Caption}</div>
  1144. {/block:Caption}
  1145. {/block:ifnothidecaptions}
  1146. {block:ifhidecaptions}
  1147. {block:PermalinkPage}
  1148. {block:Caption}
  1149. <div class="body">{Caption}</div>
  1150. {/block:Caption}
  1151. {/block:PermalinkPage}
  1152. {block:ifhidecaptions}
  1153. {/block:Photo}
  1154. {block:Photoset}
  1155. <div class="{select:images}">{Photoset}</div>
  1156. {block:ifnothidecaptions}
  1157. {block:Caption}
  1158. <div class="body">{Caption}</div>
  1159. {/block:Caption}
  1160. {/block:ifnothidecaptions}
  1161. {block:ifhidecaptions}
  1162. {block:PermalinkPage}
  1163. {block:Caption}
  1164. <div class="body">{Caption}</div>
  1165. {/block:Caption}
  1166. {/block:PermalinkPage}
  1167. {block:ifhidecaptions}
  1168. {/block:Photoset}
  1169. {block:Quote}
  1170. <div class="quote">{Quote}</div>
  1171. {block:Source}
  1172. <div class="qsource">{Source}</div>
  1173. {/block:Source}
  1174. {/block:Quote}
  1175. {block:Link}
  1176. <i class="fa fa-link"></i><a href="{URL}" target="{Target}"><div class="linkp">{Name}</div></a>
  1177. {block:ifnothidecaptions}
  1178. {block:Description}
  1179. <div class="body">
  1180. {Description}
  1181. </div>
  1182. {/block:Description}
  1183. {/block:ifnothidecaptions}
  1184. {block:ifhidecaptions}
  1185. {block:PermalinkPage}
  1186. {/block:PermalinkPage}
  1187. {/block:ifhidecaptions}
  1188. {/block:Link}
  1189. {block:Chat}
  1190. <div class="chat">
  1191. {block:Title}<h1>{Title}</h1>{/block:Title}
  1192. {block:Lines}
  1193. <div class="line {Alt}">
  1194. {block:Label}
  1195. <b>{Label}</b>
  1196. {/block:Label}
  1197. {Line}
  1198. </div>
  1199. {/block:Lines}
  1200. </div>
  1201. {/block:Chat}
  1202. {block:Audio}
  1203. <div class="{select:images}">{AudioEmbed}</div>
  1204. {block:ifnothidecaptions}
  1205. {block:Caption}
  1206. <div class="abody">{Caption}</div>
  1207. {/block:Caption}
  1208. {/block:ifnothidecaptions}
  1209. {block:ifhidecaptions}
  1210. {block:PermalinkPage}
  1211. {block:Caption}
  1212. <div class="body">{Caption}</div>
  1213. {/block:Caption}
  1214. {/block:PermalinkPage}
  1215. {block:ifhidecaptions}
  1216. {/block:Audio}
  1217. {block:Video}
  1218. <div class="video {select:images}">{Video-500}</div>
  1219. {block:ifnothidecaptions}
  1220. {block:Caption}
  1221. <div class="body">{Caption}</div>
  1222. {/block:Caption}
  1223. {/block:ifnothidecaptions}
  1224. {block:ifhidecaptions}
  1225. {block:PermalinkPage}
  1226. {block:Caption}
  1227. <div class="body">{Caption}</div>
  1228. {/block:Caption}
  1229. {/block:PermalinkPage}
  1230. {block:ifhidecaptions}
  1231. {/block:Video}
  1232. {block:Answer}
  1233. <div class="aska {select:images}">
  1234. <a href="{AskerURL}" title="{AskerName}" target="_blank"><img src="{AskerPortraitURL-64}" /></a>
  1235. </div>
  1236. <div class="question">
  1237. {Question}
  1238. </div>
  1239. <div class="body">
  1240. {Answer}
  1241. </div>
  1242. {/block:Answer}
  1243. </div>
  1244. {block:Date}
  1245. {block:ifnothidetags}
  1246. {block:HasTags}
  1247. <div class="tagcon">
  1248. <div class="tags"><b>tags:</b> {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;{/block:Tags}</div>
  1249. </div>
  1250. {/block:HasTags}
  1251. {/block:ifnothidetags}
  1252. {block:ifhidetags}
  1253. {block:PermalinkPage}
  1254. {block:HasTags}
  1255. <div class="tagcon">
  1256. <div class="tags"><b>tags:</b> {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;{/block:Tags}</div>
  1257. </div>
  1258. {/block:HasTags}
  1259. {/block:PermalinkPage}
  1260. {/block:ifhidetags}
  1261. {/block:Date}
  1262.  
  1263. {block:PostNotes}
  1264. {PostNotes-16}
  1265. {/block:PostNotes}
  1266. {/block:Posts}
  1267.  
  1268. {block:ContentSource}
  1269. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1270. {/block:SourceLogo}
  1271. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1272. {/block:ContentSource}
  1273.  
  1274. <!-- {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  1275. </div>
  1276. </div>
  1277.  
  1278. </body>
  1279. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!