azurethemes

theme 69

Nov 20th, 2015
934
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.20 KB | None | 0 0
  1. <!----
  2.  
  3. | |
  4. _ __ ___ ___ ___ _ __ ___| |_ __ _ _ __
  5. | '_ ` _ \ / _ \ / _ \| '_ \/ __| __/ _` | '__|
  6. | | | | | | (_) | (_) | | | \__ \ || (_| | |
  7. |_| |_| |_|\___/ \___/|_| |_|___/\__\__,_|_|
  8.  
  9.  
  10. _ _
  11. | | | |
  12. | |_| |__ ___ _ __ ___ ___ ___
  13. | __| '_ \ / _ \ '_ ` _ \ / _ \/ __|
  14. | |_| | | | __/ | | | | | __/\__ \
  15. \__|_| |_|\___|_| |_| |_|\___||___/
  16.  
  17.  
  18.  
  19. theme 69
  20.  
  21. ◜ ◝ ◞ ★ ☾ wolves ☽ ★ ◟ ◠ ◡
  22.  
  23. ᵗʰᶤˢ ᵗʰᵉᵐᵉ ʷᵃˢ ᵐᵃᵈᵉ ᵇʸ ᵐᵒᵒᶰˢᵗᵃʳ ᵗʰᵉᵐᵉˢ / ᶤᵐ⁻ʰᵃˡˢᵉʸ
  24. ᵖˡᵉᵃˢᵉ ʳᵉˢᵖᵉᶜᵗ ᵐʸ ᵗʰᵉᵐᵉ ʳᵘˡᵉˢ ᵃᶰᵈ ᵈᵒᶰᵗ ᵇᵉ ᵃ ᵈᶤᶜᵏ
  25. ᶤ ᵈᵒᶰᵗ ᵉˣᵖᵉᶜᵗ ᵐᵘᶜʰ ᶠʳᵒᵐ ᵘ ᵇᵘᵗ ᵖˡˢ ᵏᵉᵉᵖ ᵗʰᵉ ᶜʳᵉᵈᶤᵗ ᵃᶰᵈ ᵈᵒᶰᵗ ᵇᵉ ᵃ ᵈᶤᶜᵏ
  26. ᵃᶰᵈ ᵈᵒᶰᵗ ˢᵗᵉᵃˡ ᵃᶰʸᵗʰᶤᶰᵍ :⁾
  27.  
  28.  
  29. --->
  30. <!---- - START HTML / DONT TOUCH!!! - --->
  31. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  32. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  33. <script type="text/javascript">
  34. WebFontConfig = {
  35. google: { families: [ 'Roboto:400,700:latin' , 'Roboto::latin' , 'Abel::latin', 'Sarpanch::latin', 'Khand:400,600:latin' , 'Montserrat:400,700:latin' ] }
  36. };
  37. (function() {
  38. var wf = document.createElement('script');
  39. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  40. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  41. wf.type = 'text/javascript';
  42. wf.async = 'true';
  43. var s = document.getElementsByTagName('script')[0];
  44. s.parentNode.insertBefore(wf, s);
  45. })(); </script>
  46. <!---- - START TOOLTIPS SCRIPT / DONT TOUCH!!! - --->
  47. <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>
  48. <script>
  49. (function($){
  50. $(document).ready(function(){
  51. $("a[title]").style_my_tooltips({
  52. tip_follows_cursor:true,
  53. tip_delay_time:90,
  54. tip_fade_speed:600,
  55. attribute:"title"
  56. });
  57. });
  58. })(jQuery);
  59. </script>
  60. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  61. <!---- - END TOOLTIPS SCRIPT / DONT TOUCH!!! - --->
  62. <head>
  63. <title>{Title}</title>
  64. <link rel="shortcut icon" href="{Favicon}">
  65. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  66. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  67. <!---- - START BACKGROUND COLORS / DONT TOUCH!!! - --->
  68. <meta name="color:background" content="#ffffff"/>
  69. <meta name="color:blockquote" content="#eeeeee">
  70. <meta name="color:posts" content="#ffffff">
  71. <meta name="color:question" content="#eeeeee">
  72. <meta name="color:scrollbar background" content="#ffffff">
  73. <!---- - END BACKGROUND COLORS / DONT TOUCH!!! - --->
  74. <!---- - START TEXT COLORS / DONT TOUCH!!! - --->
  75. <meta name="color:text" content="#000000"/>
  76. <meta name="color:post text" content="#000000"/>
  77. <!---- - END TEXT COLORS / DONT TOUCH!!! - --->
  78. <!---- - START OTHER COLORS / DONT TOUCH!!! - --->
  79. <meta name="color:hover" content="#888888">
  80. <meta name="color:border" content="#888888">
  81. <meta name="color:links" content="#000000"/>
  82. <meta name="color:accent" content="#cccccc"/>
  83. <meta name="color:box" content="#ffffff"/>
  84. <meta name="color:scrollbar" content="#000000">
  85. <!---- - END OTHER COLORS / DONT TOUCH!!! - --->
  86. <!---- - START BORDER COLORS / DONT TOUCH!!! - --->
  87. <meta name="color:blockquote border" content="#211927">
  88. <meta name="color:border" content="#000000"/>
  89. <!---- - END BORDER COLORS / DONT TOUCH!!! - --->
  90. <!---- - START IMAGES / DONT TOUCH!!! - --->
  91. <meta name="image:background" content=""/>
  92. <meta name="image:icon" content=""/>
  93. <meta name="image:icon two" content=""/>
  94. <!---- - END IMAGES / DONT TOUCH!!! - --->
  95. <meta name="text:about owner" content="">
  96. <meta name="text:title" content="">
  97. <meta name="text:title two" content="title two">
  98. <meta name="text:tab one title" content="tab 1">
  99. <meta name="text:tab two title" content="tab 2">
  100. <meta name="text:hover one" content="hover 1">
  101. <meta name="text:hover two" content="hover 2">
  102. <meta name="text:hover three" content="hover 3">
  103. <!---- - START LINKS / DONT TOUCH!!! - --->
  104. <meta name="text:link one" content="Link One">
  105. <meta name="text:link two" content="Link two">
  106. <meta name="text:link three" content="Link three">
  107. <meta name="text:link four" content="Link four">
  108. <meta name="text:link five" content="Link five">
  109. <meta name="text:link one url" content="/">
  110. <meta name="text:link two url" content="/">
  111. <meta name="text:link three url" content="/">
  112. <meta name="text:link four url" content="/">
  113. <meta name="text:link five url" content="/">
  114. <!---- - END LINKS / DONT TOUCH!!! - --->
  115.  
  116. <style type="text/css">
  117.  
  118.  
  119. @-webkit-keyframes CH {
  120. 0% {-webkit-transform: scale(.3);}
  121. 50% {-webkit-transform: scale(1.05);}
  122. 70% {-webkit-transform: scale(.9);}
  123. 100% {-webkit-transform: scale(1);}
  124. }
  125. ::-webkit-scrollbar-thumb {
  126. height:auto;
  127. background-color:{color:accent};
  128. }
  129. ::-webkit-scrollbar {
  130. height:2px;
  131. width:5px;
  132. background-color:{color:scrollbar background};
  133. }
  134. #s-m-t-tooltip {
  135. max-width:300px;
  136. margin:7px 0px 0px 7px;
  137. padding:5px;
  138. font-weight:300;
  139. background-color:{color:accent};
  140. font-family: 'Montserrat', sans-serif;
  141. font-size:8px;
  142. text-transform:uppercase;
  143. border-radius:8px 8px 8px 8px;
  144. letter-spacing:1px;
  145. color:{color:posts};
  146. z-index:999999999999999999999999999999999999;
  147. -webkit-animation: CH 600ms;
  148. }
  149. body {
  150. background-color:{color:background};
  151. background-image:url('{image:background}');
  152. background-attachment: fixed;
  153. background-repeat: repeat;
  154. font-weight:none;
  155. font-family: 'arial', sans-serif;
  156. font-size:9px;
  157. text-align:justify;
  158. color:{color:text};
  159. margin:0;
  160. }
  161. a {
  162. text-decoration:none;
  163. color:{color:links};
  164. transition-duration: 0.2s;
  165. -moz-transition-duration: 0.2s;
  166. -webkit-transition-duration: 0.3s;
  167. -o-transition-duration: 0.3s;
  168. }
  169. a:hover {
  170. text-decoration:none;
  171. color:{color:hover};
  172. transition-duration: 0.2s;
  173. -moz-transition-duration: 0.2s;
  174. -webkit-transition-duration: 0.3s;
  175. -o-transition-duration: 0.3s;
  176. }
  177. img {
  178. }
  179. blockquote {
  180. font-size:10px;
  181. max-width:545px;
  182. border-left:1px solid{color:border};
  183. background-color:{color:blockquote};
  184. text-align:left;
  185. padding:0.5px;
  186. font-weight:none;
  187. letter-spacing:0px;
  188. margin-left:3px;
  189. margin-right:0px;
  190. padding-left:8px;
  191. color:{color:post text};
  192. }
  193. pre{
  194. font-size:9px;
  195. text-align:center;
  196. text-transform:none;
  197. font-family: 'Bitter', serif;
  198. font-weight:bold;
  199. line-height:9px;
  200. border-left:1px solid {color:border};
  201. border-bottom:1px solid {color:border};
  202. letter-spacing:2px;
  203. background-color:{color:blockquote};
  204. color:{color:post text};
  205. padding:6px;
  206. }
  207. small{
  208. font-size:8px;
  209. }
  210. big{
  211. font-size:11px;
  212. }
  213. sub{
  214. font-size:7px;
  215. text-align:left;
  216. }
  217. h1 {
  218. font-size:11px;
  219. text-align:center;
  220. font-family: 'roboto', sans-serif;
  221. letter-spacing:0px;
  222. text-transform:uppercase;
  223. font-weight:700;
  224. line-height:17px;
  225. border:1px solid {color:border};
  226. border-left:3px solid {color:border};
  227. background-color:{color:blockquote};
  228. color:{color:post text};
  229. padding:1px;
  230. }
  231. h1 a{
  232. color:{color:post text};
  233. background-color:{color:blockquote};
  234. }
  235. h2{
  236. color:{color:post text};
  237. text-transform:uppercase;
  238. font-family: 'Roboto', sans-serif;
  239. text-shadow: 1px 1px 0px #ddd;
  240. text-align:left;
  241. }
  242. b {
  243. font-weight:bold;
  244. padding:2px;
  245. text-shadow: 1px 1px 1px #cccccc;
  246. font-family: 'Roboto', sans-serif;
  247. color:{color:text};
  248. }
  249. i {
  250. font-weight:italic;
  251. text-shadow: 1px 1px 1px #cccccc;
  252. color:{color:text};
  253. }
  254. m {
  255. font-style:italic;
  256. text-shadow: 1px 1px 1px #cccccc;
  257. color:{color:top text};
  258. }
  259. j {
  260. font-weight:bold;
  261. }
  262. n {
  263. font-weight:bold;
  264. letter-spacing:-1px;
  265. text-shadow: 1px 1px 1px #cccccc;
  266. font-size:12px;
  267. text-transform:uppercase;
  268. color:{color:text};
  269. }
  270. u {
  271. text-decoration:none;
  272. text-shadow: 1px 1px 1px #cccccc;
  273. border-bottom:1px solid {color:text};
  274. }
  275. #description {
  276. overflow:auto;
  277. position:fixed;
  278. text-align:left;
  279. top:120px;
  280. margin-left:542px;
  281. word-wrap: break-word;
  282. font-family: arial;
  283. width:330px;
  284. height:68px;
  285. opacity:1;
  286. line-height:13px;
  287. color:{color:text};
  288. background-color: {color:posts};
  289. padding:10px;
  290. letter-spacing:0px;
  291. text-shadow: 1px 1px 1px #cccccc;
  292. font-size:9px;
  293. z-index:99999999999999999999999;
  294. transition-duration: 0.9s;
  295. -moz-transition-duration:0.9s;
  296. -webkit-transition-duration:0.9s;
  297. -o-transition-duration:0.9s;
  298. }
  299. #description::-webkit-scrollbar{
  300. width: 0px;
  301. }
  302. #description::-webkit-scrollbar-thumb{
  303. background:transparent;
  304. }
  305. #description::-webkit-scrollbar-track{
  306. background-color:transparent;
  307. }
  308. .pagination{
  309. font-family: 'Montserrat', sans-serif;
  310. margin-left:-20px;
  311. width:auto;
  312. font-size:10px;
  313. text-align:center;
  314. }
  315. .pagination a{
  316. padding:3px;
  317. font-family: 'Montserrat', sans-serif;
  318. font-weight:300;
  319. bottom:-10px;
  320. color:{color:text};
  321. }
  322. .pagination a:hover{
  323. color:{color:hover};
  324. -moz-transition-duration:0.5s;
  325. -webkit-transition-duration:0.5s;
  326. -o-transition-duration:0.5s;
  327. transition: all 0.3s ease-out;
  328. }
  329. #titlee{
  330. width:88px;
  331. height:31px;
  332. top:483px;
  333. opacity:1;
  334. position:fixed;
  335. font-family: 'Montserrat', sans-serif;
  336. letter-spacing:2px;
  337. text-align:center;
  338. font-weight:300;
  339. color:{color:text};
  340. background:{color:accent};
  341. text-transform:uppercase;
  342. padding-bottom:10px;
  343. line-height:45px;
  344. font-size:10px;
  345. margin-left:440px;
  346. text-shadow: 1px 1px 1px #cccccc;
  347. border-bottom:1px solid #ddd;
  348. z-index:99999999999999;
  349. }
  350. #title2{
  351. width:300px;
  352. height:20px;
  353. top:60px;
  354. opacity:1;
  355. position:fixed;
  356. font-family: 'Montserrat', sans-serif;
  357. letter-spacing:2px;
  358. text-align:center;
  359. font-weight:300;
  360. color:{color:text};
  361. text-transform:uppercase;
  362. padding-bottom:10px;
  363. line-height:20px;
  364. font-size:13px;
  365. margin-left:520px;
  366. text-shadow: 1px 1px 1px #cccccc;
  367. border-bottom:1px solid #ddd;
  368. z-index:99999999999999;
  369. }
  370. #bbackground{
  371. position:absolute;
  372. opacity:0;
  373. width:570px;
  374. height:420px;
  375. background-color:{color:posts};
  376. top:135px;
  377. margin-left:450px;
  378. outline:1px solid {color:border};
  379. z-index:-9999;
  380. }
  381. #icon {
  382. position:fixed;
  383. width:70px;
  384. margin-top:190px;
  385. padding:10px;
  386. height:70px;
  387. margin-left:180px;
  388. background-color:transparent;
  389. z-index:9999999999999999;
  390. }
  391. #iconimage {
  392. width 70px;
  393. z-index:-99999;
  394. }
  395. #iconimage img {
  396. width:70px;
  397. height:70px;
  398. margin-left:440px;
  399. top:120px;
  400. border:9px solid {color:accent};
  401. position:fixed;
  402. opacity:1;
  403. background:{color:background};
  404. z-index:9999999;
  405. }
  406. #abouticon {
  407. position:fixed;
  408. width:70px;
  409. margin-top:190px;
  410. padding:10px;
  411. height:70px;
  412. margin-left:180px;
  413. background-color:transparent;
  414. z-index:9999999999999999;
  415. }
  416. #abouticonimage {
  417. width 70px;
  418. z-index:-99999;
  419. }
  420. #abouticonimage img {
  421. width:50px;
  422. height:50px;
  423. margin-left:240px;
  424. top:260px;
  425. border:7px solid {color:accent};
  426. position:fixed;
  427. opacity:1;
  428. background:{color:background};
  429. z-index:9999999;
  430. }
  431. #entries {
  432. margin-left:542px;
  433. letter-spacing:0px;
  434. height:300px;
  435. width:350px;
  436. overflow:auto;
  437. margin-top:225px;
  438. }
  439. #post {
  440. font-size:10px;
  441. width:300px;
  442. color:{color:post text};
  443. background-color:{color:posts};
  444. text-shadow: 1px 1px 1px #cccccc;
  445. border-radius:0px 0px 6px 6px;
  446. text-align:justify;
  447. padding:20px;
  448. padding-top:5px;
  449. padding-bottom:0px;
  450. overflow:hidden;
  451. line-height:20px;
  452. margin-bottom:30px;
  453. }
  454. #post img{
  455. max-width:300px;
  456. height:auto;
  457. }
  458. #info {
  459. width:320px;
  460. height:30px;
  461. text-align:left;
  462. font-family: 'Montserrat', sans-serif;
  463. text-transform:none;
  464. margin-left:-20px;
  465. font-size:9px;
  466. margin-top:30px;
  467. overflow:hidden;
  468. font-style:none;
  469. border-radius:0px 0px 6px 6px;
  470. letter-spacing:0px;
  471. padding:10px;
  472. line-height:20px;
  473. background-color:{color:accent};
  474. color:{color:text};
  475. }
  476. #info a {
  477. text-align:center;
  478. font-family: 'Montserrat', sans-serif;
  479. letter-spacing:0px;
  480. line-height:3px;
  481. color:{color:text};
  482. }
  483. #info a:hover{
  484. color:{color:hover};
  485. }
  486. .right{
  487. float:center;
  488. }
  489. #notes {
  490. text-align:left;
  491. opacity:1;
  492. font-size:9px;
  493. font-family:'Roboto', sans-serif;
  494. margin-top:-6px;
  495. margin-left:-5px;
  496. padding:5px;
  497. font-weight:none;
  498. margin-bottom:-2px;
  499. height:15px;
  500. width:400px;
  501. padding-top:0px;
  502. text-transform:lowercase;
  503. transition-duration: 0.5s;
  504. -moz-transition-duration: 0.5s;
  505. -webkit-transition-duration: 0.5s;
  506. -o-transition-duration: 0.5s;
  507. }
  508. #asking {
  509. margin-left:20px;
  510. margin-top:-35px;
  511. }
  512. #askingimage {
  513. }
  514. #askingimage img {
  515. margin-left:260px;
  516. width:43px;
  517. height:43px;
  518. border-radius:4px 4px 4px 4px;
  519. margin-top:20px;
  520. }
  521. #question {
  522. padding:20px;
  523. padding-left:14px;
  524. margin-top:-25px;
  525. margin-left:0px;
  526. width:210px;
  527. border-radius:2px 2px 2px 2px;
  528. color:{color:text};
  529. background-color:{color:accent};
  530. }
  531. #asker{
  532. margin-top:-66px;
  533. padding:1px;
  534. font-weight:300;
  535. font-size:11px;
  536. z-index:9999999999;
  537. color:{color:text};
  538. opacity:1;
  539. margin-left:14px;
  540. letter-spacing:0px;
  541. font-family: 'roboto', sans-serif;
  542. text-transform:lowercase;
  543. }
  544. #credit{
  545. position:fixed;
  546. font-size:14px;
  547. font-weight:bold;
  548. padding-bottom:5px;
  549. padding-top:5px;
  550. height:20px;
  551. width:20px;
  552. opacity:1;
  553. padding-left:5px;
  554. padding-right:5px;
  555. margin-left:1325px;
  556. top:645px;
  557. letter-spacing:0px;
  558. line-height:22px;
  559. border-top:1px solid {color:accent};
  560. border-bottom:1px solid {color:accent};
  561. text-align:center;
  562. float:left;
  563. font-family: 'Roboto', sans-serif;
  564. color:{color:text};
  565. text-transform:uppercase;
  566. background-color: rgba(255,255,255, 0.3);
  567. transition-duration: 0.8s;
  568. }
  569. .lol {
  570. font-size:10px;
  571. text-align:left;
  572. width:78px;
  573. height:20px;
  574. line-height:21px;
  575. text-transform:uppercase;
  576. font-family: 'Montserrat', sans-serif;
  577. letter-spacing:3px;
  578. text-shadow: 1px 1px 1px #cccccc;
  579. margin-bottom:4px;
  580. background:{color:accent};
  581. color:{color:text};
  582. padding:5px;
  583. }
  584. .triangle {
  585. align:right;
  586. margin:7px 0px 10px 0px;
  587. padding:10px;
  588. position: relative;
  589. }
  590. .triangle t1{
  591. display:block;
  592. position:absolute;
  593. width:1px;
  594. height:1px
  595. font-size:0;
  596. margin-left:5px;
  597. top:-19px;z-index:9999999;
  598. border-right:7px solid transparent;
  599. border-left:7px solid transparent;
  600. border-top:10px solid transparent;
  601. -ms-transform: rotate(92deg); /* IE 9 */
  602. -webkit-transform: rotate(92deg); /* Chrome, Safari, Opera */
  603. transform: rotate(92deg);
  604. }
  605. .triangle t2 {
  606. display:block;
  607. position:absolute;
  608. width:0px;
  609. height:1px
  610. font-size:0;
  611. margin-left:192px;
  612. top:-20px;
  613. border-right:9px solid transparent;
  614. border-left:9px solid transparent;
  615. border-top:10px solid {color:accent};
  616. -ms-transform: rotate(90deg); /* IE 9 */
  617. -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  618. transform: rotate(270deg);
  619. }
  620. .tabs {
  621. width:67px;
  622. height:30px;
  623. color:#fff;
  624. position:fixed;
  625. display:inline-block;
  626. top:215px;
  627. z-index:999999999999;
  628. margin-left:942px;
  629. }
  630. /*----- Tab Links -----*/
  631.  
  632. /* Clearfix */
  633. .tab-links:after {
  634. display:block;
  635. clear:both;
  636. content:'';
  637. }
  638. .tab-links li {
  639. margin-right:-3px;
  640. display:inline-block;
  641. list-style:none;
  642. text-transform:uppercase;
  643. }
  644. .tab-links a {
  645. width:80px;
  646. height:20px;
  647. margin-bottom:4px;
  648. text-align:center;
  649. text-transform:uppercase;
  650. padding:4px;
  651. line-height:21px;
  652. color:{color:text};
  653. font-style:none;
  654. text-shadow: 1px 1px 1px #cccccc;
  655. background:{color:posts};
  656. z-index:99999;
  657. font-weight:300;
  658. font-family: 'Montserrat', sans-serif;
  659. letter-spacing:1px;
  660. font-size:9px;
  661. display:inline-block;
  662. -webkit-transition: all 0.7s ease-in-out 0s;
  663. -moz-transition: all 0.7s ease-in-out 0s;
  664. -o-transition: all 0.7s ease-in-out 0s;
  665. -ms-transition: all 0.7s ease-in-out 0s;
  666. transition: all 0.7s ease-in-out 0s;
  667. }
  668. .tab-links a:hover {
  669. color:{color:posts};
  670. background:{color:accent};
  671. }
  672. li.active a, li.active a:hover {
  673. -webkit-transition: all 0.7s ease-in-out 0s;
  674. -moz-transition: all 0.7s ease-in-out 0s;
  675. -o-transition: all 0.7s ease-in-out 0s;
  676. -ms-transition: all 0.7s ease-in-out 0s;
  677. transition: all 0.7s ease-in-out 0s;
  678. }
  679. /*----- -----*/
  680. .tab-content {
  681. }
  682. .tab {
  683. display:none;
  684. }
  685. .tab.active {
  686. display:block;
  687. }
  688. #tab-links-bar{
  689. display:inline-block;
  690. text-align:center;
  691. position:fixed;
  692. z-index:999999;
  693. margin-top:3px;
  694. margin-left:-542px;
  695. }
  696. .tabcontent {
  697. position:static;
  698. margin-left:-400px;
  699. margin-top:10px;
  700. padding:4px;
  701. width:342px;
  702. height:300px;
  703. text-transform:none;
  704. font-size:9px;
  705. line-height:11px;
  706. color:{color:text};
  707. background:{color:posts};
  708. z-index:999999999;
  709. overflow:auto;
  710. text-align:justify;
  711. }
  712. #title1 {
  713. height:3px;
  714. position:fixed;
  715. padding:20px;;
  716. line-height:5px;
  717. top:255px;
  718. width:200px;
  719. font-weight:300;
  720. color:{color:text};
  721. margin-left:10px;
  722. font-size:12px;
  723. font-family: 'Montserrat', sans-serif;
  724. text-align:left;
  725. text-transform:uppercase;
  726. overflow:hidden;
  727. letter-spacing:1px;
  728. z-index:999;
  729. opacity:1;
  730. }
  731. #tabdescription {
  732. overflow:auto;
  733. position:fixed;
  734. text-align:center;
  735. top:300px;
  736. margin-left:10px;
  737. word-wrap: break-word;
  738. font-family: arial;
  739. width:200px;
  740. height:auto;
  741. opacity:1;
  742. line-height:10px;
  743. color:{color:text};
  744. padding:10px;
  745. letter-spacing:0px;
  746. font-size:9px;
  747. z-index:99999999999999999999999;
  748. transition-duration: 0.9s;
  749. -moz-transition-duration:0.9s;
  750. -webkit-transition-duration:0.9s;
  751. -o-transition-duration:0.9s;
  752. }
  753. #muses {
  754. overflow:auto;
  755. position:absolute;
  756. text-align:center;
  757. margin-top:15px;
  758. margin-left:15px;
  759. text-transform:none;
  760. font-style:normal;
  761. font-family: 'Roboto', sans-serif;
  762. width:305px;
  763. height:240px;
  764. opacity:1;
  765. line-height:14px;
  766. font-weight:none;
  767. color:{color:text};
  768. background:{color:description background};
  769. padding:3px;
  770. letter-spacing:7px;
  771. font-size:10px;
  772. z-index:99;
  773. transition-duration: 0.9s;
  774. -moz-transition-duration:0.9s;
  775. -webkit-transition-duration:0.9s;
  776. -o-transition-duration:0.9s;
  777. }
  778. #muses img{
  779. border:1px solid #ddd;
  780. padding:8px;
  781. width:64px;
  782. height:64px;
  783. z-index:999;
  784. }
  785. {CustomCSS}</style>
  786. </head>
  787. <body>
  788. <!---- - BASICS / DONT TOUCH!!! - --->
  789. <div id="sidebar">
  790. <div id="bbackground"></div>
  791. <div id="description">{description}</div>
  792. <div id="iconimage"><a href="/"title="{title}"><img src="{image:icon}"></a></div>
  793. <div id="title2">{text:title}</div>
  794. <div id="titlee">{text:title two}</div>
  795. </div>
  796. <div id="tab-links-bar">
  797. <div class="tabs">
  798. <ul class="tab-links">
  799. <li class="active"<>
  800. <div class="lol">links</div>
  801. <a href="/"title= "refresh">home</a></li>
  802. <a href="/ask"title= "ask">message</a></li>
  803. <li><a href="#tab2"title= "{text:tab one title}">{text:link one}</a></li>
  804. <li><a href="#tab3"title= "{text:tab two title}">{text:link two}</a></li>
  805. <li><a href="{text:link three url}"title= "{text:hover one}">{text:link three}</a></li>
  806. <li><a href="{text:link four url}"title= "{text:hover two}">{text:link four}</a></li>
  807. <li><a href="{text:link five url}"title= "{text:hover three}">{text:link five}</a></li>
  808.  
  809. </ul>
  810. </div>
  811. </div>
  812. <div class="tabs">
  813.  
  814. <div id="tab2" class="tab">
  815. <div class="tabcontent">
  816. <br><p style="text-align:center;"><b><big><big><big></big></big></big></b></p>
  817. <br></br>
  818. <p><div id="title1"style="text-align:center;">About blogger</div></p>
  819. <div id="tabdescription">{text:about owner}</div>
  820. <div id="abouticonimage" title= "Icon text here"><img src="{image:icon two}"></a></div>
  821. </div>
  822. </div>
  823. <div id="tab3" class="tab">
  824. <div class="tabcontent">
  825. </br>
  826. <div id="muses">
  827. <a href="/" title="name"><img src="http://s1.favim.com/orig/150825/icon-icons-justin-bieber-Favim.com-3178260.jpg"></a>
  828. <a href="/" title="name"><img src="http://s1.favim.com/orig/150825/icon-icons-justin-bieber-Favim.com-3178260.jpg"></a>
  829. <a href="/" title="name"><img src="http://s1.favim.com/orig/150825/icon-icons-justin-bieber-Favim.com-3178260.jpg"></a>
  830. <a href="/" title="name"><img src="http://s1.favim.com/orig/150825/icon-icons-justin-bieber-Favim.com-3178260.jpg"></a>
  831. <a href="/" title="name"><img src="http://s1.favim.com/orig/150825/icon-icons-justin-bieber-Favim.com-3178260.jpg"></a>
  832. <a href="/" title="name"><img src="http://s1.favim.com/orig/150825/icon-icons-justin-bieber-Favim.com-3178260.jpg"></a>
  833. <a href="/" title="name"><img src="http://s1.favim.com/orig/150825/icon-icons-justin-bieber-Favim.com-3178260.jpg"></a>
  834. <a href="/" title="name"><img src="http://s1.favim.com/orig/150825/icon-icons-justin-bieber-Favim.com-3178260.jpg"></a>
  835. <a href="/" title="name"><img src="http://s1.favim.com/orig/150825/icon-icons-justin-bieber-Favim.com-3178260.jpg"></a>
  836. <a href="/" title="name"><img src="http://s1.favim.com/orig/150825/icon-icons-justin-bieber-Favim.com-3178260.jpg"></a>
  837. </div></div>
  838. </div>
  839. </div>
  840. </div>
  841. </div>
  842. </div>
  843. <!---- - POSTS & ENTRIES / DONT TOUCH!!! - --->
  844. <div id="entries">
  845. {block:Posts}
  846. <div id="post"
  847. <div id="post">
  848. <!--TEXT POSTS-->
  849. {block:Text}
  850. {block:Title}<h1><center>{Title}</center></h1>{/block:Title}
  851. {Body}
  852. {/block:Text}
  853. <!---- - ANSWER & QUESTION POSTS / DONT TOUCH!!! - --->
  854. {block:Answer}
  855. <div id="askingimage"><img src="{AskerPortraitURL-48}"/></div>
  856. <div class="triangle" style="background:transparent;margin-top:-11px; margin-left:35px;"><t2></t2><t1></t1></div>
  857. <div id="asker"><j>{Asker}</j> asked:</div>
  858. <div id="question">{Question}</div>
  859. {Answer}{/block:Answer}
  860. <!---- - QUOTE POSTS / DONT TOUCH!!! - --->
  861. {block:Quote}
  862. {block:Quote}
  863. <h2>{Quote}</h2>
  864. <div align="right">
  865. {block:Source}<h1>-{Source}</h1>{/block:Source}
  866. </div>
  867. {/block:Quote}
  868. <!---- - LINK POSTS/ DONT TOUCH!!! - --->
  869. {block:Link}
  870. <h2><center><a href="{URL}">{Name}</center></a></h2>
  871. {block:Description}{Description}{/block:Description}
  872. {/block:Link}
  873. <!---- - CHAT POSTS / DONT TOUCH!!! - --->
  874. {block:Chat}
  875. {block:Title}<h2>{Title}</h2>{/block:Title}
  876. <ul class="convo">{block:Lines}<li class="line">{block:Label}<span class ="label">{Label}</span>{/block:Label}
  877. {Line}</li>{/block:Lines}</ul>
  878. {/block:Chat}
  879. <!---- - PHOTO POSTS/ DONT TOUCH!!! - --->
  880. {block:Photo}
  881. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}" width="auto">{LinkCloseTag}
  882. {block:Caption}{Caption}{/block:Caption}
  883. {/block:Photo}
  884. <!---- - PHOTOSET POSTS / DONT TOUCH!!! - --->
  885. {block:Photoset}
  886. {Photoset-400}
  887. {block:Caption}{Caption}{/block:Caption}
  888. {/block:Photoset}
  889. <!---- - VIDEO POSTS / DONT TOUCH!!! - --->
  890. {block:Video}
  891. {Video-400}
  892. {block:Caption}{Caption}{/block:Caption}
  893. {/block:Video}
  894. <!---- - AUDIO POSTS / DONT TOUCH!!! - --->
  895. {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>
  896. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  897. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  898. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  899. {/block:Audio}
  900. <!---- - INFO / DONT TOUCH!!! - --->
  901. <div id="info">
  902. <div id="permalink">
  903. <a href="{Permalink}"><u>{DayOfMonth} {ShortMonth} {ShortYear}</u>
  904. <font style="float:right">
  905. {block:RebloggedFrom}
  906. {block:ContentSource}
  907. <a href="{ReblogParentURL}" title="reblogged from: {ReblogParentName}"><i class="fa fa-history"></i></a> / <a href="{SourceURL}"title="Source"><i class="fa fa-copyright"></i></a>
  908. {/block:ContentSource}
  909. {/block:RebloggedFrom}
  910. </font style>
  911. <div id="notes">{NoteCountWithLabel}</a>
  912. </a></div></div>
  913. </div>
  914. </div>
  915. {block:PostNotes} {PostNotes} {/block:PostNotes}
  916.  
  917. {/block:Posts}
  918.  
  919. {block:Pagination}
  920. <div class="pagination"style="{color:title text}">
  921. {block:PreviousPage}<a href="{PreviousPage}"title="previous page">BACK</a>{/block:PreviousPage}{block:JumpPagination length="4"}{block:CurrentPage}<span class="current_page"style="color:{color:text};background:{color:accent};padding:4px">{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}
  922. {/block:Pagination}</div>
  923. </div>
  924. <!---- - END INFO / DONT TOUCH!!! - --->
  925. <!---- - START CREDIT / DONT TOUCH!!! - --->
  926. <div id="credit">
  927. <a href="http://adf.ly/1NFPh1"title="im-halsey themes"><i class="fa fa-moon-o"></i></a>
  928. </div>
  929. </div>
  930. <!---- - END CREDIT / DONT TOUCH!!! - --->
  931. </html>
  932. </body>
  933. <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" /></a>
  934. <script>
  935. $(document).ready(function() {
  936. $('.tabs .tab-links a').on('click', function(e) {
  937. var currentAttrValue = $(this).attr('href');
  938.  
  939. // Show/Hide Tabs
  940. $('.tabs ' + currentAttrValue).fadeIn(000).siblings().hide();
  941.  
  942. // Change/remove current tab to active
  943. $(this).parent('li').addClass('active').siblings().removeClass('active');
  944.  
  945. e.preventDefault();
  946. });
  947. });
  948. </script>
  949.  
  950. <script>
  951. $(document).ready(function() {
  952. $('#filterOptions li a').click(function() {
  953. // fetch the class of the clicked item
  954. var ourClass = $(this).attr('class');
  955.  
  956. // reset the active class on all the buttons
  957. $('#filterOptions li').removeClass('active');
  958. // update the active state on our clicked button
  959. $(this).parent().addClass('active');
  960.  
  961. if(ourClass == 'all') {
  962. // show all our items
  963. $('#ourHolder').children('div.item').show();
  964. }
  965. else {
  966. // hide all elements that don't share ourClass
  967. $('#ourHolder').children('div:not(.' + ourClass + ')').hide();
  968. // show all elements that do share ourClass
  969. $('#ourHolder').children('div.' + ourClass).show();
  970. }
  971. return false;
  972. });
  973. });
  974. </script>
  975. <!---- - END HTML / DONT TOUCH!!! - --->
Advertisement
Add Comment
Please, Sign In to add comment