rotating_banner.css in Rotating Banner 7
Same filename and directory in other branches
.rotating-banner {
height: auto;
margin: 0 auto;
width: 100%;
}
.rb-link {
display: block;
}
.rotating-banner .rb-link:hover,
.rotating-banner .rb-link:visited,
.rotating-banner .rb-link:link,
.rotating-banner .rb-link:active {
font-size: inherit;
text-decoration: none;
color: inherit;
}
.rotating-banner .rb-slides {
/* border: 1px dashed #aaa; */
height: auto;
overflow: hidden;
position: relative;
width: auto;
}
.rb-textbox-wrapper {
white-space: nowrap;
}
.jCycleActivated-processed .rb-slide.tallest {
display: block !important;
position: relative !important;
}
.rb-slide {
display: none;
line-height: 0;
opacity: 0;
}
/* Hide all slides except the first one to avoid seeing both together before cycle inits */
.rb-slide.rb-first-slide {
display: block;
opacity: 1;
}
.fluid img {
height: auto;
width: 100%;
}
.rb-textbox-type-header {
font-size: 16px;
font-weight: bold;
}
.layout-wrapper {
line-height: 1.5em;
position: absolute;
}
.layout-wrapper:hover {
cursor: pointer;
}
.layout-wrapper.top-left {
left: 0;
margin: 1em 0 0 1em;
top: 0;
}
.layout-wrapper.top-right {
right: 0;
margin: 1em 1em 0 0;
text-align: right;
top: 0;
}
.layout-wrapper.bottom-left {
bottom: 0;
margin: 0 0 1em 1em;
left: 0;
}
.layout-wrapper.bottom-right {
bottom: 0;
margin: 0 1em 1em 0;
text-align: right;
right: 0;
}
.layout-wrapper.custom {
left: 0;
height: 100%;
top: 0;
width: 100%;
}
.custom .rb-textbox-wrapper {
position: absolute;
}
.controls {
text-align: center;
}
.controls.none {
display: none;
}
.controls a {
display: inline-block;
font-weight: bold;
margin: 2px;
padding: 5px;
line-height: 10px;
}
.controls.buttons a {
background: #CCC;
color: transparent;
font-size: 0;
height: 0;
text-indent: -2000px;
width: 0;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.controls.buttons a.activeSlide {
background: #000;
}
.controls.numbers a {
color: #CCC;
}
.controls.numbers a.activeSlide {
color: #000;
}
.static-wrapper {
overflow: hidden;
}
File
rotating_banner.cssView source
-
- .rotating-banner {
- height: auto;
- margin: 0 auto;
- width: 100%;
- }
-
- .rb-link {
- display: block;
- }
-
- .rotating-banner .rb-link:hover,
- .rotating-banner .rb-link:visited,
- .rotating-banner .rb-link:link,
- .rotating-banner .rb-link:active {
- font-size: inherit;
- text-decoration: none;
- color: inherit;
- }
-
- .rotating-banner .rb-slides {
- /* border: 1px dashed #aaa; */
- height: auto;
- overflow: hidden;
- position: relative;
- width: auto;
- }
-
- .rb-textbox-wrapper {
- white-space: nowrap;
- }
-
- .jCycleActivated-processed .rb-slide.tallest {
- display: block !important;
- position: relative !important;
- }
-
- .rb-slide {
- display: none;
- line-height: 0;
- opacity: 0;
- }
- /* Hide all slides except the first one to avoid seeing both together before cycle inits */
- .rb-slide.rb-first-slide {
- display: block;
- opacity: 1;
- }
-
- .fluid img {
- height: auto;
- width: 100%;
- }
-
- .rb-textbox-type-header {
- font-size: 16px;
- font-weight: bold;
- }
-
- .layout-wrapper {
- line-height: 1.5em;
- position: absolute;
- }
-
- .layout-wrapper:hover {
- cursor: pointer;
- }
-
- .layout-wrapper.top-left {
- left: 0;
- margin: 1em 0 0 1em;
- top: 0;
- }
-
- .layout-wrapper.top-right {
- right: 0;
- margin: 1em 1em 0 0;
- text-align: right;
- top: 0;
- }
-
- .layout-wrapper.bottom-left {
- bottom: 0;
- margin: 0 0 1em 1em;
- left: 0;
- }
-
- .layout-wrapper.bottom-right {
- bottom: 0;
- margin: 0 1em 1em 0;
- text-align: right;
- right: 0;
- }
-
- .layout-wrapper.custom {
- left: 0;
- height: 100%;
- top: 0;
- width: 100%;
- }
-
- .custom .rb-textbox-wrapper {
- position: absolute;
- }
-
- .controls {
- text-align: center;
- }
-
- .controls.none {
- display: none;
- }
-
- .controls a {
- display: inline-block;
- font-weight: bold;
- margin: 2px;
- padding: 5px;
- line-height: 10px;
- }
-
- .controls.buttons a {
- background: #CCC;
- color: transparent;
- font-size: 0;
- height: 0;
- text-indent: -2000px;
- width: 0;
- border-radius: 5px;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- }
-
- .controls.buttons a.activeSlide {
- background: #000;
- }
-
- .controls.numbers a {
- color: #CCC;
- }
-
- .controls.numbers a.activeSlide {
- color: #000;
- }
-
- .static-wrapper {
- overflow: hidden;
- }