Esto es una previsualización de un tema de Hitskin.com
Instalar el estilo • Volver a la ficha del tema.
Esto es una previsualización de un tema de Hitskin.com
Instalar el estilo • Volver a la ficha del tema.
Ir a la página : 1, 2, 3 ... 7, 8, 9 ... 11, 12, 13
/*==================ADORNAR NOTIFICACIONES==================*/
/*Hay que sacar el display none que le da "#fa_toolbar #fa_right #notif_list" */
/*Hay que desactivar el color que le da "#fa_toolbar #fa_right #notif_list li .contentText a" al texto, así se utiliza este.*/
/*Hay que agregarle la clase .arrow_box al #fa_notifications
o tal vez el css se le puede agregar directamente al #fa_notifications, no lo probé. Pero probablemente funcione sin drama :) */
/* Icono Activado de Notificaciones */
.notification #fa_notifications {
/* webkit-filter: hue-rotate(-90deg) saturate(250%);*/
background-color: #404040;
}
/* Lista */
/*Cambiar el max-height para ajustar*/
#notif_list {
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
background-color: #333!important;
border-radius: 15px;
border: 6px solid #333 !important;
display: block !important;
font-size: 11px;
list-style-type: none;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
transition: max-height .3s ease, opacity .25s linear .275s;
user-select: none;
z-index: 999;
max-height: 4.5em;
opacity: 0;
top: 66px;
}
/* Lista activada */
.notification #notif_list {
opacity: 1;
max-height: 100vh !important;
transition: max-height 1s ease .25s, opacity .25s linear;
}
#notif_list li {
display: none;
}
#notif_list li:first-child, #notif_list li:last-child{
display: block;
}
/* Elementos de la lista */
#notif_list li {
background-color: #fff;
border: 4px solid #989F9F;
border-top: none;
border-bottom: none;
overflow: hidden;
transition: background-color .5s;
-webkit-transition: background-color .5s;
}
#notif_list li:hover {
background-color: #a3ffa3;
}
/* El primer elemento de la lista */
#notif_list li:first-child {
border-radius: 12px 12px 0 0;
border: 4px solid #989F9F;
border-bottom: none;
overflow: hidden;
}
/* El último elemento de la lista */
#notif_list .see_all {
border: none;
text-align: center !important;
color: #fff;
background-color: #05440f;
padding: 0.7em !important;
text-align: right;
background-image: url(http://i76.servimg.com/u/f76/15/34/08/13/fondo_10.jpg);
background-position: 0 -3px;
border-radius: 8px 8px 0 0;
margin-top: 1vh !important;
transition: filter .3s;
-webkit-transition: -webkit-filter .3s;
background-position: 112px 0;
}
/* El penúltimo elemento de la lista */
#notif_list li:nth-last-child(2) {
border-bottom: 4px solid #989F9F;
border-radius: 0 0 12px 12px;
overflow: hidden;
}
/* El primer elemento de la lista que también es el penúltimo (una sola notificación) */
#notif_list li:firt-child:nth-last-child(2) {
border-radius: 12px;
border: 4px solid #989F9F;
}
.see_all:hover {
filter: brightness(120%);
-webkit-filter: brightness(120%);
}
.see_all a {
text-decoration: none !important;
}
#notif_list li {
display: none;
background-image: url('http://i.imgur.com/EtdZFk4.png');
font-size: 12px !important;
color: #fda401 !important;
font-weight: bold;
}
#fa_toolbar #fa_right #notif_list li .contentText.ellipsis a {
color: #85cbe8 !important;
font-weight: bolder;
}
#notif_list li:last-child a {
color: white !important;
font-weight: bold;
}
#fa_notifications{
position: relative;
background-color: #404040 !important;
}
#fa_notifications:before {
top: 88%;
left: 50%;
border: solid transparent;
content: " ";
position: absolute;
pointer-events: none;
opacity: 0;
}
.notification #fa_notifications:before {
border-color: rgba(64, 64, 64, 0);
border-top-color: #333;
border-width: 18px;
margin-left: -18px;
opacity: 1;
}
a#fa_notifications {
border: 0 solid transparent;
border-radius: 2rem;
width: 3.5rem;
height: 3.5rem;
background-repeat: no-repeat;
background-position: center center;
}
/*==================FIN ADORNAR NOTIFICACIONES==================*/
¡Gracias @Gherla! | ¡Gracias @Ikaros[LW]! | ¡Gracias @niko1996arg! | ¡Gracias @trashmunster! |
¡Gracias @Gherla! | ¡Gracias @Ikaros[LW]! | ¡Gracias @niko1996arg! | ¡Gracias @trashmunster! |
¡Gracias @Gherla! | ¡Gracias @Ikaros[LW]! | ¡Gracias @niko1996arg! | ¡Gracias @trashmunster! |
¡Gracias @Gherla! | ¡Gracias @Ikaros[LW]! | ¡Gracias @niko1996arg! | ¡Gracias @trashmunster! |
Sproilex escribió:Podria pegar, pero habria que probar primero.
Wigazo escribió:Yo diría también de sacar la negrita de los hipervínculos, pega muy mal.
¡Gracias @Gherla! | ¡Gracias @Ikaros[LW]! | ¡Gracias @niko1996arg! | ¡Gracias @trashmunster! |
Lirianer escribió:
?
Ir a la página : 1, 2, 3 ... 7, 8, 9 ... 11, 12, 13
Hoy a las 00:40 por astin
» Los experimentos del Dr. Breincrox, parte 2
Ayer a las 22:19 por SartekChaos
» TEMA FLOOD
Ayer a las 22:13 por FlairDreamer
» nuevo juego
Ayer a las 21:07 por thescientist9393
» Pide un deseo y arruina al de arriba 2º Parte
Ayer a las 20:01 por Quincho96
» Mataría al de arriba porque.... 2º Parte
Ayer a las 18:54 por El Destructor de Especies
» Rise of Cults 2 Bot (Beta abierta)
Dom 03 Nov 2024, 00:24 por XleandroX
» ¿Que música están escuchando?
Jue 31 Oct 2024, 09:59 por FlairDreamer
» Extensión de Chrome: Sporepedia Downloader [1.2]
Jue 31 Oct 2024, 09:57 por FlairDreamer
» Cambios de Nick
Dom 27 Oct 2024, 14:55 por FlairDreamer
» Se solicita financiación
Dom 27 Oct 2024, 05:45 por Noni Beld
» antorchas de Minecraft
Miér 23 Oct 2024, 22:03 por Quincho96
» Criaturas de la noche
Vie 18 Oct 2024, 10:25 por Quincho96
» Criaturas de Tremors
Vie 18 Oct 2024, 10:17 por Quincho96
» Quad-Techtrak [O7] [T]
Vie 18 Oct 2024, 10:13 por Quincho96
» Dino Piraña
Miér 16 Oct 2024, 20:19 por Mozokas
» HVM-35 - Tanque Genesis INF [Sidimey vs. Coldfusion] [1]
Miér 16 Oct 2024, 00:41 por Quincho96
» botes de exploracion marina
Lun 14 Oct 2024, 22:36 por FlairDreamer
» [Proyecto] Genetic Aberration
Lun 14 Oct 2024, 22:31 por FlairDreamer
» El Santuario de Flair Dreamer [♫]
Lun 14 Oct 2024, 22:30 por FlairDreamer
» comparaciones entre blues
Dom 13 Oct 2024, 15:52 por thescientist9393
» Las partes robóticas en mi spore no funcionan bien
Dom 13 Oct 2024, 12:00 por FlairDreamer
» poner una aventura galactica de otra persona en spore pirata.
Dom 13 Oct 2024, 11:57 por FlairDreamer