Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical
Atualizado em: 28/03/2012 14:48:21
.input-submit {
background-color:#c1dfda;
color:#449f91;
border:none;
padding:5px 10px;
}
.input-submit:hover {
background-color:#82bfb5;
color:#fff;
}
Atualizado em: 28/03/2012 14:50:38
.select-form {
border:solid 1px #c1dfda;
color:#999999;
padding:2px;
}
.select-form:focus {
border:solid 1px #82bfb5;
}
Atualizado em: 28/03/2012 14:50:52
.input-textarea {
border:solid 1px #c1dfda;
color:#999999;
}
.input-textarea:focus {
border:solid 1px #82bfb5;
}
Atualizado em: 28/03/2012 14:50:45
Item 1
.input-radio {
margin-right: 10px;
padding: 0;
vertical-align: baseline;
}
Atualizado em: 28/03/2012 14:51:00
Lorem ipsum dolor sit amet, casus adprehendens melius ait mea ego Pentapolim Cyrenaeorum tertia veni est se est Apollonius. Ipso mihi cum magna duobus auro fulgida, ite in lucem concitaverunt in rei sensibilium. Quaestiones patre nihil civitatis in rei exultant deo hanc, descendit rationis ad suis alteri formam cum autem nobiscum. Mansione manere praeparabant dicam deus eum, regem adventu nihil labore in lucem. Tharsia Theophilo litore est Apollonius eius in lucem genero ergo accipiet.
Lorem ipsum dolor sit amet, casus adprehendens melius ait mea ego Pentapolim Cyrenaeorum tertia veni est se est Apollonius. Ipso mihi cum magna duobus auro fulgida, ite in lucem concitaverunt in rei sensibilium. Quaestiones patre nihil civitatis in rei exultant deo hanc, descendit rationis ad suis alteri formam cum autem nobiscum. Mansione manere praeparabant dicam deus eum, regem adventu nihil labore in lucem. Tharsia Theophilo litore est Apollonius eius in lucem genero ergo accipiet.
.font-size {
overflow:hidden;
}
.font-size a {
background:url(modulos/5.03.control-font-size/img/sprite-tools.png) no-repeat;
display:block;
width:20px;
height:20px;
float:left;
text-indent:-9999px;
outline:none;
}
#increase {
background-position:-27px 0;
}
#increase:hover {
background-position:-27px -20px;
}
#decrease {
background-position:-54px 0;
}
#decrease:hover {
background-position:-54px -20px;
}
<script type="text/javascript">
$(document).ready(function() {
$('.resizeText').click(function(){
var ourText = $('p');
var currFontSize = ourText.css('fontSize');
var finalNum = parseFloat(currFontSize, 16);
var stringEnding = currFontSize.slice(-2);
if(this.id == 'increase') {
finalNum *= 1.2;
}
else if (this.id == 'decrease'){
finalNum /=1.2;
}
ourText.css('fontSize', finalNum + stringEnding);
return false;
});
});
</script>
Atualizado em: 28/03/2012 14:49:33
Ipsum is not simply random text. It has roots in a piece of classical
Ipsum is not simply random text. It has roots in a piece of classical
Atualizado em: 28/03/2012 14:48:25
Mensagem de Alerta!
Mensagem de Alerta!
/* Propriedades da classe 'feedback' herdadas do Módulo 8.16 */
.feedback.alert {
background-color:#FFF6BF;
border: 1px solid #FFD324;
color: #514721;
}
.feedback.alert p {
background:url(modulos/8.18.form-feedback-alert/img/alert.png) no-repeat left center;
}
Atualizado em: 28/03/2012 14:51:55
Mensagem de Sucesso!
Mensagem de Sucesso!
.feedback {
display:block;
width:96%;
padding:5px 2%;
margin:0 0 1em 0;
}
.feedback p {
margin:0;
padding:0 0 0 30px;
font-size:0.8em;
}
.feedback.success {
background-color:#E6EFC2;
border: 1px solid #C6D880;
color: #264409;
}
.feedback.success p {
background:url(modulos/8.16.form-feedback-success/img/success.png) no-repeat left center;
}
Atualizado em: 28/03/2012 14:51:48
/* Utilizar o mesmo css do módulo: 8.12 */
<script type="text/javascript">
$(document).ready(function() {
$('input[type=text], textarea').each(function(){
$(this).val($(this).attr('title'));
});
$('input[type=text], textarea').focus(function() {
if ( ( $(this).val() == $(this).attr('title') ) ) {
$(this).val("");
}
});
$('input[type=text], textarea').blur(function() {
if( $(this).val() == "") {
$(this).val( $(this).attr('title') );
}
});
});
</script>
Atualizado em: 28/03/2012 14:51:12
Lorem ipsum dolor sit amet, casus adprehendens melius ait mea ego Pentapolim Cyrenaeorum tertia veni est se est Apollonius. Ipso mihi cum magna duobus auro fulgida, ite in lucem concitaverunt in rei sensibilium. Quaestiones patre nihil civitatis in rei exultant deo hanc, descendit rationis ad suis alteri formam cum autem nobiscum. Mansione manere praeparabant dicam deus eum, regem adventu nihil labore in lucem. Tharsia Theophilo litore est Apollonius eius in lucem genero ergo accipiet.
Lorem ipsum dolor sit amet, casus adprehendens melius ait mea ego Pentapolim Cyrenaeorum tertia veni est se est Apollonius. Ipso mihi cum magna duobus auro fulgida, ite in lucem concitaverunt in rei sensibilium. Quaestiones patre nihil civitatis in rei exultant deo hanc, descendit rationis ad suis alteri formam cum autem nobiscum. Mansione manere praeparabant dicam deus eum, regem adventu nihil labore in lucem. Tharsia Theophilo litore est Apollonius eius in lucem genero ergo accipiet.
.print-text {
overflow:hidden;
}
#print {
background:url(modulos/5.04.print/img/sprite-tools.png) no-repeat -1px 0;
display:block;
height:20px;
width:20px;
text-indent:-9999px;
}
#print:hover {
background-position:-1px -20px;
}
<script type="text/javascript">
$(document).ready(function() {
$("#print").click(function(){
window.print();
return false;
});
});
</script>
Atualizado em: 28/03/2012 14:49:38
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including
Atualizado em: 28/03/2012 14:48:46
.jta-tweet-list .jta-tweet-profile-image{
float:left;
margin:0 10px 0 0;
}
.jta-tweet-list{
display:block;
margin: 0 0 20px 0;
padding:0;
}
.jta-tweet-list .jta-tweet-list-item{
display:block;
margin: 0 0 5px 0;
padding:0 0 5px 0;
border-bottom:1px dotted #ccc;
}
.jta-tweet-body{
font-size:12px;
color:#333;
margin: 0 0 0 60px;
}
.jta-tweet-user-name{display:block;}
.jta-tweet-user-screen-name{
font-weight:bold;
font-size:14px;
}
.jta-tweet-user-screen-name a{text-decoration:none; color:#0068a6;}
.jta-tweet-user-full-name{
font-size:11px;
}
.jta-tweet-user-full-name a{
color:#666;
text-decoration:none;
}
.jta-tweet-attributes{display:block;}
.jta-tweet-attributes, .jta-tweet-actions {
color: #999999;
display: block;
font-size: 11px;
margin-top: 3px;
}
.jta-tweet-twitter-bird-icon {
background-color: transparent;
background-image: url("http://si0.twimg.com/images/dev/cms/intents/bird/bird_gray/bird_16_gray.png");
background-position: 0 0;
background-repeat: no-repeat;
float: left;
width: 19px;
}
.jta-tweet-twitter-bird-icon:hover {
background-image: url("http://si0.twimg.com/images/dev/cms/intents/bird/bird_black/bird_16_black.png");
}
.jta-tweet-timestamp a{
text-decoration:none;
color:#666;
}
.jta-tweet-timestamp-link:hover,
.jta-tweet-source-link a:hover,
.jta-tweet-inreplyto-link:hover,
.jta-tweet-location-link:hover {
color: #666666;
text-decoration: underline;
}
.jta-tweet-action-reply,
.jta-tweet-action-retweet,
.jta-tweet-action-favorite {
padding-right: 1em;
}
.jta-tweet-action-reply a,
.jta-tweet-action-retweet a,
.jta-tweet-action-favorite a {
background-color: transparent;
background-position: 0 0;
background-repeat: no-repeat;
color: #999999;
padding-left: 19px;
padding-top: 3px;
text-decoration: none;
}
.jta-tweet-action-reply a {
background-image: url("http://si0.twimg.com/images/dev/cms/intents/icons/reply.png");
}
.jta-tweet-action-retweet a {
background-image: url("http://si0.twimg.com/images/dev/cms/intents/icons/retweet.png");
}
.jta-tweet-action-favorite a {
background-image: url("http://si0.twimg.com/images/dev/cms/intents/icons/favorite.png");
}
.jta-tweet-action-reply a:hover,
.jta-tweet-action-retweet a:hover,
.jta-tweet-action-favorite a:hover {
color: #666666;
text-decoration: underline;
}
.jta-tweet-action-reply a:hover {
background-image: url("http://si0.twimg.com/images/dev/cms/intents/icons/reply_hover.png");
}
.jta-tweet-action-retweet a:hover {
background-image: url("http://si0.twimg.com/images/dev/cms/intents/icons/retweet_hover.png");
}
.jta-tweet-action-favorite a:hover {
background-image: url("http://si0.twimg.com/images/dev/cms/intents/icons/favorite_hover.png");
}
.jta-clear{
clear: both;
display: block;
height: 0;
overflow: hidden;
visibility: hidden;
width: 0;
}
<script type="text/javascript" src="/js/modulos/jquery.jtweetsanywhere-1.3.1.min.js"></script>
<script type="text/javascript" src="http://platform.twitter.com/anywhere.js?id=kxArpQ1JRyYdGOKosZsrow&v=1"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#tweetFeed').jTweetsAnywhere({
username: 'a2comunicacao',
count: 3,
showTweetFeed: {
showProfileImages: true,
showUserScreenNames: true,
showUserFullNames: true,
showActionReply: true,
showActionRetweet: true,
showActionFavorite: true
},
showTweetBox: false
});
});
</script>
Atualizado em: 28/03/2012 14:49:17
Item 1
.input-checkbox {
margin-right: 10px;
padding: 0;
vertical-align: baseline;
color:#999999;
}
Atualizado em: 28/03/2012 14:50:56
/* Utilizar o mesmo css do módulo: 8.12 */
<script type="text/javascript" src="/js/modulos/jquery.password-strength.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#password').password_strength();
});
</script>
Atualizado em: 28/03/2012 14:51:43
19/01/2012
- Música
Atualização necessária Para tocar o áudio você precisa atualizar seu navegador ou instalar uma versão mais recente do seu plugin Flash.
div.jp-audio,
div.jp-video {
font-size:1em;
font-family:Verdana, Arial, sans-serif;
line-height:1.6;
color: #666;
border:1px solid #009be3;
background-color:#eee;
position:relative;
}
div.jp-audio {
width:420px;
}
div.jp-interface {
position: relative;
background-color:#eee;
width:100%;
}
div.jp-audio div.jp-type-single div.jp-interface {
height:80px;
}
div.jp-audio div.jp-type-playlist div.jp-interface {
height:80px;
}
div.jp-video div.jp-interface {
border-top:1px solid #009be3;
}
/* @group CONTROLS */
div.jp-controls-holder {
clear: both;
width:440px;
margin:0 auto;
position: relative;
overflow:hidden;
top:-8px; /* This negative value depends on the size of the text in jp-currentTime and jp-duration */
}
div.jp-interface ul.jp-controls {
list-style-type:none;
margin:0;
padding: 0;
overflow:hidden;
}
div.jp-audio ul.jp-controls {
width: 380px;
padding:20px 20px 0 20px;
}
div.jp-video div.jp-type-single ul.jp-controls {
width: 78px;
margin-left: 200px;
}
div.jp-video div.jp-type-playlist ul.jp-controls {
width: 134px;
margin-left: 172px;
}
div.jp-video ul.jp-controls,
div.jp-interface ul.jp-controls li {
display:inline;
float: left;
}
div.jp-interface ul.jp-controls a {
display:block;
overflow:hidden;
text-indent:-9999px;
}
a.jp-play,
a.jp-pause {
width:40px;
height:40px;
}
a.jp-play {
background: url(modulos/5.08.01.audio-player/img/jplayer.jpg) 0 0 no-repeat;
}
a.jp-play:hover {
background: url(modulos/5.08.01.audio-player/img/jplayer.jpg) -41px 0 no-repeat;
}
a.jp-pause {
background: url(modulos/5.08.01.audio-player/img/jplayer.jpg) 0 -42px no-repeat;
display: none;
}
a.jp-pause:hover {
background: url(modulos/5.08.01.audio-player/img/jplayer.jpg) -41px -42px no-repeat;
}
a.jp-stop, a.jp-previous, a.jp-next {
width:28px;
height:28px;
margin-top:6px;
}
a.jp-stop {
background: url(modulos/5.08.01.audio-player/img/jplayer.jpg) 0 -83px no-repeat;
margin-left:10px;
}
a.jp-stop:hover {
background: url(modulos/5.08.01.audio-player/img/jplayer.jpg) -29px -83px no-repeat;
}
a.jp-previous {
background: url(modulos/5.08.01.audio-player/img/jplayer.jpg) 0 -112px no-repeat;
}
a.jp-previous:hover {
background: url(modulos/5.08.01.audio-player/img/jplayer.jpg) -29px -112px no-repeat;
}
a.jp-next {
background: url(modulos/5.08.01.audio-player/img/jplayer.jpg) 0 -141px no-repeat;
}
a.jp-next:hover {
background: url(modulos/5.08.01.audio-player/img/jplayer.jpg) -29px -141px no-repeat;
}
/* @end */
/* @group progress bar */
div.jp-progress {
overflow:hidden;
background-color: #ddd;
}
div.jp-audio div.jp-progress {
position: absolute;
top:32px;
height:15px;
}
div.jp-audio div.jp-type-single div.jp-progress {
left:110px;
width:186px;
}
div.jp-audio div.jp-type-playlist div.jp-progress {
left:166px;
width:130px;
}
div.jp-video div.jp-progress {
top:0px;
left:0px;
width:100%;
height:10px;
}
div.jp-seek-bar {
background: url(modulos/5.08.01.audio-player/img/jplayer.jpg) 0 -202px repeat-x;
width:0px;
height:100%;
cursor: pointer;
}
div.jp-play-bar {
background: url(modulos/5.08.01.audio-player/img/jplayer.jpg) 0 -218px repeat-x ;
width:0px;
height:100%;
}
/* The seeking class is added/removed inside jPlayer */
div.jp-seeking-bg {
background: url(modulos/5.08.01.audio-player/img/jplayer-seeking.gif);
}
/* @end */
/* @group volume controls */
a.jp-mute,
a.jp-unmute,
a.jp-volume-max {
width:18px;
height:15px;
margin-top:12px;
}
div.jp-audio div.jp-type-single a.jp-mute,
div.jp-audio div.jp-type-single a.jp-unmute {
margin-left: 210px;
}
div.jp-audio div.jp-type-playlist a.jp-mute,
div.jp-audio div.jp-type-playlist a.jp-unmute {
margin-left: 154px;
}
div.jp-audio a.jp-volume-max {
margin-left: 56px;
}
div.jp-video a.jp-mute,
div.jp-video a.jp-unmute,
div.jp-video a.jp-volume-max {
position: absolute;
top:12px;
margin-top:0;
}
div.jp-video a.jp-mute,
div.jp-video a.jp-unmute {
left: 50px;
}
div.jp-video a.jp-volume-max {
left: 134px;
}
a.jp-mute {
background: url(modulos/5.08.01.audio-player/img/jplayer.jpg) 0 -170px no-repeat;
}
a.jp-mute:hover {
background: url(modulos/5.08.01.audio-player/img/jplayer.jpg) -19px -170px no-repeat;
}
a.jp-unmute {
background: url(modulos/5.08.01.audio-player/img/jplayer.jpg) -60px -170px no-repeat;
display: none;
}
a.jp-unmute:hover {
background: url(modulos/5.08.01.audio-player/img/jplayer.jpg) -79px -170px no-repeat;
}
a.jp-volume-max {
background: url(modulos/5.08.01.audio-player/img/jplayer.jpg) 0 -186px no-repeat;
}
a.jp-volume-max:hover {
background: url(modulos/5.08.01.audio-player/img/jplayer.jpg) -19px -186px no-repeat;
}
div.jp-volume-bar {
position: absolute;
overflow:hidden;
background: url(modulos/5.08.01.audio-player/img/jplayer.jpg) 0 -250px repeat-x;
width:46px;
height:5px;
cursor: pointer;
}
div.jp-audio div.jp-volume-bar {
top:37px;
left:330px;
}
div.jp-video div.jp-volume-bar {
top:17px;
left:72px;
}
div.jp-volume-bar-value {
background: url(modulos/5.08.01.audio-player/img/jplayer.jpg) 0 -256px repeat-x;
width:0px;
height:5px;
}
/* @end */
/* @group current time and duration */
div.jp-audio div.jp-time-holder {
position:absolute;
top:50px;
}
div.jp-audio div.jp-type-single div.jp-time-holder {
left:110px;
width:186px;
}
div.jp-audio div.jp-type-playlist div.jp-time-holder {
left:166px;
width:130px;
}
div.jp-current-time,
div.jp-duration {
width:60px;
font-size:.64em;
font-style:oblique;
}
div.jp-current-time {
float: left;
display:inline;
}
div.jp-duration {
float: right;
display:inline;
text-align: right;
}
div.jp-video div.jp-current-time {
margin-left:20px;
}
div.jp-video div.jp-duration {
margin-right:20px;
}
/* @end */
/* @group playlist */
div.jp-title {
font-weight:bold;
text-align:center;
}
div.jp-title,
div.jp-playlist {
width:100%;
background-color:#ccc;
border-top:1px solid #009be3;
}
div.jp-type-single div.jp-title,
div.jp-type-playlist div.jp-title,
div.jp-type-single div.jp-playlist {
border-top:none;
}
div.jp-title ul,
div.jp-playlist ul {
list-style-type:none;
margin:0;
padding:0 20px;
font-size:.72em;
}
div.jp-title li {
padding:5px 0;
font-weight:bold;
}
div.jp-playlist li {
padding:5px 0 4px 20px;
border-bottom:1px solid #eee;
}
div.jp-playlist li div {
display:inline;
}
div.jp-type-playlist div.jp-playlist li:last-child {
padding:5px 0 5px 20px;
border-bottom:none;
}
div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
list-style-type:square;
list-style-position:inside;
padding-left:7px;
}
div.jp-type-playlist div.jp-playlist a {
color: #333;
text-decoration: none;
}
div.jp-type-playlist div.jp-playlist a:hover {
color:#0d88c1;
}
div.jp-type-playlist div.jp-playlist a.jp-playlist-current {
color:#0d88c1;
}
div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove {
float:right;
display:inline;
text-align:right;
margin-right:10px;
font-weight:bold;
color:#666;
}
div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover {
color:#0d88c1;
}
div.jp-type-playlist div.jp-playlist span.jp-free-media {
float:right;
display:inline;
text-align:right;
margin-right:10px;
}
div.jp-type-playlist div.jp-playlist span.jp-free-media a{
color:#666;
}
div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover{
color:#0d88c1;
}
span.jp-artist {
font-size:.8em;
color:#666;
}
div.jp-jplayer audio,
div.jp-jplayer {
width:0px;
height:0px;
}
div.jp-jplayer {
background-color: #000000;
}
/* @group TOGGLES */
/* The audio toggles are nested inside jp-time-holder */
ul.jp-toggles {
list-style-type:none;
padding:0;
margin:0 auto;
overflow:hidden;
}
div.jp-audio .jp-type-single ul.jp-toggles {
width:25px;
}
div.jp-audio .jp-type-playlist ul.jp-toggles {
width:55px;
margin: 0;
position: absolute;
left: 325px;
top: 50px;
}
div.jp-video ul.jp-toggles {
margin-top:10px;
width:100px;
}
ul.jp-toggles li {
display:block;
float:right;
}
ul.jp-toggles li a {
display:block;
width:25px;
height:18px;
text-indent:-9999px;
line-height:100%;
}
a.jp-full-screen {
background: url(modulos/5.08.01.audio-player/img/jplayer.jpg) 0 -310px no-repeat;
margin-left: 20px;
}
a.jp-full-screen:hover {
background: url(modulos/5.08.01.audio-player/img/jplayer.jpg) -30px -310px no-repeat;
}
a.jp-restore-screen {
background: url(modulos/5.08.01.audio-player/img/jplayer.jpg) -60px -310px no-repeat;
margin-left: 20px;
}
a.jp-restore-screen:hover {
background: url(modulos/5.08.01.audio-player/img/jplayer.jpg) -90px -310px no-repeat;
}
a.jp-repeat {
background: url(modulos/5.08.01.audio-player/img/jplayer.jpg) 0 -290px no-repeat;
}
a.jp-repeat:hover {
background: url(modulos/5.08.01.audio-player/img/jplayer.jpg) -30px -290px no-repeat;
}
a.jp-repeat-off {
background: url(modulos/5.08.01.audio-player/img/jplayer.jpg) -60px -290px no-repeat;
}
a.jp-repeat-off:hover {
background: url(modulos/5.08.01.audio-player/img/jplayer.jpg) -90px -290px no-repeat;
}
a.jp-shuffle {
background: url(modulos/5.08.01.audio-player/img/jplayer.jpg) 0 -270px no-repeat;
margin-left: 5px;
}
a.jp-shuffle:hover {
background: url(modulos/5.08.01.audio-player/img/jplayer.jpg) -30px -270px no-repeat;
}
a.jp-shuffle-off {
background: url(modulos/5.08.01.audio-player/img/jplayer.jpg) -60px -270px no-repeat;
margin-left: 5px;
}
a.jp-shuffle-off:hover {
background: url(modulos/5.08.01.audio-player/img/jplayer.jpg) -90px -270px no-repeat;
}
/* @end */
/* @group NO SOLUTION error feedback */
.jp-no-solution {
position:absolute;
width:390px;
margin-left:-202px;
left:50%;
top: 10px;
padding:5px;
font-size:.8em;
background-color:#eee;
border:2px solid #009be3;
color:#000;
display:none;
}
.jp-no-solution a {
color:#000;
}
.jp-no-solution span {
font-size:1em;
display:block;
text-align:center;
font-weight:bold;
}
<script src="/js/modulos/audio/jquery.jplayer.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#jquery_jplayer_1").jPlayer({
ready: function () {
$(this).jPlayer("setMedia", {
mp3:"/js/modulos/audio/musica.mp3"
});
},
play: function() { // To avoid both jPlayers playing together.
$(this).jPlayer("pauseOthers");
},
repeat: function(event) { // Override the default jPlayer repeat event handler
if(event.jPlayer.options.loop) {
$(this).unbind(".jPlayerRepeat").unbind(".jPlayerNext");
$(this).bind($.jPlayer.event.ended + ".jPlayer.jPlayerRepeat", function() {
$(this).jPlayer("play");
});
} else {
$(this).unbind(".jPlayerRepeat").unbind(".jPlayerNext");
$(this).bind($.jPlayer.event.ended + ".jPlayer.jPlayerNext", function() {
$("#jquery_jplayer_2").jPlayer("play", 0);
});
}
},
swfPath: "/js/modulos/audio",
supplied: "mp3",
wmode: "window"
});
});
</script>
Atualizado em: 28/03/2012 14:49:53
button[type=submit] {
background-color:#c1dfda;
color:#449f91;
border:none;
padding:5px 10px;
}
button[type=submit]:hover {
background-color:#82bfb5;
color:#fff;
}
Atualizado em: 28/03/2012 14:52:05
Mensagem de Erro!
Mensagem de Erro!
/* Propriedades da classe 'feedback' herdadas do Módulo anterior */
.feedback.error {
background-color:#FBE3E4;
border: 1px solid #FBC2C4;
color: #8A1F11;
}
.feedback.error p {
background:url(modulos/8.17.form-feedback-error/img/error.png) no-repeat left center;
}
Atualizado em: 28/03/2012 14:51:51
Inserir aqui a legenda
form{
display:block;
padding:2%;
background:#f5f5f5;
border:1px solid #ddd;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
form label{
display:block;
margin: 0 0 20px 0;
}
form label[for=buscar],
form label[for=submit]{margin:0;}
form label span{
display:block;
font-size:12px;
font-weight:bold;
color:#666;
}
form label input[type=text],
form label input[type=password],
form label textarea{
display:block;
width:97.9%;
padding:8px 1%;
border:1px solid #ccc;
font-size:12px;
color:#333;
}
form label input[type=checkbox],
form label input[type=radio]{
margin:0 5px 0 0;
}
form label input[type=text]:hover,
form label input[type=text]:focus,
form label input[type=password]:hover,
form label input[type=password]:focus,
form label textarea:hover,
form label textarea:focus{
border:1px solid #bbb;
background:#f9f9f9;
}
form label input[type=submit]{
width:10%;
padding:8px;
border:1px solid #bbb;
background:#ccc;
font-size:12px;
text-transform:uppercase;
color:#666;
font-weight:bold;
}
form label input[type=submit]:hover{
border:1px solid #999;
background:#666;
color:#ccc;
}
form .password_strength {
padding-left:1%;
font-size:0.9em;
}
form .password_strength_1,
form .password_strength_2 {
background-color:#FBE3E4;
border: 1px solid #FBC2C4;
color: #8A1F11;
}
form .password_strength_3 {
background-color:#FFF6BF;
border: 1px solid #FFD324;
color: #514721;
}
form .password_strength_4,
form .password_strength_5 {
background-color:#E6EFC2;
border: 1px solid #C6D880;
color: #264409;
}
<script type="text/javascript" src="/js/modulos/jquery.password-strength.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#cadastre-password').password_strength();
});
</script>
Atualizado em: 28/03/2012 14:51:21
19/01/2012
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical
19/01/2012
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical
ul.list-articles {
overflow:hidden;
}
ul.list-articles li {
list-style-type:none;
}
ul.list-articles .thumb {
margin:0 10px 0 0;
}
ul.list-articles h3 {
margin:0 0 10px 5px;
padding:0;
line-height:1;
}
ul.list-articles .date {
margin:0 0 5px;
padding:0;
font-size:0.7em;
}
ul.list-articles .subtitle {
margin:0;
font-size:0.8em;
line-height:1;
}
.content-type {
overflow:hidden;
line-height:1;
margin-bottom:0.5em;
}
.content-type figure {
float:left; margin-right:0.5em;
}
/*@6.3.list-articles*/
/* -----------------------------------*/
/* ---------->>> Modal <<<------------*/
/* -----------------------------------*/
/* -----------------------------------*/
/* ------->>> Formulário <<<----------*/
/* -----------------------------------*/
/*@8.01.form-label*/
label {
display:block;
margin:5px 0px 10px 0px;
color:#999;
}
label span {
display:block;
color:#999;
}
.input-text {
border:solid 1px #c1dfda;
color:#999999;
}
.input-text:focus {
border:solid 1px #82bfb5;
}
/*@8.01.form-label*/
/*@8.02.form-text*/
/*propriedade herdada do item anterior*/
/*@8.02.form-text*/
/*@8.03.form-submit*/
.input-submit {
background-color:#c1dfda;
color:#449f91;
border:none;
padding:5px 10px;
}
.input-submit:hover {
background-color:#82bfb5;
color:#fff;
}
/*@8.03.form-submit*/
/*@8.04.form-textarea*/
.input-textarea {
border:solid 1px #c1dfda;
color:#999999;
}
.input-textarea:focus {
border:solid 1px #82bfb5;
}
/*@8.04.form-textarea*/
/*@8.05.form-file*/
.input-file {
color:#999;
}
/*@8.05.form-file*/
/*@8.06.form-select*/
.select-form {
border:solid 1px #c1dfda;
color:#999999;
padding:2px;
}
.select-form:focus {
border:solid 1px #82bfb5;
}
/*@8.06.form-select*/
/*@8.07.form-checkbox*/
.input-checkbox {
margin-right: 10px;
padding: 0;
vertical-align: baseline;
color:#999999;
}
/*@8.07.form-checkbox*/
/*@8.08.form-radio*/
.input-radio {
margin-right: 10px;
padding: 0;
vertical-align: baseline;
}
/*@8.08.form-radio*/
/*@8.09.form-select-action*/
input[type=submit]:disabled {
border:solid 1px #e5e5e5;
color:#e5e5e5;
background-color:#f5f5f5;
}
/*@8.09.form-select-action*/
/*@8.11.form-search-field*/
/* Utilizar o mesmo css do módulo: 8.12 */
/*@8.11.form-search-field*/
/*@8.12.form-cadastre*/
form{
display:block;
padding:2%;
background:#f5f5f5;
border:1px solid #ddd;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
form label{
display:block;
margin: 0 0 20px 0;
}
form label[for=buscar],
form label[for=submit]{margin:0;}
form label span{
display:block;
font-size:12px;
font-weight:bold;
color:#666;
}
form label input[type=text],
form label input[type=password],
form label textarea{
display:block;
width:97.9%;
padding:8px 1%;
border:1px solid #ccc;
font-size:12px;
color:#333;
}
form label input[type=checkbox],
form label input[type=radio]{
margin:0 5px 0 0;
}
form label input[type=text]:hover,
form label input[type=text]:focus,
form label input[type=password]:hover,
form label input[type=password]:focus,
form label textarea:hover,
form label textarea:focus{
border:1px solid #bbb;
background:#f9f9f9;
}
form label input[type=submit]{
width:10%;
padding:8px;
border:1px solid #bbb;
background:#ccc;
font-size:12px;
text-transform:uppercase;
color:#666;
font-weight:bold;
}
form label input[type=submit]:hover{
border:1px solid #999;
background:#666;
color:#ccc;
}
form .password_strength {
padding-left:1%;
font-size:0.9em;
}
form .password_strength_1,
form .password_strength_2 {
background-color:#FBE3E4;
border: 1px solid #FBC2C4;
color: #8A1F11;
}
form .password_strength_3 {
background-color:#FFF6BF;
border: 1px solid #FFD324;
color: #514721;
}
form .password_strength_4,
form .password_strength_5 {
background-color:#E6EFC2;
border: 1px solid #C6D880;
color: #264409;
}
/*@8.12.form-cadastre*/
/*@8.13.form-contact*/
/* Utilizar o mesmo css do módulo: 8.12 + */
.ddd{
float:left;
margin-right:2%;
width:18%;
}
.phone {
float:left;
width:80%;
}
/*@8.13.form-contact*/
/*@8.14.form-login*/
/* Utilizar o mesmo css do módulo: 8.12 */
/*@8.14.form-login*/
/*@8.15.form-password-strength*/
/* Utilizar o mesmo css do módulo: 8.12 */
/*@8.15.form-password-strength*/
/*@8.16.form-feedback-success*/
.feedback {
display:block;
width:96%;
padding:5px 2%;
margin:0 0 1em 0;
}
.feedback p {
margin:0;
padding:0 0 0 30px;
font-size:0.8em;
}
.feedback.success {
background-color:#E6EFC2;
border: 1px solid #C6D880;
color: #264409;
}
.feedback.success p {
background:url(modulos/8.16.form-feedback-success/img/success.png) no-repeat left center;
}
/*@8.16.form-feedback-success*/
/*@8.17.form-feedback-error*/
/* Propriedades da classe 'feedback' herdadas do Módulo anterior */
.feedback.error {
background-color:#FBE3E4;
border: 1px solid #FBC2C4;
color: #8A1F11;
}
.feedback.error p {
background:url(modulos/8.17.form-feedback-error/img/error.png) no-repeat left center;
}
/*@8.17.form-feedback-error*/
/*@8.18.form-feedback-alert*/
/* Propriedades da classe 'feedback' herdadas do Módulo 8.16 */
.feedback.alert {
background-color:#FFF6BF;
border: 1px solid #FFD324;
color: #514721;
}
.feedback.alert p {
background:url(modulos/8.18.form-feedback-alert/img/alert.png) no-repeat left center;
}
/*@8.18.form-feedback-alert*/
/*@8.19.form-feedback-information*/
/* Propriedades da classe 'feedback' herdadas do Módulo 8.16 */
.feedback.information {
background-color:#d8f7ff;
border: 1px solid #c0cadd;
color: #416997;
}
.feedback.information p {
background:url(modulos/8.19.form-feedback-information/img/info.png) no-repeat left center;
}
/*@8.19.form-feedback-information*/
/*@8.20.form-button*/
button[type=submit] {
background-color:#c1dfda;
color:#449f91;
border:none;
padding:5px 10px;
}
button[type=submit]:hover {
background-color:#82bfb5;
color:#fff;
}
/*@8.20.form-button*/
Atualizado em: 28/03/2012 14:50:14
© 2012 A2 Comunicação R. Doutor Costa Júnior, 465 - CEP 05002-000 - São Paulo - SP - Brasil - 55 (11) 3872-5565
Atualizado em: 28/03/2012 14:48:58
<script type="text/javascript" src="/js/modulos/jquery.raty.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#rating').raty({
cancel: true,
path: '/modulos/5.10.rating/img/'
});
});
</script>
Atualizado em: 28/03/2012 14:49:58
#social-networks {
height:55px;
}
#social-networks li {
margin-right: 15px;
position: relative;
float: left;
height:36px;
width:30px;
list-style:none;
}
#social-networks a,
#social-networks a:visited,
#social-networks a:hover {
margin: 0 auto;
width: 30px;
height: 30px;
text-indent: -9999px;
overflow: hidden;
background: url(modulos/5.06.widget-social-networks/img/redes_sociais.png) no-repeat;
display: block;
position: relative;
z-index: 2;
}
#social-networks a:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
-khtml-opacity: 0.7;
-moz-opacity: 0.7;
opacity: 0.7;
}
#social-networks li.facebook a {
background-position: -3px -3px;
}
#social-networks li.twitter a {
background-position: -49px -3px;
}
#social-networks li.orkut a {
background-position: -95px -3px;
}
#social-networks li.youtube a {
background-position: -140px -3px;
}
#social-networks li.flickr a {
background-position: -186px -3px;
}
#social-networks li.linkedin a {
background-position: -232px -3px;
}
#social-networks li.delicious a {
background-position: -278px -3px;
}
#social-networks li.picasa a {
background-position: -324px -3px;
}
#social-networks li.myspace a {
background-position: -369px -3px;
}
#social-networks li.tumblr a {
background-position: -415px -3px;
}
#social-networks li.rss a {
background-position: -462px -3px;
}
Atualizado em: 28/03/2012 14:49:47
label {
display:block;
margin:5px 0px 10px 0px;
color:#999;
}
label span {
display:block;
color:#999;
}
.input-text {
border:solid 1px #c1dfda;
color:#999999;
}
.input-text:focus {
border:solid 1px #82bfb5;
}
Atualizado em: 28/03/2012 14:50:28
input[type=submit]:disabled {
border:solid 1px #e5e5e5;
color:#e5e5e5;
background-color:#f5f5f5;
}
<script type="text/javascript">
$(document).ready(function () {
$('#select-action option').click(function() {
var valor = $('#select-action option:selected').val();
if ( valor =="" ) {
$('#select-submit').attr('disabled', 'disabled');
} else {
$('#select-submit').removeAttr('disabled');
}
});
});
</script>
Atualizado em: 28/03/2012 14:51:05
.es-carousel-wrapper{
background: #c1dfda;
padding:10px 40px;
position:relative;
}
.es-carousel{
overflow:hidden;
}
.es-carousel ul{
display:none;
overflow:hidden;
padding:0;
}
.es-carousel ul li{
height:100%;
float:left;
display:block;
}
.es-carousel ul li a{
display:block;
border-style:solid;
border-color:#82bfb5;
}
.es-carousel ul li a img{
display:block;
border:none;
max-height:100%;
max-width:100%;
}
.es-nav span{
position:absolute;
top:50%;
left:12px;
background:transparent url(modulos/2.06.navigation-carousel/img/nav.png) no-repeat top left;
width:14px;
height:26px;
margin-top:-13px;
text-indent:-9000px;
cursor:pointer;
opacity:0.8;
}
.es-nav span.es-nav-next{
right:12px;
left:auto;
background-position:top right;
}
.es-nav span:hover{
opacity:1.0;
}
<script type="text/javascript" src="/js/modulos/jquery.elastislide.js"></script>
<script type="text/javascript">
$('#carousel').elastislide({
imageW : 90,
margin : 10,
minItems : 3
});
</script>
Atualizado em: 28/03/2012 14:47:44
/* Utilizar o mesmo css do módulo: 8.12 */
Atualizado em: 28/03/2012 14:51:31
ul.list-files {
display:block;
margin: 0 0 20px 0;
padding:0;
}
ul.list-files li {
display:block;
padding:0;
border-bottom:1px dotted #ccc;
}
ul.list-files li a {
display:block;
padding:8px 10px 8px 40px;
font-size:12px;
}
ul.list-files li a[href $='.pdf'] {
background:url(modulos/6.01.list-files/img/pdf.png) no-repeat scroll left center;
}
ul.list-files li a[href $='.doc'] {
background:url(modulos/6.01.list-files/img/doc.png) no-repeat scroll left center;
}
ul.list-files li a[href $='.xls'] {
background:url(modulos/6.01.list-files/img/xls.png) no-repeat scroll left center;
}
ul.list-files li a[href $='.ppt'] {
background:url(modulos/6.01.list-files/img/ppt.png) no-repeat scroll left center;
}
ul.list-files li a[href $='.mp3'] {
background:url(modulos/6.01.list-files/img/mp3.png) no-repeat scroll left center;
}
ul.list-files li:nth-child(even) a {
background-color:#f9f9f9;
}
ul.list-files li a:hover {
background-color:#f5f5f5;
}
Atualizado em: 28/03/2012 14:50:05
Mensagem de Informação!
Mensagem de Informação!
/* Propriedades da classe 'feedback' herdadas do Módulo 8.16 */
.feedback.information {
background-color:#d8f7ff;
border: 1px solid #c0cadd;
color: #416997;
}
.feedback.information p {
background:url(modulos/8.19.form-feedback-information/img/info.png) no-repeat left center;
}
8.19.form-feedback-information
Atualizado em: 28/03/2012 14:52:00
ul.list-category {
display:block;
margin: 0 0 20px 0;
padding:0;
}
ul.list-category li {
display:block;
padding:0;
margin:0 1% 1% 0;
float:left;
}
ul.list-category li a {
display:block;
padding:5px 10px;
font-size:12px;
color:#666;
background:#f5f5f5;
text-decoration:none;
font-size:12px;
border:1px dotted #ccc;
float:left;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
transition:all 0.5s ease;
-o-transition:all 0, 5s ease;
-moz-transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
}
ul.list-category li a:hover {
background:#ddd;
border:1px solid #bbb;
transition:all 0.5s ease;
-o-transition:all 0, 5s ease;
-moz-transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
}
Atualizado em: 28/03/2012 14:50:10
Legenda da imagem
Legenda da imagem
Legenda da imagem
Legenda da imagem
.flex-container a:active,
.slideshow a:active {
outline: none;
}
.slides,
.flex-control-nav,
.flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
}
.slideshow {
width: 100%;
margin: 0;
padding: 0;
}
.slideshow .slides > li {
display: none;
}
.slideshow .slides img {
max-width: 100%;
display: block;
margin:0 auto;
}
.flex-pauseplay span {
text-transform: capitalize;
}
.slides:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .slides {
display: block;
}
* html .slides {
height: 1%;
}
.no-js .slides > li:first-child {
display: block;
}
.slideshow {
background: #fff;
position: relative;
zoom: 1;
}
.slideshow .slides {
zoom: 1;
}
.slideshow .slides > li {
position: relative;
}
.flex-container {
zoom: 1;
position: relative;
}
.flex-caption {
background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
zoom: 1;
}
.flex-caption {
width: 96%;
padding: 2%;
position: absolute;
left: 0;
bottom: 0;
background: rgba(0,0,0,.3);
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,.3);
font-size: 14px;
line-height: 18px;
}
.flex-direction-nav li a {
width: 52px;
height: 52px;
margin: -13px 0 0;
display: block;
background: url(modulos/4.03.image-slideshow/img/bg_direction_nav.png) no-repeat 0 0;
position: absolute;
top: 50%;
cursor: pointer;
text-indent: -9999px;
}
.flex-direction-nav li .next {
background-position: -52px 0;
right: -21px;
}
.flex-direction-nav li .prev {
left: -20px;
}
.flex-direction-nav li .disabled {
opacity: .3;
filter:alpha(opacity=30);
cursor: default;
}
.flex-control-nav {
width: 100%;
position: absolute;
bottom: -35px;
text-align: center;
}
.flex-control-nav li {
margin: 0 0 0 5px;
display: inline-block;
zoom: 1;
*display: inline;
}
.flex-control-nav li:first-child {
margin: 0;
}
.flex-control-nav li a {
width: 13px;
height: 13px;
display: block;
background: url(modulos/4.03.image-slideshow/img/bg_control_nav.png) no-repeat 0 0;
cursor: pointer;
text-indent: -9999px;
}
.flex-control-nav li a:hover {
background-position: 0 -13px;
}
.flex-control-nav li a.active {
background-position: 0 -26px;
cursor: default;
}
<script type="text/javascript" src="/js/modulos/jquery.flexslider-min.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('.slideshow').flexslider();
});
</script>
Atualizado em: 28/03/2012 14:49:08
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
<!-- Tema do jQueryUI usado :smoothness | arquivo css e imagens na pasta 'smoothness' -->
<link rel="stylesheet" href="/js/modulos/smoothness/jquery-ui-1.8.17.custom.css" />
<script src="/js/modulos/jquery-ui-1.8.17.custom.min.js"></script>
<script type="text/javascript">
$(function(){
$('#dialog').dialog({
autoOpen: false,
modal: true,
width: 600,
buttons: {
"Ok": function() {
$(this).dialog("close");
},
"Cancel": function() {
$(this).dialog("close");
}
}
});
$('#dialog_link').click(function(){
$('#dialog').dialog('open');
return false;
});
});
</script>
Atualizado em: 28/03/2012 14:50:22
/* Utilizar o mesmo css do módulo: 8.12 + */
.ddd{
float:left;
margin-right:2%;
width:18%;
}
.phone {
float:left;
width:80%;
}
Atualizado em: 28/03/2012 14:51:30
Lorem ipsum dolor sit amet, deo adoptavit cum. Conservus mihi servitute coniunx rex ut a civitas ad nomine. Hesterna studiis vadem singulas noveras aliqui civitatem auri est in modo genito in modo ad suis. Mutilena aliquam laetandum prudentia litteris erutis invenies eum. Apolloni sed eu fugiens laudo in deinde cupis ei Taliarchum in lucem.
ConstrasteLorem ipsum dolor sit amet, deo adoptavit cum. Conservus mihi servitute coniunx rex ut a civitas ad nomine. Hesterna studiis vadem singulas noveras aliqui civitatem auri est in modo genito in modo ad suis. Mutilena aliquam laetandum prudentia litteris erutis invenies eum. Apolloni sed eu fugiens laudo in deinde cupis ei Taliarchum in lucem.
.contrast {
background:url(modulos/5.05.contrast/img/sprite-tools.png) no-repeat -79px 0;
display:block;
width:20px;
height:20px;
outline:none;
text-indent:-9999px;
}
.contrast:hover {
background-position:-79px -20px;
}
<script src="/js/modulos/styleswitcher.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.contrast').click(function() {
if ( getActiveStyleSheet() == 'normal' )
setActiveStyleSheet('contraste');
else
setActiveStyleSheet('normal');
return false;
});
});
</script>
Atualizado em: 28/03/2012 14:49:42
<!-- Tema do jQueryUI usado:smoothness | arquivo css e imagens na pasta 'smoothness' -->
<link rel="stylesheet" href="/js/modulos/smoothness/jquery-ui-1.8.17.custom.css" />
<script src="/js/modulos/jquery-ui-1.8.17.custom.min.js"></script>
<script type="text/javascript">
$(function(){
$('#datepicker').datepicker();
});
</script>
Atualizado em: 28/03/2012 14:48:07