API tools faq
paste
Advertisement
azurethemes

theme 56: the judge

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