API tools faq
paste
Advertisement
dds-themex

theme 01 sua-barbie-preferida (chasinghtml) --♥--

dds-themex
Jun 28th, 2013
90
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.88 KB | None | 0 0
raw download clone embed print report
  1. <!--- THEME FEITO POR SUA-BARBIE-PREFERIDA NÃO COPIE E SE QUISER ALGO DAQUI É SÓ PEDIR NA ASK PQ EU NÃO MORDO U.U DON'T COPY BITCH, PLÁGIO É CRIME E EU INFERNIZO SUA VIDA FALOW --->
  2.  
  3. <html>
  4. <head>
  5. <link rel="shortcurt icon" href="{Favicon}">
  6. <title>{title}</title>
  7.  
  8. <link href='http://fonts.googleapis.com/css?family=Alef' rel='stylesheet' type='text/css'>
  9. <link href='http://fonts.googleapis.com/css?family=Delius+Swash+Caps' rel='stylesheet' type='text/css'>
  10. <link href='http://fonts.googleapis.com/css?family=Muli' rel='stylesheet' type='text/css'>
  11. <link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
  12.  
  13. <script type="text/javascript"
  14. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  15. <script>
  16. $(document).ready(function() {
  17. //
  18. //When you click on a link with class of poplight and the href starts with a #
  19.  
  20. $('a.poplight[href^=#]').click(function() {
  21.  
  22. var popID = $(this).attr('rel'); //Get Popup Name
  23.  
  24. var popURL = $(this).attr('href'); //Get Popup href to define size
  25.  
  26. //Pull Query & Variables from href URL
  27.  
  28. var query= popURL.split('?');
  29.  
  30. var dim= query[1].split('&');
  31.  
  32. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  33.  
  34. //Fade in the Popup and add close button
  35.  
  36. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://media.tumblr.com/c2c197eabc7021533e98268cbe0455c6/tumblr_inline_mocakfgw8a1qz4rgp.png" class="btn_close" title="fechar []" alt="Close" /></a>');
  37.  
  38. //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
  39.  
  40. var popMargTop = ($('#' + popID).height() + 80) / 2;
  41.  
  42. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  43.  
  44. //Apply Margin to Popup
  45.  
  46. $('#' + popID).css({
  47.  
  48. 'margin-top' : -popMargTop,
  49.  
  50. 'margin-left' : -popMargLeft
  51.  
  52. });
  53.  
  54. //Fade in Background
  55.  
  56. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  57.  
  58. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
  59.  
  60. return false;
  61.  
  62. });
  63.  
  64.  
  65. //Close Popups and Fade Layer
  66.  
  67. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  68.  
  69. $('#fade , .popup_block').fadeOut(function() {
  70.  
  71. $('#fade, a.close').remove(); //fade them both out
  72. });
  73. return false;
  74. });
  75.  
  76. });
  77.  
  78. </script>
  79. </head>
  80.  
  81. <style>
  82. body {background: #fff; background-position: center; background-attachment: fixed; background-repeat: repeat; font-family: tahoma; font-size: 10px;}
  83. /*links*/
  84. a:link{color: #000; text-decoration: none;}
  85. a:hover{color: #000;}
  86.  
  87. /*=====================*/
  88. /*==sidebar==*/
  89. /*=====================*/
  90. #sidebah {background: #fff; position: absolute; margin-left: 40px; margin-top: 50px;}
  91.  
  92. /*=====================*/
  93. /*==postagens==*/
  94. /*=====================*/
  95. #posts {background: #fff; position: absolute; margin-left: 300px; margin-top: 20px;}
  96.  
  97.  
  98. .borda {width: 195px; height: 195px; border:6px solid #000; position: absolute; padding: 2px; margin-top: 25px;}
  99. .borda:hover {opacity:0.7; -webkit-transition: all 0.99s ease-in-out;}
  100.  
  101. /*linha que divide os posts*/
  102. .dividate {border-bottom: 2px ridge #eee;}
  103.  
  104. /*post2*/
  105. .post2 {width: 500px; border: 2px solid #eee; margin-bottom: 4px;}
  106.  
  107. /*quote*/
  108. aspa {font-family: 'Muli'; font-size: 70px; color: #BEBEBE;}
  109. quote {font-family: 'Alef'; font-size: 13px;}
  110.  
  111. b, strong { color: #FF69B4;} /* negrito */
  112. i { color: #FF69B4; } /* italico */
  113. u, underline {border-bottom: 1px #FF69B4; solid; text-decoration: none;} /* sublinhado */
  114. s, strike { color: #FF69B4;} /* riscado */
  115.  
  116. /*titulo dos posts*/
  117. h1 {font-family: 'Alef'; font-size: 15px; letter-spacing: 2px; color: #bebebe;}
  118.  
  119. ::-moz-selection { color: #cor aqui; background: #FF69B4;} /* selecao */
  120. ::selection { color:#cor aqui; background: #FF69B4; } /* selecao */
  121.  
  122. /*estilo de ask por TTHY*/
  123. .pergunta {background: #ececec; padding: 11px; margin-top: 0px; border-bottom: 1px solid #; margin-left: 0px;margin-right: 0;overflow: hidden; text-shadow: 0px 1px 1px #; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
  124. .perguntou {display: inline-block; letter-spacing: 1px; text-transform:uppercase;font-family: 'Play', sans-serif; font-size: 11px; background: #ffa668; padding-left: 20px; padding-right: 5px; margin-top: -0px; border-bottom: 1px solid #; margin-left: 20px;margin-right: -11px; text-shadow: 0px 1px 1px #;color: #fff; margin-bottom: 7px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
  125. .perguntou g {color: #f9cfb1;}
  126. .perguntou a {color: #f9cfb1; }
  127. .askfoto {position: absolute; z-index: 1000; display: inline-block; margin-top: -10px; margin-left: 2px; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px;}
  128. .askfoto:hover {opacity: 0.9;}
  129. .linha {border-bottom: dotted 1px #f1e6df; margin-left: 20px; margin-right: 20px; margin-top: 5px; margin-bottom: 5px;}
  130.  
  131. #descri {font-family: 'Muli'; font-size: 13px; text-align: justify; width: 210px; margin-top: 200px; position:absolute; margin-left: -1px;}
  132.  
  133. /*creditos por Bah*/
  134. .cred {background: #eee; border: 1px dotted #000; width: 45px; font-family: 'Alef'; padding: 5px;}
  135.  
  136. .tituloside {font-family: 'Delius Swash Caps', cursive; color: #FF69B4; font-size: 15px; text-align: center;}
  137.  
  138. /*by havingthemes*/
  139. .page {margin-left:-24px; font-size:23px; font-family:verdana; margin-bottom:15px; position:absolute; color:#fff;}
  140.  
  141. .page a {color:#fff; text-shadow:1px 1px 0px #D46287;}
  142.  
  143. ::-webkit-scrollbar {width: 6px; height: 6px;}
  144. ::-webkit-scrollbar-track-piece {background-color: #CORDOFUNDO; repeat scroll 0 0 transparent;}
  145. ::-webkit-scrollbar-thumb:vertical {height: 5px;background-color: #FF69B4; }
  146. ::-webkit-scrollbar-thumb:horizontal {width: 5px;background-color: #FF69B4;}
  147.  
  148. /*notes*/
  149. .notes {background: #eee; width: 492px; padding: 5px; color: #000; text-transform: uppercase; text-align: center;}
  150.  
  151. blockquote {border-left: 5px solid #eee;}
  152.  
  153. /*menu por Bah*/
  154. .bah a {background: #eee; width: 55px; font-family: 'Alef'; padding: 5px; font-size: 9px; margin: 3px; margin-left: -1px; margin-top: 5px; text-transform: uppercase;}
  155.  
  156. /*** MENU POP-UP (lembrancasirreais) ***/
  157. #fade {display:none; background:Url('http://static.tumblr.com/yovepk3/Vdomeb3xr/_____78_.png'); position:fixed; left:0; top:0; width:100%; height:100%; opacity:0.8; z-index: 9999; }
  158.  
  159. .popup_block{display:none; background: Url('http://25.media.tumblr.com/4428717687021cc0403bcf20c93c5321/tumblr_mfpnx3quY81rcsmpzo29_r1_250.png'); padding:20px; float:left; font-size:9px; font-family: trebuchet ms; font-size: 1.2em; position: fixed; top:50%; left:50%; z-index:99999;
  160. -webkit-box-shadow: 0px 0px 20px #000;
  161. -moz-box-shadow: 0px 0px 20px #000; box-shadow: 1px 1px 20px {color:bgcolor1}; -webkit-border-radius: 10px;
  162. -moz-border-radius: 10px; border-radius: 10px;}
  163.  
  164. img.btn_close {float:right; margin:-55px -55px 0 0;}
  165. *html #fade {position: absolute;}
  166. *html .popup_block {position: absolute;}
  167.  
  168. /*wishlist do menu pop up, NAO COPIE E NEM CATE NADA DELA OK!!!! O DESTAQUE FOI FEITO POR MIM E TB ESTA NO MEU OUTRO TUMBLR ~VIBRAR.TUMBLR.COM~ */
  169. .wish {background: #000; font-family: 'Muli'; color: #fff; margin-bottom: 2px; border-left: 3px double #FF69B4; padding: 5px;}
  170. .wish destaque {background: #FF69B4; padding: 5px; border-radius: 4px; font-family: 'Alef'; color: #fff;}
  171. </style>
  172.  
  173. <body>
  174.  
  175. <div id="sidebah">
  176. <div class="tituloside"><center>Como un angel que me decia</div>
  177. <br>
  178. <div class="borda">
  179. <img src="http://24.media.tumblr.com/0e20fd7b361f006c90b4929994d92ad9/tumblr_moalebCgVO1s7v6dgo1_500.jpg" width="195"></div>
  180. <div class="bah">
  181. <a href="/">Home</a>
  182. <a href="/">Home</a>
  183. <a href="/">Home</a>
  184. <a href="/">Home</a>
  185. </div>
  186.  
  187. <br>
  188.  
  189.  
  190. <div id="descri"><br>Preciso de segurança, de amor, de compreensão, de atenção, de alguém que sente comigo e fale: Calma, eu estou com você e vou te proteger! Nós vamos ser fortes juntos, juntos, juntos. <b>(Caio F. Abreu)</b></div>
  191.  
  192. <div class="page">{block:PreviousPage}<a href="{PreviousPage}">-</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">+</a>{/block:NextPage}</div>
  193. </div>
  194.  
  195. <div id="posts">
  196. {block:Posts}
  197.  
  198. <!-- TEXTOS -->
  199. {block:Text}
  200. <div class="post2">
  201. {block:Title} <h1><center>{Title}</h1> {/block:Title}
  202. {Body}
  203. <div class="notes"><a href="{ReblogURL}"><b>reblog, love</b></a> - <b><font color="000">postado {TimeAgo}<font></b> - <a href="{Permalink}"><b>Perma</b></a></div>
  204. </div>
  205. {/block:Text}
  206.  
  207. <!-- FOTO -->
  208. {block:Photo}
  209. <div class="post2">
  210. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  211. <br>
  212. <br>
  213. <div class="notes"><a href="{ReblogURL}"><b>reblog, love</b></a> - <b><font color="000">postado {TimeAgo}<font></b> - <a href="{Permalink}"><b>Perma</b></a></div>
  214. </div>
  215. {/block:Photo}
  216.  
  217. <!-- PHOTOSET -->
  218. {block:Photoset}
  219. <div class="post2">
  220. <center>{Photoset-500}</center>
  221. <div class="notes"><a href="{ReblogURL}"><b>reblog, love</b></a> - <b><font color="000">postado {TimeAgo}<font></b> - <a href="{Permalink}"><b>Perma</b></a></div>
  222. </div>
  223. {/block:Photoset}
  224.  
  225. <!-- QUOTE -->
  226. {block:Quote}
  227. <div class="post2">
  228. <aspa>❝</aspa><quote>{Quote}</quote>
  229. {block:Source}<center><quote><b>{Source}</quote></b>{/block:Source}
  230. <div class="notes"><a href="{ReblogURL}"><b>reblog, love</b></a> - <b><font color="000">postado {TimeAgo}<font></b> - <a href="{Permalink}"><b>Perma</b></a></div>
  231. </div>
  232. {/block:Quote}
  233.  
  234. <!-- LINK -->
  235. {block:Link}
  236. <div class="post2">
  237. <a href="{URL}" {Target}><h1>{Name}</h1></a>
  238. {block:Description} {Description}{/block:Description}
  239. <div class="notes"><a href="{ReblogURL}"><b>reblog, love</b></a> - <b><font color="000">postado {TimeAgo}<font></b> - <a href="{Permalink}"><b>Perma</b></a></div>
  240. </div>
  241. {/block:Link}
  242.  
  243. <!-- CHAT -->
  244. {block:Chat}
  245. <div class="post2">
  246. {block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
  247. {block:Lines}<li class="{Alt} user_{UserNumber}"> {block:Label} <b>{Label}</b> {/block:Label} {Line}</li>{/block:Lines}
  248. <div class="notes"><a href="{ReblogURL}"><b>reblog, love</b></a> - <b><font color="000">postado {TimeAgo}<font></b> - <a href="{Permalink}"><b>Perma</b></a></div>
  249. </div>
  250. {block:Chat}
  251.  
  252. <!-- VIDEO -->
  253. {block:Video}
  254. <div class="post2">
  255. {Video-500}
  256. {block:Caption}{Caption}{/block:Caption}
  257. <div class="notes"><a href="{ReblogURL}"><b>reblog, love</b></a> - <b><font color="000">postado {TimeAgo}<font></b> - <a href="{Permalink}"><b>Perma</b></a></div>
  258. </div>
  259. {/block:Video}
  260.  
  261. <!-- AUDIO -->
  262. {block:Audio}
  263. <div class="post2">
  264. {AudioPlayerGrey}
  265. {block:TrackName}{TrackName}{/block:TrackName}
  266. {block:Artist}{Artist}{/block:Artist}
  267. {block:Album}{Album}{/block:Album}
  268. {block:PlayCount}{PlayCount}{/block:PlayCount}
  269. {block:Caption}{Caption}{/block:Caption}
  270. <div class="notes"><a href="{ReblogURL}"><b>reblog, love</b></a> - <b><font color="000">postado {TimeAgo}<font></b> - <a href="{Permalink}"><b>Perma</b></a></div>
  271. </div>
  272. {/block:Audio}
  273.  
  274. <!-- ASKS -->
  275. {block:Answer}
  276. <div class="post2">
  277. <div class="pergunta">
  278. {Question}
  279. </div>
  280. <img src="{AskerPortraitURL-30}" align="left" class="askfoto">
  281. <div class="perguntou"><g>{Asker}</g> asked {TimeAgo}</div>
  282. <div class="linha"></div>
  283. {Answer}
  284. </div>
  285. {/block:Answer}
  286.  
  287. <!-- NOTES DO PERMALINK-->
  288. {block:PostNotes}
  289. <div class="post2">
  290. {block:Photoset}
  291. {block:Caption}<em>{Caption}</em>{/block:Caption}
  292. {/block:Photoset}
  293. {block:Video}
  294. {block:Caption}{Caption}{/block:Caption}
  295. {/block:Video}
  296. {block:Link}
  297. {block:Description}<em>{Description}</em>{/block:Description}
  298. {/block:Link}
  299. <br>
  300. <div class="extra"><img src="http://static.tumblr.com/wa79tuo/LApm1iuqc/user.png" class="user">
  301. {block:RebloggedFrom} <a href="{ReblogParentURL}"> - Via</a> <a href="{ReblogRootURL}">- From</b></a> {/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}" target=blank> - Source </a>{/block:ContentSource}</div>
  302. <div class="extra"><img src="http://static.tumblr.com/wa79tuo/3OKm1iuvh/clock.png" class="user"> {DayOfMonth},<b> {Month}</b> de {Year}<br></div>
  303. <div class="extra"><img src="http://static.tumblr.com/wa79tuo/YzBm1iuyx/tag.png" class="user"> {block:HasTags}{/block:HasTags}{block:HasTags}{block:Tags} <a class="tag" href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</span></div>
  304. <div class="extra"><img src="http://static.tumblr.com/wa79tuo/MiZm1iv2y/heart.png" class="user">{NoteCount}</div><br>
  305. {PostNotes}
  306. </div>
  307. {/block:PostNotes}
  308.  
  309. {/block:Posts}
  310. </div>
  311.  
  312. <div class="cred"><a href="http://www.sua-barbie-preferida.tumblr.com" title="Ajudas por TTHY | dont copy">THEME ©</a></div>
  313.  
  314. </body>
  315. </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!