API tools faq
paste
azurethemes

theme 58

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