songbirdinatrench

deanlirium THEME #8 - ferris wheel

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