API tools faq
paste
Advertisement
My-big-mess-themes

Theme 8

My-big-mess-themes
Oct 27th, 2012
564
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.64 KB | None | 0 0
raw download clone embed print report
  1. <!DESENVOLVIDO POR MY BIG MESS- THEME BASE POR HAVING THEMES !>
  2.  
  3. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  4.  
  5. <html>
  6.  
  7. <head>
  8.  
  9. <script type="text/javascript" src="http://proto.jp/js/tumblrAutoPager.js"></script>
  10.  
  11. <link rel="shortcut icon" href="{Favicon}"><title>{Title}</title>
  12.  
  13. <meta name="color:scrollbar" content="#f5f5f5" />
  14.  
  15. <link rel="stylesheet" href="http://static.tumblr.com/mpornxv/oTzlov58o/lavalamp_test.css" type="text/css" media="screen">
  16.  
  17. <script type="text/javascript" src="http://static.tumblr.com/mpornxv/BnLlov3e2/jquery-1.1.3.1.min.js"></script>
  18.  
  19. <script type="text/javascript" src="http://static.tumblr.com/mpornxv/n3hlov3c1/jquery.easing.min.js"></script>
  20.  
  21. <script type="text/javascript" src="http://static.tumblr.com/mpornxv/Mwklov3cl/jquery.lavalamp.js"></script>
  22. <script type="text/javascript">
  23. $(function() {
  24. $(".lavaLamp").lavaLamp({
  25. fx: "backout", speed: 700 })
  26. });
  27.  
  28. </script>
  29.  
  30. <style>
  31.  
  32. /*** body ***/
  33. body {font-family: georgia;
  34. font-size: 11px;
  35. color: #555;
  36. background: #f5f5f5;
  37. text-align: justify;
  38. margin-top: 80px;
  39. background-attachment:fixed;}
  40. /*** títulos ***/
  41.  
  42. h1 {font-family: georgia; text-align: center;font-style: italic; font-size: 16px; text-transform: none; color: #000; font-weight: normal; line-height: 18px;}
  43.  
  44. h2 {color:#CD8C95; font-family: georgia;font-style: italic; font-size:16px; line-height:25px; font-weight:normal; margin:0px; padding:0px; margin-bottom:-0px; text-align:center; letter-spacing: 1px; margin-left: -5px;}
  45.  
  46. h3 { font-family: georgia;font-style: italic; text-align: center; font-size: 16px; text-transform: none; color: #fff; font-weight: normal; line-height: 18px;}
  47.  
  48. /*** tags ***/
  49.  
  50. .tags {color: #787366;font-size: 11px;padding: 3px 4px;text-align:right;border-bottom:1px solid #eae5f3; font-family: tahoma;}
  51.  
  52. /*** divs id ***/
  53.  
  54. #total {width: 725px;margin-right: auto; margin-left: auto;margin-top: auto; margin-bottom:auto; }
  55.  
  56. #posts {margin: auto;float:right;position: relative;width: 500px;text-align: justify;}
  57.  
  58. #posts2 {margin: auto;float:right;position: relative;width: 520px;text-align: justify;font-family: tahoma; font-size: 11px;}
  59.  
  60. #sidebar {margin: auto;float:left;position: fixed;width: 200px;text-align: justify;font-family: georgia; font-size: 11px;}
  61.  
  62. /*** scrollbar ***/
  63.  
  64. ::-webkit-scrollbar{width:7px;height:0px;}
  65. ::-webkit-scrollbar-button:start:decrement
  66. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  67. ::-webkit-scrollbar-track-piece{background-color: #eee; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  68. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: {color:scrollbar};-webkit-border-radius:px;}
  69. ::-webkit-scrollbar-thumb:horizontal{width:0px; background-color: {color:sidebar};-webkit-border-radius:px;}
  70.  
  71. /*** personalizacao de cores ***/
  72.  
  73. strong,b {color:#CD919E; text-decoration:none; font-weight:bold;}
  74. i,em {color:#CD919E;}
  75. u {color:#CD919E; text-decoration:none; border-bottom:1px dashed #CD919E;}
  76. strike,s {color: #CD919E;}
  77.  
  78. /*** links ***/
  79.  
  80. a{color:#CD919E; text-decoration: none; -webkit-transition-duration: .90s;}
  81. a:hover{color:#c4c4c4;}
  82.  
  83. /*** blockquote ***/
  84.  
  85. blockquote {
  86. border-left: 3px solid #CD919E;
  87. padding: 2px 2px 2px 8px;
  88. margin: 3px;
  89. line-height: 17px;
  90. background: #fff;}
  91.  
  92. /*** caixas ***/
  93.  
  94. .caixa {background-color: #fff;
  95. margin: 0 0px 10px 0;
  96. padding: 10px;}
  97.  
  98. .caixa2 {background: #fff;
  99. margin: 0 0px 10px 0;
  100. padding: 10px;
  101. color: #555; font-style: italic;}
  102.  
  103. .caixa3 { background-color: #fff;
  104. margin: 0 0px 10px 0;
  105. padding: 10px;
  106. color: #111;
  107. opacity: 0.9;}
  108.  
  109. /*** selecao colorida ***/
  110.  
  111. ::-moz-selection
  112. {color: #fff;
  113. background: #CD919E;}
  114.  
  115. ::selection
  116. {color: #fff;
  117. background: #CD919E;}
  118.  
  119.  
  120. /*** menu ***/
  121.  
  122. #navu {width: 50px; float: right; position: fixed; top: 30px; margin: 0px 0 0 -50px;}
  123.  
  124. .menu {font-family: Tahoma; width: 60px; float: left; background: #F8DDF0; padding: 5px; text-align: center; margin: 0px; font-size: 08pt; color: #fff;}
  125.  
  126. .menu:hover {font-family: Tahoma; width: 40px; float: left; background: #F8DDF0; padding: 5px; text-align: center; margin: 0px; font-size: 08pt; color: #fff;}
  127.  
  128. .menutopoilh {left:auto; top:0px; position:fixed; width:450px; background:transparent; height:auto; position: fixed!important;z-index:100;}
  129.  
  130. /* Menu Lavalamp códigos por by WWW.COISINHASMIL.COM tutorial por FRANKEYNESM.TUMBLR.COM*/
  131.  
  132. .lavaLamp {position: relative;height: 22px; width: 200px;background:#CD8C95;padding: 10px; margin: 2px 0;overflow: hidden;}
  133.  
  134. .lavaLamp li {float: left;list-style: none;}
  135.  
  136. .lavaLamp li.back {background:#8B3A62;width: 9px; height: 30px;z-index: 8;position: absolute;border-radius: 30px;-webkit-border-radius: 30px; -moz-border-radius: 30px;}
  137.  
  138. .lavaLamp li.back .left {background:#8B3A62;height: 30px;margin-right: 9px;border-radius: 30px;-webkit-border-radius: 30px; -moz-border-radius: 30px;}
  139.  
  140. .lavaLamp li a {position: relative; overflow: hidden;text-decoration: none;text-transform: uppercase;outline: none;text-align: center;height: 30px; top: 7px;z-index: 10; letter-spacing: 0;float: left; display: block;margin: auto 10px; font-family:verdana; font-size:11px; color:#fff;text-align: center;overflow: hidden; }
  141.  
  142. .lavaLamp li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {color:#000;border: none;}
  143.  
  144. /*** wishlist ***/
  145.  
  146. .wishlist { display: block; background-color: transparent; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eee; padding-top: 1px; padding-bottom: 1px; padding-right: 2px; padding-left: 2px; margin-right: 2px; }
  147.  
  148. /*** Ask ***/
  149.  
  150. .bubble {align:right;background: #eee; margin:7px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;opacity: 0.9;}
  151. .bubble p {margin:1px 0px;}
  152. .bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #eee;opacity: 0.9;}
  153. .askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: #eee}
  154. .askborder:hover {float: left;margin: 1px 4px 0 0;padding: 2px; background: #eee}
  155.  
  156. /*** Borda ****/
  157.  
  158. .oiborder {float: left;margin: 1px 4px 0 0;padding: 4px; background: #eee; border: none;
  159. margin: 1px;
  160. filter: alpha(opacity=75);
  161. moz-opacity:.80;
  162. opacity:.80 ;
  163. -webkit-transition-duration: .50s;
  164. }
  165.  
  166. .oiborder:hover {float: left;margin: 1px 4px 0 0;padding: 4px; background: #c4c4c4; border: none;
  167. margin: 1px;
  168. filter: alpha(opacity=100);
  169. moz-opacity:1.0;
  170. opacity:1.0;
  171. }
  172.  
  173. .borda {display: block; margin-left: auto; margin-right: auto; padding: 6px; text-align: center; background: #eee;}
  174.  
  175. /*** Paginação by madlyluv.com ***/
  176. #paginacaoml {font-family: georgia; font-size: 11px; font-weight: bold; line-height: 21px; ;}
  177. #paginacaoml a {background: ; margin: 0 1px 0 0; padding: 2px 4px; color: #555; text-decoration: none;}
  178. #paginacaoml a:hover {background: #CD919E; border: none;}
  179. #paginacaoml span.pagina_atual {background: ; margin: 0 1px 0 0; padding: 2px 4px; color: #555; text-decoration: none;}
  180. #paginacaoml span.info {background: ; margin: 0 1px 0 0; padding: 2px 4px; color: #696969; text-decoration: none;}
  181.  
  182. /*** Posts juntos ***/
  183.  
  184. .caixabranca {background-color: #fff;
  185. margin: 0 0px 5px 0;
  186. padding: 0px;color:#555;
  187. -moz-box-shadow: 0 0 1em #eee; -webkit-box-shadow: 0 0 1em #eee; box-shadow: 0 0 1em #eee;-webkit-border-radius: 10px;
  188. -moz-border-radius: 10px;
  189.  
  190. /*** Info ***/
  191.  
  192. #info {text-align: right; font-size: 9px; font-family: verdana; text-transform: lowercase; z-index: 11px;}
  193. #info a {font-size: 9px;}
  194.  
  195. /*** Quote ***/
  196.  
  197. .pquote {font-family: georgia; text-align: center; font-size: 13px; line-height: 14px; padding: 3px;}
  198. .pquotesource {text-align: right; text-transform: none; margin-bottom: 5px;}
  199. .pquotesource a, a:hover{text-transform: none;}
  200.  
  201. </style>
  202.  
  203. </head>
  204.  
  205. <body>
  206.  
  207. <div style="position: fixed; left: 0px; top: 0px; z-index: 4; height:50px; background: #CD8C95; width: 100%;"><h3>{Title}</h3></div>
  208. <div style="position: fixed; left: 0px; top: 50px; z-index: 4; height:3px; background: #fff; width: 100%;"></div>
  209.  
  210. <div id="total">
  211.  
  212. <div id="sidebar">
  213.  
  214. <div class="caixa2">
  215. <img src="http://static.tumblr.com/olvztry/4Y7mcjw2q/tumblr_mch53ymzw71rwi3sd.png" width="180" class="border"><br>
  216. "Eu sou uma eterna <b>apaixonada</b> por palavras. <u>Música</u>. E pessoas inteiras. Não me importa seu sobrenome, onde você nasceu, quanto carrega no bolso. Pessoas vazias são chatas e me dão sono. Gosto de quem mete a cara, arrisca o verso, <u>desafia a vida</u>. Eu sou criança. E vou crescer assim. Gosto de <i>abraçar</i> apertado, sentir alegria inteira, inventar mundos, inventar amores. O simples me faz rir, o complicado me aborrece".
  217. </div>
  218.  
  219. <div id="paginacaoml">
  220. <center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination} {block:JumpPagination length="10"} {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/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}{/block:Pagination}
  221. </center>
  222.  
  223. </div>
  224.  
  225. </div>
  226.  
  227. <div id="ilh">
  228.  
  229. <div class="menutopoilh"><ul class="lavaLamp">
  230.  
  231. <li><a href="LINK">LINK</a></li>
  232.  
  233. <li><a href="LINK">Link</a></li>
  234.  
  235. <li><a href="LINK">Link</a></li>
  236.  
  237. <li><a href="LINK">Link</a></li>
  238.  
  239. <li><a href="LINK">Link</a></li>
  240.  
  241. <li><a href="LINK">Link</a></li>
  242.  
  243. <li><a href="LINK">Link</a></li>
  244.  
  245. <li><a href="LINK">Link</a></li>
  246.  
  247. </ul></div>
  248. <div id="posts">
  249.  
  250. {block:Posts}
  251.  
  252. <div class="caixa">
  253.  
  254. <!--TEXT POSTS-->
  255.  
  256. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}<div>{Body}</div>
  257. {block:PostNotes}<br />{PostNotes}{/block:PostNotes}{/block:Text}
  258.  
  259. <!--ASK POSTS-->
  260.  
  261. {block:Answer}<img src="{AskerPortraitURL-48}" align="left" class="askborder"><div class="bubble"><span></span>{Asker}: {Question}&nbsp;</div><center>{Answer}</center>{block:PostNotes}<br />{PostNotes}{/block:PostNotes}
  262. {/block:Answer}
  263.  
  264. <!--LINK POSTS-->
  265.  
  266. {block:Link}<h1>{Name}</h1>{block:Description}{Description}{/block:Description}{block:PostNotes}<br />{PostNotes}{/block:PostNotes}{block:Link}
  267.  
  268. <!--PHOTO POSTS-->
  269.  
  270. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" title="{PhotoAlt}" class="border" width="100%" />{LinkCloseTag}</center><br />{block:Caption}{Caption}{/block:Caption}<br />{/block:Photo}
  271.  
  272. <!--QUOTE POSTS-->
  273.  
  274. {block:Quote}<h1>"{Quote}"</h1>{block:Source}<div class="pquotesource"> ~ {Source}</div>{/block:Source}{block:PostNotes}<br />{PostNotes}{/block:PostNotes}{/block:Quote}
  275.  
  276. <!--CHAT POSTS-->
  277.  
  278. {block:Chat}{block:Title}<a href="{Permalink}" class="title">{Title}</a>{/block:Title}<table>{block:Lines}<tr>{block:Label}<td class="name">{Label}</td>{block:Label}<td class="words">{Line}</td></tr>{/block:Lines}</table><br />{block:PostNotes}<br />{PostNotes}{/block:PostNotes}{/block:Chat}
  279.  
  280. <!--AUDIO POSTS-->
  281.  
  282. {block:Audio}<div style="float:right; margin-top: 6px;"><i>Música ouvida {PlayCount} vezes</i> {block:ExternalAudio}(<a href="{ExternalAudioURL}">download!</a>){/block:ExternalAudio}</div><center>{AudioPlayerBlack}</center>{block:Caption}{Caption}{/block:Caption}<br />{block:PostNotes}<br />{PostNotes}{/block:PostNotes}{/block:Audio}
  283.  
  284. <!--VIDEO POSTS-->
  285.  
  286. {block:Video}<center>{Video-500}</center>{block:Caption}{Caption}{/block:Caption}<br />{block:PostNotes}<br />{PostNotes}{/block:PostNotes}{block:Video}
  287.  
  288. <!--- TAGS E DATAS --->
  289.  
  290. <div id="info">
  291. {block:Date}<div class="tags">{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}<br>{/block:HasTags}</div>
  292. <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount} · <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {block:IndexPage} · <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}
  293. {block:RebloggedFrom}<br>originally <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>{/block:RebloggedFrom}{block:RebloggedFrom} · via <a href="{ReblogParentURL}">{ReblogParentName}</a>
  294. {/block:RebloggedFrom}
  295.  
  296. </div>{/block:Date}</div>{/block:Posts}</div></div></div>
  297.  
  298. <!-- FALSO IFRAME -->
  299.  
  300. <div id="02" style="display:none">
  301. <div id="posts2">
  302. <div class="caixa">
  303. <h2>Créditos</h2>
  304. <br>
  305. <div class="wishlist">Desenvolvimento do theme - <a href="http://my-big-mess.tumblr.com/">My big mess</a></div>
  306. <div class="wishlist">Base do theme e alguns tutoriais - <a href="http://havingthemes.tumblr.com">Having Themes</a></div>
  307. <div class="wishlist">Menu falso i-frame - <a href="http://ilovehtml-things.blogspot.com.br">I love HTML</a></div>
  308. <div class="wishlist">Alguns códigos e fundo do theme - <a href="http://umapequenapoeta.tumblr.com">Uma pequena poeta</a></div>
  309. <div class="wishlist">Ask de balãozinho - <a href="http://biibis.tumblr.com/">Biibis</a></div>
  310. <br>
  311. <center>© Não retire os créditos e nem copie o CSS. Plágio é crime de violação de direitos autorais <i>– artigo 184 no Código Penal Brasileiro –</i></center>
  312.  
  313. </div>
  314.  
  315. <div class="caixa">
  316. <h2>Following</h2>
  317.  
  318. <br>
  319.  
  320. {block:Following}
  321. {block:Followed}
  322. <a title="{FollowedTitle}" target=_blank" href="{FollowedURL}"><img src="{FollowedPortraitURL-30}"alt="{FollowedURL}" style="border: 5px solid #eee" class="opacidade"/></a>
  323. {/block:Followed}
  324. {/block:Following}</center>
  325.  
  326. </div></div></div></div>
  327.  
  328. </body>
  329.  
  330. </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!