Luzes noturnas brilhantes no escuro Firefly

Glow in the Dark Firefly Nightlight Craft

Atividade Glow in the Dark Kids - Firefly Nightlight



Eu sou um convidado postando na Crayon Freckles hoje! Confira como tornamos estes super legais Luzes noturnas brilhantes no escuro Firefly !
Isso seria ótimo para adicionar ao seu Lista de férias de verão !
lista do balde

var ACE_AR = {Site: '874015', Tamanho: '300250', CallType: 'IFRAME'};

.mdauthor_info {
flutuar: esquerda;
largura: 550px;
preenchimento: 15px;
borda: 1px sólido #ccc;
margin-bottom: 15px;
margem superior: 15px;
plano de fundo: # 75af50; cor: # 000000;
}
.mdauthor_info: hover {
plano de fundo: # 75af50;
borda: 1px sólido #ccc;
-webkit-box-shadow: 0px 0px 10px rgba (0, 0, 0, .3);
-moz-box-shadow: 0px 0px 10px rgba (0, 0, 0, .3);
sombra da caixa: 0px 0px 10px rgba (0, 0, 0, .3);
}
.mdauthor_info h3 {
cor: # 000;
margin-bottom: 10px;
}
.mdauthor_info h3: hover {
borda: 1px sólido #eeeeee;
-webkit-box-shadow: 0px 0px 10px rgba (0, 0, 0, .3);
-moz-box-shadow: 0px 0px 10px rgba (0, 0, 0, .3);
sombra da caixa: 0px 0px 10px rgba (0, 0, 0, .3);
}
.mdauthor_photo {
flutuar: certo;
margem: 0 0 0 10px;
}
.mdauthor_photo img {
borda: 1px sólido # 666;
-webkit-transição: -webkit-transform .15s linear;
-moz-transição: -moz-transform .15s linear;
-o-transição: -o-transformada .15s linear; transição: transformada .15s linear;
-webkit-box-shadow: 0 3px 6px rgba (0,0,0, 0,25);
-moz-box-shadow: 0 3px 6px rgba (0,0,0, 0,25);
sombra da caixa: 0 3px 6px rgba (0,0,0, 0,25);
preenchimento: 5px 5px 5px 5px; -webkit-transform: rotate (+ 2deg);
-moz-transform: rotate (+ 2deg); - ms-transform: rotate (+ 2deg);
-o-transformar: girar (+ 2deg); transformar: girar (+ 2deg); float: para a esquerda;
}
.mdauthor_photo img: hover {
plano de fundo: #ffffff;
borda: 1px sólido #eeeeee;
-webkit-box-shadow: 0px 0px 10px rgba (0, 0, 0, .3);
-moz-box-shadow: 0px 0px 10px rgba (0, 0, 0, .3);
sombra da caixa: 0px 0px 10px rgba (0, 0, 0, .3);
-webkit-transform: rotate (-1deg);
-moz-transform: rotate (-1deg);
-ms-transform: rotate (-1deg);
-o-transformar: girar (-1deg);
transformar: girar (-1deg);
}
ul.mdsocial {
estilo de lista: nenhum;
margem: 10px;
estouro: oculto;
}
.mdsocial li {
flutuar: certo;
fundo: nenhum! importante;
preenchimento: 0! importante;
margem: 0 8px;
}
.mdsocial li a {
display: bloco;
largura: 40px;
altura: 40px;
plano de fundo: url (“http://2.bp.blogspot.com/-IMM_B7aaLQA/T7ObAft4GbI/AAAAAAAADN0/mT6xK72Xe9I/s1600/social.png”) sem repetição transparente;
texto-indent: -99999em! importante;
}
.mdsocial li a: hover {
preenchimento: 0! importante;
}
.mdsocial li.rssicon a {
posição de fundo: 0 0;
}
.mdsocial li.twicon a {
posição de fundo: -50px 0;
}
.mdsocial li.fbicon a {
posição de fundo: -100px 0;
}
.mdsocial li.gicon a {
posição de fundo: -150px 0;
}
.mdsocial li.rssicon a: hover {
posição de fundo: 0 -50px;
}
.mdsocial li.twicon a: hover {
posição de fundo: -50px -50px;
}
.mdsocial li.fbicon a: hover {
posição de fundo: -100px -50px;
}
.mdsocial li.gicon a: hover {
posição de fundo: -150px -50px;
}
.mdlinediv {
margem superior: 25px;
altura: 0px;
limpar ambos;
display: bloco;
border-top: 1px solid #fefefe;
borda inferior: 1px sólido #cccccc;
}
.mdemailbutton {
plano de fundo: # f7f8f9;
plano de fundo: -webkit-gradiente (linear, superior esquerdo, inferior esquerdo, cor-stop (# f7f8f9,0), cor-stop (# e9e9e9,1));
fundo: -webkit-linear-gradiente (topo, # f7f8f9 0%, # e9e9e9 100%);
fundo: gradiente -moz-linear (topo, # f7f8f9 0%, # e9e9e9 100%);
fundo: gradiente -o-linear (topo, # f7f8f9 0%, # e9e9e9 100%);
fundo: gradiente linear (topo, # f7f8f9 0%, # e9e9e9 100%);
filtro: progid: dximagetransform.microsoft.gradient (startcolorstr = ’# f7f8f9 ′, endcolorstr =’ # e9e9e9 ′, gradienttype = 0);
borda: 1px sólido #ddd;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
raio da borda: 4px;
preenchimento: 6px 12px;
margem: 0; -webkit-box-shadow: 0 1px 0 # f9f9f9 inserido, 1px 1px 1px rgba (223,223,223,0.4);
-moz-box-shadow: 0 1px 0 # f9f9f9 inserido, 1px 1px 1px rgba (223,223,223,0.4); box-shadow: 0 1px 0 # f9f9f9 inserido, 1px 1px 1px rgba (223,223,223,0.4);
cor: # 888;
sombra do texto: 0 1px 0 #fff;
altura da linha: 1,2;
cursor: ponteiro;
tamanho da fonte: 13px;
}
.mdemailbutton: hover {
plano de fundo: # f1f1f1;
plano de fundo: -webkit-gradiente (linear, superior esquerdo, inferior esquerdo, cor-stop (# f1f1f1,0), cor-stop (# e0e0e0,1));
fundo: -webkit-linear-gradiente (topo, # f1f1f1 0%, # e0e0e0 100%);
plano de fundo: -moz-linear-gradiente (topo, # f1f1f1 0%, # e0e0e0 100%);
fundo: gradiente -o-linear (topo, # f1f1f1 0%, # e0e0e0 100%);
plano de fundo: gradiente linear (topo, # f1f1f1 0%, # e0e0e0 100%); filtro: progid: dximagetransform.microsoft.gradient (startcolorstr = ’# f1f1f1 ′, endcolorstr =’ # e0e0e0 ′, gradienttype = 0);
decoração de texto: nenhum! importante;
}
.mdemail {
limpar ambos;
largura: 250px;
margem: 10px 0;
flutuar: esquerda;
}
.mdemailform {
posição: relativa;
largura: 250px;
margem: 0 automático;
}
.mdemailinput {
largura: 200px;
altura: 18px;
margem: 0 automático;
preenchimento: 8px 40px 8px 10px; borda: 1px sólido #ddd;
-webkit-border-radius: 4px; -moz-border-radius: 4px;
border-radius: 4px; font-family: georgia;
estilo da fonte: itálico;
-webkit-box-shadow: 1px 1px 2px #dfdfdf;
-moz-box-shadow: 1px 1px 2px #dfdfdf;
box-shadow: 1px 1px 2px #dfdfdf;
tamanho da fonte: 14px; cor: # 666;
}
.mdemailbutton {
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-border-top-left-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-bottomleft: 0px;
border-top-left-radius: 0px; border-bottom-left-radius: 0px;
preenchimento: 9px;
posição: absoluta;
direita: -2px;
topo: 0;
display: bloco;
altura da linha: 16px;
}
.mdemailbutton {
preenchimento: 8px! importante;
}
.mdemailform, .mdemailinput {
largura: 98%! importante;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
dimensionamento da caixa: caixa de borda;
altura: automático;
}