jquery-carousel-default.css in jQuery carousel 8
Same filename and directory in other branches
.preview-section .rs-carousel-horizontal { width: 500px; } #container { position: relative; width: 80%; } /* carousel */ .rs-carousel { overflow: hidden; } .rs-carousel .rs-carousel-mask { position: relative; overflow: hidden; border: 6px solid #444; } .rs-carousel .rs-carousel-runner { overflow: hidden; margin: 0; padding: 0; list-style: none; } .no-js .rs-carousel .rs-carousel-runner { position: static; } .rs-carousel .rs-carousel-item { float: left; width: 150px; height: 150px; color: #fff; font-size: 8em; text-align: center; margin: 0; } .rs-carousel.rs-carousel-vertical .rs-carousel-item { float: none; } /* pagination */ .rs-carousel-pagination { list-style: none; margin: 0; padding: 0; } .rs-carousel-disabled .rs-carousel-pagination { display: none; } .rs-carousel-pagination-link { display: inline; } .rs-carousel-pagination-link a { padding: 2px 6px; } .rs-carousel-pagination-link a:hover { text-decoration: none; } .rs-carousel-pagination-link-active a { background: #444; color: #fff; } /* next & prev actions */ .rs-carousel-disabled .rs-carousel-action-next, .rs-carousel-disabled .rs-carousel-action-prev { display: none; } .rs-carousel-action-disabled { color: gray; cursor: default; } /** my carousel 1 **/ /** horizontal **/ #my-carousel-1 .rs-carousel-mask { height: 150px; } /** items per page **/ #my-carousel-1.rs-carousel-items-1 .rs-carousel-mask { width: 150px; } #my-carousel-1.rs-carousel-items-2 .rs-carousel-mask { width: 300px; } #my-carousel-1.rs-carousel-items-3 .rs-carousel-mask { width: 450px; } #my-carousel-1.rs-carousel-items-4 .rs-carousel-mask { width: 600px; } /** vertical **/ #my-carousel-1.rs-carousel-vertical .rs-carousel-mask { width: 150px; } /** items per page **/ #my-carousel-1.rs-carousel-vertical.rs-carousel-items-1 .rs-carousel-mask { height: 150px; } #my-carousel-1.rs-carousel-vertical.rs-carousel-items-2 .rs-carousel-mask { height: 300px; } #my-carousel-1.rs-carousel-vertical.rs-carousel-items-3 .rs-carousel-mask { height: 450px; } #my-carousel-1.rs-carousel-vertical.rs-carousel-items-4 .rs-carousel-mask { height: 600px; } .color-1 { background: #007cd2; } .color-2 { background: #1788d7; } .color-3 { background: #3798db; } .color-4 { background: #62acdf; } .color-5 { background: #86bbe0; } .color-6 { background: #a7c7de; } .color-7 { background: #d5dbdf; } .rs-carousel-cloned { background: red; } .field, .actions { margin: 20px; } .action-set .action { display: inline; } ul.base, ol.base { list-style: none; padding: 0; } .rs-carousel.rs-carousel-vertical .rs-carousel-mask { width: 150px; height: 500px; }
File
jcarousel-themes/default/jquery-carousel-default.cssView source
- .preview-section .rs-carousel-horizontal {
- width: 500px;
- }
-
- #container {
- position: relative;
- width: 80%;
- }
-
- /* carousel */
- .rs-carousel {
- overflow: hidden;
- }
-
- .rs-carousel .rs-carousel-mask {
- position: relative;
- overflow: hidden;
- border: 6px solid #444;
- }
-
- .rs-carousel .rs-carousel-runner {
- overflow: hidden;
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .no-js .rs-carousel .rs-carousel-runner {
- position: static;
- }
-
- .rs-carousel .rs-carousel-item {
- float: left;
- width: 150px;
- height: 150px;
- color: #fff;
- font-size: 8em;
- text-align: center;
- margin: 0;
- }
-
- .rs-carousel.rs-carousel-vertical .rs-carousel-item {
- float: none;
- }
-
- /* pagination */
- .rs-carousel-pagination {
- list-style: none;
- margin: 0;
- padding: 0;
- }
-
- .rs-carousel-disabled .rs-carousel-pagination {
- display: none;
- }
-
- .rs-carousel-pagination-link {
- display: inline;
- }
-
- .rs-carousel-pagination-link a {
- padding: 2px 6px;
- }
-
- .rs-carousel-pagination-link a:hover {
- text-decoration: none;
- }
-
- .rs-carousel-pagination-link-active a {
- background: #444;
- color: #fff;
- }
-
- /* next & prev actions */
- .rs-carousel-disabled .rs-carousel-action-next,
- .rs-carousel-disabled .rs-carousel-action-prev {
- display: none;
- }
-
- .rs-carousel-action-disabled {
- color: gray;
- cursor: default;
- }
-
- /** my carousel 1 **/
-
- /** horizontal **/
- #my-carousel-1 .rs-carousel-mask {
- height: 150px;
- }
-
- /** items per page **/
- #my-carousel-1.rs-carousel-items-1 .rs-carousel-mask {
- width: 150px;
- }
-
- #my-carousel-1.rs-carousel-items-2 .rs-carousel-mask {
- width: 300px;
- }
-
- #my-carousel-1.rs-carousel-items-3 .rs-carousel-mask {
- width: 450px;
- }
-
- #my-carousel-1.rs-carousel-items-4 .rs-carousel-mask {
- width: 600px;
- }
-
- /** vertical **/
- #my-carousel-1.rs-carousel-vertical .rs-carousel-mask {
- width: 150px;
- }
-
- /** items per page **/
- #my-carousel-1.rs-carousel-vertical.rs-carousel-items-1 .rs-carousel-mask {
- height: 150px;
- }
-
- #my-carousel-1.rs-carousel-vertical.rs-carousel-items-2 .rs-carousel-mask {
- height: 300px;
- }
-
- #my-carousel-1.rs-carousel-vertical.rs-carousel-items-3 .rs-carousel-mask {
- height: 450px;
- }
-
- #my-carousel-1.rs-carousel-vertical.rs-carousel-items-4 .rs-carousel-mask {
- height: 600px;
- }
-
- .color-1 {
- background: #007cd2;
- }
- .color-2 {
- background: #1788d7;
- }
- .color-3 {
- background: #3798db;
- }
- .color-4 {
- background: #62acdf;
- }
- .color-5 {
- background: #86bbe0;
- }
- .color-6 {
- background: #a7c7de;
- }
- .color-7 {
- background: #d5dbdf;
- }
-
- .rs-carousel-cloned {
- background: red;
- }
-
- .field,
- .actions {
- margin: 20px;
- }
-
- .action-set .action {
- display: inline;
- }
-
- ul.base,
- ol.base {
- list-style: none;
- padding: 0;
- }
-
- .rs-carousel.rs-carousel-vertical .rs-carousel-mask {
- width: 150px;
- height: 500px;
- }