API tools faq
paste
Advertisement
Carolaine_Vieira

#07

Carolaine_Vieira
Aug 11th, 2015
327
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.93 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4.  
  5.  
  6. <head>
  7. <title>{Title}</title>
  8. <link rel="shortcut icon" href="{FavIcon}" />
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  10.  
  11. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  12.  
  13. <meta name="color:Background" content="#fff" />
  14. <meta name="color:Text" content="#bbb"/>
  15. <meta name="image:Background" content=""/>
  16. <meta name="image:Sidebar" content=""/>
  17. <meta name="font:Title" content=""/>
  18. <meta name="color:Scrollbar" content="#000"/>
  19.  
  20. <meta name="color:Light Accents" content="#eee"/>
  21. <meta name="color:Link" content="#aaa"/>
  22. <meta name="color:Link Hover" content="#7bd7c2"/>
  23.  
  24. <meta name="color:Title" content="#888"/>
  25.  
  26. <meta name="text:Updates 1" content="Visit ➨ Amplamente" />
  27. <meta name="text:Updates 2" content="Visit ➨ Amplamente"/>
  28. <meta name="text:Updates 3" content="Visit ➨ Amplamente" />
  29. <meta name="text:Updates 4" content="Visit ➨ Amplamente" />
  30.  
  31. <meta name="color:Sidebar Link" content="#aaa"/>
  32. <meta name="text:Updates to Top" content="260" />
  33. <meta name="text:Sidebar Top" content="285" />
  34. <meta name="text:Sidebar Left" content="165" />
  35. <meta name="text:Title Size" content="15" />
  36. <meta name="text:link1" content="link1" />
  37. <meta name="text:link1url" content="http://" />
  38. <meta name="text:link2" content="link2" />
  39. <meta name="text:link2url" content="http://" />
  40. <meta name="text:link3" content="link3" />
  41. <meta name="text:link3url" content="http://" />
  42. <meta name="text:link4" content="link4" />
  43. <meta name="text:link4url" content="http://" />
  44. <meta name="text:link5" content="link5" />
  45. <meta name="text:link5url" content="http://" />
  46.  
  47. <meta name="if:250px" content="1"/>
  48. <meta name="if:400px" content="0"/>
  49. <meta name="if:500px" content="0"/>
  50. <style type="text/css">
  51.  
  52. blockquote img{ width:500px; }
  53.  
  54. iframe#tumblr_controls {
  55. right:2px !important;
  56. position: fixed !important;
  57. -webkit-transition: opacity 0.7s linear;
  58. opacity: 0.16;
  59. -webkit-transition: all 0.8s ease-out;
  60. -moz-transition: all 0.8s ease-out;
  61. transition: all 0.8s ease-out;
  62. -webkit-filter: invert(100%);
  63. }
  64. iframe#tumblr_controls:hover {
  65. -webkit-transition: opacity 0.7s linear;
  66. opacity: 0.16;
  67. -webkit-transition: all 0.4s ease-out;
  68. -moz-transition: all 0.4s ease-out;
  69. transition: all 0.4s ease-out;
  70. -webkit-filter: invert(100%);
  71. }
  72.  
  73. #s-m-t-tooltip {max-width:300px padding:3px 4px 5px 4px; margin:15px 20px;background-color:{color:text}; font-family:calibri; font-size:9px; letter-spacing:1px; text-transform:uppercase; color:{color:background}; z-index:9999999;}
  74.  
  75. body {cursor:crosshair;
  76. color: {color:Text};
  77. background-color: {color:Background};
  78. background-image: url({image:Background}); background-attachment:fixed;
  79. font: 10px consolas;
  80. line-height: 16px;
  81. }
  82. a {
  83. text-decoration: none;
  84. color: {color:Link};
  85. }
  86. a:hover {transition: 0.5s ease; -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; -ms-transition: 0.5s ease;
  87. color:{color:Link};
  88. cursor: help; text-decoration:line-through;
  89. }
  90. h1 {
  91. font-size: 12px;
  92. color: {color:Title};
  93. }
  94. /* scrollbar */
  95. ::-webkit-scrollbar {
  96. width: 3px;
  97. height: 5px;
  98. background: {color:Background};
  99. }
  100. ::-webkit-scrollbar-thumb {
  101. background: {color:Scrollbar};
  102. border-radius: 16px;
  103. border-top: 5px solid {color:Background};
  104. }
  105.  
  106. #avp {position:fixed; width:193px; border-radius:10px; background:transparent; padding: 0px; border: 7px solid {color:link}; float: left;
  107. transition: 0.5s ease; -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; -ms-transition: 0.5s ease; margin-left:{text:Sidebar Left}px; background:{color:background};}
  108. #avp:hover {border-radius:100%; background:{color:background}; border-color: {color:link hover}; }
  109.  
  110.  
  111. #content { /* for the whole column of posts */
  112. {block:IndexPage}
  113. {block:if250px} /* post widths */
  114. width: 250px;
  115. {/block:if250px}
  116. {block:if400px}
  117. width: 400px;
  118. {/block:if400px}
  119. {block:if500px}
  120. width: 500px;
  121. {/block:if500px}
  122. {/block:IndexPage}
  123. {block:PermalinkPage}
  124. width: 400px;
  125. {/block:PermalinkPage}
  126. position: relative;
  127. margin-left: 550px;
  128. margin-top: 60px; max-width: 500px;
  129. }
  130.  
  131. #content img { max-width: 500px;}
  132.  
  133. .entry { border:5px solid {color:link}; transition: 0.5s ease; -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; -ms-transition: 0.5s ease;
  134. margin-bottom: 40px; padding:20px; background:{color:background};
  135. }
  136.  
  137. .entry:hover {transition: 0.5s ease; -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; -ms-transition: 0.5s ease; border:5px solid {color:link hover}; padding:20px; background:{color:link hover};
  138. }
  139.  
  140. #updatescont {
  141. bottom:{text:updates to top}px;
  142. left:240px;
  143. position:fixed;
  144. }
  145.  
  146. #sq1, #sq2, #sq3, #sq4 {border-bottom:none;
  147. position:relative;
  148. display:inline-block;
  149. height:15px;
  150. width:15px;
  151. margin-right:5px;
  152. background-color:{color:link}; /*--- change bg color of tab squares ---*/
  153. }
  154.  
  155. #tab1, #tab2, #tab3, #tab4 {color:#fff;
  156. position:absolute;
  157. width:190px;
  158. height:auto;
  159. text-align:left;
  160. margin-top:5px;
  161. margin-left:-55px;
  162. border-left:solid 1px {color:link}; /*--- change border color of text boxes ---*/
  163. background-color:{color:link hover}; /*--- change background color of text boxes ---*/
  164. word-wrap:break-word;
  165. padding:10px;
  166. }
  167.  
  168.  
  169. #tab1 { visibility:hidden; opacity:0; }
  170. .show:focus + #tab1 { visibility:visible; opacity:1; }
  171.  
  172. #tab2 { visibility:hidden; opacity:0; }
  173. .show:focus + #tab2 { visibility:visible; opacity:1; }
  174.  
  175. #tab3 { visibility:hidden; opacity:0; }
  176. .show:focus + #tab3 { visibility:visible; opacity:1; }
  177.  
  178. #tab4 { visibility:hidden; opacity:0; }
  179. .show:focus + #tab4 { visibility:visible; opacity:1; }
  180.  
  181. #perma {border-top:2px solid {color:link hover}; border-bottom:2px solid {color:link};
  182. position: absolute;
  183. right: -85px;
  184. letter-spacing: .5px;
  185. text-transform: lowercase;
  186. }
  187.  
  188. #side {background:{color:background}; border:7px solid {color:link};
  189. top: {text:sidebar top}px;
  190. left: 185px; padding:20px;
  191. position: fixed;
  192. width: 153px;
  193. }
  194. #side a{background:{color:background};
  195. border-bottom: 1px solid {color:Sidebar Link Border};
  196. color: {color:Sidebar Link};
  197. }
  198. #side a:hover {
  199. border-bottom: 1px solid transparent;
  200. color: {color:Sidebar Link Hover};
  201. }
  202. .head {font-family:{font:Title}; text-transform:uppercase;
  203. font-size: {text:Title Size}px;
  204. margin-bottom: 10px;
  205. margin-left: 10px; background:{color:background};
  206. color: {color:Title};
  207. letter-spacing: .5px;
  208. }
  209. blockquote {
  210. border-left: 1px solid {color:Light Accents};
  211. margin-left: 6px;
  212. padding-left: 10px;
  213. }
  214.  
  215. img.avatar {display:none; }
  216. ol.notes {
  217. margin-top: 20px;
  218. }
  219.  
  220. #position-menu-bar {
  221. position:fixed;
  222. right:50px;
  223. top:30px;
  224. z-index:99999999;
  225. -webkit-transition: all 0.8s ease;
  226. -moz-transition: all 0.8s ease;
  227. -o-transition: all 0.8s ease;
  228. }
  229.  
  230.  
  231. .menu-bar {
  232. display:block;
  233. width:40px;
  234. height:40px;
  235. background-color:{color:link};
  236. padding-left:7px;
  237. padding-right:7px;
  238. color:#FFF;
  239. cursor:crosshair;
  240. -webkit-transition: all 0.5s ease;
  241. -moz-transition: all 0.5s ease;
  242. -o-transition: all 0.5s ease;
  243. }
  244.  
  245. .menu-bar img {
  246. width:30px;
  247. height:30px;
  248. margin-top:6px;
  249. margin-left:5px;
  250. }
  251.  
  252. .mb {
  253. display:block;
  254. width:220px;
  255. height:20px;
  256. padding-top:10px;
  257. padding-bottom:10px;
  258. color:#FFF;
  259. cursor:help;
  260. background-color:#444;
  261. margin-bottom:5px;
  262. -webkit-transition: all 0.5s ease;
  263. -moz-transition: all 0.5s ease;
  264. -o-transition: all 0.5s ease;
  265. }
  266.  
  267. .mb:hover {border-bottom:none; text-decoration:none;
  268. background-color:#333;
  269. color:#FFF;
  270. letter-spacing:5px;
  271. -webkit-transition: all 0.5s ease;
  272. -moz-transition: all 0.5s ease;
  273. -o-transition: all 0.5s ease;
  274. }
  275.  
  276. #more-bar {
  277. display:block;
  278. opacity:0;
  279. position:absolute;
  280. padding:12px;
  281. margin-top:50px;
  282. margin-left:140px;
  283. width:220px;
  284. height:265px;
  285. text-align:center;
  286. background-color:#333;
  287. color:white;
  288. font-family:Calibri;
  289. font-size:15px;
  290. text-transform:uppercase;
  291. -webkit-transition: all 0.7s ease;
  292. -moz-transition: all 0.7s ease;
  293. -o-transition: all 0.7s ease;
  294. }
  295.  
  296. .mb:first-letter {
  297. color:{color:link};
  298. font-style:italic;
  299. font-family:Georgia;
  300. font-size:22px;
  301. }
  302.  
  303.  
  304. #position-menu-bar:hover #more-bar {
  305. margin-left:-140px;
  306. opacity:1;
  307. }
  308.  
  309. #triangle {
  310. width:0;
  311. height:0;
  312. border-top:42px solid #333;
  313. border-right:42px solid transparent;
  314. position:absolute;
  315. margin-top:-28px;
  316. margin-left:130px;
  317. opacity:1;
  318. -webkit-transform:rotate(45deg);
  319. -moz-transform:rotate(45deg);
  320. -o-transform: rotate(45deg);
  321.  
  322. </style>
  323.  
  324. <!---infinite scroll---><script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  325.  
  326. </head>
  327.  
  328. <body>
  329. <!--- BEGIN UPDATES --->
  330.  
  331. <div id="updatescont">
  332.  
  333. <a href="#show" id="sq1" class="show"><font style="display:none">[ show ]</font></a>
  334. <div id="tab1">
  335.  
  336. {text:updates 1}
  337.  
  338. </div>
  339.  
  340. <a href="#show" id="sq2" class="show"><font style="display:none">[ show ]</font></a>
  341. <div id="tab2">
  342.  
  343. {text:updates 2}
  344.  
  345. </div>
  346.  
  347. <a href="#show" id="sq3" class="show"><font style="display:none">[ show ]</font></a>
  348. <div id="tab3">
  349.  
  350. {text:updates 3}
  351.  
  352. </div>
  353.  
  354. <a href="#show" id="sq4" class="show"><font style="display:none">[ show ]</font></a>
  355. <div id="tab4">
  356.  
  357. {text:updates 4}
  358.  
  359. </div>
  360.  
  361. </div>
  362.  
  363. <div id="position-menu-bar">
  364. <div class="menu-bar">
  365. <img src="http://static.tumblr.com/5ojoydj/bunmo0ev7/fukuo-line-bar.png"/>
  366. </div>
  367. <div id="more-bar">
  368. <div id="triangle"></div>
  369. <a href="{text:link1url}" class="mb">{text:link1}</a>
  370. <a href="{text:link2url}" class="mb">{text:link2}</a>
  371. <a href="{text:link3url}" class="mb">{text:link3}</a>
  372. <a href="{text:link4url}" class="mb">{text:link4}</a>
  373. <a href="{text:link5url}" class="mb">{text:link5}</a>
  374. <a href="http://ttamplamente.tumblr.com/" target="_blank" class="mb">Theme</a>
  375. </div>
  376. </div>
  377.  
  378.  
  379. <!--sidebar-->
  380. <img id="avp" src="{image:sidebar}">
  381. <div id="side"><div class="head">{Title}</div>{Description}<p></div>
  382. <!----->
  383.  
  384. <div id="content">
  385. {block:Posts}
  386.  
  387. <div class="entry">
  388. <!--permalink-->
  389. {block:IndexPage}<div id="perma"><a href="{Permalink}">{MonthNumberwithZero}.{DayofMonthwithZero}.{Year}</a><br><a href="{Permalink}">{DayofWeek}</a><br><a href="{ReblogURL}">reblog</a></div>{/block:IndexPage}
  390.  
  391.  
  392. {block:Photo}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a> {block:IndexPage}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photo}
  393.  
  394. {block:Photoset}{block:IndexPage}{block:if250px}{Photoset-250}{/block:if250px}{block:if400px}{Photoset-400}{/block:if400px}{block:if500px}{Photoset-500}{/block:if500px}{/block:IndexPage}{block:PermalinkPage}{Photoset-400}{/block:PermalinkPage} {block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photoset}
  395.  
  396. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body} {/block:Text}
  397.  
  398. {block:Link}<h1><a href="{URL}">{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  399.  
  400. {block:Quote}"{Quote}"{block:Source}<br>- {Source}{/block:Source}{/block:Quote}
  401.  
  402. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label} </b>{/block:Label}<span><i>{Line}</i><br></span>{/block:Lines}{/block:Chat}
  403.  
  404. {block:Audio}{AudioPlayerWhite}{block:IndexPage}<p>{block:TrackName}Track: {TrackName}<br>{/block:TrackName}{block:Artist}Artist: {Artist}<br>{/block:Artist}{block:Album}Album: {Album}<br>{/block:Album}{block:PlayCount}Played: {PlayCount}{/block:PlayCount}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Audio}
  405.  
  406. {block:Video}{block:IndexPage}{block:if250px}{Video-250}{/block:if250px}{block:if400px}{Video-400}{/block:if400px}{block:if500px}{Video-500}{/block:if500px}{/block:IndexPage}{block:PermalinkPage}{Video-400}{/block:PermalinkPage} {block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{block:Video}
  407.  
  408. {block:Answer}<b>{Asker}</b> asked: <br><center><i>{Question}</i></center><p>{Answer}{/block:Answer}
  409.  
  410. <!--permalink page-->
  411. {block:PermalinkPage}
  412. <center>{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}<p>{NoteCountwithLabel}</center>
  413. {block:PostNotes}{PostNotes}{/block:PostNotes}
  414. {/block:PermalinkPage}
  415. </div> <!---entry div--->
  416. {/block:Posts}
  417.  
  418. {block:ContentSource}<!-- {SourceURL}
  419. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  420. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  421. {/block:ContentSource}
  422. </div><!---content div--->
  423.  
  424. <script type="text/javascript"
  425. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  426. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  427. <script>
  428. (function($){
  429.  
  430. $(document).ready(function(){
  431. $("[title]").style_my_tooltips();
  432. });
  433. })(jQuery);
  434. </script>
  435.  
  436. </body>
  437.  
  438. </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!