Advertisement
Mirelalmeida

Theme 3

Nov 10th, 2013
118
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.27 KB | None | 0 0
  1. <html>
  2.  
  3. <!-- THEME BASE DA CAMS DO @html-party, MODIFICADO POR @seutumblr -->
  4. <!-- THEME BASE DA CAMS DO @html-party, MODIFICADO POR @seutumblr -->
  5.  
  6. <!-- THEME BASE FEITO POR 1-POETA-BIPOLAR, MODIFICADO POR EUEUEUE -->
  7.  
  8. <head>
  9. <title>{title}</title>
  10.  
  11. </head>
  12.  
  13. <style>
  14.  
  15. ::-webkit-scrollbar-thumb:vertical {
  16. background-color: #ddd;
  17. height: 50px;
  18. }
  19. ::-webkit-scrollbar-thumb:horizontal {
  20. background-color: #ddd;
  21. height: 10px;
  22. }
  23. ::-webkit-scrollbar {
  24. height: 3px;
  25. width: 13px;
  26. background-color: #ffffff;
  27. }
  28.  
  29. /*** FUNDO DO THEME ***/
  30.  
  31. body{background: #fff url('http://static.tumblr.com/gblsynl/GGRmvcx2f/refloreiobg109.jpg') fixed; color: #FFFFFF; font: 11px 'tahoma';}
  32.  
  33. body, a, a:hover{
  34. cursor: url('http://24.media.tumblr.com/tumblr_mdig6jktic1riysloo1_100.png'), progress;
  35. }
  36.  
  37. /*******efeito by futurasuicida usar ao helpdesigns pegar sem credito vai ter porrada.*** *******/
  38.  
  39. #side {position: fixed; width:280px; margin-left:200px; margin-top:70px; z-index:100: border: 3px solid #000000;}
  40.  
  41. .photo1 {position:absolute; width:130px; padding:0px; background-color:; overflow: hidden; margin-top:50px; border: 3px solid #fffff; z-index: 1;}
  42. .photo1:hover {-webkit-transition: all 1.2s ease-out;-moz-transition: all 1.2s ease-out;}
  43. .photo1 img {display: block;width:240px; height:250px;}
  44. .photo1:hover #descri {margin-top:-253px;opacity: 1; -webkit-transition: all 1.2s ease-out;-moz-transition: all 1.2s ease-out;}
  45.  
  46. #descri {position:fixed; width: 226px; height: 240px; font-size: 9px; font-family:tahoma; margin-left:-3px;margin-top:-370px; padding: 5px;text-align: center;color: #FFFFFF; background:#000; overflow:hidden;border:5px solid #000;opacity: 0; -webkit-transition: all 1.2s ease-out;-moz-transition: all 1.2s ease-out;}/**helpdesigns**/
  47. .question {font-style:italic;
  48. padding:5px;
  49. font-size:12px;
  50. background-color:#f0f0f0;font-family: Consolas;
  51. font-size: 9px; color : #666}
  52.  
  53. .answer {
  54. padding-left:10px;
  55. padding-top:3px;color : #666; font-family: 'pf arma five';font-size:8px;}
  56.  
  57. /*** LINKS ***/
  58.  
  59. a { text-decoration:none; color:#919191;}
  60. a:hover {text-decoration:none; color:#C8C4C4;}
  61.  
  62.  
  63. /*** NEGRITO / ITÁLICO / RISCADO / SUBLINHADO ***/
  64.  
  65. b, strong {color: #919191; text-decoration: none; cursor: pointer;}
  66. s {color: #919191;cursor: pointer;}
  67. i {color: #919191; text-decoration: none;cursor: pointer;}
  68. u, underline {color: #919191; text-decoration: none; border-bottom: 1px dashed #919191 ;cursor: pointer;}
  69.  
  70.  
  71.  
  72. /*** TÍTULOS ***/
  73.  
  74. h1 {font-family: 'georgia'; text-align: left; font-size: 16px; text-transform: none; font-weight: normal; line-height: 18px;}
  75. h1 a {text-align: center; font-size: 16px; text-transform: none; font-weight: normal; line-height: 18px;}
  76. h1 a:hover {text-align: center; font-size: 16px; text-transform: none; font-weight: normal; line-height: 18px;}
  77. h2 {font-weight: none; font-family: 'cambria'; font-size:15px;font-style: italic; margin:0px; padding:0px; margin-bottom:-0px; text-align:left;}
  78.  
  79. #menu {float: left; width: 300px; height:56px; top: 260px; left: 250px; text-align: center; position: fixed; background: none;margin: 1px;color : #666}
  80.  
  81.  
  82.  
  83. /*** FINAL DA IMAGEM HOVER ***/
  84.  
  85. .links {margin-left:-50px; margin-top:140px; padding: 0px; text-align: center; z-index:3; position: fixed;float: left;clear: both; }
  86. .links a {float: left; margin-right: 1px; font-family: Calibri; font-size:10px; margin-bottom:1px; width: 39.5px; background-color: {color:backgroundlinks}; color:{color:linksmenu}; display: block; letter-spacing: 0px; text-decoration: none; text-transform:uppercase; line-height:20px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.6s ease-out; }
  87. .links a:hover{ background-color: {color:hoverdobackgrounddomenu}; opacity: 0.4; border-left; 5px; ;color: {color:hoverdoslinksdomenu}; text-align: center; }
  88. /*** FIM DOS TÍTULOS ***/
  89.  
  90.  
  91.  
  92.  
  93.  
  94.  
  95. /*** POSTS & CAIXAS ***/
  96.  
  97. .side {background: #FFFFFF; color: #000000; margin-bottom: 25px; padding: 5px; width: 130px; top: 260px; left: 210px; text-align: justify; position: fixed; font-family : consolas ;}
  98. .side img{background: #FFFFFF; width: 130px;border-radius: 150px}
  99.  
  100. #postsc { margin-left: 440px;float: left;margin-top: 0px;}
  101.  
  102. .posts {width: 500px; background-color: #fff;padding: 5px; text-align: justify; font-family:'pf arma five'; color: #919191; font-size: 8px;position: relative; border: 1px solid #eee ;margin: 1px;opacity: 0.9;border-radius:0px; }
  103. </style
  104.  
  105.  
  106.  
  107. <body><div class="side">
  108. <img src='http://25.media.tumblr.com/d8e2992d5454811fad6ed229fbea3333/tumblr_mkcj3ngATa1rmt9yeo2_250.jpg'>
  109.  
  110.  
  111.  
  112.  
  113. <center>
  114. <br>
  115. <div id="menu">
  116. <div class="links">
  117. <a href="#">link
  118. </a>
  119. <a href="#">link
  120. </a>
  121. <a href="#">link
  122. </a>
  123. <a href="#">link
  124. </a>
  125. <a href="{text:Link5}">{text:Link5 Title}
  126. </a></div>
  127.  
  128. </a></div>
  129. </nav>
  130.  
  131. </center>
  132.  
  133. <br>
  134.  
  135. <!--paginação-->
  136. <center>1 of 1 <a href="/page/2">»</a></center>
  137.  
  138. </div>
  139.  
  140.  
  141. </div></div>
  142.  
  143. <div id="postsc">
  144. {block:Posts}
  145.  
  146. <!--TEXTOs-->
  147.  
  148. {block:Text}<div class="posts">
  149.  
  150. {block:Title}<h1>{Title}</h1>{/block:Title}
  151.  
  152. <div>{Body}</div>
  153.  
  154. <center>{block:Date} {TimeAgo} | {/block:Date}<a href="{Permalink}">{NoteCount}</a> notes {block:RebloggedFrom}<a href="{ReblogParentURL}">(via)</a>{/block:RebloggedFrom} {block:ContentSource}©<a href="{SourceURL}" target=blank>source</a>{/block:ContentSource} | <a href="{ReblogURL}" target="_blank">reblog this</a></center> </div>{/block:Text}
  155.  
  156.  
  157. <!--PERGUNTAS E MENSAGENS-->
  158.  
  159. {block:Answer}<div class="question">♥♥ <u>{Asker}</u>: {Question} </div> <div class="answer">{Answer}</div>{/block:Answer}
  160.  
  161.  
  162. <!--LINKS-->
  163.  
  164. {block:Link}<div class="posts">
  165.  
  166. <a href="{URL}"><h1><i>{Name}</i></h1></a>
  167.  
  168. {block:Description}{Description}{/block:Description}
  169.  
  170.  
  171. <center>{block:Date} {TimeAgo} | {/block:Date}<a href="{Permalink}">{NoteCount}</a> notes {block:RebloggedFrom}<a href="{ReblogParentURL}">(via)</a>{/block:RebloggedFrom} {block:ContentSource}©<a href="{SourceURL}" target=blank>source</a>{/block:ContentSource} | <a href="{ReblogURL}" target="_blank">reblog this</a></center> </div>{block:Link}
  172.  
  173.  
  174.  
  175. <!--FOTOS-->
  176.  
  177. {block:Photo}<div class="posts">
  178. <center>{LinkOpenTag}<img src="{PhotoURL-400}" title="{PhotoAlt}" />{LinkCloseTag}</center>
  179.  
  180. {block:Caption}{Caption}{/block:Caption}
  181.  
  182. <center>{block:Date} {TimeAgo} | {/block:Date}<a href="{Permalink}">{NoteCount}</a> notes {block:RebloggedFrom}<a href="{ReblogParentURL}">(via)</a>{/block:RebloggedFrom} {block:ContentSource}©<a href="{SourceURL}" target=blank>source</a>{/block:ContentSource} | <a href="{ReblogURL}" target="_blank">reblog this</a></center> </div>{/block:Photo}
  183.  
  184.  
  185.  
  186. <!--FRASES-->
  187.  
  188. {block:Quote}<div class="posts">
  189.  
  190. "{Quote}"
  191. <div style="text-align:right;">{block:Source}<b>{Source}{/block:Source}</b></div></h2>
  192.  
  193.  
  194.  
  195. <center>{block:Date} {TimeAgo} | {/block:Date}<a href="{Permalink}">{NoteCount}</a> notes {block:RebloggedFrom}<a href="{ReblogParentURL}">(via)</a>{/block:RebloggedFrom} {block:ContentSource}©<a href="{SourceURL}" target=blank>source</a>{/block:ContentSource} | <a href="{ReblogURL}" target="_blank">reblog this</a></center> </div>{/block:Quote}
  196.  
  197.  
  198.  
  199. <!--DIALOGOS-->
  200.  
  201. {block:Chat}<div class="posts">
  202.  
  203. {block:Title}<h1>{Title}</h1>{/block:Title}
  204.  
  205.  
  206. {block:Lines}
  207. <tr><br>
  208. {block:Label}<td class="name">{Label}</td>{block:Label}
  209. <td class="words">{Line}</td>
  210. </tr>
  211. {/block:Lines}
  212. <br />
  213.  
  214. <center>{block:Date} {TimeAgo} | {/block:Date}<a href="{Permalink}">{NoteCount}</a> notes {block:RebloggedFrom}<a href="{ReblogParentURL}">(via)</a>{/block:RebloggedFrom} {block:ContentSource}©<a href="{SourceURL}" target=blank>source</a>{/block:ContentSource} | <a href="{ReblogURL}" target="_blank">reblog this</a></center> </div>{/block:Chat}
  215.  
  216.  
  217.  
  218. <!--MUSICAS-->
  219.  
  220. {block:Audio}<div class="posts">
  221.  
  222. <center>{AudioPlayerWhite}</centeR>
  223.  
  224. {block:Caption}{Caption}{/block:Caption}<br />
  225.  
  226.  
  227. <center>{block:Date} {TimeAgo} | {/block:Date}<a href="{Permalink}">{NoteCount}</a> notes {block:RebloggedFrom}<a href="{ReblogParentURL}">(via)</a>{/block:RebloggedFrom} {block:ContentSource}©<a href="{SourceURL}" target=blank>source</a>{/block:ContentSource} | <a href="{ReblogURL}" target="_blank">reblog this</a></center> </div>{/block:Audio}
  228.  
  229.  
  230.  
  231. <!--VIDEOS-->
  232.  
  233. {block:Video}<div class="posts">
  234.  
  235. <center>{Video-500}</center>
  236.  
  237. {block:Caption}{Caption}{/block:Caption}<br />
  238.  
  239. <center>{block:Date} {TimeAgo} | {/block:Date}<a href="{Permalink}">{NoteCount}</a> notes {block:RebloggedFrom}<a href="{ReblogParentURL}">(via)</a>{/block:RebloggedFrom} {block:ContentSource}©<a href="{SourceURL}" target=blank>source</a>{/block:ContentSource} | <a href="{ReblogURL}" target="_blank">reblog this</a></center> </div>{/block:Video}
  240.  
  241.  
  242.  
  243. {/block:Posts}
  244. </div></div></div></div></div></div></div></div></div></div></div></div>
  245. {/block:Posts}
  246.  
  247. <a style="font-size: 10px;border-bottom:1px double #696969; color:; font-family:calibri;position:fixed;bottom:50px;left:8px; opacity:0.5; background: #fff" href="http://iconsthing.tumblr.com/" title="thm by iconsthing, base 1-poeta-bipolar, don't copy ♥"><b> THEME △ </b></a>
  248. </body>
  249.  
  250.  
  251. </html>
  252.  
  253. Ads not by this site
  254. Ads not by this site
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement