API tools faq
paste
Advertisement
Themes_Mandrakescry

Theme 24

Themes_Mandrakescry
Nov 18th, 2013
3,077
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.67 KB | None | 0 0
raw download clone embed print report
  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.  
  5. <!-------------------------------------------
  6. Theme 24 by Clara
  7. http://mandrakescry.tumblr.com/
  8. DON'T REMOVE THE CREDITS
  9. -------------------------------------------->
  10.  
  11. <html>
  12. <head>
  13.  
  14. <title>{Title}</title>
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}
  18. <meta name="description" content="{MetaDescription}" />
  19. {/block:Description}
  20.  
  21. <meta name="image:background" content="">
  22. <meta name="image:sidebar" content="">
  23. <meta name="image:update" content="http://static.tumblr.com/c5gdi2k/R0Hmttqbp/owl-b_large.png">
  24.  
  25. <meta name="color:Background" content="#fff"/>
  26. <meta name="color:Post Border" content="#e9e4e4"/>
  27. <meta name="color:Sidebar Picture Border" content="#d8d5d5"/>
  28. <meta name="color:Ask Background" content="#e9e9e9"/>
  29. <meta name="color:post" content="#ffffff">
  30. <meta name="color:link" content="#aaaaaa">
  31. <meta name="color:hover" content="#454545">
  32. <meta name="color:bold" content="#454545">
  33. <meta name="color:hover links" content="#222222">
  34. <meta name="color:linkmark" content="#222222">
  35. <meta name="color:chat" content="#f3f3f3">
  36. <meta name="color:info" content="#504f4f">
  37. <meta name="color:text" content="#9a9a9a">
  38. <meta name="color:tags" content="#fafafa">
  39. <meta name="color:description" content="#3c3b3b">
  40. <meta name="color:Scrollbar" content="#be0a50"/>
  41. <meta name="color:Button" content="#be0a50"/>
  42. <meta name="color:Button hover" content="#000"/>
  43.  
  44.  
  45. <meta name="text:linkstitle1" content="Title 1">
  46.  
  47. <meta name="text:link 01" content="link 01" />
  48. <meta name="text:link 01 url" content="/" />
  49. <meta name="text:link 02" content="link 02" />
  50. <meta name="text:link 02 url" content="/" />
  51. <meta name="text:link 03" content="link 03" />
  52. <meta name="text:link 03 url" content="/" />
  53. <meta name="text:link 04" content="link 05" />
  54. <meta name="text:link 04 url" content="/" />
  55. <meta name="text:link 05" content="link 05" />
  56. <meta name="text:link 05 url" content="/" />
  57.  
  58.  
  59.  
  60. <meta name="text:linkstitle2" content="Title 2">
  61.  
  62. <meta name="text:link 06" content="link 06" />
  63. <meta name="text:link 06 url" content="/" />
  64. <meta name="text:link 07" content="link 07" />
  65. <meta name="text:link 07 url" content="/" />
  66. <meta name="text:link 08" content="link 08" />
  67. <meta name="text:link 08 url" content="/" />
  68. <meta name="text:link 09" content="link 09" />
  69. <meta name="text:link 09 url" content="/" />
  70. <meta name="text:link 10" content="link 10" />
  71. <meta name="text:link 10 url" content="/" />
  72.  
  73.  
  74.  
  75. <meta name="text:linkstitle3" content="Title 3">
  76.  
  77. <meta name="text:link 11" content="link 11" />
  78. <meta name="text:link 11 url" content="/" />
  79. <meta name="text:link 12" content="link 12" />
  80. <meta name="text:link 12 url" content="/" />
  81. <meta name="text:link 13" content="link 13" />
  82. <meta name="text:link 13 url" content="/" />
  83. <meta name="text:link 14" content="link 14" />
  84. <meta name="text:link 14 url" content="/" />
  85. <meta name="text:link 15" content="link 15" />
  86. <meta name="text:link 15 url" content="/" />
  87.  
  88.  
  89. <meta name="text:Update title" content="Update"/>
  90. <meta name="text:Watching" content=""/>
  91. <meta name="text:Reading" content=""/>
  92. <meta name="text:Listening to" content=""/>
  93. <meta name="text:Status" content=""/>
  94. <meta name="text:More" content="Default updates + more space where to write whatever you want"/>
  95. <meta name="if:Show Watching" content="1" />
  96. <meta name="if:Show Reading" content="1" />
  97. <meta name="if:Show Listening to" content="1" />
  98. <meta name="if:Show Status" content="1" />
  99. <meta name="if:Show More" content="1" />
  100.  
  101.  
  102. <link href='http://fonts.googleapis.com/css?family=Oswald:300' rel='stylesheet' type='text/css'>
  103.  
  104.  
  105.  
  106.  
  107. <script type="text/javascript"
  108. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  109. <script>
  110. $(document).ready(function() {
  111. //
  112. $('a.poplight[href^=#]').click(function() {
  113. var popID = $(this).attr('rel'); //Get Popup Name
  114. var popURL = $(this).attr('href'); //Get Popup href to define size
  115. var query= popURL.split('?');
  116. var dim= query[1].split('&');
  117. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  118. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://i47.tinypic.com/mawh08.png" class="btn_close" alt="Close" /></a>');
  119. var popMargTop = ($('#' + popID).height() + 80) / 2;
  120. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  121. //Apply Margin to Popup
  122. $('#' + popID).css({
  123. 'margin-top' : -popMargTop,
  124. 'margin-left' : -popMargLeft
  125. });
  126. $('body').append('<div id="fade"></div>');
  127. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  128. return false;
  129. });
  130. $('a.close, #fade').live('click', function() {
  131. $('#fade , .popup_block').fadeOut(function() {
  132. $('#fade, a.close').remove(); //fade them both out
  133. });
  134. return false;
  135. });
  136. });
  137. </script>
  138.  
  139.  
  140. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  141. <script>
  142. (function($){
  143. $(document).ready(function(){
  144. $("[title]").style_my_tooltips();
  145. });
  146. })(jQuery);
  147. </script>
  148.  
  149. <script type="text/javascript"
  150. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  151.  
  152.  
  153. <style type="text/css">
  154.  
  155. #s-m-t-tooltip{
  156. max-width:300px;
  157. z-index:10;
  158. margin-top:-25px;
  159. margin-left:0px;
  160. padding:3px;
  161. background-color:#000;
  162. font-family: Consolas;
  163. font-size:10px;
  164. color:#fff;
  165. border-style:solid;
  166. border-color:#1e1e1e;
  167. border-width:1px;
  168. text-transform:uppercase;
  169. }
  170.  
  171.  
  172. ::selection {
  173. background:{color:Text hover};
  174. }
  175. ::-moz-selection {
  176. background:{color:Text hover};
  177. }
  178. ::-webkit-selection {
  179. background:{color:Text hover};
  180. }
  181.  
  182.  
  183.  
  184. body {
  185. font-family:Cambria;
  186. font-size: 11px;
  187. line-height: 100%;
  188. text-align: justify;
  189. color: {color:Font};
  190. background-color: {color:Background};
  191. background-image: url('{image:Background}');
  192. background-attachment: fixed;
  193. background-position: left top;
  194. background-repeat: repeat; }
  195.  
  196. a {
  197. color:{color:link};
  198. text-decoration:none;
  199. -moz-transition-duration:0.5s;
  200. -webkit-transition-duration:0.5s;
  201. -o-transition-duration:0.5s;
  202. }
  203.  
  204. a:hover {
  205. color:{color:hover};
  206. text-decoration:none;
  207. -moz-transition-duration:0.5s;
  208. -webkit-transition-duration:0.5s;
  209. -o-transition-duration:0.5s;
  210. }
  211.  
  212.  
  213. b {
  214. color:{color:bold};
  215. text-decoration:none;
  216. -moz-transition-duration:0.5s;
  217. -webkit-transition-duration:0.5s;
  218. -o-transition-duration:0.5s;
  219. }
  220.  
  221. ::-webkit-scrollbar {width: 5px; height:5px; background:{color:background};}
  222. ::-webkit-scrollbar-corner {background:{color:scrollbar};}
  223. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar};}
  224.  
  225.  
  226.  
  227. #qTip {
  228. font-family:trebuchet ms;
  229. display: none;
  230. text-align:left;
  231. position:absolute;
  232. letter-spacing:1px;
  233. text-transform:uppercase;
  234. font-weight:normal;
  235. z-index:99;
  236. font-size:7px;
  237. padding:1px 4px;
  238. line-height:13px;
  239. color:#828282;
  240. background:#ffffff;
  241. border: 1px solid #e8e8e8;
  242. border-radius:2px;
  243. }
  244.  
  245.  
  246. h1 {
  247. font-weight:normal;
  248. font-size:10px;
  249. text-align:center;
  250. font-style:normal;
  251. line-height:100%;
  252. letter-spacing:1px;
  253. text-transform:uppercase;
  254. color:{color:text};
  255. }
  256.  
  257. h2 {
  258. font-size:18px;
  259. text-align:center;
  260. line-height:120%;
  261. letter-spacing:0px;
  262. color:{color:text};
  263. font-weight:normal;
  264. padding:15px;
  265. padding-bottom:10px;
  266. }
  267.  
  268. h3 {
  269. font-family:trebuchet ms;
  270. border-left:3px solid #999;
  271. padding:8px;
  272. background-color:#fafafa;
  273. font-size:10px;
  274. text-transform:none;
  275. font-weight:normal;
  276. }
  277.  
  278.  
  279. blockquote {
  280. font-family:trebuchet ms;
  281. border-left:2px solid #e6cec8;
  282. padding-left:5px;
  283. margin:5px;
  284. color:{color:text};
  285. }
  286.  
  287.  
  288. #container {
  289. float:left;
  290. margin-left:470px;
  291. margin-top:35px;
  292. text-align:justify;
  293. background-color:{color:background};
  294. color:{color:text};
  295. margin-bottom: 35px;
  296. }
  297.  
  298.  
  299. #post {
  300. width:500px;
  301. margin-top:15px;
  302. text-align:justify;
  303. padding:10px;
  304. margin-bottom:20px;
  305. font-size:11px;
  306. line-height:100%;
  307. letter-spacing:0px;
  308. color:{color:text};
  309. background-color:{color:post};
  310. }
  311.  
  312.  
  313. #post:hover .musicplayer{
  314. opacity:1;
  315. -webkit-transition: all 0.7s ease-in-out;
  316. -moz-transition: all 0.7s ease-in-out;
  317. -o-transition: all 0.7s ease-in-out;
  318. }
  319.  
  320.  
  321. .caption {
  322. width:500px;
  323. text-align:justify;
  324. line-height:120%;
  325. }
  326.  
  327. .question {
  328. padding:10px;
  329. text-align:justify;
  330. font-style:italic;
  331. background-color:{color:ask};
  332. }
  333.  
  334. .asker {
  335. font-size:8px;
  336. font-weight:bold;
  337. text-transform:uppercase;
  338. text-align:right;
  339. margin-right:10px;
  340. margin-top:-2px;
  341. font-family:calibri;
  342. }
  343.  
  344. .musicplayer{
  345. background-color:#fff;
  346. padding: 38px 38px 35px 35px;
  347. position:absolute;
  348. opacity:0;
  349. filter:alpha(opacity=70);
  350. width:27px;
  351. height:27px;
  352. overflow:hidden;
  353. position:absolute;
  354. z-index:2;
  355. -webkit-transition: all 0.7s ease-in-out;
  356. -moz-transition: all 0.7s ease-in-out;
  357. -o-transition: all 0.7s ease-in-out;
  358. }
  359.  
  360.  
  361. .audio{
  362. position:absolute;
  363. width:40px;
  364. height:40px;
  365. }
  366.  
  367. .audioimg{
  368. width:100px;
  369. height:100px;
  370. position:absolute;
  371. }
  372.  
  373. .audioimg img{
  374. float:left;
  375. opacity:1;
  376. width:100px;
  377. }
  378.  
  379. .audioinfo{
  380. font-size:13px;
  381. font-style:italic;
  382. font-family:'playfair display';
  383. color:#9a9a9a;
  384. margin-bottom: 1px;
  385. margin-left:101px;
  386. height:65px;
  387. display:block;
  388. width:399px;
  389. text-align:center;
  390. background-color:#fafafa;
  391. padding-top:35px;
  392. }
  393.  
  394. .note {
  395. text-transform:uppercase;
  396. font-style:normal;
  397. letter-spacing:0px;
  398. font-size: 9px;
  399. text-align:right;
  400. line-height:40%;
  401. margin-left:-40px;
  402. }
  403.  
  404. .note li {
  405. list-style-type:none;
  406. font-size:7px;
  407. border-bottom:1px solid {color:posts border};
  408. padding:5px 5px 5px 5px;
  409. text-align:left;
  410. margin:0px;
  411. -moz-transition-duration:0.5s;
  412. -webkit-transition-duration:0.5s;
  413. -o-transition-duration:0.5s;
  414.  
  415. }
  416.  
  417.  
  418.  
  419. .tagS {
  420. font-style:normal;
  421. width:500px;
  422. color:{color:tags};
  423. text-transform:uppercase;
  424. font-style:normal;
  425. letter-spacing:1px;
  426. font-size:7px;
  427. line-height:100%;
  428. text-align:right;
  429. padding:1px;
  430. -moz-transition-duration:0.5s;
  431. -webkit-transition-duration:0.5s;
  432. -o-transition-duration:0.5s;
  433. }
  434.  
  435. .tagS a{
  436. display:inline;
  437. background-color:{color:tags};
  438. padding:-3px;
  439. text-align:left;}
  440.  
  441. .tagS a:hover {
  442. color:#000;
  443. }
  444.  
  445.  
  446.  
  447. .bottomline {
  448. margin-top:10px;
  449. padding:5px;
  450. border-top:1px dotted {color:info};
  451. }
  452.  
  453. .doubleline {
  454. padding-top:5px;
  455. border-bottom:1px dotted {color:info};
  456. }
  457.  
  458. .date {
  459. text-transform:none;
  460. font-family:trebuchet ms;
  461. font-size:10px;
  462. color:#fff;
  463. padding:3px 5px 3px 5px;
  464. background:{color:info}; }
  465.  
  466. .box, .box a {
  467. font-family:trebuchet ms;
  468. text-transform:uppercase;
  469. font-size:7px;
  470. margin-top:9px;
  471. margin-bottom:-3px;}
  472.  
  473. .video embed, .post div.video object {
  474. width:250px;
  475. height:187px}
  476.  
  477. .chat {
  478. font-size:8px;
  479. line-height:12px;
  480. text-transform:uppercase;
  481. list-style:none
  482. font-family:calibri;
  483. }
  484. .chat ul {
  485. line-height:15px;
  486. list-style:none;
  487. padding:0px;
  488. line-height:20px;
  489. }
  490. .person1 {
  491. background-color:{color:chat};
  492. padding-left:6px;
  493. padding-right:6px;
  494. font-family:calibri;
  495. }
  496. .person1 .label {
  497. font-weight:bold;
  498. font-family:calibri;
  499. }
  500. .person2 {
  501. background-color:{color:entries};
  502. padding-left:6px;
  503. padding-right:6px;
  504. font-family:calibri;}
  505. .person2 .label {
  506. font-weight:bold;
  507. font-family:calibri;
  508. }
  509. .person3 {
  510. background-color:{color:chat};
  511. padding-left:6px;
  512. padding-right:6px;
  513. font-family:calibri; }
  514. .person3 .label {
  515. font-weight:bold;
  516. font-family:calibri;
  517. }
  518. .person4 {
  519. background-color:{color:entries};
  520. padding-left:6px;
  521. padding-right:6px;
  522. font-family:calibri;
  523. }
  524. .person4 .label {
  525. font-weight:bold;
  526. font-family:calibri;
  527. }
  528. .person5 {
  529. background-color:{color:chat};
  530. padding-left:6px;
  531. padding-right:6px;
  532. font-family:calibri;
  533. }
  534. .person5 .label {
  535. font-weight:bold;
  536. font-family:calibri;
  537. }
  538. .person6 {
  539. background-color:{color:entries};
  540. padding-left:6px;
  541. padding-right:6px;
  542. }
  543. .person6 .label {
  544. font-weight:bold;
  545. }
  546.  
  547.  
  548. .caption {
  549. width:500px;
  550. text-align:justify;
  551. line-height:120%;
  552. }
  553.  
  554. .question {
  555. padding:10px;
  556. text-align:justify;
  557. font-style:italic;
  558. background-color:{color:Ask Background};
  559. color:{color:links};
  560. }
  561.  
  562. .asker {
  563. font-size:8px;
  564. font-weight:bold;
  565. text-transform:uppercase;
  566. text-align:right;
  567. margin-right:10px;
  568. margin-top:-2px;
  569. font-family:calibri;
  570. }
  571.  
  572. #sidebar {
  573. position:fixed;
  574. width:120px;
  575. margin-left:250px;
  576. margin-top:150px;
  577. opacity:1;
  578. }
  579.  
  580. #sidebarimage {
  581. width: 120px;
  582. background: {color:border};
  583. border-radius: 200px 200px 200px 200px;
  584. -moz-border-radius: 200px 200px 200px 200px;
  585. -webkit-border-radius: 200px 200px 200px 200px;
  586.  
  587. }
  588.  
  589. #sidebarimage img {
  590. width:100px;
  591. height: 100px;
  592. margin-left:18px;
  593. border-radius: 200px 200px 200px 200px;
  594. -moz-border-radius: 200px 200px 200px 200px;
  595. -webkit-border-radius: 200px 200px 200px 200px;
  596. border: 1px dashed {color:sidebar picture border};
  597. padding:8px;
  598. }
  599.  
  600.  
  601.  
  602. .desc {
  603. position:fixed;
  604. margin-top:10px;
  605. margin-left:0px;
  606. font-family:cambria;
  607. line-height:110%;
  608. font-size:9px;
  609. font-style:italic;
  610. width:130px;
  611. padding:9px;
  612. text-align:center;
  613. color:{color:text};
  614. border-top: 1px dashed {color:post border};
  615. border-bottom: 1px dashed {color:post border};
  616. }
  617.  
  618. .desc a
  619. {color:{color:text};
  620. -moz-transition-duration:0.6s;
  621. -webkit-transition-duration:0.6s;
  622. -o-transition-duration:0.6s;
  623. }
  624.  
  625.  
  626. #navigation{
  627. opacity:1;
  628. height:15px;
  629. width:70px;
  630. position:fixed;
  631. font-size:10px;
  632. text-align:center;
  633. border:none;
  634. overflow:hidden;
  635. text-align:right;
  636. margin-top:15px;
  637. margin-left:15px;
  638. transition-duration: 0.8s;
  639. -moz-transition-duration: 0.8s;
  640. -webkit-transition-duration: 0.8s;
  641. -o-transition-duration: 0.8s;
  642.  
  643. }
  644.  
  645. #sidebar:hover #navigation{
  646. opacity:1;
  647. transition-duration: 0.8s;
  648. -moz-transition-duration: 0.8s;
  649. -webkit-transition-duration: 0.8s;
  650. -o-transition-duration: 0.8s;
  651.  
  652. }
  653.  
  654. div.button a{
  655. margin-left:4px;
  656. text-align: center;
  657. position:relative;
  658. background: {color:button};
  659. z-index:2;
  660. width: 5px;
  661. height:5px;
  662. border-style:none;
  663. display: inline-block;
  664. opacity:1;
  665. border:1px solid {color:button};
  666. text-transform:uppercase;
  667. transition-duration: 0.8s;
  668. -moz-transition-duration: 0.8s;
  669. -webkit-transition-duration: 0.8s;
  670. -o-transition-duration: 0.8s;
  671. border-radius: 250px 250px 250px 250px;
  672. -moz-border-radius: 250px 250px 250px 250px;
  673. -webkit-border-radius: 250px 250px 250px 250px;
  674. }
  675.  
  676. div.button a:hover{
  677.  
  678. background: {color:button hover};
  679. letter-spacing:110%;
  680. transition-duration: 0.8s;
  681. -moz-transition-duration: 0.8s;
  682. -webkit-transition-duration: 0.8s;
  683. -o-transition-duration: 0.8s;
  684. }
  685.  
  686.  
  687. #pagi{
  688. width:100px;
  689. font-size:8px;
  690. text-align:center;
  691. margin-left:75px;
  692. margin-top:-5px;
  693. position:fixed;
  694. font-family:cambria;
  695. letter-spacing:0px;
  696. }
  697.  
  698.  
  699.  
  700. #prongs a {
  701. font-family:raleway;
  702. font-size:9px;
  703. color:#000;
  704. margin-top:10px;
  705. text-decoration:none;
  706. display:block;
  707. text-transform:lowercase;
  708. letter-spacing:1px;
  709. -webkit-transition: all 0.5s ease-out;
  710. -moz-transition: all 0.5s ease-out;
  711. transition: all 0.5s ease-out;
  712. }
  713.  
  714. #prongs a:hover {
  715. text-decoration:none;
  716. display:block;
  717. text-transform:lowercase;
  718. color:#ddd;
  719. -webkit-transition: all 0.5s ease-out;
  720. -moz-transition: all 0.5s ease-out;
  721. transition: all 0.5s ease-out;
  722. }
  723.  
  724. #padfoot {
  725. padding-top:10px;
  726. text-transform:justify;
  727. font-size:12px;
  728. font-style:italic;
  729. font-weight:bold;
  730. color:#000;
  731. border-bottom:1px dashed {color:post border};
  732. width:100%;
  733. }
  734.  
  735. #padfoot a{
  736. color:#777;
  737. text-decoration:none;
  738. }
  739.  
  740.  
  741. #credit{
  742. width:20px;
  743. position:fixed;
  744. bottom:10px;
  745. right:10px;
  746. opacity:1;
  747. z-index:1;
  748. -webkit-transition: all 0.3s linear;
  749. -moz-transition: all 0.3s linear;
  750. -o-transition: all 0.3s linear;
  751. -ms-transition: all 0.3s linear;
  752. -webkit-filter: grayscale(100%);
  753. -moz-filter: grayscale(100%);
  754. -ms-filter: grayscale(100%);
  755. -o-filter: grayscale(100%);
  756. }
  757.  
  758. #credit:hover{
  759. opacity:0.3;
  760. -webkit-filter: grayscale(0%);
  761. -moz-filter: grayscale(0%);
  762. -ms-filter: grayscale(0%);
  763. -o-filter: grayscale(0%);
  764. }
  765.  
  766.  
  767.  
  768.  
  769.  
  770.  
  771. #fade { /*--Transparent background layer--*/
  772. display: none; /*--hidden by default--*/
  773. background: #000;
  774. position: fixed; left: 0; top: 0;
  775. width: 100%; height: 100%;
  776. opacity: .80;
  777. z-index: 9999;
  778. }
  779. .popup_block{
  780. display: none; /*--hidden by default--*/
  781. background: #f8f8f8;
  782. padding: 20px;
  783. border: 4px solid #3c3b3b;
  784. float: left;
  785. font-size: 1.2em;
  786. position: fixed;
  787. top: 50%; left: 50%;
  788. z-index: 99999;
  789. /*--CSS3 Box Shadows--*/
  790. -webkit-box-shadow: 0px 0px 20px #000;
  791. -moz-box-shadow: 0px 0px 20px #000;
  792. box-shadow: 0px 0px 20px #000;
  793.  
  794. }
  795. img.btn_close {
  796. float: right;
  797. margin: -15px -15px 0 0;
  798. opacity:0.5;
  799. }
  800. /*--Making IE6 Understand Fixed Positioning--*/
  801. *html #fade {
  802. position: absolute;
  803. }
  804. *html .popup_block {
  805. position: absolute;
  806. }
  807.  
  808.  
  809. h2 {
  810. font-family: Georgia;
  811. font-size:15px;
  812. text-align:center;
  813. line-height:100%;
  814. color:{color:title};
  815. font-style:italic;
  816. font-weight:normal;
  817.  
  818. }
  819. #updates{
  820. position:fixed;
  821. width:200px;
  822. height:400px;
  823. top:0px;
  824. left:45px;
  825. transition-duration: 0.8s;
  826. -moz-transition-duration: 0.8s;
  827. -webkit-transition-duration: 0.8s;
  828. -o-transition-duration: 0.8s;
  829. }
  830.  
  831. #owl{
  832. position:absolute;
  833. bottom:-15px;
  834. width:130px;
  835. height:130px;
  836. left:0px;
  837. margin-left:-50px;
  838. transition-duration: 0.8s;
  839. -moz-transition-duration: 0.8s;
  840. -webkit-transition-duration: 0.8s;
  841. -o-transition-duration: 0.8s;
  842.  
  843. }
  844. #owl img{
  845. bottom:-10px;
  846. width:130px;
  847. height:auto;
  848. transition-duration: 0.8s;
  849. -moz-transition-duration: 0.8s;
  850. -webkit-transition-duration: 0.8s;
  851. -o-transition-duration: 0.8s;
  852. }
  853.  
  854.  
  855. #words{
  856. position:absolute;
  857. top:0px;
  858. width:300px;
  859. height:250px;
  860. border-radius:10px;
  861. opacity:0;
  862. transition-duration: 0.8s;
  863. -moz-transition-duration: 0.8s;
  864. -webkit-transition-duration: 0.8s;
  865. -o-transition-duration: 0.8s;
  866. }
  867.  
  868. #uptext{
  869. position:absolute;
  870. top:135px;
  871. left:15px;
  872. padding:10px;
  873. width:105px;
  874. height:250px;
  875. line-height:130%;
  876. opacity:0.7;
  877. font-size:9px;
  878. font-family:sans-serif;
  879. overflow:auto;
  880. transition-duration: 0.8s;
  881. -moz-transition-duration: 0.8s;
  882. -webkit-transition-duration: 0.8s;
  883. -o-transition-duration: 0.8s;
  884. }
  885.  
  886. #updates:hover #words{
  887. opacity:1;
  888. transition-duration: 0.8s;
  889. -moz-transition-duration: 0.8s;
  890. -webkit-transition-duration: 0.8s;
  891. -o-transition-duration: 0.8s;
  892. }
  893.  
  894.  
  895. </style>
  896.  
  897. <body>
  898.  
  899. <div id="updates">
  900. <div id="words">
  901. <div id="uptext">
  902. <h2>{text:update title}</h2>
  903.  
  904. <!-------------------------INSERT UPDATES HERE----------------------->
  905. {block:IfShowwatching}<b>Watching:</b> {text:watching} <br>{/block:IfShowwatching}
  906. {block:IfShowreading}<b>Reading:</b> {text:reading}<br>{/block:IfShowreading}
  907. {block:IfShowlisteningto}<b>Listening to:</b> {text:listening to}<br>{/block:IfShowlisteningto}
  908. {block:IfShowstatus}<b>Status:</b> {text:status}<p> {/block:IfShowstatus}
  909. {block:IfShowmore}{text:more}{/block:IfShowmore}
  910. <!------------------------------END---------------------------------->
  911. </div>
  912.  
  913. </div>
  914.  
  915.  
  916. <div id="owl"><img src="{image:update}"></div>
  917.  
  918. </div>
  919.  
  920. <div id="03" class="popup_block">
  921.  
  922.  
  923. <!--LINKS GROUP 1-->
  924. <div id="padfoot">
  925. {text:linkstitle1}
  926. </div>
  927. <div id="prongs">
  928. {block:IfLink01}<li><a href="{text:link 01 url}">{text:link 01}</a></li>{/block:IfLink01}
  929. {block:IfLink02}<li><a href="{text:link 02 url}">{text:link 02}</a></li>{/block:IfLink02}
  930. {block:IfLink03}<li><a href="{text:link 03 url}">{text:link 03}</a></li>{/block:IfLink03}
  931. {block:IfLink04}<li><a href="{text:link 04 url}">{text:link 04}</a></li>{/block:IfLink04}
  932. {block:IfLink05}<li><a href="{text:link 05 url}">{text:link 05}</a></li>{/block:IfLink05}
  933. </div>
  934. <!--END OF LINKS GROUP 1-->
  935.  
  936. <!--LINKS GROUP 2-->
  937. <div id="padfoot">
  938. {text:linkstitle2}
  939. </div>
  940. <div id="prongs">
  941. {block:IfLink06}<li><a href="{text:link 06 url}">{text:link 06}</a></li>{/block:IfLink06}
  942. {block:IfLink07}<li><a href="{text:link 07 url}">{text:link 07}</a></li>{/block:IfLink07}
  943. {block:IfLink08}<li><a href="{text:link 08 url}">{text:link 08}</a></li>{/block:IfLink08}
  944. {block:IfLink09}<li><a href="{text:link 09 url}">{text:link 09}</a></li>{/block:IfLink09}
  945. {block:IfLink10}<li><a href="{text:link 10 url}">{text:link 10}</a></li>{/block:IfLink10}
  946. </div>
  947. <!--END OF LINKS GROUP 2-->
  948.  
  949. <!--LINKS GROUP 3-->
  950. <div id="padfoot">
  951. {text:linkstitle3}
  952. </div>
  953. <div id="prongs">
  954. {block:IfLink11}<li><a href="{text:link 11 url}">{text:link 11}</a></li>{/block:IfLink11}
  955. {block:IfLink12}<li><a href="{text:link 12 url}">{text:link 12}</a></li>{/block:IfLink12}
  956. {block:IfLink13}<li><a href="{text:link 13 url}">{text:link 13}</a></li>{/block:IfLink13}
  957. {block:IfLink14}<li><a href="{text:link 14 url}">{text:link 14}</a></li>{/block:IfLink14}
  958. {block:IfLink15}<li><a href="{text:link 15 url}">{text:link 15}</a></li>{/block:IfLink15}
  959. </div>
  960. <br>
  961. <!--END OF LINKS GROUP 3-->
  962.  
  963.  
  964.  
  965. </div>
  966. <!--END OF TAG BOX-->
  967.  
  968. </div>
  969.  
  970. <div id="sidebar">
  971. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  972. <div class="desc">
  973. {Description}
  974.  
  975.  
  976. <div id="navigation"><div class="button">
  977.  
  978. <a href="/" title="home"></a>
  979. <a href="/ask" title="ask"></a>
  980. <a href="#?w=500" rel="03" class="poplight" title="links"></a>
  981.  
  982. </div></div> </div>
  983.  
  984.  
  985. {block:Pagination}<div id="pagi">
  986. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>&nbsp;&nbsp;{/block:PreviousPage}
  987. {block:JumpPagination length="2"}
  988. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
  989. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
  990. {/block:JumpPagination}
  991. {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
  992. </div>{/block:Pagination}
  993.  
  994. </div>
  995.  
  996.  
  997.  
  998.  
  999.  
  1000. <div id="container">
  1001. {block:Posts}
  1002.  
  1003. <div id="post">
  1004. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  1005.  
  1006. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  1007.  
  1008. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  1009. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  1010.  
  1011. {block:ContentSource}
  1012. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1013. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1014. {/block:SourceLogo}
  1015. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1016. {/block:ContentSource}
  1017.  
  1018. {block:Photo}
  1019. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}<br>{block:Caption}<h3>{Caption}</h3>{/block:Caption}
  1020. {/block:Photo}
  1021.  
  1022. {block:Photoset}
  1023. {Photoset-500}{block:Caption}<h3>{Caption}</h3>{/block:Caption}
  1024. {/block:Photoset}
  1025.  
  1026.  
  1027.  
  1028. {block:Chat}
  1029. {block:Title}<a href="{Permalink}"><h1>{Title}</h1></a>{/block:Title}
  1030. <div class="chat"><ul>{block:Lines}
  1031. <li class="person{UserNumber}">{block:Label}
  1032. <span class="label"><u>{Label}</u></span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  1033. {/block:Chat}
  1034.  
  1035.  
  1036. {block:Video}{VideoEmbed-500}{block:Caption}<h3>{Caption}</h3>{/block:Caption}{/block:Video}
  1037.  
  1038. {block:Answer}<div class="question">{Question}</div><div class="asker"><span style="font-size:20px;color:{color:Ask Background};">◥</span> {Asker}</div>{Answer}{/block:Answer}
  1039.  
  1040. {block:Audio}
  1041. <div class="audio"><div class="musicplayer">{AudioPlayer}</div>
  1042. <div class="audioimg"><img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg"></div>{block:AlbumArt}<div class="audioimg"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}</div>
  1043. <div class="audioinfo">{block:TrackName}{TrackName}{/block:TrackName}<br>
  1044. <div style="font-size:8px;font-family:calibri;letter-spacing:1px;margin-top:5px;text-transform:uppercase;font-style:normal;">{block:Artist}{Artist}{/block:Artist}{block:Album} - {Album}{/block:Album}</div></div>
  1045. {block:Caption}<div class="postbody">{Caption}</div>{/block:Caption}{/block:Audio}
  1046.  
  1047. <div class="doubleline"> </div>{block:Date}
  1048. <div class="box"><span class="date"><a href="{Permalink}">{TimeAgo}</a></span> &nbsp;&nbsp;<a href="{ReblogURL}" target="_blank"> reblog</a> &emsp; at {24Hour}:{Minutes} &nbsp;&nbsp; {block:NoteCount}<a href="{Permalink}"><font color="fc0707">&hearts;</font></span> {NoteCount} NOTES</a> {/block:NoteCount}{block:RebloggedFrom}&nbsp; &nbsp;via <a href="{ReblogParentURL}">{ReblogParentName}</a> &nbsp; © <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}</div>
  1049. {/block:Date}
  1050.  
  1051. <div class="bottomline"></div><div class="tagS">{block:HasTags}<span style="text-transform:uppercase;font-size:7px;color:{color:text}">tagged as:</span> {block:Tags} <a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</div></div>
  1052.  
  1053. {/block:Posts}
  1054.  
  1055. <div class="note">
  1056. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1057. </div>
  1058. </div>
  1059. {/block:Posts}
  1060. <a href="http://adf.ly/WipQG"><img src="http://static.tumblr.com/xkrznpq/PMOmud849/m.png" id="credit" title="mandrakescry themes"></a>
  1061.  
  1062. </body>
  1063. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!