API tools faq
paste
azurethemes

theme 54 - until dawn

azurethemes
Sep 18th, 2015
393
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.01 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. "υɴтιl dαwɴ"
  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:sidebar" content=""/>
  113. <!---- - END IMAGES / DONT TOUCH!!! - --->
  114. <!---- - START TEXT / DONT TOUCH!!! - --->
  115. <meta name="text:title" content="">
  116.  
  117. <!---- - END TEXT / DONT TOUCH!!! - --->
  118. <!---- - START LINKS / DONT TOUCH!!! - --->
  119. <meta name="text:link 1" content="Link 1">
  120. <meta name="text:link 2" content="Link 2">
  121.  
  122.  
  123. <meta name="text:link 1 url" content="/">
  124. <meta name="text:link 2 url" content="/">
  125.  
  126. <!---- - END LINKS / DONT TOUCH!!! - --->
  127.  
  128.  
  129.  
  130. <style type="text/css">
  131.  
  132.  
  133. @-webkit-keyframes CH {
  134. 0% {-webkit-transform: scale(.3);}
  135. 50% {-webkit-transform: scale(1.05);}
  136. 70% {-webkit-transform: scale(.9);}
  137. 100% {-webkit-transform: scale(1);}
  138. }
  139. ::-webkit-scrollbar-thumb {
  140. height:auto;
  141. background-color:{color:scrollbar};
  142. }
  143. ::-webkit-scrollbar {
  144. height:9px;
  145. width:2px;
  146. background-color:{color:scrollbar background};
  147. }
  148. #s-m-t-tooltip {
  149. max-width:300px;
  150. margin:10px 0px 0px 10px;
  151. padding:5px;
  152. font-weight:300;
  153. background-color:{color:blockquote};
  154. box-shadow:5px 5px 0px {color:border};
  155. font-family: 'Ek Mukta', sans-serif;
  156. border:1px solid {color:border};
  157. font-size:9px;
  158. text-transform:uppercase;
  159. letter-spacing:0.5px;
  160. color:{color:text};
  161. z-index:999999999999999999999999999999999999;
  162. -webkit-animation: CH 600ms;
  163. }
  164. body {
  165. background-color:{color:background};
  166. background-image:url('{image:background}');
  167. background-attachment: fixed;
  168. background-repeat: repeat;
  169. font-weight:none;
  170. font-family: 'Ek Mukta', sans-serif;
  171. font-size:10px;
  172. text-align:justify;
  173. color:{color:text};
  174. margin:0;
  175. }
  176. a {
  177. text-decoration:none;
  178. color:{color:links};
  179. transition-duration: 0.2s;
  180. -moz-transition-duration: 0.2s;
  181. -webkit-transition-duration: 0.3s;
  182. -o-transition-duration: 0.3s;
  183. }
  184. a:hover {
  185. text-decoration:none;
  186. color:{color:hover};
  187. transition-duration: 0.2s;
  188. -moz-transition-duration: 0.2s;
  189. -webkit-transition-duration: 0.3s;
  190. -o-transition-duration: 0.3s;
  191. }
  192. img {
  193. border:none;
  194. }
  195. blockquote {
  196. font-size:10px;
  197. max-width:545px;
  198. border-left:1px solid{color:blockquote border};
  199. background-color:{color:blockquote};
  200. text-align:left;
  201. padding:3px;
  202. font-weight:none;
  203. margin-left:30px;
  204. font-size:10px;
  205. font-family: 'Roboto', sans-serif;
  206. margin-right:30px;
  207. padding-left:5px;
  208. color:{color:text};
  209. }
  210. pre{
  211. font-size:9px;
  212. text-align:center;
  213. text-transform:none;
  214. font-family: 'Bitter', serif;
  215. font-weight:bold;
  216. line-height:9px;
  217. border-left:1px solid {color:blockquote border};
  218. border-bottom:1px solid {color:blockquote border};
  219. letter-spacing:2px;
  220. background-color:{color:blockquote};
  221. color:{color:text};
  222. padding:6px;
  223. }
  224. small{
  225. font-size:10px;
  226. }
  227. big{
  228. font-size:10px;
  229. }
  230. sub{
  231. font-size:10px;
  232. }
  233. h1 {
  234. font-size:10px;
  235. text-align:center;
  236. font-family: 'Roboto', sans-serif;
  237. letter-spacing:1px;
  238. text-transform:uppercase;
  239. font-weight:none;
  240. border-bottom:1px solid {color:border};
  241. color:{color:text};
  242. padding:4px;
  243. }
  244. h1 a{
  245. color:{color:text};
  246. }
  247. h2{
  248. color:{color:text};
  249. text-transform:uppercase;
  250. font-family: 'Roboto', sans-serif;
  251. text-shadow: 1px 1px 0px #ddd;
  252. text-align:left;
  253. }
  254. b {
  255. font-weight:bold;
  256. padding:2px;
  257. font-family:arial;
  258. color:{color:bold text};
  259. }
  260. i {
  261. font-weight:italic;
  262. color:{color:italic text};
  263. }
  264. u {
  265. text-decoration:none;
  266. border-bottom:1px solid {color:accent};
  267. }
  268. #boxes {
  269. overflow:auto;
  270. position:absolute;
  271. text-align:left;
  272. margin-top:45px;
  273. margin-left:215px;
  274. text-transform:none;
  275. font-style:normal;
  276. font-family: 'Roboto', sans-serif;
  277. width:255px;
  278. height:100px;
  279. opacity:1;
  280. line-height:10px;
  281. font-weight:none;
  282. color:{color:text};
  283. background:{color:description};
  284. padding:17px;
  285. letter-spacing:0px;
  286. font-size:10px;
  287. transition-duration: 0.9s;
  288. -moz-transition-duration:0.9s;
  289. -webkit-transition-duration:0.9s;
  290. -o-transition-duration:0.9s;
  291. }
  292. .tit {
  293. font-size:17px;
  294. text-transform:uppercase;
  295. margin-bottom:25px;
  296. font-weight:700;
  297. text-align:left;
  298. font-family: 'Roboto', sans-serif;
  299. border-bottom:solid 1px {color:border};
  300. color:{color:title text};
  301. padding:25px;
  302. }
  303. .sidebox {
  304. position:fixed;
  305. background:{color:posts};
  306. width:140px;
  307. height:140px;
  308. overflow:auto;
  309. border-radius:5px 5px 5px 5px;
  310. top:213px;
  311. margin-left:150px;
  312. }
  313. .box {
  314. padding:20px;
  315.  
  316. }
  317. #description {
  318. margin:5px;
  319. text-align:justify;
  320. }
  321. .pagination{
  322. padding:2px;
  323. height:14px;
  324. font-weight:none;
  325. font-family: 'Roboto', sans-serif;
  326. margin-left:170px;
  327. width:100px;
  328. position:fixed;
  329. top:410px;
  330. z-index:-9;
  331. font-size:8px;
  332. color:{color:text};
  333. text-align:center;
  334. }
  335. .pagination a{
  336. padding:3px;
  337. font-family: 'Roboto', sans-serif;
  338. font-weight:none;
  339. bottom:0px;
  340. color:{color:text};
  341. text-transform:uppercase;
  342. -moz-transition-duration:0.5s;
  343. -webkit-transition-duration:0.5s;
  344. -o-transition-duration:0.5s;
  345. transition: all 0.3s ease-out;
  346. }
  347. .pagination a:hover{
  348. color:{color:hover};
  349. -moz-transition-duration:0.5s;
  350. -webkit-transition-duration:0.5s;
  351. -o-transition-duration:0.5s;
  352. transition: all 0.3s ease-out;
  353. }
  354.  
  355. .links1 {
  356. width:140px;
  357. height:230px;
  358. overflow:hidden;
  359. cursor:pointer;
  360. top:112px;
  361. opacity:1;
  362. z-index:-99999;
  363. position:fixed;
  364. margin-left:160px;
  365. text-align:center;
  366. }
  367. .links1 #all {
  368. margin-left:0px;
  369. margin-top:2px;
  370. padding:5px;
  371. height:14px;
  372. }
  373. .links1 #all a:hover {
  374. color:{color:hover};
  375. font-style:italic;
  376. text-align:right;
  377. margin-left:25px;
  378. transition-duration: 0.2s;
  379. -moz-transition-duration: 0.2s;
  380. -webkit-transition-duration: 0.3s;
  381. -o-transition-duration: 0.3s;
  382. }
  383. .links1 a {
  384. width:90px;
  385. height:6px;
  386. margin-bottom:3px;
  387. text-align:right;
  388. text-transform:uppercase;
  389. padding:4px;
  390. line-height:6px;
  391. color:{color:top text};
  392. background:{color:text};
  393. font-style:none;
  394. z-index:99999;
  395. font-weight:none;
  396. font-family: 'Roboto', sans-serif;
  397. letter-spacing:1px;
  398. font-size:8px;
  399. display:inline-block;
  400. }
  401. #title{
  402. width:160px;
  403. height:10px;
  404. top:200px;
  405. opacity:1;
  406. position:fixed;
  407. font-family: 'Roboto', sans-serif;
  408. letter-spacing:0px;
  409. font-style:italic;
  410. text-align:center;
  411. font-weight:700;
  412. padding:5px;
  413. color:{color:text};
  414. text-transform:uppercase;
  415. line-height:10px;
  416. font-size:10px;
  417. margin-left:155px;
  418. z-index:9999;
  419. }
  420. #sb{
  421. position:fixed;
  422. opacity:1;
  423. background-image:url('{image:sidebar}');
  424. width:80px;
  425. height:80px;
  426. top:112px;
  427. background:#ddd;
  428. border-radius:100px;
  429. margin-left:145px;
  430. z-index:-999;
  431. }
  432. #sb img{
  433. width:80px;
  434. height:80px;
  435. border-radius:100px;
  436. background-image:url('{image:sidebar}');
  437. }
  438. #icon{
  439. opacity:.9;
  440. padding:5px;
  441. margin-top:-8px;
  442. font-size:10px;
  443. color:{color:icons};
  444. z-index:9;
  445. }
  446. #tab1title{
  447. font-size:10px;
  448. text-align:left;
  449. text-transform:uppercase;
  450. letter-spacing:1px;
  451. color:{color:title2};
  452. margin-top:-32px;
  453. margin-left:20px;
  454. margin-bottom:5px;
  455. }
  456. #tab1{
  457. opacity:1;
  458. font-size:8px;
  459. color:{color:text};
  460. text-align:left;
  461. padding:5px;
  462. }
  463. #tab1box {
  464. margin-top:-42px;
  465. height:20px;
  466. width:20px;
  467. text-align:left;
  468. overflow:hidden;
  469. text-transform:uppercase;
  470. position:fixed;
  471. letter-spacing:1px;
  472. line-height:10px;
  473. transition: all 0.5s ease-out;
  474. -webkit-transition: all 0.5s ease-in-out;
  475. -moz-transition: all 0.5s ease-in-out;
  476. -o-transition: all 0.5s ease-in-out;
  477. }
  478. #tab1box:hover{
  479. height:auto;
  480. width:150px;
  481. padding-left:19px;
  482. transition: all 0.5s ease-out;
  483. -webkit-transition: all 0.5s ease-in-out;
  484. -moz-transition: all 0.5s ease-in-out;
  485. -o-transition: all 0.5s ease-in-out;
  486. }
  487. #tab2{
  488. opacity:1;
  489. font-size:8px;
  490. color:{color:text};
  491. text-align:left;
  492. padding:10px;
  493. }
  494. #tab2box{
  495. margin-top:-20px;
  496. height:20px;
  497. width:20px;
  498. text-align:left;
  499. overflow:hidden;
  500. text-transform:uppercase;
  501. position:fixed;
  502. letter-spacing:1px;
  503. line-height:10px;
  504. transition: all 0.5s ease-out;
  505. -webkit-transition: all 0.5s ease-in-out;
  506. -moz-transition: all 0.5s ease-in-out;
  507. -o-transition: all 0.5s ease-in-out;
  508. }
  509. #tab2box:hover{
  510. height:auto;
  511. width:150px;
  512. padding-left:19px;
  513. transition: all 0.5s ease-out;
  514. -webkit-transition: all 0.5s ease-in-out;
  515. -moz-transition: all 0.5s ease-in-out;
  516. -o-transition: all 0.5s ease-in-out;
  517. }
  518.  
  519. #tab3{
  520. opacity:1;
  521. font-size:8px;
  522. color:{color:text};
  523. text-align:left;
  524. padding:10px;
  525. }
  526. #tab3box{
  527. margin-top:0px;
  528. height:20px;
  529. width:20px;
  530. text-align:left;
  531. overflow:hidden;
  532. text-transform:uppercase;
  533. position:fixed;
  534. letter-spacing:1px;
  535. line-height:10px;
  536. transition: all 0.5s ease-out;
  537. -webkit-transition: all 0.5s ease-in-out;
  538. -moz-transition: all 0.5s ease-in-out;
  539. -o-transition: all 0.5s ease-in-out;
  540. }
  541. #tab3box:hover{
  542. height:auto;
  543. width:150px;
  544. padding-left:19px;
  545. transition: all 0.5s ease-out;
  546. -webkit-transition: all 0.5s ease-in-out;
  547. -moz-transition: all 0.5s ease-in-out;
  548. -o-transition: all 0.5s ease-in-out;
  549. }
  550. #holder{
  551. position:fixed;
  552. font-size:10px;
  553. text-transform:uppercase;
  554. position:fixed;
  555. font-family:'Roboto'sans-serif;
  556. left:10px;
  557. letter-spacing:0px;
  558. z-index:9999999999999999999;
  559. top:50px;
  560. }
  561. #triangle-left1 {
  562. width: 0;
  563. height: 0;
  564. top:200px;
  565. position:fixed;
  566. margin-left:170px;
  567. border-top: 10px solid transparent;
  568. border-left: 20px solid {color:posts};
  569. border-bottom: 10px solid transparent;
  570. z-index:9999;
  571. -ms-transform: rotate(153deg); /* IE 9 */
  572. -webkit-transform: rotate(153deg); /* Chrome, Safari, Opera */
  573. transform: rotate(153deg);
  574. }
  575. #entries {
  576. margin-left:485px;
  577. letter-spacing:0px;
  578. position:absolute;
  579. top:30px;
  580. width:500px;
  581. margin-bottom:50px;
  582. background-color:{color:background};
  583. background-image:url('{image:background}');
  584. }
  585. #post {
  586. font-size:10px;
  587. width:400px;
  588. color:{color:post text};
  589. background-color:{color:posts};
  590. text-align:justify;
  591. padding:20px;
  592. overflow:hidden;
  593. line-height:20px;
  594. margin-bottom:40px;
  595. }
  596. #post img{
  597. max-width:400px;
  598. height:auto;
  599. }
  600. #info {
  601. width:512px;
  602. text-align:left;
  603. font-family: 'Roboto', sans-serif;
  604. text-transform:none;
  605. margin-left:-15px;
  606. font-weight:700;
  607. font-size:9px;
  608. margin-top:40px;
  609. letter-spacing:0px;
  610. overflow:hidden;
  611. margin-bottom:-19px;
  612. font-style:none;
  613. padding:10px;
  614. line-height:10px;
  615. color:{color:text};
  616. }
  617. #info a {
  618. text-align:left;
  619. font-family: 'Roboto', sans-serif;
  620. text-transform:none;
  621. font-size:9px;
  622. font-weight:700;
  623. line-height:2px;
  624. color:{color:text};
  625. }
  626. #info a:hover{
  627. color:{color:hover};
  628. font-weight:700;
  629. }
  630. .right{
  631. float:left;
  632. }
  633. #tags {
  634. text-align:left;
  635. opacity:1;
  636. font-size:8px;
  637. font-family: 'Roboto', sans-serif;
  638. margin-top:1px;
  639. margin-left:-12px;
  640. padding:-5px;
  641. font-weight:300;
  642. margin-bottom:0px;
  643. height:15px;
  644. width:530px;
  645. padding-top:0px;
  646. background:{color:accent};
  647. text-transform:uppercase;
  648. transition-duration: 0.5s;
  649. -moz-transition-duration: 0.5s;
  650. -webkit-transition-duration: 0.5s;
  651. -o-transition-duration: 0.5s;
  652. }
  653. #tags a {
  654. padding:0px;
  655. margin-top:1px;
  656. color:{color:text};
  657. line-height:6px;
  658. letter-spacing:0.5px;
  659. font-weight:700;
  660. margin-left:-12px;
  661. font-size:10px;
  662. font-family: 'Roboto', sans-serif;
  663. text-decoration:underline;
  664. display:inline-block;
  665. }
  666. #tags a:hover {
  667. -moz-transition-duration:0.3s;
  668. -webkit-transition-duration:0.3s;
  669. -o-transition-duration:0.3s;
  670. color:{color:hover};
  671. }
  672. #permalink{
  673. margin-bottom:15px;
  674. text-align:left;
  675. font-size:8px;
  676. margin-left:-5px;
  677. margin-top:-8px;
  678. font-weight:bold;
  679. text-transform:uppercase;
  680. width:590px;
  681. font-family: 'Roboto', sans-serif;
  682. letter-spacing:0px;
  683. line-height:0px;
  684. color:{color:text};
  685. }
  686. #permalink a{
  687. color:{color:text};
  688. font-family: 'Roboto', sans-serif;
  689. font-size:8px;
  690. text-transform:uppercase;
  691. font-weight:700;
  692. padding:3px;
  693. }
  694. #asking {
  695. margin-left:15px;
  696. margin-top:-35px;
  697. }
  698. #askingimage {
  699. }
  700. #askingimage img {
  701. border-radius:100px;
  702. border:1px solid {color:border};
  703. margin-left:15px;
  704. width:40px;
  705. height:40px;
  706. margin-top:10px;
  707. }
  708. #question {
  709. padding:20px;
  710. padding-left:60px;
  711. margin-top:-31px;
  712. margin-left:2px;
  713. color:{color:text};
  714. background-color:{color:question};
  715. }
  716. #asker{
  717. margin-top:-50px;
  718. padding:1px;
  719. margin-left:60px;
  720. font-family: 'Ek Mukta', sans-serif;
  721. text-transform:lowercase;
  722. }
  723. #credit{
  724. position:fixed;
  725. font-size:14px;
  726. font-weight:bold;
  727. padding-bottom:5px;
  728. padding-top:5px;
  729. height:20px;
  730. width:20px;
  731. opacity:1;
  732. padding-left:5px;
  733. padding-right:5px;
  734. margin-left:1320px;
  735. top:645px;
  736. letter-spacing:0px;
  737. line-height:22px;
  738. border-top:1px solid {color:accent};
  739. border-bottom:1px solid {color:accent};
  740. text-align:center;
  741. float:left;
  742. font-family: 'Roboto', sans-serif;
  743. color:{color:text};
  744. text-transform:uppercase;
  745. background-color: rgba(255,255,255, 0.3);
  746. transition-duration: 0.8s;
  747. }
  748. lol {
  749. font-size:11px;
  750. text-align:center;
  751. width:210px;
  752. height:5px;
  753. font-family: 'Calibri';
  754. text-shadow: 1px 1px 3px {color:text shadow};
  755. letter-spacing:1px;
  756. background-color:{color:blockquote};
  757. color:{color:text};
  758. padding:5px;
  759. }
  760.  
  761.  
  762.  
  763.  
  764. {CustomCSS}</style>
  765.  
  766.  
  767.  
  768. </head>
  769. <body>
  770.  
  771. <!---- - BASICS / DONT TOUCH!!! - --->
  772.  
  773. <div id="title">{text:title}</div>
  774. <div id="sb"><img src="{image:sidebar}"></a></div>
  775. <div id="triangle-left1"></div>
  776.  
  777.  
  778.  
  779.  
  780. <div class="topp">
  781.  
  782. <div class="sidebox">
  783.  
  784. <!---- - BASICS / DONT TOUCH!!! - --->
  785.  
  786.  
  787. <!---- - DESCRIPTION / DON'T TOUCH - --->
  788. <div class="box">
  789. <div id="description">{Description}</div>
  790. </div>
  791.  
  792. <!---- - DESCRIPTION / DON'T TOUCH - --->
  793.  
  794.  
  795. </div>
  796.  
  797. <!---- - LINKS / DON'T TOUCH - --->
  798. <div class="links1">
  799. <div id="all">
  800. <a href="/">index</a>
  801. <a href="/ask">ask</a>
  802. <a href="{text:link 1 url}">{text:link 1}</a>
  803. <a href="{text:link 2 url}">{text:link 2}</a>
  804.  
  805. </div>
  806.  
  807.  
  808.  
  809. <!---- - PAGINATION / DONT TOUCH!!! - --->
  810.  
  811. </div>
  812. </div>
  813. <div id="holder">
  814. <div id="tab1box">
  815. <div id="icon"><p><i class="fa fa-circle"></i></div>
  816. <div id="tab1"><div id="tab1title">updates</div>
  817. your text goes here :)
  818.  
  819. </div></div>
  820.  
  821. <div id="tab2box">
  822. <div id="icon"><p><i class="fa fa-circle"></i></div>
  823. <div id="tab2"><div id="tab1title"> updates</div>
  824. your text goes here :)
  825.  
  826. </div></div>
  827.  
  828. <div id="tab3box">
  829. <div id="icon"><p><i class="fa fa-circle"></i></div>
  830. <div id="tab3"><div id="tab1title">updates</div>
  831. your text goes here :)
  832.  
  833. </div></div>
  834.  
  835.  
  836.  
  837.  
  838. </div></div>
  839.  
  840. </div>
  841.  
  842. <div class="pagination"style="{color:title text}">
  843. {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:text};text-shadow: 1px 1px 0px #ddd;font-size:8px">{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}
  844. {/block:Pagination}</div></div>
  845.  
  846. </div>
  847.  
  848.  
  849.  
  850. <!---- - POSTS & ENTRIES / DONT TOUCH!!! - --->
  851.  
  852. <div id="entries">
  853. {block:Posts}
  854. <div id="post"
  855.  
  856. <div id="post">
  857. {block:Date}
  858. <div id="permalink">
  859. <a href="{ReblogURL}" title="reblog"target="_blank" class="details"><i class="fa fa-retweet"></i></a>
  860. {block:RebloggedFrom}
  861. <a href="{ReblogParentURL}" title="reblogged from: {ReblogParentName}"><i class="fa fa-history"></i> </a>
  862. {block:ContentSource}
  863. <a href="{ReblogRootURL}" "{ReblogRootName}" title="source: {ReblogRootName}"><i class="fa fa-copyright"></i></a>
  864. {/block:ContentSource}
  865. {/block:RebloggedFrom}
  866. <a href="{Permalink}"> {DayOfMonth} {ShortMonth} {Year} </a> {NoteCount}
  867. </div>
  868. {/block:Date}
  869.  
  870.  
  871. <!--TEXT POSTS-->
  872.  
  873. {block:Text}
  874. {block:Title}<h1><center>{Title}</center></h1>{/block:Title}
  875. {Body}
  876. {/block:Text}
  877.  
  878. <!---- - END TEXT POSTS / DONT TOUCH!!! - --->
  879.  
  880. <!---- - ANSWER & QUESTION / DONT TOUCH!!! - --->
  881.  
  882. {block:Answer}
  883. <div id="askingimage"><img src="{AskerPortraitURL-48}"/></div>
  884. <div id="asker">{Asker} sent:</div>
  885. <div id="question">{Question}</div>
  886. {Answer}{/block:Answer}
  887.  
  888.  
  889.  
  890. <!---- - QUOTE / DONT TOUCH!!! - --->
  891.  
  892. {block:Quote}
  893.  
  894. {block:Quote}
  895. <h2>{Quote}</h2>
  896. <div align="right">
  897. {block:Source}<h1>-{Source}</h1>{/block:Source}
  898. </div>
  899. {/block:Quote}
  900.  
  901.  
  902.  
  903. <!---- - LINK & CHAT / DONT TOUCH!!! - --->
  904.  
  905. {block:Link}
  906. <h2><center><a href="{URL}">{Name}</center></a></h2>
  907. {block:Description}{Description}{/block:Description}
  908. {/block:Link}
  909.  
  910.  
  911.  
  912. {block:Chat}
  913. {block:Title}<h2>{Title}</h2>{/block:Title}
  914. <ul class="convo">{block:Lines}<li class="line">{block:Label}<span class ="label">{Label}</span>{/block:Label}
  915. {Line}</li>{/block:Lines}</ul>
  916. {/block:Chat}
  917.  
  918.  
  919.  
  920. <!---- - PHOTO / DONT TOUCH!!! - --->
  921.  
  922. {block:Photo}
  923. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}" width="auto">{LinkCloseTag}
  924.  
  925. {block:Caption}{Caption}{/block:Caption}
  926. {/block:Photo}
  927.  
  928.  
  929.  
  930. {block:Photoset}
  931. {Photoset-400}
  932. {block:Caption}{Caption}{/block:Caption}
  933. {/block:Photoset}
  934.  
  935.  
  936.  
  937. {block:Video}
  938. {Video-400}
  939. {block:Caption}{Caption}{/block:Caption}
  940. {/block:Video}
  941.  
  942.  
  943.  
  944. <!---- - AUDIO / DONT TOUCH!!! - --->
  945.  
  946.  
  947. {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>
  948. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  949. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  950. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  951. {/block:Audio}
  952.  
  953.  
  954.  
  955. <!---- - INFO / DONT TOUCH!!! - --->
  956.  
  957. <div id="info">
  958. {block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  959. {block:HasTags}{block:Tags} <i class="fa fa-tags"></i> <a href="{TagURL}">{Tag} </a> {/block:Tags}{/block:HasTags}
  960. </div></div>
  961.  
  962. {/block:Posts}{/block:Posts}</div></div></div>
  963. </div>
  964. </div>
  965.  
  966.  
  967.  
  968. <!---- - CREDIT / DONT TOUCH!!! - --->
  969.  
  970. <div id="credit">
  971. <a href="http://adf.ly/1NFPh1"title="made by im-halsey"><i class="fa fa-diamond"></i></a>
  972.  
  973. </div>
  974. </div>
  975.  
  976.  
  977. </html>
  978. <!---- - 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!