songbirdinatrench

deanlirium THEME #7 - waves.

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