API tools faq
paste
azurethemes

053 - peekaboo

azurethemes
Sep 14th, 2015
459
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 34.39 KB | None | 0 0
raw download clone embed print report
  1. <!---- - START HTML / DONT TOUCH!!! - --->
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  5.  
  6. <script type="text/javascript">
  7. WebFontConfig = {
  8. google: { families: [ 'Roboto:400,700:latin' , 'Roboto::latin' , 'Abel::latin', 'Archivo+Narrow::latin', 'Quicksand:700:latin' , 'Josefin+Sans::latin', 'Fira+Sans::latin' , 'Ek+Mukta::latin' , 'Lobster+Two::latin' ] }
  9. };
  10. (function() {
  11. var wf = document.createElement('script');
  12. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  13. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  14. wf.type = 'text/javascript';
  15. wf.async = 'true';
  16. var s = document.getElementsByTagName('script')[0];
  17. s.parentNode.insertBefore(wf, s);
  18. })(); </script>
  19.  
  20.  
  21. <!---- - START TOOLTIPS SCRIPT / DONT TOUCH!!! - --->
  22.  
  23. <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>
  24.  
  25. <script>
  26. (function($){
  27. $(document).ready(function(){
  28. $("a[title]").style_my_tooltips({
  29. tip_follows_cursor:true,
  30. tip_delay_time:90,
  31. tip_fade_speed:600,
  32. attribute:"title"
  33. });
  34. });
  35. })(jQuery);
  36. </script>
  37. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  38. <!---- - END TOOLTIPS SCRIPT / DONT TOUCH!!! - --->
  39. <head>
  40.  
  41. <title>{Title}</title>
  42. <link rel="shortcut icon" href="{Favicon}">
  43. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  44. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  45.  
  46. <!----
  47.  
  48. _ _ _
  49. (_) | | | |
  50. _ _ __ ___ ______| |__ __ _| |___ ___ _ _
  51. | | '_ ` _ \______| '_ \ / _` | / __|/ _ \ | | |
  52. | | | | | | | | | | | (_| | \__ \ __/ |_| |
  53. |_|_| |_| |_| |_| |_|\__,_|_|___/\___|\__, |
  54. __/ |
  55. |___/
  56.  
  57. _ _
  58. | | | |
  59. | |_| |__ ___ _ __ ___ ___ ___
  60. | __| '_ \ / _ \ '_ ` _ \ / _ \/ __|
  61. | |_| | | | __/ | | | | | __/\__ \
  62. \__|_| |_|\___|_| |_| |_|\___||___/
  63.  
  64.  
  65.  
  66.  
  67. ᵗʰᵉᵐᵉ ₀₅₃
  68.  
  69. "peeĸαвoo"
  70.  
  71. ᵗʰᶤˢ ᵗʰᵉᵐᵉ ʷᵃˢ ᵐᵃᵈᵉ ᵇʸ ᶤᵐ⁻ʰᵃˡˢᵉʸ / ᵖʳᵉᵛˑ ᵃᶻᵘʳᵉᵒᶠʳᵖ
  72. ᵖˡᵉᵃˢᵉ ʳᵉˢᵖᵉᶜᵗ ᵐʸ ᵗʰᵉᵐᵉ ʳᵘˡᵉˢ ᵃᶰᵈ ᵈᵒᶰᵗ ᵇᵉ ᵃ ᵈᶤᶜᵏ
  73. ᶤ ᵈᵒᶰᵗ ᵉˣᵖᵉᶜᵗ ᵐᵘᶜʰ ᶠʳᵒᵐ ᵘ ᵇᵘᵗ ᵖˡˢ ᵏᵉᵉᵖ ᵗʰᵉ ᶜʳᵉᵈᶤᵗ ᵃᶰᵈ ᵈᵒᶰᵗ ᵇᵉ ᵃ ᵈᶤᶜᵏ
  74. ᵃᶰᵈ ᵈᵒᶰᵗ ˢᵗᵉᵃˡ ᵃᶰʸᵗʰᶤᶰᵍ :⁾
  75.  
  76.  
  77.  
  78.  
  79.  
  80.  
  81. --->
  82.  
  83.  
  84. <!---- - START BACKGROUND COLORS / DONT TOUCH!!! - --->
  85. <meta name="color:background" content="#ffffff"/>
  86. <meta name="color:blockquote" content="#eeeeee">
  87. <meta name="color:posts" content="#ffffff">
  88. <meta name="color:title" content="#000000">
  89. <meta name="color:question" content="#eeeeee">
  90. <meta name="color:scrollbar background" content="#ffffff">
  91. <!---- - END BACKGROUND COLORS / DONT TOUCH!!! - --->
  92. <!---- - START TEXT COLORS / DONT TOUCH!!! - --->
  93. <meta name="color:text" content="#000000"/>
  94. <meta name="color:post text" content="#ffffff"/>
  95. <meta name="color:title text" content="#ffffff"/>
  96. <meta name="color:italic text" content="#000000">
  97. <meta name="color:bold text" content="#000000">
  98. <!---- - END TEXT COLORS / DONT TOUCH!!! - --->
  99. <!---- - START OTHER COLORS / DONT TOUCH!!! - --->
  100. <meta name="color:hover" content="#888888">
  101. <meta name="color:links" content="#000000"/>
  102. <meta name="color:top text" content="#ffffff"/>
  103. <meta name="color:accent" content="#cccccc"/>
  104. <meta name="color:scrollbar" content="#000000">
  105. <!---- - END OTHER COLORS / DONT TOUCH!!! - --->
  106. <!---- - START BORDER COLORS / DONT TOUCH!!! - --->
  107. <meta name="color:blockquote border" content="#211927">
  108. <meta name="color:border" content="#0000000"/>
  109. <!---- - END BORDER COLORS / DONT TOUCH!!! - --->
  110. <!---- - START IMAGES / DONT TOUCH!!! - --->
  111. <meta name="image:background" content=""/>
  112. <meta name="image:header" content=""/>
  113. <!---- - END IMAGES / DONT TOUCH!!! - --->
  114. <!---- - START TEXT / DONT TOUCH!!! - --->
  115. <meta name="text:title" content="">
  116. <meta name="text:about user" content="">
  117. <meta name="text:what i do" content="">
  118. <meta name="text:faq" content="">
  119. <meta name="text:disclaimer" content="">
  120. <meta name="text:title 1" content="">
  121. <meta name="text:title 2" content="">
  122. <meta name="text:title 3" content="">
  123. <meta name="text:title 4" content="">
  124. <meta name="text:title 5" content="">
  125. <meta name="text:title 6" content="">
  126. <meta name="text:title 7" content="">
  127. <meta name="text:title 8" content="">
  128. <meta name="text:title 9" content="">
  129. <!---- - END TEXT / DONT TOUCH!!! - --->
  130. <!---- - START LINKS / DONT TOUCH!!! - --->
  131. <meta name="text:link 1" content="Link 1">
  132. <meta name="text:link 2" content="Link 2">
  133. <meta name="text:link 3" content="Link 3">
  134. <meta name="text:link 4" content="Link 4">
  135.  
  136. <meta name="text:link 1 url" content="/">
  137. <meta name="text:link 2 url" content="/">
  138. <meta name="text:link 3 url" content="/">
  139. <meta name="text:link 4 url" content="/">
  140. <!---- - END LINKS / DONT TOUCH!!! - --->
  141. <meta name="text:ask url" content="/">
  142.  
  143.  
  144. <style type="text/css">
  145.  
  146.  
  147. @-webkit-keyframes CH {
  148. 0% {-webkit-transform: scale(.3);}
  149. 50% {-webkit-transform: scale(1.05);}
  150. 70% {-webkit-transform: scale(.9);}
  151. 100% {-webkit-transform: scale(1);}
  152. }
  153. ::-webkit-scrollbar-thumb {
  154. height:auto;
  155. background-color:{color:scrollbar};
  156. }
  157. ::-webkit-scrollbar {
  158. height:9px;
  159. width:6px;
  160. border-top:10px solid {color:scrollbar};
  161. border-bottom:10px solid {color:scrollbar};
  162. background-color:{color:scrollbar background};
  163. }
  164. #s-m-t-tooltip {
  165. max-width:300px;
  166. margin:10px 0px 0px 10px;
  167. padding:5px;
  168. font-weight:300;
  169. background-color:{color:blockquote};
  170. box-shadow:5px 5px 0px {color:border};
  171. font-family: 'Ek Mukta', sans-serif;
  172. border:1px solid {color:border};
  173. font-size:9px;
  174. text-transform:uppercase;
  175. letter-spacing:0.5px;
  176. color:{color:text};
  177. z-index:999999999999999999999999999999999999;
  178. -webkit-animation: CH 600ms;
  179. }
  180. body {
  181. background-color:{color:background};
  182. background-image:url('{image:background}');
  183. background-attachment: fixed;
  184. background-repeat: repeat;
  185. font-weight:none;
  186. font-family: 'Ek Mukta', sans-serif;
  187. font-size:10px;
  188. text-align:justify;
  189. color:{color:text};
  190. margin:0;
  191. }
  192. a {
  193. text-decoration:none;
  194. color:{color:links};
  195. transition-duration: 0.2s;
  196. -moz-transition-duration: 0.2s;
  197. -webkit-transition-duration: 0.3s;
  198. -o-transition-duration: 0.3s;
  199. }
  200. a:hover {
  201. text-decoration:none;
  202. color:{color:hover};
  203. transition-duration: 0.2s;
  204. -moz-transition-duration: 0.2s;
  205. -webkit-transition-duration: 0.3s;
  206. -o-transition-duration: 0.3s;
  207. }
  208. img {
  209. border:none;
  210. }
  211. blockquote {
  212. font-size:10px;
  213. max-width:545px;
  214. border-left:1px solid{color:blockquote border};
  215. background-color:{color:blockquote};
  216. text-align:left;
  217. padding:5px;
  218. font-weight:none;
  219. margin-left:30px;
  220. font-size:10px;
  221. font-family: 'Roboto', sans-serif;
  222. margin-right:30px;
  223. padding-left:5px;
  224. color:{color:text};
  225. }
  226. pre{
  227. font-size:9px;
  228. text-align:center;
  229. text-transform:none;
  230. font-family: 'Bitter', serif;
  231. font-weight:bold;
  232. line-height:9px;
  233. border-left:1px solid {color:blockquote border};
  234. border-bottom:1px solid {color:blockquote border};
  235. letter-spacing:2px;
  236. background-color:{color:blockquote};
  237. color:{color:text};
  238. padding:6px;
  239. }
  240. small{
  241. font-size:10px;
  242. }
  243. big{
  244. font-size:10px;
  245. }
  246. sub{
  247. font-size:10px;
  248. }
  249. h1 {
  250. font-size:17px;
  251. text-align:center;
  252. font-family: 'Roboto', sans-serif;
  253. letter-spacing:1px;
  254. text-transform:uppercase;
  255. border-bottom:1px solid {color:border};
  256. color:{color:text};
  257. padding:6px;
  258. }
  259. h1 a{
  260. color:{color:text};
  261. }
  262. h2{
  263. color:{color:text};
  264. text-transform:uppercase;
  265. font-family: 'Roboto', sans-serif;
  266. text-shadow: 1px 1px 0px #ddd;
  267. text-align:left;
  268. }
  269. b {
  270. font-weight:bold;
  271. padding:2px;
  272. font-family:arial;
  273. color:{color:bold text};
  274. }
  275. i {
  276. font-weight:italic;
  277. color:{color:italic text};
  278. }
  279. u {
  280. text-decoration:none;
  281. border-bottom:1px solid {color:accent};
  282. }
  283. #boxes {
  284. overflow:auto;
  285. position:absolute;
  286. text-align:left;
  287. margin-top:45px;
  288. margin-left:215px;
  289. text-transform:none;
  290. font-style:normal;
  291. font-family: 'Roboto', sans-serif;
  292. width:255px;
  293. height:100px;
  294. opacity:1;
  295. line-height:10px;
  296. font-weight:none;
  297. color:{color:text};
  298. background:{color:description};
  299. padding:17px;
  300. letter-spacing:0px;
  301. font-size:10px;
  302. transition-duration: 0.9s;
  303. -moz-transition-duration:0.9s;
  304. -webkit-transition-duration:0.9s;
  305. -o-transition-duration:0.9s;
  306. }
  307. .tit {
  308. font-size:17px;
  309. text-transform:uppercase;
  310. margin-bottom:25px;
  311. font-weight:700;
  312. text-align:left;
  313. font-family: 'Roboto', sans-serif;
  314. border-bottom:solid 1px {color:border};
  315. color:{color:title text};
  316. padding:25px;
  317. }
  318. .sidebox {
  319. position:absolute;
  320. background:{color:accent};
  321. width:260px;
  322. top:640px;
  323. margin-left:100px;
  324. }
  325. .sideboxright {
  326. position:absolute;
  327. background:{color:accent};
  328. width:260px;
  329. top:640px;
  330. margin-left:990px;
  331. }
  332. .box {
  333. padding:20px;
  334.  
  335. }
  336. #description {
  337. margin:5px;
  338. text-align:justify;
  339. }
  340. .aboutt {
  341. position:absolute;
  342. text-align:left;
  343. font-family: 'Roboto', sans-serif;
  344. color:{color:text};
  345. margin:5px;
  346. }
  347. .affiliates {
  348. padding:5px;
  349. text-align:left;
  350. text-transform:uppercase;
  351. font-size:9px;
  352. letter-spacing:1px;
  353. margin-top:20px;
  354. }
  355. .affiliates img {
  356. width:45px;
  357. height:45px;
  358. border-radius:100px;
  359. border:1px solid {color:border};
  360. }
  361. #projects {
  362. text-align:justify;
  363. margin:5px;
  364. font-size:10px;
  365. letter-spacing:0px;
  366. }
  367. #projects img {
  368. outline:1px solid {color:border};
  369. outline-offset:3px;
  370. width:70px;
  371. height:100px;
  372. float:left;
  373. margin-right:10px;
  374. }
  375. #faq {
  376. text-align:justify;
  377. margin:5px;
  378. font-size:10px;
  379. letter-spacing:0px;
  380. }
  381. #askbox {
  382. text-align:justify;
  383. margin:5px;
  384. font-size:10px;
  385. letter-spacing:0px;
  386. }
  387. #disclaimer {
  388. text-align:justify;
  389. margin:5px;
  390. font-size:10px;
  391. letter-spacing:0px;
  392. }
  393. .imagess {
  394. padding:5px;
  395. text-align:left;
  396. text-transform:uppercase;
  397. font-size:9px;
  398. letter-spacing:1px;
  399. margin-top:20px;
  400. }
  401. .imagess img {
  402. width:65px;
  403. height:65px;
  404. outline-offset:3px;
  405. outline:1px solid {color:border};
  406. }
  407. .pagination{
  408. padding:2px;
  409. height:14px;
  410. font-weight:700;
  411. font-family: 'Roboto', sans-serif;
  412. margin-left:420px;
  413. width:500px;
  414. position:fixed;
  415. bottom:10px;
  416. z-index:-9;
  417. font-size:18px;
  418. color:{color:text};
  419. text-align:center;
  420. }
  421. .pagination a{
  422. padding:3px;
  423. font-family: 'Roboto', sans-serif;
  424. font-weight:700;
  425. bottom:0px;
  426. color:{color:text};
  427. text-transform:uppercase;
  428. -moz-transition-duration:0.5s;
  429. -webkit-transition-duration:0.5s;
  430. -o-transition-duration:0.5s;
  431. transition: all 0.3s ease-out;
  432. }
  433. .pagination a:hover{
  434. color:{color:hover};
  435. -moz-transition-duration:0.5s;
  436. -webkit-transition-duration:0.5s;
  437. -o-transition-duration:0.5s;
  438. transition: all 0.3s ease-out;
  439. }
  440.  
  441. .links1 {
  442. width:1150px;
  443. height:60px;
  444. overflow:hidden;
  445. cursor:pointer;
  446. top:530px;
  447. opacity:1;
  448. z-index:99999;
  449. position:absolute;
  450. margin-left:100px;
  451. text-align:center;
  452. background:{color:title};
  453. }
  454. .links1 #all {
  455. margin-left:0px;
  456. margin-top:2px;
  457. padding:5px;
  458. height:14px;
  459. }
  460. .links1 #all a:hover {
  461. color:{color:hover};
  462. font-style:italic;
  463. transition-duration: 0.2s;
  464. -moz-transition-duration: 0.2s;
  465. -webkit-transition-duration: 0.3s;
  466. -o-transition-duration: 0.3s;
  467. }
  468. .links1 a {
  469. width:auto;
  470. height:auto;
  471. margin-bottom:3px;
  472. text-align:center;
  473. text-transform:uppercase;
  474. padding:4px;
  475. line-height:41px;
  476. color:{color:top text};
  477. font-style:none;
  478. z-index:99999;
  479. font-weight:700;
  480. font-family: 'Roboto', sans-serif;
  481. letter-spacing:1px;
  482. font-size:14px;
  483. display:inline-block;
  484. }
  485. #title{
  486. width:1060px;
  487. height:70px;
  488. top:0px;
  489. opacity:1;
  490. position:absolute;
  491. font-family: 'Roboto', sans-serif;
  492. letter-spacing:2px;
  493. font-style:none;
  494. text-align:left;
  495. font-weight:700;
  496. padding:5px;
  497. padding-left:85px;
  498. color:{color:top text};
  499. text-transform:uppercase;
  500. line-height:72px;
  501. font-size:20px;
  502. margin-left:100px;
  503. background:{color:title};
  504. z-index:9999;
  505. }
  506. #title:first-letter {
  507. font-size:20px;
  508. padding:1px;
  509. font-family: 'Roboto', sans-serif;
  510. font-weight:bold;
  511. padding-left:2px;
  512. color:{color:accent};
  513. margin:4px 0 0;
  514. float:center;
  515. font-style:none;
  516. text-transform:uppercase;
  517. }
  518. #header{
  519. position:absolute;
  520. opacity:1;
  521. background-image:url('{image:header}');
  522. width:1150px;
  523. height:450px;
  524. top:80px;
  525. background:#ddd;
  526. margin-left:100px;
  527. z-index:-999;
  528. }
  529. #header img{
  530. width:1150px;
  531. height:450px;
  532. background-image:url('{image:header}');
  533. }
  534. #entries {
  535. margin-left:405px;
  536. letter-spacing:0px;
  537. position:absolute;
  538. top:640px;
  539. width:500px;
  540. margin-bottom:50px;
  541. background-color:{color:background};
  542. background-image:url('{image:background}');
  543.  
  544. }
  545. #iconn {
  546. position:absolute;
  547. width:45px;
  548. margin-top:190px;
  549. padding:10px;
  550. height:45px;
  551. margin-left:180px;
  552. background-color:transparent;
  553. z-index:9999999999999999;
  554. }
  555. #iconnimage {
  556. width 45px;
  557. z-index:-99999;
  558. }
  559. #iconnimage img {
  560. width:45px;
  561. height:45px;
  562. margin-left:121px;
  563. top:16px;
  564. position:absolute;
  565. opacity:1;
  566. border:solid 1px {color:border};
  567. z-index:999999;
  568. }
  569. #post {
  570. font-size:10px;
  571. width:500px;
  572. color:{color:post text};
  573. background-color:{color:posts};
  574. text-align:justify;
  575. padding:20px;
  576. overflow:hidden;
  577. line-height:20px;
  578. margin-bottom:40px;
  579. }
  580. #post img{
  581. max-width:500px;
  582. height:auto;
  583. }
  584. #info {
  585. width:512px;
  586. text-align:left;
  587. font-family: 'Roboto', sans-serif;
  588. text-transform:none;
  589. margin-left:-15px;
  590. font-weight:700;
  591. font-size:9px;
  592. margin-top:40px;
  593. letter-spacing:0px;
  594. overflow:hidden;
  595. margin-bottom:-19px;
  596. font-style:none;
  597. padding:10px;
  598. line-height:10px;
  599. color:{color:text};
  600. }
  601. #info a {
  602. text-align:left;
  603. font-family: 'Roboto', sans-serif;
  604. text-transform:none;
  605. font-size:9px;
  606. font-weight:700;
  607. line-height:2px;
  608. color:{color:text};
  609. }
  610. #info a:hover{
  611. color:{color:hover};
  612. font-weight:700;
  613. }
  614. .right{
  615. float:left;
  616. }
  617. #tags {
  618. text-align:left;
  619. opacity:1;
  620. font-size:8px;
  621. font-family: 'Roboto', sans-serif;
  622. margin-top:1px;
  623. margin-left:-12px;
  624. padding:-5px;
  625. font-weight:300;
  626. margin-bottom:0px;
  627. height:15px;
  628. width:530px;
  629. padding-top:0px;
  630. background:{color:accent};
  631. text-transform:uppercase;
  632. transition-duration: 0.5s;
  633. -moz-transition-duration: 0.5s;
  634. -webkit-transition-duration: 0.5s;
  635. -o-transition-duration: 0.5s;
  636. }
  637. #tags a {
  638. padding:0px;
  639. margin-top:1px;
  640. color:{color:text};
  641. line-height:6px;
  642. letter-spacing:0.5px;
  643. font-weight:700;
  644. margin-left:-12px;
  645. font-size:10px;
  646. font-family: 'Roboto', sans-serif;
  647. text-decoration:underline;
  648. display:inline-block;
  649. }
  650. #tags a:hover {
  651. -moz-transition-duration:0.3s;
  652. -webkit-transition-duration:0.3s;
  653. -o-transition-duration:0.3s;
  654. color:{color:hover};
  655. }
  656. #permalink{
  657. margin-bottom:15px;
  658. text-align:left;
  659. font-size:9px;
  660. margin-left:-5px;
  661. margin-top:5px;
  662. font-weight:bold;
  663. text-transform:uppercase;
  664. width:590px;
  665. font-family: 'Roboto', sans-serif;
  666. letter-spacing:0px;
  667. line-height:0px;
  668. color:{color:text};
  669. }
  670. #permalink a{
  671. color:{color:text};
  672. font-family: 'Roboto', sans-serif;
  673. font-size:11px;
  674. text-transform:uppercase;
  675. font-weight:700;
  676. padding:3px;
  677. }
  678. #asking {
  679. margin-left:15px;
  680. margin-top:26px;
  681. }
  682. #askingimage {
  683. }
  684. #askingimage img {
  685. border-radius:100px;
  686. border:1px solid {color:border};
  687. margin-left:15px;
  688. margin-top:20px;
  689. }
  690. #question {
  691. padding:25px;
  692. padding-left:70px;
  693. margin-top:-31px;
  694. margin-left:2px;
  695. color:{color:text};
  696. background-color:{color:question};
  697. }
  698. #asker{
  699. margin-top:-55px;
  700. padding:1px;
  701. margin-left:70px;
  702. font-family: 'Ek Mukta', sans-serif;
  703. text-transform:lowercase;
  704. }
  705. #credit{
  706. position:fixed;
  707. font-size:14px;
  708. font-weight:bold;
  709. padding-bottom:5px;
  710. padding-top:5px;
  711. height:20px;
  712. width:20px;
  713. opacity:1;
  714. padding-left:5px;
  715. padding-right:5px;
  716. margin-left:1320px;
  717. top:645px;
  718. letter-spacing:0px;
  719. line-height:22px;
  720. border-top:1px solid {color:accent};
  721. border-bottom:1px solid {color:accent};
  722. text-align:center;
  723. float:left;
  724. font-family: 'Roboto', sans-serif;
  725. color:{color:text};
  726. text-transform:uppercase;
  727. background-color: rgba(255,255,255, 0.3);
  728. transition-duration: 0.8s;
  729. }
  730. lol {
  731. font-size:11px;
  732. text-align:center;
  733. width:210px;
  734. height:5px;
  735. font-family: 'Calibri';
  736. text-shadow: 1px 1px 3px {color:text shadow};
  737. letter-spacing:1px;
  738. background-color:{color:blockquote};
  739. color:{color:text};
  740. padding:5px;
  741. }
  742.  
  743.  
  744.  
  745.  
  746. {CustomCSS}</style>
  747.  
  748.  
  749.  
  750. </head>
  751. <body>
  752.  
  753. <!---- - BASICS / DONT TOUCH!!! - --->
  754.  
  755. <div id="title">{text:title}</div>
  756. <div id="header"><img src="{image:header}"></a></div>
  757. <div id="iconnimage"><a href="/"title="{title}"><img src="{PortraitURL-128}"></a></div>
  758.  
  759.  
  760.  
  761. <div class="topp">
  762.  
  763. <div class="sidebox">
  764.  
  765. <!---- - BASICS / DONT TOUCH!!! - --->
  766.  
  767.  
  768. <!---- - DESCRIPTION / DON'T TOUCH - --->
  769. <div class="box">
  770. <div class="tit"><i class="fa fa-home"></i> {text:title 1}</div>
  771. <div id="description">{Description}</div>
  772. </div>
  773.  
  774. <!---- - DESCRIPTION / DON'T TOUCH - --->
  775.  
  776. <!---- - ABOUT BLOGGER / DON'T TOUCH - --->
  777.  
  778. <div class="box">
  779. <div class="tit"><i class="fa fa-user"></i> {text:title 2}</div>
  780. <div id="aboutt"><img src="{PortraitURL-128}" style="width:40px;height:40px;border:1px solid #ddd;border-radius:100px" align="left"> {text:about user}</div>
  781.  
  782. <!---- - AFFILIATES / DON'T TOUCH - --->
  783.  
  784. <div class="box">
  785. <div class="tit"><i class="fa fa-users"></i> {text:title 3}</div>
  786. <div class="affiliates">
  787. <a href="/" title="name"><img src="https://36.media.tumblr.com/6bdfc93c316179798eb5f2fd08dc6e3c/tumblr_nukk4sDg1f1u9o0yqo1_400.jpg"></a>
  788. <a href="/" title="name"><img src="https://36.media.tumblr.com/6bdfc93c316179798eb5f2fd08dc6e3c/tumblr_nukk4sDg1f1u9o0yqo1_400.jpg"></a>
  789. <a href="/" title="name"><img src="https://36.media.tumblr.com/6bdfc93c316179798eb5f2fd08dc6e3c/tumblr_nukk4sDg1f1u9o0yqo1_400.jpg"></a>
  790. <a href="/" title="name"><img src="https://36.media.tumblr.com/6bdfc93c316179798eb5f2fd08dc6e3c/tumblr_nukk4sDg1f1u9o0yqo1_400.jpg"></a>
  791. </div></div>
  792.  
  793.  
  794. <!---- - MEMBERS / DON'T TOUCH - --->
  795.  
  796. <div class="box">
  797. <div class="tit"><i class="fa fa-user-plus"></i> {text:title 4}</div>
  798. <div class="blogs">
  799. {block:GroupMembers}
  800. <table style="margin-top:0px;">
  801. {block:GroupMember}
  802. <tr>
  803. <td style="width:40px;">
  804. <img src="{GroupMemberPortraitURL-128}" width="50px;" height="auto;" style="margin-right: 10px;border-radius:100px;border:solid 1px {color:border};">
  805. </td>
  806. <td style="height:auto;">
  807. <a href="{GroupMemberURL}" title="{GroupMemberTitle}"style="font-family: 'Roboto', sans-serif;margin-top:0px;font-weight:bold;text-transform:uppercase;">{GroupMemberName}</a><br>{GroupMemberTitle}</div>
  808. </tr>
  809. {/block:GroupMember}
  810. </table>
  811. {/block:GroupMembers}
  812.  
  813. </div></div>
  814.  
  815. <!---- - WID / SECOND DESCRIPTION / DON'T TOUCH - --->
  816.  
  817.  
  818. <div class="tit"><i class="fa fa-list-ul"></i> {text:title 5}</div>
  819. <div id="projects">
  820.  
  821. <img src="https://41.media.tumblr.com/7e4e25710b8fc240abdb31e1ad937e8e/tumblr_nuof85IzXX1u9o0yqo1_540.jpg">
  822. <ul>
  823. <b>Breaking Bad</b><br>
  824. <b>Producer:</b> Sony Pictures Television<br>
  825. <b>Year:</b>2008-2013<br>
  826. <b>Role:</b> Jesse Pinkman</ul>
  827. <br><br>
  828. <img src="http://i.movie.as/p/154620.jpg">
  829. <ul> <b>Need for Speed</b><br>
  830. <b>Producer:</b> DreamWorks Pictures<br>
  831. <b>Year:</b> 2014<br>
  832. <b>Role:</b> Tobey Marshall
  833.  
  834. </ul>
  835. </div>
  836.  
  837.  
  838. </div>
  839.  
  840.  
  841.  
  842.  
  843.  
  844. <div class="box">
  845. <div class="tit"><i class="fa fa-folder"></i> {text:title 6}</div>
  846. <div class="imagess">
  847. <a href="/"><img src="http://aaron-paul.org/gallery/albums/Photoshoots/2014a/010/001.jpg"></a>
  848. <a href="/"><img src="http://aaron-paul.org/gallery/albums/Photoshoots/2014a/010/003.jpg"></a>
  849. <a href="/"><img src="http://aaron-paul.org/gallery/albums/Photoshoots/2014a/010/004.jpg"></a>
  850. <a href="/"><img src="http://aaron-paul.org/gallery/albums/Photoshoots/2014a/010/005.jpg"></a>
  851. <a href="/"><img src="http://aaron-paul.org/gallery/albums/Photoshoots/2014a/010/006.jpg"></a>
  852. <a href="/"><img src="http://aaron-paul.org/gallery/albums/Photoshoots/2014a/010/007.jpg"></a>
  853. <a href="/"><img src="http://aaron-paul.org/gallery/albums/Photoshoots/2014a/010/008.jpg"></a>
  854. <a href="/"><img src="http://aaron-paul.org/gallery/albums/Photoshoots/2014a/010/009.jpg"></a>
  855. <a href="/"><img src="http://aaron-paul.org/gallery/albums/Photoshoots/2014a/010/010.jpg"></a>
  856. </div></div>
  857.  
  858.  
  859. </div>
  860. </div>
  861.  
  862. <div class="sideboxright">
  863.  
  864. <!---- - FAQ / DON'T TOUCH - --->
  865.  
  866. <div class="box">
  867. <div class="tit"><i class="fa fa-question"></i> {text:title 7}</div>
  868. <div id="faq">{text:faq}</div>
  869. </div>
  870.  
  871. <!---- - ASKBOX / DON'T TOUCH - --->
  872. <div class="box">
  873. <div class="tit"><i class="fa fa-envelope"></i> {text:title 8}</div>
  874. <div id="askbox"><p style="margin-left:0px;"><iframe src="http://www.tumblr.com/ask_form/{text:ask url}.tumblr.com" id="ask_form" frameborder="0" height="285" scrolling="no" width="210"></iframe></p></div>
  875.  
  876. <!---- - DESCRIPTION / DON'T TOUCH - --->
  877.  
  878. <!---- - DISCLAIMER / DON'T TOUCH - --->
  879.  
  880. <div class="box">
  881. <div class="tit"><i class="fa fa-exclamation"></i> {text:title 9}</div>
  882. <div id="description">{text:disclaimer}</div>
  883. </div>
  884.  
  885. </div>
  886. </div>
  887.  
  888. <!---- - LINKS / DON'T TOUCH - --->
  889. <div class="links1">
  890. <div id="all">
  891. <a href="/">Home</a>
  892. <a href="/ask">message</a>
  893. <a href="{text:link 1 url}">{text:link 1}</a>
  894. <a href="{text:link 2 url}">{text:link 2}</a>
  895. <a href="{text:link 3 url}">{text:link 3}</a>
  896. <a href="{text:link 4 url}">{text:link 4}</a>
  897. </div>
  898.  
  899.  
  900.  
  901. <!---- - PAGINATION / DONT TOUCH!!! - --->
  902.  
  903. </div>
  904. </div>
  905.  
  906. <div class="pagination"style="{color:title text}">
  907. {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: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}
  908. {/block:Pagination}</div></div>
  909.  
  910. </div>
  911.  
  912.  
  913.  
  914. <!---- - POSTS & ENTRIES / DONT TOUCH!!! - --->
  915.  
  916. <div id="entries">
  917. {block:Posts}
  918. <div id="post"
  919.  
  920. <div id="post">
  921. {block:Date}
  922. <div id="permalink">
  923. <a href="{ReblogURL}" title="reblog"target="_blank" class="details"><i class="fa fa-retweet"></i></a>
  924. {block:RebloggedFrom}
  925. <a href="{ReblogParentURL}" title="reblogged from: {ReblogParentName}"><i class="fa fa-history"></i> </a>
  926. {block:ContentSource}
  927. <a href="{ReblogRootURL}" "{ReblogRootName}" title="source: {ReblogRootName}"><i class="fa fa-copyright"></i></a>
  928. {/block:ContentSource}
  929. {/block:RebloggedFrom}
  930. <a href="{Permalink}"> {DayOfMonth} {ShortMonth} {Year} </a> {NoteCount}
  931. </div>
  932. {/block:Date}
  933.  
  934.  
  935. <!--TEXT POSTS-->
  936.  
  937. {block:Text}
  938. {block:Title}<h1><center>{Title}</center></h1>{/block:Title}
  939. {Body}
  940. {/block:Text}
  941.  
  942. <!---- - END TEXT POSTS / DONT TOUCH!!! - --->
  943.  
  944. <!---- - ANSWER & QUESTION / DONT TOUCH!!! - --->
  945.  
  946. {block:Answer}
  947. <div id="askingimage"><img src="{AskerPortraitURL-48}"/></div>
  948. <div id="asker">{Asker} sent:</div>
  949. <div id="question">{Question}</div>
  950. {Answer}{/block:Answer}
  951.  
  952.  
  953.  
  954. <!---- - QUOTE / DONT TOUCH!!! - --->
  955.  
  956. {block:Quote}
  957.  
  958. {block:Quote}
  959. <h2>{Quote}</h2>
  960. <div align="right">
  961. {block:Source}<h1>-{Source}</h1>{/block:Source}
  962. </div>
  963. {/block:Quote}
  964.  
  965.  
  966.  
  967. <!---- - LINK & CHAT / DONT TOUCH!!! - --->
  968.  
  969. {block:Link}
  970. <h2><center><a href="{URL}">{Name}</center></a></h2>
  971. {block:Description}{Description}{/block:Description}
  972. {/block:Link}
  973.  
  974.  
  975.  
  976. {block:Chat}
  977. {block:Title}<h2>{Title}</h2>{/block:Title}
  978. <ul class="convo">{block:Lines}<li class="line">{block:Label}<span class ="label">{Label}</span>{/block:Label}
  979. {Line}</li>{/block:Lines}</ul>
  980. {/block:Chat}
  981.  
  982.  
  983.  
  984. <!---- - PHOTO / DONT TOUCH!!! - --->
  985.  
  986. {block:Photo}
  987. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="auto">{LinkCloseTag}
  988.  
  989. {block:Caption}{Caption}{/block:Caption}
  990. {/block:Photo}
  991.  
  992.  
  993.  
  994. {block:Photoset}
  995. {Photoset-500}
  996. {block:Caption}{Caption}{/block:Caption}
  997. {/block:Photoset}
  998.  
  999.  
  1000.  
  1001. {block:Video}
  1002. {Video-500}
  1003. {block:Caption}{Caption}{/block:Caption}
  1004. {/block:Video}
  1005.  
  1006.  
  1007.  
  1008. <!---- - AUDIO / DONT TOUCH!!! - --->
  1009.  
  1010.  
  1011. {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>
  1012. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  1013. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  1014. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  1015. {/block:Audio}
  1016.  
  1017.  
  1018.  
  1019. <!---- - INFO / DONT TOUCH!!! - --->
  1020.  
  1021. <div id="info">
  1022. {block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  1023. {block:HasTags}{block:Tags} <i class="fa fa-tags"></i> <a href="{TagURL}">{Tag} </a> {/block:Tags}{/block:HasTags}
  1024. </div></div>
  1025.  
  1026. {/block:Posts}{/block:Posts}</div></div></div>
  1027. </div>
  1028. </div>
  1029.  
  1030.  
  1031.  
  1032. <!---- - CREDIT / DONT TOUCH!!! - --->
  1033.  
  1034. <div id="credit">
  1035. <a href="http://adf.ly/1NFPh1"title="made by im-halsey"><i class="fa fa-diamond"></i></a>
  1036.  
  1037. </div>
  1038. </div>
  1039.  
  1040.  
  1041. </html>
  1042. <!---- - 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!