API tools faq
paste
azurethemes

theme 60 / fansite theme #3

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