API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jan 25th, 2015
203
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 37.85 KB | None | 0 0
raw download clone embed print report
  1. <!-- THE ARTFUL DODGER
  2.  
  3. Hey don't steal my theme okay? I'f you like, just come on my ask and I'll see what I can do about making you a cusomizable version've got a link to pastebin on my page. -->
  4.  
  5.  
  6.  
  7.  
  8. <!-- Tumblr's title and favicon -->
  9.  
  10. <title>{Title}</title>
  11.  
  12. <link rel="shotcut icon" href="{favicon}">
  13.  
  14. <link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,400' rel='stylesheet' type='text/css'>
  15.  
  16. <!-- VARIABLES -->
  17.  
  18. <meta name="image:Sidebar Image" content="">
  19.  
  20. <meta name="color:Text Color" content="">
  21. <meta name="color:Background" content="">
  22.  
  23. <meta name="color:Post Background" content="">
  24. <meta name="color:Post Border" content="">
  25. <meta name="color:Post Info" content="">
  26. <meta name="color:Post Info Hover" content="">
  27. <meta name="color:Post Info Border" content="">
  28. <meta name="color:Post Link" content="">
  29.  
  30. <meta name="color:Text Links" content="">
  31. <meta name="color:Text Link Hover" content="">
  32.  
  33. <meta name="color:Home Link" content="">
  34. <meta name="color:Home Link Hover" content="">
  35. <meta name="color:Home Link Text" content="">
  36. <meta name="color:Home Link Text Hover" content="">
  37. <meta name="color:Links" content="">
  38. <meta name="color:Links Hover" content="">
  39. <meta name="color:Links Text" content="">
  40. <meta name="color:Links Text Hover" content="">
  41. <meta name="color:Link 1 Border" content="">
  42. <meta name="color:Link 1 Border Hover" content="">
  43. <meta name="color:Link 2 Border" content="">
  44. <meta name="color:Link 2 Border Hover" content="">
  45. <meta name="color:Link 3 Border" content="">
  46. <meta name="color:Link 3 Border Hover" content="">
  47. <meta name="color:Link 4 Border" content="">
  48. <meta name="color:Link 4 Border Hover" content="">
  49. <meta name="color:Link 5 Border" content="">
  50. <meta name="color:Link 5 Border Hover" content="">
  51. <meta name="color:Link 6 Border" content="">
  52. <meta name="color:Link 6 Border Hover" content="">
  53.  
  54. <meta name="if:Hiatus" content="">
  55. <meta name="if:Link 1" content="">
  56. <meta name="if:Link 2" content="">
  57. <meta name="if:Link 3" content="">
  58.  
  59. <meta name="text:Sidebar Image Height" content="">
  60. <meta name="text:Sidebar Image Width" content="">
  61. <meta name="text:Sidebar Image Left Margin" content="">
  62.  
  63. <meta name="text:Hiatus Message" content="">
  64. <meta name="text:Hiatus Message Date" content="">
  65.  
  66. <meta name="text:Description" content="">
  67.  
  68. <meta name="text:Home Link" content="">
  69.  
  70. <meta name="text:Ask Link" content="">
  71. <meta name="text:Ask Title" content="">
  72. <meta name="text:Ask Message" content="">
  73.  
  74. <meta name="text:Link 1" content="">
  75. <meta name="text:Link 1 URL" content="http://">
  76.  
  77. <meta name="text:Link 2" content="">
  78. <meta name="text:Link 2 URL" content="http://">
  79.  
  80. <meta name="text:Link 3" content="">
  81. <meta name="text:Link 3 URL" content="http://">
  82.  
  83. <meta name="text:Credits Link" content="">
  84. <meta name="text:Credits Title" content="">
  85. <meta name="text:Credits Message" content="">
  86.  
  87. <meta name="text:Sidebar Title 1" content="">
  88. <meta name="text:Sidebar Message 1" content="">
  89.  
  90. <meta name="text:Sidebar Title 2" content="">
  91. <meta name="text:Sidebar Message 2" content="">
  92.  
  93. <meta name="text:Sidebar Title 3" content="">
  94. <meta name="text:Sidebar Title B" content="">
  95. <meta name="text:Sidebar Message B" content="">
  96. <meta name="text:Sidebar Title C" content="">
  97. <meta name="text:Sidebar Message C" content="">
  98. <meta name="text:Sidebar Title D" content="">
  99. <meta name="text:Sidebar Message D" content="">
  100.  
  101. <meta name="text:Sidebar Title 4" content="">
  102.  
  103. <head>
  104.  
  105. <script type="text/javascript"
  106. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js">
  107.  
  108. </script>
  109.  
  110. <script>
  111.  
  112. /*--- CREDIT BOX ---*/
  113.  
  114. $(document).ready(function() {
  115. //
  116. $('a.poplight[href^=#]').click(function() {
  117. var popID = $(this).attr('rel');
  118. //Get Popup Name
  119. var popURL = $(this).attr('href');
  120. //Get Popup href to define size
  121. var query= popURL.split('?');
  122. var dim= query[1].split('&');
  123. var popWidth = dim[0].split('=')[1];
  124. //Gets the first query string value
  125. $('#' + popID).fadeIn().css({
  126. 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://usa.mascotlabelgroup.com/skin1/modules/CookieAccept/close-icon.png" class="btn_close" title="Close" alt="Close" /></a>');
  127. var popMargTop = ($('#' + popID).height() + 80) / 2;
  128. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  129. //Apply Margin to Popup
  130. $('#' + popID).css({
  131. 'margin-top' : -popMargTop,
  132. 'margin-left' : -popMargLeft
  133. });
  134. $('body').append('<div id="fade"></div>');
  135. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
  136. //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  137. return false;
  138. });
  139. $('a.close, #fade').live('click', function() {
  140. $('#fade , .popup_block').fadeOut(function() {
  141. $('#fade, a.close').remove();
  142. //fade them both out
  143. });
  144. return false;
  145. });
  146. });
  147.  
  148. </script>
  149.  
  150. <style>
  151.  
  152. /*--- BASICS ---*/
  153.  
  154. body {
  155. color:{color:Text Color};
  156. font-family:'calibri';
  157. font-size:12px;
  158. font-weight:normal;
  159. text-align:justify;
  160. background-color:{color:Background};
  161. background-attachment:fixed
  162. line-height:13px;
  163. letter-spacing:1px;
  164. }
  165.  
  166. p {
  167. margin-top:3px;
  168. margin-bottom:3px
  169. padding-bottom:0.5em;
  170. }
  171.  
  172. a {
  173. text-decoration:none;
  174. color:{color:Text Links};
  175. }
  176.  
  177. a:hover {
  178. color:{color:Text Link Hover};
  179. transition:all 0.3s ease-out;
  180. -o-transition:all 0.3s ease-out;
  181. -webkit-transition:all 0.3s ease-out;
  182. -moz-transition:all 0.3s ease-out;
  183. }
  184.  
  185.  
  186. /*--- LEFT SIDEBAR---*/
  187.  
  188. #left_sidebar {
  189. width:253px;
  190. height:100%;
  191. margin-left:154px;
  192. padding:5px 10px 25px 10px;
  193. background-color:{color:Post Background};
  194. border:solid 1px {color:Post Border};
  195. position:fixed;
  196. float:left;
  197. border-radius:5px;
  198. }
  199.  
  200.  
  201. .left_sidebar_img {
  202. margin:70 0 0 0px;
  203. width:{text:Sidebar Image Width}px;
  204. background-color:{color:Post Background};
  205. opacity:0.5;
  206. border:solid 1px {color:Post Border};
  207. border-radius:5px;
  208. text-align:center;
  209. padding:15px 0px 0px 0px;
  210. }
  211.  
  212. .left_sidebar_img img {
  213. top:0px;
  214. left:0px;
  215. height:{text:Sidebar Image Height}px;
  216. width:{text:Sidebar Image Width}px;
  217. position:relative;
  218. }
  219.  
  220.  
  221. .left_sidebar_links {
  222. padding:5px;
  223. font-family:arial;
  224. font-size:11px;
  225. font-weight:lighter;
  226. letter-spacing:1px;
  227. text-transform:uppercase;
  228. text-align:center;
  229. }
  230.  
  231. .description {
  232. padding:0 0 0 0px;
  233. color:{color:Text Color};
  234. font-family:arial;
  235. font-size:10px;
  236. font-weight:lighter;
  237. letter-spacing:0px;
  238. text-transform:none;
  239. text-align:center;
  240. }
  241.  
  242. .pagination {
  243. margin:-5 0 0 0px;
  244. text-align:center;
  245. }
  246.  
  247. .jump_page {
  248. padding: 2px 2px;
  249. margin-right:9px;
  250. color:{color:Text Color};
  251. text-decoration:none;
  252. text-align:center;
  253. }
  254.  
  255. .jump_page:hover {
  256. color:{color:Text Links};
  257. border-bottom:solid 1px {color:Text Links};
  258. -moz-transition-duration:0.4s;
  259. -o-transition-duration:0.4s;
  260. -webkit-transition-duration:0.4s;
  261. transition-duration:0.4s;
  262. }
  263.  
  264. .current_page {
  265. padding: 2px 2px;
  266. margin-right:9px;
  267. color:{color:Text Links};
  268. text-decoration:none;
  269. border-bottom:solid 1px {color:Text Links};
  270. }
  271.  
  272. .current_page:hover {
  273. color:{color:Text Links};
  274. -moz-transition-duration:0.4s;
  275. -o-transition-duration:0.4s;
  276. -webkit-transition-duration:0.4s;
  277. transition-duration:0.4s;
  278. }
  279.  
  280. /*--- CREDIT POPUP ---*/
  281.  
  282. #fade {
  283. display:none;
  284. background:#000;
  285. position:fixed;
  286. left:0px;
  287. top:0px;
  288. width:100%;
  289. height:100%;
  290. opacity:0.8;
  291. z-index:9999;
  292.  
  293. }
  294. .popup_block{
  295. display: none;
  296. background:{color:Post Background};
  297. padding:20px;
  298. float:left;
  299. position:fixed;
  300. top:50%;
  301. left:50%;
  302. z-index:99999;
  303.  
  304. }
  305.  
  306. img.btn_close {
  307. float:right;
  308. margin:-5px -5px 0 0;
  309. }
  310.  
  311. *html #fade {
  312. position:absolute;
  313. }
  314.  
  315. *html .popup_block {
  316. position:absolute;
  317. }
  318.  
  319. .popup_title {
  320. color:{color:Text Color};
  321. font-family:'lustria';
  322. font-size:20px;
  323. font-weight:normal;
  324. text-align:center;
  325. }
  326.  
  327. .popup_descript {
  328. color:{color:Text Color};
  329. font-size:12px;
  330. text-align:left;
  331. }
  332.  
  333. /*--- RIGHT SIDEBAR ---*/
  334.  
  335. #right_sidebar {
  336. width:188px;
  337. top:33px;
  338. left:460px;
  339. padding:10px;
  340. background-color:{color:Post Background};
  341. border:solid 1px {color:Post Border};
  342. position:fixed;
  343. float:left;
  344. }
  345.  
  346. .right_links {
  347. width:187px;
  348. margin-bottom:5px;
  349. font-size:9px;
  350. list-style:none;
  351.  
  352. }
  353.  
  354. .right_links a {
  355. padding:5px 10px;
  356. color:{color:Home Link Text};
  357. font-family:arial;
  358. font-weight:lighter;
  359. letter-spacing:1px;
  360. text-align:center;
  361. text-transform:uppercase;
  362. background-color:{color:Home Link};
  363. border-left:3px solid {color:Link 1 Border};
  364. display:block;
  365. cursor:hand;
  366. }
  367.  
  368. .right_links a:hover {
  369. color:{color:Home Link Text Hover};
  370. border-left:3px solid {color:Link 1 Border Hover};
  371. background-color:{color:Home Link Hover};
  372. transition:all 0.3s ease-out;
  373. -o-transition:all 0.3s ease-out;
  374. -webkit-transition:all 0.3s ease-out;
  375. -moz-transition:all 0.3s ease-out;
  376. }
  377.  
  378. .right_links2 {
  379. width:187px;
  380. margin-bottom:5px;
  381. font-size:9px;
  382. list-style:none;
  383.  
  384. }
  385.  
  386. .right_links2 a {
  387. padding:5px 10px;
  388. color:{color:Links Text};
  389. font-family:arial;
  390. font-weight:lighter;
  391. letter-spacing:1px;
  392. text-align:center;
  393. text-transform:uppercase;
  394. background-color:{color:Links};
  395. border-left:3px solid {color:Link 2 Border};
  396. display:block;
  397. cursor:hand;
  398. }
  399.  
  400. .right_links2 a:hover {
  401. color:{color:Links Text Hover};
  402. background-color:{color:Links Hover};
  403. border-left:3px solid {color:Link 2 Border Hover};
  404. transition:all 0.3s ease-out;
  405. -o-transition:all 0.3s ease-out;
  406. -webkit-transition:all 0.3s ease-out;
  407. -moz-transition:all 0.3s ease-out;
  408. }
  409.  
  410. .right_links3 {
  411. width:187px;
  412. margin-bottom:5px;
  413. font-size:9px;
  414. list-style:none;
  415.  
  416. }
  417.  
  418. .right_links3 a {
  419. padding:5px 10px;
  420. color:{color:Links Text};
  421. font-family:arial;
  422. font-weight:lighter;
  423. letter-spacing:1px;
  424. text-align:center;
  425. text-transform:uppercase;
  426. background-color:{color:Links};
  427. border-left:3px solid {color:Link 3 Border};
  428. display:block;
  429. cursor:hand;
  430. }
  431.  
  432. .right_links3 a:hover {
  433. color:{color:Links Text Hover};
  434. background-color:{color:Links Hover};
  435. border-left:3px solid {color:Link 3 Border Hover};
  436. transition:all 0.3s ease-out;
  437. -o-transition:all 0.3s ease-out;
  438. -webkit-transition:all 0.3s ease-out;
  439. -moz-transition:all 0.3s ease-out;
  440. }
  441.  
  442. .right_links4 {
  443. width:187px;
  444. margin-bottom:5px;
  445. font-size:9px;
  446. list-style:none;
  447.  
  448. }
  449.  
  450. .right_links4 a {
  451. padding:5px 10px;
  452. color:{color:Links Text};
  453. font-family:arial;
  454. font-weight:lighter;
  455. letter-spacing:1px;
  456. text-align:center;
  457. text-transform:uppercase;
  458. background-color:{color:Links};
  459. border-left:3px solid {color:Link 4 Border};
  460. display:block;
  461. cursor:hand;
  462. }
  463.  
  464. .right_links4 a:hover {
  465. color:{color:Links Text Hover};
  466. background-color:{color:Links Hover};
  467. border-left:3px solid {color:Link 4 Border Hover};
  468. transition:all 0.3s ease-out;
  469. -o-transition:all 0.3s ease-out;
  470. -webkit-transition:all 0.3s ease-out;
  471. -moz-transition:all 0.3s ease-out;
  472. }
  473.  
  474. .right_links5 {
  475. width:187px;
  476. margin-bottom:5px;
  477. font-size:9px;
  478. list-style:none;
  479.  
  480. }
  481.  
  482. .right_links5 a {
  483. padding:5px 10px;
  484. color:{color:Links Text};
  485. font-family:arial;
  486. font-weight:lighter;
  487. letter-spacing:1px;
  488. text-align:center;
  489. text-transform:uppercase;
  490. background-color:{color:Links};
  491. border-left:3px solid {color:Link 5 Border};
  492. display:block;
  493. cursor:hand;
  494. }
  495.  
  496. .right_links5 a:hover {
  497. color:{color:Links Text Hover};
  498. background-color:{color:Links Hover};
  499. border-left:3px solid {color:Link 5 Border Hover};
  500. transition:all 0.3s ease-out;
  501. -o-transition:all 0.3s ease-out;
  502. -webkit-transition:all 0.3s ease-out;
  503. -moz-transition:all 0.3s ease-out;
  504. }
  505.  
  506. .right_links6 {
  507. width:187px;
  508. margin-bottom:5px;
  509. font-size:9px;
  510. list-style:none;
  511.  
  512. }
  513.  
  514. .right_links6 a {
  515. padding:5px 10px;
  516. color:{color:Links Text};
  517. font-family:arial;
  518. font-weight:lighter;
  519. letter-spacing:1px;
  520. text-align:center;
  521. text-transform:uppercase;
  522. background-color:{color:Links};
  523. border-left:3px solid {color:Link 6 Border};
  524. display:block;
  525. cursor:hand;
  526. }
  527.  
  528. .right_links6 a:hover {
  529. color:{color:Links Text Hover};
  530. background-color:{color:Links Hover};
  531. border-left:3px solid {color:Link 6 Border Hover};
  532. transition:all 0.3s ease-out;
  533. -o-transition:all 0.3s ease-out;
  534. -webkit-transition:all 0.3s ease-out;
  535. -moz-transition:all 0.3s ease-out;
  536. }
  537.  
  538. .right_links_temp {
  539. display:none;
  540. }
  541.  
  542. #right2_sidebar {
  543. width:200px;
  544. top:205px; /*--add about 28px per link above it--*/
  545. left:460px;
  546. padding:4px;
  547. font-family:arial;
  548. font-size:10px;
  549. letter-spacing:1px;
  550. text-transform:uppercase;
  551. text-align:left;
  552. background-color:{color:Post Background};
  553. border:1px solid {color:Post Border};
  554. position:fixed;
  555.  
  556. }
  557.  
  558. #right2_sidebar1 {
  559. height:20px;
  560. margin-top:5px;
  561. font-size:9px;
  562. letter-spacing:1px;
  563. text-transform:uppercase;
  564. text-align:center;
  565. overflow:hidden;
  566. border-bottom:1px solid {color:Post Info Border};
  567. line-height:12px;
  568. cursor:hand;
  569. -webkit-transition:all 0.5s ease-in-out;
  570. -moz-transition:all 0.5s ease-in-out;
  571. -o-transition:all 0.5s ease-in-out;
  572. }
  573.  
  574. #right2_sidebar1:hover {
  575. height:180px;
  576. -webkit-transition:all 0.5s ease-in-out;
  577. -moz-transition:all 0.5s ease-in-out;
  578. -o-transition:all 0.5s ease-in-out;
  579. }
  580.  
  581. #right2_sidebar2 {
  582. height:20px;
  583. margin-top:5px;
  584. font-size:9px;
  585. letter-spacing:1px;
  586. text-transform:uppercase;
  587. text-align:center;
  588. background-color:{color:Post Background};
  589. overflow:hidden;
  590. border-bottom:1px solid {color:Post Info Border};
  591. line-height:14px;
  592. cursor:hand;
  593. -webkit-transition:all 0.5s ease-in-out;
  594. -moz-transition:all 0.5s ease-in-out;
  595. -o-transition:all 0.5s ease-in-out;
  596. }
  597.  
  598. #right2_sidebar2:hover {
  599. height:170px;
  600. -webkit-transition:all 0.5s ease-in-out;
  601. -moz-transition:all 0.5s ease-in-out;
  602. -o-transition:all 0.5s ease-in-out;
  603. }
  604.  
  605. #right2_sidebar3 {
  606. height:20px;
  607. margin-top:5px;
  608. font-size:9px;
  609. letter-spacing:1px;
  610. text-transform:uppercase;
  611. text-align:center;
  612. background-color:{color:Post Background};
  613. overflow:hidden;
  614. border-bottom:1px solid {color:Post Info Border};
  615. line-height:16px;
  616. cursor:hand;
  617. -webkit-transition:all 0.5s ease-in-out;
  618. -moz-transition:all 0.5s ease-in-out;
  619. -o-transition:all 0.5s ease-in-out;
  620. }
  621.  
  622. #right2_sidebar3:hover {
  623. height:315px;
  624. -webkit-transition:all 0.5s ease-in-out;
  625. -moz-transition:all 0.5s ease-in-out;
  626. -o-transition:all 0.5s ease-in-out;
  627. }
  628.  
  629. #right2_sidebar4 {
  630. height:16px;
  631. margin-top:7px;
  632. font-size:9px;
  633. letter-spacing:1px;
  634. text-transform:uppercase;
  635. text-align:center;
  636. background-color:{color:Post Background};
  637. overflow:hidden;
  638. border-bottom:0px solid {color:Post Info Border};
  639. line-height:13px;
  640. cursor:hand;
  641. -webkit-transition:all 0.5s ease-in-out;
  642. -moz-transition:all 0.5s ease-in-out;
  643. -o-transition:all 0.5s ease-in-out;
  644. }
  645.  
  646. #right2_sidebar4:hover {
  647. height:200px;
  648. -webkit-transition:all 0.5s ease-in-out;
  649. -moz-transition:all 0.5s ease-in-out;
  650. -o-transition:all 0.5s ease-in-out;
  651. }
  652.  
  653. .shaming_badge {
  654. position:relative;
  655. top:10px;
  656. left:27px;
  657. width:140px;
  658. height:140px;
  659. }
  660.  
  661. .shaming_badge:hover {
  662. opacity:1;
  663. }
  664.  
  665.  
  666. #badge_contain {
  667. width:125px;
  668. margin-left:485px;
  669. margin-top:350px;
  670. padding:0px;
  671. background-color:transparent;
  672. border:solid 1px transparent;
  673. position:fixed;
  674. float:left;
  675. }
  676.  
  677. #badge2_contain {
  678. width:125px;
  679. margin-left:485px;
  680. margin-top:500px;
  681. padding:0px;
  682. background-color:transparent;
  683. border:solid 1px transparent;
  684. position:fixed;
  685. float:left;
  686. }
  687.  
  688. .badge {
  689. left:0px;
  690. bottom:0px;
  691. }
  692.  
  693. /*--- POSTS ---*/
  694.  
  695. blockquote {
  696. max-width:468px;
  697. color:{color:Text Color};
  698. background-color:transparent;
  699. border:1px solid transparent;
  700. border-left:solid 2px {color:Post Border};
  701. font-family:'calibri';
  702. font-size:12px;
  703. font-style:normal;
  704. margin-left:15px;
  705. margin-right:-5px;
  706. margin-top:10px;
  707. padding:0 0 0 15px;
  708. padding-top:10px;
  709. }
  710.  
  711. blockquote img, blockquote a img {
  712. max-width: 490px;
  713. }
  714.  
  715. #entries {
  716. width:519px;
  717. margin-left:650px;
  718. margin-top:-25px;
  719. padding:35px;
  720. font-family:arial;
  721. font-weight:normal;
  722. font-style:normal;
  723. border-left:0px double {color:Post Border};
  724. line-height:13px;
  725. }
  726.  
  727. #post {
  728. position:relative;
  729. width:500px;
  730. margin-top:15px;
  731. margin-bottom:10px;
  732. padding:30px 30px 20px 30px;
  733. font-family:arial;
  734. font-weight:normal;
  735. font-style:normal;
  736. background-color:{color:Post Background};
  737. border:solid 1px {color:Post Border};
  738. line-height:13px;
  739. }
  740.  
  741. #post_temp {
  742. display:none;
  743. }
  744.  
  745. #buttons {
  746. width:45px;
  747. height:20px;
  748. display:inline-block;
  749. float:right;
  750. padding-top:5px;
  751. padding-left:0px;
  752. border:1px solid {color:Post Background};
  753. border-radius:10px;
  754. background-color:{color:Post Background};
  755. opacity:1;
  756. }
  757.  
  758. #buttons:hover {
  759. opacity:1;
  760. }
  761.  
  762. #reblog {
  763. padding-left:4px;
  764. padding-right:5px;
  765. opacity:0.6;
  766. display:inline-block;
  767. }
  768.  
  769. #reblog a{
  770. margin-right:0px;
  771. margin-bottom:0px;
  772. background-color:{color:Post Background};
  773. padding:0px;
  774. }
  775.  
  776. #reblog:hover {
  777. opacity:1;
  778. }
  779.  
  780. #like {
  781. opacity:0.6;
  782. display:inline-block;
  783. }
  784.  
  785. #like:hover {
  786. opacity:1;
  787. }
  788.  
  789. #info {
  790. width:500px;
  791. top:5px;
  792. padding:0px;
  793. font-size:8px;
  794. font-family:arial;
  795. font-style :none;
  796. letter-spacing:1px;
  797. text-transform:uppercase;
  798. text-align:center;
  799. line-height:10px;
  800. border-top:1px solid {color:Post Info Border};
  801. }
  802.  
  803. #info a {
  804. color:{color:Post Info};
  805. text-align:left;
  806. }
  807.  
  808. #info a:hover {
  809. color:{color:Post Info Hover};
  810. -moz-transition-duration:0.3s;
  811. -webkit-transition-duration:0.3s;
  812. -o-transition-duration:0.3s;
  813. }
  814.  
  815. #tags {
  816. width:490px;
  817. text-transform:none;
  818. font-size:10px;
  819. text-align:left;
  820. margin-left:-10px;
  821. padding-top:12px;
  822. padding-bottom:3px;
  823. padding-left:0px;
  824. display:inline-block;
  825. border:1px solid {color:Post Background};
  826. }
  827.  
  828. #tags a {
  829. margin:2px 1px 2px 1px;
  830. }
  831.  
  832. #tags a:hover {
  833. background-color:transparent;
  834. }
  835.  
  836. #body {
  837. max-width:500px;
  838. color:{color:Text Color};
  839. background-color:transparent;
  840. border:1px solid transparent;
  841. font-family:'calibri';
  842. font-size:12px;
  843. font-style:normal;
  844. margin-left:0px;
  845. margin-right:-20px;
  846. margin-top:10px;
  847. padding:0 0 0 0px;
  848. }
  849.  
  850. #title {
  851. max-width:500px;
  852. color:{color:Text Color};
  853. background-color:transparent;
  854. border:1px solid transparent;
  855. font-family:'lustria';
  856. font-size:20px;
  857. font-style:bold;
  858. line-height:24px;
  859. }
  860.  
  861. /*--- QUOTES ---*/
  862.  
  863.  
  864. #quotation_mark {
  865. position:absolute;
  866. font-size:90px;
  867. margin-top:55px;
  868. margin-left:5px;
  869. font-family:'lustria';
  870. color:{color:Text Links};
  871. opacity:0.3;
  872. }
  873.  
  874. .short_quote, .medium_quote, .long_quote {
  875. margin-top:5px;
  876. padding:5px;
  877. font-family:'lustria';
  878. border:1px solid transparent;
  879. }
  880.  
  881. .short_quote {
  882. font-size:20px;
  883. line-height:21px;
  884. }
  885.  
  886. .medium_quote {
  887. font-size:18px;
  888. line-height:20px;
  889. }
  890.  
  891. .long_quote {
  892. font-size:16px;
  893. line-height:19px;
  894.  
  895. }
  896.  
  897. #quote_source {
  898. text-align:right;
  899. font-size:11px
  900. }
  901.  
  902. /*--- CHAT ---*/
  903.  
  904. #chat_title {
  905. text-align:center;
  906. font-family:'lustria';
  907. font-size:20px;
  908. font-weight:bold;
  909. letter-spacing:2px;
  910. }
  911.  
  912. .chat li {
  913. margin-left:-40px;
  914. font-style:none;
  915. font-size:12px;
  916. padding:4px;
  917. list-style:none;
  918. }
  919.  
  920. .user .label {
  921. font-size:12px;
  922. font-weight:bold;
  923. text-transform:lowercase;
  924. }
  925.  
  926. /*--- AUDIO ---*/
  927.  
  928. #audio {
  929. opacity: 1.0;
  930. position:relative;
  931. overflow:hidden;
  932. min-height:130px;
  933. font-size: 8px;
  934. }
  935.  
  936. #audioinfo {
  937. margin-left:140px;
  938. line-height:155%;
  939. font-family:arial;
  940. font-size:10px!important;
  941. }
  942.  
  943. #audioplayer {
  944. background: {color:Post Background};
  945. border:solid 1px {color:Post Border};
  946. width:207px;
  947. height:18px;
  948. overflow:hidden;
  949. padding:5px;
  950. padding-bottom:13px;
  951. margin-right:11px}
  952.  
  953. #audiocaption {
  954. margin-left:15px;
  955. padding-top:10px;
  956. max-width:490px;
  957. }
  958.  
  959. #audiocaption img {
  960. max-width:330px!important
  961. }
  962.  
  963. #audiocaption blockquote img {
  964. max-width:320px!important;
  965. }
  966.  
  967. #audiocaption blockquote blockquote img {
  968. max-width:310px!important
  969. }
  970.  
  971. /*--- ASK ---*/
  972.  
  973. #question {
  974. padding: 20px;
  975. padding-bottom: 30px;
  976. background-color: {color:Background};
  977. }
  978.  
  979. #asker {
  980. font-family:arial;
  981. font-size:12px;
  982. font-style:bold;
  983. }
  984.  
  985. .question_img {
  986. width: 40px;
  987. margin: auto;
  988. margin-top: -25px;
  989. border: 5px solid {color:Background};
  990. border-radius:100px;
  991. display: block;
  992. }
  993.  
  994. /*--- LINKS ---*/
  995.  
  996. #link_contain {
  997. width:562px;
  998. top:17px;
  999. left:-31px;
  1000. position:relative;
  1001. margin-bottom:10px;
  1002. }
  1003.  
  1004. .link {
  1005. width:562px;
  1006. margin-bottom:0px;
  1007. font-size: 20px;
  1008. list-style:none;
  1009. }
  1010.  
  1011. .link a {
  1012. font-family: 'lustria';
  1013. padding:25px 0px;
  1014. text-align:center;
  1015. color: #ffffff;
  1016. background-color:{color:Post Link};
  1017. display:block;
  1018. }
  1019.  
  1020. .link a:hover {
  1021. opacity:0.8;
  1022. transition:all 0.3s ease-out;
  1023. -o-transition:all 0.3s ease-out;
  1024. -webkit-transition:all 0.3s ease-out;
  1025. -moz-transition:all 0.3s ease-out;
  1026. }
  1027.  
  1028. .url {
  1029. padding-top:5px;
  1030. font-family:arial;
  1031. font-size:11px;
  1032. color:#ffffff;
  1033. font-weight:lighter;
  1034. }
  1035.  
  1036. .link descript {
  1037. width:500px;
  1038. height:auto;
  1039. top:0px;
  1040. left:0px;
  1041. padding:0 0px;
  1042. }
  1043.  
  1044. /*--- ODDS AND ENDS ---*/
  1045.  
  1046. ol.notes {
  1047. padding: 0px;
  1048. margin: 25px 0px;
  1049. list-style-type: none;
  1050. border: solid 0px {color:Background};
  1051. font-family:calibri;
  1052. font-size: 11px;
  1053. text-transform:normal;
  1054. letter-spacing:0px;
  1055. text-align:left;
  1056. font-style:normal;
  1057. position:relative;
  1058. }
  1059.  
  1060. ol.notes li.note {
  1061. border-top:solid 0px {color:Background};
  1062. padding:10px;
  1063. }
  1064.  
  1065. ol.notes li.note img.avatar {
  1066. vertical-align:-4px;
  1067. margin-right:10px;
  1068. width:24px;
  1069. height:24px;
  1070. border-radius:100px;
  1071. border:double 3px {color:Post Border};
  1072. background:{color:Post Background};
  1073. }
  1074.  
  1075. ol.notes li.note span.action {
  1076. font-style:normal;
  1077. }
  1078.  
  1079. ol.notes li.note .answer_content {
  1080. font-weight:normal;
  1081. }
  1082.  
  1083. ol.notes li.note blockquote {
  1084. color:{color:Links};
  1085. border:solid 1px {color:Background};
  1086. border-left:solid 2px {color:Post Border};
  1087. background-color:{color:Background};
  1088. padding:4px 10px;
  1089. margin:10px 0px 0px 25px;
  1090. }
  1091.  
  1092. ol.notes li.note blockquote a {
  1093. text-decoration:none;
  1094. font-weight:bold;
  1095. }
  1096.  
  1097. ::-webkit-scrollbar {
  1098. width:6px;
  1099. height:6px;
  1100. }
  1101.  
  1102. ::-webkit-scrollbar-track {
  1103. background-color:{color:Post Background};
  1104. border-radius:10px;
  1105. }
  1106.  
  1107. ::-webkit-scrollbar-thumb {
  1108. border-radius: 0px;
  1109. background:#b8b8b8;
  1110. -webkit-border-radius:0px;
  1111. }
  1112.  
  1113. </style>
  1114. </head>
  1115.  
  1116. <body>
  1117.  
  1118. <!--- ASK POPUP MESSAGE --->
  1119.  
  1120. <div id="02" class="popup_block">
  1121. <div class="popup_title">
  1122. {text:Ask Title}
  1123. </div>
  1124. <div class="popup_descript">
  1125. {text:Ask Message}
  1126. </div>
  1127. <br>
  1128. <div class="popup_descript"><p><iframe frameborder="0" scrolling="no" width="100%" height="190" src="http://www.tumblr.com/ask_form/deputyeyebrows.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p>
  1129. </div>
  1130. </div>
  1131.  
  1132. <!--- CREDIT POPUP MESSAGE --->
  1133.  
  1134. <div id="03" class="popup_block">
  1135. <div class="popup_title">
  1136. {text:Credits Title}
  1137. </div>
  1138. <br>
  1139. <div class="popup_descript">
  1140. {text:Credits Message}
  1141.  
  1142. </div>
  1143. </div>
  1144.  
  1145. <!---LEFT SIDEBAR --->
  1146.  
  1147. <div id="left_sidebar">
  1148. <div class="left_sidebar_img">
  1149. <a href="/">
  1150. <img src={image:Sidebar Image}>
  1151. </a>
  1152. <br><br><div class="description">
  1153. {text:Description}
  1154. </div>
  1155. </div>
  1156.  
  1157. <br><div class="pagination">
  1158. {block:PreviousPage}
  1159. <a href="{PreviousPage}" class="jump_page">&laquo;</a>
  1160. {/block:PreviousPage}
  1161. {block:JumpPagination length="5"}
  1162. {block:CurrentPage}
  1163. <span class="current_page">
  1164. {PageNumber}
  1165. </span>
  1166. {/block:CurrentPage}
  1167. {block:JumpPage}
  1168. <a class="jump_page" href="{URL}">
  1169. {PageNumber}
  1170. </a>
  1171. {/block:JumpPage}
  1172. {/block:JumpPagination}
  1173. {block:NextPage}
  1174. <a href="{NextPage}" class="jump_page">
  1175. &raquo;
  1176. </a>
  1177. {/block:NextPage}
  1178. </div>
  1179.  
  1180. </div>
  1181.  
  1182. <!--- RIGHT SIDEBAR --->
  1183.  
  1184. <div id="right_sidebar">
  1185.  
  1186. <li class="right_links">
  1187. <a href="/" class=class1>{text:Home Link}</a>
  1188. </li>
  1189.  
  1190.  
  1191. <li class="right_links2">
  1192. <a href="#?w=500" rel="02" class="poplight">{text:Ask Link}</a>
  1193. </li>
  1194.  
  1195. <li class="right_links3">
  1196. <a href="#?w=500" rel="03" class="poplight">{text:Credits Link}</a>
  1197. </li>
  1198.  
  1199. {block:IfLink1}
  1200. <li class="right_links4">
  1201. <a href="{text:Link 1 URL}" class=class1>{text:Link 1}</a>
  1202. </li>
  1203. {/block:IfLink1}
  1204.  
  1205. {block:IfNotLink1}
  1206. <li class="right_links_temp"></li>
  1207. {/block:IfNotLink1}
  1208.  
  1209. {block:IfLink2}
  1210. <li class="right_links5">
  1211. <a href="{text:Link 2 URL}" class=class1>{text:Link 2}</a>
  1212. </li>
  1213. {/block:IfLink2}
  1214.  
  1215. {block:IfNotLink2}
  1216. <li class="right_links_temp"></li>
  1217. {/block:IfNotLink2}
  1218.  
  1219. {block:IfLink3}
  1220. <li class="right_links6">
  1221. <a href="{text:Link 3 URL}" class=class1>{text:Link 3}</a>
  1222. </li>
  1223. {block:IfLink3}
  1224.  
  1225. {block:IfNotLink3}
  1226. <li class="right_links_temp"></li>
  1227. {/block:IfNotLink3}
  1228.  
  1229.  
  1230. <!--- remember to change top margin of right2_sidebar --->
  1231.  
  1232. </div>
  1233.  
  1234. <div id="badge_contain">
  1235.  
  1236. <div id="badge">
  1237. <img src="http://38.media.tumblr.com/8cc206afe5859c7126fc259bd95db0c5/tumblr_n1cepsZNlM1qirbkko7_r1_250.png" height="145px">
  1238. </div>
  1239.  
  1240. </div>
  1241.  
  1242. <div id="badge2_contain">
  1243.  
  1244. <div id="badge">
  1245. <img src="https://31.media.tumblr.com/ae59d936e96d50e36d0cfd77797d93c7/tumblr_n8al04Ve421qjvfkco6_250.png" height="140px">
  1246. </div>
  1247.  
  1248. </div>
  1249.  
  1250. <div id="right2_sidebar">
  1251. <center><div id="right2_sidebar1">
  1252. <div style="font-size:9px;">
  1253. {text:Sidebar Title 1}
  1254. </div><br>
  1255. <div style="padding-top:1px; text-transform:none; opacity:.9; font-family: arial; font-size:10px; line-height:10px; text-align:center; color:{color:Text Color};">
  1256. {text:Sidebar Message 1}
  1257. </div><br><br>
  1258. </div>
  1259.  
  1260.  
  1261. <div id="right2_sidebar2">
  1262. <div style="font-size:9px;">
  1263. {text:Sidebar Title 2}
  1264. </div><br>
  1265. <div style="padding-top:1px; text-transform:none; opacity:.9; font-family: arial; font-size:10px; line-height:10px; text-align:center; color:{color:Text Color};">
  1266. {text:Sidebar Message 2}
  1267. <br><br></div>
  1268. </div>
  1269.  
  1270.  
  1271. <div id="right2_sidebar3">
  1272. <div style="font-size:9px;">
  1273. {text:Sidebar Title 3}
  1274. </div><br>
  1275.  
  1276. <div style="padding-top:0px; text-transform:none; opacity:.9; font-family: arial; font-size:10px; line-height:10px; text-align:center; color:{color:Text Color};">
  1277.  
  1278. <div style="font-size:12px; font-family:lustria">
  1279. {text:Sidebar Title B}
  1280. </div><br>
  1281.  
  1282. <div style="text-transform:uppercase">
  1283. {text:Sidebar Message B}
  1284. </div><br>
  1285.  
  1286. <div style="font-size:12px; font-family:lustria">
  1287. {text:Sidebar Title C}
  1288. </div><br>
  1289. <div style="text-transform:uppercase">
  1290. {text:Sidebar Message C}
  1291. </div><br>
  1292.  
  1293. <div style="font-size:12px; font-family:lustria">
  1294. {text:Sidebar Title D}
  1295. </div><br>
  1296.  
  1297. <div style="text-transform:uppercase">
  1298. {text:Sidebar Message D}
  1299. </div>
  1300. </div>
  1301. </div>
  1302.  
  1303.  
  1304. <div id="right2_sidebar4">
  1305. <div style="font-size:9px;">
  1306. {text:Sidebar Title 4}
  1307. </div><br>
  1308. <div class="shaming_badge">
  1309. <img src="http://33.media.tumblr.com/a3b5b1f9340e5ee6f0d74d4d8251f55e/tumblr_n1cepsZNlM1qirbkko9_r1_250.png" width="140px" height="140px" />
  1310. </div>
  1311. </div>
  1312. </div>
  1313.  
  1314. </div></div></div></div>
  1315.  
  1316.  
  1317. <!--- to add to this after copying one of the codes above, go back up to the css and change the border bottom of 3 back to 1px --->
  1318.  
  1319. <!--- POSTS--->
  1320.  
  1321. <div id="entries">
  1322.  
  1323. {block:IfHiatus}
  1324. <div id="post">
  1325. {text:Hiatus Message}
  1326.  
  1327. <br><div id="info">
  1328. <br><br><div style="color:{color:Post Info}">{text:Hiatus Message Date}</div>
  1329. </div>
  1330. </div>
  1331. {/block:IfHiatus}
  1332.  
  1333. {block:IfNotHiatus}
  1334. <div id="post_temp">
  1335. </div>
  1336. {/block:IfNotHiatus}
  1337.  
  1338. {block:Posts}
  1339. <div id="post">
  1340. <div id="buttons">
  1341. <div id="reblog">
  1342. {ReblogButton size="14"}
  1343. </div>
  1344. <div id="like">
  1345. {LikeButton size="14"}
  1346. </div>
  1347. </div>
  1348. {block:Text}
  1349. <h1>
  1350. {block:Title}
  1351. <div id="title">
  1352. {Title}
  1353. </div>
  1354. {/block:Title}
  1355. </h1>
  1356. {Body}
  1357. {/block:Text}
  1358.  
  1359. {block:Photo}
  1360. {LinkOpenTag}
  1361. <img src="{PhotoURL-500}">
  1362. {LinkCloseTag}
  1363. {block:Caption}
  1364. <div id="body">
  1365. {Caption}
  1366. </div>
  1367. {/block:Caption}
  1368. {/block:Photo}
  1369.  
  1370. {block:Photoset}
  1371. {Photoset-500}
  1372. {block:Caption}
  1373. <div id="body">
  1374. {Caption}
  1375. </div>
  1376. {/block:Caption}
  1377. {/block:Photoset}
  1378.  
  1379. {block:Quote}
  1380. <div id="quotation_mark">
  1381. &#8220;
  1382. </div>
  1383.  
  1384. <br><br><div class="{Length}_quote">
  1385. {Quote}
  1386. </div>
  1387. {block:Source}
  1388. <div id="quote_source">
  1389. <br><br>—{Source}
  1390. </div>
  1391. {/block:Source}
  1392. {/block:Quote}
  1393.  
  1394. {block:Link}
  1395. <h1>
  1396. <div id="link_contain">
  1397. <div class="link">
  1398. <a href="{URL}" {Target}>
  1399. {Name}
  1400. <div class="url">
  1401. {URL}
  1402. </div>
  1403. </a>
  1404. </div>
  1405. </div>
  1406. </h1>
  1407. {block:Description}
  1408. <br>
  1409. <div class="link_descript">
  1410. {Description}
  1411. </div>
  1412. {/block:Description}
  1413. {/block:Link}
  1414.  
  1415. {block:Chat}
  1416. <ul class="chat">
  1417. {block:Title}
  1418. <div id="chat_title">
  1419. {Title}
  1420. </div>
  1421. {/block:Title}
  1422. <br><br>
  1423. {block:Lines}
  1424. <li class="user">
  1425. {block:Label}
  1426. <span class="label">
  1427. {Label}
  1428. </span>
  1429. {/block:Label}
  1430. &nbsp;{Line}
  1431. </li>
  1432. {/block:Lines}
  1433. </ul>
  1434. {/block:Chat}
  1435.  
  1436. {block:Audio}
  1437. <div id="audio"><!-- background color here -->
  1438. <span style="background-color:{color:Background};
  1439. position:absolute;
  1440. width:110px;
  1441. height:110px;
  1442. margin-left:15px;
  1443. border:1px solid {color:Post Border};">
  1444. {block:AlbumArt}
  1445. <img src="{AlbumArtURL}"
  1446. width="110px"
  1447. height="110px"
  1448. align="left"
  1449. style="margin-left:0px;
  1450. padding:0px;
  1451. font-size:8px;">
  1452. {/block:AlbumArt}
  1453. </span>
  1454. <div id="audioinfo">
  1455. <b>Title:</b>
  1456. <span{block:TrackName} style="display: none;"
  1457. {block:TrackName}>Unknown</span>
  1458. {block:TrackName}
  1459. {TrackName}
  1460. {/block:TrackName}<br/>
  1461. <b>Artist:</b>
  1462. <span{block:Artist} style="display: none;"
  1463. {block:Artist}>Unknown
  1464. </span>
  1465. {block:Artist}
  1466. {Artist}
  1467. {/block:Artist}<br/>
  1468. <b>Album:</b>
  1469. <span{block:Album} style="display: none;"
  1470. {block:Album}>Unknown
  1471. </span>
  1472. {block:Album}
  1473. {Album}
  1474. {/block:Album}<br/>
  1475. {block:ExternalAudio}
  1476. <b>Download:</b>
  1477. <a href="{ExternalAudioURL}">
  1478. Click Here
  1479. </a><br/>
  1480. {/block:ExternalAudio}
  1481. <div id="audioplayer">
  1482. {AudioPlayerWhite}
  1483. </div>
  1484. </div>
  1485. <div id="audiocaption">
  1486. {block:Caption}
  1487. <br><br>{Caption}
  1488. {/block:Caption}
  1489. </div>
  1490. </div>
  1491. {/block:Audio}
  1492.  
  1493. {block:Video}
  1494. {Video-500}
  1495. {block:Caption}
  1496. {Caption}
  1497. {/block:Caption}
  1498. {/block:Video}
  1499.  
  1500. {block:Answer}
  1501. <div id="question">
  1502. <div id="asker">
  1503. <b>{Asker}</b> asked:<br><br>
  1504. </div>
  1505. {Question}
  1506. </div>
  1507. <img src="{AskerPortraitURL-40}" class="question_img">
  1508. {Answer}<br>
  1509. {/block:Answer}
  1510.  
  1511.  
  1512. <br><div id="info">
  1513.  
  1514. {block:HasTags}
  1515. <div id="tags">
  1516. {block:Tags}
  1517. <a href="{TagURL}">#{Tag} &nbsp&nbsp</a>
  1518. {/block:Tags}
  1519. </div>
  1520. {/block:HasTags}
  1521.  
  1522. <br><br><a href="{Permalink}">{TimeAgo}</a>
  1523.  
  1524.  
  1525. {block:RebloggedFrom}<br>&nbsp;<a href="{ReblogParentURL}" "target=_blank">via</a>{/block:RebloggedFrom}
  1526.  
  1527. {block:ContentSource}&nbsp;<a href="{SourceURL}" "target=_blank">source</a>
  1528. {/block:ContentSource}
  1529.  
  1530. <br>&nbsp;<a href="{Permalink}">{NoteCountWithLabel}</a>
  1531. </div>
  1532.  
  1533.  
  1534. </div>
  1535.  
  1536.  
  1537. {block:PostNotes}
  1538. <div id="notes">{PostNotes}</div>{/block:PostNotes}
  1539. {/block:Posts}
  1540.  
  1541. </div></div></div>
  1542.  
  1543. </body>
  1544.  
  1545. </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!