API tools faq
paste
Advertisement
exodorado

23.theme: HTML 01

exodorado
Apr 26th, 2014
1,439
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 37.99 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head profile="http://gmpg.org/xfn/11">
  4. <head>
  5. <title>{title}</title>
  6. <link rel="shortcut icon" href="{favicon}">
  7. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
  8. <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/J4wm0fipy/jquery-1.7.1.min.js"></script>
  9. <link rel="alternate" type="application/rss+xml" href="http://htmluv.tumblr.com/rss">
  10. <link href='http://fonts.googleapis.com/css?family=Denk+One' rel='stylesheet' type='text/css'>
  11. <link href='http://fonts.googleapis.com/css?family=Scada:700italic,400,700' rel='stylesheet' type='text/css'>
  12. <link href='http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic' rel='stylesheet' type='text/css'>
  13. <link href='http://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  14.  
  15. <meta name="text:objetivo" content="escreva aqui o objetivo deste tumblr" />
  16. <meta name="text:data" content="dia/mes/ano" />
  17. <meta name="text:online" content="coloca o codigo de online aqui" />
  18. <meta name="text:total" content="coloca o codigo de hits aqui" />
  19. <meta name="text:novidade" content="Escreva alguma novidade o i love themes aqui ! *-*" />
  20. <meta name="text:Link 1 URL" content="/"/>
  21. <meta name="text:Link 1" content="link"/>
  22. <meta name="text:Link 1 frase" content="escreve algo aqui"/>
  23. <meta name="text:Link 2 URL" content="/"/>
  24. <meta name="text:Link 2" content="link"/>
  25. <meta name="text:Link 2 frase" content="escreve algo aqui"/>
  26. <meta name="text:Link 3 URL" content="/"/>
  27. <meta name="text:Link 3" content="link"/>
  28. <meta name="text:Link 3 frase" content="escreve algo aqui"/>
  29. <meta name="text:Link 4 URL" content="/"/>
  30. <meta name="text:Link 4" content="link"/>
  31. <meta name="text:Link 4 frase" content="escreve algo aqui"/>
  32. <meta name="text:Moderador 1 URL" content="/"/>
  33. <meta name="text:Moderador 1" content="nome"/>
  34. <meta name="text:Moderador 2 URL" content="/"/>
  35. <meta name="text:Moderador 2" content="nome"/>
  36. <meta name="text:Moderador 3 URL" content="/"/>
  37. <meta name="text:Moderador 3" content="nome"/>
  38. <meta name="text:Moderador 4 URL" content="/"/>
  39. <meta name="text:Moderador 4" content="nome"/>
  40. <meta name="text:Moderador 5 URL" content="/"/>
  41. <meta name="text:Moderador 5" content="nome"/>
  42. <meta name="text:Moderador 6 URL" content="/"/>
  43. <meta name="text:Moderador 6" content="nome"/>
  44.  
  45. </head>
  46. <style type="text/css" media="screen">
  47.  
  48. iframe#tumblr_controls {right:3px !important;position: fixed !important;z-index:9999999999999999999;}
  49.  
  50.  
  51. /* --- body --- */
  52. body {background: #EBEDEC url('http://static.tumblr.com/cir8k0k/mofmphe5j/bombasticbg.png');color: #828282;font-family: tahoma;font-size: 11px;
  53. margin: 0;padding: 0;text-align: justify;}
  54.  
  55. /* --- seleção --- */
  56. a {color: #C43A65;text-decoration: none;}
  57. a:hover {color: #C43A65; }
  58. b, strong, bold {color:#C43A65;}
  59. u,underline {border-bottom: 1px dotted #C43A65; text-decoration:none;color: #E65977; }
  60. i, em{color:#363636;font-family:georgia;}
  61. .h1 {font-family: 'Denk One';background:#C63A66; font-size: 15px;color: #fff;line-height: 25px;margin-bottom: -8px; padding: 7px;box-shadow: 1.5px 1.5px 0px #974F65;text-shadow: 1.5px 1.5px 0px #974F65}
  62. .h1 a {color: #fff;}
  63. .h1 a:hover {color: #5C526D;text-shadow: 1.5px 1.5px 0px #974F65}
  64. blockquote {border-left: 4px solid #C43A65; line-height: 15px; color: #858585; margin-right: 4px; padding:5px; margin-left: 4px; background: #eee; padding: 2px; margin-top:-5px; overflow: hidden; margin-bottom: 5px;text-align:left}
  65. blockquote p {margin: auto;}
  66. .caption {text-align:left;margin-top:-10px;margin-bottom: 5px;}
  67. pre {text-align: justify;
  68. padding: 5px;
  69. line-height:18px;
  70. background: #ebebe5;
  71. font-family: consolas;
  72. color: #999;
  73. overflow: scroll;
  74. margin-right: 1px;
  75. margin-bottom: 7px;}
  76.  
  77. /* --- meio --- */
  78. #content {width: 878px;background: url('http://static.tumblr.com/cir8k0k/sbGmtfhda/page.fw.png');margin: auto;}
  79.  
  80. /* --- topo --- */
  81. #header {background: url('http://static.tumblr.com/cir8k0k/hPrmw3lz8/header.fw.png');background-repeat: no-repeat;width: 878px;height:349px;margin-left: auto 0px;}
  82. .header {background: url('http://static.tumblr.com/cir8k0k/cIMmtfh1s/header.fw.png'); background-position: top center;background-repeat: repeat-x; margin-top: 0px;}
  83.  
  84. /* --- final --- */
  85. #footer {background: url('http://static.tumblr.com/cir8k0k/ibAmthkvd/f.fw.png'); background-repeat:repeat; width: 1350px; height: 33px; clear: both; background-position: bottom center;margin-left:-240px;margin-bottom:-13px}
  86.  
  87. /* --- sidebar --- */
  88. #sidebar {background: #;width: 277px;float: left;color:#696969;text-shadow:1px 1px 0px #fff;position: relative;margin-left: 80px;margin-bottom: 20px;margin-top: -255px;line-height:17px;padding:5px;margin-left:20px;}
  89.  
  90. /* --- postagens --- */
  91. #main {background:#;width:500px;float:right;position:relative;margin-bottom: 20px;margin-right:23px;margin-top:-175px;}
  92. .post {background: #fff;box-shadow: 1px 1.4px 2px #DDDFDE, -1px -1.4px 2px #DDDFDE;width: 500px;float: right;position: relative;margin-bottom: 20px;margin-right: 78px;margin-top: -30px;margin:8px;padding:8px;}
  93. .post img{max-width:500px;}
  94.  
  95. /* --- detalhes da descrição --- */
  96. .bordas{float:left; border:5px;margin-bottom:4px; margin-right:5px; margin-left:1px; margin-bottom:-7px;border: 1px solid #E65977;padding:2px}
  97. #gira{overflow:hidden;height:10px;margin:auto;height:30px;text-align:center;font-family:'Ubuntu Mono';font-size:12px; text-transform:uppercase;}
  98. #giras{-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
  99. #giras:hover{margin-top:-28px;}
  100. .estatus {background: #E75977; color:#fff; font-family:'Ubuntu Mono'; padding:3px 5px 3px 5px; text-shadow:1px 1px 0px #D83A5A; margin-top:5px; text-align:center; text-transform: uppercase;border-radius: 4px; cursor:pointer;}
  101. .estatus a{color: #fff !important; padding:3px 2px 3px 2px; text-shadow:1px 1px 0px #D83A5A;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
  102. .estatus a:hover{text-shadow:1px 1px 0px #D33051; background:#5C526D; padding:3px 2px 3px 2px; color:#fff;}
  103.  
  104. /* --- destaques --- */
  105. .destaque {float: right; margin-right: -10px; margin-top: -3px; background-repeat: no-repeat!important; width: 64px; height: 25px; -webkit-transition:All 0.8s ease-in-out; -moz-transition:All 0.8s ease-in-out; -o-transition:All 0.8s ease-in-out;}
  106. .boxdestaque:hover .destaque {background-position: -0px -75px;}
  107. .boxdestaque {background:#eee;text-align: left; margin-right: 7px;background:#;padding: 7px; border-radius: 2px;margin-bottom: 3px; }
  108. .boxdestaque:hover {background: #; text-shadow: 1px 1px 1px #fcf8ef;}
  109. .boxdestaque .title {color: #5C526D; font-size: 11px; font-weight:none;
  110. font-family:Georgia;padding-bottom:2px;text-shadow:1px 1px 0px #fcf8ef;
  111. font-style: italic;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
  112. .boxdestaque:hover .title{color:#E65A77;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease;transition: all 1s ease;}
  113. .listag a{ color:#858585; width:125px; display:inline-block; padding:2px 3px 2px 3px; font-family: georgia; font-style: italic; text-shadow: 1px 1px 0px #fff;margin-bottom:5px; text-align:center; border-radius: 2px; margin-left:3px; margin-right:3px;-webkit-transition: 0.3s ease-out;-moz-transition: all 0.3s ease-in;transition: all 0.3s linear; background:#eee; box-shadow:1px 1px 0px #DDDFDE;outline: none;}
  114. .listag a bd{color:#ec9375; font-weight: bold; text-shadow:1px 1px 0px #fff;}
  115. .regrinha { color:#858585;width:496px; display:inline-block; padding:7px; font-family: scada; font-style: italic; text-shadow: 1px 1px 0px #fff;margin-bottom:5px; text-align:left; border-radius: 2px; margin-left:-5px; margin-right:3px;-webkit-transition: 0.3s ease-out;-moz-transition: all 0.3s ease-in;transition: all 0.3s linear; background:#eee; box-shadow:1px 1px 0px #DDDFDE; }
  116. .regrinha a {color:#ec9375; font-weight: bold; text-shadow:1px 1px 0px #fff;}
  117. .caixinha {background:#E65977; padding:5px}
  118. .util a{display: inline-block; margin-bottom:5px; padding:11px 10px 10px 10px; font-family: 'Georgia'; font-size:11.4px; font-style:italic; width:100px; text-align: center; border-bottom: 3px solid transparent; text-shadow:0px 1px 0px #fcf8ef; color:#858585; -webkit-transition: 0.3s ease-out;-moz-transition: all 0.3s ease-in;transition: all 0.3s linear; -webkit-transition-delay: 2.6s; -moz-transition-delay: 2.6s;}
  119. .cred {text-transform: uppercase;font-weight:none; font-family: 'Iceland', cursive;font-weight:none;font-family: 'Scada', sans-serif; margin-right: 0px;background:rgba(0, 0, 0, 0.3); padding: 4px; margin-bottom: 4px; font-size: 9px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #363636;}
  120. .cred a {letter-spacing: 1px; color: #fff; width: 75px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center; text-transform: uppercase;font-weight:none; text-transform: uppercase;font-weight:none; font-family: 'Scada', sans-serif; margin-right: 0px;background: #C43A65; padding: 5px; margin-bottom: 5px; font-size: 8px; display: inline-block; margin-top: -2px; margin-bottom: -2px; margin-left: -1px;}
  121. .cred a:hover {opacity: 0.9;}
  122. .poll {padding:5px;bottom: 0px; right: 30px; z-index: 100; position: fixed;text-align:left;font-size:11px;height:17px;width:235px;--webkit-transition: all 1s ease;
  123. -moz-transition: all 1s ease;
  124. -o-transition: all 1s ease;
  125. transition: all 1s ease;
  126. font-family:calibri;
  127. background:#fff;
  128. border-top: 3px solid #E65977;
  129. color:#555; }
  130. .poll:hover {height:350px;}
  131.  
  132. /* --- menus --- */
  133. #menus2 {position:relative; top: 153px;left: 0px;}
  134. .menus2 {font-family: Georgia, cursive; text-transform: uppercase; width: 0px; height: 23px; background: #; padding: 2px; text-align: center; margin: 0px; color: #CORDALETRA; border-radius: 0px; align: left; font-size: 10px; font-weight: none; margin-bottom: -2px;margin-left: 150px; float: left; cursor: hand; -webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease; line-height: 20px;}
  135. .menus2 img{width:60px;margin-top:2px; margin-left:-1px;-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out;}
  136. .simplemenu {font-family: Denk One; position: absolute; width: 1000px; height: 62px; margin-top:302px;font-size: 26px; letter-spacing: 0px;margin-left: 319px;}
  137. .simplemenu a {color: #5D526D;padding-left: 18px; padding-right: 0px;
  138. text-shadow: 1px 2px 0px #E65977; padding-top: 58px -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;}
  139. .simplemenu a:hover {color: #E65977; padding-right:0px;text-shadow: 1px 2px 0px #5D526D; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease;}
  140. .tabs {position: relative;margin-left: 0px;width: 1000px;}
  141. .tabs input {position: absolute;z-index: 1000;width: 50px;height: auto;left: 0px;top: 0px;opacity: 0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);cursor: pointer;}
  142. .tabs input#tab-2{left: 120px;}
  143. .tabs input#tab-3{left: 240px;}
  144. .tabs input#tab-4{left: 360px;}
  145. .tabs label {background: #E65977;font-size: 9px;line-height: 22px;height: 22px;position: relative;padding: 3px 2px 2px 2px;;float: left;display: block;width: 118px;color: #fff;letter-spacing: 2px;text-transform: uppercase;text-align: center; font-family:'Scada';text-shadow: 1px 1px 1px #DA214A;margin: 6px 1px 6px 1px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;border-radius: 5px;}
  146. .tabs label:after {content: '';position: absolute;bottom: -2px;left: 0;width: 100%;height: 2px;display: block;}
  147. .tabs input:hover + label {background: #5C526D;text-shadow:1px 1px 0px #24202B;}
  148. .tabs label:first-of-type { z-index: 4;}
  149. .tab-label-2 {z-index: 3;}
  150. .tab-label-3 {z-index: 2;}
  151. .tab-label-4 {z-index: 1;}
  152. .tabs input:checked + label {background: #5C526D;z-index: 6;-webkit-animation: page 0.2s linear;-moz-animation: page 0.2s linear;-ms-animation: page 0.2s linear;-o-animation: page 0.2s linear;animation: page 0.2s linear;text-shadow:1px 1px 0px #282330;}
  153. .clear-shadow {clear: both;}
  154. .content {position: relative;width: 1250px;height: 1100px;z-index: 5;overflow: hidden;}
  155. .content div {position: absolute;top: 0;padding: 0px 0px;z-index: 1;opacity: 0;-webkit-transition: all linear 0.8s;moz-transition: all linear 0.8s;-o-transition: all linear 0.8s;-ms-transition: all linear 0.8s;transition: all linear 0.8s;}
  156. .content-1, .content-3 {-webkit-transform: translateY(120px);-moz-transform: translateX(0px);-o-transform: translateX(0px);-ms-transform: translateX(0px);transform: translateY(120px)}
  157. .content-2, .content-4 {-webkit-transform: translateY(120px);-moz-transform: translateX(0px);-o-transform: translateX(0px);-ms-transform: translateX(0px);transform: translateY(120px)}
  158. .tabs input.tab-selector-1:checked ~ .content .content-1,
  159. .tabs input.tab-selector-2:checked ~ .content .content-2,
  160. .tabs input.tab-selector-3:checked ~ .content .content-3,
  161. .tabs input.tab-selector-4:checked ~ .content .content-4 {-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-o-transform: translateX(0px);-ms-transform: translateX(0px);transform: translateX(0px);z-index: 100;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100); opacity: 1;-webkit-transition: all ease-out 0.5s 0.1s;-moz-transition: all ease-out 0.7s 0.1s;-o-transition: all ease-out 0.2s 0.1s;-ms-transition: all ease-out 0.2s 0.1s;transition: all ease-out 0.2s 0.1s}
  162. .content div h2, .content div h3{color: #398080;}
  163. .content div a{ font-family: 'Scada', sans-serif; display: block; margin-bottom:2px; padding:5px; color:#666; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; background:#eee;text-shadow: 1px 1px #fff;font-size:10px; width:235px;}
  164. .content div a:hover{color:#fff;background:#E65977;text-shadow: 1px 1px #1D1A22; }
  165. .content div a b{color:#fa9476 !important;text-shadow: 1px 1px #fff;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
  166. .content div a:hover b{text-shadow: 1px 1px #bd82bb; color:white !important;}
  167. @keyframes "page" { 0% { left: 0; } 50% { top: 10px; } 100% { left: 0; }}
  168. @-moz-keyframes page { 0% { left: 0; } 50% { top: 10px; } 100% { left: 0;}}
  169. @-webkit-keyframes "page" { 0% { left: 0; } 50% { top: 10px; } 100% { left: 0; }}
  170. @-ms-keyframes "page" { 0% { left: 0; } 50% { top: 10px; } 100% { left: 0; }}
  171. @-o-keyframes "page" { 0% { left: 0; } 50% { top: 10px; } 100% { left: 0; }}
  172. .esq {float:left; width:49%; text-align: left;}
  173. .dir {float:right; width:49%; text-align: left;}
  174. .esp {padding: 1px; margin:1px; clear: both;}
  175.  
  176. /* --- top menu --- */
  177. .jqueryslidemenu {float:left;margin-left:20px;margin-top:8px;clear:left;color: #fff;}
  178. .jqueryslidemenu a:hover {text-decoration: none;}
  179. .jqueryslidemenu ul{list-style-type: none;z-index:2;}
  180. ul.menu {position:relative;}
  181. .jqueryslidemenu ul li{position:relative;display:inline;float: left;;color: #fff;}
  182. .jqueryslidemenu ul li a{font-size:0.9em;text-transform:uppercase;display:block;padding:3px 18px;;color: #fff;border-left:1px solid #B1345C;border-right:1px solid #CC4F77;height:32px;text-shadow:1px 1px 0px #9E2E52}
  183. .jqueryslidemenu ul li a strong {display:block;}
  184. .jqueryslidemenu ul li a span {font-size:0.95em;line-height:1em;color:#fff;text-transform:capitalize;}
  185. .jqueryslidemenu ul li a:hover span {color:#E39DB4}
  186. .jqueryslidemenu ul li:first-child a{border-left:none;}
  187. .jqueryslidemenu ul.sub-menu li.first-child a{border-left:1px solid #444444!important;}
  188. .jqueryslidemenu ul li:last-child a{border-right:none;}
  189. .jqueryslidemenu ul.sub-menu li.last-child a{border-right:1px solid #444444!important;}
  190. html .jqueryslidemenu ul li a{display: inline-block;}
  191. .jqueryslidemenu ul li ul li{display: list-item;float: none;margin-left:-2px;}
  192. .jqueryslidemenu ul li ul li ul{top: 0;background:#353535;padding:0;border:1px solid #373737;}
  193. .jqueryslidemenu ul li ul li a{padding:6px 10px;margin: 0;border-color:#3e3e3e #444444 #272727!important;border-width:1px!important;border-style:solid;margin-left:2px;font-size:11px;font-weight:bold;height:auto;text-shadow:none !important;color:#eee;text-shadow:none;}
  194. .jqueryslidemenu ul li ul li a:hover{background: #f24570;text-decoration: none;-moz-border-radius: 9px;border-radius: 9px;text-shadow:1px 1px 1px #ddd !important;color:#fff;}
  195.  
  196. /* --- permalink --- */
  197. ol.notes {display:block; margin-top:-4px; background-repeat:no-repeat; vertical-align:middle; margin-bottom:1px; list-style-type:none;background:#fff; box-shadow:1px 1px 0px #DDDFDE;margin-botton:2px;}
  198. ol.notes li.note {text-indent:15px; margin-left:-44px; margin-right:-15px; padding:4px;}
  199. ol.notes a { font:normal 10px 'Lucida Grande';text-transform:uppercase;}
  200. ol.notes li.note img.avatar {display:normal;border-radius:100px}
  201. ol.notes li.note span.action {font-weight:none;}
  202. ol.notes li.note .answer_content {font-weight:normal;}
  203. ol.notes li.note blockquote {display:none;}
  204. ol.notes li.note blockquote a {text-decoration:none;}
  205. .caixa {overflow: hidden;background: {color:posts}; padding: 4px;font-family: Verdana, Geneva, sans-serif;color: #777;text-align: justify;outline: 0px solid #; margin-bottom: 1px;width:500px;margin-left:-17px;}
  206. .filereplace {border-left: 10px solid {color:extra}; display : block;background-repeat : no-repeat;text-indent : 5px;vertical-align : middle;text-decoration : none;margin-bottom : 1px;background:{color:posts}; line-height: 13px;-webkit-transition-duration: .49s;font-family:calibri;padding:4px;}
  207. .data {border-left: 15px solid #ccc; display : block;background-repeat : no-repeat;text-indent : 5px;vertical-align : middle;text-decoration : none;margin-bottom : 1px;background: {color:posts}; line-height: 13px;-webkit-transition-duration: .49s;font-family:calibri;padding:4px;}
  208. .tag {border-left: 20px solid {color:extra}; display : block;background-repeat : no-repeat;text-indent : 5px;vertical-align : middle;text-decoration : none;margin-bottom : 1px;background: {color:posts}; line-height: 13px;-webkit-transition-duration: .49s;font-family:calibri;padding:4px;}
  209. .notes2 {border-left: 25px solid #ccc; display : block;background-repeat : no-repeat;text-indent : 5px;vertical-align : middle;text-decoration : none;margin-bottom : 1px;background: {color:posts}; line-height: 13px;-webkit-transition-duration: .49s;font-family:calibri;padding:4px;}
  210.  
  211. /* --- select --- */
  212. .select {background:#E65977; padding: 4px; width: 320px;border: 1px solid #E65977; color:#fff; font-size: 13px; font-weight:none; font-family: 'Iceland', cursive;}
  213. option {color: #fff; padding-left: 10px; font-size: 13px; background:#5C526D}
  214.  
  215. /* --- search --- */
  216. #search {outline: none; width: 280px; position: absolute; margin-left: 1px;
  217. margin-top: 1px; color: #fff; }
  218. #search form {outline: none; margin: 0px 0px 0px 0px;padding: 0;}
  219. #search fieldset {outline: none; margin: 0;padding: 0;border: none;}
  220. #search p {color: #888;}
  221. #s {outline: none; background:#eee;width: 255px;height: 41px;border-radius:20px;box-shadow:1px 1px 0px #DDDFDE;border:none; text-transform: uppercase; font-family: scada;font-size: 10px; color: #888; float:left;display: inline-block; padding-left: 11px;padding-right: 6px;}
  222. #searchsubmit {outline: none; background: url('http://static.tumblr.com/cir8k0k/ctVmqrnsa/magnifying-glass.png') no-repeat; border:none;color:#fff;height: 41px; margin-top: 7px; display: inline-block; margin-left: -40px;
  223. position: absolute; cursor:pointer; width: 44px; }
  224. #searchpage {border: none; }
  225. #sform { outline: none;width: 213px;padding:4px 5px;}
  226.  
  227. /* --- reblogs e likes --- */
  228. .mennur2 {font-family: 'Denk One';background:#363636; font-size: 10px;color: #fff;line-height: 11px;margin-bottom: -8px; padding: 7px;box-shadow: 1.5px 1.5px 0px #000;text-shadow: 1.5px 1.5px 0px #000;margin-left:-8px;width: 502px;text-align: center}
  229. .mennur2 a {color: #fff;}
  230. .my-like {background-image: url(http://static.tumblr.com/cir8k0k/Q7tmqus5v/heart.png) !important;height:10px;width:10px;cursor:pointer;display:inline-block;line-height: 0px;}
  231. .my-liked, .my-like:hover {background-image: url(http://static.tumblr.com/cir8k0k/bL0mqus97/heart.png) !important;height:10px;width:10px;cursor:pointer;display:inline-block;}
  232. .my-liked img {width:10px;}
  233.  
  234. /** estilo de ask #04 - bombasticdesign.tumblr.com **/
  235. .askfoto{border-radius: 50px;border:2px solid #C33964;margin-left:10px;margin-top:-10px;}
  236. .perguntou{background:#C33964;padding:4px;color:#fff}
  237. .perguntou a {color:#fff; font-family:'tahoma'}
  238. .perguntou:hover a {color:#fff;font-family:'tahoma'}
  239. .resposta{background-color:#f8f8f8;padding:7px;font-family:'tahoma', sans-serif; font-size: 9pt;color:#aaa;text-align: left;border-radius:0px 0px 5px 5px}
  240. .pergunta{ margin-left: 50px;
  241. font-family: Sintony;}
  242. .perguntas{background-color:#f8f8f8;padding:7px;font-family:'trebuchet ms', sans-serif; font-size: 9pt;color:#aaa;text-align: left;border-radius:5px 5px 0px 0px;}
  243.  
  244. /*** Paginação por things to help you ******/
  245. #paginacaoml {display: block; font-size: 10px; font-weight: bold; padding-top: 8px; padding-bottom: 8px; text-shadow: 0 1px 1px #; background: #; margin-top: 3px; margin-left: 22px; margin-right: 22px; text-align: left;}
  246. #paginacaoml a {width: 40px; height: 20px; background: url('http://static.tumblr.com/cir8k0k/7iMmu1mqi/bd__1_.png') no-repeat; color: #fff; padding-top: 3px; margin-top: -2px; text-align: center; margin-bottom: -8px; text-decoration: none; margin-left: -1px;text-transform:uppercase; display: inline-block; text-shadow: 1px 1px 1px #C01D42;}
  247. #paginacaoml a:hover {width: 40px; height: 20px; background: url('http://static.tumblr.com/cir8k0k/7iMmu1mqi/bd__1_.png') no-repeat; color: #fff; padding-top: 3px; margin-top: -2px; text-align: center; margin-bottom: -8px; text-decoration: none; margin-left: -1px;text-transform:uppercase; display: inline-block; text-shadow: 1px 1px 1px #C01D42;}
  248. #paginacaoml span.pagina_atual {width: 40px; height: 20px; background: url('http://static.tumblr.com/cir8k0k/7iMmu1mqi/bd__1_.png') no-repeat; color: #fff; padding-top: 3px; margin-top: -2px; text-align: center; margin-bottom: -8px; text-decoration: none; margin-left: -1px;text-transform:uppercase; display: inline-block;}
  249.  
  250. #temp11 {position: absolute;z-index: 999;padding: 5px;opacity: 1;font-size: 20px;text-align: center;width: 230px;color:#C43A65;margin-top: 95px;margin-left: 570px;font-family:Denk One;text-shadow:1px 1px 1px #333;}
  251. </style>
  252.  
  253. <script>
  254. window.onload = function () {
  255. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  256. document.addEventListener( 'click', function ( event ) {
  257. var myLike = event.target;
  258. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  259. var frame = document.getElementById( 'my-like-frame' ),
  260. liked = ( myLike.className == 'my-liked' ),
  261. command = liked ? 'unlike' : 'like',
  262. reblog = myLike.getAttribute( 'data-reblog' ),
  263. id = myLike.getAttribute( 'data-id' ),
  264. oauth = reblog.slice( -8 );
  265. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  266. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  267. };
  268. }, false );
  269. };
  270. </script>
  271.  
  272. <div id="fb-root"></div>
  273. <script>(function(d, s, id) {
  274. var js, fjs = d.getElementsByTagName(s)[0];
  275. if (d.getElementById(id)) return;
  276. js = d.createElement(s); js.id = id;
  277. js.src = "//connect.facebook.net/pt_BR/all.js#xfbml=1&appId=245876848769069";
  278. fjs.parentNode.insertBefore(js, fjs);
  279. }(document, 'script', 'facebook-jssdk'));</script>
  280.  
  281.  
  282.  
  283. <body>
  284. <body ondragstart='return false'>
  285. <div class="header">
  286. <div id="content"><div id="header">
  287. <div id="menu" class="jqueryslidemenu"><ul id="menu-menu" class="menu">
  288.  
  289.  
  290. <li id="menu-item-22" class="menu-item menu-item-type-post_type menu-item-object-page"><a onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('main').innerHTML=document.getElementById('ped').innerHTML"><strong><center><font color="363636">index</font></center></strong><span>volte para o começo</span></a></li>
  291.  
  292. <li id="menu-item-950" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="/ask"><strong><center><font color="#363636">message</font></center></strong><span>tire suas duvidas aqui</span></a></li>
  293.  
  294. <li id="menu-item-21" class="menu-item menu-item-type-post_type menu-item-object-page current_page_parent"><a href="{text:Link 1 URL}"><strong><center><font color="#363636">{text:Link 1}</font></center></strong><span>{text:Link 1 frase}</span></a></li>
  295.  
  296. <li id="menu-item-814" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="{text:Link 2 URL}"><strong><center><font color="#363636">{text:Link 2}</font></center></strong><span>{text:Link 2 frase}</span></a>
  297.  
  298. <li id="menu-item-950" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="{text:Link 3 URL}"><strong><center><font color="#363636">{text:Link 3}</font></center></strong><span>{text:Link 3 frase}</span></a></li>
  299.  
  300. <li id="menu-item-950" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="{text:Link 4 URL}"><strong><center><font color="#363636">{text:Link 4}</font></center></strong><span>{text:Link 4 frase}</span></a></li></div>
  301.  
  302.  
  303. <div id="temp11">{text:novidade}</div>
  304.  
  305. </div>
  306.  
  307.  
  308. <div id="sidebar">
  309. <img src="{PortraitURL-64}" class="bordas">
  310. {Description}<br><br>
  311.  
  312. <div style="background:url(http://static.tumblr.com/cir8k0k/Y21mu1mc9/1.fw.png); max-width:316px !important; max-height:53px; margin-left:-18px; width:316px; height:53px;margib-botton:10px"></div>
  313.  
  314. <div class="listag">
  315.  
  316. <a href="{text:Moderador 1 URL}"> {text:Moderador 1}</a>
  317. <a href="{text:Moderador 2 URL}"> {text:Moderador 2}</a>
  318. <a href="{text:Moderador 3 URL}"> {text:Moderador 3}</a>
  319.  
  320. <a href="{text:Moderador 4 URL}"> {text:Moderador 4}</a>
  321. <a href="{text:Moderador 5 URL}"> {text:Moderador 5}</a>
  322. <a href="{text:Moderador 6 URL}"> {text:Moderador 6}</a>
  323.  
  324. </div>
  325.  
  326. <div style="background:url(http://static.tumblr.com/cir8k0k/O75mu1m91/2.fw.png); max-width:316px !important; max-height:53px; margin-left:-18px; width:316px; height:53px;margib-botton:10px"></div>
  327.  
  328. <div style="margin-top:0px"><marquee direction="left" onmouseover="this.stop();" onmouseout="this.start();" scrolldelay="95" scrollamount="3" behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()" truespeed>
  329.  
  330. <a href="/">
  331. <img src="http://static.tumblr.com/cir8k0k/vremw3lvz/parceiro.fw.png">
  332. </a>
  333.  
  334. <a href="/">
  335. <img src="http://static.tumblr.com/cir8k0k/vremw3lvz/parceiro.fw.png">
  336. </a>
  337.  
  338. <a href="/">
  339. <img src="http://static.tumblr.com/cir8k0k/vremw3lvz/parceiro.fw.png">
  340. </a>
  341.  
  342. <a href="/">
  343. <img src="http://static.tumblr.com/cir8k0k/vremw3lvz/parceiro.fw.png">
  344. </a>
  345.  
  346. <a href="/">
  347. <img src="http://static.tumblr.com/cir8k0k/vremw3lvz/parceiro.fw.png">
  348. </a>
  349.  
  350. <a href="/">
  351. <img src="http://static.tumblr.com/cir8k0k/vremw3lvz/parceiro.fw.png">
  352. </a>
  353.  
  354. <a href="/">
  355. <img src="http://static.tumblr.com/cir8k0k/vremw3lvz/parceiro.fw.png">
  356. </a></div></marquee>
  357.  
  358.  
  359. </div>
  360.  
  361. <div style="background:url(http://static.tumblr.com/cir8k0k/v1Dmu1mac/3.fw.png); max-width:316px !important; max-height:53px; margin-left:-18px; width:316px; height:53px;margib-botton:10px"></div>
  362.  
  363.  
  364. <div class="linha"><b>Objetivo:</b> {text:objetivo}</div>
  365. <div class="linha"><i>Tumblr no ar desde:</i> <b>{text:data}</b></div>
  366. <div class="linha"><i>On-Line:</i> <b>{text:online}</b></div>
  367. <div class="linha">Total: {text:total}</div>
  368. </center>
  369.  
  370.  
  371.  
  372. <div style="background:url(http://static.tumblr.com/cir8k0k/KkNmu1mb1/4.fw.png); max-width:316px !important; max-height:53px; margin-left:-18px; width:316px; height:53px;margib-botton:10px"></div>
  373.  
  374. <div id="search">
  375.  
  376. <form action="/search" method="get">
  377. <input type="text" id="s" name="q" value="" placeholder="Pesquise">
  378. <input type="submit" value="" id="searchsubmit"/>
  379. </form>
  380. </div>
  381. <br><br><br>
  382.  
  383. <div style="background:url(http://static.tumblr.com/cir8k0k/V2Xmu1mbj/5.fw.png); max-width:316px !important; max-height:53px; margin-left:-18px; width:316px; height:53px;margib-botton:10px"></div>
  384.  
  385. <a href="http://translate.google.com.br/translate?js=n&prev=_t&hl=pt-BR&ie=UTF-8&layout=2&eotf=1&sl=pt&tl=en&u=http://bombasticdesign.tumblr.com/"><img style="margin-right: 3px; margin-top: 2px; float: left;" src="http://static.tumblr.com/ifqwhnb/GORm70t1l/united_states_of_america__usa_.png" title="título"/></a>
  386. Esse theme foi totalmente desenvolvido por <a href="http://exodorado.tumblr.com/"><b>Chi</b></a>. Não copie nada daqui, plagia além de ser feito é anti-ético e um crime. Se eu ver alguma copia eu denuncio. É proibida qualquer cópia ou uso dos códigos conforme a lei penal, artigo 184. <b>©</b> <br>
  387. <a href="#" onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('main').innerHTML=document.getElementById('cred').innerHTML"><div style="float:right"><div class="listag"><b>confira ©</b></div></div></a>
  388. </div>
  389.  
  390.  
  391. <div id="main">
  392. <!---------- POSTS --------------------------->
  393. {block:Posts}
  394. {block:Regular}<div class="post"><div class="box8">
  395. {block:Title}<div class="h1">{Title}<br></div>{/block:Title}
  396. <div class="entry"><div class="caixap">{Body}</div></div>
  397. <div class="divdate"></div>
  398.  
  399. <!---------------- DATA DOS POSTS ------------->
  400. <div style="float: center"><div class="mennur2">Postado em: <a href="{Permalink}">{DayOfMonth}.{MonthNumberWithZero}.{Year} </a> · {block:NoteCount}<a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a>{/block:NoteCount} · <a href="{ReblogURL}" target="_blank" class="details"> Reblog </a> · Like <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div></div>
  401. </div></div> </div>
  402.  
  403. {/block:Regular}
  404.  
  405. <!---------- PHOTOS --------------------------->
  406. {block:Photo}
  407. <div class="post">
  408. <img src="{PhotoURL-500}" ><img src="http://static.tumblr.com/cir8k0k/qesmghq59/sombra.png">
  409. {block:Caption}
  410. <div class="caption">{Caption}</div>
  411. {/block:Caption}
  412.  
  413. <!---------------- DATA DOS POSTS ------------->
  414. <div style="float: center"><div class="mennur2">Postado em: <a href="{Permalink}">{DayOfMonth}.{MonthNumberWithZero}.{Year} </a> · {block:NoteCount}<a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a>{/block:NoteCount} · <a href="{ReblogURL}" target="_blank" class="details"> Reblog </a> · Like <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div></div>
  415. </div></div>
  416. {/block:Photo}
  417. <!---------------- ASK ------------->
  418.  
  419. {block:Answer}
  420. <div class="post">
  421. <div class="perguntas">{Question}</div><div class="perguntou"><img src="{AskerPortraitURL-30}" align="left" class="askfoto"><div class="pergunta">{Asker} perguntou</div></div><div class="resposta">{Answer}</div>
  422.  
  423. <!---------------- DATA DOS POSTS ------------->
  424. <div style="float: center"><div class="mennur2">Postado em: <a href="{Permalink}">{DayOfMonth}.{MonthNumberWithZero}.{Year} </a> · {block:NoteCount}<a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a>{/block:NoteCount} · <a href="{ReblogURL}" target="_blank" class="details"> Reblog </a> · Like <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div></div>
  425. </div></div>
  426. {/block:Answer}
  427.  
  428. <!---------- LINKS --------------------------->
  429. {block:Link}
  430. <div class="post"><div class="box8">
  431. <a href="{URL}" class="link" {Target}><div class="h1">{Name}</div></a>
  432. {block:Description}
  433. <div class="description"><div class="caixap">{Description}</div></div>
  434. {/block:Description}
  435. <div class="divdate"></div>
  436. <!---------------- DATA DOS POSTS ------------->
  437. <div style="float: center"><div class="mennur2">Postado em: <a href="{Permalink}">{DayOfMonth}.{MonthNumberWithZero}.{Year} </a> · {block:NoteCount}<a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a>{/block:NoteCount} · <a href="{ReblogURL}" target="_blank" class="details"> Reblog </a> · Like <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div></div>
  438. </div></div> </div>
  439. {/block:Link}
  440.  
  441. <!---------- AUDIO --------------------------->
  442. {block:Audio}
  443. <div class="post"><div class="box8">
  444. <p>{AudioPlayerWhite}
  445. {block:Caption}
  446. <div class="caption">{Caption}</div>
  447. <div style="float:right; margin-top: -50px;"><h>Música ouvida {PlayCount} vezes</h> {block:ExternalAudio}(<a href="{ExternalAudioURL}">download!</a>){/block:ExternalAudio}</div>
  448. {/block:Caption}
  449. <div class="divdate"></div>
  450. <!---------------- DATA DOS POSTS ------------->
  451. <div style="float: center"><div class="mennur2">Postado em: <a href="{Permalink}">{DayOfMonth}.{MonthNumberWithZero}.{Year} </a> · {block:NoteCount}<a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a>{/block:NoteCount} · <a href="{ReblogURL}" target="_blank" class="details"> Reblog </a> · Like <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div></div>
  452. </div></div> </div>
  453. {/block:Audio}
  454.  
  455. <!---------- VIDEOS --------------------------->
  456. {block:Video}
  457. <div class="post">
  458. <div class="box8">
  459. <center>{Video-500}
  460. <br>
  461. {block:Caption}
  462. <div class="caption">{Caption}</div>
  463. {/block:Caption}</center>
  464. <div class="divdate"></div>
  465. <!---------------- DATA DOS POSTS ------------->
  466. <div style="float: center"><div class="mennur2">Postado em: <a href="{Permalink}">{DayOfMonth}.{MonthNumberWithZero}.{Year} </a> · {block:NoteCount}<a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a>{/block:NoteCount} · <a href="{ReblogURL}" target="_blank" class="details"> Reblog </a> · Like <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div></div>
  467. </div></div> </div>
  468. {/block:Video}
  469.  
  470. <!---------------- NOTAS DOS POSTS ------------->
  471. {block:PostNotes}
  472. <div class="caixa">
  473. <div class="filereplace"><img src="http://static.tumblr.com/qzpui9z/gABmkllhh/1.png"> {block:RebloggedFrom} <a href="{ReblogParentURL}"> Via,</a> <a href="{ReblogRootURL}"> From,</a> {/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}" target=blank> Source </a>. {/block:ContentSource} </div>
  474. <div class="data">
  475. <img src="http://static.tumblr.com/qzpui9z/k98mkllim/3.png"> {DayOfMonth},<b> {Month}</b> de {Year}<br>
  476. </div>
  477. <div class="tag">
  478. <img src="http://static.tumblr.com/qzpui9z/g6Imkllj6/4.png"> tags: {block:Tags}{/block:Tags}
  479. <span style="width:auto;">
  480. {block:HasTags}
  481. {block:Tags}
  482. <a href="{TagURL}">{Tag}</a>
  483. {/block:Tags}
  484. {/block:HasTags}</span>
  485. <br>
  486. </div>
  487. <div class="notes2">
  488. <img src="http://static.tumblr.com/qzpui9z/sbRmkllji/5.png"> notes: {NoteCount}
  489. </div>
  490. </div>
  491. <div class="caixa">
  492. {PostNotes}
  493. </div>
  494. {/block:PostNotes}
  495. {/block:Posts}
  496. {block:IndexPage}
  497. <div class="column navigation" id="navigation">
  498. {block:Pagination}
  499. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  500. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  501. </div>
  502. {/block:IndexPage}
  503.  
  504.  
  505. <!---------------- FIM DAS NOTAS DOS POSTS ------------->
  506. {/block:Posts}
  507.  
  508.  
  509. <center>
  510. {block:IndexPage}
  511. <div id="paginacaoml">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination}
  512. {block:JumpPagination length="9"}
  513. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  514. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  515. {/block:JumpPagination}
  516. {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}
  517. </div></center>
  518. {/block:IndexPage}
  519.  
  520. </div>
  521.  
  522.  
  523. <div id="footer">
  524. </div>
  525.  
  526.  
  527. <div id="cred" style="display:none;">
  528. <div class="post">
  529. <div class="bar"><div style="width: 100%;"><div style="background: url(http://static.tumblr.com/cir8k0k/uIHmu1mjg/0000.png) no-repeat; width: 510px; height: 50px; margin-left:-4px; margin-top:-15px; margin-bottom:-15px;"></div></div></div><br>
  530. <div class="texty">
  531. <div class="fadein">
  532. <div class="cred"><a href="http://exodorado.tumblr.com/">Chi</a> <img src="http://static.tumblr.com/8yo5xxv/GSLlznivc/setinha.jpg"> HTML, CSS e todo o design.</div>
  533. <div class="cred"><a href="http://tumblr.com/">Tumblr</a> <img src="http://static.tumblr.com/8yo5xxv/GSLlznivc/setinha.jpg"> Tutorial de confecção de themes e hospedagem de imagens.</div>
  534. <div class="cred"><a href="http://adobe.com/">Adobe ps e fw</a> <img src="http://static.tumblr.com/8yo5xxv/GSLlznivc/setinha.jpg"> Criação de imagens, cores e muitos detalhes.</div>
  535. <div class="cred"><a href="http://things-to-help-you.com/">tthy</a> <img src="http://static.tumblr.com/8yo5xxv/GSLlznivc/setinha.jpg">detalhes</div>
  536.  
  537. <p></p>
  538. <div class="caixap">
  539. Inspiração é muito diferente de cópia. Tenha ciência que qualquer código pego daqui sem creditar será considerado como plágio! Inspiração não é você copiar, colar e mudar o nome. Se eu consegui fazer você também pode, tenha orgulho de dizer <b>"eu que fiz"</b>.
  540. <img src="http://static.tumblr.com/y9ykbvf/mDTlrxtib/___________53_.gif" /> É proibida qualquer c&oacute;pia parcial ou total deste theme! <i>Pl&aacute;gio &eacute; crime</i>! A Lei que rege o direito autoral no Brasil &eacute; a Lei 9610/98.<img src="http://static.tumblr.com/y9ykbvf/mDTlrxtib/___________53_.gif" />
  541. </div></font>
  542.  
  543. </div></div></div>
  544. <div class="caixaend"></div>
  545. </div>
  546.  
  547.  
  548.  
  549. </span><span class="esp"></div></div></div></section></div></div><div>
  550. </div></div><div></div></div><div></div></div><div></div></div><div></div></div><div>
  551.  
  552.  
  553.  
  554. </body>
  555. </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!