Skip to content

Instantly share code, notes, and snippets.

@mjcoffeeholick

mjcoffeeholick/dabblet.css

Created October 18, 2012 13:57
Show Gist options
  • Save mjcoffeeholick/3911982 to your computer and use it in GitHub Desktop.
Save mjcoffeeholick/3911982 to your computer and use it in GitHub Desktop.
Download ZIP
alerta biblioteca FecomercioSP
Raw
dabblet.css
/**
* alerta biblioteca FecomercioSP
*/
#box-alerta-sucesso{
background: #cefdae;
border: 1px solid #61c81a;
width: 540px;
font-family:'arial';
text-align: center;
padding:10px 20px 20px 20px;
margin:0px;
}
.box-alerta-conteudo-sucesso p{
padding:10px 0px 0px 0px;
margin:0px;
}
#box-sim-nao {
padding:10px 0px 0px 0px;
}
.alerta-sim {
float: left;
}
.alerta-sim img {
opacity: 0.7;
/*Transition*/
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.alerta-sim img:hover {
opacity: 1;
/*Glow*/
-webkit-box-shadow: 0px 0px 20px rgba(252,253,241,0.8);
-moz-box-shadow: 0px 0px 20px rgba(252,253,241,0.8);
box-shadow: 0px 0px 20px rgba(252,253,241,0.8);
}
.alerta-nao {
float: right;
}
.alerta-nao img {
opacity: 0.7;
/*Transition*/
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.alerta-nao img:hover {
opacity: 1;
/*Glow*/
-webkit-box-shadow: 0px 0px 20px rgba(252,253,241,0.8);
-moz-box-shadow: 0px 0px 20px rgba(252,253,241,0.8);
box-shadow: 0px 0px 20px rgba(252,253,241,0.8);
}
.clear {
clear:both;
}
.sucesso {
color: #298532;
font-weight: bold;
text-shadow: 0.05em 0.05em #e8ffd8;
}
.sucesso img {
padding:0px 10px;
}
.publicar-sucesso {
color: #67a33d;
font-weight: normal;
}
#box-alerta-erro{
background: #f1b29c;
border: 1px solid #9b3732;
min-height: 100px;
width: 540px;
font-family:'arial';
text-align: center;
padding:10px 20px 20px 20px;
margin:0px;
}
.box-alerta-conteudo-erro p{
padding:10px 0px 0px 0px;
margin:0px;
}
.erro {
color: #8b2823;
font-weight: bold;
text-shadow: 0.05em 0.05em #ffe1d7;
}
.erro img {
padding:0px 10px;
}
.publicar-erro {
color: #a85436;
font-weight: normal;
}
Raw
dabblet.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
<head>
<title>Box alerta FecomercioSP</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
</html>
<body>
<div id="box-alerta-sucesso">
<div class="box-alerta-conteudo-sucesso">
<p class="sucesso"><img src="http://dl.dropbox.com/u/8567389/sucesso.png">O seu conteúdo foi publicado com sucesso!</p>
<p class="publicar-sucesso">Deseja publicar outro conteúdo?</p>
<div id="box-sim-nao">
<div class="alerta-sim"><a href="#"><img src="http://dl.dropbox.com/u/8567389/sim.png" alt="Sim"></a></div>
<div class="alerta-nao"><a href="#"><img src="http://dl.dropbox.com/u/8567389/nao.png" alt="Não"></a></div>
<div class="clear"></div>
</div>
</div>
</div>
<br/>
<div id="box-alerta-erro">
<div class="box-alerta-conteudo-erro">
<p class="erro"><img src="http://dl.dropbox.com/u/8567389/erro.png">ERRO. Seu conteúdo não foi publicado!</p>
<p class="publicar-erro">Deseja inserir o conteúdo novamente?</p>
<div id="box-sim-nao">
<div class="alerta-sim"><a href="#"><img src="http://dl.dropbox.com/u/8567389/sim.png" alt="Sim"></a></div>
<div class="alerta-nao"><a href="#"><img src="http://dl.dropbox.com/u/8567389/nao.png" alt="Não"></a></div>
<div class="clear"></div>
</div>
</div>
</div>​
</body>
Raw
settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment