Os candidatos mais engraçados de todo o Brasil
misturados juntos em um só lugar aqui
...
![]()
![]()
![]()
/*CSS*/
body{
font-family: "Arial", "Helvetica", sans-serif;
}
div.conteudo{
position: relative;
left: 50%;
width: 960px;
margin: 0 0 0 -480px;
border: 1px solid black;
}
div.galeria{
margin-top: 50px;
}
div.img{
margin: 2px;
float: left;
width: 253px;
height: 199;
}
div.img img {
width: 100%;
background: url(../img/1.jpg);
}
div.img img:hover{
border:1px solid black;
}
: 150px;
padding: 0 1px; /* Webkit padding on transition fix */
cursor: pointer;
}
.galereya-cell-img,
.galereya-cell-desc {
width: 100%;
}
.galereya-cell-img {
display: block;
width: 150px;
image-rendering: optimizeSpeed;
}
.galereya-cell-desc {
font-size: 10pt;
position: absolute;
left: 0;
bottom: 0;
display: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 20px 10px;
text-align: center;
color: #fff;
background: rgba(0, 0, 0, .9);
opacity: 0;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.galereya-cell-desc-title {
font-weight: bold;
}
.galereya-cell-overlay {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
overflow: hidden;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-box-shadow: inset 0 0 10px 3px #000;
box-shadow: inset 0 0 10px 3px #000;
}
.galereya-cell:hover {
z-index: 1000;
}
.galereya-cell:hover .galereya-cell-desc {
bottom: 10px;
opacity: 100;
}
.galereya-cell:hover .galereya-cell-overlay {
-webkit-box-shadow: inset 0 0 0 0 #000, 0 0 20px 4px #000 !important;
box-shadow: inset 0 0 0 0 #000, 0 0 20px 4px #000 !important;
}
.galereya-cell.wave .galereya-cell-overlay{
-webkit-box-shadow: inset 0 0 10px -2px #000;
box-shadow: inset 0 0 10px -2px #000;
}
/* Gallery grid(end) */
/* Gallery slider(begin) */
.galereya-slider {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1000000;
display: none;
overflow: hidden;
background: transparent;
-webkit-transition: -webkit-transform .5s ease-out;
-moz-transition: -moz-transform .5s ease-out;
transition: transform .5s ease-out;
-o-transition: none;
-webkit-transform: translateX(110%);
-moz-transform: translateX(110%);
-ms-transform: translate(110%);
-o-transform: translateX(110%);
transform: translateX(110%);
}
.galereya-slider.opened {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translate(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.galereya-slider-nav {
position: absolute;
top: 0;
width: 48px;
height: 100%;
cursor: pointer;
opacity: 0;
background-color: #000;
background-repeat: no-repeat;
background-position: center;
background-size: 12px 30px;
-webkit-transition: opacity .3s ease-out;
-moz-transition: opacity .3s ease-out;
-o-transition: opacity .3s ease-out;
transition: opacity .3s ease-out;
}
.galereya-slider-nav.left { left: 0; background-image: url(../img/galereya-arrow_prev.png); }
.galereya-slider-nav.right { right: 0; background-image: url(../img/galereya-arrow_next.png); }
.galereya-slider-nav:active {
opacity: 0.15;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
.galereya-slider-desc {
font-size: 10pt;
position: absolute;
left: 0;
bottom: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 10px 10px;
width: 100%;
text-align: center;
color: #fff;
background: rgba(0, 0, 0, .8);
}
.galereya-slider-desc-title {}
.galereya-slider-close,
.galereya-slider-play {
position: absolute;
width: 48px;
height: 48px;
cursor: pointer;
opacity: 0.15;
background-size: 35px 35px;
background-repeat: no-repeat;
background-position: center;
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
.galereya-slider-close:active,
.galereya-slider-play:active {
opacity: 0.3;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
.galereya-slider-close {
top: 0;
left: 0;
background-image: url('../img/galereya-close.png')
}
.galereya-slider-play {
top: 0;
right: 0;
background-image: url('../img/galereya-play.png');
}
.galereya-slider-play.pause {
background-image: url('../img/galereya-pause.png');
}
.galereya-slider-container {
width: 100%;
height: 100%;
}
.galereya-slider-slide {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
overflow: hidden;
text-align: center;
background: #1a1a1a url('../img/black_lozenge.png');
background-size: 38px 38px;
-webkit-box-shadow: 0px 0px 20px 4px #000;
box-shadow: 0px 0px 20px 4px #000;
-webkit-transition: -webkit-transform .5s ease-out;
-moz-transition: -moz-transform .5s ease-out;
transition: transform .5s ease-out;
-o-transition: none; /*Sorry Opera, you are slow enough*/
}
.galereya-slide-loader {
position: absolute;
top: 50%;
left: 50%;
margin-left: -50px;
margin-top: -6px;
width: 100px;
height: 12px;
opacity: 0.15;
background: url('../img/galereya-slider-loader.gif') no-repeat center;
}
.galereya-slide-img {
max-width: 100%;
max-height: 100%;
}
.galereya-slider-slide.next {
-webkit-transform: translateX(110%);
-moz-transform: translateX(110%);
-ms-transform: translate(110%);
-o-transform: translateX(110%);
transform: translateX(110%);
}
.galereya-slider-slide.current {}
.galereya-slider-slide.prev {}
/* Gallery slider(end) */
/* Gallery (end) */
/*Media queries for hi-res devices*/
@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi){
.galereya-slider-close {
background-image: url('../img/galereya-close@2x.png');
}
.galereya-slider-play {
background-image: url('../img/galereya-play@2x.png');
}
.galereya-slider-play.pause {
background-image: url('../img/galereya-pause@2x.png');
}
.galereya-slider-nav.left { background-image: url(../img/galereya-arrow_prev@2x.png); }
.galereya-slider-nav.right { background-image: url(../img/galereya-arrow_next@2x.png); }
.galereya-slider-slide {
background-image: url('../img/black_lozenge_@2X.png');
}
}
/* Other devices and screens */
@media only screen and (min-width: 601px) {
.galereya-cell,
.galereya-cell-img {
width: 300px;
}
.galereya-cell-desc {
display: block;
}
.galereya-slider {
-webkit-transition: -webkit-transform 1s ease-out;
-moz-transition: -moz-transform 1s ease-out;
transition: transform 1s ease-out;
-o-transition: none; /*Sorry Opera, you are slow enough*/
}
.galereya-slider-nav { opacity: 0.05; }
.galereya-slider-slide {
-webkit-transition: -webkit-transform 1s ease-out;
-moz-transition: -moz-transform 1s ease-out;
transition: transform 1s ease-out;
-o-transition: none; /*Sorry Opera, you are slow enough*/
}
}
@media only screen and (min-width: 1025px) {
.galereya-cats.open .galereya-cats-item {
padding: 1px 25px 1px 10px;
}
}
Expandable Image Gallery | Codyhouse
Expandable Image Gallery
Produt Title
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officia, omnis illo iste ratione.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum voluptatem, quisquam veniam sequi in quasi excepturi laudantium fugit nihil odio minima quae consequuntur dolorum pariatur obcaecati, adipisci dignissimos officia saepe itaque deleniti porro odit vitae voluptate. Blanditiis sunt obcaecati corporis, alias adipisci. Eum illum voluptatibus expedita nulla eius provident pariatur!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum voluptatem, quisquam veniam sequi in quasi excepturi laudantium fugit nihil odio minima quae consequuntur dolorum pariatur obcaecati, adipisci dignissimos officia saepe itaque deleniti porro odit vitae voluptate.
?">RSS');
document.write('
?max-results=5">');
document.write("
?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
;
-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);
-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);
}
#cboxTopLeft{width:14px; height:14px; background:url(https://lh3.googleusercontent.com/-E2COAfbIz9I/T42VA9FunjI/AAAAAAAAD_M/NKJf8y74BKs/s225/controls.png) no-repeat 0 0;}
#cboxTopCenter{height:14px; background:url(https://lh4.googleusercontent.com/--SeTA6D94zU/T42VTrX4TxI/AAAAAAAAD_c/AKhTRygNB7k/s75/border.png) repeat-x top left;}
#cboxTopRight{width:14px; height:14px; background:url(https://lh3.googleusercontent.com/-E2COAfbIz9I/T42VA9FunjI/AAAAAAAAD_M/NKJf8y74BKs/s225/controls.png) no-repeat -36px 0;}
#cboxBottomLeft{width:14px; height:43px; background:url(https://lh3.googleusercontent.com/-E2COAfbIz9I/T42VA9FunjI/AAAAAAAAD_M/NKJf8y74BKs/s225/controls.png) no-repeat 0 -32px;}
#cboxBottomCenter{height:43px; background:url(https://lh4.googleusercontent.com/--SeTA6D94zU/T42VTrX4TxI/AAAAAAAAD_c/AKhTRygNB7k/s75/border.png) repeat-x bottom left;}
#cboxBottomRight{width:14px; height:43px; background:url(https://lh3.googleusercontent.com/-E2COAfbIz9I/T42VA9FunjI/AAAAAAAAD_M/NKJf8y74BKs/s225/controls.png) no-repeat -36px -32px;}
#cboxMiddleLeft{width:14px; background:url(https://lh3.googleusercontent.com/-E2COAfbIz9I/T42VA9FunjI/AAAAAAAAD_M/NKJf8y74BKs/s225/controls.png) repeat-y -175px 0;}
#cboxMiddleRight{width:14px; background:url(https://lh3.googleusercontent.com/-E2COAfbIz9I/T42VA9FunjI/AAAAAAAAD_M/NKJf8y74BKs/s225/controls.png) repeat-y -211px 0;}
#cboxContent{background:#fff; overflow:visible;}
#cboxLoadedContent{margin-bottom:5px;}
#cboxLoadingOverlay{background:url(https://lh6.googleusercontent.com/-E9dVofW8BBY/T42WBJ5M22I/AAAAAAAAD_w/w7AL0l9gVKk/s40/loading-background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(https://lh5.googleusercontent.com/-ibVOtcbbUyU/T42WNcii6_I/AAAAAAAAEAE/Mrplo9QsPks/s32/loading.gif) no-repeat center center;}
#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(https://lh3.googleusercontent.com/-E2COAfbIz9I/T42VA9FunjI/AAAAAAAAD_M/NKJf8y74BKs/s225/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
#cboxPrevious{left:0px; background-position: -51px -25px;}
#cboxPrevious.hover{background-position:-51px 0px;}
#cboxNext{left:27px; background-position:-75px -25px;}
#cboxNext.hover{background-position:-75px 0px;}
#cboxClose{right:0; background-position:-100px -25px;}
#cboxClose.hover{background-position:-100px 0px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}
#subscribe {
font: 12px/1.2 Arial,Helvetica,san-serif; color:#666;
}
#subscribe a,
#subscribe a:hover,
#subscribe a:visited {
text-decoration:none;
}
.box-title {
color: #3B5998;
font-size: 20px !important;
font-weight: bold;
margin: 10px 0;
border:1px solid #ddd;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
box-shadow: 5px 5px 5px #CCCCCC;
padding:10px;
line-height:25px; font-family:arial !important;
}
.box-tagline {
color: #999;
margin: 0;
text-align: center;
}
#subs-container {
padding: 35px 0 30px 0;
position: relative;
}
a:link, a:visited {
border:none;
}
.demo {
display:none;
}
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'></script>
<script src=)