API tools faq
paste
Stormtroop3r

THEME 03

Stormtroop3r
Apr 9th, 2013
96
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.15 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.  
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.  
  5.  
  6. <!------------------------------------
  7.  
  8. THEME 3
  9. FEITO POR ST0RMTROOP3R
  10. SEM PLÁGIOS AQUI OK? SE NÃO TE CAÇO ATÉ O INFERNO, É.
  11.  
  12. ------------------------------------>
  13.  
  14.  
  15. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  16.  
  17. <head> <!-- DEFAULT VARIABLES -->
  18. <meta name="font:text" content="georgia" />
  19. <meta name="font:title" content="georgia" />
  20. <meta name="font:title" content="verdana" />
  21.  
  22. <meta name="color:background" content="#f8f8f8" />
  23. <meta name="color:entry" content="#f8f8f8" />
  24. <meta name="color:link" content="#000000" />
  25. <meta name="color:text" content="#000000" />
  26.  
  27. <meta name="if:Show tags" content="1"/>
  28.  
  29. <meta name="color:linkhover" content="#696969" />
  30. <meta name="color:sidebar" content="#ffffff" />
  31. <meta name="color:scroll" content="#000000" />
  32. <meta name="image:background" content="" />
  33. <meta name="color:frase" content="#ffffff" />
  34. <meta name="color:ask" content="#ffffff" />
  35. <meta name="color:top" content="#ffffff" />
  36.  
  37. <meta name="color:bglinks" content="#000000" />
  38. <meta name="color:borda" content="#000000" />
  39. <meta name="color:bordahover" content="#000000" />
  40. <meta name="color:bglinkshover" content="#ffffff" />
  41. <meta name="color:linkshover" content="#ffffff" />
  42. <meta name="color:pag" content="#f8f8f8" />
  43.  
  44. <meta name="text:frase" content="Aqui vc vai colocar uma frase qualquer pelo appearance.." />
  45.  
  46.  
  47.  
  48. <meta name="image:sidimagem" content="http://static.tumblr.com/tsm8w6l/b3Zly5t5r/tumblr_lxwdz6cw311qj7d2oo1_500.jpg" />
  49. <meta name="image:foto1" content=""/>
  50. <meta name="image:foto2" content=""/>
  51. <meta name="image:foto3" content=""/>
  52.  
  53. <meta name="image:giflink1" content=""/>
  54. <meta name="image:giflink2" content=""/>
  55. <meta name="image:giflink3" content=""/>
  56. <meta name="image:giflink4" content=""/>
  57. <meta name="image:giflink5" content=""/>
  58.  
  59.  
  60.  
  61.  
  62.  
  63. <meta name="text:Link1" content="/" />
  64. <meta name="text:Link1 Title" content="voce" />
  65. <meta name="text:Link2" content="/" />
  66. <meta name="text:Link2 Title" content="vai" />
  67. <meta name="text:Link3" content="/" />
  68. <meta name="text:Link3 Title" content="mudar" />
  69. <meta name="text:Link4" content="/" />
  70. <meta name="text:Link4 Title" content="isso" />
  71. <meta name="text:Link5" content="/" />
  72. <meta name="text:Link5 Title" content="pelo" />
  73. <meta name="text:Link6" content="/" />
  74. <meta name="text:Link6 Title" content="appearance" />
  75. <meta name="text:Link7" content="/" />
  76. <meta name="text:Link7 Title" content="pena1" />
  77. <meta name="text:Link8" content="/" />
  78. <meta name="text:Link8 Title" content=":')" />
  79.  
  80.  
  81.  
  82.  
  83.  
  84. <title>{Title}</title>
  85. <link rel="shortcut icon" href="{Favicon}">
  86. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  87. {block:Description}
  88. <meta name="description" content="{MetaDescription}" />
  89. {/block:Description}
  90.  
  91.  
  92. <style type="text/css">
  93.  
  94.  
  95.  
  96. body {background-color: {color:background}; font-family: {font:text}; color: {color:text}; text-align: center; font-size: 12px; background-image:url('{image:background}'); background-attachment: fixed; }
  97.  
  98. a {color: {color:link}; text-decoration: none; text-transform: none;}
  99. a:hover {color: {color:sidebar}; background-color: {color:bglink}; text-decoration: none;}
  100.  
  101. p {margin: 6px 0 0 0}
  102.  
  103. blockquote {margin: 5px 5px 5px 5px; border-left: 5px solid {color:sidebar}; padding-left: 5px; }
  104. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 5px solid {color:sidtext};}
  105. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 5px solid {color:sidebar}; }
  106. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 5px solid {color:sidtext}; }
  107.  
  108. blockquote img{max-width: 470px!important}
  109. blockquote blockquote img{max-width: 450px!important}
  110. blockquote blockquote blockquote img{max-width: 430px!important}
  111. blockquote blockquote blockquote blockquote img{max-width: 410px!important}
  112.  
  113.  
  114.  
  115.  
  116. #entries { width: 510px; margin-left: 625px; margin-top: 30px; z-index: 1;}
  117.  
  118. #post{text-align: justify; width: 500px; background-color: {color:entry}; -moz-box-shadow: 0 0 1em #E8E8E8; -webkit-box-shadow: 0 0 1em #E8E8E8 ; box-shadow: 0 0 1em #E8E8E8; padding:5px; margin-bottom: 15px; margin-right: auto; margin-left: auto;}
  119.  
  120. .info{margin: 15px 20px 0 20px; border-left: 5px solid {color:linkbackground}; padding-left: 5px; font-family: {font:body}}
  121. .tags{font-size:9px; display: inline}
  122. .origin{font-size:9px}
  123. .ibottom{margin-top: 5px; font-family: {font:body}}
  124. .date{float:left; padding-left: 10px; text-transform: uppercase; font-size: 10px}
  125. .permalink{float:right; padding-right: 10px; text-transform: uppercase; font-size: 10px}
  126.  
  127. h1{font-family: {font:title}; font-size: 20px; letter-spacing: -1px; line-height: 20px; text-align:center; font-style: italic; font-weight: normal; margin: 0 0 5px 0;}
  128. h1 a{font-size: 18px; letter-spacing: -1px;}
  129. h2{font-size: 9px; display: block; width: 250px; color:{color:text}; background-color: {color:linkbackground}; text-align: center; margin: 0px 0px 3px 0px; padding: 3px 0 3px 0; text-transform: uppercase; text-decoration: none; font-weight: normal}
  130.  
  131. .image{border: 0px; text-align:center }
  132. .image a{border: 0px; text-align:center }
  133.  
  134. .qqmarks{font-size: 80px; font-weight: bold; line-height: 80px; color: {color:sidebartext}}
  135. .qquote{font-family: {font:title}; font-size: 20px; letter-spacing: -1px; line-height: 20px; text-transform: none; margin-top: -70px; margin-left: 50px; text-indent: 45px}
  136. .qsource{margin: 5px 15px 0 0; text-align: right}
  137.  
  138. .chat{line-height: 12px; list-style: none }
  139. .chat ul {line-height: 15px; list-style: none; padding: 0px; line-height: 20px;}
  140. .person1 {background-color: {color:linkbackground}; color: {color:text} }
  141. .person1 .label { font-weight: bold; padding: 0px; margin-left: 5px; color: {color: text} }
  142. .person2 {background-color: {color:background}; color: {color: text} }
  143. .person2 .label { font-weight: bold; padding: 0px; margin-left: 5px; color: {color: text} }
  144.  
  145. .iaudio{text-align: center; margin-bottom: 5px}
  146. .iaudio img{max-width: 500px; height: auto}
  147. .cover {background-image: url(http://i35.tinypic.com/ampiiq.jpg); float: left; width: 150px; height: 150px; margin-right: 10px; margin-bottom: 10px}
  148. .cover img{width: 150px; height: 150px}
  149. .plcount {font-style: italic}
  150.  
  151. .asker {width:430px; background-color: #FFFFFF; color: #000; text-align: left; margin-left: 60px; margin-top: -50px; padding: 5px 5px 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-bottom: 1px dashed #D8BFD8;}
  152. .asker img{float: left; padding: 2px; margin: 5px}
  153. .asker a{font-size: 20px; color:{color:link}; text-transform: uppercase; line-height: 27px; padding: 0; margin: 5px}
  154. .asker a:hover{font-size: 20px; color:{color:post}; background-color: {color:background}; text-transform: uppercase; line-height:27px; padding: 0; margin: 0}
  155. .answer {padding: 5px}
  156. .q {background-color:{color:linkbackground}; padding:5px}
  157. .a {padding-top: 5px}
  158.  
  159. #cap {padding: 22px 0 0 0; width: 500px; margin: 0 0 0 5px}
  160. .source{display:none}
  161.  
  162.  
  163.  
  164. #notes {background-color:{color:background};width:510px; margin-bottom:10px }
  165. #notestext {width: 500px; margin-left: 20px; background-color:{color:background};padding:0px;}
  166. ol.notes {list-style: none; padding:0px}
  167. ol.notes li {background-color: {color: background}; margin: 0 px; padding: 5px;}
  168. ol.notes .avatar {border: 0px; height: 10px; padding: 0px; width: 10px;}
  169. ol.notes li .clear {height: 0px!important;}
  170. ol.notes li blockquote {border-color: #ccc!important;}
  171.  
  172. #clear{width:300px;height:3px; clear:both; background-color: transparent}
  173.  
  174. .search {background-color: {color:linkbackground}; border: 0px dashed {color:text}; margin: 2px;
  175. padding: 2px; width: 185px; font-family: {font:body}; font-size: 11px}
  176. .searchb {background-color:{color:linkbackground}; border: 0px dashed {color:text}; margin: 2px;
  177.  
  178. padding: 1px 7px 1px 7px; width: 50px; font-family: {font:body}; font-size: 11px}
  179.  
  180.  
  181.  
  182.  
  183. ::-webkit-scrollbar{width:5px;height:8px;}
  184. ::-webkit-scrollbar-button:start:decrement
  185. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  186. ::-webkit-scrollbar-track-piece{background-color:#fff;-webkit-border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;}
  187. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color:#000;-webkit-border-radius:px;}
  188. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:#000;-webkit-border-radius:px;}
  189.  
  190.  
  191.  
  192.  
  193.  
  194. /*LINKS*/
  195.  
  196.  
  197.  
  198.  
  199.  
  200.  
  201.  
  202. #ls {width: 300px; height:auto; left: 450px; margin-top: 420px; background-color:transparent; text-align: center; position: fixed;}
  203.  
  204.  
  205.  
  206.  
  207.  
  208.  
  209.  
  210. .l1 {width: 75px; margin-top: 0px; text-align: center;}
  211.  
  212.  
  213.  
  214.  
  215.  
  216.  
  217.  
  218. .l1 a{display: block; letter-spacing: -1px; font-family:verdana; font-size: 9px; text-align: center; margin-bottom: 2px; padding: 5px 10px 8px 8px; width: 70px;opacity:0.4; background-color: #cecece; color:#000000; text-decoration: none; text-transform: lowercase; line-height: 100px; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out;-moz-border-radius: 15px;
  219.  
  220.  
  221.  
  222.  
  223.  
  224.  
  225.  
  226. -webkit-border-radius: 15px;
  227.  
  228.  
  229.  
  230.  
  231.  
  232.  
  233.  
  234. -goog-ms-border-radius: 15px;}
  235.  
  236.  
  237.  
  238.  
  239.  
  240.  
  241.  
  242. .l1 a:hover{text-align: center; background-color: #fafafa; color:#EBE6CB;}
  243.  
  244.  
  245.  
  246.  
  247.  
  248.  
  249.  
  250. .l2 {width: 95px; margin-top: 0px; text-align: center;}
  251.  
  252.  
  253.  
  254.  
  255.  
  256.  
  257.  
  258. .l2 a{display: block; letter-spacing: -1px; font-family:verdana; font-size: 9px; text-align: center; margin-bottom: 2px; padding: 5px 10px 8px 8px; width: 70px;opacity:0.6;background-color: #cecece; color:#000000; text-decoration: none; text-transform: lowercase; line-height: 100px; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out;-moz-border-radius: 15px;
  259.  
  260.  
  261.  
  262.  
  263.  
  264.  
  265.  
  266. -webkit-border-radius: 15px;
  267.  
  268.  
  269.  
  270.  
  271.  
  272.  
  273.  
  274. -goog-ms-border-radius: 15px;}
  275.  
  276.  
  277.  
  278.  
  279.  
  280.  
  281.  
  282. .l2 a:hover{text-align: center; background-color: ; color: ;}
  283.  
  284.  
  285.  
  286.  
  287.  
  288.  
  289.  
  290. .l3 {width: 75px; margin-top: 0px; text-align: center;}
  291.  
  292.  
  293.  
  294.  
  295.  
  296.  
  297.  
  298. .l3 a{display: block; letter-spacing: -1px; font-family:verdana; font-size: 9px; text-align: center; margin-bottom: 2px; padding: 5px 10px 8px 8px; width: 70px;opacity:0.8; background-color: #cecece; color:#000000; text-decoration: none; text-transform: lowercase; line-height: 100px; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out;-moz-border-radius: 15px;
  299.  
  300.  
  301.  
  302.  
  303.  
  304.  
  305.  
  306. -webkit-border-radius: 15px;
  307.  
  308.  
  309.  
  310.  
  311.  
  312.  
  313.  
  314. -goog-ms-border-radius: 15px;}
  315.  
  316.  
  317.  
  318.  
  319.  
  320.  
  321.  
  322. .l3 a:hover{text-align: center; background-color: ; color:;}
  323.  
  324.  
  325.  
  326.  
  327.  
  328.  
  329.  
  330. .l4 {width: 75px; margin-top: 0px; text-align: center;}
  331.  
  332.  
  333.  
  334.  
  335.  
  336.  
  337.  
  338. .l4 a{display: block; letter-spacing: -1px; font-family:verdana; font-size: 9px; text-align: center; margin-bottom: 2px; padding: 5px 10px 8px 8px; width: 70px;background-image: url('http://static.tumblr.com/pcmtizf/RJBlw7kas/bg9.gif');color:#333333; text-decoration: none; text-transform: lowercase; line-height: 100px; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out;-moz-border-radius: 15px;
  339.  
  340.  
  341.  
  342.  
  343.  
  344.  
  345.  
  346. -webkit-border-radius: 15px;
  347.  
  348.  
  349.  
  350.  
  351.  
  352.  
  353.  
  354. -goog-ms-border-radius: 15px;}
  355.  
  356.  
  357.  
  358.  
  359.  
  360.  
  361.  
  362. .l4 a:hover{text-align: center; background-color: ; color:;}
  363.  
  364.  
  365.  
  366.  
  367.  
  368.  
  369.  
  370. #lx {width: 400px; height:auto; left: 230px; margin-top: 80px; background-color:transparent; text-align: center; position: fixed;}
  371.  
  372.  
  373.  
  374.  
  375.  
  376.  
  377.  
  378. .l {width: 400px; margin-top: 0px; text-align: center;}
  379.  
  380.  
  381.  
  382.  
  383.  
  384.  
  385.  
  386. .l a{display: block; letter-spacing: -1px; font-family:verdana; font-size: 9px; text-align: center; margin-bottom: 2px; padding: 5px 10px 8px 8px; width: 190px; background-color: #979797; color:#000000; text-decoration: none; text-transform: lowercase; line-height: 24px; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out;}
  387.  
  388.  
  389.  
  390.  
  391.  
  392.  
  393.  
  394. .l a:hover{text-align: center; background-color: #fafafa; color:;}
  395.  
  396.  
  397.  
  398.  
  399.  
  400.  
  401.  
  402. #backlink {text-align:center; display:block; margin-left: 0px; color: #000000;}
  403.  
  404.  
  405.  
  406.  
  407. #backlink:hover #linkback a:first-child{border: 1px solid #979797;}
  408.  
  409.  
  410.  
  411.  
  412.  
  413.  
  414.  
  415. #backlink:hover #linkback {opacity:1; margin-top:-115px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.6s linear; overflow:auto; background-color: #fafafa; z-index:9; height:auto;}
  416.  
  417.  
  418.  
  419.  
  420.  
  421.  
  422.  
  423. #linkback{position:absolute; margin-top:-100px; opacity:0; margin-left: 0px; width:90px; overflow:auto; height:auto;}
  424.  
  425.  
  426.  
  427.  
  428.  
  429.  
  430.  
  431. #linkback a{color:#000000; background-color:fafafa; text-align:center; display:block; text-transform:lowercase; line-height:23px; border: 1px solid #979797;}
  432.  
  433.  
  434.  
  435.  
  436.  
  437.  
  438.  
  439. #linkback a:hover{text-transform:lowercase; color:; background-color:#fafafa; -webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; -o-transition: all 0.6s linear; transition: all 0.6s linear;}
  440.  
  441.  
  442.  
  443.  
  444.  
  445.  
  446.  
  447.  
  448.  
  449.  
  450.  
  451.  
  452.  
  453.  
  454.  
  455.  
  456.  
  457.  
  458.  
  459. #container {margin-left: 260px;}
  460.  
  461. #timg {position: fixed; float: left; margin-bottom:2px; margin-top:145px; margin-left: 950px;}
  462.  
  463. #timg img {width: 95px; height: 95px; -webkit-transition: all 0.7s ease-out; -webkit-border-radius: 55px; -moz-border-radius: 55px; border-radius: 55px; -moz-transition: all 0.7s ease-out; position: fixed;}
  464.  
  465.  
  466.  
  467. #timg1 {position: fixed; float: left; margin-bottom:2px; margin-top:345px; margin-left: 950px;}
  468.  
  469. #timg1 img {width: 95px; height: 95px; -webkit-border-radius: 55px; -moz-border-radius: 55px; border-radius: 55px; position: fixed;}
  470.  
  471.  
  472.  
  473. #timg2 {position: fixed; float: left; margin-bottom:2px; margin-top:245px; margin-left: 950px;}
  474.  
  475. #timg2 img {width: 95px; height: 95px; -webkit-border-radius: 55px; -moz-border-radius: 55px; border-radius: 55px; position: fixed;}
  476.  
  477.  
  478. #timg3 {position: fixed; float: left; margin-bottom:2px; margin-top:445px; margin-left: 950px;}
  479.  
  480. #timg3 img {width: 95px; height: 95px; -webkit-transition: all 0.7s ease-out; -webkit-border-radius: 55px; -moz-border-radius: 55px; border-radius: 55px; -moz-transition: all 0.7s ease-out; position: fixed;}
  481.  
  482.  
  483.  
  484.  
  485.  
  486.  
  487. #tais {margin-left: 950px; margin-top: 145px; position:fixed;}
  488.  
  489. #tais a {width:90px; height: 90px; display:block; background-color: rgba(0,0,0,0.5); font:9px verdana; text-transform: lowercase; color:#fff; text-decoration: none; letter-spacing: 0px; text-align:center; padding:3px; -webkit-transition: all 0.7s ease-out; -webkit-border-radius: 55px; -moz-border-radius: 55px; border-radius: 55px; -moz-transition: all 0.7s ease-out; position: fixed;}
  490.  
  491.  
  492.  
  493. #tais a:hover {background-color:transparent; color: #fff;}
  494.  
  495. #tais2 {margin-left: 950px; margin-top: 345px; position:fixed;}
  496.  
  497. #tais2 a {width:90px;height: 90px; display:block; background-color: rgba(0,0,0,0.5); font:9px verdana; text-transform: lowercase; color:#fff; text-decoration: none; letter-spacing: 0px; text-align:center; padding:3px; -webkit-transition: all 0.7s ease-out; -webkit-border-radius: 55px; -moz-border-radius: 55px; border-radius: 55px; -moz-transition: all 0.7s ease-out; position: fixed;}
  498.  
  499. #tais2 a:hover {background-color:transparent; color: #fff;}
  500.  
  501. #tais3 {margin-left: 950px; margin-top: 245px; position:fixed;}
  502.  
  503. #tais3 a {width:90px;height: 90px; display:block; background-color: rgba(0,0,0,0.5); font:9px verdana; text-transform: lowercase; color:#fff; text-decoration: none; letter-spacing: 0px; text-align:center; padding:3px; -webkit-transition: all 0.7s ease-out; -webkit-border-radius: 55px; -moz-border-radius: 55px; border-radius: 55px; -moz-transition: all 0.7s ease-out; position: fixed;}
  504.  
  505. #tais3 a:hover {background-color:transparent; color: #fff;}
  506.  
  507.  
  508. #tais4 {margin-left: 950px; margin-top: 445px; position:fixed;}
  509.  
  510. #tais4 a {width:90px; height: 90px; display:block; background-color: rgba(0,0,0,0.5); font:9px verdana; text-transform: lowercase; color:#fff; text-decoration: none; letter-spacing: 0px; text-align:center; padding:3px; -webkit-transition: all 0.7s ease-out; -webkit-border-radius: 55px; -moz-border-radius: 55px; border-radius: 55px; -moz-transition: all 0.7s ease-out; position: fixed;}
  511.  
  512.  
  513.  
  514. #tais4 a:hover {background-color:transparent; color: #fff;}
  515.  
  516.  
  517.  
  518.  
  519.  
  520. #top {z-index: 90; margin-top: -70; background-color: #F5F5F5; width: 540px; height: 40px; padding: 0px; position: fixed; margin-left: 630px; position: fixed;}
  521.  
  522.  
  523. #sid3 {width: 1235px; margin-left: -610px; height: 17px; margin-top: 15px; float:left; text-align: center; background-color: #D3D3D3; font-size: 16px; position:fixed; padding: 5px; color: #4E4C4C; font-family: Verdana, Geneva, Tahoma, sans-serif; position: fixed; }
  524.  
  525. #tudo {text-align: center; width: 935px; margin: 20px auto 20px auto; padding: 0px; z-index: 1; position: fixed;}
  526.  
  527.  
  528.  
  529. #tumblr_controls{position: fixed!important}
  530. #tumblr_controls{position: fixed!important}
  531. #tumblr_controls{position: fixed!important}
  532. #tumblr_controls{position: fixed!important}
  533.  
  534. .sdescri {text-align: justify; overflow: auto; height: 183px; -webkit-border-radius: 0px 0px 0px 0px; font-size: 9px; font-family: verdana; position: fixed; margin-left: -120px; width: 325px; background-color: #FFFFFF; color: #4E4C4C opacity: 1;; padding: 10px; margin-top: 10px; background-attachment: fixed; -webkit-border-radius: 0px 0px 0px 0px; -moz-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; -webkit-transition: all 0.7s ease-out; transition: all 0.4s ease-out;}
  535.  
  536. .sdescri:hover {opacity: 1;-moz-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; -webkit-transition: all 0.7s ease-out; transition: all 0.4s ease-out;}
  537.  
  538. #side {
  539. height:1500px;
  540. width:30px;
  541. margin-left:1030px;
  542. margin-top:-470px;
  543. background-color:#F5F5F5;
  544. border-right:10px solid #D3D3D3;
  545. position:fixed;
  546. }
  547.  
  548.  
  549.  
  550. /* fotinha */
  551.  
  552.  
  553. #foto1 {width: 90px; margin-left: -120px; background-color: #D3D3D3; -webkit-border-radius: 00px 0px 0px 0px; position: fixed; height: 90px; color: #D3D3D3; -webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; -o-transition: all 0.6s linear; transition: all 0.6s linear; font-size: 9px; margin-top: -120px; border: 5px solid #D3D3D3; -moz-border-radius: 110px;-webkit-border-radius: 110px;
  554. }
  555.  
  556. #foto1 img{width: 90px; height: 90px; -webkit-border-radius: 0px 0px 0px 0px;-webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; -o-transition: all 0.6s linear; transition: all 0.6s linear; -moz-border-radius: 110px; -webkit-border-radius: 110px;
  557. }
  558. #foto1 img:hover { -webkit-border-radius: 0px 00px 0px 00px; -webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; -o-transition: all 0.6s linear; transition: all 0.6s linear; }
  559.  
  560. #foto1:hover { -webkit-border-radius: 0px 0px 0px 0px; -webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; -o-transition: all 0.6s linear; transition: all 0.6s linear; color: transparent; opacity: 1}
  561.  
  562.  
  563.  
  564. #foto2 {width: 90px; margin-left: -120px; background-color: #D3D3D3; -webkit-border-radius: 00px 0px 0px 0px; position: fixed; height: 90px; color: #D3D3D3; -webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; -o-transition: all 0.6s linear; transition: all 0.6s linear; font-size: 9px; margin-top: -270px; border: 5px solid #D3D3D3; -moz-border-radius: 110px;-webkit-border-radius: 110px;
  565. }
  566.  
  567. #foto2 img{width: 90px; height: 90px; -webkit-border-radius: 0px 0px 0px 0px;-webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; -o-transition: all 0.6s linear; transition: all 0.6s linear; -moz-border-radius: 110px; -webkit-border-radius: 110px;
  568. }
  569. #foto2 img:hover { -webkit-border-radius: 0px 00px 0px 00px; -webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; -o-transition: all 0.6s linear; transition: all 0.6s linear; }
  570.  
  571. #foto2:hover { -webkit-border-radius: 0px 0px 0px 0px; -webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; -o-transition: all 0.6s linear; transition: all 0.6s linear; color: transparent; opacity: 1}
  572.  
  573.  
  574. #foto3 {width: 90px; margin-left: -120px; background-color: #D3D3D3; -webkit-border-radius: 00px 0px 0px 0px; position: fixed; height: 90px; color: #D3D3D3; -webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; -o-transition: all 0.6s linear; transition: all 0.6s linear; font-size: 9px; margin-top: -420px; border: 5px solid #D3D3D3; -moz-border-radius: 110px;-webkit-border-radius: 110px;
  575. }
  576.  
  577. #foto3 img{width: 90px; height: 90px; -webkit-border-radius: 0px 0px 0px 0px;-webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; -o-transition: all 0.6s linear; transition: all 0.6s linear; -moz-border-radius: 110px; -webkit-border-radius: 110px;
  578. }
  579. #foto3 img:hover { -webkit-border-radius: 0px 00px 0px 00px; -webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; -o-transition: all 0.6s linear; transition: all 0.6s linear; }
  580.  
  581. #foto3:hover { -webkit-border-radius: 0px 0px 0px 0px; -webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; -o-transition: all 0.6s linear; transition: all 0.6s linear; color: transparent; opacity: 1}
  582.  
  583.  
  584.  
  585.  
  586. /* title */
  587.  
  588.  
  589. #bronx {width: 450px; float: left; position: fixed; margin-left: 80px; margin-top: -760px; }
  590. .bronx2 {font-size: 20px; font-family: 'georgia', cursiva; letter-spacing: -2px; c -moz-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; -webkit-transition: all 0.7s ease-out; transition: all 0.4s ease-out; font-style: italic; color:#FFFFFF;}
  591. .bronx2:hover {font-weight: italic; -moz-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; -webkit-transition: all 0.7s ease-out; transition: all 0.4s ease-out; margin-left: 100px; color: transparent;}
  592. #eiman {width: 350px; float: left; position: fixed; margin-left: 70px; margin-top: -740px; }
  593. .eiman2 {font-size: 15px; font-family: 'georgia', cursiva; letter-spacing: -1px; color: #FFFFFF; -moz-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; -webkit-transition: all 0.7s ease-out; transition: all 0.4s ease-out; font-style: italic;}
  594. .eiman2:hover {font-weight: italic; -moz-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; -webkit-transition: all 0.7s ease-out; transition: all 0.4s ease-out; font-style: italic; color: ; margin-left: -0px;color: transparent; margin-left: 40px;}
  595.  
  596.  
  597.  
  598.  
  599. /* image */
  600.  
  601. #slideShowContainer{ float: left; margin-top: -15px; margin-left: -370px; height: 405px; width:335px; position: fixed; background-color: transparent; border-right: 4px solid #D3D3D3; border-left: 5px solid #D3D3D3; border-top: 5px solid #D3D3D3; border-bottom: 5px solid #D3D3D3; -webkit-transition: all 2s ease-out; -moz-transition: all 2s ease-out;}
  602.  
  603. #slideShowContainer:hover {; -webkit-transition: all 2s ease-out; -moz-transition: all 2s ease-out; }
  604.  
  605. #slideShow2 {margin-top: 0px; margin-bottom: 5px; -webkit-transition: all 2s ease-out; -moz-transition: all 2s ease-out; overflow: hidden;}
  606.  
  607. #slideShow2 img{width: 350px; height: 409px; margin-left: 0px; opacity: 1; -webkit-transition: all 2s ease-out; -moz-transition: all 2s ease-out;}
  608.  
  609. #slideShow2 img:hover { -webkit-transition: all 2s ease-out; -moz-transition: all 2s ease-out;}
  610.  
  611. #slideShow4 {margin-top: -4px; margin-bottom: 5px;}
  612.  
  613. #slideShow4 img{width: 335px; height: 435px; margin-top: -4px;}
  614.  
  615.  
  616.  
  617. #slideShowContainer2{ float: left; margin-top: -430px; margin-left: -130px; height: 130px; width:110px; position: fixed; background-color: transparent; border-right: 4px solid #D3D3D3; border-left: 5px solid #D3D3D3; border-top: 5px solid #D3D3D3; border-bottom: 5px solid #D3D3D3; -webkit-transition: all 2s ease-out; -moz-transition: all 2s ease-out;}
  618.  
  619. #slideShowContainer2:hover {; -webkit-transition: all 2s ease-out; -moz-transition: all 2s ease-out; }
  620.  
  621. #slideShow3 {margin-top: 0px; margin-bottom: 5px; -webkit-transition: all 2s ease-out; -moz-transition: all 2s ease-out; overflow: hidden;}
  622.  
  623. #slideShow3 img{width: 350px; height: 409px; margin-left: 0px; opacity: 1; -webkit-transition: all 2s ease-out; -moz-transition: all 2s ease-out;}
  624.  
  625. #slideShow3 img:hover { -webkit-transition: all 2s ease-out; -moz-transition: all 2s ease-out;}
  626.  
  627. #slideShow5 {margin-top: -5px; margin-bottom: 5px;}
  628.  
  629. #slideShow5 img{width: 110px; height: 130px; margin-top: 5px;}
  630.  
  631.  
  632. #slideShowContainer3{ float: left; margin-top: -430px; margin-left: -130px; height: 130px; width:110px; position: fixed; background-color: transparent; border-right: 4px solid #D3D3D3; border-left: 5px solid #D3D3D3; border-top: 5px solid #D3D3D3; border-bottom: 5px solid #D3D3D3; -webkit-transition: all 2s ease-out; -moz-transition: all 2s ease-out;}
  633.  
  634. #slideShowContainer3:hover {; -webkit-transition: all 2s ease-out; -moz-transition: all 2s ease-out; }
  635.  
  636. #slideShow4 {margin-top: 0px; margin-bottom: 5px; -webkit-transition: all 2s ease-out; -moz-transition: all 2s ease-out; overflow: hidden;}
  637.  
  638. #slideShow4 img{width: 350px; height: 409px; margin-left: 0px; opacity: 1; -webkit-transition: all 2s ease-out; -moz-transition: all 2s ease-out;}
  639.  
  640. #slideShow4 img:hover { -webkit-transition: all 2s ease-out; -moz-transition: all 2s ease-out;}
  641.  
  642. #slideShow6 {margin-top: -5px; margin-bottom: 5px;}
  643.  
  644. #slideShow6 img{width: 110px; height: 130px; margin-top: 5px;}
  645.  
  646.  
  647.  
  648.  
  649.  
  650. #sidebar {position: fixed; margin: 0px 0px 0px 560px;}
  651.  
  652.  
  653. #pagin{width:345px; margin-left: -185px; background-color:{color:pag}; margin-top:610px; position: fixed;}.ation{background-color:{color:pag}; margin:0 5px 0 5px; padding:2px; font-size:10px; font-family:verdana; text-align:center; font-weight: bold; text-shadow: 0 1px 1px #fff; text-align:center}
  654.  
  655. #tumblr_controls{position: fixed!important}
  656.  
  657. #credit {float: left; margin-top: 235px; margin-left: -120px; width: 337px; background-color: #FFFFFF; color: #4E4C4C; padding: 4px; font-size: 10px; font-family: Verdana, Geneva, Tahoma, sans-serif; text-align: center; height: 19px; line-height: 18px; position: fixed;}
  658.  
  659. #credit a{font-size: 9px; color:#4E4C4C}
  660.  
  661. </style>
  662.  
  663.  
  664. <body>
  665.  
  666.  
  667. <div id="tudo">
  668. <div id="top">
  669. <div id="sid3">{text:frase}
  670. </div></div>
  671. <div id="sidebar">
  672. <div id="slideShowContainer">
  673. <div id="slideShow2"><div id="slideShow4">
  674. <img src="{image:sidimagem}"/></div>
  675.  
  676. <div id="side"></div>
  677.  
  678.  
  679. <div class="sdescri">{description}
  680. </div>
  681.  
  682. <div id="credit">theme by <a href="http://st0rmtroop3r.tumblr.com"><b>st0rmtroop3r</b></a>. Não copie sáporra crlh.</div></div>
  683.  
  684.  
  685. <div id="bronx"><div class="bronx2"></div></div>
  686. <div id="eiman"><div class="eiman2"></div></div>
  687.  
  688. <div id="foto1"><img src="{image:foto1}" align="center>"/></div>
  689.  
  690. <div id="foto2"><img src="{image:foto2}" align="center>"/></div>
  691.  
  692. <div id="foto3"><img src="{image:foto3}" align="center>"/></div>
  693.  
  694.  
  695. </div>
  696. </div>
  697.  
  698.  
  699. <div id="container">
  700.  
  701. <div id="timg">
  702.  
  703. <img src="{image:giflink3}"></div>
  704.  
  705. <div id="tais">
  706.  
  707. <a href="/"><div style="margin-top: 35px;">home</div></a></div>
  708.  
  709.  
  710.  
  711. <div id="timg1"><img src="{image:giflink2}"></div>
  712.  
  713. <div id="tais2">
  714.  
  715. <a href="{text:Link7}"><div style="margin-top: 35px;">{text:Link7 Title}</div></a></div>
  716.  
  717.  
  718.  
  719. <div id="timg2"><img src="{image:giflink1}"></div>
  720.  
  721. <div id="tais3">
  722.  
  723. <a href="/ask"><div style="margin-top: 35px;">ask me</div></a></div>
  724.  
  725.  
  726.  
  727. <div id="timg3"><img src="{image:giflink4}"></div>
  728.  
  729. <div id="tais4">
  730.  
  731. <a href="{text:Link8}"><div style="margin-top: 35px;">{text:Link8 Title}</div></a></div>
  732.  
  733. {block:Pagination}<div id="pagin"><div class="ation">{block:PreviousPage}<a href="{PreviousPage}">&laquo; </a>{/block:PreviousPage}{/block:Pagination}
  734. {block:JumpPagination length="10"}{block:CurrentPage}{PageNumber} {/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber} </a>{/block:JumpPage}{/block:JumpPagination}{block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}</div></div>{/block:Pagination}
  735. </div></div>
  736.  
  737.  
  738. <div id="ls"> 
  739.  
  740.  
  741. <div class="l1"><div id="backlink"><a href=" ">Links</a>
  742. <div id="linkback">
  743.  
  744. <a href="{text:Link1}">{text:Link1 Title}</a>
  745. <a href="{text:Link2}">{text:Link2 Title}</a>
  746. <a href="{text:Link3}">{text:Link3 Title}</a>
  747. </div>
  748. </div>
  749. </div>
  750.  
  751. <div class="l2"> <div id="backlink"><a href="#">Links</a><div id="linkback">
  752. <a href="{text:Link4}">{text:Link4 Title}</a>
  753. <a href="{text:Link5}">{text:Link5 Title}</a>
  754. <a href="{text:Link6}">{text:Link6 Title}</a>
  755. </div></div>
  756. </div>
  757. </div></div>
  758. </div></div>
  759. </div>
  760.  
  761.  
  762.  
  763.  
  764.  
  765.  
  766.  
  767.  
  768. </div>
  769. </div>
  770. </div>
  771. </div>
  772.  
  773. <div id="content">
  774.  
  775. <div id="entries">
  776.  
  777. {block:Posts}
  778.  
  779. <div id="entry">
  780.  
  781. <div id="post">
  782. {block:Text}
  783. {block:Title}<h1>{Title}</h1>{/block:Title}{Body}
  784. {/block:Text}
  785.  
  786. {block:Photo}
  787. {LinkOpenTag}<div class="image"><img src="{PhotoURL-500}" border="0"></div>{LinkCloseTag}
  788. {/block:Photo}
  789.  
  790. {block:Photoset}
  791. {Photoset-500}
  792. {/block:Photoset}
  793.  
  794. {block:Quote}
  795. <b class="qqmarks">“</b><div class="qquote">{Quote}</div>
  796. {block:Source}<div class="qsource">~ {Source}</div>{/block:Source}
  797. {/block:Quote}
  798.  
  799. {block:Link}
  800. <h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}
  801. {/block:Link}
  802.  
  803. {block:Chat}
  804. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  805. <div class="chat"><ul>{block:Lines}
  806. <li class="person{UserNumber}">{block:Label}
  807. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  808. {/block:Chat}
  809.  
  810. {block:Audio}
  811. {AudioPlayerGrey}
  812. <div class="plcount">{PlayCountWithLabel}</div>
  813. <div class="cap">{block:Caption}{Caption}{/block:Caption}</div>
  814. {/block:Audio}
  815.  
  816. {block:Video}
  817. {Video-500}
  818. {/block:Video}
  819.  
  820. {block:Answer}
  821. <img src="{AskerPortraitURL-48}"><div class="asker"> {Asker} <br><br> {Question}</div>
  822. <div class="answer">{Answer}</div>
  823. <br>
  824. {/block:Answer}
  825.  
  826. <div class="cap">
  827. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  828. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  829. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  830.  
  831. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  832. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  833. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  834. {/block:ContentSource}</div></div>
  835.  
  836.  
  837. <div class="info">{block:IfShowTags}{block:HasTags}<div class="tags">tagged {block:Tags}&nbsp;&nbsp;<a
  838.  
  839. href="{TagURL}">{Tag}&nbsp;&nbsp;</a>{/block:Tags}</div>{/block:HasTags}{/block:IfShowTags}
  840. <div class="origin">{block:RebloggedFrom}via&nbsp;&nbsp;<a href="{ReblogParentURL}"
  841. title="{ReblogParentTitle}">{ReblogParentName}</a>&nbsp;&nbsp;(originally&nbsp;&nbsp;<a href="{ReblogRootURL}"
  842.  
  843. title="{ReblogRootTitle}">{ReblogRootName}</a>){/block:RebloggedFrom}</div></div>
  844.  
  845. <div class="ibottom">{block:Date}<span class="date"><a href="{Permalink}">{TimeAgo}</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} </span>{/block:Date}
  846. {block:NoteCount}<span class="permalink"><a
  847.  
  848. href="{Permalink}" title="permalink to this
  849.  
  850. post"> {NoteCountWithLabel}</a> {block:IndexPage}<a href="{ReblogURL}" target="_blank">+ Reblog</a></span>{/block:IndexPage}{/block:NoteCount}</span>{/block:NoteCount} <br></div>
  851.  
  852. </div>
  853.  
  854. <div id="clear"></div></div>
  855. {/block:Posts}
  856.  
  857. {block:PostNotes}
  858. <div id="notes"><div id="notestext">{PostNotes}</div></div></div>
  859. {/block:PostNotes}
  860.  
  861.  
  862.  
  863.  
  864. </div>
  865. </div>
  866. </div>
  867. </div>
  868.  
  869.  
  870.  
  871. </body>
  872. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!