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:56 por XleandroX
» Nueva Ciudad Sporepedia 2024 (Historia por partes)
Ayer a las 17:03 por Mozokas
» TEMA FLOOD
Ayer a las 16:49 por BlueXYZ
» Experimento Scaver [ZERG]
Jue 21 Nov 2024, 16:40 por Davitroon
» El Iceberg Definitivo del Foro [PROYECTO COMUNITARIO]
Miér 20 Nov 2024, 21:20 por Mathaloz
» Experimento Grifo Fantasmal [SINDROME DEL 23]
Miér 20 Nov 2024, 18:10 por Quincho96
» Presentacion y Preguntas
Miér 20 Nov 2024, 11:28 por Quincho96
» BlueXYZ
Dom 17 Nov 2024, 00:47 por Max
» Hola
Sáb 16 Nov 2024, 23:35 por FlairDreamer
» Los experimentos del Dr. Breincrox, parte 2
Sáb 16 Nov 2024, 23:23 por FlairDreamer
» Aldeano Mini Carro [O5] [T] [♫]
Vie 15 Nov 2024, 18:38 por Quincho96
» [set]: Criaturas de Maenard
Vie 15 Nov 2024, 18:35 por Quincho96
» R3-XP10R3 [AI3] [♫]
Vie 15 Nov 2024, 16:17 por Quincho96
» Experimento Scarver-T [Virus-T]
Jue 14 Nov 2024, 14:27 por Quincho96
» Caballo [3lite vs. Xhaps] [2]
Jue 14 Nov 2024, 11:50 por Sirillium64
» Esidisi's Tower [O4] [E]
Jue 14 Nov 2024, 11:47 por Sirillium64
» ¿Que música están escuchando?
Jue 14 Nov 2024, 11:44 por FlairDreamer
» Problema con los pies de DI y otros mods
Miér 13 Nov 2024, 20:10 por FlairDreamer
» Las partes robóticas en mi spore no funcionan bien
Miér 13 Nov 2024, 20:08 por FlairDreamer
» ¿Cómo recuperar una criatura borrada?
Miér 13 Nov 2024, 19:22 por FlairDreamer
» Una decada despues!
Mar 12 Nov 2024, 22:31 por Endy
» Prototipo Zangief [O3]
Mar 12 Nov 2024, 19:09 por Quincho96
» El traveler barato de Owari [TA] [Mx3]
Mar 12 Nov 2024, 16:12 por Quincho96