Retoques CSS al tema underc0de2015 - Índice de temas

Iniciado por Gus Garsaky, Abril 11, 2015, 10:30:40 AM

Tema anterior - Siguiente tema

0 Miembros y 1 Visitante están viendo este tema.

Abril 11, 2015, 10:30:40 AM Ultima modificación: Abril 11, 2015, 11:05:08 AM por Gus Garsaky
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

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


Por:

Código: css

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





Reemplazar:

Código: css

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



Por:

Código: css

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





Reemplazar:

Código: css

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


Por:

Código: css

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





Reemplazar:

Código: css

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


Por:

Código: css

.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

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


Por:

Código: css

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

/*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

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


Por:

Código: css

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



Resultado



Antes:


Después:



Así lo veo más limpio e incomoda menos la vista. Los bordes de cada tr son demasiado fuertes en mi opinión. Saludos.

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

Hola bro, perdona que no aplicamos los cambios. Justo estabamos trabajando en el theme nuevo.

Saludos y muchas gracias por la propuesta!

ANTRAX