Slide de postagens recentes- código CSS

Views:
SLIDE DE POSTAGENS RECENTES BY ELAINE GASPARETO
*************************/
.gadgetslide {
margin: 25px 0 4px 0;
width: 740px; /*LARGURA DO SLIDE*/
float: left;
}
#gadgetdireitawrapper {
margin: 25px 0 4px 0;
}
.gadgetslide h2.title { display: none; }
#slide-container h2 {
margin: 0;
padding: 7px 0;
font: normal normal 15px Arial, Tahoma, sans-serif; /*FONTE DO TÍTULO DOS POSTS NO SLIDE*/
color: #000000; /*COR DA FONTE*/
text-align: center; /*ALINHAMENTO DO TEXTO*/
background: #FFC6E2; /*COR DE FUNDO DA ÁREA DO TÍTULO DOS POSTS*/
display: block;
text-transform: uppercase; /*COLOCA O TEXTO EM CAPSLOCK, APAGUE SE PREFERIR*/
}
span.slide-desc {
margin: 0; padding: 7px 0 0;
font: normal normal 11px/1.2em 'Tahoma', sans-serif;
color: #777;
text-align: center;
display: none; }
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
.flexslider li {
border: 0 none!important;
padding: 0!important;
text-indent: 0!important;
margin-bottom: 0!important;
}
.flexslider { margin: 0; padding: 0;}
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }
.flexslider .slides img { width: 100%; height: auto; display: block; margin: 0 auto; text-align: center; }
.flexslider .slides, .flexslider .slides img, .flex-direction-nav { margin: 0 auto!important; padding: 0!important; }
.flex-pauseplay span {  }
.slides:after { content: "\0020"; 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; }
.flexslider {
margin: 0 0 60px;
background: #fff; /*COR DE FUNDO DO SLIDE*/
position: relative;
zoom: 1;
padding: 0 4px 7px;
}
.flex-viewport {
max-height: 350px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.loading .flex-viewport {
max-height: 210px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  {
text-decoration:none;
display: block;
width: 40px;
height: 45px;
margin: -20px 0 0;
position: absolute;
top: 50%;
z-index: 10;
overflow: hidden;
opacity: 0;
cursor: pointer;
color: rgba(0,0,0,0.8);
text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease; transition: all .3s ease;
}
.flex-direction-nav .flex-prev {
background: url("http://static.tumblr.com/b0qsj22/svknjnuo7/arrows.png") no-repeat scroll -15px -92px transparent; /*SETA À ESQUERDA, ALTERE SE DESEJAR*/
left: -4px;
}
.flex-direction-nav .flex-next {
background: url("http://static.tumblr.com/b0qsj22/svknjnuo7/arrows.png") no-repeat scroll -15px -15px transparent; /*SETA À DIREITA, ALTERE SE DESEJAR*/
right: -4px;
text-align: right;
}
.flexslider:hover .flex-prev { opacity: 1; left: 10px; }
.flexslider:hover .flex-next { opacity: 1; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {
margin: 0 6px;
display: inline-block;
zoom: 1;
*display: inline;
}
.flex-control-paging li a {
width: 11px;
height: 11px;
display: block;
background: #e33544 no-repeat; /*COR DA BOLINHA*/
border-radius: 100px; /*GRAU DE ARREDONDAMENTO DA BOLINHA*/
cursor: pointer;
text-indent: -77777px;
}
.flex-control-paging li a:hover {
background: #000 no-repeat; /*BOLINHA EM ESTADO HOVER*/
}
.flex-control-paging li a.flex-active {
background: #FC0342 no-repeat;  /*BOLINHA ATIVA*/
cursor: default;
}
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
.flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}
/*************************


Home Sobre mim Tutoriais Loja de templates Portfólio Fanpage