[TIP] ¡Nuevo estilo del error/success box!
Este tip es algo básico, ya que nunca se cambio este estilo sobre los box si posee un error o si el cambio fue exitoso, en base al themes que realice y que proximamente publicaré, dejo este tip para las personas que desean cambiar su estilo de los boxes, a elección de vosotros y el tip está basado en el themes por defecto.
Buscar en ./css/index.css por:.errorbox
{
padding: 1em;
border: 1px solid #cc3344;
color: #000;
background-color: #ffe4e9;
margin-bottom: 1em;
}
Remplazar por:.errorbox
{
padding: 1em;
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.15), inset 0 1px rgba(255,255,255,.75);
-moz-box-shadow: 0 2px 4px rgba(0,0,0,.15), inset 0 1px rgba(255,255,255,.75);
box-shadow: 0 2px 4px rgba(0,0,0,.15), inset 0 1px rgba(255,255,255,.75);
border: solid 1px #bd9191;
background-image: -webkit-linear-gradient(top, #fbe3e4, #ecc5c7);
background-image: -moz-linear-gradient(top, #fbe3e4, #ecc5c7);
background-image: -o-linear-gradient(top, #fbe3e4, #ecc5c7);
background-image: -ms-linear-gradient(top, #fbe3e4, #ecc5c7);
background-image: linear-gradient(to bottom, #fbe3e4, #ecc5c7);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbe3e4', endColorstr='#ecc5c7');
border-radius: 4px;
height: auto;
padding-left: 20px;
font-family: arial;
font-weight: bold;
text-shadow: 0 1px #fefdf2;
font-size: 12px;
position: relative;
color: #855757 !important;
margin-bottom: 1em;
}
Al final del archivo, agregar:
div#profile_error
{
padding: 1em;
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.15), inset 0 1px rgba(255,255,255,.75);
-moz-box-shadow: 0 2px 4px rgba(0,0,0,.15), inset 0 1px rgba(255,255,255,.75);
box-shadow: 0 2px 4px rgba(0,0,0,.15), inset 0 1px rgba(255,255,255,.75);
border: solid 1px #bd9191;
background-image: -webkit-linear-gradient(top, #fbe3e4, #ecc5c7);
background-image: -moz-linear-gradient(top, #fbe3e4, #ecc5c7);
background-image: -o-linear-gradient(top, #fbe3e4, #ecc5c7);
background-image: -ms-linear-gradient(top, #fbe3e4, #ecc5c7);
background-image: linear-gradient(to bottom, #fbe3e4, #ecc5c7);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbe3e4', endColorstr='#ecc5c7');
border-radius: 4px;
height: auto;
padding-left: 20px;
font-family: arial;
font-weight: bold;
text-shadow: 0 1px #fefdf2;
font-size: 12px;
position: relative;
color: #855757 !important;
margin-bottom: 1em;
}
div#profile_success
{
z-index:0;
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.15), inset 0 1px rgba(255,255,255,.75);
-moz-box-shadow: 0 2px 4px rgba(0,0,0,.15), inset 0 1px rgba(255,255,255,.75);
box-shadow: 0 2px 4px rgba(0,0,0,.15), inset 0 1px rgba(255,255,255,.75);
border: solid 1px #a5b36b;
background-image: -webkit-linear-gradient(bottom, #e6efc2, #f1f7db);
background-image: -moz-linear-gradient(bottom, #e6efc2, #f1f7db);
background-image: -o-linear-gradient(bottom, #e6efc2, #f1f7db);
background-image: -ms-linear-gradient(bottom, #e6efc2, #f1f7db);
background-image: linear-gradient(to top, #e6efc2, #f1f7db);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f7db', endColorstr='#e6efc2');
border-radius: 4px;
height: auto;
padding: 15px;
font-family: arial;
font-weight: bold;
text-shadow: 0 1px #fefdf2;
font-size: 14px;
position: relative;
color: #6f7a42;
margin-bottom: 15px;
cursor: pointer;
}
Buscar en default/css/admin.css por:.maintenance_finished, #task_completed
{
margin: 1ex;
padding: 1ex 2ex;
border: 1px dashed green;
color: green;
background: #efe;
}
Remplazar por:.maintenance_finished, #task_completed
{
z-index: 0;
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.15), inset 0 1px rgba(255,255,255,.75);
-moz-box-shadow: 0 2px 4px rgba(0,0,0,.15), inset 0 1px rgba(255,255,255,.75);
box-shadow: 0 2px 4px rgba(0,0,0,.15), inset 0 1px rgba(255,255,255,.75);
border: solid 1px #a5b36b;
background-image: -webkit-linear-gradient(bottom, #e6efc2, #f1f7db);
background-image: -moz-linear-gradient(bottom, #e6efc2, #f1f7db);
background-image: -o-linear-gradient(bottom, #e6efc2, #f1f7db);
background-image: -ms-linear-gradient(bottom, #e6efc2, #f1f7db);
background-image: linear-gradient(to top, #e6efc2, #f1f7db);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f7db', endColorstr='#e6efc2');
border-radius: 4px;
height: auto;
padding: 20px;
font-family: arial;
font-weight: bold;
text-shadow: 0 1px #fefdf2;
font-size: 14px;
color: #6f7a42;
margin-bottom: 15px;
cursor: pointer;
}
Resultados:Spoiler
(https://smftricks.com/proxy.php?request=http%3A%2F%2Fi.imgur.com%2F0LbP5sg.png&hash=5d0949f863c95c120ee9e6d5421661ff52bef2bb)
Spoiler
(https://smftricks.com/proxy.php?request=http%3A%2F%2Fi.imgur.com%2FNOZsemG.png&hash=44dcff046c62e5f8d491c3671e467bd06a5d28e1)