Advertisement
Mirelalmeida

Theme 2

Oct 1st, 2013
179
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.70 KB | None | 0 0
  1.  
  2. <html>
  3.  
  4. <!-- THEME BASE DA CAMS DO @html-party, MODIFICADO POR @iconsthing -->
  5. <!-- THEME BASE DA CAMS DO @html-party, MODIFICADO POR @iconsthing -->
  6.  
  7. <!-- THEME BASE FEITO POR 1-POETA-BIPOLAR, MODIFICADO POR Iconsthing -->
  8.  
  9. <head>
  10. <title>{title}</title>
  11.  
  12. <meta name="color:Font" content="#ffff"/>
  13. <meta name="color:menu font" content="#ffff"/>
  14. <meta name="color:description" content="#666"/>
  15. <meta name="color:cor menu" content="#666"/>
  16. <meta name="image:sidebar" content="http://static.tumblr.com/2kilkpl/aCDmtxys0/cats.png"/>
  17.  
  18.  
  19. </head>
  20.  
  21. <style>
  22.  
  23.  
  24.  
  25. ::-webkit-scrollbar-thumb:vertical {
  26. background-color: #ddd;
  27. height: 50px;
  28. }
  29. ::-webkit-scrollbar-thumb:horizontal {
  30. background-color: #ddd;
  31. height: 10px;
  32. }
  33. ::-webkit-scrollbar {
  34. height: 3px;
  35. width: 13px;
  36. background-color: #ffffff;
  37. }
  38.  
  39. /*** FUNDO DO THEME ***/
  40.  
  41. body{background: #fff url('') fixed; color: {color:Font}; font: 11px 'Inconsolata';}
  42.  
  43.  
  44. /*** LINKS ***/
  45.  
  46. a { text-decoration:none; color:#919191;}
  47. a:hover {text-decoration:none; color:#C8C4C4;}
  48.  
  49. #sidebar {
  50.  
  51. color:{color:text};
  52. position:fixed;
  53. width:100px;
  54. height:auto;
  55. margin-top:-18px;
  56. margin-left:-12px;
  57. text-align:left;
  58. }
  59.  
  60. #sidebarimage {
  61. width 180px;
  62. padding: 0px;
  63. }
  64.  
  65. #sidebarimage img {
  66. width:300px;
  67. height:650px;
  68. margin-bottom:0px;
  69. margin-left:-7px;
  70. padding:10px;
  71. padding-right:140px;
  72. background:{color:sb images bg};
  73.  
  74. }
  75.  
  76. {CustomCSS}
  77. body, a, a:hover {cursor: url("http://static.tumblr.com/lnej02q/M10mhrj2k/branco.txt"), default !important;}
  78.  
  79.  
  80. /*** NEGRITO / ITÁLICO / RISCADO / SUBLINHADO ***/
  81.  
  82. b, strong {color: #919191; text-decoration: none; cursor: pointer;}
  83. s {color: #919191;cursor: pointer;}
  84. i {color: #919191; text-decoration: none;cursor: pointer;}
  85. u, underline {color: #919191; text-decoration: none; border-bottom: 1px dashed #919191 ;cursor: pointer;}
  86.  
  87. /*** TÍTULOS ***/
  88.  
  89. h1 {font-family: 'georgia'; text-align: left; font-size: 16px; text-transform: none; font-weight: normal; line-height: 18px;}
  90. h1 a {text-align: center; font-size: 16px; text-transform: none; font-weight: normal; line-height: 18px;}
  91. h1 a:hover {text-align: center; font-size: 16px; text-transform: none; font-weight: normal; line-height: 18px;}
  92. h2 {font-weight: none; font-family: 'cambria'; font-size:15px;font-style: italic; margin:0px; padding:0px; margin-bottom:-0px; text-align:left;}
  93.  
  94. /*** FIM DOS TÍTULOS ***/
  95.  
  96. /*** POSTS & CAIXAS ***/
  97.  
  98.  
  99.  
  100. #postsc { margin-left: 400px;float: left;margin-top: 0px;}
  101.  
  102. .posts {width: 600px; background-color: #fff;padding: 2px; text-align: justify; font-family: cambria; color: {color:post}; font-size: 13px;position: relative; border: 1px solid #eee ;margin: 2px;opacity: 0.9;border-radius:5px; }
  103.  
  104.  
  105. /**ask por conjugad-a (kah) **/
  106.  
  107. #pergunta a {color:#9c9c9c;}
  108.  
  109. .pergunta {background: #f0f0f0;text-align: justify; padding: 10px; margin-bottom: 5px; margin-left: 40px; margin-right: auto; -webkit-border-top-right-radius: 100px; -webkit-border-bottom-right-radius: 100px;}
  110.  
  111. .pergunta a {color: #000}
  112.  
  113. .pergunta g {color: #000;}
  114.  
  115. .iconeask {float: left; margin-right: 2px; margin-bottom: 3px; border:2px solid #f0f0f0;}
  116.  
  117. .divisoria {display: block; margin-top: 4px; margin-bottom: 4px;}
  118.  
  119. div.treme img{position:relative}
  120.  
  121. /** fim do código **/
  122.  
  123.  
  124. /***IMAGEM HOVER SIMONE (CEREJADOSUNDAE)***/
  125.  
  126. .imageside { margin-bottom:2px;margin-top:0px; }
  127.  
  128. .imageside img {background:#fff;width:325px; height:670px;align:center;border: 5px solid #fff;}
  129. .imageside .descrip {-webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; width:218px;height:auto;margin-top:-320px;color:#000; opacity: 63;}
  130. .imageside:hover .descrip {margin-left:55px;margin-top:-300px;opacity: 0.99;margin-bottom:25px; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
  131.  
  132. /** Menu SM**/
  133.  
  134. .nav {background: {color:cor menu}; display: inline-block; padding: 3px; text-align: center; line-height:12px;height:13px; color: {color:menu font}; width:97px; float: left; margin:1px 1px 1px 1px; font-family: consolas; font-size:9px; !important;text-decoration: none; letter-spacing: 0.10em; -webkit-transition-duration: .90s;border-left: 3px double #333;text-transform:uppercase;}
  135. .nav:hover {background:#d6d6d6;display: inline-block; text-align: center; color:#000; -webkit-transition-duration: .90s;border-left: 3px double #aaa;menu-align:left}
  136.  
  137. #description {
  138. position:fixed;
  139. width:203px;
  140. font-family:leelawadee;
  141. margin-top:70px;
  142. margin-left:66px;
  143. text-align:justify;
  144. font-size:9px;
  145. color: {color:description};
  146. letter-spacing:0px;
  147. line-height:140%;
  148. -moz-transition-duration:1s;
  149. -webkit-transition-duration:1s;
  150. -o-transition-duration:1s;
  151. }
  152.  
  153. </style>
  154.  
  155.  
  156.  
  157. <div id="sidebar">
  158.  
  159.  
  160. <div class="imageside"><img src="{image:sidebar}"/><center>
  161.  
  162. <div class="descrip">
  163. <div class="nav">Nome do link</div></a><a href="http://seulink">
  164. <div class="nav">Nome do link</div></a><a href="http://seulink">
  165. <div class="nav">Nome do link</div></a><a href="http://seulink">
  166. <div class="nav">Nome do link</div></a><a href="http://seulink">
  167. <div class="nav">Nome do link</div></a>
  168. <a href="http://seulink"><div class="nav">Nome do link</div></a></div></div>
  169. <div id="description">
  170. {Description}
  171.  
  172.  
  173.  
  174. </div></div>
  175.  
  176. <div id="postsc">
  177. {block:Posts}
  178.  
  179. <!--TEXTOs-->
  180.  
  181. {block:Text}<div class="posts">
  182.  
  183. {block:Title}<h1>{Title}</h1>{/block:Title}
  184.  
  185. <div>{Body}</div>
  186.  
  187. <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}
  188.  
  189.  
  190. <!--PERGUNTAS E MENSAGENS-->
  191.  
  192. {block:Answer} <div class="treme"> <img src="{AskerPortraitURL-30}" class="iconeask"></div>
  193.  
  194. <div id ="pergunta"class="pergunta"><b>{Asker} says:</b> {Question}</div>
  195.  
  196. <div class="divisoria"></div>
  197.  
  198. {Answer}
  199.  
  200.  
  201. {/block:Answer}
  202.  
  203.  
  204. <!--LINKS-->
  205.  
  206. {block:Link}<div class="posts">
  207.  
  208. <a href="{URL}"><h1><i>{Name}</i></h1></a>
  209.  
  210. {block:Description}{Description}{/block:Description}
  211.  
  212.  
  213. <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}
  214.  
  215.  
  216.  
  217. <!--FOTOS-->
  218.  
  219. {block:Photo}<div class="posts">
  220. <center>{LinkOpenTag}<img src="{PhotoURL-400}" title="{PhotoAlt}" />{LinkCloseTag}</center>
  221.  
  222. {block:Caption}{Caption}{/block:Caption}
  223.  
  224. <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}
  225.  
  226.  
  227.  
  228. <!--FRASES-->
  229.  
  230. {block:Quote}<div class="posts">
  231.  
  232. "{Quote}"
  233. <div style="text-align:right;">{block:Source}<b>{Source}{/block:Source}</b></div></h2>
  234.  
  235.  
  236.  
  237. <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}
  238.  
  239.  
  240.  
  241. <!--DIALOGOS-->
  242.  
  243. {block:Chat}<div class="posts">
  244.  
  245. {block:Title}<h1>{Title}</h1>{/block:Title}
  246.  
  247.  
  248. {block:Lines}
  249. <tr><br>
  250. {block:Label}<td class="name">{Label}</td>{block:Label}
  251. <td class="words">{Line}</td>
  252. </tr>
  253. {/block:Lines}
  254. <br />
  255.  
  256. <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}
  257.  
  258.  
  259.  
  260. <!--MUSICAS-->
  261.  
  262. {block:Audio}<div class="posts">
  263.  
  264. <center>{AudioPlayerWhite}</centeR>
  265.  
  266. {block:Caption}{Caption}{/block:Caption}<br />
  267.  
  268.  
  269. <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}
  270.  
  271.  
  272.  
  273. <!--VIDEOS-->
  274.  
  275. {block:Video}<div class="posts">
  276.  
  277. <center>{Video-500}</center>
  278.  
  279. {block:Caption}{Caption}{/block:Caption}<br />
  280.  
  281. <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}
  282.  
  283.  
  284.  
  285. {/block:Posts}
  286. </div></div></div></div></div></div></div></div></div></div></div></div>
  287. {/block:Posts}
  288.  
  289. <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>
  290. </body>
  291.  
  292.  
  293. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement