Advertisement
just-living

Theme25

Mar 31st, 2013
1,425
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 10.94 KB | None | 0 0
  1. <!-- THEME POR GABRIEL ROCHA[OPACIDAD-E]. NÃO COPIE!!! NÃO RETIRE OU MODIFIQUE OS CRÉDTIOS -->
  2.  
  3. <!-------------------------------------------------------------------------
  4. :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
  5.                            THEME PROTEGIDO
  6. :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
  7. -------------------------------------------------------------------------->
  8.  
  9. <html>
  10. <head>
  11.  
  12.  
  13. <script language="javascript">
  14. function clickIE() {if (document.all) {(mensagem);return false;}}
  15. function clickNS(e) {if
  16. (document.layers||(document.getElementById&&!document.all)) {
  17. if (e.which==2||e.which==3) {alert(mensagem);return false;}}}
  18. if (document.layers)
  19. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  20. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  21. document.oncontextmenu=new Function("return false")
  22. </script>
  23.  
  24. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="javascript:;" id="scrollToTop"><img src="http://nmai.si.edu/exhibitions/infinityofnations/images/top_up.png" border="0"></a>
  25.  
  26.  
  27.  
  28. <!--THINGS TO HELP YOU-->
  29. <script type="text/javascript" src="http://static.tumblr.com/ifqwhnb/M5ym2zs6s/infinitescrollingportthy.txt"></script>
  30. <!--FIM-->
  31.  
  32.  
  33.  
  34. <meta name="text:Link1 Title" content="" />
  35. <meta name="text:Link1" content="/" />
  36. <meta name="text:Link2 Title" content="" />
  37. <meta name="text:Link2" content="/" />
  38. <meta name="text:Link3 Title" content="" />
  39. <meta name="text:Link3" content="/" />
  40. <meta name="text:Link4 Title" content="" />
  41. <meta name="text:Link4" content="/" />
  42. <meta name="text:Link5 Title" content="" />
  43. <meta name="text:Link5" content="/" />
  44. <meta name="text:Link6 Title" content="" />
  45. <meta name="text:Link6" content="/" />
  46.  
  47. <meta name="image:background" content="http://24.media.tumblr.com/tumblr_mbwd6qdTDg1rqmvbdo1_1280.jpg"/>
  48. <meta name="image:sidebar" content="http://25.media.tumblr.com/1718bdd90cda554377a81ec8faf8c390/tumblr_mhlvkfRguD1razhsgo1_500.jpg"/>
  49.  
  50. <meta name="color:background" content="#000" />
  51. <meta name="color:link" content="#fff" />
  52. <meta name="color:font" content="#fff" />
  53. <meta name="color:formatacao" content="#fff" />
  54. <meta name="color:titulo" content="#fff" />
  55. <meta name="color:menu" content="#000" />
  56. <meta name="color:meenu" content="#fff" />
  57. <meta name="color:blockquote" content="#fff" />
  58. <meta name="color:quote" content="#fff" />
  59. <meta name="color:caixadetag" content="#fff" />
  60. <meta name="color:sideborda" content="#000" />
  61. <meta name="color:posts" content="#000" />
  62. <meta name="color:description" content="#fff" />
  63. <meta name="color:frase" content="#fff" />
  64. <meta name="color:frasefundo" content="#000" />
  65. <meta name="color:descriptionbg" content="#000" />
  66.  
  67.  
  68. <meta name="text:frase" content="WE ARE INFINITE" />
  69.  
  70.  
  71.  
  72. <title>{title}</title>
  73. <link rel="shortcut icon" href="{favicon}"/>
  74.  
  75.  
  76. <link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
  77.  
  78. <link href='http://fonts.googleapis.com/css?family=Skranji' rel='stylesheet' type='text/css'>
  79.  
  80. <link href='http://fonts.googleapis.com/css?family=Merienda' rel='stylesheet' type='text/css'>
  81.  
  82.  
  83. <style>
  84.  
  85. ::-webkit-scrollbar-thumb:vertical {background-color: #000; height: 150px; width:20px}
  86.  
  87. ::-webkit-scrollbar-thumb:horizontal {background-color: #000;height:100px; width:20px}
  88.  
  89. ::-webkit-scrollbar {height: 5px; width: 5px; background-color: #fff;}
  90.  
  91.  
  92. body {background: {color:background} url('{image:background}') fixed;
  93. font-size: 12px;
  94. font-family: calibri;
  95. background-repeat: repeat;
  96. color:{color:font} ;
  97. text-align: justify; }
  98.  
  99.  
  100. #content {width: 600px;
  101. margin-left:450px ;
  102. margin-top: 45px;
  103. position:relative; }
  104.  
  105. .posts {background:{color:posts};
  106. opacity:0.7;
  107. float: left;
  108. padding: 4px;
  109. margin-bottom: 1px;
  110. font-family: calibri;
  111. position:relative;
  112. color:{color:font} ;
  113. overflow:hidden;
  114. width: 500px;
  115. }
  116.  
  117. a:link, a:active, a:visited { color: {color:link};
  118. text-decoration: none;
  119. -webkit-transition-duration: .80s; }
  120.  
  121. a:hover {opacity:0.8}
  122.  
  123. s {color: {color:formatacao};}
  124. i {color:  {color:formatacao};}
  125. b, strong {color:  {color:formatacao};}
  126. u, span.sublinha {color:  {color:formatacao};
  127. text-decoration: none;
  128. border-bottom: 1px solid  {color:formatacao};}
  129.  
  130. blockquote {border-left: 5px solid {color:blockquote};
  131. font-family: calibri;
  132. padding: 2px 2px 2px 6px;
  133. margin: 2px;
  134. line-height: 14px;}
  135.  
  136.  
  137.  
  138. h1 {text-align: center;
  139. font:16px 'Skranji', cursive;
  140.  ; letter-spacing:0px;
  141. color: {color:titulo};}
  142.  
  143. h2 {text-align: center;
  144. font-size: 15px;
  145. font-family: Calibri;
  146. color: {color:quote};}
  147.  
  148. .caixadetag {color: {color:caixadetag};
  149. font-size: 10px;
  150. padding:0px;
  151. text-align: center;
  152. letter-spacing:1px;
  153. font-family: 'calibri';
  154. text-transform:uppercase;
  155. height: auto;
  156. width: auto;
  157. }
  158.  
  159. .caixadetag a {color:{color:caixadetag}}
  160.  
  161. .sidebar {margin-top: 85px;
  162. margin-left:100px;
  163. position: fixed;
  164. padding:0px; }
  165.  
  166.  
  167. .sidebare {margin-top: 85px;
  168. margin-left:100px;
  169. position: fixed;
  170. padding:0px;}
  171.  
  172.  
  173. .sidebar img:hover {animation:mymove  0.7s ease-out;
  174. -moz-animation:mymove  0.7s ease-out; /* Firefox */
  175. -webkit-animation:mymove 0.7s ease-out; /* Safari and Chrome */
  176. -o-animation:mymove  0.7s ease-out; /* Opera */
  177. }
  178.  
  179. .frase {margin-top: 86px;
  180. margin-left: 101px;
  181. position: fixed;
  182. color:{color:frase} ;
  183. height: auto;
  184. font-family:Orator Std;
  185. font-size:18px;
  186. width:244px;
  187. padding: 2px;
  188. text-align:center;
  189. background: {color:frasefundo}}
  190.  
  191. .frase:hover .description {background:{color:descriptionbg};
  192. width:246px;
  193. opacity:1;
  194. margin-left:-2px;
  195. -webkit-transition: all 0.7s ease;
  196. -moz-transition: all 0.7s ease;
  197. margin-top:3px;  
  198. height:auto }
  199.  
  200. .description {width:246px;
  201. height:auto;
  202. text-align: left;
  203. position: fixed;
  204. background:{color:descriptionbg};
  205. color:{color:description};
  206. font-size:11px;
  207. font-family:'Merienda', cursive;
  208. padding: 1px;
  209. text-align: justify;
  210. opacity:0 ;  
  211. margin-left:-2px;
  212. -webkit-transition: all 0.7s ease;
  213. -moz-transition: all 0.7s ease;
  214. margin-top:-30px}
  215.  
  216.  
  217. /*MENU POR OPACIDAD-E*/
  218. .menulink {font-family:Play;
  219. display:block;
  220. margin-top:249px;
  221. margin-left:99px;
  222. font-size:12px;
  223. text-transform:uppercase;
  224. letter-spacing:0px;
  225. position:fixed;
  226. padding:2px;
  227. overflow:hidden;
  228. }
  229.  
  230. .menulink li{list-style:none;
  231. height:auto;
  232. padding: 2px;
  233. width: auto;
  234. text-align:center;
  235. background:{color:menu};
  236. margin-top:1px; }
  237.  
  238. .menulink a {color:{color:meenu};
  239. }
  240.  
  241. /***/
  242.  
  243. .bord  {position: fixed;
  244. margin-top: 75px;
  245. margin-left: 90px;
  246. width: 250px;
  247. height: 300px;
  248. background:transparent ;
  249. border:10px solid {color:sideborda};
  250. opacity:0.7;
  251. }
  252.  
  253.  
  254. .lines {padding:2px;
  255. font-size:12.5px}
  256.  
  257.  
  258.    
  259.     @-webkit-keyframes mymove
  260. {
  261. from {top:0px;}
  262. to {top:000px;  -webkit-transform: scale(1.1); opacity:0}
  263. }
  264.  
  265.  
  266.  
  267. iframe#tumblr_controls {
  268.     position: fixed !important;
  269.     top: 0 !important;
  270.     right: 0 !important;
  271. }
  272.  
  273.  
  274. .notes {text-align:left;
  275. font: 12px calibri;
  276. text-transform: none;
  277. margin-left:5px;
  278. width:505px;}
  279.  
  280. ol.notes {list-style: none;
  281. margin: 0 20px 0 0px;
  282. padding: 0px;
  283. z-index: 11;}
  284.  
  285. ol.notes li {background-color: {color:posts};
  286. opacity:0.7;
  287. margin-bottom: 2px;
  288. padding: 5px;
  289. color:{color:font} }
  290.  
  291. .notes img{vertical-align: -4px;
  292.     margin-right: 10px;
  293.     width: 16px;
  294.     height: 16px;
  295.     border: 2px solid #fff;}
  296.    
  297.    
  298. .cred a{top:10px;
  299. left:10px;
  300. position:fixed;
  301. font:10px calibri;
  302. color: {color:link}}
  303.  
  304.  
  305. #scrollToTop:link,#scrollToTop:visited {color:transparent;
  306. background-color:transparent;
  307. display:none;
  308. position:fixed;
  309. margin-top:400px;
  310. left:950px}
  311.  
  312.  
  313.  
  314. </style>
  315. </head>
  316. <body onkeydown="return false">
  317.  
  318.  
  319. <div class="cred"><a href="http://opacidad-e.tumblr.com">OPACIDAD-E©</a></div>
  320.  
  321.  
  322.  
  323. <div class="bord"></div>
  324.  
  325.  
  326. <div class="sidebare"><img src="{image:sidebar}" width="250px" height="300px"/></div>
  327.  
  328. <div class="sidebar"><img src="{image:sidebar}" width="250px" height="300px"/></div>
  329.  
  330. <div class="frase">{text:frase}<div class="description">{block:Description}{Description}{/block:Description}
  331. </div></div>
  332.  
  333.  
  334. <div class="menulink">
  335. <li><a href="{text:Link1}">{text:Link1 Title}</a></li>
  336. <li><a href="{text:Link2}">{text:Link2 Title}</a></li>
  337. <li><a href="{text:Link3}">{text:Link3 Title}</a></li>
  338. <li><a href="{text:Link4}">{text:Link4 Title}</a></li>
  339. <li><a href="{text:Link5}">{text:Link5 Title}</a></li>
  340. <li><a href="{text:Link6}">{text:Link6 Title}</a></li>
  341. </div>
  342.  
  343.  
  344.  
  345. <div id="content">
  346. {block:Posts}
  347. <div class="posts">
  348.    
  349.  
  350. {block:Text}
  351. {block:Title}
  352. <h1>{Title}</h1>
  353. {/block:Title}
  354. {Body}
  355. {/block:Text}
  356.  
  357.     <!--PERGUNTAS E MENSAGENS-->
  358.  
  359. {block:Answer}
  360. <strong>{Asker}</strong> perguntou: {Question}<br /><br />
  361. Resposta: {Answer}<br />
  362. {/block:Answer}
  363.  
  364.     <!--LINKS-->
  365.  
  366. {block:Link}
  367. <a href="{URL}"><h1>{Name}</h1></a>
  368. {block:Description}{Description}{/block:Description}
  369. {block:Link}
  370.  
  371.     <!--FOTOS-->
  372.  
  373. {block:Photo}
  374. <center>{LinkOpenTag}<img src="{PhotoURL-500}" width="500px"/>{LinkCloseTag}</center><br />
  375. {block:Caption}{Caption}{/block:Caption}<br />
  376. {/block:Photo}
  377.  
  378.  
  379.     <!--PHOTOSET-->
  380. {block:Photoset}
  381. <center>{Photoset-500}</center>
  382. {block:Caption}
  383. <div class="caption">{Caption}</div>
  384. {/block:Caption}
  385. {/block:Photoset}
  386.  
  387. {block:Quote}
  388. <h2>"{Quote}</h2>
  389. {block:Source}<div style="text-align:center">&mdash; {Source} </div><br>{/block:Source}
  390. {/block:Quote}
  391.     <!--CHAT-->
  392.  
  393. {block:Chat}
  394. {block:Title}<a href="{Permalink}"><h1>{Title}</h1></a>{/block:Title}
  395. <table>
  396. {block:Lines}
  397. <tr>
  398. {block:Label}<td class="name">{Label}</td>{block:Label}
  399. <td class="words">{Line}</td>
  400. </tr>
  401. {/block:Lines}
  402. </table><br />
  403. {/block:Chat}
  404.  
  405.     <!--MUSICAS-->
  406.  
  407. {block:Audio}
  408. <div ><i>Música ouvida {PlayCount} vezes</i> {block:ExternalAudio}(<a href="{ExternalAudioURL}">download!</a>){/block:ExternalAudio}</div>
  409. <center>{AudioPlayerWhite}</centeR>
  410. {block:Caption}{Caption}{/block:Caption}<br />
  411. {/block:Audio}
  412.  
  413.     <!--VIDEOS-->
  414.    
  415. {block:Video}
  416. <center>{Video-500}</center>
  417. {block:Caption}{Caption}{/block:Caption}<br />
  418. {/block:Video}
  419.  
  420.  
  421.  
  422. <div class="caixadetag">
  423. {block:Date}
  424. {block:PermalinkPage}{block:HasTags}{block:Tags}×<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}<br>{/block:HasTags}{/block:PermalinkPage}
  425. <left> <a href="{Permalink}">{TimeAgo}</a>{block:NoteCount}·<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</a><br />{block:RebloggedFrom}<a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}{block:ContentSource}·<a href="{SourceURL}">source</a>{/block:ContentSource}{block:IndexPage}·<a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</left></div>{/block:Date}
  426. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  427. </div>
  428. {/block:Posts}<br>
  429.  
  430.  
  431.  
  432.  
  433.  
  434. </div></div></div></div></div></div>
  435. </body>
  436. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement