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

Theme 3

My-big-mess-themes
Oct 23rd, 2012
234
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.05 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. <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_m58ysjCnDu1rqpuwv.gif"> <title>{Title}</title>
  10.  
  11. <meta name="color:scrollbar" content="#f5f5f5" />
  12.  
  13. <style>
  14.  
  15. /*** body ***/
  16. body {font-family: georgia;
  17. font-size: 11px;
  18. color: #555;
  19. background: #fff;
  20. text-align: justify;
  21. margin-top: 0px;
  22. background-attachment:fixed;}
  23. /*** títulos ***/
  24.  
  25. h1 {font-family: georgia; text-align: center; font-size: 16px; text-transform: none; color: #000; font-weight: normal; line-height: 18px;}
  26.  
  27. h2 {color:#000; 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;border-bottom:1px solid #555;}
  28.  
  29. h3 { font-family: georgia;font-style: italic; text-align: center; font-size: 16px; text-transform: none; color: #fff; font-weight: normal; line-height: 18px;}
  30.  
  31. /*** tags ***/
  32.  
  33. .tags {color: #787366;font-size: 11px;padding: 3px 4px;text-align:right;border-bottom:1px solid #eae5f3; font-family: tahoma;}
  34.  
  35. /*** divs id ***/
  36.  
  37. #total {width: 795px;margin-right: auto; margin-left: auto;margin-top: auto; margin-bottom:auto; }
  38.  
  39. #posts {margin: auto;float:right;position: relative;width: 520px;text-align: justify;margin-top: 0px;}
  40.  
  41. #posts2 {margin: auto;float:right;position: relative;width: 520px;text-align: justify;font-family: tahoma; font-size: 11px;}
  42.  
  43. #sidebar {margin: auto;float:left;position: fixed;width: 250px;text-align: justify;font-family: georgia; font-size: 11px;}
  44.  
  45. /*** scrollbar ***/
  46.  
  47. ::-webkit-scrollbar{width:7px;height:0px;}
  48. ::-webkit-scrollbar-button:start:decrement
  49. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  50. ::-webkit-scrollbar-track-piece{background-color: #fff; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  51. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: {color:scrollbar};-webkit-border-radius:px;}
  52. ::-webkit-scrollbar-thumb:horizontal{width:0px; background-color: {color:sidebar};-webkit-border-radius:px;}
  53.  
  54. /*** personalizacao de cores ***/
  55.  
  56. strong,b {color:#b06562; text-decoration:none; font-weight:bold;}
  57. i,em {color:#b06562;}
  58. u {color:#b06562; text-decoration:none; border-bottom:1px dashed #b06562;}
  59. strike,s {color: #b06562;}
  60.  
  61. /*** links ***/
  62.  
  63. a{color:#b06562; text-decoration: none; -webkit-transition-duration: .90s;}
  64. a:hover{color:#c4c4c4;}
  65.  
  66. /*** blockquote ***/
  67.  
  68. blockquote {
  69. border-left: 3px solid #b06562;
  70. padding: 2px 2px 2px 8px;
  71. margin: 3px;
  72. line-height: 17px;
  73. background: #fff;
  74. }
  75.  
  76. /*** caixas ***/
  77.  
  78. .caixa {background-color: #fff;
  79. margin: 0 0px 10px 0;
  80. padding: 10px;}
  81.  
  82. .caixa2 {background-image: url('http://static.tumblr.com/olvztry/YOTmc7n2t/tumblr_mc2gzuntap1rpx6t0.jpg');
  83. margin: 0 0px 10px 0;
  84. padding: 10px;
  85. color: #fff}
  86.  
  87. .caixa3 { background-color: #fff;
  88. margin: 0 0px 10px 0;
  89. padding: 10px;
  90. color: #111;
  91. opacity: 0.5;}
  92.  
  93. /*** selecao colorida ***/
  94.  
  95. ::-moz-selection
  96. {color: #fff;
  97. background: #b06562;}
  98.  
  99. ::selection
  100. {color: #fff;
  101. background: #b06562;}
  102.  
  103.  
  104. /*** menu ***/
  105.  
  106. #navu {width: 50px; float: right; position: fixed; top: 30px; margin: 0px 0 0 -50px;}
  107.  
  108. .menu {font-family: Tahoma; width: 225px; float: left; background:#fff; padding: 1px; text-align: center; margin: 1px; font-size: 08pt; color: #555;-webkit-transition> opacity 0.7s linear; -webkit-transition: all 0.4s ease-out;opacity: 0.9;}
  109.  
  110. .menu:hover {font-family: Tahoma; width: 225px; float: right; background: #000; padding: 1px; text-align: center; margin: 1px; font-size: 08pt; color: #fff;}
  111.  
  112. .menutopoilh {left:auto; top:0px; position:fixed; width:450px;background:transparent; height:auto; position: fixed!important;z-index:100;}
  113.  
  114. /*** wishlist ***/
  115.  
  116. .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; }
  117.  
  118. /*** Ask ***/
  119.  
  120. .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;}
  121. .bubble p {margin:1px 0px;}
  122. .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;}
  123. .askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: #eee}
  124. .askborder:hover {float: left;margin: 1px 4px 0 0;padding: 2px; background: #eee}
  125.  
  126. /*** Borda ****/
  127.  
  128. .oiborder {float: left;margin: 1px 4px 0 0;padding: 4px; background: #fff}
  129.  
  130. .oiborder:hover {float: left;margin: 1px 4px 0 0;padding: 4px; background: #555}
  131.  
  132. /*** Paginação ***/
  133. #paginacaoml {font-size: 18px; font-weight: bold; line-height: 21px; ;}
  134. .pagination{font-size: 18px; margin-top: 5px; text-align: center; width: 100px; float: right; clear:both }
  135.  
  136. /*** Posts juntos ***/
  137.  
  138. .caixabranca {background-color: #fff;
  139. margin: 0 0px 5px 0;
  140. padding: 0px;color:#555;
  141. -moz-box-shadow: 0 0 1em #eee; -webkit-box-shadow: 0 0 1em #eee; box-shadow: 0 0 1em #eee;-webkit-border-radius: 10px;
  142. -moz-border-radius: 10px;
  143.  
  144. /*** Info ***/
  145.  
  146. #info {text-align: right; font-size: 9px; font-family: verdana; text-transform: lowercase; z-index: 11px;}
  147. #info a {font-size: 9px;}
  148.  
  149. /*** Quote ***/
  150.  
  151. .pquote {font-family: georgia; text-align: center; font-size: 13px; line-height: 14px; padding: 3px;}
  152. .pquotesource {text-align: right; text-transform: none; margin-bottom: 5px;}
  153. .pquotesource a, a:hover{text-transform: none;}
  154.  
  155. </style>
  156.  
  157. </head>
  158.  
  159. <body>
  160.  
  161. <div id="total">
  162. <div id="sidebar">
  163. <div class="caixa2">
  164. <br><h3>{title}</h3>
  165. <img src="http://static.tumblr.com/olvztry/al3mc728z/tumblr_mbl5o3tdk91qlmbgno1_500.png" align="right" width="222" class="oiborder"><br><br><br><br>
  166. {description}
  167. <script type="text/javascript">
  168. function changeNavigation(id) {document.getElementById('ilh').innerHTML=document.getElementById(id).innerHTML}
  169. </script>
  170. <a href="/" title="Voltar aos posts" class="menu">Home</a>
  171. <span onClick="changeNavigation('02')" title="Créditos e seguidores" class="menu">Créditos</span>
  172. <center><a href="/ask" title="Pergunte" class="menu">Ask</a>
  173. <a href="SEULINK" title="NOMEDOLINK" class="menu">Link</a>
  174. <br><br><br><br><br>
  175. <center><br>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" ><big><big><big><big><big>«</big></big></big></big></big></a>{/block:PreviousPage}{/block:Pagination}
  176. {block:Pagination}{block:NextPage}<a href="{NextPage}" ><big><big><big><big><big>»</big></big></big></big></big></a>{/block:NextPage}{/block:Pagination}<br>
  177. </center>
  178. <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
  179. </div></div>
  180.  
  181. <div id="ilh">
  182.  
  183. <div id="posts">
  184. {block:Posts}
  185.  
  186. <div class="caixa">
  187.  
  188. <!--TEXT POSTS-->
  189.  
  190. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}<div>{Body}</div>
  191. {block:PostNotes}<br />{PostNotes}{/block:PostNotes}{/block:Text}
  192.  
  193. <!--ASK POSTS-->
  194.  
  195. {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}
  196. {/block:Answer}
  197.  
  198. <!--LINK POSTS-->
  199.  
  200. {block:Link}<h1>{Name}</h1>{block:Description}{Description}{/block:Description}{block:PostNotes}<br />{PostNotes}{/block:PostNotes}{block:Link}
  201.  
  202. <!--PHOTO POSTS-->
  203.  
  204. {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}
  205.  
  206. <!--QUOTE POSTS-->
  207.  
  208. {block:Quote}<h1>"{Quote}"</h1>{block:Source}<div class="pquotesource"> ~ {Source}</div>{/block:Source}{block:PostNotes}<br />{PostNotes}{/block:PostNotes}{/block:Quote}
  209.  
  210. <!--CHAT POSTS-->
  211.  
  212. {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}
  213.  
  214. <!--AUDIO POSTS-->
  215.  
  216. {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}
  217.  
  218. <!--VIDEO POSTS-->
  219.  
  220. {block:Video}<center>{Video-500}</center>{block:Caption}{Caption}{/block:Caption}<br />{block:PostNotes}<br />{PostNotes}{/block:PostNotes}{block:Video}
  221.  
  222. <!--- TAGS E DATAS --->
  223.  
  224. <div id="info">
  225. {block:Date}<div class="tags">{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}<br>{/block:HasTags}</div>
  226. <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}
  227. {block:RebloggedFrom}<br>originally <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>{/block:RebloggedFrom}{block:RebloggedFrom} · via <a href="{ReblogParentURL}">{ReblogParentName}</a>
  228. {/block:RebloggedFrom}
  229.  
  230. </div>{/block:Date}</div>{/block:Posts}</div></div></div>
  231.  
  232. <!-- FALSO IFRAME -->
  233.  
  234. <div id="02" style="display:none">
  235. <div id="posts2">
  236. <div class="caixa">
  237. <h2>Créditos</h2>
  238. <br>
  239. <div class="wishlist">Desenvolvimento do theme - <a href="http://my-big-mess.tumblr.com/">My big mess</a></div>
  240. <div class="wishlist">Base do theme e alguns tutoriais - <a href="http://havingthemes.tumblr.com">Having Themes</a></div>
  241. <div class="wishlist">Menu falso i-frame - <a href="http://ilovehtml-things.blogspot.com.br">I love HTML</a></div>
  242. <div class="wishlist">Alguns códigos e fundo da sidebar - <a href="http://umapequenapoeta.tumblr.com">Uma pequena poeta</a></div>
  243. <div class="wishlist">Ask de balãozinho - <a href="http://biibis.tumblr.com/">Biibis</a></div>
  244. <br>
  245. <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>
  246.  
  247. </div>
  248.  
  249. <div class="caixa">
  250. <h2>Following</h2>
  251.  
  252. <br>
  253.  
  254. {block:Following}
  255. {block:Followed}
  256. <a title="{FollowedTitle}" target=_blank" href="{FollowedURL}"><img src="{FollowedPortraitURL-30}"alt="{FollowedURL}" style="border: 5px solid #eee" class="opacidade"/></a>
  257. {/block:Followed}
  258. {/block:Following}</center>
  259.  
  260. </div></div></div></div>
  261.  
  262. </body>
  263.  
  264. </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!