API tools faq
paste
aane69

theme thigrs pink pale

aane69
Apr 15th, 2016
46
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.11 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head profile="http://gmpg.org/xfn/11">
  2.  
  3.  
  4. <!--
  5.  
  6.  
  7. THEME BY : THIGERS
  8. ○ ● ○
  9. DON'T COPY
  10. DON'T REMOVE THE CREDITS ○ ● ○
  11.  
  12.  
  13. -->
  14.  
  15.  
  16.  
  17.  
  18. <link href='http://static.tumblr.com/azwqjke/gLqmk8uor/keymenui.css' rel='stylesheet' type='text/css'>
  19.  
  20. <link rel="stylesheet" type="text/css" href="http://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css">
  21.  
  22.  
  23. <!-- start of script tooltip -->
  24. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  25.  
  26.  
  27. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  28.  
  29. <link rel="stylesheet" type="text/css" href="http://assets.tumblr.com/fonts/quadrat/stylesheet.css?v=1"><link rel="stylesheet" type="text/css" href="http://assets.tumblr.com/fonts/streetscript/stylesheet.css?v=1">
  30.  
  31. <script>
  32.  
  33. (function($){
  34.  
  35. $(document).ready(function(){
  36.  
  37. $("a[title]").style_my_tooltips({
  38.  
  39. tip_follows_cursor:true,
  40.  
  41. tip_delay_time:90,
  42.  
  43. tip_fade_speed:600,
  44.  
  45. attribute:"title"
  46.  
  47. });
  48.  
  49. });
  50.  
  51. })(jQuery);
  52.  
  53. </script>
  54.  
  55. <script type="text/javascript">
  56. function showStuff(id) {
  57. document.getElementById(id).style.display = 'block';
  58. }
  59. </script>
  60.  
  61. <script type="text/javascript" src="http://static.tumblr.com/5u1fog0/GzWnj3uo9/ltop.js"></script>
  62.  
  63. <!-- Aparrence -->
  64.  
  65. <meta name="image:background" content="" />
  66.  
  67. <meta name="color:background" content="#f5f5f5"/>
  68. <meta name="color:texto" content="#000" />
  69. <meta name="color:detalhes" content="#eee" />
  70. <meta name="color:bg" content="#fff" />
  71. <meta name="color:cor detalhes" content="#fbbbbb" />
  72. <meta name="text:titulo" content="patience" />
  73.  
  74. <meta name="text:Link1" content="/" />
  75. <meta name="text:Link1 Title" content="home" />
  76. <meta name="text:Link2" content="/fask" />
  77. <meta name="text:Link2 Title" content="asked" />
  78. <meta name="text:Link3" content="/tretas" />
  79. <meta name="text:Link3 Title" content="others" />
  80. <meta name="text:Link4" content="/" />
  81. <meta name="text:Link4 Title" content="designs" />
  82.  
  83.  
  84.  
  85. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  86.  
  87. <link href='http://fonts.googleapis.com/css?family=Alegreya+Sans+SC:400,800,900|Carrois+Gothic|Exo:400,800,900|Exo+2:400,900,800|Carrois+Gothic+SC' rel='stylesheet' type='text/css'>
  88.  
  89. <link href='https://fonts.googleapis.com/css?family=Oswald|Raleway|Lobster|Pacifico' rel='stylesheet' type='text/css'>
  90.  
  91. <!-- Aparrence -->
  92.  
  93. <title>{Title}</title><link rel="shortcut icon" href="{Favicon}" width="25">
  94. <link rel="alternate" type="application/rss+xml" href="{RSS}">{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  95.  
  96.  
  97. <script>function click() {if (event.button==2||event.button==3) {oncontextmenu='return false';}}document.onmousedown=clickdocument.oncontextmenu = new Function("return false;")</script>
  98.  
  99.  
  100. <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,700' rel='stylesheet' type='text/css'>
  101.  
  102.  
  103.  
  104. <style type="text/css">
  105.  
  106.  
  107. #s-m-t-tooltip {line-height:13px;max-width:150px;overflow:auto;font-family:Consolas ,sans serif;max-width:300px;background-color:{color:bg};border:1px solid {color:cor detalhes};font-size:8px;color: {color:texto};text-transform:uppercase;padding:3px;
  108. margin:15px -10px -10px 15px;z-index:9999999999999999999999;border-radius:0px;}
  109.  
  110. ::selection {background-color:#;border-bottom:1px solid #eee;color:#fff;text-shadow:0em 0.1em 0.1em #555;}
  111.  
  112. iframe#tumblr_controls {
  113. position:fixed !important;font-size:arial !important;
  114. margin-top:10px !important;
  115. margin-right:10px !important;
  116. opacity:0.4 !important;
  117. z-index:9999999999999999999;
  118. filter: invert(1);
  119. -webkit-filter: invert(1);
  120. -moz-filter: invert(1);
  121. -o-filter: invert(1);
  122. -ms-filter: invert(1);
  123. }
  124.  
  125. iframe.tmblr-iframe{
  126. position:fixed !important;
  127. margin-top:10px !important;
  128. margin-right:10px !important;
  129. opacity:0.4 !important;font-size:arial !important;
  130. z-index:9999999999999999999;
  131. filter: invert(1);
  132. -webkit-filter: invert(1);
  133. -moz-filter: invert(1);
  134. -o-filter: invert(1);
  135. -ms-filter: invert(1);
  136. }
  137.  
  138. body {background-color:{color:background}; color: {color:texto};font-family:calibri;padding:10px;font-size:8px;text-align:justify;background-image: url('{image:Background}'); background-repeat:no-repeat;background-attachment:fixed;}
  139.  
  140. a{ color:{color:texto}; font-style:none;text-decoration:none;}
  141.  
  142. a:hover{color:{color:Link Hover};border-bottom:0px solid #FF00FF;;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
  143.  
  144. s {color: {color:texto};}
  145. i {color: {color:texto};}
  146. b, strong {color:{color:texto};}
  147. u, span.sublinha {color: {color:texto};}
  148. p {margin: 6px 0 0px 0px}
  149.  
  150. ::-webkit-scrollbar-thumb {background-color:#eee;width:8px;border: 0px solid #000;height:auto;border-radius:0px;}
  151.  
  152. ::-webkit-scrollbar {height:3px;width:15px;background-color: #f5f5f5;border: 0px solid #000;}
  153.  
  154. #posts{float:center;width:600px;width:700px;margin-left:232px;margin-top:30px;z-index:;background:#;padding:30px;border:0px double #fff;color:{color:texto};}
  155.  
  156.  
  157.  
  158. .entry{z-index:;float:left;background:transparent;font-size:10px;line-height:13px;text-transform:normal;width:350px;width:250px;padding:2px;opacity:10;{block:PermalinkPage}width:430px;margin:3px;margin-left:13px;{/block:PermalinkPage}-moz-transition: all 3.9s ease-out; -o-transition: all 3.9s ease-out;z-index:999;-webkit-transition: all 3.9s ease-out; transition: all 3.9s ease-out;transition:.7s;margin:4px 15px 20px 4px;background:{color:bg};color:{color:texto};
  159. margin:35px 35px 34px 10px; padding:20px;z-index:1;cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;border:1px solid {color:detalhes};}
  160.  
  161.  
  162.  
  163. .entry img{max-width: 250px; opacity:0.8;cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;border-radius:0px;{block:PermalinkPage}max-width:430px;{/block:PermalinkPage};transition:1s; }
  164.  
  165. .entry img:hover{transition:1s; opacity:10;}
  166.  
  167. .photoset img{max-width:250px;cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;margin:-10px;}
  168.  
  169. .vsanna{display: none;}
  170.  
  171.  
  172. .lpermalink {font-family:calibri; font-size:10px; font-style:italic; padding:5px; margin-bottom:1px;float:left; background:#; border-left:2px solid {color:detalhes}; transition:all 1s ease;text-transform:uppercase;margin-left:5px;}
  173. .lpermalink:hover {padding-left:10px; border-left:5px solid #eee;}
  174. .lpermalink img {float:left; padding:5px; width:24px; height:25px; opacity:1!important;background:#}
  175. .notes img {display:block; float:left; margin-right:.15em; border-radius:0px;width:14px; height:15px;background:#;border:1px solid #eee;padding:2px;}
  176. ol.notes li {list-style-type:none; margin:0 0 1px; line-height:28px; padding:15px; background:#; float:left;width:100%;border-bottom:1px solid #f5f5f5; transition:all 1s ease;font-family:calibri; font-size:10px;text-transform:uppercase;}
  177. ol.notes li:hover {padding-left:10px; border-left:0px solid {color:detalhes};}
  178.  
  179. .lnotes {display:block; width:430px; margin-top:5px;}
  180. .lnotes .avatar {border:none; margin-left:-10px; width:36px;height:36px;background:#;border:1px solid #eee;padding:4px;}
  181. .lnotes ol {margin:0; padding:0;}
  182. .lnotes li {list-style:none; border:none; float:left; margin:0; padding:0; margin-right:4px; margin-bottom:-2px;}
  183.  
  184.  
  185. .lnotes blockquote {display:none;}
  186.  
  187.  
  188.  
  189. .notes {position: absolute; background-color:rgba(0,0,0,.4); text-align:center; opacity:0;margin:0px;width:220px;height:calc(95%);overflow:auto;border:0px solid #fcebd5;z-index:9999;transition:1s}
  190.  
  191. .notes i {font-size:13px;margin-top:10px;color:#ccc;text-align:left;}
  192.  
  193.  
  194.  
  195. .notes1 { position:absolute;margin-top:5px;text-align:center;margin-left:92px;width:110px;border-top:1px dotted #000;border-right:1px dotted #000;padding:5px;border-radius:0px;height:100px;}
  196.  
  197. .notes1 a {letter-spacing:1px;margin-top:15px;background:rgba(0,0,0,.0);position:relative;width:100px;display:inline-block;height:20px;color:#fff;padding:5px;line-height:30px;margin-top:-1px;margin-bottom:2px;transition:0.2s;text-align:right;font-family:consolas;text-shadow:0em 0.1em 0.1em #777;}
  198.  
  199. .notes1 a:hover { letter-spacing:0.2px;transition:1s}
  200.  
  201. .notes1 i {text-shadow:0em 0.1em 0.1em #000;font-size:9px;color:#fff;}
  202.  
  203. .notes:hover a { margin-top:-1px;margin-bottom:2px;transition:0.2s;}
  204.  
  205. .like_button {
  206. float:left; color:#fff;
  207. margin: 7px 2px;
  208.  
  209. }
  210.  
  211.  
  212. .entry:hover .notes {opacity:1;z-index:9999;transition:1s}
  213.  
  214.  
  215. .notes5 {text-transform:uppercase;padding:10px;width:250px; height:auto; background-color:rgba(0,0,0,.0);font-size:8px; text-align:center; position: absolute;border-radius: 3px;
  216. color:#fff; opacity:0;font-family:calibri;display:inline-block; -webkit-transition: all 0.4s ease-out;-moz-transition: all .4s ease-out;bottom:-8px; margin-left:0px;height:45px;z-index:999999999999999;border:0px solid #fcebd5;}
  217.  
  218. .notes5 i {color:#fff;font-size:10px;padding:5px;margin:3px;background-color:rgba(0,0,0,.2);;border-radius:0px;margin-left:-12px;transition:1s;width:20px;overflow:hidden;height:24px;line-height:25px;text-transform: capitalize;text-align:left;}
  219.  
  220. .notes5 a {color:#fff;font-size:17px;padding:5px;margin:3px;background-color:rgba(0,0,0,.0);;border-radius:2px;margin-top:62px;transition:1s;}
  221.  
  222. .notes5 img {opacity:0.6;}
  223.  
  224. .entry:hover .notes5 {opacity:10;color:#000;transition:1s;z-index:999999999999999;}
  225.  
  226.  
  227. .tagg {text-transform:uppercase;padding:10px;width:272px; height:auto; background-color:{color:cor detalhes};font-size:8px;line-height:10px; text-align:left; position: absolute;border-radius: 0px;float:right;
  228. color:#999; opacity:10;font-family:calibri;display:inline-block; -webkit-transition: all 0.4s ease-out;-moz-transition: all .4s ease-out;margin-top:16px; margin-left:-21px;height:12px;z-index:999999999;border:0px solid #eee;border-radius:0px 0px 3px 3px;}
  229.  
  230.  
  231. .tagg a{color:transparent;font-size:10px;font-weight:600;padding:2px;margin-left:2px;width:10px;border:0px solid {color:detalhes};border-radius:0px;padding-left:5px;padding-right:5px;text-transform:uppercase;font-size:8px;z-index:99999;
  232. text-shadow: 0px 0px 1px #;font-family:helvetica neue, helvetica;background: #;font-weight:none;margin-top:-10px;}
  233.  
  234.  
  235. .entry:hover .tagg { opacity:10;-webkit-transition: all 0.4s ease-out;z-index:2;
  236. }
  237.  
  238. .taggg {text-transform:uppercase;padding:5px;width:90px; height:auto; background-color:#;font-size:8px;line-height:40px; text-align:center; position: absolute;border-radius: 0px;float:right;
  239. color:#999; opacity:10;font-family:calibri;display:inline-block; -webkit-transition: all 0.4s ease-out;-moz-transition: all .4s ease-out; margin-top:-18px; margin-left:190px;height:2px;z-index:999999999;border:0px solid #fcebd5;}
  240.  
  241. .taggg a{color:#000;font-size:8px;font-weight:600;padding:2px;margin-left:12px;width:10px;border:0px solid {color:detalhes};border-radius:0px;padding-left:5px;padding-right:5px;text-transform:uppercase;font-size:8px;z-index:99999;
  242. text-shadow: 0px 0px 1px #;font-family:helvetica neue, helvetica;background: #;font-weight:none;margin-top:-3px;}
  243.  
  244. .taggg i {color:{color:bg};;margin-left:-15px;margin-top:-80px;font-size:12px;}
  245. .entry:hover .tagg { opacity:10;-webkit-transition: all 0.4s ease-out;z-index:2;
  246. }
  247.  
  248. .entry:hover .tagg { opacity:10;-webkit-transition: all 0.4s ease-out;
  249. }
  250.  
  251. .set {position:absolute; width:25px; height:25px; background:{color:cor detalhes};margin-top:-17px;margin-left:224px;transform:rotate(45deg);z-index:999;opacity:10; opacity:10;border-radius:3px;}
  252.  
  253.  
  254. .pergunta a {color:{color:text};z-index:9999999;text-transform:uppercase;font-weight:none;background:#;padding-right:2px;padding-left:0px;padding:1px;line-height:2px;margin-top:-5px;color:georgia;font-style:;font-weight:bold;}
  255.  
  256. .pergunta {background:{color:cor detalhes};text-align: left; padding:5px;padding-top:10px; margin-bottom: 5px; margin-left:0px;width:97%; margin-right: auto;border-radius:0px;margin-top:-19px;z-index:9999999;color:{color:texto};font-family:'calibri', serif; font-size:10px;font-style:;font-weight:;line-height:10px;;border:0px solid #eee;border-bottom:0px solid #f5f5f5;font-weight:none;text-transform:uppercase; letter-spacing:1px;padding-bottom:25px;
  257. }
  258.  
  259. .pergunta img { border-radius:0px;margin-top:-80px;text-align:left;margin-left:-15px;border:1px solid #eee;padding:5px;}
  260. .pergunta b {color: #666;z-index:9999999;}
  261.  
  262. .pergunta g {color: {color:texto};}
  263.  
  264.  
  265. .bag c {font-family:'calibri', serif; font-size:11px;font-style:;font-weight:bold;color:;margin-top:-5px;background:rgba(0,0,0,.0);padding:0px;}
  266.  
  267. .pergunta i {color:{color:texto};font-size:17px;padding:px;padding-right:3px;padding-left:0px;background:{color:background};margin:-1px;margin-left:-12px;border-radius:0px;margin-left:0px;margin-top:-32px;}
  268.  
  269. .perguntaimg img {color: {color:texto};;border-radius:2px;border:0px solid #f5f5f5;transition:1s;}
  270.  
  271. .divisoria {display: block; margin-top: -34px; margin-bottom: 4px;background:#;height:15px;border-bottom:0px solid #eee;margin-left:5px;text-align:center;}
  272.  
  273.  
  274.  
  275. .divisoria i { background:{color:background};padding:10px;color:{color:detalhes};}
  276.  
  277.  
  278. .divisoria img{ text-align:center;float:center;margin-left:5px;border-radius:110px;padding:5px; background:#fff;border-top:0px solid rgba(0,0,0,.1);border-bottom:0px solid #f5f5f5;width:25px;}
  279.  
  280. .resposta{padding:5px;padding-bottom:15px;padding-top:13px;padding-right:9px;padding-left:5px;color:{color:texto};background:#;font-size:11px; font-family:'calibri', serif; margin-top:-5px;font-weight:; text-align:left;{color:detalhes};border-top:0px solid #eee;text-transform:none;border:0px solid #f5f5f5;border-top:0px solid #eee;width:95%;}
  281.  
  282.  
  283. .quote {position: relative;background: #;color:{color:texto};font-family:calibri;font-size: 10px;text-align: center;text-transform:uppercase;padding:2px;z-index:-1;
  284. padding-top: 5px;padding-bottom: 10px;border-radius:2px;border-bottom:0px solid #f3f3f3;}
  285.  
  286. .quote i { color:#000;font-size:8px;}
  287.  
  288. .source {font-family:courier new;font-size: 10px;text-align: center;
  289. margin-top: 12px;color:transparent;background:#;padding:3px;text-transform:uppercase;border:1px solid #f5f5f5;border-radius:0px;}
  290.  
  291. .source a {color: transpar;margin-left:-22px;}
  292.  
  293. .source b {color: #000;}
  294.  
  295.  
  296.  
  297. blockquote{margin:2px 5px 2px 5px; padding:12px; border-left:
  298. 0px solid #eee;background:#; font-family: 'PT Sans', sans-serif;text-transform:none;}
  299.  
  300. /**** audio por fragilehelp - adaptadissimo por thigers ****/
  301.  
  302. #laudio {display:inline-block; width:100px; height:100px;background:#;border-radius:100px;border:0px solid #eee;margin-top:-4px;float:right;margin-left:10px;}
  303. #laudio-caption {position:absolute; display:inline-block; height:100px; margin-left:12px; width:200px;{color:texto}}
  304. #laudio-caption g {margin-top:-5px; margin-bottom:25px;border-bottom:1px solid {color:detalhes};padding:2px;font-family:quadrat;background:#;color:{color:texto}}
  305.  
  306. #laudio-caption {margin-top:-5px;margin-bottom:5px;margin-left:5px;background:#;width:45%;line-height:12px;font-size:8px;text-transform:uppercase;color:{color:texto}}
  307. #lalbum-art {position:absolute; width:100px; height:100px; background-color:#;color:{color:texto}}
  308. #laudio-caption i { color:#fdd;font-size:8px;}
  309. #lalbum-art img {position:absolute; width:70px; height:70px; background-color:#;border-radius:0px;margin-top:2px;border-left:1px dotted #fff;padding-left:10px;margin-left:20px}
  310. #laudio-player {position:absolute; overflow:hidden; height:22px; width:22px; margin:5px;border-radius:0px;background:#;padding:5px;}
  311. #laudio-circle {position:absolute; width:46px; height:46px; z-index:999999; margin-top:13px;margin-left:43px; border-radius:100px; opacity:.6; transition:all 1s ease; background-color:{color:detalhes};}
  312. #laudio-circle:hover {opacity:1; transition:all 1s ease;}
  313.  
  314. .titulo {text-align:justify;font-size:12px; color:{color:texto}; font-family: 'PT Sans', sans-serif;font-weight:bold;z-index:-1;padding:10px;}
  315.  
  316. h1 {text-align: center; font: 10px corbel; color:{color:texto};margin:10px 10px 10px 0px;}
  317. .tt {text-align: center; font: 10px corbel; color:{color:texto};margin:12px 12px 10px 0px;padding:5px;}
  318.  
  319. .chat {font-family:corbel;background:#;line-height:15px;
  320. font-size:10px; }
  321. .chat .RH {border-right: 0px solid #eee;margin-bottom: 1px; background-color:#;padding: 4px 5px 4px 5px;;border-bottom: 0px solid #eee;color:
  322. {color:texto};}
  323. .chat:before {content:"";position: absolute;width: 0;height: 0;border-top: 8px solid transparent;border-left: 0px solid #000;border-bottom: 8px solid transparent;margin: -5px 0 0 -10px;font-size:11;color:{color:texto};}
  324.  
  325.  
  326. .chat .RH span{margin-left:-4px;font-size:11px;border-bottom: 0px solid #;;background-color:# ;padding: 4px 4px 4px 4px;font-family:calibri;text-transform:uppercase;color:{color:texto};font-weight:bold;}
  327.  
  328. .centralize{position:relative; margin-top:0px; margin-left:-10px; width:1px; height:1px;background:#;z-index:9;border:0px solid #eee;padding:1px;background-image: url('');}
  329.  
  330.  
  331. .faixa {position:fixed;width:320px;height:60px;border-left:0px solid {color:detalhes}; margin-left:270px;margin-top:45px;z-index:999999;background:{color:bg};opacity:0;}
  332.  
  333.  
  334.  
  335.  
  336.  
  337.  
  338. .titu {position:relative; color:{color:texto};font-size:21px;font-family: 'Open Sans', sans-serif;background:#fff;padding:2px;
  339. margin-left:282px;margin-top:-35px;z-index:999999999999999;font-weight:700;text-transform:uppercase;width:615px;text-align:left;height:212px;line-height:65px;border:1px solid {color:detalhes};;opacity:10;z-index:2;letter-spacing:1px;padding-left:10px;overflow:hidden;border-bottom:0px solid {color:detalhes};}
  340.  
  341. .titu1 {position:relative; color:{color:cor detalhes};font-size:24px;font-family: 'Open Sans', sans-serif;background:#;padding:2px;
  342. margin-left:283px;margin-top:-190px;z-index:999999999999999;font-weight:700;text-transform:uppercase;width:586px;text-align:center;height:62px;line-height:65px;border-bottom:0px solid {color:detalhes};;opacity:10;z-index:999999999;letter-spacing:1px;padding-left:10px;}
  343.  
  344.  
  345.  
  346.  
  347.  
  348. .menu { position:relative; width:620px; height:71px;z-index:999999999999999;margin-top:20px;border-top:1px solid {color:detalhes};margin-left:0px;text-align:center;border-radius:0px;padding:5px;padding-top:15px;background:#f5f5f5;padding-left:15px;}
  349.  
  350. .menu i { width:40px; font-size:16px; color:#555; text-transform:uppercase; line-height:32px; height:30px; display:inline-block;text-align:left;margin-left:4px;padding:6px;transition:0.2s;border:1px solid {color:detalhes};text-align:center;background:{color:bg};margin-top:-7px;border-radius:5px;}
  351.  
  352. .menu i{ color:#666;}
  353.  
  354. .menu i:hover{ color:{color:cor detalhes}; transition:1s;transform:rotate(360deg);}
  355.  
  356.  
  357.  
  358. .desc{ position:relative;font-family:corbel;text-transform:initial;color:#666; font-size:12px; line-height:13px;margin-top:-5px;margin-left:283px; width:587px;z-index:999999;background:;height:32px;padding:20px;border-bottom:1px solid {color:detalhes};text-align:center;}
  359.  
  360. .sideimg { width:221px; border-bottom:0px solid {color:detalhes};margin-left:493px; position:relative; margin-top:-1px;height:90px;padding:20px;z-index:999999;background:;}
  361.  
  362. .sideimg img { width:73px; height:70px; position:relative;margin-left:75px;text-align:center;margin-top:-8px;border-radius:2px;}
  363.  
  364. .sideimg:hover img{transition:1s;}
  365.  
  366.  
  367.  
  368.  
  369. .cred {color:#555; font-family:calibri; font-size:9px;text-align:right;float:right;right:10px;bottom:20px;z-index:99999999999999;position:fixed;text-transform:uppercase;}
  370.  
  371. #ltop:link, #ltop:visited {color:transparent; background-color:#fff;border:1px solid {color:detalhes}; display:none; position:fixed; z-index:9; bottom:20px; right:5px;border-radius:3px;padding:10px;font-size:13px; font-family:calibri; font-weight:bold;text-transform:uppercase;}
  372.  
  373. #ltop:link, #ltop:visited i{color:#000;}
  374.  
  375. .ac-container{width: 630px;transition:1s;margin: 10px auto -30px auto;margin-left:272px;}
  376. .ac-container label{transition:1s;font-family:helvetica neue, helvetica;padding: 5px 20px;position: relative;z-index: 20;display: block;font-weight:700;height: 30px;text-transform:uppercase;cursor: pointer;color:{color:detalhes};
  377. font-size: 19px;background:#;text-align:center;border-bottom:1px solid transparent;border-left:1px solid #eee;border-right:1px solid #eee;margin-left:1px;}
  378.  
  379. .ac-container label i {color:{color:cor detalhes};}
  380. .ac-container label:hover{ background:#;}
  381. .ac-container input:checked + label,
  382. .ac-container input:checked + label:hover{background: #;color: #777;transition:1s;text-shadow: 1px 1px 1px #000;box-shadow: 0px 0px 0px transparent;}
  383. .ac-container label:hover:after,
  384. .ac-container input:checked + label:hover:after{ content: '';position: absolute;width: 24px;height: 24px;right: 13px;top: 7px;}
  385. .ac-container input{display: none;}
  386. .ac-container article{background:{color:bg};margin-top: -1px;overflow: hidden;height: 0px;position: relative;z-index: 10;transition: height 0.3s ease-in-out, box-shadow 0.6s linear;border-bottom:1px solid {color:detalhes};border-left:1px solid {color:detalhes};border-right:1px solid {color:detalhes};margin-left:1px;color:{color:detalhes};}
  387. .ac-container input:checked ~ article{transition: height 0.5s ease-in-out, box-shadow 0.1s linear;}
  388. .ac-container article p{font-style: italic;color: #777;font-size: 14px;padding: 20px;text-shadow: 1px 1px 1px #000;}
  389. .ac-container input:checked ~ article.ac-small{height: 80px;}
  390. .ac-container input:checked ~ article.ac-medium{height: 180px;}
  391. .ac-container input:checked ~ article.ac-large{height: 230px;}
  392.  
  393.  
  394.  
  395. </style>
  396.  
  397. <body onkeydown="return false">
  398.  
  399. <div class="centralize">
  400.  
  401. <div class="titu"></div>
  402.  
  403. <div class="titu1">{text:titulo} </div>
  404.  
  405. <div class="desc">{description}
  406.  
  407. </div>
  408.  
  409. </div>
  410.  
  411.  
  412.  
  413.  
  414.  
  415. <div class="sideimg">
  416. </div>
  417. </div>
  418.  
  419.  
  420. </div>
  421.  
  422. <section class="ac-container">
  423. <div>
  424. <input id="ac-1" name="accordion-1" type="checkbox" />
  425. <label for="ac-1"><i class="fa fa-chevron-down"></i></label>
  426. <article class="ac-small">
  427.  
  428. <div class="menu">
  429. <a href="{text:Link1}" title="{text:link1 title}"><i class="fa fa-home"></i></a>
  430. <a href="{text:Link2}" title="{text:link2 title}"><i class="fa fa-comment-o"></i></a>
  431. <a href="{text:Link3}" title="{text:link3 title}"><i class="fa fa-heart-o"></i></a>
  432. <a href="{text:Link4}" title="{text:link4 title}"><i class="fa fa-search"></i>
  433. </a>
  434. <a href="http://thigers.tumblr.com/" title="dont copy my glitter, please!"> <i class="fa fa-code"></i> </a>
  435. </div>
  436.  
  437.  
  438. </article></div><div></div></section>
  439. </div> </div> </div>
  440.  
  441.  
  442.  
  443. <div id="posts">
  444. {block:Posts}
  445. <div class="entry">
  446.  
  447. {block:Text}
  448.  
  449. {block:Title}<div class="titulo">{Title}</div>{/block:Title}
  450. <div class="tt">{Body}</div></span></a>
  451. {block:IndexPage}
  452. <br>
  453. <div class="tagg">
  454. <div class="set"></div>
  455.  
  456.  
  457. <div class="taggg">
  458. <a href="{permalink}" title="{NoteCount}"><i class="fa fa-heart"></i> </a>
  459.  
  460. </div></div>
  461.  
  462. {/block:IndexPage}
  463. {/block:Text}
  464.  
  465. {block:Link}
  466.  
  467. <a href="{URL}" class="title">{Name}</a>
  468. {block:Description}{Description}{/block:Description}
  469. {block:IndexPage}
  470. <br>
  471. <div class="tagg">
  472. <div class="set"></div>
  473.  
  474.  
  475. <div class="taggg">
  476. <a href="{permalink}" title="{NoteCount}"><i class="fa fa-heart"></i> </a>
  477.  
  478. </div></div>
  479.  
  480. {/block:IndexPage}
  481. {block:Link}
  482.  
  483.  
  484.  
  485. {block:Quote}
  486.  
  487. <div class="quote"> {Quote} </div>
  488. {block:IndexPage}
  489. <br>
  490. <div class="tagg">
  491. <div class="set"></div>
  492.  
  493.  
  494. <div class="taggg">
  495. <a href="{permalink}" title="{NoteCount}"><i class="fa fa-heart"></i> </a>
  496.  
  497. </div></div>
  498. {/block:IndexPage}
  499. {/block:Quote}
  500.  
  501. {block:Chat}
  502.  
  503. <div class="caixa">
  504. {block:Lines}
  505. <div class="chat">
  506. <div class="RH">{block:Label}
  507. <span>{Label}</span>
  508. {/block:Label}
  509. {Line}</div></div>
  510. {/block:Lines}
  511. {block:IndexPage}
  512. <br>
  513. <div class="tagg">
  514. <div class="set"></div>
  515.  
  516.  
  517. <div class="taggg">
  518. <a href="{permalink}" title="{NoteCount}"><i class="fa fa-heart"></i> </a>
  519.  
  520. </div></div>
  521. {/block:IndexPage}
  522. </div>{block:Chat}
  523.  
  524. {block:Audio}
  525. <div class="text">
  526. <div id="laudio">
  527. {block:AlbumArt}<div id="lalbum-art"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  528. <div id="laudio-circle"><div id="laudio-player">{AudioPlayer}</div></div>
  529. </div>
  530. <div id="laudio-caption">
  531. <p> <g>Track:</g> {block:TrackName}<j>{TrackName}</j>{/block:TrackName} </p>
  532. <p><g>Artist:</g> {block:Artist}<j>{Artist}</j>{/block:Artist} <i class="fa fa-heart"> </i> </p>
  533. <p> <g>Album:</g> {block:Album}<j>{Album}</j>{/block:Album} </p>
  534. <p> <g>Plays:</g> <j>{FormattedPlayCount}</j></p>
  535. </div></div>
  536.  
  537. {/block:Audio}
  538.  
  539. {block:Video}
  540.  
  541. <center>{block:IndexPage}
  542. <div style="width:200px; overflow-x:hidden; overflow-y:hidden">{Video-250}</div>{/block:IndexPage}</center>
  543. <center>{block:PermalinkPage}<div style="width: 450px; overflow-x:hidden; overflow-y:hidden">{Video-500}{/block:PermalinkPage}</center>
  544.  
  545.  
  546. {/block:Video}
  547.  
  548. {block:Photo}
  549.  
  550. <div class="imaagem"><img src="{PhotoURL-400}"></div>
  551. </a>
  552. {block:indexpage}
  553.  
  554. <div class="tagg">
  555. <div class="set"></div>
  556.  
  557.  
  558. <div class="taggg">
  559. <a href="{permalink}" title="{NoteCount}"><i class="fa fa-heart-o"></i>
  560. </a>
  561.  
  562. <a href="{permalink}" title="{Year}"><i class="fa fa-share-alt"></i>
  563. </a>
  564.  
  565. <a href=" {permalink}" title="{block:Date} {ShortMonth} {DayOfMonthWithZero} {/block:Date}"><i class="fa fa-files-o"></i> </a>
  566. <a href="{ReblogURL}" target="_blank" title="reblog"><i class="fa fa-chevron-down"></i>
  567. </a>
  568. </div></div>
  569.  
  570.  
  571. {/block:indexpage}
  572. {/block:Photo}
  573.  
  574.  
  575. {block:Photoset}
  576.  
  577. {block:IndexPage}
  578.  
  579. {/block:IndexPage}
  580.  
  581. {block:IndexPage}
  582. <center>{Photoset}</center>
  583. {/block:IndexPage}
  584. {block:PermalinkPage}
  585. {Photoset-250}{/block:PermalinkPage}
  586. {block:IndexPage}
  587. {block:IfShowCaptions}
  588. {block:Caption}{Caption}
  589. {/block:Caption}
  590. {/block:IfShowCaptions}
  591. {/block:IndexPage}
  592. <div class="tagg">
  593. <div class="set"></div>
  594.  
  595.  
  596. <div class="taggg">
  597. <a href="{permalink}" title="{NoteCount}"><i class="fa fa-heart"></i> </a>
  598.  
  599. </div></div>
  600. {/block:Photoset}
  601.  
  602.  
  603. {block:Answer}
  604.  
  605. <br><p>
  606.  
  607. <div class="pergunta"><div class="bag"> <c>{Asker}</c> {Question} <div class="seta"></div></div></div>
  608. <br>
  609. <div class="divisoria"><img src="{AskerPortraitURL-30}" align="center"> </div>
  610. <div class="resposta">
  611. {Answer} </div>
  612. <br>
  613. <div class="tagg">
  614. <div class="set"></div>
  615.  
  616.  
  617. <div class="taggg">
  618. <a href="{permalink}" title="{NoteCount}"><i class="fa fa-heart"></i> </a>
  619.  
  620. </div></div>
  621. {/block:indexpage}
  622. {/block:Answer}
  623.  
  624.  
  625. <div class="vsanna">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}"></a>
  626. {/block:ContentSource}</div>{/block:PostNotes}</div>
  627. {block:PermalinkPage}
  628. {block:Caption}{Caption}{/block:Caption}
  629. {block:HasTags}<div class="lpermalink"><i class="fa fa-tag"></i> {lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  630. {block:Date}<div class="lpermalink"><i class="fa fa-clock-o"></i> {TimeAgo}, {MonthNumber}/{DayOfMonth}/{Year}.</div>{/block:Date}
  631. {block:NoteCount}<div class="lpermalink"><i class="fa fa-heart"></i> {NoteCountWithLabel}.</div>{/block:NoteCount}
  632. {block:RebloggedFrom}<div class="lpermalink"><i class="fa fa-random"></i> Via <a href="{ReblogParentURL}">{ReblogParentName}</a>, by <a href="{ReblogRootURL}">{ReblogRootName}</a>.</div>{block:RebloggedFrom}
  633. {block:PostNotes}<div class="lnotes">{PostNotes-64}</div>{/block:PostNotes}
  634. {/block:PermalinkPage}{/block:Posts}</div></div>
  635. </div> </div>
  636.  
  637.  
  638. <a href="javascript:;" id="ltop"><i class="fa fa-chevron-up"></i>
  639. </a>
  640.  
  641.  
  642.  
  643. </body>
  644.  
  645.  
  646.  
  647. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  648. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  649. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  650. <script type="text/javascript">
  651. $(window).load(function () {
  652. $('#posts').masonry(),
  653. $('.masonryWrap').infinitescroll({
  654. navSelector : "div#navigation",
  655. nextSelector : "div#navigation a#nextPage",
  656. itemSelector : ".entry",
  657. bufferPx : 10000,
  658. extraScrollPx: 11000,
  659. loadingImg : "http://www.myorganichunter.com/admin/img/ajax-loading.gif",
  660. loadingText : "<i> </i>",
  661. },
  662. // call masonry as a callback.
  663. function() { $('#posts').masonry({ appendedContent: $(this) }); }
  664. );
  665. });
  666. </script>
  667.  
  668.  
  669.  
  670.  
  671. {block:IndexPage}
  672. <div class="column navigation" id="navigation">
  673.  
  674. {block:Pagination}
  675. {block:PreviousPage}
  676. <a href="{PreviousPage}" class="navigate">
  677. {/block:PreviousPage}
  678. {block:PreviousPage}</a>{/block:PreviousPage}
  679.  
  680. {block:NextPage}
  681. <a href="{NextPage}" class="navigate" id="nextPage">
  682. {/block:NextPage}
  683. {block:NextPage}</a>{/block:NextPage}
  684. {/block:Pagination}
  685.  
  686. </div>
  687. {/block:IndexPage}
  688.  
  689.  
  690.  
  691. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!