API tools faq
paste
azurethemes

theme 55: drag me down

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