/*------------------------------------------------------------------------------ this template is a mash up of the 2 column template http://webhost.bridgew.edu/etribou/layouts/skidoo/2/ from ruthsarianlayouts http://webhost.bridgew.edu/etribou/layouts/ and the blogger code from Blogger Template Style Name: Minima Designer: Douglas Bowman URL: www.stopdesign.com Date: 26 Feb 2004 and code tidying up http://djmaniak777.blogspot.com plus inserts & adaptations of codes by ricky goodwin ------------------------------------------------------------------------------*/ /*----start ruthsarian layout-------------------------------------------------*/ /*----start base.css----------------------------------------------------------*/ #pageWrapper { margin: 0; width: auto; min-width: 500px; } #outerColumnContainer { z-index: 1; } #innerColumnContainer { z-index: 2; } #innerColumnContainer, #contentColumn { margin: 0 -1px; width: 100%; } #leftColumn, #rightColumn, #contentColumn { float: left; position: relative; z-index: 10; overflow: visible; /* fix for IE italics bug */ } #leftColumn { width: 200px; margin: 0 1px 0 -200px; } #rightColumn { width: 200px; margin: 0 -200px 0 1px; display: none; /* comment this out and edit borders.css to create the third column */ } #footer { position: relative; } #masthead h1 { display: inline; /* personal preference to keep the header inline. you could just as easily change padding and margins to 0. */ } .clear { clear: both; } .hide { display: none; /* hide elements that CSS-targeted browsers shouldn't show */ } html>body #innerColumnContainer { border-bottom: 1px solid transparent; /* help mozilla render borders and colors. try removing this line and see what happens */ } /*------------------------------------------------------------end base.css----*/ /*----start vnav.css----------------------------------------------------------*/ .vnav ul, .vnav ul li { margin: 0; padding: 0; list-style-type: none; display: block; } .vnav ul { border: solid 1px #000; border-bottom-width: 0; } .vnav ul li { border-bottom: solid 1px #000; } .vnav ul li a { display: block; text-decoration: none; padding: 2px 10px; } * html .vnav ul li a/* hide from IE5.0/Win & IE5/Mac */ { height: 1%; } * html .vnav { position: relative; /* IE needs this to fix a rendering problem */ } /*------------------------------------------------------------end vnav.css----*/ /*----start hnav.css----------------------------------------------------------*/ .hnav { white-space: nowrap; margin: 0; color: #000; padding: 3px 0 4px 0; } * html .hnav/* Hide from IE5/Mac (& IE5.0/Win) */ { height: 1%; /* holly hack to fix a render bug in IE6/Win */ } * html .HNAV { height: auto; /* above IE6/Win holly hack breaks IE5/Win when page length get beyond the point that 1% height is taller than the text height. IE5/Win does not need this holly hack so we remove it here */ padding: 0; /* IE5/Win will resize #hnav to fit the heights of its inline children that have vertical padding. So this incorrect case selector will remove that padding */ } .hnav ul { text-align: center; list-style-type: none; line-height: normal; margin: 0; padding: 0; } .hnav ul li { display: inline; white-space: nowrap; margin: 0; } .hnav ul li a { text-decoration: none; color: #000; background-color: #eee; margin: 0 -1px 0 0; padding: 3px 10px 4px 10px; border-left: solid 1px #000; border-right: solid 1px #000; } * html .HNAV ul li a { width: 1%; /* holly hack for IE5/Win inline padding by default this hack fixes different rendering bugs in 5.0 and 5.5. Width is used instead of height because if the document is too long, these elements become very tall and disrupt the look of the document. too wide an element is better, visually, than too tall a document. */ } .hnav ul li a:hover { text-decoration: underline; } .hnav ul li a:hover { text-decoration: none; } /*------------------------------------------------------------end hnav.css----*/ /*----start colors.css--------------------------------------------------------*/ body { background-color: #665; color: #fff; } #outerColumnContainer { border-left-color: #eec; /* left hand column background color */ border-right-color: #bb8; /* right hand column background color */ } #masthead, #footer { background-color: #885; color: #fff; } #outerColumnContainer { background-color: #fff; /* this sets the background color on the center column */ color: #000; } #leftColumn, #rightColumn, #contentColumn { color: #000; } .vnav ul li a { color: #336; background-color: #cc9; } #rightColumn .vnav ul li a:hover, .vnav ul li a:hover { background-color: #336; color: #fff; } #rightColumn .vnav ul li a { color: #336; background-color: #ddb; } .hnav, .hnav ul li a { background-color: #cc9; color: #336; } .hnav ul li a:hover { background-color: #336; color: #fff; } #pageWrapper, #innerColumnContainer, #masthead, #footer, .hnav { border-color: #000; } /*----------------------------------------------------------end colors.css----*/ /*----start borders.css-------------------------------------------------------*/ #pageWrapper { border-style: solid; /* explicitly defined within eact selector in case you want change border styles (to mix it up) between elements */ border-width: 1px; /* puts a border around the whole page */ } #outerColumnContainer { border-style: solid; border-width: 0 0 0 200px; /* sets the width of the borders used to create the left and right columns' background color. */ /* border-width: 0 200px; */ /* for three columns */ } #innerColumnContainer { border-style: solid; border-width: 0 0 0 1px; /* puts borders between center and the side columns */ /* border-width: 0 1px; */ /* for three columns */ } #masthead, .hnav { border-style: solid; border-width: 0 0 1px 0; } #footer { border-style: solid; border-width: 1px 0 0 0; } /*---------------------------------------------------------end borders.css----*/ /*----start fonts.css---------------------------------------------------------*/ body { font-family: arial, helvetica, sans-serif; font-size : medium; voice-family : "\"}\""; voice-family : inherit; font-size : medium; } #footer { text-align: center; } /*-----------------------------------------------------------end fonts.css----*/ /*----start gutters.css-------------------------------------------------------*/ body { margin: 0; padding: 2em; } .inside { padding: 0.5em 1.5em; /* this padding is applied to every major box within the layout for a uniform gutter between borders */ } #masthead, #footer { padding: 1em; } .vnav { margin: 1em 0; } .vnav h3 { margin-bottom: 0; padding-bottom: 0; } /*---------------------------------------------------------end gutters.css----*/ /*----start screen.css--------------------------------------------------------*/ @import "base.css"; @import "hnav.css"; @import "vnav.css"; @import "colors.css"; @import "gutters.css"; @import "borders.css"; @import "fonts.css"; /* see http://www.dithered.com/css_filters/css_only/index.php for tips on how to block inclusion of whole css files for certain browsers */ /*----------------------------------------------------------end screen.css----*/ /*---------------------------------------------------end ruthsarian layout----*/ /*----start minima template---------------------------------------------------*/ a:link { color:#3333FF text-decoration:none; } a:visited { color:#9933FF text-decoration:none; } a:hover { color:#c60; text-decoration:underline; } a img { border-width:0; } /*----Header------------------------------------------------------------------*/ #masthead h1 a { color:#666; text-decoration:none; } #masthead h1 a:hover { color:#c60; } #description { display:inline; font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.2em; color:# #949494; text-align: right; } /* Headings ----------------------------------------------- */ h2 { margin:1.5em 0 .75em; font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.2em; color:#BB0000; } /* Posts ----------------------------------------------- */ .date-header { margin:1.5em 0 .5em; } .post { margin:.5em 0 1.5em; border-bottom:1px dotted #ccc; padding-bottom:1.5em; } .post-title { margin:.25em 0 0; padding:0 0 4px; font-size:140%; font-weight:normal; line-height:1.4em; color:#c60; } .post-title a, .post-title a:visited, .post-title strong { display:block; text-decoration:none; color:#c60; font-weight:normal; } .post-title strong, .post-title a:hover { color:#333; } .post p { margin:0 0 .75em; line-height:1.6em; } p.post-footer { margin:-.25em 0 0; color:#ccc; } .post-footer em, .comment-link { font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.1em; } .post-footer em { font-style:normal; color:#999; margin-right:.6em; } .comment-link { margin-left:.6em; } .post img { padding:4px; border:0px solid #ddd; } .post blockquote { margin:1em 20px; } .post blockquote p { margin:.75em 0; } /* Comments ----------------------------------------------- */ #comments h4 { margin:1em 0; font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.2em; color:#999; } #comments h4 strong { font-size:130%; } #comments-block { margin:1em 0 1.5em; line-height:1.6em; } #comments-block dt { margin:.5em 0; } #comments-block dd { margin:.25em 0 0; } #comments-block dd.comment-timestamp { margin:-.25em 0 2em; font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.1em; } #comments-block dd p { margin:0 0 .75em; } .deleted-comment { font-style:italic; color:gray; } /* Sidebar Content ----------------------------------------------- */ #sidebar ul { margin:0 0 1.5em; padding:0 0 1.5em; border-bottom:1px dotted #ccc; list-style:none; } #sidebar li { margin:0; padding:0 0 .25em 15px; text-indent:-15px; line-height:1.5em; } #sidebar p { color:#666; line-height:1.5em; } /* Profile ----------------------------------------------- */ #profile-container { margin:0 0 1.5em; border-bottom:1px dotted #ccc; padding-bottom:1.5em; } .profile-datablock { margin:.5em 0 .5em; } .profile-img { display:inline; } .profile-img img { float:left; padding:4px; border:1px solid #ddd; margin:0 8px 3px 0; } .profile-data { margin:0; font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.1em; } .profile-data strong { display:none; } .profile-textblock { margin:0 0 .5em; } .profile-link { margin:0; font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.1em; } /*-----------------------------------------------------end minima template----*/
This site will look much better in a browser that supports web standards, but it is accessible to any browser or Internet device.
Assinar
Postagens [Atom]
Fragmentos de textos e imagens catadas nesta tela, capturadas desta web, varridas de jornais, revistas, livros, sons, filtradas pelos olhos e ouvidos e escorrendo pelos dedos para serem derramadas sobre as teclas... e viverem eterna e instanta neamente num logradouro digital. Desagua douro de pensa mentos.
Uma nova era
Por Hermano Vianna
Vivemos uma grande transformação cultural no modo como nos relacionamos com a música. Mais precisamente: voltamos ao padrão básico de consumo musical da humanidade, aquele que prevaleceu na maior parte das culturas e mesmo na história da chamada civilização ocidental até pelo menos o início do século XX. Música quase sempre foi um bem efêmero, sem registros físicos (mesmo partituras são invenções recentes). Só com a chegada dos toca-discos e depois dos gravadores é que isso mudou e as pessoas aprenderam a comprar discos e fitas para escutar em casa na hora que sentissem necessidade.
Mesmo durante o tempo de império do fonograma, as comunidades que ainda produziam “folclore” tinham uma outra relação com a arte sonora, nunca tratada exatamente como arte. Não havia divisão clara entre quem tocava e quem escutava, tudo era feito na hora, mais ou menos improvisadamente, com autoria coletiva. A ideia de se registrar aquilo para escutar depois, fora da festa, não fazia sentido. Para escutar novamente aquela música, ou para fazer de novo aquela música, a gente precisava esperar por novas festas.Read more at www.substantivoplural.com.br
Wikileaks, Direitos Fundamentais e Terrorismo
"A ciberperseguição a Julian Assange e seu WikiLeaks chega a ser tão
perturbadora quanto reveladora ao escancarar que os governos realmente
não compreenderam a internet e a completa inutilidade de tentar
controlá-la."
Se o WikiLeaks fosse especializado em vazar comunicações dos países do Eixo do Mal <sic>, alguém duvida que os EUA e seu aliado fariam do líder de tal organização um homem da maior importância e dariam total proteção à ele? Não há dúvida alguma.Read more at operamundi.uol.com.br
With over 500 million members and a blockbuster movie based on the company's beginnings, Facebook may feel a bit too mainstream for some users.Read more at www.huffingtonpost.com
If you no longer get your kicks from the world's largest social network and are looking for something more personal or unique, alternatives abound.
7. Daytripper
Veja a lista dos dez clicando aqui
Marcadores: bá, moon, quadrinhos
O ano está praticamente encerrado, mas antes de chegar 2011 temos que lembrar que 2010 foi o ano do centenário de nascimento de Antonio Nássara, uma figuraça que foi um craque na caricatura e também na música popular.
See more at casseta.globo.com
Mr. WikiLeaks
Por Sergio Augusto em 28/12/2010
Até prova em contrário, é esse o apito que o WikiLeaks toca. É um consolo saber que a estrutura montada por Julian Assange, fundador e guia espiritual do WikiLeaks, permite ao site sobreviver sem lideranças, hierarquias e até ao boicote orquestrado de antigos parceiros como a Amazon, Visa, Mastercard, etc. Alguém o definiu como "um vasto Deep Throat da Era Napster". Sim, o Napster deixou de existir, mas sua insurgência afetou para sempre a indústria de discos e a difusão da música. O WikiLeaks representa um novo tipo de luta, de ativismo político apartidário. Sua ciberguerrilha já mudou as regras do jogo jornalístico ao criar o que até recentemente parecia impensável: empresas competidoras compartilhando os mesmos furos diariamente.Read more at www.observatoriodaimprensa.com.br
Fernando de Barros e Silva, Folha de S. Paulo
Além de se recusar a punir os que torturaram, o país reluta, ainda, em trazer à luz os crimes cometidos em nome do Estado. A Comissão da Verdade, criada neste ano, teria, inicialmente, o objetivo de esclarecer o passado e dar satisfação às famílias de 140 vítimas ainda "desaparecidas". Mas nasceu manca, desvirtuada pela pressão obscurantista do ministro Nelson Jobim.Read more at oglobo.globo.com
Not such wicked leaks
Read more at www.presseurop.euFor the celebrated novelist and intellectual Umberto Eco, the Wikileaks affair or "Cablegate" not only shows up the hypocrisy that governs relations between states, citizens and the press, but also presages a return to more archaic forms of communication.
These covers can serve as object lessons for what to do and what not to do both with design and editorial.
Read more at www.webdesignerdepot.comWhile some controversial covers have worked and sold more magazines, or won awards for the editors who made the decision to go to press with them, others were embarrassments that the publication had to either apologize for, or fire an editor over.
e o blog0news continua…
visite a lista de arquivos na coluna da esquerda
para passear pelos posts passados
ESTATÍSTICAS SITEMETER