Eduarda

Theme 100

Jan 9th, 2013
1,060
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.96 KB | None | 0 0
  1. <!------------------------♥---------------------------------
  2. Theme by: o-mundo-de-uma-garota|tumblr {NÃO USE COMO BASE} só adapte para o seu próprio uso e sem retirar os creditos, aliás não foi voce que fez né?! {NOT COPIE} plágio é crime se eu pegar algo tiro da minha página de themes.,
  3.  
  4. Tutoriais por Revolutionhtml ilovethemes...
  5. - - - - - - - - - - - - - -
  6. - THEME FEITO POR DUDA.R -
  7. - - - - - - - - - - - - - - ------------♥ ---->
  8. <html>
  9. <head>
  10.  
  11.  
  12.  
  13.  
  14. <!-- APPERENCE OMDG ♥ -->
  15.  
  16.  
  17.  
  18. <meta name="image:sidebar" content="http://static.tumblr.com/4c2449cd34eebdae5316e5bc95727195/2bh9bxo/yxZmgd5ai/tumblr_static_tumblr_mg4ozrfomj1qfa0zmo1_500.jpg"/>
  19. <meta name="image:background" content="http://static.tumblr.com/2ec222df7d54e0cc4f287f671f8793f7/2bh9bxo/oDJmgb5d8/tumblr_static_tumblr_m86ujaxhpe1rqbmimo1_400.jpg"/>
  20.  
  21. <meta name="color:background" content="#F8F8FF" />
  22. <meta name="color:Text" content="#8B8989" />
  23. <meta name="color:link" content="#8B8989" />
  24. <meta name="color:links" content="#8B8989" />
  25. <meta name="color:linkshover" content="#fff" />
  26. <meta name="color:post" content="#fff" />
  27. <meta name="color:sidebar" content="#F8F8FF" />
  28. <meta name="color:scrollbar" content="#FFC0CB" />
  29. <meta name="color:pag" content="#FFC0CB" />
  30. <meta name="color:text links" content="#8B8682" />
  31. <meta name="color:tags" content="#FFC0CB" />
  32. <meta name="color:frase" content="#8B8682" />
  33. <meta name="color:abc" content="#FFC0CB" />
  34. <meta name="color:italico" content="#8B8682" />
  35. <meta name="color:borda" content="#fff" />
  36. <meta name="color:borda2" content="#FFC0CB" />
  37. <meta name="color:bghover" content="#8B8989" />
  38. <meta name="color:sombra" content="#8B8682" />
  39. <meta name="color:textdesc" content="#8B8682" />
  40. <meta name="color:bgask" content="#F8F8FF" />
  41. <meta name="color:bgask2" content="#FFC0CB" />
  42. <meta name="color:bordaimg" content="#fff" />
  43. <meta name="color:linhadopost" content="#F8F8FF" />
  44.  
  45.  
  46. <meta name="text:Link1" content="/" />
  47. <meta name="text:Link1 Title" content="link 1" />
  48. <meta name="text:Link2" content="/" />
  49. <meta name="text:Link2 Title" content="link 2" />
  50. <meta name="text:Link3" content="/" />
  51. <meta name="text:Link3 Title" content="link 3" />
  52. <meta name="text:Link4" content="/" />
  53. <meta name="text:Link4 Title" content="link 4" />
  54. <meta name="text:Link5" content="/" />
  55. <meta name="text:Link5 Title" content="link 5" />
  56. <meta name="text:Link6" content="/" />
  57. <meta name="text:Link6 Title" content="link 6" />
  58. <meta name="text:Link7" content="/" />
  59. <meta name="text:Link7 Title" content="link 7" />
  60. <meta name="text:frase" content="Barbie" />
  61. <meta name="text:frase2" content="Barbie Baby Doll's" />
  62.  
  63. <meta name="if:one Columns" content="#"/>
  64.  
  65. <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900' rel='stylesheet' type='text/css'>
  66.  
  67. <link href='http://fonts.googleapis.com/css?family=Emilys+Candy|Butterfly+Kids|Federo|Quicksand|Antic+Didone|Josefin+Slab|Raleway+Dots|Cedarville+Cursive|Damion|Dawning+of+a+New+Day|Rancho|Marvel' rel='stylesheet' type='text/css'>
  68. <link href='http://fonts.googleapis.com/css?family=Josefin+Sans:400,300italic|Exo:300,400|Alegreya+SC|Gafata' rel='stylesheet' type='text/css'>
  69.  
  70. <link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
  71. <link href='http://fonts.googleapis.com/css?family=Wire+One' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Ubuntu+Mono' rel='stylesheet' type='text/css'>
  72.  
  73. <link href='http://fonts.googleapis.com/css?family=ABeeZee|Kameron|Muli|Almendra' rel='stylesheet' type='text/css'>
  74.  
  75. <title>{Title}</title>
  76. <link rel="shortcut icon" href="{Favicon}">
  77. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  78. {block:Description}
  79. <meta name="description" content="{MetaDescription}" />
  80. {/block:Description}
  81.  
  82. <style type="text/css">
  83.  
  84. {CustomCSS}
  85.  
  86.  
  87. body {background-image: url('{image:background}');background-attachment:fixed;background-color:{color:background};font-family:calibri;font-size:13px;color:{color:text};}
  88. /**--OMDG---♥---**/
  89. a {text-decoration:none;color:{color:link};}
  90.  
  91.  
  92. a:hover {color:{color:link hover};}
  93.  
  94. /**--OMDG---♥---**/
  95.  
  96. li {list-style-type:square;} /**--OMDG---♥---**/
  97. blockquote {padding-left:1px;margin-left:0px;border-left:1px solid {colo:background};width:250px;{block:IfOneColumns}width:398px;{/block:IfOneColumns}} /**--OMDG---♥---**/
  98.  
  99.  
  100. #menu { float: left; margin-top: 125px; padding: 3px; text-align: center;margin-left:112px; position: fixed; height:25px;background-color: transparent; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; z-index:1000;width: 385px; } /**--OMDG---♥---**/
  101. /**--OMDG---♥---**/
  102. #menu a {float: left; margin-right: 0px; display: block; width: 39px; letter-spacing: 0px; font-family: Poiret One; font-size: 12px; text-align: center; margin-bottom: 1px; background-color: {color:linkshover}; color: {color:links}; text-decoration: none; height:19px;line-height:15px; padding: 4px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; margin-top:1px; text-shadow: 2px 4px 10px {color:sombra}; -webkit-border-radius: 0px 0px 0px 0px;border: 1px solid {color:linhadopost}; }
  103. /**--OMDG---♥---**/
  104. #menu a:hover{background:{color:linkshover};-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.1s ease-out; color:{color:bghover};-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.1s ease-out;text-shadow: 0 0 9px {color:sidebar};box-shadow: inset 0px 0px -200px 0px {color:links};}
  105. /**--OMDG---♥---**/ /**--OMDG---♥---**/ /**--OMDG---♥---**/
  106.  
  107.  
  108. /***-------------- TITULOS------------------♥--------***/
  109. #duka {background:{color:bordaimg};margin-left:105px;margin-top: 84px; height:27px; line-height:24px;float:left; position:fixed; width:308px; font-family:Cedarville Cursive; font-size:19px; text-align: center;
  110. color:{color:frase} ;letter-spacing:-1px; z-index:11; text-transform: none; text-shadow: 3px 3px 5px 4px {color:sombra};-webkit-border-radius: 0px 0px 0px 0px;-webkit-transform: rotate(-3deg); border-left: 3px solid {color:borda2};border-right: 3px solid {color:borda2};} /**--OMDG---♥---**/
  111. /**--OMDG---♥---**/
  112. #duka a:hover {color:{color:linha};-webkit-transform: rotate(3deg);}
  113. /**--OMDG---♥---**/ /**--OMDG---♥---**/ /**--OMDG---♥---**/
  114.  
  115.  
  116. /*----Efeito Push por Duda.R exclusive do revolutionhtml--♥--*/
  117.  
  118. .efeito2 {background:{color:sidebar};position: absolute;width:281px;height:240px;margin-left:113px; /**--OMDG---♥---**/
  119. margin-top: 168px;position:fixed;border:10px solid {color:bordaimg}; }
  120. .efeito2 img {position:fixed; -webkit-transition: all 1s ease-in-out;
  121. -webkit-border-radius: 0px 0px 0px 0px;-moz-transition: all 1s ease-in-out;
  122. -o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out;display: block;height:240px;width: 281px;
  123. padding:0px;margin-left:0px;margin-top:0px;opacity:0.8;-webkit-transition-duration: 0.8s;opacity: 9.0;} /**--OMDG---♥---**/
  124. .efeito2 img:hover {text-align: center; margin-top:10px; margin-left: 10px; overflow: hidden; position: fixed; padding: 0px; width:259px; -moz-transition: all 2s ease-out; height: 220px; letter-spacing: 0px; z-index:800000000000000000000000000000000000000000000000;opacity:0.0;
  125.  
  126. /**--OMDG---♥---**/ /**--OMDG---♥---**/ /**--OMDG---♥---**/
  127. -webkit-transition: all 0.1s ease-out; -webkit-animation: ducca 3s alternate infinite linear;}
  128. /**--OMDG---♥---**/ /**--OMDG---♥---**/ /**--OMDG---♥---**/
  129.  
  130. @-webkit-keyframes ducca {
  131. 3% { -webkit-transform: rotate(0deg); }
  132. 80% {margin-left:-10px;} /**--OMDG---♥---**/
  133. 100% { border-top-right-radius: 5px;-webkit-border-radius: 20px 20px 20px 20px;margin-left:10px;-webkit-transform: rotate(-10deg); -webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);opacity:0.2;
  134. -webkit-transition-duration: .59s;opacity:0.7; #pattern opacity:0.7; }
  135. }
  136. /**--OMDG---♥---**/ /**--OMDG---♥---**/ /**--OMDG---♥---**/
  137. .imsureduh {width:150px;
  138. margin-top:430px;
  139. color:{color:borda2};
  140. opacity:0.999;
  141. text-align:center;
  142. position:fixed;
  143. font-family:basket;
  144. font-size:25px;
  145. text-shadow: 1px 1px 1px {color:sombra};
  146. letter-spacing:1px; /**--OMDG---♥---**/
  147. margin-left:125px;border-bottom: 1px dashed {color:borda2};}
  148. /**--OMDG---♥---**/
  149. @font-face {font-family:basket; src: url('http://static.tumblr.com/ejm8w78/aollviadu/destrukt.ttf');}
  150. /******----------------DESCRIÇÃO--------♥--------******/
  151. #notinholaduda {margin-left: 100px; margin-top: 467px; width:194px; font-size: 11px; height:38px; text-align: center; transparent; font-family:Ubuntu Mono; color: {color:textdesc};position: fixed;z-index:99;padding: 5px; -webkit-transition: 1s ease-in; line-height: 10px;-webkit-border-radius: 0px 0px 0px 0px; /**--OMDG---♥---**/
  152. -moz-transition: 1s ease-in; transition: 1s ease-in; overflow: hidden; opacity: 1; border-top: 3px dotted transparent;padding: 2px 2px 2px 2px;border: 0px solid {color:borda};text-shadow: 5px 5px 9px {color:sombra};}
  153. /**--OMDG---♥---**/ /**--OMDG---♥---**/ /**--OMDG---♥---**/
  154. .xquote {font-size: 13px; font-family:Poiret One; letter-spacing: 0px; line-height: 13px; text-transform: none;text-align: center; font-style: none; margin-top:0px;margin-left:3px; margin-bottom: 2px;} /**--OMDG---♥---**/
  155. .xquotesource {text-align: center; text-transform: none; margin-bottom:5px; font-size: 09px; font-weight: bold; {block:IfOneColumns}margin-top:5px;padding-top:3px;text-align:right; line-height:14px;{/block:IfOneColumns};}
  156. .xquotesource a, a:hover{text-transform: none;font-family:'Muli', sans-serif;} /**--OMDG---♥---**/
  157. #quote {position:relative; top: 10px; font-size: 30px; opacity:0.3; filter: alpha(opacity = 10); color: #aaa;}
  158. /**--OMDG---♥---**/ /**--OMDG---♥---**/ /**--OMDG---♥---**/
  159. .audio {margin-top:-82px;opacity:0.6;margin-left:28px;position:absolute;width:45px;height:45px;background-color:#000;overflow:hidden;-webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;} /**--OMDG---♥---**/
  160. /**--OMDG---♥---**/ /**--OMDG---♥---**/ /**--OMDG---♥---**/
  161. .audio:hover {opacity:1;}
  162.  
  163.  
  164. /***--------------SELEÇÃO COLORIDA---------♥---------***/
  165. ::selection{background: {color:linha2}; color: {color:borda}da fonte;}
  166. ::-moz-selection{background: {color:linha2}; color:{color:borda} da fonte;}
  167.  
  168. /**--OMDG---♥---**/ /**--OMDG---♥---**/ /**--OMDG---♥---**/
  169.  
  170. /*** Stilo da Ask por things-to-help-you **/
  171. .pergunta {background: {color:bgask}; padding: 8px; margin-top: 0px; border-bottom: 1px solid {color:borda}; margin-left: 0px;margin-right: 0;overflow: hidden; text-shadow: 0px 1px 1px {color:sombra};line-height:9px;}
  172. .perguntou {width: 415px;height:14px; background:{color:text}; font-weight:normal; padding:3px; margin-bottom:1px; color:{color:text};font-family: 'Play', sans-serif; font-size: 8px; text-align:left;line-height:16px;text-transform:uppercase;margin-left:-8px;} /**--OMDG---♥---**/
  173. .perguntou g {color:{color:bgask2};} /**--OMDG---♥---**/
  174. .perguntou a {color: {color:bgask2}; font-size:10px;}
  175. .askfoto {opacity: 0.7; border: 2px solid {color:borda};width: 40px;height: 40px;} /**--OMDG---♥---**/
  176. .askfoto:hover {opacity: 0.9;}
  177. #contente{margin:auto;
  178. padding-top:4px;margin-left:358px;
  179. {block:IndexPage} /**--OMDG---♥---**/
  180. width:650px;
  181. {block:IfOneColumns}width:300px;{/block:IfOneColumns}
  182. {block:IfThreeColumns}width:800px;{/block:IfThreeColumns}
  183. {block:IfFourColumns}width:1040px;{/block:IfFourColumns}
  184. {block:IfFiveColumns}width:1300px;{/block:IfFiveColumns}
  185. {block:IndexPage} /**--OMDG---♥---**/
  186. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  187. {block:IfTotalRight}margin-right:60px;{/block:IfTotalRight}
  188. {block:IfTotalLeft}margin-left:40px;{/block:IfTotalLeft}
  189.  
  190. }
  191. /**--OMDG---♥---**/ /**--OMDG---♥---**/ /**--OMDG---♥---**/
  192.  
  193. .player {background-color: #fff; text-align: left; display:block;}
  194.  
  195. /**--OMDG---♥---**/ /**--OMDG---♥---**/ /**--OMDG---♥---**/
  196. #tumblr_controls{position: fixed!important}
  197. #tumblr_controls{position: fixed!important}
  198. #tumblr_controls{position: fixed!important}
  199. #tumblr_controls{position: fixed!important}
  200. /**--OMDG---♥---**/ /**--OMDG---♥---**/ /**--OMDG---♥---**/
  201.  
  202. iframe#tumblr_controls {right:3px !important;
  203. position: fixed !important;
  204. -webkit-transition: opacity 0.7s linear;
  205. opacity: 0.6;
  206. /**--OMDG---♥---**/ /**--OMDG---♥---**/ /**--OMDG---♥---**/
  207. -webkit-transition: all 0.8s ease-out;
  208. -moz-transition: all 0.8s ease-out;
  209. transition: all 0.8s ease-out;}
  210. iframe#tumblr_controls:hover{
  211. -webkit-transition: opacity 0.7s linear;
  212. opacity: 1; /**--OMDG---♥---**/
  213. -webkit-transition: all 0.4s ease-out;
  214. /**--OMDG---♥---**/ /**--OMDG---♥---**/ /**--OMDG---♥---**/
  215. -moz-transition: all 0.4s ease-out;
  216. transition: all 0.4s ease-out;}
  217.  
  218. /**-----BASE DUH, POST'S----♥------**/
  219.  
  220. #OMDG {{block:indexpage}width:702px;{/block:indexpage}{block:permalinkpage}width:524px;{/block:permalinkpage}margin-left:460px;{block:IfOneColumns} {/block:IfOneColumns}} /**--OMDG---♥---**/
  221.  
  222. /**----BASE DUH-----♥---**/
  223. .baseduh {{block:indexpage} width:250px;{/block:indexpage}{block:permalinkpage}width:400px; {/block:permalinkpage}float:left;padding:16px;background-color:{color:post};text-align:justify; border: 5px double {color:linhadopost};margin:0px 0px -1px -1px;line-height: 95%;{block:IfOneColumns}margin-left:32px;width:500px; {/block:IfOneColumns}; /**--OMDG---♥---**/
  224. }
  225. /**-----BASE DUH (1) ------♥-------**/
  226. .baseduh1 {font-size:12px;letter-spacing:0px;font-family: muli;line-height:15px; text-transform:none;padding-left:12px;color:{color:text};background-color:{color:post};text-align:center; /**--OMDG---♥---**/
  227. {block:IfOneColumns} font-size:14px;{/block:IfOneColumns}}
  228.  
  229. /**----------BASE DUH (2)--------♥------**/
  230. .baseduh2 {font-size:13px;letter-spacing:0px;font-family: Muli;border-bottom: 1px dashed {color:borda2};line-height:15px; text-transform:none;padding-left:12px;color:{color:text};border-left:0px solid {color:text};background-color:{color:post};text-align:center; /**--OMDG---♥---**/
  231. {block:IfOneColumns} font-size:14px;{/block:IfOneColumns}}
  232.  
  233. /**---------BASE DUH (3) ---------♥-----**/
  234. .baseduh3 {background-color:{color:background}; margin-top:4px;border-top:1px solid {color:background};text-transform:uppercase;text-align:center;font-size:9px;letter-spacing:px; font-family:calibri;{block:permalinkpage}{/block:permalinkpage}; {block:IfOneColumns}float:right;width: 500px; {/block:IfOneColumns};} /**--OMDG---♥---**/
  235.  
  236. .baseduh3 a {color:{color:link};}
  237. /**--OMDG---♥---**/ /**--OMDG---♥---**/ /**--OMDG---♥---**/
  238. .baseduh3 a:hover {position:relative; letter-spacing:px; margin-top:4px; color:{color:borda2}; border-top:1px solid {color:borda};float:right;text-transform:uppercase;font-size:8px;font-family:calibri;{block:permalinkpage}display:none;{/block:permalinkpage}; {block:IfOneColumns}width:400px;float:left; {/block:IfOneColumns};}
  239. .baseduh:hover .barbi-e {opacity:0.8;text-transform:uppercase;}
  240.  
  241.  
  242. /***BOXNOTES Simone (cerejadosundae)***/
  243. .baseduh .boxnotes {z-index: 11;
  244. margin-left:15px; width:auto;padding:1px;
  245. text-align: left; height:auto;border-radius:4px;
  246. position: absolute; margin-top: 5px; text-transform:uppercase;
  247. line-height: 25px; font-family:verdana;font-size:18px;opacity: 0;
  248. -webkit-transition: all 0.4s ease;-moz-transition: all 0.5s ease;
  249. -o-transition: all 0.5s ease;transition: all 0.5s ease;}
  250. .baseduh .boxnotes img{width:18px;margin-top:5px;}
  251. .baseduh .boxnotes a{color:#333;}
  252. .baseduh:hover .boxnotes {opacity: 1; }
  253. .bor{margin:1px;}
  254. /***Class do primeiro note***/
  255. .baseduh .boxnotess {z-index: 11;display: inline-block;height:30px; width:30px; background: rgba(0,0,0,0.5);border-radius:30px;margin-left:-5px;-webkit-transition: all 0.4s ease;-moz-transition: all 0.5s ease;
  256. -o-transition: all 0.5s ease;transition: all 0.5s ease;}
  257. .baseduh:hover .boxnotesss {margin-left:2px; }
  258. /***Class do segundo note***/
  259. .baseduh .boxnotesss {z-index: 11;display: inline-block;height:30px; width:30px; background: rgba(255,255,255,0.8);border-radius:30px;margin-left:-50px;-webkit-transition: all 0.4s ease;-moz-transition: all 0.5s ease;
  260. -o-transition: all 0.5s ease;transition: all 0.5s ease;}
  261. .baseduh:hover .boxnotesss { margin-left:-2px; }
  262.  
  263.  
  264.  
  265.  
  266. /**--OMDG---♥---**/ /**--OMDG---♥---**/ /**--OMDG---♥---**/
  267.  
  268. .duggs {text-align: center; border: 5px}
  269. .duggs img {max-width: 250px; margin-top: 0px; opacity:1; -moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all s;transition: all 1;{block:IfOneColumns} max-width: 500px;{/block:IfOneColumns};
  270. }
  271.  
  272. /**--OMDG---♥---**/ /**--OMDG---♥---**/ /**--OMDG---♥---**/
  273.  
  274.  
  275. .image {max-width: 40px; margin-top: 0px; opacity:1; -moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all s;transition: all 1;{block:IfOneColumns}max-width: 400px;{/block:IfOneColumns}
  276. }
  277. /**--OMDG---♥---**/ /**--OMDG---♥---**/ /**--OMDG---♥---**/
  278. #paginal {font-family: verdana; font-size: 8px; text-align: center;}
  279. #paginal a { margin: 0 1px 0 0; padding: 2px 4px; background:{color:sidebar};color: {color:pag};opacity:1; -webkit-border-radius: 5px 5px 5px 5px;border: 1px dashed {color:borda};} /**--OMDG---♥---**/
  280. #paginal a:hover {background: {color:borda}; color: {color:text};}
  281. #paginal span.pagina_atual {background: {color:sidebar}; margin: 0 1px 0 0; padding: 2px 4px; color: {color:text}; font-weight: bold; text-decoration: none;-webkit-border-radius: 0px 0px 20px 20px;} /**--OMDG---♥---**/
  282. .ps {position: fixed; padding: 2px; width: 148px; margin-left: 282px; margin-top: 495px; height: auto; color: {color:text};opacity:1;-webkit-border-radius: 5px 5px 5px 5px; }
  283. /*** SCROLLBAR***/
  284.  
  285. ::-webkit-scrollbar
  286. {width: 10px; height: 10px;}
  287. ::-webkit-scrollbar-track-piece
  288. {background-color: {color:scrollbar}; -webkit-border-radius: 3px;}
  289. ::-webkit-scrollbar-thumb:vertical
  290. {height: 6px; background-color: {color:borda2}; -webkit-border-radius: 3px;}
  291. ::-webkit-scrollbar-thumb:horizontal
  292. {width: 6px; background-color:{color:borda2}; -webkit-border-radius: 3px;}
  293. pre {text-align: justify;
  294. padding-left: 5px;
  295. line-height: 20px;
  296. background: url('http://static.tumblr.com/ifqwhnb/n5hm2u2f3/pre.png');
  297. font-family: tahoma;
  298. color:{color:text};
  299. overflow: scroll;
  300. margin-right: 1px;
  301. margin-bottom: 7px;}
  302. /*-------------NEGRITO ITALICO E SUBLINHADO------♥-------*/
  303. b, strong, bold {color:{color:abc};}
  304. /**--OMDG---♥---**/
  305. u,underline {color:{color:text}; border-bottom: 1px dotted {color:abc}; text-decoration:none; }
  306. /**--OMDG---♥---**/
  307. i, em{color:{color:text};}
  308.  
  309.  
  310.  
  311. /*******-------------------PARTE DA SIDEBAR------♥-----******/
  312.  
  313. #estela1 {position: fixed; margin-left: 98px; width:321px; height: 385px; background-color:{color:sidebar}; margin-top: 120px; -webkit-transform: rotate(0deg);-webkit-border-radius: 5px 5px 5px 5px; -webkit-transform: rotate(0deg); border: 5px solid {color:borda}; box-shadow: 5px 5px 9px {color:sombra};}
  314.  
  315. /**--OMDG---♥---**/ /**--OMDG---♥---**/ /**--OMDG---♥---**/
  316.  
  317.  
  318. #faixa2 {margin-top: 142px; margin-left: 103px; position: fixed; background:{color:borda}; height: 3px; width:322px;}/***detalhes by o-mundo-de-uma-garota***/
  319. #faixa3 {margin-top: 160px; margin-left: 113px; position: fixed; background-color:{color:borda2};border-top: 1px dashed {color:sidebar}; height: 2px; width:298px;}/***detalhes by o-mundo-de-uma-garota***/
  320.  
  321. #faixa4 {margin-top: 148px; margin-left: 103px; position: fixed; background-color:{color:borda}; height: 3px; width:322px;-webkit-border-radius: 150px 150px 150px 150px; -webkit-transform: rotate(0deg);}/***detalhes by o-mundo-de-uma-garota***/
  322.  
  323. #faixa5 {margin-top: 445px; margin-left: 378px; position: fixed; background-color:{color:borda}; height: 5px; width:55px; -webkit-transform: rotate(90deg);}/***detalhes by o-mundo-de-uma-garota***/
  324.  
  325. #faixa6 {margin-top: 465px; margin-left: 363px; position: fixed; background-color:{color:borda}; height: 5px; width:52px;-webkit-border-radius: 150px 150px 150px 150px; -webkit-transform: rotate(0deg);}/***detalhes by o-mundo-de-uma-garota***/
  326.  
  327. #dolls {width:152px; height: 12px; float: left; margin-left:312px; margin-top: 444px; padding: 0px; text-align: center; position: fixed; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; border-bottom: 0px solid {color:borda2};z-index:90000000; } /*links o-mundo-de-uma-garota*/
  328. #dolls a {float: left; margin-left: 1px; font-family: 'Rancho'; font-size: 15px; text-align: center; margin-top: 0px; height: 38px; width: 70px; color:{color:text links}; line-height: 35px; letter-spacing: 0px; text-transform: lowercase; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; font-style: normal; background-color:{color:linkshover};text-shadow: 5px 5px 9px {color:sombra};border: 2px dashed {color:borda2};-webkit-border-radius: 20px 20px 20px 20px;} /*links omdg***/
  329. #dolls a:hover{line-height: 32px;height: 32px;margin-left:15px; width:-188px;letter-spacing: 0px;-webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;color:{color:link};background-color: {color:bghover};-webkit-border-radius: 10px 10px 10px 10px;}
  330.  
  331. /**--OMDG---♥---**/ /**--OMDG---♥---**/ /**--OMDG---♥---**/
  332.  
  333. /***-------------BORDAS -------------♥-----***/
  334.  
  335. #barra {position: fixed; margin-left: 112px; width:301px; height: 36px; background-color:{color:borda2};margin-top: 126px; -webkit-transform: rotate(0deg);-webkit-transform: rotate(180deg);} /**--OMDG---♥---**/
  336.  
  337. #barra1 {position: fixed; margin-left: 115px; width:285px; height: 24px; background-color:{color:borda};margin-top: 75px; -webkit-transform: rotate(-3deg);-webkit-border-radius: 5px 5px 0px 0px;border-top: 1px dashed {color:borda2};}
  338. /**--OMDG---♥---**/ /**--OMDG---♥---**/ /**--OMDG---♥---**/
  339. #barra2 {position: fixed; margin-left: 90px; width:19px; height: 24px; background-color:{color:borda};margin-top: 49px; -webkit-transform: rotate(0deg);-webkit-transform: rotate(180deg);background:{color:sidebar};-webkit-border-radius: 20px 0px 0px 20px;}
  340.  
  341. </style>
  342.  
  343. {block:indexpage}
  344.  
  345. <script type="text/javascript" src="http://static.tumblr.com/nj7bgyh/zr9m0w1np/masonryq.js"></script>
  346.  
  347. <script type="text/javascript" src="http://static.tumblr.com/nj7bgyh/J0qm0vycn/querymasonry.js"></script>
  348.  
  349. {block:ifendlessscroll}
  350. <script src="http://static.tumblr.com/nj7bgyh/bynm0xy7g/endlessscrolljquery.js"></script>
  351. {/block:ifendlessscroll}
  352.  
  353. <script src="http://static.tumblr.com/nj7bgyh/rNom0vy8o/masonry.js"></script>
  354.  
  355. <script type="text/javascript">
  356. $(window).load(function () {
  357. $('#OMDG').masonry(),
  358. $('.masonryWrap').infinitescroll({
  359. navSelector : ".pgna a",
  360. // selector for the paged navigation (it will be hidden)
  361. nextSelector : ".pgna a",
  362. // selector for the NEXT link (to page 2)
  363. itemSelector : ".post",
  364. // selector for all items you'll retrieve
  365. bufferPx : 10000,
  366. extraScrollPx: 11000,
  367. loadingImg : "http://b.imagehost.org/0548/Untitled-2.png",
  368. loadingText : "<em></em>",
  369. },
  370. // call masonry as a callback.
  371. function() { $('#OMDG').masonry({ appendedContent: $(this) }); }
  372. );
  373. });
  374. </script>
  375.  
  376. {/block:indexpage}
  377.  
  378. <body>
  379.  
  380. <div id="barra1"></div><div id="barra2"></div><div id="estela1"></div>
  381. <div id="barra"></div><div id="duka">{text:frase2}</div>
  382. <div id="faixa2"></div><div id="faixa3"></div>
  383. <div id="faixa4"></div> <div id="faixa5"></div> <div id="faixa6"></div><div class="imsureduh">{text:frase}</div>
  384. <div class="efeito2" class="hover">
  385.  
  386. <img class="bottom shadow" src="{image:sidebar}" >
  387. <img class="hover" src="{image:sidebar}" title=""></div></div>
  388. </div></div>
  389.  
  390. <div id="dolls">
  391.  
  392. <a href="{text:Link7}">{text:Link7 Title}</a>
  393.  
  394.  
  395. </div>
  396.  
  397. <div id="menu">
  398. <a href="{text:Link1}">{text:Link1 Title}</a>
  399. <a href="{text:Link2}">{text:Link2 Title}</a>
  400. <a href="{text:Link3}">{text:Link3 Title}</a>
  401. <a href="{text:Link4}">{text:Link4 Title}</a>
  402. <a href="{text:Link5}">{text:Link5 Title}</a>
  403. <a href="{text:Link6}">{text:Link6 Title}</a>
  404. </a></div>
  405.  
  406. </div>
  407. </div>
  408.  
  409. <div id="notinholaduda">{Description}</div>
  410.  
  411. <!-------------PAGINATION-----------♥---------->
  412.  
  413. <div class="ps"><div id="paginal">
  414. {block:JumpPagination length="3"}
  415. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  416. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  417. {/block:JumpPagination}
  418. </div></div>
  419.  
  420. <!-------------CRÉDITOS-----------------♥------------->
  421. <div style="margin-left:55px;background:{color:sidebar};-webkit-border-radius: 5px 5px 5px 5px;-webkit-transform: rotate(0deg); width:95px; font-family:Muli;font-size:11px; margin-top: 5px; height:15px;position:fixed; border: 1px dashed {color:borda2};"><a href="http://o-mundo-de-uma-garota.tumblr.com/"title="Theme por Duda.R [OMDG] + Dtlhs by: cerejadosundae not copie plagio é crime"><small>All Themes OMDG</a></a>
  422. <font color="{color:tags}">©</font> </a></div>
  423.  
  424.  
  425. <div id="OMDG">
  426.  
  427. {block:Posts}
  428.  
  429.  
  430. <!-------BASE DUH----♥-------->
  431. {block:Text}
  432. <div class="baseduh">
  433. {block:Title}<div class="baseduh1">{Title}</div></a>{/block:Title}
  434. {body}
  435. <div class="baseduh3"><a href="{Permalink}">{TimeAgo}</a> · {block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a> · <a href="{ReblogURL}" target="_blank"><font color="{color:reblog}">reblog</font></a></div>
  436. </div>
  437. {/block:Text}
  438.  
  439.  
  440.  
  441.  
  442.  
  443.  
  444.  
  445. {block:Photo}
  446. <div class="baseduh" style="padding-bottom:9px;">
  447. {block:IndexPage}<div class="boxnotes"><center><div class="boxnotess"><a href="{ReblogURL}" target="_blank"><img src="http://cdn1.iconfinder.com/data/icons/TWG_Retina_Icons/64/arrow_circle_left.png"class="bor"></a></div>
  448. <div class="boxnotesss"><a class="notes" href="{Permalink}"><img src="http://cdn1.iconfinder.com/data/icons/windows8_icons_iconpharm/26/like_outline.png"class="bor"></a></center></div>{/block:IndexPage}
  449.  
  450. {/block:Date}{/block:IndexPage}
  451. {block:IndexPage}{/block:IndexPage}
  452. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  453. {block:IndexPage}<div class="duggs">{/block:IndexPage}<img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" {block:IndexPage}width="500"{/block:IndexPage}width="600"/>{block:IndexPage}</div>{/block:IndexPage}
  454. {Caption}
  455. {block:IndexPage}</a>{/block:IndexPage}
  456. {block:PermalinkPage}{LinkCloseTag}
  457. {/block:PermalinkPage}
  458. </div>
  459.  
  460.  
  461.  
  462. {/block:Photo}
  463.  
  464. {block:Chat}
  465. <div class="baseduh">
  466. {block:Title}<a href="{Permalink}"><div class="barbiie">{Title}</div></a>{/block:Title}
  467. {block:Lines}
  468. <div class="{Alt}">
  469. <li style="list-style-type:none;">
  470. {block:Label}<b>{Label}</b>{/block:Label} {Line}
  471. </li>
  472. </div>
  473. {/block:Lines}<br>
  474. <div class="baseduh3"><a href="{Permalink}">{TimeAgo}</a> <font color="{color:tags}">.</font> {block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a> <font color="{color:tags}">.</font> <a href="{ReblogURL}" target="_blank">Reblog<font color="{color:tags}"> ♡</font></a></div>
  475. </div>
  476. {/block:Chat}
  477.  
  478. {block:Audio}
  479. <div class="baseduh">
  480.  
  481. <div class="player">{AudioPlayerBlack}</div>
  482.  
  483.  
  484.  
  485.  
  486.  
  487. {block:indexpage}
  488. {block:ifshowcaptions}
  489. {Caption}
  490. {/block:ifshowcaptions}
  491. {/block:indexpage}
  492. {block:PermalinkPage}
  493. {Caption}
  494. {/block:PermalinkPage}
  495. <div class="baseduh3"><a href="{Permalink}">{TimeAgo}</a> <font color="{color:tags}">.</font> {block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a> <font color="{color:tags}">.</font> <a href="{ReblogURL}" target="_blank">Reblog<font color="{color:tags}"> ♡</font></a></div>
  496. </div>
  497. {/block:Audio}
  498.  
  499. {block:Answer}
  500. <div class="baseduh">
  501.  
  502. <div class="caixa">
  503. <img src="{AskerPortraitURL-64}" align="right" class="askfoto">
  504. <div class="pergunta">
  505. <div class="perguntou"><g>{Asker}</g> asked {TimeAgo}</div>
  506. {Question}
  507. </div>
  508. {Answer}
  509. </div><br><div class="baseduh3"><a href="{Permalink}">{TimeAgo}</a> <font color="{color:tags}">.</font> {block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a> <font color="{color:tags}">.</font> <a href="{ReblogURL}" target="_blank">Reblog<font color="{color:tags}"> ♡</font></a></div>
  510. </div>
  511. {/block:Answer}
  512.  
  513. {block:Quote}
  514. <div class="baseduh">
  515. <div style="font-size:12px;line-height:14px; font-family:calibri"><font color="{color:tags}">❝</font> {Quote}</div>
  516. {block:Source}<div style="margin-top:5px;padding-top:3px;text-align:right;border-top:1px solid {color:background}; line-height:14px;"> {Source}{/block:Source}</div>
  517. <div class="baseduh3"><a href="{Permalink}">{TimeAgo}</a> <font color="{color:tags}">.</font> {block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a> <font color="{color:tags}">.</font> <a href="{ReblogURL}" target="_blank">Reblog<font color="{color:tags}"> ♡</font></a></div></div>
  518.  
  519. {/block:Quote}
  520.  
  521. {block:Link}
  522. <div class="baseduh">
  523. <a href="{URL}" {Target}><div class="baseduh2">{Name}</div></a>
  524. {block:description}
  525. {description}
  526. {/block:description}
  527. <div class="baseduh3"><a href="{Permalink}">{TimeAgo}</a> <font color="{color:tags}">.</font> {block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a> <font color="{color:tags}">.</font> <a href="{ReblogURL}" target="_blank">Reblog<font color="{color:tags}"> ♡</font></a></div>
  528. </div>
  529. {/block:Link}
  530.  
  531. {block:Video}
  532. <div class="baseduh">
  533. <div class="barbi-e"><a href="{Permalink}">{TimeAgo}</a> <font color="{color:tags}">.</font> {block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a> <font color="{color:tags}">.</font> <a href="{ReblogURL}" target="_blank"><font color="{color:background}">reblog</font></a></div>
  534. {block:indexpage}{Video-250}{/block:indexpage}
  535. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  536. {block:indexpage}
  537. {block:ifshowcaptions}
  538. {Caption}
  539. {/block:ifshowcaptions}
  540. {/block:indexpage}
  541. {block:PermalinkPage}
  542. {Caption}
  543. {/block:PermalinkPage}
  544. </div>
  545. {/block:Video}
  546.  
  547. {block:Photoset}
  548. <div class="baseduh">
  549. <div class="barbi-e"<a href="{Permalink}">{TimeAgo}</a> <font color="{color:tags}">.</font> {block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a> <font color="{color:tags}">.</font> <a href="{ReblogURL}" target="_blank">Reblog<font color="{color:tags}"> ♡</font></a></div>
  550.  
  551. <center>{block:ifnotonecolumns}{block:indexpage}{Photoset-250}{/block:indexpage}{block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}{/block:ifnotonecolumns}{block:ifonecolumns}{Photoset-400}{/block:ifonecolumns}</center><br />
  552. </div>
  553.  
  554.  
  555. {/block:Photoset}
  556.  
  557. {block:PermalinkPage}
  558. {block:Date}
  559. <div class="infos">
  560. <div style="border-top:2px solid {color:post border};margin-bottom:15px;"></div>
  561. <div style="font-size:12px;">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} {Year}</div>
  562. {block:PostNotes}
  563. <br>{NoteCountWithLabel}
  564. {/block:PostNotes}
  565. {block:RebloggedFrom}
  566. <br>
  567. via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> <br>
  568. <i>source: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a></i>
  569. {/block:RebloggedFrom}
  570. {PostNotes}
  571. {/block:Date}
  572. {/block:PermalinkPage}
  573.  
  574. {/block:Posts}
  575.  
  576. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  577. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  578. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  579. {/block:ContentSource}</div></div>
  580. </div>
  581. </div>
  582. </div>
  583. </div>
  584. </div>
  585. </div>
  586. </div>
  587. </div>
  588. </div>
  589.  
  590.  
  591. </div>
  592. </div>
  593. </div>
  594. </div>
  595. </div>
  596.  
  597.  
  598.  
  599. </body>
  600.  
  601. </html>
Advertisement
Add Comment
Please, Sign In to add comment