Never been to DZone Snippets before?

Snippets is a public source code repository. Easily build up your personal collection of code snippets, categorize them with tags / keywords, and share them with the world

Jugando con el diseño de Barrapunto (See related posts)

Para cambiar un poco el diseño a Barrapunto en Firefox utilizando @-moz-document y añadiendo los estilos al archivo userContent.css con la extensión ChromEdit (o manualmente).

El resultado (portada y comentarios), aunque muy mejorable, es similar a lo que hizo mini-d en: Rediseñando Barrapunto, Parte 2 y Parte 3.

@-moz-document url(http://barrapunto.com/),
               url-prefix(http://barrapunto.com/),
               domain(barrapunto.com) {

body {
font-family:Arial !important;
color:#333 !important;
letter-spacing:0.01em !important;
word-spacing:0.01em !important;
}

a:link,
font[COLOR="#FF6600"] a:link font[COLOR="#006699"] {
color:#045BBB !important;
}

a:visited,
font[COLOR="#FF6600"] a:visited font[COLOR="#006699"] {
color:#9D2F77 !important;
}

a:link:hover,
a:visited:hover,
font[COLOR="#FF6600"] a:visited:hover font[COLOR="#006699"],
font[COLOR="#FF6600"] a:hover font[COLOR="#006699"] {
color:#789F00 !important;
}

td[width="85"] { width:155px !important; }

td[width="85"] table { width:150px !important; }

td[width="85"] table b { font-size:11px !important; }

td[width="85"] a { font-size:11px; line-height:150% !important;  } 

td[width="85"] TABLE tr+tr td FONT[SIZE="1"] { display:block !important; padding-left:4px !important; }

td[width="85"] TABLE tr+tr td FONT[SIZE="1"] a { padding-left:4px !important; }

td[width="85"] hr { border:none !important; border-bottom:1px dotted #ccc !important; }

table[width="200"] table[width="100%"] b { font-size:11px !important; }

table[width="200"] table[width="100%"] td font { font-size:11px !important; }

table[width="200"] table[width="100%"] td a { line-height:150% !important; }

table[width="200"] table[width="100%"] td li {line-height:150% !important; margin:6px 0 !important; list-style:outside !important; margin-left:17px !important; }

td[BGCOLOR="#FFFFFF"] table[width="100%"]  { margin-top:10px !important; background:#f5f5f5 !important;  }  

td[BGCOLOR="#FFFFFF"] table[width="100%"] font { font-size:11px !important }

font table td em { display:block !important; margin:10px 25px !important; font-style:normal !important; }

font table td { line-height:130% !important; }

td[ALIGN="CENTER"][BGCOLOR="#FF6600"] font[COLOR="#006699"] { color:#fff !important; font-size:11px !important; }

td[BGCOLOR="#FF6600"]  FONT[SIZE="1"] { font-size:11px !important; color:#444 !important; }

table[width="100%"] TD[BGCOLOR="#FF6600"] tr td[BGCOLOR="#FFFFFF"] { padding:10px !important; line-height:125% !important; }

font table[width="100%"] TD[BGCOLOR="#FF6600"] tr td[BGCOLOR="#FFFFFF"] { padding:5px !important; }

/*p font td[BGCOLOR="#FF6600"] font[COLOR="#006699"] { line-height:100% !important; color:#045BBB !important; font-size:16px !important; padding:5px !important; }

p font td[BGCOLOR="#FF6600"] font[COLOR="#006699"] a { color:#045bbb !important; padding:0 !important; line-height:100% !important; }*/

p table TD[WIDTH="70%"] { color:#666 !important; font-size:12px !important; font-weight:bold !important; }

td[ALIGN="CENTER"] FONT[SIZE="2"] i { font-style:normal; font-size:17px; color:#666; }

img[WIDTH="322"] { width:342px !important; }

}

You need to create an account or log in to post comments to this site.


Click here to browse all 5144 code snippets

Related Posts