Retoques CSS al tema underc0de2015 - Índice de temas

  • 2 Respuestas
  • 2775 Vistas

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

Desconectado Gus Garsaky

  • *
  • Underc0der
  • Mensajes: 93
  • Actividad:
    0%
  • Reputación -1
  • Skype: gus.garsaky
    • Ver Perfil
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
  1. .table_grid tr {
  2.     border: 1px solid #111;
  3. }

Por:

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



Reemplazar:

Código: CSS
  1. .table_grid .catbg {
  2.    background: rgba(0, 0, 0, 0.5)
  3. }


Por:

Código: CSS
  1. .table_grid .catbg {
  2.     background: #f2f2f2; /* Color al header */
  3. }



Reemplazar:

Código: CSS
  1. table.table_grid td {
  2.     padding: 3px;
  3.     /*border: 1px solid #CACACA;*/
  4.     color: #848484;
  5. }

Por:

Código: CSS
  1. table.table_grid td {
  2.     padding: 6px; /* un poco más de padding */
  3.     /*border: 1px solid #CACACA;*/
  4.     color: #848484;
  5. }



Reemplazar:

Código: CSS
  1. .pagesection {
  2.     background-color: /* No recuerdo el color xD*/;
  3.     font-size: 0.9em;
  4.     padding: 0.2em;
  5.     overflow: hidden;
  6.     position: relative;
  7. }

Por:

Código: CSS
  1. .pagesection {
  2.     background-color: #f2f2f2;
  3.     font-size: 0.9em;
  4.     padding: 0.4em; /* mas padding */
  5.     overflow: hidden;
  6.     position: relative;
  7.     width: calc(100% - 2*.45em); /* Para que quede alineado */
  8. }



Reemplazar:

Código: CSS
  1. table.table_grid {
  2.     background: #00080D;
  3.     border-collapse: collapse;
  4.     margin-top: 0.1em;
  5.     box-shadow: 0 0 10px #848484;
  6. }

Por:

Código: CSS
  1. table.table_grid {
  2.     background: #00080D;
  3.     border-collapse: collapse;
  4.          border-top: 2px solid #a1a1a1; /* Un borde para separar */
  5.     /*margin-top: 0em; No es necesario */
  6.     box-shadow: 0 0 10px #848484;
  7. }



Remplazar:

Código: CSS
  1. /*Mod ANTRAX*/
  2. table.table_grid tr:hover > td {
  3.     background-color: #777;
  4.     color:  #ccc;
  5. }
  6. table.table_grid tr:hover > td a {
  7.    color: #f8f8f8;
  8. }
  9. table.table_grid tr:hover > td p {
  10.    color: #ccc;
  11. }



Reemplazar:

Código: CSS
  1. .description_board {
  2.     overflow: auto;
  3.     margin: 1em 1px 0 1px;
  4. }

Por:

Código: CSS
  1. .description_board {
  2.     color: #ccc;
  3.     overflow: auto;
  4.     margin: 1em 1px 0 1px;
  5. }


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.
« Última modificación: Abril 11, 2015, 11:05:08 am por Gus Garsaky »

Desconectado Gn0m3

  • *
  • Underc0der
  • Mensajes: 396
  • Actividad:
    0%
  • Reputación 2
    • Ver Perfil
    • Underc0de
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

Conectado ANTRAX

  • *
  • Administrator
  • Mensajes: 5652
  • Actividad:
    83.33%
  • Country: ar
  • Reputación 37
  • ANTRAX
  • Skype: underc0de.org
  • Twitter: @Underc0de
    • Ver Perfil
    • Underc0de
    • Email
Hola bro, perdona que no aplicamos los cambios. Justo estabamos trabajando en el theme nuevo.

Saludos y muchas gracias por la propuesta!

ANTRAX


 

"Temas Solucionados" Foro

Iniciado por selohu

Respuestas: 3
Vistas: 3033
Último mensaje Septiembre 16, 2016, 07:08:08 pm
por ANTRAX
[SOLUCIONADO] Temas movidos

Iniciado por $francisco

Respuestas: 2
Vistas: 2291
Último mensaje Marzo 15, 2015, 07:35:03 am
por blackdrake