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

Theme 16

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