API tools faq
paste
azurethemes

theme 65

azurethemes
Nov 4th, 2015
366
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.02 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 65
  20.  
  21. ◜ ◝ ◞ ★ ☾ riptide ☽ ★ ◟ ◠ ◡
  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', 'Archivo+Narrow::latin', 'Quicksand:700:latin' , 'Josefin+Sans::latin', 'Fira+Sans::latin' , 'Khand:400,600:latin' , 'Lobster::latin' , 'Rokkitt::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. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  61. <!---- - END TOOLTIPS SCRIPT / DONT TOUCH!!! - --->
  62. <head>
  63. <title>{Title}</title>
  64. <link rel="shortcut icon" href="{Favicon}">
  65. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  66. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  67. <!---- - START BACKGROUND COLORS / DONT TOUCH!!! - --->
  68. <meta name="color:background" content="#ffffff"/>
  69. <meta name="color:blockquote" content="#eeeeee">
  70. <meta name="color:posts" content="#ffffff">
  71. <meta name="color:question" content="#eeeeee">
  72. <meta name="color:scrollbar background" content="#ffffff">
  73. <!---- - END BACKGROUND COLORS / DONT TOUCH!!! - --->
  74. <!---- - START TEXT COLORS / DONT TOUCH!!! - --->
  75. <meta name="color:text" content="#000000"/>
  76. <meta name="color:post text" content="#000000"/>
  77. <!---- - END TEXT COLORS / DONT TOUCH!!! - --->
  78. <!---- - START OTHER COLORS / DONT TOUCH!!! - --->
  79. <meta name="color:hover" content="#888888">
  80. <meta name="color:border" content="#888888">
  81. <meta name="color:links" content="#000000"/>
  82. <meta name="color:accent" content="#cccccc"/>
  83. <meta name="color:box" content="#ffffff"/>
  84. <meta name="color:scrollbar" content="#000000">
  85. <!---- - END OTHER COLORS / DONT TOUCH!!! - --->
  86. <!---- - START BORDER COLORS / DONT TOUCH!!! - --->
  87. <meta name="color:blockquote border" content="#211927">
  88. <meta name="color:border" content="#000000"/>
  89. <!---- - END BORDER COLORS / DONT TOUCH!!! - --->
  90. <!---- - START IMAGES / DONT TOUCH!!! - --->
  91. <meta name="image:background" content=""/>
  92. <meta name="image:header" content=""/>
  93. <!---- - END IMAGES / DONT TOUCH!!! - --->
  94. <!---- - START TEXT / DONT TOUCH!!! - --->
  95. <meta name="text:top description" content="">
  96. <meta name="text:updates" content="">
  97. <meta name="text:description 2" content="">
  98. <meta name="text:description 3" content="">
  99. <meta name="text:description 4" content="">
  100. <meta name="text:title 1" content="">
  101. <meta name="text:title 2" content="">
  102. <meta name="text:title 3" content="">
  103. <meta name="text:title 4" content="">
  104. <meta name="text:title 5" content="">
  105. <meta name="text:title 6" content="">
  106. <!---- - END TEXT / DONT TOUCH!!! - --->
  107. <!---- - START LINKS / DONT TOUCH!!! - --->
  108. <meta name="text:link 1" content="Link 1">
  109. <meta name="text:link 2" content="Link 2">
  110. <meta name="text:link 3" content="Link 3">
  111. <meta name="text:link 4" content="Link 4">
  112. <meta name="text:link 1 url" content="/">
  113. <meta name="text:link 2 url" content="/">
  114. <meta name="text:link 3 url" content="/">
  115. <meta name="text:link 4 url" content="/">
  116. <!---- - END LINKS / DONT TOUCH!!! - --->
  117.  
  118.  
  119. <style type="text/css">
  120.  
  121.  
  122. @-webkit-keyframes CH {
  123. 0% {-webkit-transform: scale(.3);}
  124. 50% {-webkit-transform: scale(1.05);}
  125. 70% {-webkit-transform: scale(.9);}
  126. 100% {-webkit-transform: scale(1);}
  127. }
  128. ::-webkit-scrollbar-thumb {
  129. height:auto;
  130. background-color:{color:scrollbar};
  131. }
  132. ::-webkit-scrollbar {
  133. height:9px;
  134. width:6px;
  135. background-color:{color:scrollbar background};
  136. }
  137. #s-m-t-tooltip {
  138. max-width:300px;
  139. margin:12px 0px 0px 12px;
  140. padding:3px;
  141. font-weight:700;
  142. background-color:{color:blockquote};
  143. font-family: 'roboto', sans-serif;
  144. border:1px solid {color:border};
  145. font-size:7px;
  146. text-transform:uppercase;
  147. border-radius:6px 6px 6px 6px;
  148. letter-spacing:0.5px;
  149. color:{color:text};
  150. z-index:999999999999999999999999999999999999;
  151. -webkit-animation: CH 600ms;
  152. }
  153. body {
  154. background-color:{color:background};
  155. background-image:url('{image:background}');
  156. background-attachment: fixed;
  157. background-repeat: repeat;
  158. font-weight:none;
  159. font-family: 'arial', sans-serif;
  160. font-size:10px;
  161. text-align:justify;
  162. color:{color:text};
  163. margin:0;
  164. }
  165. a {
  166. text-decoration:none;
  167. color:{color:links};
  168. transition-duration: 0.2s;
  169. -moz-transition-duration: 0.2s;
  170. -webkit-transition-duration: 0.3s;
  171. -o-transition-duration: 0.3s;
  172. }
  173. a:hover {
  174. text-decoration:none;
  175. color:{color:hover};
  176. transition-duration: 0.2s;
  177. -moz-transition-duration: 0.2s;
  178. -webkit-transition-duration: 0.3s;
  179. -o-transition-duration: 0.3s;
  180. }
  181. img {
  182. border:none;
  183. }
  184. blockquote {
  185. font-size:10px;
  186. max-width:545px;
  187. border-left:1px solid{color:blockquote border};
  188. background-color:{color:blockquote};
  189. text-align:left;
  190. padding:5px;
  191. font-weight:none;
  192. margin-left:30px;
  193. font-size:10px;
  194. font-family: 'arial', sans-serif;
  195. margin-right:30px;
  196. padding-left:5px;
  197. color:{color:text};
  198. }
  199. pre{
  200. font-size:17px;
  201. text-align:right;
  202. font-family: 'Roboto', sans-serif;
  203. letter-spacing:1px;
  204. text-transform:capitalize;
  205. background:{color:title};
  206. color:{color:top text};
  207. padding:10px;
  208. }
  209. small{
  210. font-size:10px;
  211. }
  212. big{
  213. font-size:10px;
  214. }
  215. sub{
  216. font-size:9px;
  217. }
  218. h1 {
  219. font-size:13px;
  220. text-align:center;
  221. font-family: 'Roboto', sans-serif;
  222. letter-spacing:-1px;
  223. text-transform:uppercase;
  224. border:1px solid #ddd;
  225. border-left:3px solid #ddd;
  226. border-right:3px solid #ddd;
  227. color:{color:text};
  228. padding:3px;
  229. }
  230. h1 a{
  231. color:{color:text};
  232. }
  233. h2{
  234. color:{color:text};
  235. text-transform:uppercase;
  236. font-family: 'Roboto', sans-serif;
  237. text-shadow: 1px 1px 0px #ddd;
  238. text-align:left;
  239. }
  240. b {
  241. font-weight:bold;
  242. padding:2px;
  243. font-family: 'Roboto', sans-serif;
  244. color:{color:text};
  245. }
  246. i {
  247. font-weight:italic;
  248. color:{color:text};
  249. }
  250. m {
  251. font-style:italic;
  252. color:{color:top text};
  253. }
  254. j {
  255. font-weight:bold;
  256. padding:2px;
  257. font-family: 'Roboto', sans-serif;
  258. color:{color:top text};
  259. }
  260. n {
  261. font-weight:bold;
  262. letter-spacing:-1px;
  263. font-size:12px;
  264. text-transform:uppercase;
  265. color:{color:text};
  266. }
  267. u {
  268. text-decoration:none;
  269. border-bottom:1px solid {color:accent};
  270. }
  271. #boxes {
  272. overflow:auto;
  273. position:absolute;
  274. text-align:left;
  275. margin-top:45px;
  276. margin-left:215px;
  277. text-transform:none;
  278. font-style:normal;
  279. font-family: 'Roboto', sans-serif;
  280. width:255px;
  281. height:100px;
  282. opacity:1;
  283. line-height:10px;
  284. font-weight:none;
  285. color:{color:text};
  286. background:{color:description};
  287. padding:17px;
  288. letter-spacing:0px;
  289. font-size:10px;
  290. transition-duration: 0.9s;
  291. -moz-transition-duration:0.9s;
  292. -webkit-transition-duration:0.9s;
  293. -o-transition-duration:0.9s;
  294. }
  295. .tit {
  296. font-size:13px;
  297. text-transform:uppercase;
  298. margin-bottom:15px;
  299. letter-spacing:2px;
  300. font-weight:700;
  301. text-align:center;
  302. font-family: 'roboto', sans-serif;
  303. color:{color:post text};
  304. background:{color:accent};
  305. padding:10px;
  306. }
  307. .sidebox {
  308. position:absolute;
  309. background:{color:posts};
  310. width:260px;
  311. top:420px;
  312. border-left:1px solid #eee;
  313. border-right:1px solid #eee;
  314. border-bottom:1px solid #eee;
  315. margin-left:250px;
  316. z-index:-999;
  317. }
  318. .box {
  319. padding:20px;
  320. }
  321. #description {
  322. margin:5px;
  323. text-align:justify;
  324. }
  325. #events {
  326. text-align:justify;
  327. line-height:40px;
  328. }
  329. .members {
  330. margin:5px;
  331. font-size:10px;
  332. text-transform:uppercase;
  333. text-align:justify;
  334. }
  335. #description1 {
  336. margin:5px;
  337. text-align:left;
  338. }
  339. #description1:first-letter {
  340. font-size:23px;
  341. padding:1px;
  342. font-family: 'Lobster', cursive;
  343. font-weight:bold;
  344. padding-left:2px;
  345. color:{color:text};
  346. margin:4px 0 0;
  347. float:center;
  348. font-style:none;
  349. text-transform:uppercase;
  350. }
  351. #sidebarr {
  352. margin:5px;
  353. text-align:justify;
  354. }
  355. .aboutt {
  356. position:absolute;
  357. text-align:center;
  358. font-family: 'Roboto', sans-serif;
  359. color:{color:text};
  360. margin:5px;
  361. }
  362. #spotlight {
  363. margin:5px;
  364. text-align:right;
  365. }
  366. #spotlight1 {
  367. margin:5px;
  368. text-align:right;
  369. padding-right:40px;
  370. }
  371. #projects {
  372. text-align:left;
  373. margin:5px;
  374. font-size:10px;
  375. letter-spacing:0px;
  376. }
  377. #projects img {
  378. outline:1px solid {color:border};
  379. outline-offset:3px;
  380. width:70px;
  381. height:70px;
  382. float:left;
  383. line-height:10px;
  384. text-align:left;
  385. margin-right:10px;
  386. }
  387. .affiliates {
  388. margin:5px;
  389. text-align:justify;
  390. letter-spacing:15.5px;
  391. line-height:40px;
  392. }
  393. .affiliates img {
  394. width:45px;
  395. height:45px;
  396. border-radius:100px;
  397. padding:3px;
  398. border:1px solid {color:border};
  399. }
  400. #pagination{
  401. padding:6px;
  402. font-weight:700;
  403. font-family: 'Roboto', sans-serif;
  404. margin-left:170px;
  405. width:auto;
  406. position:fixed;
  407. bottom:0px;
  408. background:{color:accent};
  409. font-size:18px;
  410. color:{color:text};
  411. text-align:center;
  412. }
  413. #pagination a{
  414. padding:3px;
  415. font-family: 'Roboto', sans-serif;
  416. font-weight:700;
  417. bottom:0px;
  418. color:{color:text};
  419. text-transform:uppercase;
  420. -moz-transition-duration:0.5s;
  421. -webkit-transition-duration:0.5s;
  422. -o-transition-duration:0.5s;
  423. transition: all 0.3s ease-out;
  424. }
  425. #pagination a:hover{
  426. color:{color:hover};
  427. -moz-transition-duration:0.5s;
  428. -webkit-transition-duration:0.5s;
  429. -o-transition-duration:0.5s;
  430. transition: all 0.3s ease-out;
  431. }
  432. .topbar {
  433. width:810px;
  434. height:65px;
  435. overflow:hidden;
  436. cursor:pointer;
  437. top:0px;
  438. opacity:1;
  439. z-index:9999;
  440. position:fixed;
  441. margin-left:250px;
  442. text-align:right;
  443. background:{color:post text};
  444. }
  445. .links1 {
  446. width:400px;
  447. height:35px;
  448. overflow:hidden;
  449. cursor:pointer;
  450. top:16px;
  451. opacity:1;
  452. border-right:6px solid {color:accent};
  453. z-index:99999;
  454. position:fixed;
  455. margin-left:250px;
  456. text-align:center;
  457. background:{color:post text};
  458. }
  459. .links1 #all {
  460. margin-left:0px;
  461. margin-top:0px;
  462. padding:5px;
  463. height:14px;
  464. }
  465. .links1 #all a:hover {
  466. color:{color:hover};
  467. letter-spacing:2px;
  468. border-bottom:3px solid {color:posts};
  469. transition-duration: 0.8s;
  470. -moz-transition-duration: 0.8s;
  471. -webkit-transition-duration: 0.8s;
  472. -o-transition-duration: 0.8s;
  473. }
  474. .links1 a {
  475. width:40px;
  476. height:auto;
  477. margin-bottom:3px;
  478. text-align:center;
  479. text-transform:uppercase;
  480. padding:4px;
  481. line-height:19px;
  482. color:{color:posts};
  483. font-style:none;
  484. z-index:99999;
  485. border-bottom:3px solid transparent;
  486. font-weight:300;
  487. font-family: 'Khand', sans-serif;
  488. letter-spacing:1px;
  489. font-size:10px;
  490. text-decoration:none;
  491. display:inline-block;
  492. transition-duration: 0.8s;
  493. -moz-transition-duration: 0.8s;
  494. -webkit-transition-duration: 0.5s;
  495. -o-transition-duration: 0.8s;
  496. }
  497. .links1 .firstlink a{
  498. font-weight:700;
  499. color:{color:accent};
  500. letter-spacing:1px;
  501. font-style:italic;
  502. border-bottom:3px solid {color:accent};
  503. }
  504. .header{
  505. position:absolute;
  506. opacity:1;
  507. background-image:url('{image:header}');
  508. width:810px;
  509. height:300px;
  510. top:65px;
  511. background:#ddd;
  512. margin-left:250px;
  513. z-index:-999;
  514. }
  515. .header img{
  516. width:810px;
  517. height:300px;
  518. background-image:url('{image:header}');
  519. }
  520. #entries {
  521. margin-left:550px;
  522. letter-spacing:0px;
  523. position:absolute;
  524. top:423px;
  525. width:500px;
  526. }
  527. #post {
  528. font-size:10px;
  529. width:400px;
  530. color:{color:post text};
  531. outline:1px solid #eee;
  532. background-color:{color:posts};
  533. text-align:justify;
  534. padding:20px;
  535. overflow:hidden;
  536. padding-top:5px;
  537. padding-bottom:10px;
  538. line-height:20px;
  539. margin-bottom:70px;
  540. }
  541. #post img{
  542. max-width:400px;
  543. height:auto;
  544. }
  545. #permalink{
  546. position:absolute;
  547. width:50px;
  548. text-align:left;
  549. line-height:15px;
  550. letter-spacing:0.5px;
  551. font-family:'arial', sans-serif;
  552. text-transform:capitalize;
  553. border-left:3px solid {color:accent};
  554. color:{color:text};
  555. font-size:9px;
  556. margin-left:430px;
  557. font-weight:300;
  558. opacity:0;
  559. padding-left:6px;
  560. transition-duration: 0.5s;
  561. -moz-transition-duration: 0.5s;
  562. -webkit-transition-duration: 0.5s;
  563. -o-transition-duration: 0.5s;
  564. }
  565. #permalink a{
  566. display:inline-block;
  567. color:{color:text};
  568. }
  569. #post:hover #permalink {
  570. opacity:1;
  571. }
  572. .right{
  573. float:center;
  574. }
  575. #tags {
  576. text-align:left;
  577. opacity:0;
  578. font-size:9px;
  579. font-family:'Roboto', sans-serif;
  580. margin-top:-2px;
  581. margin-left:-15px;
  582. padding:5px;
  583. font-weight:none;
  584. margin-bottom:-2px;
  585. height:15px;
  586. width:420px;
  587. padding-top:0px;
  588. text-transform:lowercase;
  589. transition-duration: 0.5s;
  590. -moz-transition-duration: 0.5s;
  591. -webkit-transition-duration: 0.5s;
  592. -o-transition-duration: 0.5s;
  593. }
  594. #post:hover #tags {
  595. opacity:1;
  596. margin-top:-5px;
  597. padding-top:3px;
  598. margin-left:-15px;
  599. }
  600. #tags a {
  601. padding:0px;
  602. margin-top:-3px;
  603. color:{color:text};
  604. line-height:12px;
  605. letter-spacing:0.5px;
  606. font-weight:none;
  607. font-size:9px;
  608. font-family:'Roboto', sans-serif;
  609. display:inline-block;
  610. }
  611. #tags a:hover {
  612. -moz-transition-duration:0.3s;
  613. -webkit-transition-duration:0.3s;
  614. -o-transition-duration:0.3s;
  615. color:{color:hover};
  616. }
  617. #asking {
  618. margin-left:20px;
  619. margin-top:-35px;
  620. }
  621. #askingimage {
  622. }
  623. #askingimage img {
  624. margin-left:0px;
  625. width:45px;
  626. height:45px;
  627. border-radius:7px 7px 7px 7px;
  628. margin-top:20px;
  629. }
  630. #question {
  631. padding:20px;
  632. padding-left:14px;
  633. margin-top:-25px;
  634. margin-left:62px;
  635. border-radius:4px 4px 4px 4px;
  636. color:{color:text};
  637. background-color:#eee;
  638. }
  639. #asker{
  640. margin-top:-66px;
  641. padding:1px;
  642. font-weight:700;
  643. font-size:9px;
  644. z-index:9999999999;
  645. margin-left:75px;
  646. letter-spacing:0px;
  647. font-family: 'arial', sans-serif;
  648. text-transform:lowercase;
  649. }
  650. #credit{
  651. position:fixed;
  652. font-size:14px;
  653. font-weight:bold;
  654. padding-bottom:5px;
  655. padding-top:5px;
  656. height:20px;
  657. width:20px;
  658. opacity:1;
  659. padding-left:5px;
  660. padding-right:5px;
  661. margin-left:1320px;
  662. top:645px;
  663. letter-spacing:0px;
  664. line-height:22px;
  665. border-top:1px solid {color:accent};
  666. border-bottom:1px solid {color:accent};
  667. text-align:center;
  668. float:left;
  669. font-family: 'Roboto', sans-serif;
  670. color:{color:text};
  671. text-transform:uppercase;
  672. background-color: rgba(255,255,255, 0.3);
  673. transition-duration: 0.8s;
  674. }
  675. lol {
  676. font-size:6px;
  677. text-align:center;
  678. width:auto;
  679. height:5px;
  680. font-weight:bold;
  681. text-transform:uppercase;
  682. font-family: 'arial';
  683. letter-spacing:1px;
  684. background-color:{color:text};
  685. color:{color:top text};
  686. padding:4px;
  687. }
  688. date {
  689. font-size:15px;
  690. text-align:center;
  691. width:auto;
  692. height:5px;
  693. font-weight:none;
  694. font-weight:700;
  695. margin-left:-104px;
  696. border-right:3px solid #ddd;
  697. font-family: 'roboto', sans-serif
  698. letter-spacing:2px;
  699. text-transform:uppercase;
  700. background-color:{color:accent 2};
  701. color:{color:text};
  702. padding:10px;
  703. }
  704. dateu {
  705. font-size:12px;
  706. text-align:center;
  707. width:auto;
  708. height:5px;
  709. font-weight:700;
  710. text-transform:uppercase;
  711. font-family: 'roboto', sans-serif;
  712. outline:1px solid {color:accent};
  713. letter-spacing:0px;
  714. color:{color:text};
  715. padding:5px;
  716. }
  717.  
  718. .triangle {
  719. align:right;
  720. margin:7px 0px 10px 0px;
  721. padding:10px;
  722. position: relative;
  723. }
  724. .triangle t1{
  725. display:block;
  726. position:absolute;
  727. width:1px;
  728. height:1px
  729. font-size:0;
  730. margin-left:5px;
  731. top:-19px;z-index:9999999;
  732. border-right:7px solid transparent;
  733. border-left:7px solid transparent;
  734. border-top:10px solid transparent;
  735. -ms-transform: rotate(92deg); /* IE 9 */
  736. -webkit-transform: rotate(92deg); /* Chrome, Safari, Opera */
  737. transform: rotate(92deg);
  738. }
  739. .triangle t2 {
  740. display:block;
  741. position:absolute;
  742. width:0px;
  743. height:1px
  744. font-size:0;
  745. margin-left:3px;
  746. top:-20px;
  747. border-right:8px solid transparent;
  748. border-left:8px solid transparent;
  749. border-top:12px solid #eee;
  750. -ms-transform: rotate(90deg); /* IE 9 */
  751. -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  752. transform: rotate(90deg);
  753. }
  754. .like{
  755. background-image: url() !important;
  756. font-size:9px;
  757. cursor:pointer;
  758. display:inline-block;
  759. vertical-align:top;
  760. }
  761. .bubble {
  762. overflow: hidden;
  763. padding:0;
  764. margin:0;
  765. }
  766. .bubble li{
  767. margin:0 0 5px;
  768. border-radius:1em;
  769. padding:.5em 10px;
  770. max-width:75%;
  771. clear:both;
  772. position:relative;
  773. list-style-type:none;
  774. }
  775. .bubble li strong{
  776. color:#000;
  777. }
  778. .user_1,.user_3,.user_5,.user_7,.user_9,.user_11,.user_13,.user_15,.user_17,.user_19,.user_21,.user_23,.user_25,.user_27,.user_29,.user_31,.user_33,.user_35,.user_37,.user_39,.user_41,.user_43,.user_45,.user_47,.user_49{float:left;background:#e5e5ea;color:#000;left:3px}.user_1::after,.user_3::after,.user_5::after,.user_7::after,.user_9::after,.user_11::after,.user_13::after,.user_15::after,.user_17::after,.user_19::after,.user_21::after,.user_23::after,.user_25::after,.user_27::after,.user_29::after,.user_31::after,.user_33::after,.user_35::after,.user_37::after,.user_39::after,.user_41::after,.user_43::after,.user_45::after,.user_47::after,.user_49::after{content:"";position:absolute;left:-.5em;bottom:0;width:.5em;height:1em;border-right:.5em solid #e5e5ea;border-bottom-right-radius:1em .5em}.user_2,.user_4,.user_6,.user_8,.user_10,.user_12,.user_14,.user_16,.user_18,.user_20,.user_22,.user_24,.user_26,.user_28,.user_30,.user_32,.user_34,.user_36,.user_38,.user_40,.user_42,.user_44,.user_46,.user_48,.user_50{right:3px;float:right;background-color:#e8f3f9;color:#000}.user_2::after,.user_4::after,.user_6::after,.user_8::after,.user_10::after,.user_12::after,.user_14::after,.user_16::after,.user_18::after,.user_20::after,.user_22::after,.user_24::after,.user_26::after,.user_28::after,.user_30::after,.user_32::after,.user_34::after,.user_36::after,.user_38::after,.user_40::after,.user_42::after,.user_44::after,.user_46::after,.user_48::after,.user_50::after{content:"";position:absolute;right:-.5em;bottom:0;width:.5em;height:1em;border-left:.5em solid #e8f3f9;border-bottom-left-radius:1em .5em}
  779. {CustomCSS}</style>
  780.  
  781.  
  782.  
  783. </head>
  784. <body>
  785.  
  786. <!---- - BASICS / DONT TOUCH!!! - --->
  787.  
  788.  
  789. <div class="header"><img src="{image:header}"></a></div>
  790. <div class="topbar">
  791. <div id="description"style="width:300px;height:40px;margin-left:450px;margin-top:12px;">{text:top description}</div>
  792. </div>
  793. <div class="links1">
  794. <div id="all">
  795. <span class="firstlink"><a href="/">Home</a></span>
  796. <a href="/ask">message</a>
  797. <a href="{text:link 1 url}">{text:link 1}</a>
  798. <a href="{text:link 2 url}">{text:link 2}</a>
  799. <a href="{text:link 3 url}">{text:link 3}</a>
  800. <a href="{text:link 4 url}">{text:link 4}</a>
  801. </div>
  802. </div>
  803.  
  804. <div class="topp">
  805. <div class="sidebox">
  806. <!---- - DESCRIPTION / DON'T TOUCH - --->
  807. <div class="box">
  808. <div class="tit"><i class="fa fa-home"style="color:{color:post text};font-size:14px;"></i> {text:title 1}</div>
  809. <div id="description1">{Description}</div>
  810. </div>
  811. <!---- - UPDATES / DON'T TOUCH - --->
  812. <div class="box">
  813. <div class="tit"><i class="fa fa-rss"style="color:{color:post text};font-size:14px"></i> {text:title 2}</div>
  814. <div id="aboutt">{text:updates}
  815. </div>
  816. </br>
  817. <!---- - AFFILIATES / Add or delete as much as you want - --->
  818. <div class="tit"><i class="fa fa-link"style="color:{color:post text};font-size:14px"></i> {text:title 3}</div>
  819. <div class="affiliates">
  820. <a href="/" title="name"><img src="http://www.unrealitytv.co.uk/wp-content/uploads/2014/11/harry-styles-twitter-icon.jpeg"></a>
  821. <a href="/" title="name"><img src="http://www.unrealitytv.co.uk/wp-content/uploads/2014/11/harry-styles-twitter-icon.jpeg"></a>
  822. <a href="/" title="name"><img src="http://www.unrealitytv.co.uk/wp-content/uploads/2014/11/harry-styles-twitter-icon.jpeg"></a>
  823. <a href="/" title="name"><img src="http://www.unrealitytv.co.uk/wp-content/uploads/2014/11/harry-styles-twitter-icon.jpeg"></a>
  824. <a href="/" title="name"><img src="http://www.unrealitytv.co.uk/wp-content/uploads/2014/11/harry-styles-twitter-icon.jpeg"></a>
  825. <a href="/" title="name"><img src="http://www.unrealitytv.co.uk/wp-content/uploads/2014/11/harry-styles-twitter-icon.jpeg"></a>
  826. <a href="/" title="name"><img src="http://www.unrealitytv.co.uk/wp-content/uploads/2014/11/harry-styles-twitter-icon.jpeg"></a>
  827. </div></div>
  828. <!---- - DESCRIPTION 3 / Add or delete as much as you want - --->
  829. <div class="box">
  830. <div class="tit"><i class="fa fa-sliders"style="color:{color:post text};font-size:14px"></i> {text:title 4}</div>
  831. <div id="projects">{text:description 2}
  832. </div> </div>
  833. <!---- - DISCLAIMER / DON'T TOUCH - --->
  834. <div class="box">
  835. <div class="tit"><i class="fa fa-star"style="color:{color:post text};font-size:14px"></i> {text:title 5}</div>
  836. <div id="description">{text:description 3}</div>
  837. </div>
  838.  
  839. <!---- - BLOG INFO / DON'T TOUCH - --->
  840. <div class="box">
  841. <div class="tit"><i class="fa fa-info"style="color:{color:post text};font-size:14px"></i> {text:title 6}</div>
  842. <div id="description">{text:description 4}</div>
  843. </div></div>
  844. <!---- - POSTS & ENTRIES / DONT TOUCH!!! - --->
  845. <div id="entries">
  846. {block:Posts}
  847. <div id="post"
  848. <div id="post">
  849. {block:Date}
  850. <div id="permalink">
  851. <a href="{Permalink}">{DayOfMonth} {ShortMonth} {ShortYear} </br> <a href="{ReblogURL}" title="reblog"target="_blank" class="details"><i class="fa fa-retweet"></i></a> | {NoteCount}
  852. </br>
  853. <div class="like" data-reblog="{ReblogURL}" data-id="{PostID}"><i class="fa fa-heart"title="Like this post"style="color:red"></i></div>
  854. </div>
  855. {/block:Date}
  856. <!--TEXT POSTS-->
  857. {block:Text}
  858. {block:Title}<h1><center>{Title}</center></h1>{/block:Title}
  859. {Body}
  860. {/block:Text}
  861. <!---- - ANSWER & QUESTION POSTS / DONT TOUCH!!! - --->
  862. {block:Answer}
  863. <div id="askingimage"><img src="{AskerPortraitURL-48}"/></div>
  864. <div class="triangle" style="background:transparent;margin-top:-11px; margin-left:35px;"><t2></t2><t1></t1></div>
  865. <div id="asker">{Asker} asked:</div>
  866. <div id="question">{Question}</div>
  867. {Answer}{/block:Answer}
  868. <!---- - QUOTE POSTS / DONT TOUCH!!! - --->
  869. {block:Quote}
  870. {block:Quote}
  871. <h2>{Quote}</h2>
  872. <div align="right">
  873. {block:Source}<h1>-{Source}</h1>{/block:Source}
  874. </div>
  875. {/block:Quote}
  876. <!---- - LINK POSTS/ DONT TOUCH!!! - --->
  877. {block:Link}
  878. <h2><center><a href="{URL}">{Name}</center></a></h2>
  879. {block:Description}{Description}{/block:Description}
  880. {/block:Link}
  881. <!---- - CHAT POSTS / DONT TOUCH!!! - --->
  882. {block:Chat}
  883. {block:Title}
  884. <h1>{Title}</h1>{/block:Title}<br>
  885. <ul class="bubble">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  886. {Line}</li>{/block:Lines}</ul>
  887. {/block:Chat}
  888. <!---- - PHOTO POSTS/ DONT TOUCH!!! - --->
  889. {block:Photo}
  890. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}" width="auto">{LinkCloseTag}
  891. {block:Caption}{Caption}{/block:Caption}
  892. {/block:Photo}
  893. <!---- - PHOTOSET POSTS / DONT TOUCH!!! - --->
  894. {block:Photoset}
  895. {Photoset-400}
  896. {block:Caption}{Caption}{/block:Caption}
  897. {/block:Photoset}
  898. <!---- - VIDEO POSTS / DONT TOUCH!!! - --->
  899. {block:Video}
  900. {Video-400}
  901. {block:Caption}{Caption}{/block:Caption}
  902. {/block:Video}
  903. <!---- - AUDIO POSTS / DONT TOUCH!!! - --->
  904. {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>
  905. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  906. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  907. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  908. {/block:Audio}
  909. <!---- - INFO / DONT TOUCH!!! - --->
  910. {block:HasTags}<div id="tags">{block:Tags} <a href="{TagURL}">#{Tag} </a>{/block:Tags}
  911. </div>
  912. {/block:HasTags}
  913. </div>
  914. {block:PostNotes} {PostNotes} {/block:PostNotes}
  915. {/block:Posts}
  916. <!---- - PAGINATION / DONT TOUCH!!! - --->
  917. <div id="pagination"style="{color:title text}">
  918. {block:Pagination}{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:title accent};text-shadow: 1px 1px 0px #ddd;">{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}
  919. </div>
  920. {/block:Pagination}
  921.  
  922. </div>
  923. <!---- - END INFO / DONT TOUCH!!! - --->
  924. <!---- - START CREDIT / DONT TOUCH!!! - --->
  925. <div id="credit">
  926. <a href="http://adf.ly/1Q6OGo"title="moonstar themes"><i class="fa fa-moon-o"></i></a>
  927. </div>
  928. </div>
  929. <!---- - END CREDIT / DONT TOUCH!!! - --->
  930. </html>
  931. </body>
  932. <!---- - END HTML / DONT TOUCH!!! - --->
Advertisement
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!