API tools faq
paste
Advertisement
leticiafelippe

theme16

leticiafelippe
Apr 1st, 2012
32
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.93 KB | None | 0 0
raw download clone embed print report
  1. <!-------------------------------------------------------------------------
  2. Este Theme foi feito por Letícia Felippe (uma-bailarina-skatista.tumblr.com),modifique o quanto quiser mais jamais retire os créditos-----
  3. -------------------------------------------------------------------------->
  4.  
  5. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  6. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  7.  
  8. <head>
  9.  
  10.  
  11.  
  12. <title> {title} </title>
  13. <link href="http://suafavicon" rel="icon" type="image/x-icon" />
  14.  
  15. <script>
  16. function changeNavigation(id)
  17. {document.getElementById('main').innerHTML=document.getElementById(id).innerHTML}
  18. </script>
  19.  
  20.  
  21. <script type="text/javascript"
  22. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  23.  
  24. <script>
  25.  
  26.  
  27.  
  28. $(document).ready(function() {
  29.  
  30. //
  31.  
  32.  
  33.  
  34. //When you click on a link with class of poplight and the href starts with a #
  35.  
  36. $('a.poplight[href^=#]').click(function() {
  37.  
  38. var popID = $(this).attr('rel'); //Get Popup Name
  39.  
  40. var popURL = $(this).attr('href'); //Get Popup href to define size
  41.  
  42.  
  43.  
  44. //Pull Query & Variables from href URL
  45.  
  46. var query= popURL.split('?');
  47.  
  48. var dim= query[1].split('&');
  49.  
  50. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  51.  
  52.  
  53.  
  54. //Fade in the Popup and add close button
  55.  
  56. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close" float="right" title="Fechar"><img src="http://static.tumblr.com/okap6fz/4rpllrhr3/close4.png" border="0" class="btn_close" title="Fechar" alt="Close" /></a>');
  57.  
  58.  
  59.  
  60. //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
  61.  
  62. var popMargTop = ($('#' + popID).height() + 80) / 2;
  63.  
  64. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  65.  
  66.  
  67.  
  68. //Apply Margin to Popup
  69.  
  70. $('#' + popID).css({
  71.  
  72. 'margin-top' : -popMargTop,
  73.  
  74. 'margin-left' : -popMargLeft
  75.  
  76. });
  77.  
  78.  
  79.  
  80. //Fade in Background
  81.  
  82. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  83.  
  84. $('#fade').css({'filter' : 'alpha(opacity=10)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=10)'}) is used to fix the IE Bug on fading transparencies
  85.  
  86.  
  87.  
  88. return false;
  89.  
  90. });
  91.  
  92.  
  93.  
  94. //Close Popups and Fade Layer
  95.  
  96. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  97.  
  98. $('#fade , .popup_block').fadeOut(function() {
  99.  
  100. $('#fade, a.close').remove(); //fade them both out
  101.  
  102. });
  103.  
  104. return false;
  105.  
  106. });
  107.  
  108.  
  109. });
  110.  
  111. </script>
  112.  
  113. <link href='http://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'>
  114.  
  115.  
  116. <style type="text/css">
  117.  
  118. #navbar-iframe{ display: none; height: 0; visibility: hidden; }
  119.  
  120. /****************** Body, Tipo de Letra, Cores , Fundo. Curosr ****/
  121. body {background-color: #f7f7f7 ; font-family: verdana; font-size: 8pt; font-weight: none; color: #707070; background-image:url('http://27.media.tumblr.com/tumblr_lpntkeMV7H1qjprruo1_400.jpg');background-attachment:fixed;}
  122.  
  123. body, a, a:hover {cursor: url('http://27.media.tumblr.com/tumblr_lpntkeMV7H1qjprruo1_400.jpg'), default !important;}
  124.  
  125. /****************** Link , Link hover ***/
  126. a:link, a:active, a:visited { font-family: tahoma; color: #7EBFF7; text-decoration: none;
  127. -webkit-transition-duration: .40s; }
  128. a:hover { font-family: tahoma; color: #7EBFF7; text-decoration: none; cursor: crosshair; }
  129.  
  130.  
  131. /****************** Quote Posts ***/
  132. blockquote{
  133. margin: 0 8px;
  134. text-align: justify;
  135. line-height:123%;
  136. border-left: 3px dotted #dcdcdc;
  137. padding-left:2px; padding-right:4px; padding-top:0; padding-bottom:0 }
  138.  
  139. /********************* Titulos , H1 . H2 . ****/
  140. h1 {color: #7EBFF7 ;font-family: 'Indie Flower'; font-size:20px; line-height:25px;font-weight:normal;margin:0px;padding:0px;margin-bottom:-0px;text-align:left;letter-spacing: 1px;
  141. text-shadow: 0 1px 1px #fff;}
  142.  
  143. h2 {color:#7EBFF7; font-family: Courier New; font-size:20px; line-height:25px; font-weight:normal; margin:0px; padding:0px; margin-bottom:-0px; text-align:left; letter-spacing: 1px; border-bottom: 1px solid #eee;}
  144.  
  145.  
  146. /********************* Formação de textos, ITALICO, NEGRITO , RISCADO, SUBLINHADO ***/
  147. s {color: #000;}
  148. i {color: #000;}
  149. b {color: #000; }
  150. u, span.sublinha {cursor: crosshair; text-decoration: none; border-bottom: 1px dashed #000;}
  151.  
  152.  
  153. /********************* INFO DOS POSTS . COISAS DOS POSTS ***/
  154. #info{
  155. font-family: Trebuchet Ms;
  156. letter-spacing: 1px;
  157. font-size:7pt;
  158. border-top:1px dashed #eee;
  159. background-color: #fff;
  160. width: 500; height: 100%; }
  161.  
  162. #posi{
  163. left:50%;
  164. margin-left:500px;
  165. top:7px;
  166. width:533px;}
  167.  
  168. /************************ CAIXAS ***/
  169. #boxp {Overflow:hidden; letter-spacing: 1px; background-color: #7EBFF77; padding:6px; margin-bottom:00px; -webkit-border-radius: 03px; -webkit-box-shadow:0 0 1em #f3f3f3; text-shadow: 0 1px 1px #fff;border: 1px solid #eee; font-size: 10px; width: 500px; filter: alpha(opacity=95); opacity:.95;
  170. }
  171.  
  172. #box {Overflow:hidden; letter-spacing: 1px; background-color: #fff ; padding:6px; margin-bottom:00px; -webkit-border-radius: 03px; -webkit-box-shadow:0 0 1em #fff; text-shadow: 0 1px 1px #fff;border: 1px solid #eee; font-size: 10px; filter: alpha(opacity=75); opacity:.75;
  173. }
  174.  
  175. #sidebar {position:fixed; float: center; z-index:2; width:300px; left:120px; top:40px; padding-top:5px;}
  176.  
  177. #menu {position:fixed; float: center; z-index:2; width:300px; left:53px; top:100px; }
  178.  
  179. /****************** ASK **************/
  180.  
  181. #askme {background-color: #f7f7f7 ; font-size: 10px; text-shadow: 0 1px 1px #fff; width: 100%;
  182. border: 1px solid #F5EDF8;background-image:url(http://static.tumblr.com/okap6fz/Y2Allcxdk/backinhowigor.png);background-attachment:fixed;}
  183.  
  184. #legenda { margin-top:10px;}
  185.  
  186. /********************* O MENU DE NAVEGAÇÃO *****/
  187. #nav { width: 56px; float: left; background: #7EBFF7; padding: 5px 0 5px 0; text-align: center; margin: 1px; margin-left: 2px; line-height:13px; color: #000; font: 9px verdana; margin-bottom: 1px; text-shadow: 0 1px 1px #000; -webkit-box-shadow:0 0 1em #;
  188. -webkit-border-radius: 10px;
  189. -webkit-border-top-right-radius: 1000px;
  190. -webkit-border-bottom-left-radius: 1000px;
  191. -moz-border-radius: 10px;
  192. -moz-border-radius-topright: 1000px;
  193. -moz-border-radius-bottomleft: 1000px;
  194. border-radius: 10px;
  195. border-top-right-radius: 1000px;
  196. border-bottom-left-radius: 1000px;}
  197.  
  198. #nav:hover {background: #fff; color: #000;}
  199.  
  200.  
  201. /********************* LINHA DE SEPARAÇÃO DO INFO E DOS POSTS *******/
  202. .br1 {border-bottom: 1px dashed #000;}
  203.  
  204.  
  205. /*** Paginação ***/
  206. #paginacaoml {font-size: 10px; font-weight: bold; line-height: 21px; }
  207. #paginacaoml a {background: #FFFFFF; margin: 0 1px 0 0; padding: 4px 4px; color: #cor da fonte; text-decoration: none;}
  208. #paginacaoml a:hover {background: #cor de fundo; border: none;}
  209. #paginacaoml span.pagina_atual {background: #FFFFFF; margin: 0 1px 0 0; padding: 4px 4px; color: #cor da fonte; text-decoration: none; }
  210. #paginacaoml span.info {background: #FFFFFF; margin: 0 1px 0 0; padding: 4px 4px; color: #cor da fonte; text-decoration: none; }
  211.  
  212.  
  213. /****************** Selecção Colorida *****************/
  214. ::-moz-selection {
  215. background: #000000;
  216. color: #111;
  217. }
  218. ::selection {
  219. background: #F8F8FF;
  220. color: #111;
  221. }
  222.  
  223.  
  224. /****************** NOTES dos Posts *****************/
  225. .notes-bottom ol, .notes-bottom ul {margin: 0; padding: 0; list-style: none;}
  226. .notes-bottom li {background: #fff; border-bottom: 1px solid f0f0f0; margin: 0; padding: 5px 0 20px 0; font-size: 10px;width: 513px;}
  227.  
  228. .notes-bottom li:hover {border-bottom: 1px solid f0f0f0; background: #E8E8E8; bottom:1px;
  229. font-size: 10px; position: relative;width: 513px;}
  230.  
  231. /*** img das notas ***/
  232. .notes-bottom li img.avatar {margin: 0 5px 0 0;float: left; width: auto;padding: 2px; background: #D1D1D1; }
  233.  
  234.  
  235. /****************** IMAGENS: BORDA , OPACIDADE E TAMANHOS , Mechendo. *****************/
  236. .border { padding : 3px; background : #FFF ; url('http://static.tumblr.com/b7apuks/3loltw3z8/300840_269742789714780_163577486997978_955459_1462850002_n_large.jpg'); }
  237.  
  238. img:hover { filter: alpha(opacity=70); opacity:.70; }
  239. img { filter: alpha(opacity=100); opacity: 1.0; -webkit-transition-duration: .60s; }
  240.  
  241. a img{ max-width:500px; }
  242.  
  243.  
  244. /*************** Menu Popup *********/
  245. #fade {display: none;background: #fff;position: fixed; left: 0; top: 0;width: 100%; height: 100%; opacity: .20;z-index: 9999;}
  246.  
  247. .popup_block{display: none;background: #fff;padding: 20px;float: left; font-size: 10px;font-family: verdana;position: fixed;top: 50%; left: 50%; z-index: 99999;border: 1px dashed #000;text-align: justify;-webkit-border-radius: 10px;-moz-border-radius: 2px;border-radius: 2px;}
  248.  
  249. img.btn_close {float: right;margin: -40px -40px 0 0;}
  250.  
  251. *html #fade {position: absolute;}
  252.  
  253. *html .popup_block {position: absolute;}
  254.  
  255.  
  256. /********* RODAPES ****/
  257. #rodape {background-color:#fff; border-top:2px dashed #fff; left:0;bottom:0; position:fixed;height:20px;width:100%; font-size:11px; color:#c0c0c0;filter: alpha(opacity=95); opacity:.95; background-image:url();}
  258.  
  259. </style>
  260. </head>
  261. <body>
  262. <div style=" background-image: url(); top: 0px; left: 0px; width: 100%; height: 50px; z-index: 100; position: fixed;"></div>
  263.  
  264. <div id="sidebar">
  265. <br>
  266.  
  267.  
  268. <div id="box">
  269. <img src="http://static.tumblr.com/b7apuks/3loltw3z8/300840_269742789714780_163577486997978_955459_1462850002_n_large.jpg" height="300" width="300">
  270.  
  271. <br><p>
  272. <div align="justify">
  273.  
  274. Descrição. Descrição. Descrição. Descrição. Descrição. Descrição. Descrição. Descrição. Descrição. Descrição. Descrição. Descrição. Descrição. Descrição. Descrição. Descrição. Descrição. Descrição. Descrição. Descrição. Descrição. Descrição. Descrição. Descrição. Descrição. Descrição. Descrição. Descrição. Descrição. Descrição. Descrição. Descrição.
  275.  
  276. </div>
  277. </div>
  278. <br>
  279. <a href="/" id="nav">home</a>
  280. <a href="#?w=500" rel="profile" title="Sobre mim" class="poplight" id="nav">
  281. about</a>
  282. <a href="#?w=500" rel="links" title="Tumblr" class="poplight" id="nav">
  283. extra</a>
  284. <a href="#?w=500" rel="ask" title="Ask me" class="poplight" id="nav">
  285. ask</a>
  286. <a href="http://nicolecorreaa.tumblr.com/" id="nav">theme</a>
  287.  
  288. </div>
  289.  
  290. <table border="0" cellpadding="0" cellspacing="0" style="border-bottom: 0px solid #;">
  291. <table border="0" cellpadding="0" cellspacing="0" style="border-bottom: 0px solid #;">
  292. <tr><td style="top: -10; right: 300; width: 500px; position: absolute;" id="main">
  293.  
  294. <br><br>
  295.  
  296. {block:Posts}<div id="posi">
  297. <div id="boxp">
  298. {block:Quote}<h1><center>"{Quote}"&nbsp;</h1></center>{/block:Quote}
  299. {block:Title}<h1><center>{Title}&nbsp;</center></h1>{/block:Title}
  300. {block:Link}<a href="{URL}" class="link" {Target}><h1><center>{Name}&nbsp;</h1></center></a>{/block:Link}
  301.  
  302. {block:Text}{Body}{/block:Text}
  303. {block:Photo}<center>{LinkOpenTag}
  304. <img src="{PhotoURL-500}" alt="{PhotoAlt}" class="opacity" width=500px/>
  305.  
  306. {LinkCloseTag}</center>{block:Caption} {Caption}{/block:Caption}{/block:Photo}
  307. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  308. {block:Quote}{block:Source}<P>{Source}</p>{/block:Source}{/block:Quote}
  309. {block:Link}{block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  310. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  311. {block:Video}<center>{Video-500}{block:Caption}{Caption}{/block:Caption}</center>{/block:Video}
  312.  
  313. {block:Answer}<div class="tira"><div align="right"><div class="h3"><img src="{AskerPortraitURL-48}" border="0" width="48" height="48" align="right" style="border: 2px solid #f3f3f3; padding: 1px; margin-bottom: 2px;"><u>{asker}:</u> <br><br>{Question}<br></div></div>
  314.  
  315. <div align="left"> <u>eu respondi com sinceridade:</u> {Answer}</div></div>{/block:Answer}
  316.  
  317. {block:Audio}<span class="audio"><center>{AudioPlayergrEy}</span>{block:Caption}{Caption}{/block:Caption}</center>{/block:Audio}
  318.  
  319.  
  320. <br>
  321. <div id="info">
  322. {block:Date} Posted on <a href="{Permalink}">{Month}/{DayOfMonth}/{Year}{/block:Date}</a> {block:NoteCount}with <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a>
  323. <div style="float:right;">
  324. <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank">(Reblog this)</a>
  325. </div>
  326. {block:HasTags}<br>#Tagged:{block:Tags}<a href="{TagURL}"> #{Tag}</a>, {/block:Tags}{/block:HasTags}</div>
  327. </div>
  328.  
  329. </div></div></div>
  330. </div><br>
  331. {/block:Posts}
  332.  
  333. <!---------------- NOTAS DOS POSTS ------------->
  334. <div id="posi">
  335. {block:PostNotes}<div class="box">
  336. <div class="notes-bottom">
  337. {PostNotes}
  338. </div></div>
  339. {/block:PostNotes}
  340. </div>
  341. <!---------------- FIM DAS NOTAS DOS POSTS ------------->
  342.  
  343.  
  344. </div><br><br>
  345.  
  346. </td>
  347.  
  348. <div id="links" class="popup_block">
  349.  
  350. <h2>Crédito</h2><div class="br1"></div>
  351. • Theme adaptado por: <a href="http://uma-bailarina-skatista.tumblr.com/">Uma Bailarina Skatista</a> <br>
  352.  
  353.  
  354. <br>
  355.  
  356. <h2>Following</h2><div class="br1"></div>
  357. <div align="center">
  358. <marquee behavior="scroll" direction="left" OnMouseOver="this.stop()" OnMouseOut="this.start()">
  359.  
  360. {block:Following}
  361. {block:Followed}<a href="{FollowedURL}"><img src="{FollowedPortraitURL-30}" class="border" title="{FollowedTitle}" /></a>{/block:Followed}
  362. {/block:Following}
  363. </marquee></div>
  364.  
  365. </div>
  366.  
  367. <div id="ask" class="popup_block">
  368.  
  369. <h2>Ask me anything</h2><div class="br1"></div>
  370.  
  371. <iframe frameborder="0" border="0" scrolling="no" width="500" height=”150” allowtransparency="true" src="http://www.tumblr.com/ask_form/user_tumblr.tumblr.com" style"background-color:transparent; overflow:hidden;:"></iframe>
  372.  
  373. Mude user_tumblr para o user do seu tumblr.
  374. <br> <a href="http://static.tumblr.com/okap6fz/Mrhllcua7/askcaixawigor.txt">http://static.tumblr.com/okap6fz/Mrhllcua7/askcaixawigor.txt</a> .
  375. </div>
  376.  
  377. <div id="profile" class="popup_block">
  378. <h2>About me</h2><div class="br1"></div>
  379.  
  380. Seu profile aqui.
  381.  
  382.  
  383.  
  384. </div></div>
  385.  
  386.  
  387.  
  388. <!-------------------------------------- Paginação ---------------------------------->
  389. <font style="z-index: 100; position: fixed; display:scroll; left: 180px; bottom: 26px;">
  390.  
  391. <div id="paginacaoml"><span class="info" style="font-weight: normal;">Page <b>{CurrentPage}</b> of <b>{TotalPages}</b></span> {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">Back</a>{/block:PreviousPage}{/block:Pagination}
  392. {block:JumpPagination length="3"}
  393. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  394. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  395. {/block:JumpPagination}
  396. {block:Pagination}{block:NextPage}<a href="{NextPage}">Next</a>{/block:NextPage}{/block:Pagination}</div></center>
  397.  
  398. </font>
  399.  
  400.  
  401. </body>
  402. </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!