views_showcase.css in Views Showcase 7
/*
* General style
*/
.views-showcase {
background-color: #000;
width: 520px;
height: 225px;
padding: 10px !important;
}
.views-showcase h3,
.views-showcase h2 {
display: none;
}
.views-showcase a {
color: #fff;
}
.views-showcase ul {
margin: 0;
padding: 0;
}
.views-showcase-content-container {
width: 325px;
overflow: hidden;
}
.views-showcase-pager-item {
background-color: #000;
opacity: 0.7;
filter: alpha(opacity=70);
padding: 0 5px;
border-bottom: 1px dashed #FFF;
}
.views-showcase-field-label,
.views-showcase-field-content {
display: inline;
}
ul.views-showcase-pager-item-sublist,
ul.views-showcase-mini-list {
list-style: none;
}
.views-showcase-subitem label,
.views-showcase-content-title,
.views-showcase-naviation-title {
display: none;
}
/*
* Navigation panel
*/
.views-showcase-mini-list {
width: 180px;
overflow: hidden;
height: 200px;
background-color: #000;
}
.views-showcase-mini-list .activeItem,
.views-showcase-pager-item a:hover {
background-color: #666;
color: #fff;
text-decoration: none;
}
.views-showcase-mini-list li.views-showcase-pager-item,
.views-showcase-mini-list li.views-showcase-pager-subitem {
background-image: none;
padding: 0px;
}
/*
* Big Panel
*/
.views-showcase .views-showcase-big-panel {
list-style-image: none;
margin:0;
padding:0;
width: 340px;
height: 225px;
}
.views-showcase .views-showcase-big-panel li,
.views-showcase .views-showcase-big-panel div {
margin:0;
padding:0;
background: none;
display: block;
}
/*'right' skin*/
.skin-right .views-showcase-navigation-container {
float: right;
}
.skin-right .views-showcase-content-container {
float: left;
}
/*'left' skin*/
.skin-left .views-showcase-navigation-container {
float: left;
}
.skin-left .views-showcase-content-container {
float: right;
}
File
css/views_showcase.css
View source
- /*
- * General style
- */
- .views-showcase {
- background-color: #000;
- width: 520px;
- height: 225px;
- padding: 10px !important;
- }
-
- .views-showcase h3,
- .views-showcase h2 {
- display: none;
- }
-
- .views-showcase a {
- color: #fff;
- }
-
- .views-showcase ul {
- margin: 0;
- padding: 0;
- }
-
- .views-showcase-content-container {
- width: 325px;
- overflow: hidden;
- }
-
- .views-showcase-pager-item {
- background-color: #000;
- opacity: 0.7;
- filter: alpha(opacity=70);
- padding: 0 5px;
- border-bottom: 1px dashed #FFF;
- }
-
- .views-showcase-field-label,
- .views-showcase-field-content {
- display: inline;
- }
-
- ul.views-showcase-pager-item-sublist,
- ul.views-showcase-mini-list {
- list-style: none;
- }
-
- .views-showcase-subitem label,
- .views-showcase-content-title,
- .views-showcase-naviation-title {
- display: none;
- }
-
-
- /*
- * Navigation panel
- */
-
- .views-showcase-mini-list {
- width: 180px;
- overflow: hidden;
- height: 200px;
- background-color: #000;
- }
-
- .views-showcase-mini-list .activeItem,
- .views-showcase-pager-item a:hover {
- background-color: #666;
- color: #fff;
-
- text-decoration: none;
- }
-
- .views-showcase-mini-list li.views-showcase-pager-item,
- .views-showcase-mini-list li.views-showcase-pager-subitem {
- background-image: none;
- padding: 0px;
- }
-
-
- /*
- * Big Panel
- */
- .views-showcase .views-showcase-big-panel {
- list-style-image: none;
- margin:0;
- padding:0;
- width: 340px;
- height: 225px;
- }
-
- .views-showcase .views-showcase-big-panel li,
- .views-showcase .views-showcase-big-panel div {
- margin:0;
- padding:0;
- background: none;
- display: block;
- }
-
- /*'right' skin*/
-
- .skin-right .views-showcase-navigation-container {
- float: right;
- }
-
- .skin-right .views-showcase-content-container {
- float: left;
- }
-
- /*'left' skin*/
-
-
- .skin-left .views-showcase-navigation-container {
- float: left;
- }
-
- .skin-left .views-showcase-content-container {
- float: right;
- }