songbirdinatrench

deanlirium THEME #9 - prism

Jul 17th, 2014
2,825
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.02 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!----
  9.  
  10. ▣▣▣
  11. THEME #9 PRISM BY DEANLIRIUM
  12. ▣▣▣
  13. PLEASE like and/or reblog the theme post if you use! Edit as you want but YOU MUST leave the credit. Seriously though if you need a base code just google it!
  14. if you need anything please ask me OFF ANON so that I can reply privately! :)
  15.  
  16. Base code by llermans © tumblr.com
  17.  
  18. --->
  19.  
  20. <meta name="if:Updates tab" content="1">
  21. <meta name="if:Cursor" content="1">
  22. <meta name="if:500 px posts" content="0">
  23. <meta name="color:Background" content="#ffffff">
  24. <meta name="color:Post links" content="#cab1da">
  25. <meta name="color:Post links hover" content="#224159"/>
  26. <meta name="color:Post info" content="#f8f9ff"/>
  27. <meta name="color:Text" content="#8e989d">
  28. <meta name="color:1" content="#866ca8"/>
  29. <meta name="color:2" content="#9d9fc4"/>
  30. <meta name="color:3" content="#bad8eb"/>
  31. <meta name="color:Border" content="#cdd7dc"/>
  32. <meta name="image:Sidebar" content="http://static.tumblr.com/15fadb8f5e9357197a1d657c4bb285fe/t0g3sds/yNEn7ydwa/tumblr_static_34zpi414kvc480kkow4k0g4ow.jpg"/>
  33. <meta name="image:Background image" content=""/>
  34. <meta name="text:tab 1" content=""/>
  35. <meta name="text:tab 2" content=""/>
  36. <meta name="text:tab 3" content=""/>
  37. <meta name="text:tab 4" content=""/>
  38. <meta name="text:link 1" content="link 1"/>
  39. <meta name="text:link 1 url" content="/"/>
  40. <meta name="text:link 2" content="link 2"/>
  41. <meta name="text:link 2 url" content="/"/>
  42. <meta name="text:link 3" content="link 3"/>
  43. <meta name="text:link 3 url" content="/"/>
  44. <meta name="text:link 4" content="link 4"/>
  45. <meta name="text:link 4 url" content="/"/>
  46. <meta name="text:link 5" content="link 5"/>
  47. <meta name="text:link 5 url" content="/"/>
  48. <meta name="text:link 6" content="link 6"/>
  49. <meta name="text:link 6 url" content="/"/>
  50. <meta name="text:link 7" content="link 7"/>
  51. <meta name="text:link 7 url" content="/"/>
  52.  
  53. <link href='http://fonts.googleapis.com/css?family=BenchNine:300,400,700|Julius+Sans+One' rel='stylesheet' type='text/css'>
  54.  
  55. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  56. <script>
  57. $(document).ready(function(){
  58.  
  59. $(".linki").hide();
  60. $(".show_hide1").show();
  61.  
  62. $('.show_hide1').toggle(function(){
  63. $(".linki").slideDown();
  64. },function(){
  65. $(".linki").slideUp();
  66. });
  67. });
  68. </script>
  69. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  70. <script>
  71. (function($){
  72. $(document).ready(function(){
  73. $("[title]").style_my_tooltips({
  74. tip_follows_cursor:true,
  75. tip_delay_time:100,
  76. tip_fade_speed:50
  77. }
  78. );
  79. });
  80. })(jQuery);
  81. </script>
  82.  
  83. <!--- CSS --->
  84.  
  85. <style type="text/css">
  86. /*--scrollbar--*/
  87.  
  88. ::-webkit-scrollbar-thumb:vertical {height:12px; background-color:{color:2}; width:3px;}
  89. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:Background};}
  90. ::-webkit-scrollbar {background-color:{color:2};height:2px;width:3px;border:5px solid {color:Background};}
  91.  
  92. ::selection {
  93. color: {color:3};}
  94. ::-moz-selection {
  95. color: {color:3};}
  96. ::-webkit-selection {
  97. color: {color:3};}
  98.  
  99. html, body, h1, h2, h3, h4, h5, h6, p, ol, blockquote {margin:0; padding:0; list-style:none;}
  100.  
  101. body {font: 9px helvetica; line-height:15px;
  102. font-style:none;
  103. background-color:{color:Background};
  104. background-image:url('{image:Background image}');
  105. background-attachment:fixed;
  106. margin-top:0px;
  107. font-family:calibri;
  108. margin-bottom:0px;
  109. color:{color:Text};
  110. -webkit-backface-visibility: hidden;
  111. -o-backface-visibility: hidden;}
  112.  
  113. a {color: {color:Post links};
  114. -moz-transition-duration:0.6s;
  115. -webkit-transition-duration:0.6s;
  116. -o-transition-duration:0.6s;}
  117. a:hover {color: {color:Post links hover};
  118. -moz-transition-duration:0.6s;
  119. -webkit-transition-duration:0.6s;
  120. -o-transition-duration:0.6s;}
  121. a {text-decoration:none;}
  122.  
  123. p {margin-bottom:5px;}
  124.  
  125. strong, b {color:{color:2};}
  126. i, em {color:{color:text}}
  127. small {font-size:8px;}
  128. big {font-size:12px;}
  129. ul {list-style:square;text-align:justify;}
  130. img {display:block;}
  131.  
  132. blockquote {
  133. padding-left:5px;
  134. margin-left:7px;
  135. width:95%;
  136. margin-bottom:5px;
  137. border-left:1px solid {color:Border};}
  138. blockquote blockquote {
  139. margin-left:7px;
  140. max-width:95%;
  141. border-left:1px solid {color:Border};}
  142.  
  143. pre {
  144. background-color:{color:Post info};
  145. padding:5px;
  146. white-space: pre-wrap;
  147. white-space: -moz-pre-wrap;
  148. white-space: -pre-wrap
  149. white-space: -o-pre-wrap;
  150. word-wrap: break-word;}
  151.  
  152. h1 {
  153. font-size:20px;
  154. letter-spacing:2px;
  155. font-family:'BenchNine';
  156. margin-bottom:10px;
  157. margin-left:20px;
  158. font-style:none;
  159. line-height:10px;
  160. text-align:center;}
  161.  
  162. h2 { font-family:'BenchNine';
  163. font-size:15px;
  164. text-align:center;}
  165.  
  166. blockquote p {display:block!important;}
  167.  
  168. blockquote img {max-width:100%!important;}
  169.  
  170. /* content */
  171. .content {left:50%; margin-left:-150px; position:absolute;}
  172.  
  173. /* sidebar */
  174. #sidebar {margin-left: -280px; top: 1px; line-height:15px; width: 200px; position: fixed; margin-bottom: 15px; text-align: center; margin-top:100px;-webkit-backface-visibility: hidden;
  175. -webkit-touch-callout: none;
  176. -webkit-user-select: none;
  177. -khtml-user-select: none;
  178. -moz-user-select: none;
  179. -ms-user-select: none;
  180. user-select: none;}
  181. #sidebar h1 a {color: {color:text}; text-decoration: none;}
  182. #sidebar h1 a:hover {color: {color:text}; text-decoration: none;}
  183.  
  184. #sidebar img {width:120px; opacity:1;
  185. -webkit-transition: all 0.5s ease-out;
  186. -moz-transition: all 0.5s ease-out;
  187. transition: all 0.5s ease-out;}
  188.  
  189. #backk{
  190. background:url('{image:Sidebar}');
  191. background-size:160px;
  192. margin-top:0px;
  193. background-origin:content-box;
  194. background-clip:border-box;
  195. }
  196.  
  197. #d1 {
  198. width: 0;
  199. height: 0;
  200. border: 80px solid {color:background};
  201. border-bottom-color: transparent;
  202. margin-top:0px;
  203. z-index: 2147483;
  204. position: fixed;
  205. background:url('{image:Sidebar}');
  206. background-size:160px;
  207. background-position:-80px 0px;
  208. background-clip:border-box;}
  209. #d1:after {
  210. content: '';
  211. position: absolute;
  212. margin-left: -80px;
  213. margin-top:80px;
  214. width: 0;
  215. height: 0;
  216. z-index: 2147483;
  217. border: 80px solid {color:background};
  218. border-top-color: transparent;
  219. background:url('{image:Sidebar}');
  220. background-size:160px;
  221. background-position:-80px 0px;
  222. background-clip:border-box;
  223. -webkit-transition: all 0.5s ease-out;
  224. -moz-transition: all 0.5s ease-out;
  225. transition: all 0.5s ease-out;
  226. }
  227.  
  228. #sidebar:hover #d1:after{
  229. margin-top:100px;}
  230.  
  231.  
  232. #description {position:fixed; width:140px; padding-left:10px; padding-right:10px; text-align:justify; z-index: 214748364; opacity:0.8;
  233. font-size:10px; letter-spacing:1px;
  234. margin-top:310px;}
  235.  
  236. #links {position:fixed; margin-left:0px; width:160px; margin-top:280px; z-index:200000000;}
  237. #links a {padding:5px; width:20px; height:12px; display:inline-block; margin:6px; font-size:11px; text-transform:uppercase; letter-spacing:1px;
  238. font-family:'BenchNine'; color:{color:1};
  239. -moz-transition-duration:0.6s;
  240. -webkit-transition-duration:0.6s;
  241. -o-transition-duration:0.6s;}
  242.  
  243. #title {
  244. position:fixed;
  245. margin-top:160px;
  246. line-height:20px;
  247. width:360px;
  248. margin-left:-100px;
  249. text-align:center;
  250. opacity:0;
  251. font-size:14px;
  252. z-index:-1;
  253. font-family:'BenchNine';
  254. -webkit-transition: all 0.8s ease-out;
  255. -moz-transition: all 0.8s ease-out;
  256. transition: all 0.8s ease-out;}
  257.  
  258. #sidebar:hover #title{
  259. opacity:1;
  260. letter-spacing:5px;
  261. transition-delay:0.6s;
  262. -webkit-transition-delay:0.6s;}
  263.  
  264. /* pagination */
  265. #pagination {
  266. position:fixed;
  267. z-index:20000000000;
  268. margin-top:280px;
  269. -webkit-transition: all 0.8s ease-out;
  270. -moz-transition: all 0.8s ease-out;
  271. transition: all 0.8s ease-out;}
  272. #pagination a{
  273. width:10px;
  274. font-size:10px;
  275. padding:10px;
  276. display:inline-block;
  277. height:10px;}
  278. #pagi1 a{
  279. position:fixed;
  280. margin-left:-8px;}
  281. #pagi2 a{
  282. position:fixed;
  283. margin-left:140px;}
  284. #entries {
  285. position:absolute;
  286. width:500px;
  287. margin-top:55px;
  288. font-size:10px;
  289. font-family:'arial';
  290. letter-spacing:0px;
  291. {block:if500pxposts}
  292. width:600px;
  293. {/block:if500pxposts}
  294. -webkit-backface-visibility: hidden;
  295. }
  296.  
  297. .post {
  298. width:400px;
  299. display:block;
  300. padding-bottom:80px;
  301. text-align:justify;
  302. z-index:10000;
  303. line-height:13px;
  304. padding-right:0px;
  305. opacity:0.9;
  306. margin-top:20px;
  307. {block:if500pxposts}
  308. width:500px;
  309. {/block:if500pxposts}
  310. -webkit-backface-visibility: hidden;
  311. }
  312.  
  313. .post img{
  314. max-width:100%;
  315. padding-right:0px;
  316. -webkit-filter: brightness(110%);
  317. -moz-filter: brightness(110%);
  318. -moz-transition-duration:0.6s;
  319. -webkit-transition-duration:0.6s;
  320. -o-transition-duration:0.6s;}
  321.  
  322. .caption blockquote {padding-left: 20px;}
  323.  
  324. /*POST INFO*/
  325.  
  326. .buttons{
  327. display:block;
  328. width:10px;
  329. opacity:0;
  330. position:absolute;
  331. padding-left:50px;
  332. text-align:center;
  333. height:50px;
  334. opacity:0;
  335. margin-left:350px;
  336. {block:if500pxposts}margin-left:500px;{/block:if500pxposts}
  337. line-height:6px;
  338. -moz-transition-duration:0.6s;
  339. -webkit-transition-duration:0.6s;
  340. -o-transition-duration:0.6s;}
  341. .post:hover .buttons{
  342. opacity:0.5;margin-left:380px;
  343. {block:if500pxposts}margin-left:520px;{/block:if500pxposts}
  344. -moz-transition-duration:0.6s;
  345. -webkit-transition-duration:0.6s;
  346. -o-transition-duration:0.6s;}
  347.  
  348. .info {
  349. width:400px;
  350. text-align:center;
  351. font-family:'trebuchet ms';
  352. margin-top:5px;
  353. letter-spacing:2px;
  354. font-size:7px;
  355. font-style:none;
  356. line-height:10px;
  357. min-height:10px;
  358. text-transform:uppercase;
  359. {block:if500pxposts}
  360. width:500px;
  361. {/block:if500pxposts}}
  362.  
  363. .info a {
  364. text-align:center;
  365. color:{color:Post links};}
  366.  
  367. .info a:hover {
  368. -moz-transition-duration:0.3s;
  369. -webkit-transition-duration:0.3s;
  370. -o-transition-duration:0.3s;
  371. color:{color:Post links hover}}
  372.  
  373. .tags {
  374. width:300px;
  375. margin-left:100px;
  376. text-align:right;
  377. letter-spacing:1px;
  378. font-size:8px;
  379. padding-top:4px;
  380. z-index:-2;
  381. line-height:7px;
  382. {block:if500pxposts}
  383. width:400px;
  384. {/block:if500pxposts}
  385. max-height:500px;
  386. -webkit-backface-visibility: hidden;
  387. transition-duration: 0.5s;
  388. -moz-transition-duration: 0.5s;
  389. -webkit-transition-duration: 0.5s;
  390. -o-transition-duration: 0.5s;}
  391.  
  392. .tags a {
  393. letter-spacing:1px;
  394. font-size:8px;
  395. text-align:right;
  396. font-family:'CALIBRI';
  397. text-decoration:none;
  398. display:inline;
  399. margin-left:3px;
  400. color:{color:Post links};
  401. -moz-transition-duration:0.3s;
  402. -webkit-transition-duration:0.3s;
  403. -o-transition-duration:0.3s;}
  404.  
  405. .tags a:hover {
  406. -moz-transition-duration:0.3s;
  407. -webkit-transition-duration:0.3s;
  408. -o-transition-duration:0.3s;
  409. color:{color:Post links hover};}
  410.  
  411. .caption{padding-top:13px;padding-left:10px;padding-bottom:5px;margin-top:5px;text-align:left;font-size:10px;font-style:italic;padding-right:10px;}
  412.  
  413. /*--asks--*/
  414.  
  415. .asker img{
  416. width:28px;
  417. height:28px;
  418. display:block;
  419. border:solid 6px {color:1};
  420. position:absolute;
  421. z-index:5000000;
  422. margin:0px 7px;
  423. -moz-transition-duration:0.6s;
  424. -webkit-transition-duration:0.6s;
  425. -o-transition-duration:0.6s;
  426. -webkit-filter: brightness(100%);
  427. -moz-filter: brightness(100%);}
  428.  
  429. .askurl {
  430. position:absolute;
  431. font-family:cambria;
  432. font-style:italic;
  433. height:15px;
  434. margin-top:12px;
  435. margin-left:10px;
  436. padding-right:5px;
  437. padding-left:40px;
  438. z-index:100000;
  439. background-color:{color:1};
  440. color:{color:Background};}
  441. .askurl a {
  442. font-family:cambria;
  443. font-style:italic;
  444. letter-spacing:1px;
  445. font-size:11px;
  446. color:{color:Background};}
  447. .ask {
  448. overflow:hidden;
  449. font-size:8px;
  450. letter-spacing:2px;
  451. font-style:none;
  452. line-height:8px;
  453. margin-left:52px;
  454. width:308px;
  455. z-index:-1;
  456. padding:15px;
  457. padding-top:35px;
  458. margin-bottom:10px;
  459. background-color:{color:Background};
  460. {block:if500pxposts}
  461. width:408px;
  462. {/block:if500pxposts}}
  463.  
  464. /*CREDIT*/
  465.  
  466. #cred {
  467. left:-60px;
  468. bottom:7px;
  469. font-size:9px;
  470. padding:3px;
  471. color:{color:Text};
  472. z-index: 2147483647;
  473. text-transform:uppercase;
  474. border:1px solid transparent;
  475. position:fixed;
  476. -webkit-transition: all 0.5s ease-out;
  477. -moz-transition: all 0.5s ease-out;
  478. transition: all 0.5s ease-out;}
  479.  
  480. #cred:hover {
  481. left:6px;
  482. border-bottom:1px solid {color:border};
  483. background-color:white;
  484. -webkit-transition: all 0.5s ease-out;
  485. -moz-transition: all 0.5s ease-out;
  486. transition: all 0.5s ease-out;}
  487. #cred:hover a{
  488. color:{color:1};}
  489. #cred a{
  490. color:{color:text};}
  491.  
  492. /*-- audio --*/
  493.  
  494. .whit{
  495. overflow:hidden;
  496. position:absolute;
  497. opacity:0.2;
  498. width:70px;
  499. height:70px;
  500. margin-left:13px;
  501. z-index: 2147483647;
  502. margin-top:6px;
  503. background-color:white;
  504. -moz-transition-duration:0.6s;
  505. -webkit-transition-duration:0.6s;
  506. -o-transition-duration:0.6s;}
  507. .player {
  508. width:28px;
  509. height:30px;
  510. opacity:1;
  511. z-index: 2147483647;
  512. margin:22px;
  513. overflow:hidden;
  514. -moz-transition-duration:0.6s;
  515. -webkit-transition-duration:0.6s;
  516. -o-transition-duration:0.6s;}
  517.  
  518. .post:hover .whit{
  519. opacity:0.8;
  520. -moz-transition-duration:0.6s;
  521. -webkit-transition-duration:0.6s;
  522. -o-transition-duration:0.6s;}
  523.  
  524. .albumart {
  525. width:70px;
  526. height:70px;
  527. padding:6px;
  528. z-index:2000;
  529. background-color:{color:1};
  530. margin:0px 7px;
  531. margin-bottom:10px;
  532. -moz-transition-duration:0.6s;
  533. -webkit-transition-duration:0.6s;
  534. -o-transition-duration:0.6s;}
  535. .albumart img{
  536. -webkit-filter: brightness(110%);
  537. -moz-filter: brightness(110%);
  538. -moz-transition-duration: 0.6s;}
  539.  
  540. .infoaudio {
  541. position:absolute;
  542. overflow:hidden;
  543. font-size:8px;
  544. letter-spacing:2px;
  545. text-transform:uppercase;
  546. font-family:'calibri';
  547. font-style:none;
  548. line-height:8px;
  549. margin-top:-82px;
  550. margin-left:7px;
  551. max-width:300px;
  552. max-height:82px;
  553. border-left:solid 82px {color:1};
  554. z-index:-1;
  555. padding:15px;
  556. padding-top:5px;
  557. {block:if500pxposts}
  558. max-width:400px;
  559. {/block:if500pxposts}}
  560.  
  561. .drag{
  562. pointer-events:none;}
  563.  
  564. #s-m-t-tooltip{
  565. position: absolute;
  566. background-color:{color:Post info};
  567. text-transform:uppercase;
  568. line-height:10px;
  569. letter-spacing:1px;
  570. font-size:8px;
  571. margin:10px;
  572. padding: 2px 5px;
  573. z-index: 2147483647;}
  574.  
  575. ol.notes {
  576. padding: 0px;
  577. font-family:calibri;
  578. width:400px;
  579. margin: 25px 0px;
  580. list-style-type:none;
  581. border-bottom: solid 1px {color:Border};
  582. color: #777;
  583. font-size: 8px;}
  584. ol.notes a{
  585. text-transform:uppercase;
  586. letter-spacing:1px;}
  587. ol.notes li.note {
  588. border-top: solid 1px {color:Border};
  589. padding: 10px;}
  590. ol.notes li.note img.avatar {
  591. vertical-align: -4px;
  592. margin-right: 10px;
  593. width: 16px;
  594. height: 16px;
  595. display: inline-block;}
  596. ol.notes li.note span.action {
  597. font-weight: normal;}
  598. ol.notes li.note .answer_content {
  599. font-weight: normal;}
  600. ol.notes li.note blockquote {
  601. border-color: {color:Border};
  602. padding: 4px 10px;
  603. margin: 10px 0px 0px 25px;}
  604. ol.notes li.note blockquote a {
  605. text-decoration: none;}
  606.  
  607. .show_hide1 {
  608. display:none;}
  609.  
  610. #upd1, #upd2, #upd3, #upd4 {
  611. position:absolute;
  612. overflow:hidden;
  613. height:0px;
  614. width:130px;
  615. top:2px;
  616. opacity:1;
  617. color:transparent;
  618. z-index: 2147447;
  619. -moz-transition:all 0.8s ease-in-out;
  620. -webkit-transition:all 0.8s ease-in-out;
  621. -o-transition:all 0.8s ease-in-out;
  622. padding-left:30px;
  623. left:70px;}
  624.  
  625. #dias{
  626. position:fixed;
  627. top:10px;
  628. text-align:left;
  629. font-family:calibri;
  630. font-size:8px;
  631. letter-spacing:1px;
  632. line-height:12px;
  633. text-transform:uppercase;
  634. left:0px;}
  635.  
  636. #dia1{
  637. position:fixed;
  638. width:15px;
  639. height:15px;
  640. top:30px;
  641. left:20px;
  642. z-index: 2147483647;
  643. background-color:{color:1};
  644. transform:rotate(-45deg);
  645. -ms-transform:rotate(-45deg);
  646. -webkit-transform:rotate(-45deg);
  647. -moz-transition:all 0.5s ease-out;
  648. -webkit-transition:all 0.5s ease-out;
  649. -o-transition:all 0.5s ease-out;}
  650.  
  651.  
  652. #dia2{
  653. position:fixed;
  654. width:15px;
  655. height:15px;
  656. top:18px;
  657. left:32px;
  658. z-index: 2147483647;
  659. background-color:{color:1};
  660. transform:rotate(-45deg);
  661. -ms-transform:rotate(-45deg);
  662. -webkit-transform:rotate(-45deg);
  663. -moz-transition:all 0.5s ease-out;
  664. -webkit-transition:all 0.5s ease-out;
  665. -o-transition:all 0.5s ease-out;}
  666.  
  667.  
  668. #dia3{
  669. position:fixed;
  670. width:15px;
  671. height:15px;
  672. top:30px;
  673. left:44px;
  674. z-index: 2147483647;
  675. background-color:{color:1};
  676. transform:rotate(-45deg);
  677. -ms-transform:rotate(-45deg);
  678. -webkit-transform:rotate(-45deg);
  679. -moz-transition:all 0.5s ease-out;
  680. -webkit-transition:all 0.5s ease-out;
  681. -o-transition:all 0.5s ease-out;}
  682.  
  683. #dia4{
  684. position:fixed;
  685. width:15px;
  686. height:15px;
  687. top:42px;
  688. left:32px;
  689. z-index: 2147483647;
  690. background-color:{color:2};
  691. transform:rotate(-45deg);
  692. -ms-transform:rotate(-45deg);
  693. -webkit-transform:rotate(-45deg);
  694. -moz-transition:all 0.5s ease-out;
  695. -webkit-transition:all 0.5s ease-out;
  696. -o-transition:all 0.5s ease-out;}
  697.  
  698.  
  699. #upd1:hover{left:40px; color:{color:text}; z-index: 2; height:700px;}
  700. #upd2:hover{left:40px; color:{color:text}; z-index: 2; height:700px;}
  701. #upd3:hover{left:40px; color:{color:text}; z-index: 2; height:700px;}
  702. #upd4:hover{left:40px; color:{color:text}; z-index: 2; height:700px;}
  703. #upd1:hover #dia1{z-index: 2147447; background-color:{color:3};}
  704. #upd2:hover #dia2{z-index: 2147447; background-color:{color:3};}
  705. #upd3:hover #dia3{z-index: 2147447; background-color:{color:3};}
  706. #upd4:hover #dia4{z-index: 2147447; background-color:{color:3};}
  707.  
  708. {CustomCSS}
  709. /*--Cursor code--*/
  710.  
  711. {block:ifCursor}
  712. *, body, a, a:hover, .content, .content:hover {cursor: url("http://www.totallylayouts.com/cursors/random/tiny_cursor.png"), auto }
  713. {/block:ifCursor}
  714.  
  715. .show_hide1 {
  716. display:none;}
  717.  
  718. .links2{
  719. position:relative;
  720. text-align:center;
  721. margin-left:-12px;
  722. line-height:100%;
  723. margin-top:10px;
  724. padding-bottom:10px;
  725. text-transform:lowercase;}
  726.  
  727. .links2 a{
  728. display:inline-block; padding:1px;
  729. width:2px;
  730. height:2px;
  731. background-color:{color:1};
  732. border:solid 1px {color:1};
  733. transform:rotate(-45deg);
  734. -ms-transform:rotate(-45deg);
  735. -webkit-transform:rotate(-45deg);
  736. margin-left:12px;}
  737.  
  738. .links2 a:hover{
  739. background-color:{color:3};}
  740.  
  741. .diatags {
  742. padding:1px;
  743. display:inline-block;
  744. width:2px;
  745. height:2px;
  746. -webkit-backface-visibility: hidden;
  747. margin-left:5px;
  748. background-color:{color:1};
  749. border:solid 1px {color:1};
  750. transform:rotate(-45deg);
  751. -ms-transform:rotate(-45deg);
  752. -webkit-transform:rotate(-45deg);}
  753.  
  754. </style></head>
  755. <body>
  756.  
  757. {block:ifUpdatestab}
  758. <div id="dias">
  759. <div id="upd1"><div id="dia1"></div>
  760.  
  761. {text:tab 1}
  762.  
  763. </div>
  764. <div id="upd2"><div id="dia2"></div>
  765.  
  766. {text:tab 2}
  767.  
  768. </div>
  769. <div id="upd3"><div id="dia3"></div>
  770.  
  771. {text:tab 3}
  772.  
  773. </div>
  774. <div id="upd4"><div id="dia4"></div>
  775.  
  776. {text:tab 4}
  777.  
  778. </div>
  779. </div>
  780. {/block:ifUpdatestab}
  781. <div class="content">
  782. <div id="sidebar">
  783. <div id="pagination">{block:PreviousPage}
  784. <div id="pagi1"><a href="{PreviousPage}">-</a></div>{/block:PreviousPage}{block:NextPage}
  785. <div id="pagi2"><a href="{NextPage}">+</a></div>{/block:NextPage}
  786. </div>
  787. {/block:Pagination}
  788.  
  789. <div id="d1"></div>
  790.  
  791. <div id="title">{title}</div>
  792.  
  793.  
  794.  
  795. <div id="links">
  796. <a href="/" >home</a>
  797. <a href="/ask">ask</a>
  798. <a href="#" class="show_hide1">links</a>
  799. </div>
  800.  
  801. <div id="description">
  802. <div class="linki" style="display: none;">
  803. <div class="links2">
  804.  
  805. {block:iflink1}<a href="{text:link 1 url}" title="{text:link 1}")></a>{/block:iflink1}
  806. {block:iflink2}<a href="{text:link 2 url}" title="{text:link 2}")></a>{/block:iflink2}
  807. {block:iflink3}<a href="{text:link 3 url}" title="{text:link 3}")></a>{/block:iflink3}
  808. {block:iflink4}<a href="{text:link 4 url}" title="{text:link 4}"></a>{/block:iflink4}
  809. {block:iflink5}<a href="{text:link 5 url}" title="{text:link 5}"></a>{/block:iflink5}
  810. {block:iflink6}<a href="{text:link 6 url}" title="{text:link 6}"></a>{/block:iflink6}
  811. {block:iflink7}<a href="{text:link 7 url}" title="{text:link 7}"></a>{/block:iflink7}
  812. </div></div>
  813.  
  814. {description}
  815.  
  816. </div>
  817.  
  818. </div>
  819.  
  820.  
  821. <div id="entries">
  822. {block:Posts}
  823.  
  824. {block:ContentSource}
  825. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  826. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  827. {/block:SourceLogo}
  828. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  829. {/block:ContentSource}
  830. <div class="post">
  831.  
  832. {block:Text}
  833. <h1>{block:Title}{Title}{/block:Title}</h1>
  834. {Body}{/block:Text}
  835.  
  836. {block:Photo}{LinkOpenTag}<center>
  837. {block:ifnot500pxposts}<img src="{PhotoURL-400}">{/block:ifnot500pxposts}{block:if500pxposts}<img src="{PhotoURL-500}">{/block:if500pxposts}{LinkCloseTag}</center>
  838. {block:Caption}<span style="line-height:5px"><br></span>
  839. {Caption}
  840. {/block:Caption}{/block:Photo}
  841.  
  842. {block:Photoset}{block:ifnot500pxposts}{Photoset-400}{/block:ifnot500pxposts}{block:if500pxposts}{Photoset-500}{/block:if500pxposts}{block:Caption}{Caption}
  843. {/block:Caption}{/block:Photoset}
  844.  
  845. {block:Quote}<h2>"{Quote}"</h2>
  846. {block:Source}<div style="text-align:right; margin-top:5px">{Source}</div>
  847. {/block:Source}{/block:Quote}
  848.  
  849. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  850.  
  851. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  852.  
  853. {block:Audio}
  854. <div class="whit"><div class="player">{AudioPlayerWhite} </div> </div>
  855. <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="70">{/block:AlbumArt}</div><div class="infoaudio">{block:TrackName}
  856. <p style="font-size:20px; font-weight:normal;padding:4px; margin-left:-20px; padding-left:20px; line-height:25px; font-family:'BenchNine';">{TrackName}</p>
  857. {/block:TrackName} {block:Artist}
  858. <p style="margin-top:-13px">by <i>{Artist}</i></p>
  859. {/block:Artist}
  860. </div>
  861. {block:caption}{caption}{/block:caption}
  862. {/block:Audio}
  863.  
  864. {block:Video}{block:ifnot500pxposts}{Video-400}{/block:ifnot500pxposts}{block:if500pxposts}{Video-500}{/block:if500pxposts}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  865.  
  866. {block:Answer}<div class="asker"><img src="{AskerPortraitURL-40}"></div><div class="askurl">{Asker} said:</div><div class="ask"><i>« {Question} »</i></div>{Answer}{/block:Answer}
  867.  
  868.  
  869. <div class="info"><div style="height:2px; background-color:{color:Post info}; margin-bottom:5px; margin-top:10px"></div>
  870. <span style="float:left;">{block:Date}<a href="{Permalink}"> {TimeAgo} </a>{/block:Date}{block:NoteCount} | <font color="#FFB0B8">❤</font> {NoteCount}</a>
  871. {/block:NoteCount}</span> <span style="float:right;">{block:RebloggedFrom}<div class="diasrc"><a href="{ReblogParentURL}" title="via: {ReblogParentName}"
  872. ><div class="diatags"></div></a><a href="{ReblogRootURL}"title="source: {ReblogRootName}"><div class="diatags"></div></a></div>{/block:RebloggedFrom}</span>
  873. </div>{block:HasTags}<div class="tags">{block:Tags} <a href="{TagURL}">{Tag}</a><span style="font-size:15px">.</span> {/block:Tags}
  874. </div>{/block:HasTags}
  875. </div>
  876.  
  877. {block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  878. {/block:Posts}
  879.  
  880.  
  881. </div></div></div></div>
  882.  
  883.  
  884. </div></div></div></div>
  885.  
  886. <div id="cred">
  887. <a href="http://deanlirium.tumblr.com/">deanlirium <span style="font-size:12px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;✿</span></a>
  888. </div>
  889.  
  890.  
  891. </div></div></div>
  892.  
  893. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment