Underc0de

Foros Generales => Underc0de => Ideas y Sugerencias => Mensaje iniciado por: Gus Garsaky en Abril 11, 2015, 10:30:40 AM

Título: Retoques CSS al tema underc0de2015 - Índice de temas
Publicado por: Gus Garsaky en Abril 11, 2015, 10:30:40 AM
Estaba viendo el foro, y cuando veo los temas de una sección, lo siento muy fuerte a la vista. Pensé en algunos retoques para ésta area:

Reemplazar:

Código (css) [Seleccionar]

.table_grid tr {
    border: 1px solid #111;
}


Por:

Código (css) [Seleccionar]

.table_grid tr {
  border: 1px solid rgba(0,0,0,.1); /* Borde menos sólido */
}





Reemplazar:

Código (css) [Seleccionar]

.table_grid .catbg {
   background: rgba(0, 0, 0, 0.5)
}



Por:

Código (css) [Seleccionar]

.table_grid .catbg {
background: #f2f2f2; /* Color al header */
}





Reemplazar:

Código (css) [Seleccionar]

table.table_grid td {
    padding: 3px;
    /*border: 1px solid #CACACA;*/
    color: #848484;
}


Por:

Código (css) [Seleccionar]

table.table_grid td {
    padding: 6px; /* un poco más de padding */
    /*border: 1px solid #CACACA;*/
    color: #848484;
}





Reemplazar:

Código (css) [Seleccionar]

.pagesection {
    background-color: /* No recuerdo el color xD*/;
    font-size: 0.9em;
    padding: 0.2em;
    overflow: hidden;
    position: relative;
}


Por:

Código (css) [Seleccionar]

.pagesection {
    background-color: #f2f2f2;
    font-size: 0.9em;
    padding: 0.4em; /* mas padding */
    overflow: hidden;
    position: relative;
    width: calc(100% - 2*.45em); /* Para que quede alineado */
}





Reemplazar:

Código (css) [Seleccionar]

table.table_grid {
background: #00080D;
border-collapse: collapse;
margin-top: 0.1em;
box-shadow: 0 0 10px #848484;
}


Por:

Código (css) [Seleccionar]

table.table_grid {
background: #00080D;
border-collapse: collapse;
         border-top: 2px solid #a1a1a1; /* Un borde para separar */
/*margin-top: 0em; No es necesario */
box-shadow: 0 0 10px #848484;
}





Remplazar:

Código (css) [Seleccionar]

/*Mod ANTRAX*/
table.table_grid tr:hover > td {
background-color: #777;
color:  #ccc;
}
table.table_grid tr:hover > td a {
color: #f8f8f8;
}
table.table_grid tr:hover > td p {
color: #ccc;
}





Reemplazar:

Código (css) [Seleccionar]

.description_board {
    overflow: auto;
    margin: 1em 1px 0 1px;
}


Por:

Código (css) [Seleccionar]

.description_board {
    color: #ccc;
    overflow: auto;
    margin: 1em 1px 0 1px;
}



Resultado



Antes:

(http://i.imgur.com/svzSQaZ.png?1)

Después:

(http://i.imgur.com/hewoDrW.png?1)


Así lo veo más limpio e incomoda menos la vista. Los bordes de cada tr son demasiado fuertes en mi opinión. Saludos.
Título: Re:Retoques CSS al tema underc0de2015 - Índice de temas
Publicado por: Gn0m3 en Abril 11, 2015, 10:45:08 AM
Hola Gus Garsaky, me gusta como queda con tu modificación, podrías crear un script para Stylish, y un theme mas oscuro también seria bueno obviamente que para stylish.


Saludos

Gn0m3
Título: Re:Retoques CSS al tema underc0de2015 - Índice de temas
Publicado por: ANTRAX en Abril 19, 2015, 12:54:05 PM
Hola bro, perdona que no aplicamos los cambios. Justo estabamos trabajando en el theme nuevo.

Saludos y muchas gracias por la propuesta!

ANTRAX