You are here

views_showcase.css in Views Showcase 6.2

Same filename and directory in other branches
  1. 7 css/views_showcase.css
/* $Id: views_showcase.css,v 1.1 2010/04/29 16:40:36 khaledzaidan Exp $ */ 
.views-showcase {
  background-color: #000;
  width: 520px;
  height: 225px;
  padding: 10px !important;
}

.views-showcase div.views-showcase-big-panel {
  list-style-image: none;
  margin:0;
  padding:0;
  height: 225px;
}

.views-showcase .views-showcase-big-panel li, .views-showcase .views-showcase-big-panel div {
  list-style-image: none;
  /*margin:0;*/
  padding:0;
  background: none;
}

.views-showcase-mini-list {
  width: 180px;
  overflow: hidden;
  height: 200px;
  background-color: #000;
}

.views-showcase-big-panel {
  width: 340px;
  height: 220px;
}

.views-showcase-pager-item {
  background-color: #000;
  opacity: 0.7;
  filter: alpha(opacity=70);
  padding: 0 5px;
  border-bottom: 1px dashed #FFF;
}

.views-showcase-mini-list .activeItem, .views-showcase-pager-item:hover {
  background-color: #666;
  color: #333;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.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-mini-list li.views-showcase-pager-item , .views-showcase-mini-list li.views-showcase-pager-subitem {
  background-image: none;
  padding: 0px;
}

.views-showcase-subitem label, .views-showcase-content-title, .views-showcase-naviation-title {
  display:none;
}

/*'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
  1. /* $Id: views_showcase.css,v 1.1 2010/04/29 16:40:36 khaledzaidan Exp $ */
  2. .views-showcase {
  3. background-color: #000;
  4. width: 520px;
  5. height: 225px;
  6. padding: 10px !important;
  7. }
  8. .views-showcase div.views-showcase-big-panel {
  9. list-style-image: none;
  10. margin:0;
  11. padding:0;
  12. height: 225px;
  13. }
  14. .views-showcase .views-showcase-big-panel li, .views-showcase .views-showcase-big-panel div {
  15. list-style-image: none;
  16. /*margin:0;*/
  17. padding:0;
  18. background: none;
  19. }
  20. .views-showcase-mini-list {
  21. width: 180px;
  22. overflow: hidden;
  23. height: 200px;
  24. background-color: #000;
  25. }
  26. .views-showcase-big-panel {
  27. width: 340px;
  28. height: 220px;
  29. }
  30. .views-showcase-pager-item {
  31. background-color: #000;
  32. opacity: 0.7;
  33. filter: alpha(opacity=70);
  34. padding: 0 5px;
  35. border-bottom: 1px dashed #FFF;
  36. }
  37. .views-showcase-mini-list .activeItem, .views-showcase-pager-item:hover {
  38. background-color: #666;
  39. color: #333;
  40. opacity: 0.7;
  41. filter: alpha(opacity=70);
  42. }
  43. .views-showcase-field-label, .views-showcase-field-content {
  44. display: inline;
  45. }
  46. ul.views-showcase-pager-item-sublist, ul.views-showcase-mini-list {
  47. list-style: none;
  48. }
  49. .views-showcase-mini-list li.views-showcase-pager-item , .views-showcase-mini-list li.views-showcase-pager-subitem {
  50. background-image: none;
  51. padding: 0px;
  52. }
  53. .views-showcase-subitem label, .views-showcase-content-title, .views-showcase-naviation-title {
  54. display:none;
  55. }
  56. /*'right' skin*/
  57. .skin-right .views-showcase-navigation-container {
  58. float: right;
  59. }
  60. .skin-right .views-showcase-content-container {
  61. float: left;
  62. }
  63. /*'left' skin*/
  64. .skin-left .views-showcase-navigation-container {
  65. float: left;
  66. }
  67. .skin-left .views-showcase-content-container {
  68. float: right;
  69. }