miniaikon

Este estilo lo cree como una alternativa a mi principal objetivo que es crear un box con contenido oculto a los usuarios desconectados.

Bueno, lo primero: ¿Que es? -Es un estilo que le puse al unico box del diseño "Css Design".
 

  Yes parecido al que yo tengo.

Bien les dejare el codigo y les enseñare a cambiarle los gradientes:

<!--Miniaikon.es.tl--> <style> #sidebar_container table{background:none;} #sidebar_container{background:#BDBDBD; color:#000; font-family: 'Raleway', sans-serif; text-align:center; border-radius:5px; padding:5px; -webkit-box-shadow:0px 0px 3px 0px rgba(0,0,0,0.75); -moz-box-shadow:0px 0px 3px 0px rgba(0,0,0,0.75); box-shadow:0px 0px 3px 0px rgba(0,0,0,0.75); background: rgba(147,206,222,1); background: -moz-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(147,206,222,1)), color-stop(41%, rgba(117,189,209,1)), color-stop(100%, rgba(73,165,191,1))); background: -webkit-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%); background: -o-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%); background: -ms-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%); background: linear-gradient(to bottom, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cede', endColorstr='#49a5bf', GradientType=0 );} </style>

Ok, si analizamos el codigo veremos esta parte:

Todas esas lineas visibles es lo que podemos borrar para cambiar el gradiente o degradado, ahora solo deben dirigirse al Generador de Gradientes CSS y crear sus propias gradientes, reemplazar el codigo y listo.

O si simplemente quiere un  color unoco solo borren el texto resaltado en la imagen y pongan esto "background:#Color;" y listo.