API tools faq
paste
Advertisement
kalder

Theme #13 - Primadonna

kalder
Jul 13th, 2014
889
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.62 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.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <head><title>{Title}</title>
  6.  
  7. <link rel="shortcut icon" href="{Favicon}">
  8.  
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10.  
  11. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  12.  
  13.  
  14. <!---- Theme #13 - Primadonna by stlles, don't repost/copy/claim as yours, protected over creative commons license. --->
  15.  
  16.  
  17. <link href='http://fonts.googleapis.com/css?family=Mrs+Saint+Delafield' rel='stylesheet' type='text/css'>
  18. <link href='http://fonts.googleapis.com/css?family=Parisienne' rel='stylesheet' type='text/css'>
  19.  
  20. <meta name="color:Background" content="#ffffff"/>
  21.  
  22. <meta name="color:Text" content="#838282"/>
  23.  
  24. <meta name="color:Main Color" content="#f38cb6">
  25.  
  26. <meta name="color:Link" content="#b8b8b8"/>
  27.  
  28. <meta name="color:Link hover" content="#b8b8b8"/>
  29.  
  30. <meta name="color:Header Link Color" content="#fff"/>
  31.  
  32. <meta name="color:Header Image Border" content="#fff"/>
  33.  
  34.  
  35. <meta name="image:Sidebar" content=""/>
  36.  
  37. <meta name="image:Header Background 1" content=""/>
  38.  
  39. <meta name="image:Header Background 2" content=""/>
  40.  
  41. <meta name="image:Header Background 3" content=""/>
  42.  
  43.  
  44. <meta name="text:linkA" content="">
  45.  
  46. <meta name="text:linkA url" content="/">
  47.  
  48. <meta name="text:linkB" content="">
  49.  
  50. <meta name="text:linkB url" content="/">
  51.  
  52. <meta name="text:linkC" content="">
  53.  
  54. <meta name="text:linkC url" content="/">
  55.  
  56. <meta name="text:linkD" content="">
  57.  
  58. <meta name="text:linkD url" content="/">
  59.  
  60.  
  61.  
  62.  
  63.  
  64. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  65. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  66.  
  67.  
  68. <script src="http://static.tumblr.com/kjtbii3/IQemv5u3n/tooltip.js">
  69. </script>
  70.  
  71.  
  72.  
  73. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  74.  
  75. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
  76.  
  77. <script type="text/javascript" src="http://static.tumblr.com/ifqwhnb/GBsm20q7d/jquery.nivo.slider.pack.js"></script>
  78. <script type="text/javascript">
  79.  
  80. var $nv4wp = jQuery.noConflict();
  81.  
  82. $nv4wp(window).load(function() {
  83.  
  84. $nv4wp('#slider').nivoSlider({
  85.  
  86. effect:'random',
  87.  
  88. slices:15, // For slice animations
  89.  
  90. boxCols: 4, // For box animations
  91.  
  92. boxRows: 2, // For box animations
  93.  
  94. animSpeed:500, // Slide transition speed
  95.  
  96. pauseTime:3000, // How long each slide will show
  97.  
  98. startSlide:0, // Set starting Slide (0 index)
  99.  
  100. directionNav:true, //Next & Prev
  101.  
  102. directionNavHide:true, //Only show on hover
  103.  
  104. controlNav:false, // 1,2,3... navigation
  105.  
  106. controlNavThumbs:false, // Use thumbnails for Control Nav
  107.  
  108. controlNavThumbsFromRel:false, // Use image rel for thumbs
  109.  
  110. controlNavThumbsSearch: '.jpg', // Replace this with...
  111.  
  112. controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src
  113.  
  114. keyboardNav:true, //Use left & right arrows
  115.  
  116. pauseOnHover:true, //Stop animation while hovering
  117.  
  118. manualAdvance:false, //Force manual transitions
  119.  
  120. captionOpacity:0.8, //Universal caption opacity
  121.  
  122. prevText: '', // Prev directionNav text
  123.  
  124. nextText: '', // Next directionNav text
  125.  
  126. beforeChange: function(){}, // Triggers before a slide transition
  127.  
  128. afterChange: function(){}, // Triggers after a slide transition
  129.  
  130. slideshowEnd: function(){}, // Triggers after all slides have been shown
  131.  
  132. lastSlide: function(){}, // Triggers when last slide is shown
  133.  
  134. afterLoad: function(){} // Triggers when slider has loaded
  135.  
  136. });
  137.  
  138. });
  139.  
  140. </script>
  141.  
  142.  
  143. <script>
  144.  
  145. // Mouseover/ Click sound effect- by JavaScript Kit (www.javascriptkit.com)
  146. // Visit JavaScript Kit at http://www.javascriptkit.com/ for full source code
  147.  
  148. //** Usage: Instantiate script by cwrappering: var uniquevar=createsoundbite("soundfile1", "fwrapperbackfile2", "fwrapperebacksound3", etc)
  149. //** Cwrapper: uniquevar.playclip() to play sound
  150.  
  151. var html5_audiotypes={ //define list of audio file extensions and their associated audio types. Add to it if your specified audio file isn't on this list:
  152. "mp3": "audio/mpeg",
  153. "mp4": "audio/mp4",
  154. "ogg": "audio/ogg",
  155. "wav": "audio/wav"
  156. }
  157.  
  158. function createsoundbite(sound){
  159. var html5audio=document.createElement('audio')
  160. if (html5audio.canPlayType){ //check support for HTML5 audio
  161. for (var i=0; i<arguments.length; i++){
  162. var sourceel=document.createElement('source')
  163. sourceel.setAttribute('src', arguments[i])
  164. if (arguments[i].match(/\.(\w+)$/i))
  165. sourceel.setAttribute('type', html5_audiotypes[RegExp.$1])
  166. html5audio.appendChild(sourceel)
  167. }
  168. html5audio.load()
  169. html5audio.playclip=function(){
  170. html5audio.pause()
  171. html5audio.currentTime=0
  172. html5audio.play()
  173. }
  174. return html5audio
  175. }
  176. else{
  177. return {playclip:function(){throw new Error("Your browser doesn't support HTML5 audio unfortunately")}}
  178. }
  179. }
  180.  
  181. //Initialize two sound clips with 1 fwrapperback file each:
  182.  
  183. var mouseoversound=createsoundbite("http://www.ultranoir.com/cdn/gene/sound/clack.ogg")
  184. var clicksound=createsoundbite("http://a.tumblr.com/tumblr_mzbd1tcAgS1svhlqqo1.mp3#_=_")
  185.  
  186.  
  187. </script>
  188.  
  189.  
  190.  
  191.  
  192. <style type="text/css">
  193.  
  194.  
  195.  
  196.  
  197.  
  198. body {
  199. font-family: 'Arial';
  200.  
  201. background:{color:background};
  202.  
  203. margin:0px;
  204.  
  205. color:{color:text};
  206.  
  207. font-size:9px;
  208.  
  209. line-height:100%;
  210.  
  211. }
  212.  
  213.  
  214.  
  215. a {
  216.  
  217. text-decoration:none;
  218.  
  219. outline:none;
  220.  
  221. -moz-outline-style:none;
  222.  
  223. color:{color:link};
  224. -moz-transition-duration:0.3s;
  225. -webkit-transition-duration:0.3s;
  226. -o-transition-duration:0.3s;
  227.  
  228. }
  229.  
  230.  
  231.  
  232. a:hover{
  233.  
  234. color:{color:link hover};
  235. -moz-transition-duration:0.3s;
  236. -webkit-transition-duration:0.3s;
  237. -o-transition-duration:0.3s;
  238. }
  239.  
  240.  
  241.  
  242. img {
  243.  
  244. border:none;
  245.  
  246. }
  247.  
  248.  
  249.  
  250.  
  251. blockquote {
  252. font-size: 12px;
  253.  
  254. padding-left:5px;
  255.  
  256. border-left:2px solid;
  257. line-height: 12px;
  258.  
  259. }
  260.  
  261.  
  262.  
  263. blockquote blockquote {
  264.  
  265. padding-left:5px;
  266.  
  267. border-left:2px solid;
  268.  
  269. }
  270.  
  271.  
  272.  
  273. h1 {
  274.  
  275. font-size:10px;
  276.  
  277. }
  278.  
  279.  
  280.  
  281.  
  282.  
  283. #entries {
  284.  
  285. padding:10px;
  286.  
  287. width:520px;
  288.  
  289. margin-left:32%;
  290.  
  291. margin-top:250px;
  292.  
  293. padding:0px;
  294.  
  295.  
  296.  
  297. }
  298.  
  299.  
  300.  
  301.  
  302. #post {
  303.  
  304. width:500px;
  305. margin-top: 79px ;
  306. margin-left:1px;
  307. background: #ffffff;
  308. padding: 10px;
  309.  
  310.  
  311.  
  312. }
  313.  
  314.  
  315.  
  316.  
  317. #sidebar {
  318. width:500px;
  319. position:fixed;
  320. margin-left:32%;
  321. margin-top:-320px;
  322. z-index: 999999;
  323. padding: 10px;
  324. background:#fff;
  325.  
  326.  
  327.  
  328.  
  329. }
  330.  
  331.  
  332.  
  333. #sidebarimage {
  334. border:2px solid {color:Header Image Border};
  335. width:500px;
  336. height:250px;
  337.  
  338.  
  339. }
  340.  
  341. #sidebarimage img {
  342.  
  343. width:500px;
  344.  
  345. }
  346.  
  347.  
  348. #pagbox{
  349.  
  350. width: 100px;
  351.  
  352.  
  353. top: 10px;
  354. left: 240px;
  355. position: relative;
  356. padding: 5px;
  357. z-index:9999999;
  358. }
  359.  
  360. #pagbox a{
  361. color: #000000;
  362. text-transform: uppercase;
  363. font-size: 8px;
  364. font-family: calibri;
  365. }
  366.  
  367. #description {
  368.  
  369.  
  370. width:300px;
  371.  
  372. text-transform: uppercase;
  373. text-align: justify;
  374. font-family:'Calibri';
  375. margin-top:-15px;
  376. margin-left:95px;
  377. font-size:8px;
  378. position:relative;
  379. line-height: 14px;
  380. padding:10px;
  381. background:#ffffff;
  382. color:#6E6E6E;
  383. border-right: 2px {color:Main Color} solid;
  384. border-left: 2px solid {color:Main Color};
  385. z-index:9999999;
  386.  
  387. word-spacing:0px;
  388.  
  389.  
  390.  
  391. }
  392.  
  393.  
  394.  
  395.  
  396.  
  397. #links {
  398.  
  399. padding: 6px;
  400. text-align:center;
  401. text-transform:uppercase;
  402. position:relative;
  403. margin-top:-74px;
  404. margin-left: 10px;
  405. z-index:999999;
  406.  
  407.  
  408.  
  409. }
  410.  
  411. #links a{
  412. width:0px;
  413. padding:4px;
  414. font-size:3px;
  415. margin:5px;
  416. letter-spacing:1px;
  417. color: {color:dot color};
  418. background:{color:Header Link Color};
  419. border-radius:200px;
  420. border:1px solid {color:Header Link Color};
  421. text-align:center;
  422. display:inline-block;
  423. }
  424.  
  425. #links a:hover{
  426. -moz-transition-duration:0.3s;
  427. -webkit-transition-duration:0.3s;
  428. -o-transition-duration:0.3s;
  429. background:transparent;
  430. border:1px solid {color:Header Link Color};
  431.  
  432. }
  433.  
  434.  
  435.  
  436.  
  437.  
  438.  
  439.  
  440. .caption {
  441.  
  442. width:500px;
  443.  
  444. text-align:justify;
  445.  
  446. line-height:120%;
  447.  
  448. }
  449.  
  450.  
  451.  
  452.  
  453.  
  454.  
  455.  
  456. .ans {
  457.  
  458. text-align:left;
  459.  
  460. padding:10px;
  461.  
  462. color:{color:text};
  463.  
  464. }
  465.  
  466.  
  467.  
  468. .audio {
  469.  
  470. width:500px;
  471.  
  472. padding-bottom:10px;
  473.  
  474. background-color:{color:infobg};
  475.  
  476. }
  477.  
  478.  
  479.  
  480. .albumart {
  481.  
  482. float:left;
  483.  
  484. padding:0px 10px 10px 0px;
  485.  
  486. }
  487.  
  488.  
  489.  
  490. .albumart img {
  491.  
  492. width:45px;
  493.  
  494. height:45px;
  495.  
  496. }
  497.  
  498.  
  499.  
  500. .playercontainer {
  501.  
  502. text-align:left;
  503.  
  504. padding:10px;
  505.  
  506. background-color:#ffffff;
  507.  
  508. width:480px;
  509.  
  510. }
  511.  
  512.  
  513.  
  514. .audioinfo {
  515.  
  516. padding:10px;
  517.  
  518. color:{color:text};
  519.  
  520. }
  521.  
  522. .newplayerbutton {
  523. position: relative;
  524. width: 28px;
  525. height: 27px;
  526. overflow: hidden;
  527. }
  528.  
  529. .playerbuttonhug {
  530. position: absolute;
  531. top: -5px;
  532. left: -3px;
  533. }
  534.  
  535.  
  536. .tumblr_audio_player {
  537. border: none;
  538. padding: 0px;
  539. margin: 0px;
  540. height: 30px;
  541. width: 500px;
  542. }
  543.  
  544. .playerbuttonbg {
  545. position: absolute;
  546. left: 30px;
  547. top: 20px;
  548. width: 20px;
  549. height: 20px;
  550. background-color: #ffffff;
  551. padding: 10px;
  552. -webkit-border-radius: 40px;
  553. -moz-border-radius: 40px;
  554. border-radius: 40px;
  555. opacity: .4;
  556. filter: alpha(opacity=40);
  557. -moz-opacity: 0.4;
  558. -khtml-opacity: 0.4;
  559. transition: opacity .7s ease-in-out;
  560. -moz-transition: opacity .7s ease-in-out;
  561. -webkit-transition: opacity .7s ease-in-out;
  562. }
  563.  
  564. .playerbuttonbg:hover {
  565. opacity: 1;
  566. filter: alpha(opacity=100);
  567. -moz-opacity: 1;
  568. -khtml-opacity: 1;
  569. }
  570.  
  571. .audioimgwrapper {
  572. position: absolute;
  573. left: 15px;
  574. top: 5px;
  575. -webkit-border-radius: 50px;
  576. -moz-border-radius: 50px;
  577. border-radius: 50px;
  578. overflow: hidden;
  579. width: 70px;
  580. height: 70px;
  581. }
  582.  
  583. .audioimgwrapper img {
  584. width: 70px;
  585. height:70px;
  586. -webkit-border-radius: 50px;
  587. -moz-border-radius: 50px;
  588. border-radius: 50px;
  589. }
  590.  
  591. .trackdetails {
  592. width: auto;
  593. display:inline-block;
  594. margin-left: 100px;
  595. min-height: 45px;
  596. margin-top: 3px;
  597. line-height: 10px;
  598. color: #000;
  599. font-size:8px;
  600. text-transform: uppercase;
  601. font-family: calibri;
  602. border-left: 1px solid #000;
  603. padding: 5px;
  604. }
  605.  
  606. .audiowrapper {
  607. position: relative;
  608. display:inline-block;
  609.  
  610. width: 480px;
  611. padding: 10px;
  612.  
  613. }
  614.  
  615.  
  616. #info {font-family:helvetica; margin-top:5px; margin-bottom:3px; padding-top:3px; text-align:center; text-transform:lowercase; letter-spacing:1px; font-size:8px; line-height:80%; border-bottom: 0px solid #C2C2C2; background-color:#transparent;}
  617.  
  618. #info a {font-style:normal; padding-left:7px; padding-right:7px; background-color:#ffffff; color:#878787;}
  619.  
  620. #info a:hover {color:#999999;}
  621.  
  622. #tags {font-family:helvetica; margin-top:-5px; margin-bottom:15px; margin-left:0px; text-transform:uppercase; letter-spacing: 0px; font-weight:normal; font-style:normal; font-size:8px; text-align:center; text-transform: lowercase; background-color:#transparent; border-top:1px solid #C2C2C2; padding:5px;}
  623.  
  624. #tags a {font-style:normal; color:#878787; display:inline; text-align:center;}
  625.  
  626. #tags a:hover {color:#999999;}
  627.  
  628. #date {background-color:#222222; color:{color:link};}
  629.  
  630. .notes {font-family:arial; font-size:8px; margin-top:30px; width:400px;}
  631.  
  632. .notes a:hover {background-color:transparent; color:{color:link};}
  633.  
  634. ol.notes {list-style-type:none;}
  635.  
  636. ol.notes li.note {padding-bottom:2px; margin-bottom:2px;}
  637.  
  638. ol.notes li.note img.avatar {border-radius:100%; vertical-align:-5px;}
  639.  
  640. ol.notes li.note img {padding:2px;}
  641.  
  642. ol.notes li.note blockquote {padding-left:5px; margin-left:20px;}
  643.  
  644.  
  645.  
  646. ul.chat, .chat ol, .chat li {
  647.  
  648. list-style:none;
  649.  
  650. margin:0px;
  651.  
  652. padding:2px;
  653.  
  654. }
  655.  
  656.  
  657.  
  658. .label {
  659.  
  660. text-decoration:underline;
  661.  
  662. font-weight:300;
  663.  
  664. background-color:{color:infobg};
  665.  
  666. margin-right:5px;
  667.  
  668. }
  669.  
  670.  
  671.  
  672.  
  673. .user_1 .label {color:{color:text}; font-weight:bold}
  674.  
  675. .user_2 .label {color:{color:link}; font-weight:bold}
  676.  
  677. .user_3 .label {color:{color:text}; font-weight:bold}
  678.  
  679. .user_4 .label {color:{color:link}; font-weight:bold}
  680.  
  681. .user_5 .label {color:{color:text}; font-weight:bold}
  682.  
  683. .user_6 .label {color:{color:link}; font-weight:bold}
  684.  
  685. ul.chat, .chat ol, .chat li {list-style:none; padding:2px}
  686.  
  687. @font-face { font-family: "basket";src: url('http://static.tumblr.com/ejm8w78/E7bmdzk1u/kgthefighter.ttf');,}
  688.  
  689.  
  690. #tooltip{
  691. padding:4px;
  692. height: auto;
  693. margin-top:10px;
  694. margin-left:15px;
  695. font-family:Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  696. font-size:9px;
  697. display: none;
  698. text-align: center;
  699. position: absolute;
  700. line-height: 10px;
  701. text-transform:lowercase;
  702. font-style: italic;
  703. letter-spacing:0px;
  704. z-index: 999999999999;
  705. border-right: 2px solid {color:Main Color};
  706. border-left: 2px solid {color:Main Color};
  707. border-radius:10px;
  708. background:white;
  709. color:#aaaaaa;
  710. box-shadow:1px 1px 3px rgba(0,0,0,.1);
  711.  
  712.  
  713. }
  714.  
  715.  
  716. .one {
  717. background-color:#000000;
  718. width:1px;
  719. height:20px;
  720. border-radius:0px;
  721. margin-top:-15px;
  722. margin-left:53px;
  723. position:absolute;
  724. -webkit-transform: translateY(0px) translateX(0px) rotate(45deg);
  725. -moz-transition-duration:0.4s;
  726. -webkit-transition-duration:0.4s;
  727. -o-transition-duration:0.4s;
  728. }
  729.  
  730. #credits:hover .one {
  731. transform:rotate(0deg);
  732. margin-left:62px;
  733. -ms-transform:rotate(0deg);
  734. -webkit-transform:rotate(0deg);
  735. -moz-transition-duration:0.4s;
  736. -webkit-transition-duration:0.4s;
  737. -o-transition-duration:0.4s;
  738. }
  739.  
  740. .two {
  741. background-color:#000000;
  742. width:1px;
  743. height:20px;
  744. border-radius:3px;
  745. margin-top:-15px;
  746. margin-left:53px;
  747. position:absolute;
  748. -webkit-transform:rotate(-45deg);
  749. -moz-transition-duration:0.4s;
  750. -webkit-transition-duration:0.4s;
  751. -o-transition-duration:0.4s;
  752. }
  753.  
  754. #credits:hover .two {
  755. transform:rotate(0deg);
  756. margin-left:-6px;
  757. -ms-transform:rotate(0deg);
  758. -webkit-transform:rotate(0deg);
  759. -moz-transition-duration:0.4s;
  760. -webkit-transition-duration:0.4s;
  761. -o-transition-duration:0.4s;
  762. }
  763.  
  764.  
  765. .text{
  766. opacity:0;
  767. -moz-transition-duration:0.4s;
  768. -webkit-transition-duration:0.4s;
  769. -o-transition-duration:0.4s;
  770. }
  771.  
  772. #credits:hover .text{
  773. opacity:1;
  774. -moz-transition-duration:0.4s;
  775. -webkit-transition-duration:0.4s;
  776. -o-transition-duration:0.4s;
  777.  
  778. }
  779.  
  780.  
  781.  
  782. #credits{ position:fixed; bottom:10px; right:10px; padding:5px;
  783. font-size:8px;
  784. text-transform: uppercase;
  785. font-family: calibri;
  786.  
  787. color: #000000;
  788.  
  789.  
  790. text-align:center;}
  791.  
  792. #credits a{ color: #000000;}
  793. #credits a:hover{ color: #000000; text-transform: uppercase;}
  794.  
  795.  
  796.  
  797.  
  798.  
  799. iframe#tumblr_controls {
  800. white-space:nowrap; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%);opacity:0.2;
  801. }
  802. #tumblr_controls{
  803. position:fixed !important;
  804. -webkit-filter: invert(100%)
  805. }
  806.  
  807.  
  808.  
  809. #quest{
  810.  
  811.  
  812. padding: 10px;
  813. width:480px;
  814. color:#6E6E6E;
  815. font-family:Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  816. font-size:9px;
  817.  
  818. text-align: center;
  819.  
  820. line-height: 10px;
  821. text-transform:lowercase;
  822. font-style: italic;
  823. letter-spacing:0px;
  824.  
  825. border-right: 2px solid {color:Main Color};
  826.  
  827. border-left: 2px solid {color:Main Color};
  828.  
  829.  
  830. border-radius:50px;
  831. background:white;
  832. color:#aaaaaa;
  833. box-shadow:1px 1px 3px rgba(0,0,0,.1);
  834. }
  835.  
  836. #pic{
  837. width:20px;
  838. position:absolute;
  839. margin-top: -10px;
  840. margin-left:-10px;
  841.  
  842. }
  843.  
  844. #name{
  845. position:absolute;
  846. margin-top:15px;
  847. margin-left:45px;
  848. line-height:10px;
  849. border-bottom: 2px solid {color:Main Color};
  850. background:#fff;
  851.  
  852. }
  853. #name a{
  854. color:#aaa;
  855. }
  856.  
  857. #arrow{
  858. position:absolute;
  859. margin-top:10px;
  860. margin-left:5px;
  861. background:#fff;
  862.  
  863. }
  864.  
  865. /* the nivo slider styles */
  866. #slider {position:relative;}
  867. #slider img {position:absolute; top:0px; left:0px; display:none; }
  868. #slider a {border:0; display:block;}
  869. .nivoslider {position:relative; width: 500px;}
  870. .nivoslider img {position:absolute; top:0px; left:0px;}
  871. /* if an image is wrapped in a link */
  872. .nivoslider a.nivo-imagelink {position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0;margin:0; z-index:6; display:none;}
  873. /* the slices and boxes in the slider */
  874. .nivo-slice {display:block;position:absolute;z-index:5;height:100%;}
  875. .nivo-box {display:block;position:absolute;z-index:5;}
  876. /* caption styles */
  877. .nivo-caption {position:absolute;left:0px; bottom:0px; background:#fff; color:#000; text-transform: uppercase; width: 100%; z-index:50; border-right: 5px solid #;padding: 5px 0;}
  878. .nivo-caption p {padding:0 20px;margin:0;font-size:14px;}
  879. .nivo-caption a {display:inline !important;}
  880. .nivo-html-caption {display:none;}
  881. /* direction nav styles (e.g. next & prev) */
  882. .nivo-directionnav a {position:absolute;top:45%;z-index:99;cursor:pointer;}
  883. .nivo-prevnav {left:0px;} .nivo-nextnav {right:0px;}
  884. /*============================*/
  885. /*=== custom slider styles ===*/
  886. /*============================*/
  887. .slider {width:100%;}
  888. .slider img {position:absolute;top:0px;left:0px;display:none;}
  889. .slider a {border:0;display:block;}
  890. .nivo-controlnav {display:none;}
  891. .nivo-directionnav a {display:block; width:31px; height:34px; background:url(http://twizonebr.com/novidades/wp-content/themes/twizonebrvrs1/arrowswleft.png) no-repeat;text-indent:-9999px;border:0; }
  892. a.nivo-nextnav {background-position:-30px 0;right:15px;}
  893. a.nivo-prevnav { left:15px;} .nivo-caption {font-family:"trebuchet ms", arial, helvetica, sans-serif;}
  894. .nivo-caption a {color:#efe9d1; text-decoration:underline;}
  895.  
  896. /*** efeito lower por htmlstrew ***/
  897. @-webkit-keyframes lower {0% {opacity: 0;-webkit-transform: translatey(-2000px);}60% {opacity: 1;-webkit-transform: translatey(30px);}80% {-webkit-transform: translatey(-10px);}100% {-webkit-transform: translatey(0);}}
  898. .eflow {margin-top:#px; margin-left:#px;-webkit-animation: lower 2.5s;}
  899.  
  900.  
  901.  
  902. #imagi{
  903. width:64px;
  904. position:fixed;
  905. margin-top:-90px;
  906. margin-left:210px;
  907.  
  908. z-index: 99999;
  909. }
  910.  
  911.  
  912.  
  913. {CustomCSS}</style></head><body>
  914.  
  915.  
  916.  
  917.  
  918. <div id="sidebar">
  919.  
  920.  
  921.  
  922.  
  923. <div id="sidebarimage">
  924.  
  925. <div id="slide">
  926. <div id="slider">
  927. <a href="link" target="_blank"><img src="{image:Header Background 1}" width="500" height="250" /></a>
  928. <a href="link" target="_blank"><img src="{image:Header Background 2}" width="500" height="250" /></a>
  929. <a href="link" target="_blank"><img src="{image:Header Background 3}" width="500" height="250" /></a>
  930. </div></div>
  931. </div>
  932.  
  933. <div class="eflow">
  934. <div id="imagi"><img src="{image:Sidebar}" style="
  935. border: 1px solid #ddd;
  936. padding:10px;
  937. background:{color:Header Image Border};
  938. width:64px; border-radius:100%;"></div>
  939. <div id="links">
  940.  
  941.  
  942. <a href="{text:LinkA url}" title="{text:LinkA}" onmouseover="mouseoversound.playclip()"></a>
  943. <a href="{text:LinkB url}" title="{text:LinkB}" onmouseover="mouseoversound.playclip()"></a>
  944. <a href="{text:LinkC url}" title="{text:LinkC}" onmouseover="mouseoversound.playclip()"></a>
  945. <a href="{text:LinkD url}" title="{text:LinkD}" onmouseover="mouseoversound.playclip()"></a>
  946.  
  947.  
  948. </div>
  949.  
  950. <br>
  951.  
  952.  
  953.  
  954.  
  955. <div id="description" >{Description}</div>
  956.  
  957.  
  958.  
  959.  
  960. </div>
  961.  
  962. </div>
  963.  
  964.  
  965.  
  966. <div id="entries">
  967. {block:Posts}
  968. <div id="post">
  969.  
  970. {block:Text}
  971. <div id="topinho">{block:Title}{Title}{/block:Title}</div><br><br>
  972. {Body}{/block:Text}
  973.  
  974. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  975. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  976.  
  977. {block:Photoset}{Photoset-500}{block:Caption}{Caption}
  978. {/block:Caption}{/block:Photoset}
  979.  
  980. {block:Quote}<h2>"{Quote}"</h2>
  981. {block:Source}<div class="qsource"> —{Source}</div>
  982. {/block:Source}{/block:Quote}
  983.  
  984. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  985.  
  986. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  987.  
  988. {block:Audio}{block:AudioPlayer}
  989. <div class="audiowrapper">
  990. {block:AlbumArt}
  991. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  992. {/block:AlbumArt}
  993.  
  994. <div class="playerbuttonbg">
  995. <div class="newplayerbutton">
  996. <div class="playerbuttonhug">
  997.  
  998. {AudioPlayerWhite}
  999.  
  1000. </div>
  1001. </div>
  1002. </div>
  1003.  
  1004. <div class="trackdetails">
  1005.  
  1006. {block:TrackName}{TrackName}{/block:TrackName}<br/>
  1007. {block:Artist}Artist: {Artist}{/block:Artist}<br/>
  1008. {block:Album}Album: {Album}{/block:Album}<br/>
  1009. {PlayCountWithLabel}
  1010.  
  1011. </div>
  1012. </div>
  1013. {/block:AudioPlayer}
  1014.  
  1015. {block:Caption}{Caption}{/block:Caption}
  1016. {/block:Audio}<br>
  1017.  
  1018. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1019.  
  1020. {block:Answer}
  1021.  
  1022. <div id="quest"><div id="arrow"><img src="http://static.tumblr.com/myyo4hi/WLOn5u88x/sera.png"></div>
  1023. <div id="name">{Asker}</div><div id="pic"><img src="{AskerPortraitURL-24}" style="border: 1px solid #ddd; width:20px;
  1024. padding:4px;
  1025. background:#fff;
  1026. border-radius:100%;" ></a></a> </div><div style="margin-left:40px; width:440px;text-align:right;">{Question}</div></div>
  1027. <br>
  1028. {Answer}
  1029. {/block:Answer}
  1030.  
  1031.  
  1032. <div id="info">
  1033. <span style="background-color:#ffffff;">{block:Date}<a href="{Permalink}">{TimeAgo}</a> {/block:Date} <span style="color:#c99285; font-style:normal;">•</span> <a href="{Permalink}">{NoteCount}</a>{block:RebloggedFrom}<span style="color:#eee; font-style:normal;">|</span><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}{block:ContentSource}<span style="color:#c99285; font-style:normal;">•</span><a href="{SourceURL}">source</a>{/block:ContentSource}</span></div>
  1034.  
  1035. <div id="tags">
  1036. {block:HasTags} {block:Tags} <a href="{TagURL}"># {Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</div>
  1037.  
  1038. <div class="note">
  1039. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1040. </div>
  1041. </div>
  1042. {block:Posts}</center>
  1043.  
  1044. <div id="pagbox">
  1045.  
  1046.  
  1047. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a> {/block:PreviousPage}
  1048. {block:NextPage}— <a href="{NextPage}">forth</a>{/block:NextPage}{/block:Pagination}
  1049.  
  1050.  
  1051.  
  1052.  
  1053.  
  1054. </div>
  1055. </div></div></div>
  1056. <br><br><br><br>
  1057.  
  1058.  
  1059.  
  1060.  
  1061.  
  1062.  
  1063. </div>
  1064.  
  1065.  
  1066.  
  1067.  
  1068.  
  1069. </div>
  1070.  
  1071. </div>
  1072.  
  1073. </div>
  1074.  
  1075.  
  1076.  
  1077. </body>
  1078.  
  1079.  
  1080.  
  1081.  
  1082. <div id="credits">
  1083.  
  1084. <div class="text"><a href="http://stlles.tumblr.com">theme by stlles</a></div>
  1085.  
  1086. <div class="one"></div>
  1087. <div class="two"></div>
  1088.  
  1089. </div>
  1090.  
  1091. </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!