API tools faq
paste
azurethemes

theme 68

azurethemes
Nov 18th, 2015
403
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.44 KB | None | 0 0
raw download clone embed print report
  1. <!----
  2.  
  3. | |
  4. _ __ ___ ___ ___ _ __ ___| |_ __ _ _ __
  5. | '_ ` _ \ / _ \ / _ \| '_ \/ __| __/ _` | '__|
  6. | | | | | | (_) | (_) | | | \__ \ || (_| | |
  7. |_| |_| |_|\___/ \___/|_| |_|___/\__\__,_|_|
  8.  
  9.  
  10. _ _
  11. | | | |
  12. | |_| |__ ___ _ __ ___ ___ ___
  13. | __| '_ \ / _ \ '_ ` _ \ / _ \/ __|
  14. | |_| | | | __/ | | | | | __/\__ \
  15. \__|_| |_|\___|_| |_| |_|\___||___/
  16.  
  17.  
  18.  
  19. theme 68
  20.  
  21. ◜ ◝ ◞ ★ ☾ purpose ☽ ★ ◟ ◠ ◡
  22.  
  23. ᵗʰᶤˢ ᵗʰᵉᵐᵉ ʷᵃˢ ᵐᵃᵈᵉ ᵇʸ ᵐᵒᵒᶰˢᵗᵃʳ ᵗʰᵉᵐᵉˢ / ᶤᵐ⁻ʰᵃˡˢᵉʸ
  24. ᵖˡᵉᵃˢᵉ ʳᵉˢᵖᵉᶜᵗ ᵐʸ ᵗʰᵉᵐᵉ ʳᵘˡᵉˢ ᵃᶰᵈ ᵈᵒᶰᵗ ᵇᵉ ᵃ ᵈᶤᶜᵏ
  25. ᶤ ᵈᵒᶰᵗ ᵉˣᵖᵉᶜᵗ ᵐᵘᶜʰ ᶠʳᵒᵐ ᵘ ᵇᵘᵗ ᵖˡˢ ᵏᵉᵉᵖ ᵗʰᵉ ᶜʳᵉᵈᶤᵗ ᵃᶰᵈ ᵈᵒᶰᵗ ᵇᵉ ᵃ ᵈᶤᶜᵏ
  26. ᵃᶰᵈ ᵈᵒᶰᵗ ˢᵗᵉᵃˡ ᵃᶰʸᵗʰᶤᶰᵍ :⁾
  27.  
  28.  
  29. --->
  30. <!---- - START HTML / DONT TOUCH!!! - --->
  31. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  32. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  33. <script type="text/javascript">
  34. WebFontConfig = {
  35. google: { families: [ 'Roboto:400,700:latin' , 'Roboto::latin' , 'Abel::latin', 'Sarpanch::latin', 'Khand:400,600:latin' ] }
  36. };
  37. (function() {
  38. var wf = document.createElement('script');
  39. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  40. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  41. wf.type = 'text/javascript';
  42. wf.async = 'true';
  43. var s = document.getElementsByTagName('script')[0];
  44. s.parentNode.insertBefore(wf, s);
  45. })(); </script>
  46. <!---- - START TOOLTIPS SCRIPT / DONT TOUCH!!! - --->
  47. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  48. <script>
  49. (function($){
  50. $(document).ready(function(){
  51. $("a[title]").style_my_tooltips({
  52. tip_follows_cursor:true,
  53. tip_delay_time:90,
  54. tip_fade_speed:600,
  55. attribute:"title"
  56. });
  57. });
  58. })(jQuery);
  59. </script>
  60. <script>
  61. $(document).ready(function() {
  62. //
  63. $('a.poplight[href^=#]').click(function() {
  64. var popID = $(this).attr('rel'); //Get Popup Name
  65. var popURL = $(this).attr('href'); //Get Popup href to define size
  66. var query= popURL.split('?');
  67. var dim= query[1].split('&');
  68. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  69. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="" class="btn_close" title="Close Window" alt="" style="background-color: transparent; padding: 2px; color:#555;" /></a>');
  70. var popMargTop = ($('#' + popID).height() + 80) / 2;
  71. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  72. //Apply Margin to Popup
  73. $('#' + popID).css({
  74. 'margin-top' : -popMargTop,
  75. 'margin-left' : -popMargLeft
  76. });
  77. $('body').append('<div id="fade"></div>');
  78. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  79. return false;
  80. });
  81. $('a.close, #fade').live('click', function() {
  82. $('#fade , .popup_block').fadeOut(function() {
  83. $('#fade, a.close').remove(); //fade them both out
  84. });
  85. return false;
  86. });
  87. });
  88.  
  89. </script>
  90. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  91. <!---- - END TOOLTIPS SCRIPT / DONT TOUCH!!! - --->
  92. <head>
  93. <title>{Title}</title>
  94. <link rel="shortcut icon" href="{Favicon}">
  95. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  96. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  97. <!---- - START BACKGROUND COLORS / DONT TOUCH!!! - --->
  98. <meta name="color:background" content="#ffffff"/>
  99. <meta name="color:blockquote" content="#eeeeee">
  100. <meta name="color:posts" content="#ffffff">
  101. <meta name="color:question" content="#eeeeee">
  102. <meta name="color:scrollbar background" content="#ffffff">
  103. <!---- - END BACKGROUND COLORS / DONT TOUCH!!! - --->
  104. <!---- - START TEXT COLORS / DONT TOUCH!!! - --->
  105. <meta name="color:text" content="#000000"/>
  106. <meta name="color:post text" content="#000000"/>
  107. <!---- - END TEXT COLORS / DONT TOUCH!!! - --->
  108. <!---- - START OTHER COLORS / DONT TOUCH!!! - --->
  109. <meta name="color:hover" content="#888888">
  110. <meta name="color:border" content="#888888">
  111. <meta name="color:links" content="#000000"/>
  112. <meta name="color:accent" content="#cccccc"/>
  113. <meta name="color:box" content="#ffffff"/>
  114. <meta name="color:scrollbar" content="#000000">
  115. <!---- - END OTHER COLORS / DONT TOUCH!!! - --->
  116. <!---- - START BORDER COLORS / DONT TOUCH!!! - --->
  117. <meta name="color:blockquote border" content="#211927">
  118. <meta name="color:border" content="#000000"/>
  119. <!---- - END BORDER COLORS / DONT TOUCH!!! - --->
  120. <!---- - START IMAGES / DONT TOUCH!!! - --->
  121. <meta name="image:background" content=""/>
  122. <meta name="image:sidebar" content=""/>
  123. <meta name="image:icon" content=""/>
  124. <!---- - END IMAGES / DONT TOUCH!!! - --->
  125. <meta name="text:title" content="">
  126. <!---- - START LINKS / DONT TOUCH!!! - --->
  127. <meta name="text:link one" content="Link One">
  128. <meta name="text:link two" content="Link two">
  129. <meta name="text:link three" content="Link three">
  130. <meta name="text:link one url" content="/">
  131. <meta name="text:link two url" content="/">
  132. <meta name="text:link three url" content="/">
  133. <!---- - END LINKS / DONT TOUCH!!! - --->
  134.  
  135. <style type="text/css">
  136.  
  137.  
  138. @-webkit-keyframes CH {
  139. 0% {-webkit-transform: scale(.3);}
  140. 50% {-webkit-transform: scale(1.05);}
  141. 70% {-webkit-transform: scale(.9);}
  142. 100% {-webkit-transform: scale(1);}
  143. }
  144. ::-webkit-scrollbar-thumb {
  145. height:auto;
  146. background-color:{color:accent};
  147. }
  148. ::-webkit-scrollbar {
  149. height:2px;
  150. width:5px;
  151. background-color:{color:scrollbar background};
  152. }
  153. #s-m-t-tooltip {
  154. max-width:300px;
  155. margin:5px 0px 0px 5px;
  156. padding:3px;
  157. font-weight:700;
  158. background-color:{color:blockquote};
  159. font-family: 'roboto', sans-serif;
  160. border:1px solid {color:border};
  161. font-size:7px;
  162. text-transform:uppercase;
  163. letter-spacing:0.5px;
  164. color:{color:text};
  165. z-index:999999999999999999999999999999999999;
  166. -webkit-animation: CH 600ms;
  167. }
  168. body {
  169. background-color:{color:background};
  170. background-image:url('{image:background}');
  171. background-attachment: fixed;
  172. background-repeat: repeat;
  173. font-weight:none;
  174. font-family: 'arial', sans-serif;
  175. font-size:9px;
  176. text-align:justify;
  177. color:{color:text};
  178. margin:0;
  179. }
  180. a {
  181. text-decoration:none;
  182. color:{color:links};
  183. transition-duration: 0.2s;
  184. -moz-transition-duration: 0.2s;
  185. -webkit-transition-duration: 0.3s;
  186. -o-transition-duration: 0.3s;
  187. }
  188. a:hover {
  189. text-decoration:none;
  190. color:{color:hover};
  191. transition-duration: 0.2s;
  192. -moz-transition-duration: 0.2s;
  193. -webkit-transition-duration: 0.3s;
  194. -o-transition-duration: 0.3s;
  195. }
  196. img {
  197. }
  198. blockquote {
  199. font-size:10px;
  200. max-width:545px;
  201. border-left:1px solid{color:border};
  202. background-color:{color:blockquote};
  203. text-align:left;
  204. padding:0.5px;
  205. font-weight:none;
  206. letter-spacing:0px;
  207. margin-left:3px;
  208. margin-right:0px;
  209. padding-left:8px;
  210. color:{color:post text};
  211. }
  212. pre{
  213. font-size:9px;
  214. text-align:center;
  215. text-transform:none;
  216. font-family: 'Bitter', serif;
  217. font-weight:bold;
  218. line-height:9px;
  219. border-left:1px solid {color:border};
  220. border-bottom:1px solid {color:border};
  221. letter-spacing:2px;
  222. background-color:{color:blockquote};
  223. color:{color:post text};
  224. padding:6px;
  225. }
  226. small{
  227. font-size:8px;
  228. }
  229. big{
  230. font-size:11px;
  231. }
  232. sub{
  233. font-size:7px;
  234. text-align:left;
  235. }
  236. h1 {
  237. font-size:11px;
  238. text-align:center;
  239. font-family: 'roboto', sans-serif;
  240. letter-spacing:0px;
  241. text-transform:uppercase;
  242. font-weight:700;
  243. line-height:17px;
  244. border:1px solid {color:border};
  245. border-left:3px solid {color:border};
  246. background-color:{color:blockquote};
  247. color:{color:post text};
  248. padding:1px;
  249. }
  250. h1 a{
  251. color:{color:post text};
  252. background-color:{color:blockquote};
  253. }
  254. h2{
  255. color:{color:post text};
  256. text-transform:uppercase;
  257. font-family: 'Roboto', sans-serif;
  258. text-shadow: 1px 1px 0px #ddd;
  259. text-align:left;
  260. }
  261. b {
  262. font-weight:bold;
  263. padding:2px;
  264. color:{color:text};
  265. }
  266. i {
  267. font-weight:italic;
  268. color:{color:text};
  269. }
  270. u {
  271. text-decoration:none;
  272. border-bottom:1px solid {color:text};
  273. }
  274. #description {
  275. overflow:auto;
  276. position:fixed;
  277. text-align:right;
  278. top:84px;
  279. margin-left:459px;
  280. word-wrap: break-word;
  281. font-family: lucida console;
  282. width:240px;
  283. height:30px;
  284. opacity:1;
  285. line-height:10px;
  286. color:{color:text};
  287. padding:10px;
  288. text-transform:lowercase;
  289. letter-spacing:1px;
  290. font-size:9px;
  291. z-index:99999999;
  292. transition-duration: 0.9s;
  293. -moz-transition-duration:0.9s;
  294. -webkit-transition-duration:0.9s;
  295. -o-transition-duration:0.9s;
  296. }
  297. .pagination{
  298. font-family: lucida console;
  299. margin-left:-20px;
  300. width:auto;
  301. font-size:10px;
  302. text-align:center;
  303. }
  304. .pagination a{
  305. padding:3px;
  306. font-family: lucida console;
  307. font-weight:300;
  308. bottom:-10px;
  309. color:{color:text};
  310. }
  311. .pagination a:hover{
  312. color:{color:hover};
  313. -moz-transition-duration:0.5s;
  314. -webkit-transition-duration:0.5s;
  315. -o-transition-duration:0.5s;
  316. transition: all 0.3s ease-out;
  317. }
  318. .links {
  319. width:85px;
  320. height:150px;
  321. overflow:hidden;
  322. cursor:pointer;
  323. top:168px;
  324. opacity:1;
  325. z-index:9999999999;
  326. position:fixed;
  327. margin-left:375px;
  328. text-align:center;
  329. }
  330. .links #all {
  331. margin-left:-2px;
  332. margin-top:0px;
  333. padding:5px;
  334. height:14px;
  335. transition-duration: 0.9s;
  336. -moz-transition-duration: 0.9s;
  337. -webkit-transition-duration: 0.9s;
  338. -o-transition-duration: 0.9s;
  339. }
  340. .links #all a:hover {
  341. color:{color:posts};
  342. background:{color:hover};
  343. transition-duration: 1.9s;
  344. -moz-transition-duration: 1.9s;
  345. -webkit-transition-duration: 1.9s;
  346. -o-transition-duration: 1.9s;
  347. }
  348. .links a {
  349. width:auto;
  350. height:auto;
  351. margin-bottom:3px;
  352. text-align:center;
  353. text-transform:lowercase;
  354. padding:4px;
  355. line-height:5px;
  356. color:{color:text};
  357. font-style:none;
  358. z-index:99999;
  359. font-weight:300;
  360. font-family: lucida console;
  361. letter-spacing:1px;
  362. font-size:9px;
  363. display:inline-block;
  364. transition-duration: 0.9s;
  365. -moz-transition-duration: 0.9s;
  366. -webkit-transition-duration: 0.9s;
  367. -o-transition-duration: 0.9s;
  368. }
  369. #title{
  370. width:180px;
  371. height:20px;
  372. top:115px;
  373. opacity:1;
  374. position:fixed;
  375. font-family: 'roboto', sans-serif;
  376. letter-spacing:-1px;
  377. text-align:right;
  378. font-weight:700;
  379. color:{color:accent};
  380. text-transform:uppercase;
  381. padding-bottom:0px;
  382. line-height:20px;
  383. font-size:18px;
  384. margin-left:70px;
  385. z-index:99999999999;
  386. }
  387. #title2{
  388. width:270px;
  389. height:20px;
  390. top:150px;
  391. opacity:1;
  392. position:fixed;
  393. font-family: 'roboto', sans-serif;
  394. letter-spacing:-1px;
  395. text-align:left;
  396. font-weight:700;
  397. color:{color:accent};
  398. text-transform:uppercase;
  399. padding-bottom:0px;
  400. line-height:20px;
  401. font-size:18px;
  402. margin-left:125px;
  403. z-index:99999999999999;
  404. -ms-transform: rotate(92deg); /* IE 9 */
  405. -webkit-transform: rotate(92deg); /* Chrome, Safari, Opera */
  406. transform: rotate(90deg);
  407. }
  408. .poptit{
  409. width:470px;
  410. height:20px;
  411. top:660px;
  412. opacity:1;
  413. position:fixed;
  414. font-family: 'arial', sans-serif;
  415. letter-spacing:0px;
  416. text-align:left;
  417. font-weight:300;
  418. color:{color:post text};
  419. text-transform:lowercase;
  420. padding-bottom:0px;
  421. line-height:20px;
  422. font-size:10px;
  423. margin-left:120px;
  424. z-index:999999999;
  425. }
  426. #bbackground{
  427. position:absolute;
  428. opacity:1;
  429. width:570px;
  430. height:420px;
  431. background-color:{color:posts};
  432. top:135px;
  433. margin-left:450px;
  434. outline:1px solid {color:border};
  435. z-index:-9999;
  436. }
  437. #icon {
  438. position:fixed;
  439. width:70px;
  440. margin-top:190px;
  441. padding:10px;
  442. height:70px;
  443. margin-left:180px;
  444. background-color:transparent;
  445. z-index:9999999999999999;
  446. }
  447. #iconimage {
  448. width 70px;
  449. z-index:-99999;
  450. }
  451. #iconimage img {
  452. width:70px;
  453. height:70px;
  454. margin-left:400px;
  455. top:90px;
  456. border:1px solid {color:border};
  457. border-radius:100px;
  458. padding:3px;
  459. position:fixed;
  460. opacity:1;
  461. background:{color:background};
  462. z-index:9999999999;
  463. }
  464. #sb {
  465. position:fixed;
  466. width:70px;
  467. margin-top:190px;
  468. padding:10px;
  469. height:70px;
  470. margin-left:180px;
  471. background-color:transparent;
  472. z-index:9999999999999999;
  473. }
  474. #sbimage {
  475. width 70px;
  476. z-index:-99999;
  477. }
  478. #sbimage img {
  479. width:250px;
  480. height:681px;
  481. margin-left:0px;
  482. top:0px;
  483. border-right:5px solid {color:accent};
  484. position:fixed;
  485. opacity:1;
  486. background:{color:box};
  487. z-index:999999;
  488. }
  489. #entries {
  490. margin-left:460px;
  491. letter-spacing:0px;
  492. height:400px;
  493. width:560px;
  494. overflow-y:auto;
  495. margin-top:145px;
  496. }
  497. #post {
  498. font-size:10px;
  499. width:500px;
  500. color:{color:post text};
  501. background-color:{color:posts};
  502. text-shadow: 1px 1px 1px #cccccc;
  503. text-align:justify;
  504. padding:20px;
  505. padding-top:5px;
  506. padding-bottom:5px;
  507. overflow:hidden;
  508. line-height:20px;
  509. margin-bottom:30px;
  510. }
  511. #post img{
  512. max-width:500px;
  513. height:auto;
  514. }
  515. #info {
  516. width:500px;
  517. height:15px;
  518. text-align:left;
  519. font-family: lucida console;
  520. text-transform:none;
  521. margin-left:-15px;
  522. font-size:9px;
  523. margin-top:10px;
  524. overflow:hidden;
  525. font-style:none;
  526. padding:10px;
  527. line-height:12px;
  528. background-color:{color:posts};
  529. color:{color:text};
  530. }
  531. #info a {
  532. text-align:center;
  533. font-family: lucida console;
  534. text-shadow: 1px 1px 1px #cccccc;
  535. line-height:7px;
  536. color:{color:text};
  537. }
  538. #info a:hover{
  539. color:{color:hover};
  540. }
  541. .right{
  542. float:center;
  543. }
  544. #tags {
  545. text-align:left;
  546. opacity:1;
  547. font-size:9px;
  548. font-family: lucida console;
  549. text-shadow: 1px 1px 1px #cccccc;
  550. margin-top:-10px;
  551. margin-left:-10px;
  552. padding:5px;
  553. font-weight:none;
  554. margin-bottom:-2px;
  555. height:15px;
  556. width:500px;
  557. padding-top:0px;
  558. text-transform:lowercase;
  559. transition-duration: 0.5s;
  560. -moz-transition-duration: 0.5s;
  561. -webkit-transition-duration: 0.5s;
  562. -o-transition-duration: 0.5s;
  563. }
  564. #tags a {
  565. padding:0px;
  566. margin-top:-3px;
  567. color:{color:text};
  568. line-height:12px;
  569. letter-spacing:0.5px;
  570. font-weight:none;
  571. font-size:9px;
  572. font-family: lucida console;
  573. display:inline-block;
  574. }
  575. #tags a:hover {
  576. -moz-transition-duration:0.3s;
  577. -webkit-transition-duration:0.3s;
  578. -o-transition-duration:0.3s;
  579. color:{color:hover};
  580. }
  581. #asking {
  582. margin-left:20px;
  583. margin-top:-35px;
  584. }
  585. #askingimage {
  586. }
  587. #askingimage img {
  588. margin-left:445px;
  589. width:43px;
  590. height:43px;
  591. border-radius:4px 4px 4px 4px;
  592. margin-top:20px;
  593. }
  594. #question {
  595. padding:20px;
  596. padding-left:14px;
  597. margin-top:-25px;
  598. margin-left:0px;
  599. width:390px;
  600. border-radius:2px 2px 2px 2px;
  601. color:{color:text};
  602. background-color:{color:accent};
  603. }
  604. #asker{
  605. margin-top:-66px;
  606. padding:1px;
  607. font-weight:300;
  608. font-size:11px;
  609. z-index:9999999999;
  610. color:{color:text};
  611. opacity:1;
  612. margin-left:14px;
  613. letter-spacing:0px;
  614. font-family: 'roboto', sans-serif;
  615. text-transform:lowercase;
  616. }
  617. #credit{
  618. position:fixed;
  619. font-size:14px;
  620. font-weight:bold;
  621. padding-bottom:5px;
  622. padding-top:5px;
  623. height:20px;
  624. width:20px;
  625. opacity:1;
  626. padding-left:5px;
  627. padding-right:5px;
  628. margin-left:1325px;
  629. top:645px;
  630. letter-spacing:0px;
  631. line-height:22px;
  632. border-top:1px solid {color:accent};
  633. border-bottom:1px solid {color:accent};
  634. text-align:center;
  635. float:left;
  636. font-family: 'Roboto', sans-serif;
  637. color:{color:text};
  638. text-transform:uppercase;
  639. background-color: rgba(255,255,255, 0.3);
  640. transition-duration: 0.8s;
  641. }
  642. lol {
  643. font-size:10px;
  644. text-align:center;
  645. text-transform:uppercase;
  646. font-family: lucida console;
  647. letter-spacing:0px;
  648. color:{color:text};
  649. padding:0px;
  650. }
  651. #fade {
  652. display: none;
  653. background:{color:border};
  654. position: fixed;
  655. left: 0;
  656. top: 0;
  657. width: 100%;
  658. height: 100%;
  659. opacity: 0.8;
  660. z-index: 999999;
  661. }
  662. .popup_block{
  663. display: none;
  664. background: {color:posts};
  665. padding:30px;
  666. float: center;
  667. position: fixed;
  668. top: 50%;
  669. overflow:auto;
  670. box-shadow: 0 2px 4px 0 rgba(0,0,0,0.05);
  671. left: 50%;
  672. z-index: 9999999999999999999999999999999999;
  673. height:305px;
  674. overflow:hidden;
  675. }
  676. img.btn_close {float: right; margin: -25px -25px 0 0;}
  677. *html #fade {position: absolute;}
  678. *html .popup_block {position: absolute;
  679. }
  680. .title {
  681. font: oblique bold 28px 'khand' , sans-serif;
  682. letter-spacing:2px;
  683. text-transform:uppercase;
  684. font-weight:bold;
  685. letter-spacing:7px;
  686. color:{color:accent};
  687. text-align:left;
  688. margin-top:-10px;
  689. }
  690. #text {
  691. width:200px;
  692. padding:10px;
  693. height:auto;
  694. font-size: 9px;
  695. margin-top:-20px;
  696. margin-left:-13px;
  697. font-style:none;
  698. overflow:auto;
  699. text-transform:none;
  700. font-family: 'arial', sans-serif;
  701. color:{color:text};
  702. letter-spacing:0px;
  703. text-align:center;
  704. }
  705. .triangle {
  706. align:right;
  707. margin:7px 0px 10px 0px;
  708. padding:10px;
  709. position: relative;
  710. }
  711. .triangle t1{
  712. display:block;
  713. position:absolute;
  714. width:1px;
  715. height:1px
  716. font-size:0;
  717. margin-left:5px;
  718. top:-19px;z-index:9999999;
  719. border-right:7px solid transparent;
  720. border-left:7px solid transparent;
  721. border-top:10px solid transparent;
  722. -ms-transform: rotate(92deg); /* IE 9 */
  723. -webkit-transform: rotate(92deg); /* Chrome, Safari, Opera */
  724. transform: rotate(92deg);
  725. }
  726. .triangle t2 {
  727. display:block;
  728. position:absolute;
  729. width:0px;
  730. height:1px
  731. font-size:0;
  732. margin-left:372px;
  733. top:-20px;
  734. border-right:9px solid transparent;
  735. border-left:9px solid transparent;
  736. border-top:10px solid {color:accent};
  737. -ms-transform: rotate(90deg); /* IE 9 */
  738. -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  739. transform: rotate(270deg);
  740. }
  741. {CustomCSS}</style>
  742. </head>
  743. <body>
  744. <!---- - BASICS / DONT TOUCH!!! - --->
  745. <div id="sidebar">
  746. <div id="description">{description}</div>
  747. <div class="poptit">Scroll down for pagi!</div>
  748. <div id="bbackground"></div>
  749. <div id="iconimage"><a href="/"title="{title}"><img src="{image:icon}"></a></div>
  750. <div id="sbimage"><img src="{image:sidebar}"></a></div>
  751. <div id="title2">{text:title}</div>
  752. </div>
  753. </div>
  754. <!---- - LINKS / DONT TOUCH!!! unless you want to change the icons - --->
  755. <div class="links">
  756. <div id="all">
  757. <a href="/"title="refresh">Home</a>
  758. <a href="/ask" title="message">Ask</a>
  759. <a href="{text:link one url}">{text:link one}</a>
  760. <a href="{text:link two url}">{text:link two}</a>
  761. <a href="{text:link three url}">{text:link three}</a>
  762. </div>
  763. </div>
  764. </div>
  765. <!---- - POSTS & ENTRIES / DONT TOUCH!!! - --->
  766. <div id="entries">
  767. {block:Posts}
  768. <div id="post"
  769. <div id="post">
  770. <!--TEXT POSTS-->
  771. {block:Text}
  772. {block:Title}<h1><center>{Title}</center></h1>{/block:Title}
  773. {Body}
  774. {/block:Text}
  775. <!---- - ANSWER & QUESTION POSTS / DONT TOUCH!!! - --->
  776. {block:Answer}
  777. <div id="askingimage"><img src="{AskerPortraitURL-48}"/></div>
  778. <div class="triangle" style="background:transparent;margin-top:-11px; margin-left:35px;"><t2></t2><t1></t1></div>
  779. <div id="asker"><j>{Asker}</j> asked:</div>
  780. <div id="question">{Question}</div>
  781. {Answer}{/block:Answer}
  782. <!---- - QUOTE POSTS / DONT TOUCH!!! - --->
  783. {block:Quote}
  784. {block:Quote}
  785. <h2>{Quote}</h2>
  786. <div align="right">
  787. {block:Source}<h1>-{Source}</h1>{/block:Source}
  788. </div>
  789. {/block:Quote}
  790. <!---- - LINK POSTS/ DONT TOUCH!!! - --->
  791. {block:Link}
  792. <h2><center><a href="{URL}">{Name}</center></a></h2>
  793. {block:Description}{Description}{/block:Description}
  794. {/block:Link}
  795. <!---- - CHAT POSTS / DONT TOUCH!!! - --->
  796. {block:Chat}
  797. {block:Title}<h2>{Title}</h2>{/block:Title}
  798. <ul class="convo">{block:Lines}<li class="line">{block:Label}<span class ="label">{Label}</span>{/block:Label}
  799. {Line}</li>{/block:Lines}</ul>
  800. {/block:Chat}
  801. <!---- - PHOTO POSTS/ DONT TOUCH!!! - --->
  802. {block:Photo}
  803. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="auto">{LinkCloseTag}
  804. {block:Caption}{Caption}{/block:Caption}
  805. {/block:Photo}
  806. <!---- - PHOTOSET POSTS / DONT TOUCH!!! - --->
  807. {block:Photoset}
  808. {Photoset-500}
  809. {block:Caption}{Caption}{/block:Caption}
  810. {/block:Photoset}
  811. <!---- - VIDEO POSTS / DONT TOUCH!!! - --->
  812. {block:Video}
  813. {Video-500}
  814. {block:Caption}{Caption}{/block:Caption}
  815. {/block:Video}
  816. <!---- - AUDIO POSTS / DONT TOUCH!!! - --->
  817. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  818. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  819. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  820. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  821. {/block:Audio}
  822. <!---- - INFO / DONT TOUCH!!! - --->
  823. <div id="info">
  824. <div id="permalink">
  825. <a href="{Permalink}"><u>{DayOfMonth} {ShortMonth} {ShortYear}</u> </a>
  826. <font style="float:right">
  827. {NoteCountWithLabel} | <a href="{ReblogURL}" title="reblog"target="_blank" class="details"><i class="fa fa-retweet"style="color:{color:text};font-weight:none"></i></a>
  828. </font style>
  829. </a></div></div>
  830. {block:HasTags}<div id="tags">{block:Tags}<lol>TAGS:</lol> <a href="{TagURL}">{Tag} </a>{/block:Tags}
  831. </div>
  832. {/block:HasTags}
  833. </div>
  834. {block:PostNotes} {PostNotes} {/block:PostNotes}
  835.  
  836. {/block:Posts}
  837.  
  838. {block:Pagination}
  839. <div class="pagination"style="{color:title text}">
  840. {block:PreviousPage}<a href="{PreviousPage}"title="previous page">BACK</a>{/block:PreviousPage}{block:JumpPagination length="4"}{block:CurrentPage}<span class="current_page"style="color:{color:text};background:{color:accent};padding:4px">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a class="jump_page"style="{color:title text}" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a href="{NextPage}"title="next page">NEXT</a>{/block:NextPage}
  841. {/block:Pagination}</div>
  842. </div>
  843. <!---- - END INFO / DONT TOUCH!!! - --->
  844. <!---- - START CREDIT / DONT TOUCH!!! - --->
  845. <div id="credit">
  846. <a href="http://adf.ly/1NFPh1"title="im-halsey themes"><i class="fa fa-moon-o"></i></a>
  847. </div>
  848. </div>
  849. <!---- - END CREDIT / DONT TOUCH!!! - --->
  850. </html>
  851. </body>
  852. <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/03/03/tiny-hand-10.html" target="_blank" title="Tiny Hand"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Tiny Hand" /></a>
  853. <!---- - END HTML / DONT TOUCH!!! - --->
Add Comment
Please, Sign In to add comment
Public Pastes
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!