You are here

views_showcase.css in Views Showcase 7

Same filename and directory in other branches
  1. 6.2 css/views_showcase.css
/*
 *  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
  1. /*
  2. * General style
  3. */
  4. .views-showcase {
  5. background-color: #000;
  6. width: 520px;
  7. height: 225px;
  8. padding: 10px !important;
  9. }
  10. .views-showcase h3,
  11. .views-showcase h2 {
  12. display: none;
  13. }
  14. .views-showcase a {
  15. color: #fff;
  16. }
  17. .views-showcase ul {
  18. margin: 0;
  19. padding: 0;
  20. }
  21. .views-showcase-content-container {
  22. width: 325px;
  23. overflow: hidden;
  24. }
  25. .views-showcase-pager-item {
  26. background-color: #000;
  27. opacity: 0.7;
  28. filter: alpha(opacity=70);
  29. padding: 0 5px;
  30. border-bottom: 1px dashed #FFF;
  31. }
  32. .views-showcase-field-label,
  33. .views-showcase-field-content {
  34. display: inline;
  35. }
  36. ul.views-showcase-pager-item-sublist,
  37. ul.views-showcase-mini-list {
  38. list-style: none;
  39. }
  40. .views-showcase-subitem label,
  41. .views-showcase-content-title,
  42. .views-showcase-naviation-title {
  43. display: none;
  44. }
  45. /*
  46. * Navigation panel
  47. */
  48. .views-showcase-mini-list {
  49. width: 180px;
  50. overflow: hidden;
  51. height: 200px;
  52. background-color: #000;
  53. }
  54. .views-showcase-mini-list .activeItem,
  55. .views-showcase-pager-item a:hover {
  56. background-color: #666;
  57. color: #fff;
  58. text-decoration: none;
  59. }
  60. .views-showcase-mini-list li.views-showcase-pager-item,
  61. .views-showcase-mini-list li.views-showcase-pager-subitem {
  62. background-image: none;
  63. padding: 0px;
  64. }
  65. /*
  66. * Big Panel
  67. */
  68. .views-showcase .views-showcase-big-panel {
  69. list-style-image: none;
  70. margin:0;
  71. padding:0;
  72. width: 340px;
  73. height: 225px;
  74. }
  75. .views-showcase .views-showcase-big-panel li,
  76. .views-showcase .views-showcase-big-panel div {
  77. margin:0;
  78. padding:0;
  79. background: none;
  80. display: block;
  81. }
  82. /*'right' skin*/
  83. .skin-right .views-showcase-navigation-container {
  84. float: right;
  85. }
  86. .skin-right .views-showcase-content-container {
  87. float: left;
  88. }
  89. /*'left' skin*/
  90. .skin-left .views-showcase-navigation-container {
  91. float: left;
  92. }
  93. .skin-left .views-showcase-content-container {
  94. float: right;
  95. }