API tools faq
paste
Advertisement
Carolaine_Vieira

Ariag

Carolaine_Vieira
Nov 26th, 2015
322
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.68 KB | None | 0 0
raw download clone embed print report
  1. <!-- ─────────╔╗────────────╔╗
  2. ─────────║║───────────╔╝╚╗
  3. ╔══╦╗╔╦══╣║╔══╦╗╔╦══╦═╬╗╔╬══╗
  4. ║╔╗║╚╝║╔╗║║║╔╗║╚╝║║═╣╔╗╣║║║═╣
  5. ║╔╗║║║║╚╝║╚╣╔╗║║║║║═╣║║║╚╣║═╣
  6. ╚╝╚╩╩╩╣╔═╩═╩╝╚╩╩╩╩══╩╝╚╩═╩══╝
  7. ──────║║
  8. ──────╚╝
  9. -->
  10.  
  11.  
  12.  
  13. <head>
  14.  
  15. <script type="text/javascript"
  16. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  17. <script>
  18. $(document).ready(function() {
  19. //
  20. $('a.poplight[href^=#]').click(function() {
  21. var popID = $(this).attr('rel'); //Get Popup Name
  22. var popURL = $(this).attr('href'); //Get Popup href to define size
  23. var query= popURL.split('?');
  24. var dim= query[1].split('&');
  25. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  26. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  27. var popMargTop = ($('#' + popID).height() + 80) / 2;
  28. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  29. //Apply Margin to Popup
  30. $('#' + popID).css({
  31. 'margin-top' : -popMargTop,
  32. 'margin-left' : -popMargLeft
  33. });
  34. $('body').append('<div id="fade"></div>');
  35. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  36. return false;
  37. });
  38. $('a.close, #fade').live('click', function() {
  39. $('#fade , .popup_block').fadeOut(function() {
  40. $('#fade, a.close').remove(); //fade them both out
  41. });
  42. return false;
  43. });
  44. });
  45. </script>
  46.  
  47. <title>{title}</title>
  48. <link rel="shortcut icon" href="{Favicon}"/>
  49. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  50. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  51.  
  52. <meta name="color:Background" content="#f6f6f6"/>
  53. <meta name="color:Post Bg" content="#fff"/>
  54. <meta name="color:Description" content="#ffffff"/>
  55. <meta name="color:Sidebar description" content="#888888"/>
  56. <meta name="color:Title" content="#ffffff"/>
  57. <meta name="color:Tooltip bg" content="#000000"/>
  58. <meta name="color:Tooltip text" content="#ffffff"/>
  59. <meta name="color:Search box text" content="#ffffff"/>
  60. <meta name="color:Search box text typing" content="#000"/>
  61. <meta name="color:Border" content="#888888"/>
  62. <meta name="color:Text" content="#888888"/>
  63. <meta name="color:Link" content="#222222"/>
  64. <meta name="color:Bold" content="#191919"/>
  65. <meta name="color:Italic" content="#f54349"/>
  66. <meta name="color:Sidebar bg" content="#fff"/>
  67. <meta name="color:Sidebar link" content="#ffffff"/>
  68. <meta name="color:Sidebar link hover" content="#ffffff"/>
  69. <meta name="color:Scrollbar" content="#000000"/>
  70.  
  71. <meta name="if:ShackEfect" content="1"/>
  72. <meta name="if:Wallpaper" content="1"/>
  73.  
  74. <meta name="image:Background" content=""/>
  75. <meta name="image:Sidebar image" content="http://i.imgur.com/TAFaAB3.png"/>
  76. <meta name="image:Wallpaper" content="http://i.imgur.com/aKoe14s.jpg"/>
  77.  
  78. <meta name="text:More 1 Name" content="category" />
  79. <meta name="text:More 2 Name" content="other tags" />
  80. <meta name="text:More 1" content="amplamente" />
  81. <meta name="text:More 2" content="amplamente" />
  82. <meta name="text:link1" content="link 1" />
  83. <meta name="text:link1url" content="/" />
  84. <meta name="text:link2" content="link 2" />
  85. <meta name="text:link2url" content="/" />
  86. <meta name="text:link3" content="link 3" />
  87. <meta name="text:link3url" content="/" />
  88. <meta name="text:link4" content="link 4" />
  89. <meta name="text:link4url" content="/" />
  90. <meta name="text:link5" content="link 5" />
  91. <meta name="text:link5url" content="/" />
  92. <meta name="text:Facebook Url" content="https://www.facebook.com/Exemplo" />
  93. <meta name="text:Instagram Url" content="/" />
  94. <meta name="text:Twitter Url" content="/" />
  95. <meta name="text:Pinterest Url" content="/" />
  96. <meta name="text:Tumblr Url" content="/" />
  97.  
  98. <script type="text/javascript"
  99. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  100. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  101. <script>
  102. (function($){
  103.  
  104. $(document).ready(function(){
  105. $("[title]").style_my_tooltips();
  106. });
  107. })(jQuery);
  108. </script>
  109.  
  110. {block:IfShackEfect}
  111. <link href='http://static.tumblr.com/blpgwiz/EfNmijxib/tada.css' rel='stylesheet' type='text/css'>
  112. {/block:IfShackEfect}
  113.  
  114.  
  115. <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  116. <link href='https://fonts.googleapis.com/css?family=Arapey:400,400italic' rel='stylesheet' type='text/css'>
  117. <link href='https://fonts.googleapis.com/css?family=Baumans' rel='stylesheet' type='text/css'>
  118. <link href='https://fonts.googleapis.com/css?family=Inconsolata:400,700' rel='stylesheet' type='text/css'>
  119. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  120. <link href='https://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
  121. <link href='https://fonts.googleapis.com/css?family=Allura' rel='stylesheet' type='text/css'>
  122. <link href='https://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
  123. <link href='https://fonts.googleapis.com/css?family=Cantarell:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  124.  
  125. <style type="text/css">
  126.  
  127. blockquote {
  128. margin-left:20px;
  129. padding-left:10px;
  130. border-left:2px solid{color:text};
  131. background:transparent;
  132. }
  133.  
  134. .sform input {
  135. font-family:cantarell;
  136. text-transform:uppercase;
  137. font-size:8px;
  138. letter-spacing:2px;
  139. font-weight:bold;
  140. color:{color:search box text};
  141. text-align:center;
  142. background:{color:sidebar bg};
  143. border:0px;
  144. padding:7px;
  145. }
  146.  
  147. ::-webkit-input-placeholder { color: {color:search box text}; }
  148. :-moz-placeholder { color: {color:search box text}; }
  149. ::-moz-placeholder { color: {color:search box text}; }
  150. :-ms-input-placeholder { color: {color:search box text}; }
  151.  
  152. .sbox {
  153. border-radius:2px;
  154. margin-left:0px;
  155. margin-top:0px;
  156. margin-bottom:10px;
  157. width:190px;
  158. float:center;
  159. -webkit-transition:all 0.3s ease-out;
  160. -moz-transition:all 0.3s ease-out;
  161. transition:all 0.3s ease-out;
  162. }
  163. .sbox:hover {
  164. color:{color:search box text typing};
  165. -webkit-transition:all 0.3s ease-out;
  166. -moz-transition:all 0.3s ease-out;
  167. transition:all 0.3s ease-out;
  168. }
  169.  
  170. #tags {
  171.  
  172. width:200px;
  173. height:auto;
  174. left:180px;
  175. top:450px;
  176. text-align:center;
  177. background:{color:post bg};
  178. padding:10px;
  179.  
  180. }
  181.  
  182. #tags img {
  183.  
  184. padding:3px;
  185. width:33px;
  186. float:left;
  187. -webkit-transition: all 0.5s ease;
  188. -moz-transition: all 0.5s ease;
  189. -o-transition: all 0.5s ease;
  190. -ms-transition: all 0.5s ease;
  191. transition: all 0.5s ease;
  192. -webkit-filter: grayscale(0);
  193.  
  194. }
  195.  
  196. #tags img:hover {
  197.  
  198. -webkit-filter: grayscale(0.7);
  199. border-radius:100%;
  200. transition:All .5s ease;
  201. -o-transition:All .5s ease;
  202. -webkit-transition: all 0.5s ease;
  203. -moz-transition: all 0.5s ease;
  204. -o-transition: all 0.5s ease;
  205. -ms-transition: all 0.5s ease;
  206. transition: all 0.5s ease;
  207.  
  208. }
  209.  
  210. #sidepam {
  211.  
  212. position:fixed;
  213. width:350px;
  214. height:auto;
  215. left:100px;
  216. top:200px;
  217. text-align:center;
  218. background:{color:post bg};
  219. padding:0px;
  220. border-top-left-radius:10px;
  221. border-top-right-radius:10px;
  222. }
  223.  
  224. #sidepam img {
  225.  
  226. border-top-left-radius:10px;
  227. border-top-right-radius:10px;
  228. width:350px;
  229. float:center;
  230. -webkit-transition: all 0.5s ease;
  231. -moz-transition: all 0.5s ease;
  232. -o-transition: all 0.5s ease;
  233. -ms-transition: all 0.5s ease;
  234. transition: all 0.5s ease;
  235. -webkit-filter: grayscale(0);
  236.  
  237. }
  238.  
  239. #sidepam img:hover {
  240. -webkit-filter: grayscale(0.7);
  241. transition:All .5s ease;
  242. -o-transition:All .5s ease;
  243. -webkit-transition: all 0.5s ease;
  244. -moz-transition: all 0.5s ease;
  245. -o-transition: all 0.5s ease;
  246. -ms-transition: all 0.5s ease;
  247. transition: all 0.5s ease;
  248.  
  249. }
  250.  
  251. #question {padding:0px; margin-bottom:5px;}
  252.  
  253. #asker_portrait img{margin-top:-20px; position:relative; float:center; border-radius:10px; margin-left:-10px; padding:4px; background:{color:sidebar link} }
  254.  
  255. #asker {font-weight:normal; font-family:montserrat; text-transform:uppercase; font-style:normal; }
  256.  
  257. #asker a {color:#000; text-align:center; font-size:12px;}
  258.  
  259. #asker a:hover {color:#ccc;}
  260.  
  261. #asked_question {
  262. color:#999;
  263. background-color:{color:sidebar link};
  264. padding:10px;
  265. width:100%;
  266. font-weight:bold;
  267. font-style:italic;
  268. font-family:poiret one;
  269. padding-top:20px;
  270. margin-top:20px;
  271. min-height:20px;
  272. max-width:400px;
  273. margin-left:5px;
  274. padding-left:50px;
  275. padding-right:50px;
  276. }
  277.  
  278. #answer {
  279.  
  280. font-weight:bold;
  281. font-family:poiret one;
  282. color:#999;
  283. padding:2px 10px;
  284. background:{color:sidebar link hover};
  285. margin-left:5px;
  286. }
  287.  
  288. #s-m-t-tooltip {
  289.  
  290. font-weight:bold;
  291. max-width:300px;
  292. padding:8px;
  293. margin:15px 20px;
  294. background-color: {color:tooltip bg};
  295. font-family: poiret one;
  296. font-size:12px;
  297. letter-spacing:1px;
  298. text-transform:uppercase;
  299. color:{color:tooltip text};
  300. z-index:9999999;
  301.  
  302. }
  303.  
  304. ul {
  305. list-style-image: url('https://36.media.tumblr.com/42d55f9956e3e8c0dfb590b504f4939d/tumblr_inline_nvag3cwzpq1rj4inb_540.png');
  306. }
  307.  
  308. #top2 {
  309. font-weight:bold;
  310. height:45px;
  311. width:100%;
  312. letter-spacing: 1px;
  313. right:0px;
  314. top:0px;
  315. font-size:12px;
  316. position:fixed;
  317. background:{color:sidebar bg};
  318. z-index:2;
  319. -webkit-transition:all 0.3s ease-out;
  320. -moz-transition:all 0.3s ease-out;
  321. transition:all 0.3s ease-out;
  322. }
  323.  
  324. #top2:hover{
  325. -webkit-transition:all 0.8s ease-out;
  326. -moz-transition:all 0.8s ease-out;
  327. transition:all 0.8s ease-out;
  328.  
  329. }
  330.  
  331. b { color: {color:bold}; !important; }
  332.  
  333. i { color: {color:italic} ;!important; }
  334.  
  335. u { border-bottom: 2px solid {color:link}; text-decoration:none;}
  336.  
  337.  
  338. #social{
  339. background:transparent;
  340. margin-left:0px;
  341. margin-top:0px;
  342. width:100%;
  343. text-align:center;
  344. }
  345. #social a {
  346. text-shadow:none;
  347. padding:8px;
  348. padding-left:11px;
  349. padding-right:11px;
  350. font-size:13px;
  351. border-radius:2px;
  352. margin-left:5px;
  353. display:inline-block;
  354. background:{color:sidebar bg};
  355. color:{color:sidebar link};
  356. -webkit-transition:all 0.3s ease-out;
  357. -moz-transition:all 0.3s ease-out;
  358. transition:all 0.3s ease-out;
  359. }
  360. #social a:hover {
  361. border-radius:0px;
  362. text-shadow:none;
  363. -webkit-transition:all 0.3s ease-out;
  364. -moz-transition:all 0.3s ease-out;
  365. transition:all 0.3s ease-out;
  366. }
  367.  
  368. #calado{
  369. position:fixed;
  370. z-index:4;
  371. background:transparent;
  372. margin-left:auto;
  373. margin-right:auto;
  374. margin-top:15.5px;
  375. width:100%;
  376. text-align:center;
  377. }
  378. #calado a {
  379. text-shadow:none;
  380. padding:5px;
  381. font-size:11.5px;
  382. font-weight:normal;
  383. margin-left:5px;
  384. text-transform:uppercase;
  385. font-family: cantarell;
  386. display:inline-block;
  387. text-align:center;
  388. border-bottom:3px solid transparent;
  389. color:{color:sidebar link};
  390. -webkit-transition:all 0.3s ease-out;
  391. -moz-transition:all 0.3s ease-out;
  392. transition:all 0.3s ease-out;
  393. }
  394. #calado a:hover {
  395. text-shadow:none;
  396. border-bottom:3px solid;
  397. color: {color:sidebar link hover};
  398. -webkit-transition:all 0.3s ease-out;
  399. -moz-transition:all 0.3s ease-out;
  400. transition:all 0.3s ease-out;
  401. }
  402.  
  403.  
  404. iframe#tumblr_controls {
  405. 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;
  406. }
  407. #tumblr_controls{
  408. position:fixed !important;
  409. -webkit-filter: invert(100%)
  410. }
  411.  
  412. h1 {
  413. font-size:35px;
  414. color:{color:bold};
  415. font-family:allura;
  416. text-align:center;
  417. -webkit-transition:all 0.3s ease-out;
  418. -moz-transition:all 0.3s ease-out;
  419. transition:all 0.3s ease-out;
  420.  
  421. }
  422.  
  423. h1:hover {
  424. -webkit-transition:all 0.3s ease-out;
  425. -moz-transition:all 0.3s ease-out;
  426. transition:all 0.3s ease-out;
  427.  
  428. }
  429.  
  430. .description {
  431. padding:10px;
  432. margin-top:10px;
  433. float:center;
  434. margin-bottom:10px;
  435. margin-left:auto;
  436. margin-right:auto;
  437. text-transform:uppercase;
  438. width:70%;
  439. background:transparent;
  440. font-size:11px;
  441. font-family: 'calibri', ;
  442. text-align:justify;
  443. color:{color:description};
  444. border-top:1px solid {color:tile 2};
  445. border-bottom:1px solid {color:tile 2};
  446. }
  447.  
  448. .optional {
  449. padding:10px;
  450. margin-top:10px;
  451. float:center;
  452. margin-bottom:10px;
  453. margin-left:auto;
  454. margin-right:auto;
  455. text-transform:uppercase;
  456. width:70%;
  457. background:transparent;
  458. font-size:11px;
  459. font-family: 'calibri', ;
  460. text-align:justify;
  461. color:{color:sidebar description};
  462. }
  463.  
  464. .date {
  465. font-family:baumans;
  466. line-height:20px;
  467. margin-top:0px;
  468. margin-left:10px;
  469. padding:5px;
  470. float:right;
  471. text-align:right;
  472. background-color:transparent;
  473. font-size:12px;
  474. color:gray;
  475. font-weight:bold;
  476. {block:PermalinkPage}
  477. display:none;
  478. {/block:PermalinkPage}
  479. }
  480. .date a{color:#999; text-shadow:none;}
  481. .date a:hover {border-bottom:none; cursor:help; text-shadow:none; color:{color:link hover}; }
  482.  
  483.  
  484. .reblog {
  485.  
  486. margin-top:2px;
  487. margin-left:10px;
  488. float:left;
  489. background-color:transparent;
  490. padding:5px;
  491. font-size:12px;
  492. color:gray;
  493. font-weight:bold;
  494. {block:PermalinkPage}
  495. display:none;
  496. {/block:PermalinkPage}
  497. }
  498. .likie {
  499. margin-top:2px;
  500. margin-left:10px;
  501. float:left;
  502. background-color:transparent;
  503. padding:5px;
  504. padding-bottom:3px;
  505. font-size:15px;
  506. color:#000;
  507. font-weight:bold;
  508. {block:PermalinkPage}
  509. display:none;
  510. {/block:PermalinkPage}
  511. }
  512. .reblog a{color:{color:post bg};}
  513.  
  514.  
  515. .popup_block{
  516. width:300px;
  517. display:none;
  518. background:transparent;
  519. padding:20px;
  520. float:left;
  521. position:fixed;
  522. top:50%;left:50%;
  523. z-index: 99999;
  524. }
  525.  
  526. *html #fade {position: absolute;}
  527. *html .popup_block {position: absolute;}
  528. #fade {
  529. display:none;
  530. position:fixed;
  531. left:0px;
  532. top:0px;
  533. width:100%;
  534. height:100%;
  535. z-index:9999;
  536. background:{color:sidebar bg};
  537. opacity:0.9;
  538. }
  539.  
  540. a{
  541. color:{color:Link};
  542. text-decoration:none;
  543. -webkit-transition:all 0.3s ease-out;
  544. -moz-transition:all 0.3s ease-out;
  545. transition:all 0.3s ease-out;
  546. text-shadow:10px 0px transparent, -10px 0px transparent;
  547. }
  548.  
  549. a:hover{
  550. text-shadow:0px 0px {color:link}, 0px 0px {color:link};
  551. -webkit-transition:all 0.3s ease-out;
  552. -moz-transition:all 0.3s ease-out;
  553. transition:all 0.3s ease-out;
  554.  
  555. }
  556.  
  557. body{
  558. overflow-x:hidden;
  559. cursor:crosshair;
  560. color:{color:Text};
  561. font-family: 'Cantarell', sans-serif;
  562. font-size:13px;
  563. background: {color:background} url("{image:background}") fixed;
  564.  
  565. }
  566.  
  567. h2 {text-align:center; text-transform:none;}
  568.  
  569. #post{
  570. {block:IFWallpaper}
  571. margin-top:100px;
  572. {/block:IFWallpaper}
  573. {block:IFNotWallpaper}
  574. margin-top:20px;
  575. {/block:IFNotWallpaper}
  576. padding-top:0px;
  577. width:600px;
  578. margin-left:600px;
  579. background-color:transparent;
  580. padding:5px;
  581. }
  582.  
  583. .entry{
  584. border:1px solid {color:border};
  585. padding:20px;
  586. background:{color:post bg};
  587. width:505px;
  588. height:auto;
  589. float:right;
  590. margin:100px;
  591. {block:PermalinkPage}
  592. width:500px;
  593. height:auto;
  594. {/block:PermalinkPage}
  595. -webkit-animation: tada 2s;
  596. -moz-animation: tada 2s;
  597. -ms-animation: tada 2s;
  598. -webkit-transition: 1s ease-in-out;
  599. -moz-transition: 1s ease-in-out;
  600. -o-transition: 1s ease-in-out;
  601.  
  602. }
  603.  
  604. .entry:hover {
  605. {block:IfZoomOnPosts}
  606. -webkit-transform: scale(1.3);
  607. -moz-transform: scale(1.3);
  608. -o-transform: scale(1.3) ;
  609. -ms-transform: scale(1.3);
  610. transform: scale(1.3) ;
  611. {/block:IfZoomOnPosts}
  612. -webkit-transition: 1s ease-in-out;
  613. -moz-transition: 1s ease-in-out;
  614. -o-transition: 1s ease-in-out;
  615. {block:IfZoomOnPosts}
  616. z-index: 9999999999999999999;
  617. {/block:IfZoomOnPosts}
  618. }
  619. .entry img{
  620. float:right;
  621. margin:2px;
  622. margin-top:5px;
  623. margin-bottom:10px;
  624. }
  625.  
  626. .entry .perm{
  627.  
  628. text-transform:uppercase;
  629. background:{color:post bg};
  630. padding:5px;
  631. text-align:left;
  632. margin-top:25px;
  633. margin-left:-21px;
  634. width:535px;
  635. height:30px;
  636. position:absolute;
  637. opacity:0.0;
  638. font-family: inconsolata;
  639. {block:PermalinkPage}
  640. display:none;
  641. {/block:PermalinkPage}
  642. -webkit-transition:all 0.5s ease-out;
  643. -moz-transition:all 0.5s ease-out;
  644. transition:all 0.5s ease-out;
  645.  
  646. }
  647. .entry:hover .perm{
  648. height:auto;
  649. opacity:1;
  650. -webkit-transition:all 0.5s ease-out;
  651. -moz-transition:all 0.5s ease-out;
  652. transition:all 0.5s ease-out;
  653.  
  654. }
  655.  
  656. ::-moz-selection { background: {color:text}; color: {color:background}; }
  657. ::selection { background: {color:text}; color: {color:background}; }
  658.  
  659. .pagination {
  660. display: none;
  661. }
  662.  
  663. ::-webkit-scrollbar {height:5px; width:6px;}
  664.  
  665. ::-webkit-scrollbar-track-piece {
  666. background-color:{color:sidebar bg};
  667. }
  668.  
  669. ::-webkit-scrollbar-thumb {
  670. background-color:{color:scrollbar};
  671. }
  672.  
  673. #notas {
  674. margin-top:10px;
  675. width:100%;
  676. height:200px;
  677. overflow-y:auto;
  678. background:transparent;
  679.  
  680. }
  681.  
  682. .notes img {
  683. width: 0px;
  684. height:0px;
  685. border-radius:100%;
  686. float:left;
  687. border-right:10px solid transparent;
  688. -webkit-transition: all 0.5s linear;
  689. -moz-transition: all 0.5s linear;
  690. transition: all 0.5s linear;}
  691. ol.notes, .notes li {
  692. height:20px;
  693. width: 100%;
  694. margin-top: 5px;
  695. margin-left:0px;
  696. padding-left: 0px}
  697. .notes li:hover img {
  698. -webkit-transition: all 0.5s linear;
  699. -moz-transition: all 0.5s linear;
  700. transition: all 0.5s linear;}
  701.  
  702. #uou {
  703. padding:20px;
  704. top:60px;
  705. left:950px;
  706. position:fixed;
  707. margin-bottom:10px;
  708. padding:2px:
  709. width:300px!important;
  710. height:auto;
  711. background:#fff;
  712. font-size:10px;
  713. font-family: 'calibri', ;
  714. text-transform:uppercase;
  715. text-align:center;
  716. color:{color:text};
  717.  
  718. }
  719.  
  720. h4 {
  721.  
  722. font-weight:bold;
  723. font-size:20px;
  724. text-transform:none;
  725. text-align:center;
  726. Font-family:allura;
  727. color:{color:sidebar link};
  728.  
  729.  
  730. }
  731.  
  732.  
  733. #sidebar {
  734. width:100%;
  735. float:center;
  736. height:1100px;
  737. margin-bottom:50px;
  738. background: {color:sidebar bg} url("{image:Wallpaper}") fixed;
  739. background-position:top , left;
  740. margin-left:-10px;
  741. margin-top:-10px;
  742. text-align:Center;
  743. z-index:1;
  744. padding:10px;
  745. position:relative;
  746. }
  747.  
  748. #cozir {
  749.  
  750. margin-left:auto;
  751. margin-right:auto;
  752. float:center;
  753. text-transform:uppercase;
  754. font-size:11px;
  755. font-weight:bold;
  756. text-align:center;
  757. font-family:poiret one;
  758. }
  759.  
  760. #cozir a{
  761. text-shadow: none;
  762. color:{color:sidebar link};
  763. -webkit-transition: all 0.5s ease;
  764. -moz-transition: all 0.5s ease;
  765. -o-transition: all 0.5s ease;
  766. -ms-transition: all 0.5s ease;
  767. transition: all 0.5s ease;
  768.  
  769. }
  770.  
  771.  
  772. #onda {
  773.  
  774. top:50%;
  775. margin-top:280px;
  776. margin-left:auto;
  777. margin-right:auto;
  778. float:center;
  779. width:350px;
  780. text-transform:uppercase;
  781. font-size:30px;
  782. font-family:poiret one;
  783. background-color:rgba(225,225,225,0.5);
  784. padding:20px;
  785. }
  786.  
  787. #onda a{
  788. text-shadow: none;
  789. color:{color:title};
  790. font-weight:bold;
  791. -webkit-transition: all 0.5s ease;
  792. -moz-transition: all 0.5s ease;
  793. -o-transition: all 0.5s ease;
  794. -ms-transition: all 0.5s ease;
  795. transition: all 0.5s ease;
  796.  
  797. }
  798.  
  799. #onda a:hover {
  800.  
  801. -webkit-transition: all 0.5s ease;
  802. -moz-transition: all 0.5s ease;
  803. -o-transition: all 0.5s ease;
  804. -ms-transition: all 0.5s ease;
  805. transition: all 0.5s ease;
  806. text-shadow:none;
  807.  
  808. }
  809.  
  810.  
  811. #poxa {
  812. margin-top:50px;
  813. margin-left:0px;
  814. text-align:center;
  815. margin-bottom:15px;
  816. }
  817.  
  818. #poxa a {
  819. padding:10px;
  820. font-size:10px;
  821. text-align:center;
  822. margin-left:3px;
  823. width:300px;
  824. margin-bottom:7px;
  825. font-family:montserrat;
  826. text-transform:uppercase;
  827. display:inline-block;
  828. -webkit-transition:all 0.3s ease-out;
  829. -moz-transition:all 0.3s ease-out;
  830. transition:all 0.3s ease-out;
  831. text-decoration:none;
  832. text-shadow:none;
  833. }
  834.  
  835. #poxa a:hover {
  836. text-shadow:none;
  837. letter-spacing:5px;
  838. -webkit-transition:all 0.3s ease-out;
  839. -moz-transition:all 0.3s ease-out;
  840. transition:all 0.3s ease-out;}
  841.  
  842. #poxa a:nth-child(5n+1){background:{color:sidebar link}; color:#000;}
  843. #poxa a:nth-child(5n+2){background:{color:sidebar link hover}; color:#fff;}
  844. #poxa a:nth-child(5n+3){background:{color:sidebar link}; color:#000;}
  845. #poxa a:nth-child(5n+4){background:{color:sidebar link hover}; color:#fff;}
  846. #poxa a:nth-child(5n+5){background:{color:sidebar link}; color:#000;}
  847.  
  848. #poxa a:hover nth-child(5n+1){color:#fff;}
  849. #poxa a:hover nth-child(5n+2){color:#000;}
  850. #poxa a:hover nth-child(5n+3){color:#fff;}
  851. #poxa a:hover nth-child(5n+4){color:#000;}
  852. #poxa a:hover nth-child(5n+5){color:#fff;}
  853.  
  854. #cara1 {
  855. top:0px;
  856. left:0px;
  857. position:fixed;
  858. width:30px;
  859. height:100%;
  860. background:{color:sidebar bg};
  861. z-index:5;
  862. }
  863.  
  864. #cara2 {
  865. left:0px;
  866. bottom:0px;
  867. position:fixed;
  868. width:100%;
  869. height:30px;
  870. background:{color:sidebar bg};
  871. z-index:5;
  872. }
  873.  
  874. #cara3 {
  875. top:0px;
  876. right:0px;
  877. position:fixed;
  878. width:23px;
  879. height:100%;
  880. background:{color:sidebar bg};
  881. z-index:5;
  882. }
  883.  
  884. .tags {
  885.  
  886. text-align:center;
  887. padding:2px;
  888. font-family:cantarell;
  889. font-size:9px;
  890. font-weight:bold;
  891. width:500px;
  892. background:transparent;
  893. float:center;
  894. margin-top:20px;
  895. margin-bottom:10px;
  896. margin-left:15px;
  897.  
  898. }
  899.  
  900. .tags a{
  901.  
  902. padding:2px;
  903. margin-left:4px;
  904. color:{color:post bg};
  905. background:#999;
  906.  
  907. }
  908.  
  909. .tags a:hover {
  910.  
  911. background:transparent;
  912. color:#999;
  913.  
  914. }
  915.  
  916. #top1 { position:fixed; font-weight:bold; width:auto; height:auto; letter-spacing: 1px; right:30px; bottom:20px; padding:8px; font-size:10px; text-transform:uppercase; font-family:montserrat; line-height:14px; text-align:right; z-index:99; border:2px solid; color:{color:header link};background: {color:link}; text-shadow:1px 1px #141414;}#top1:hover { background:purple; }#top1 a{color:#000;}#top1 a:hover {color:#5acdb3; }
  917.  
  918. {CustomCSS}
  919.  
  920. </style>
  921. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  922.  
  923. </head>
  924. <body>
  925.  
  926. {block:IFWallpaper}
  927.  
  928. <div id="sidebar">
  929.  
  930. <div id="onda">
  931.  
  932. <a href="/">{Title}</a>
  933. <div class="description">{Description}</div>
  934. <a id="cozir" href="#post">go to posts</a>
  935.  
  936. </div>
  937.  
  938. </div>
  939. {/block:IFWallpaper}
  940.  
  941. <div id="sidepam">
  942.  
  943. <img src="{image:Sidebar image}">
  944.  
  945. <div class="optional">{description}</div>
  946.  
  947. <div id="social">
  948.  
  949. <a href="{text:Facebook Url}" target="_blank" title="facebook"><li class="fa fa-facebook"></li>
  950. </a>
  951. <a href="{text:Instagram Url}" target="_blank" title="instagram"><li class="fa fa-instagram"></li>
  952. </a>
  953. <a href="{text:Twitter Url}" target="_blank" title="twitter"><li class="fa fa-twitter"></li></a>
  954. <a href="{text:Pinterest Url}" target="_blank" title="pinterest">
  955. <li class="fa fa-pinterest"></li>
  956. </a>
  957. <a href="{text:Tumblr Url}" target="_blank" title="tumblr"><li class="fa fa-tumblr"></li></a>
  958.  
  959. </div>
  960.  
  961. <div id="tags"></div>
  962.  
  963. <form action="/search" method="get" class="sform" name="form">
  964. <input type="text" name="q" value="{SearchQuery}" class="sbox" placeholder="search here"/></form>
  965.  
  966. </div>
  967.  
  968. <div id="top2">
  969.  
  970. <div id="calado">
  971.  
  972. {block:Pagination}
  973. {block:PreviousPage}<a href="{PreviousPage}" style='color:{color:sidebar link hover};'><li class="fa fa-angle-double-left"></li>&nbsp;previous</a>{/block:PreviousPage}{/block:Pagination}
  974.  
  975. <a href="{text:link1url}">{text:link1}</a>
  976. <a href="{text:link2url}">{text:link2}</a>
  977. <a href="{text:link3url}">{text:link3}</a>
  978. <a href="{text:link4url}">{text:link4}</a>
  979. <a href="{text:link5url}">{text:link5}</a>
  980. <a href="#?w=300" rel="box1" class="poplight">{text:more 1 name}</a>
  981. <a href="#?w=300" rel="box2" class="poplight">{text:more 2 name}</a>
  982.  
  983. {block:Pagination}{block:NextPage}
  984. <a href="{NextPage}" id="next" style='color:{color:sidebar link hover};'>next
  985. &nbsp;<li class="fa fa-angle-double-right"></li>
  986. </a>{/block:NextPage}{/block:Pagination}
  987.  
  988. {/block:Pagination}
  989.  
  990. </div></div>
  991.  
  992. <div id="post">
  993. {block:Posts}
  994. <div class="entry">
  995.  
  996.  
  997. {block:Title}<h1>{Title}</h1>{/block:Title}
  998.  
  999. {block:Text}
  1000. {Body}
  1001. <div class="perm">
  1002.  
  1003. <div class="reblog">{ReblogButton color="gray" size="15"}</div>
  1004. <div class="likie" >{LikeButton color="gray" size="15"}</div>
  1005. <div class="date"><a href="{Permalink}" title="permalink page">{block:Date} {DayOfMonthWithZero} {ShortMonth} {Year} {/block:Date}</a>&nbsp;&nbsp;<li class="fa fa-star"></li>
  1006. &nbsp;&nbsp;<a href="{permalinkpage}">{NoteCountWithLabel}</a>
  1007. </div>
  1008.  
  1009. <div class="tags">
  1010. {block:HasTags} </br> {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</div>
  1011.  
  1012. </div>
  1013. {/block:Text}
  1014.  
  1015. {block:Photo}
  1016.  
  1017. <a href="{permalink}" ><img src="{PhotoURL-500}" width="500"/></a>
  1018. {block:Caption}
  1019. {Caption}
  1020. {/block:Caption}
  1021. <div class="perm">
  1022.  
  1023. <div class="reblog">{ReblogButton color="gray" size="15"}</div>
  1024. <div class="likie" >{LikeButton color="gray" size="15"}</div>
  1025. <div class="date"><a href="{Permalink}" title="permalink page">{block:Date} {DayOfMonthWithZero} {ShortMonth} {Year} {/block:Date}</a>&nbsp;&nbsp;<li class="fa fa-star"></li>
  1026. &nbsp;&nbsp;<a href="{permalinkpage}">{NoteCountWithLabel}</a>
  1027. </div>
  1028. <div class="tags">
  1029. {block:HasTags} </br> {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</div>
  1030. </div>
  1031. {/block:Photo}
  1032.  
  1033. {block:Photoset}
  1034.  
  1035. {Photoset-500}
  1036. {block:Caption}
  1037. {Caption}
  1038. {/block:Caption}
  1039. <div class="perm">
  1040.  
  1041. <div class="reblog">{ReblogButton color="gray" size="15"}</div>
  1042. <div class="likie" >{LikeButton color="gray" size="15"}</div>
  1043. <div class="date"><a href="{Permalink}" title="permalink page">{block:Date} {DayOfMonthWithZero} {ShortMonth} {Year} {/block:Date}</a>&nbsp;&nbsp;<li class="fa fa-star"></li>
  1044. &nbsp;&nbsp;<a href="{permalinkpage}">{NoteCountWithLabel}</a>
  1045. </div>
  1046. <div class="tags">
  1047. {block:HasTags} </br> {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</div>
  1048. </div>
  1049. {/block:Photoset}
  1050.  
  1051.  
  1052. {block:Quote}
  1053. {Quote}
  1054. <div align="right">
  1055. {block:Source}-{Source}{/block:Source}
  1056. </div>
  1057. {block:Caption}
  1058. {Caption}
  1059. {/block:Caption}
  1060. <div class="perm">
  1061.  
  1062. <div class="reblog">{ReblogButton color="gray" size="15"}</div>
  1063. <div class="likie" >{LikeButton color="gray" size="15"}</div>
  1064. <div class="date"><a href="{Permalink}" title="permalink page">{block:Date} {DayOfMonthWithZero} {ShortMonth} {Year} {/block:Date}</a>&nbsp;&nbsp;<li class="fa fa-star"></li>
  1065. &nbsp;&nbsp;<a href="{permalinkpage}">{NoteCountWithLabel}</a>
  1066. </div>
  1067. <div class="tags">
  1068. {block:HasTags} </br> {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</div>
  1069. </div>
  1070. {/block:Quote}
  1071.  
  1072.  
  1073. {block:Video}
  1074.  
  1075. {Video-500}
  1076.  
  1077. <br>
  1078. {PlayCountWithLabel}
  1079. {block:Caption}
  1080. {Caption}
  1081. {/block:Caption}
  1082. <div class="perm">
  1083.  
  1084. <div class="reblog">{ReblogButton color="gray" size="15"}</div>
  1085. <div class="likie" >{LikeButton color="gray" size="15"}</div>
  1086. <div class="date"><a href="{Permalink}" title="permalink page">{block:Date} {DayOfMonthWithZero} {ShortMonth} {Year} {/block:Date}</a>&nbsp;&nbsp;<li class="fa fa-star"></li>
  1087. &nbsp;&nbsp;<a href="{permalinkpage}">{NoteCountWithLabel}</a>
  1088. </div>
  1089. <div class="tags">
  1090. {block:HasTags} </br> {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</div>
  1091. </div>
  1092. {/block:Video}
  1093.  
  1094.  
  1095. {block:Link}
  1096. <h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>
  1097. {block:Description}{Description}{/block:Description}
  1098. <div class="perm">
  1099.  
  1100. <div class="reblog">{ReblogButton color="gray" size="15"}</div>
  1101. <div class="likie" >{LikeButton color="gray" size="15"}</div>
  1102. <div class="date"><a href="{Permalink}" title="permalink page">{block:Date} {DayOfMonthWithZero} {ShortMonth} {Year} {/block:Date}</a>&nbsp;&nbsp;<li class="fa fa-star"></li>
  1103. &nbsp;&nbsp;<a href="{permalinkpage}">{NoteCountWithLabel}</a>
  1104. </div>
  1105. <div class="tags">
  1106. {block:HasTags} </br> {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</div>
  1107. </div>
  1108. {/block:Link}
  1109.  
  1110. {block:Chat}
  1111. {block:Lines}
  1112. {block:Label}
  1113. <br><b>{Label}</b>
  1114. {/block:Label}
  1115. &nbsp;{Line}
  1116. {/block:Lines}
  1117. <div class="perm">
  1118.  
  1119. <div class="reblog">{ReblogButton color="gray" size="15"}</div>
  1120. <div class="likie" >{LikeButton color="gray" size="15"}</div>
  1121. <div class="date"><a href="{Permalink}" title="permalink page">{block:Date} {DayOfMonthWithZero} {ShortMonth} {Year} {/block:Date}</a>&nbsp;&nbsp;<li class="fa fa-star"></li>
  1122. &nbsp;&nbsp;<a href="{permalinkpage}">{NoteCountWithLabel}</a>
  1123. </div>
  1124. <div class="tags">
  1125. {block:HasTags} </br> {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</div>
  1126. </div>
  1127. {/block:Chat}
  1128.  
  1129. {block:Audio}
  1130. {AudioPlayerGrey}
  1131. <br><div align="right">{block:Artist}
  1132. Artist: {Artist}</div>
  1133. {/block:Artist}<br>
  1134. {block:Caption}{Caption}{/block:Caption}
  1135. <div class="perm">
  1136.  
  1137. <div class="reblog">{ReblogButton color="gray" size="15"}</div>
  1138. <div class="likie" >{LikeButton color="gray" size="15"}</div>
  1139. <div class="date"><a href="{Permalink}" title="permalink page">{block:Date} {DayOfMonthWithZero} {ShortMonth} {Year} {/block:Date}</a>&nbsp;&nbsp;<li class="fa fa-star"></li>
  1140. &nbsp;&nbsp;<a href="{permalinkpage}">{NoteCountWithLabel}</a>
  1141. </div>
  1142. <div class="tags">
  1143. {block:HasTags} </br> {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</div>
  1144. </div>
  1145. {/block:Audio}
  1146.  
  1147.  
  1148. {block:Answer}
  1149. <div id="question">
  1150. <center><div id="asker_portrait"><img src="{AskerPortraitURL-40}"></div></center>
  1151. <div id="asked_question"><span id="asker">{Asker}</span>:<br>{Question}</div>
  1152. </div>
  1153. <div id="answer">
  1154. {Answer}
  1155. </div>
  1156. <div class="perm">
  1157.  
  1158. <div class="reblog">{ReblogButton color="gray" size="15"}</div>
  1159. <div class="likie" >{LikeButton color="gray" size="15"}</div>
  1160. <div class="date"><a href="{Permalink}" title="permalink page">{block:Date} {DayOfMonthWithZero} {ShortMonth} {Year} {/block:Date}</a>&nbsp;&nbsp;<li class="fa fa-star"></li>
  1161. &nbsp;&nbsp;<a href="{permalinkpage}">{NoteCountWithLabel}</a>
  1162. </div>
  1163. <div class="tags">
  1164. {block:HasTags} </br> {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</div>
  1165. </div>
  1166. {/block:Answer}
  1167.  
  1168.  
  1169. {block:PermalinkPage}
  1170. <br>
  1171. <center>{block:Date}{ShortMonth} {DayofMonth}{DayofMonthSuffix} {Year}{/block:Date}{block:NoteCount} </br> {NoteCountWithLabel}{/block:NoteCount}{block:HasTags} </br> {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</center>
  1172. <Br>
  1173. {block:PostNotes}<div id="notas">{PostNotes}</div>{/block:PostNotes}</div>
  1174. {/block:PermalinkPage}
  1175. </div>
  1176.  
  1177. {/block:Posts}
  1178.  
  1179. </div>
  1180.  
  1181. <div class="pagination">
  1182. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}
  1183. <a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  1184. </div>
  1185.  
  1186. <div id="box1" class="popup_block">
  1187.  
  1188. <div id="poxa">
  1189.  
  1190. {text:more 1}
  1191.  
  1192.  
  1193. </div></div>
  1194.  
  1195. <div id="box2" class="popup_block">
  1196.  
  1197. <div id="poxa">
  1198.  
  1199. {text:more 2}
  1200.  
  1201. </div></div>
  1202.  
  1203. <div id="top1">
  1204. <a href="http://amplamente.tumblr.com/" title="tema feito por amplamente">am</a>
  1205. </div>
  1206.  
  1207.  
  1208. </body>
  1209. </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!