You are here

ddblock.css in Dynamic display block 6

/* default dynamic display block */ 
.ddblock-container {
  position: relative;
}

/* default dynamic display block number pager */
.ddblock-number-pager a.activeSlide  { 
  background: #88f; 
}
.ddblock-number-pager a:focus { 
  outline: none; 
}
.ddblock-number-pager  { 
/*  padding-bottom: 3px;     /* margin between bottom of pager and content */
  position: relative; 
  left: 0; 
  display: block;
}
.ddblock-number-pager a { 
  margin: 0 2px 2px 0;      /* margin right and bottom between pagers */
  padding: 0px 6px;         /* pading left and right inside pager */
  border: 1px solid #ccc; 
  background: #fc0; 
  text-decoration: none; 
  display: block;
  float: left;
  font-size:.9em;          /* adjust fontsize */
}
.ddblock-number-pager {display:block;position:relative;}
.ddblock-number-pager ul {list-style-type:none;margin:0!important;padding:0!important;}
.ddblock-number-pager ul li {background:#fff!important;display:inline;list-style-type:none!important;margin:0!important;padding:0!important;}
.ddblock-number-pager ul li a.pager-link{background:#fc0;border:1px solid #ccc;display:block;float:left;font-family:Tahoma,Arial,sans-serif;font-size:.7em;font-weight:bold;height:15px;line-height:15px;margin:0 2px 0 0;text-align:center;text-decoration:none!important;width:15px;}
.ddblock-number-pager ul li a.activeSlide{background:#999;color:#fff!important;}
.ddblock-number-pager ul li a:focus{outline:none;}
.ddblock-number-pager ul li a.pager-link:hover{background:#999;color:#fff!important;}
.ddblock-number-pager ul li a.prev,
.ddblock-number-pager ul li a.next{background:#fc0;border:1px solid #ccc;display:block;float:left;font-family:Tahoma,Arial,sans-serif;font-size:.8em;font-weight:bold;height:15px;line-height:15px;margin:0 2px 0 0;text-align:center;text-decoration:none!important;width:30px;}

/* default dynamic display block prev-next pager */
.ddblock-prev-next-pager a.activeSlide  { 
  background: #88f; 
}
.ddblock-prev-next-pager a:focus { 
  outline: none; 
}
.ddblock-prev-next-pager  { 
/*  padding-bottom: 3px;     /* margin between bottom of pager and content */
  position: relative; 
  left: 0; 
  display: block;
}
.ddblock-prev-next-pager a { 
  background: #fc0; 
  border: 1px solid #ccc; 
  display: block;
  float: left;
  font-size:.9em;          /* adjust fontsize */
  height:15px;
  line-height:15px;
  margin: 0 2px 2px 0;      /* margin right and bottom between pagers */
  padding: 0px 6px;         /* pading left and right inside pager */
  text-decoration: none; 
  width:30px;
}

/* default dynamic display block image pager */
.ddblock-image-pager a.activeSlide  { 
  background: #ddd; 
}
.ddblock-image-pager a:focus { 
  outline: none; 
}
ul.ddblock-image-pager { 
  margin: 0 0 3px 0; 
  padding: 0; 
  line-height:1em;
}
.ddblock-image-pager li { 
/* width: 61px;         /*width of list item 55 from picture width + 2 X 3px padding*/
  float: left; 
  margin: 0 3px 3px 0; /* margin right and bottom between pagers */
  padding: 0;
  list-style: none; 
  border: 1px solid #ccc; 
  background: #fff;
}
.ddblock-image-pager li a { 
/*  width: 55px;         /* width of list item*/
/*  height: 55px;        /*height of list item*/
  padding: 3px; 
  display: block; 
  background: #fff;
}
.ddblock-image-pager li img { 
  border: none; 
  display: inline; 
  margin: 0 !important;
  padding: 0 !important;
}

.ddblock-image-pager {display:block;position:relative;}
.ddblock-image-pager ul {list-style-type:none;margin:0!important;padding:0!important;}
.ddblock-image-pager ul li {background:#fff!important;display:inline;list-style:none!important;padding:0!important;}
.ddblock-image-pager ul li a.pager-link{background:#fff;border:1px solid #ccc;display:block;float:left;font-family:Tahoma,Arial,sans-serif;font-size:.7em;font-weight:bold;height:55px;line-height:55px;margin:0 2px 2px 0;padding:3px;text-align:center;text-decoration:none!important;width:55px;}
.ddblock-image-pager ul li a.activeSlide{background:#ddd;color:#fff!important;}
.ddblock-image-pager ul li a:focus{outline:none;}
.ddblock-image-pager ul li a.pager-link:hover{background:#ddd;color:#fff!important;}

.ddblock-image-pager ul li a.prev{background:#fff!important;display:inline;list-style:none!important;padding:0!important;}
.ddblock-image-pager ul li a.next{background:#fff!important;display:inline;list-style:none!important;padding:0!important;}


/* default dynamic display block custom pager */
.ddblock-custom-pager a.activeSlide  { 
background: #eee; 
}
.ddblock-custom-pager a:focus { 
  outline: none; 
}

File

ddblock.css
View source
  1. /* default dynamic display block */
  2. .ddblock-container {
  3. position: relative;
  4. }
  5. /* default dynamic display block number pager */
  6. .ddblock-number-pager a.activeSlide {
  7. background: #88f;
  8. }
  9. .ddblock-number-pager a:focus {
  10. outline: none;
  11. }
  12. .ddblock-number-pager {
  13. /* padding-bottom: 3px; /* margin between bottom of pager and content */
  14. position: relative;
  15. left: 0;
  16. display: block;
  17. }
  18. .ddblock-number-pager a {
  19. margin: 0 2px 2px 0; /* margin right and bottom between pagers */
  20. padding: 0px 6px; /* pading left and right inside pager */
  21. border: 1px solid #ccc;
  22. background: #fc0;
  23. text-decoration: none;
  24. display: block;
  25. float: left;
  26. font-size:.9em; /* adjust fontsize */
  27. }
  28. .ddblock-number-pager {display:block;position:relative;}
  29. .ddblock-number-pager ul {list-style-type:none;margin:0!important;padding:0!important;}
  30. .ddblock-number-pager ul li {background:#fff!important;display:inline;list-style-type:none!important;margin:0!important;padding:0!important;}
  31. .ddblock-number-pager ul li a.pager-link{background:#fc0;border:1px solid #ccc;display:block;float:left;font-family:Tahoma,Arial,sans-serif;font-size:.7em;font-weight:bold;height:15px;line-height:15px;margin:0 2px 0 0;text-align:center;text-decoration:none!important;width:15px;}
  32. .ddblock-number-pager ul li a.activeSlide{background:#999;color:#fff!important;}
  33. .ddblock-number-pager ul li a:focus{outline:none;}
  34. .ddblock-number-pager ul li a.pager-link:hover{background:#999;color:#fff!important;}
  35. .ddblock-number-pager ul li a.prev,
  36. .ddblock-number-pager ul li a.next{background:#fc0;border:1px solid #ccc;display:block;float:left;font-family:Tahoma,Arial,sans-serif;font-size:.8em;font-weight:bold;height:15px;line-height:15px;margin:0 2px 0 0;text-align:center;text-decoration:none!important;width:30px;}
  37. /* default dynamic display block prev-next pager */
  38. .ddblock-prev-next-pager a.activeSlide {
  39. background: #88f;
  40. }
  41. .ddblock-prev-next-pager a:focus {
  42. outline: none;
  43. }
  44. .ddblock-prev-next-pager {
  45. /* padding-bottom: 3px; /* margin between bottom of pager and content */
  46. position: relative;
  47. left: 0;
  48. display: block;
  49. }
  50. .ddblock-prev-next-pager a {
  51. background: #fc0;
  52. border: 1px solid #ccc;
  53. display: block;
  54. float: left;
  55. font-size:.9em; /* adjust fontsize */
  56. height:15px;
  57. line-height:15px;
  58. margin: 0 2px 2px 0; /* margin right and bottom between pagers */
  59. padding: 0px 6px; /* pading left and right inside pager */
  60. text-decoration: none;
  61. width:30px;
  62. }
  63. /* default dynamic display block image pager */
  64. .ddblock-image-pager a.activeSlide {
  65. background: #ddd;
  66. }
  67. .ddblock-image-pager a:focus {
  68. outline: none;
  69. }
  70. ul.ddblock-image-pager {
  71. margin: 0 0 3px 0;
  72. padding: 0;
  73. line-height:1em;
  74. }
  75. .ddblock-image-pager li {
  76. /* width: 61px; /*width of list item 55 from picture width + 2 X 3px padding*/
  77. float: left;
  78. margin: 0 3px 3px 0; /* margin right and bottom between pagers */
  79. padding: 0;
  80. list-style: none;
  81. border: 1px solid #ccc;
  82. background: #fff;
  83. }
  84. .ddblock-image-pager li a {
  85. /* width: 55px; /* width of list item*/
  86. /* height: 55px; /*height of list item*/
  87. padding: 3px;
  88. display: block;
  89. background: #fff;
  90. }
  91. .ddblock-image-pager li img {
  92. border: none;
  93. display: inline;
  94. margin: 0 !important;
  95. padding: 0 !important;
  96. }
  97. .ddblock-image-pager {display:block;position:relative;}
  98. .ddblock-image-pager ul {list-style-type:none;margin:0!important;padding:0!important;}
  99. .ddblock-image-pager ul li {background:#fff!important;display:inline;list-style:none!important;padding:0!important;}
  100. .ddblock-image-pager ul li a.pager-link{background:#fff;border:1px solid #ccc;display:block;float:left;font-family:Tahoma,Arial,sans-serif;font-size:.7em;font-weight:bold;height:55px;line-height:55px;margin:0 2px 2px 0;padding:3px;text-align:center;text-decoration:none!important;width:55px;}
  101. .ddblock-image-pager ul li a.activeSlide{background:#ddd;color:#fff!important;}
  102. .ddblock-image-pager ul li a:focus{outline:none;}
  103. .ddblock-image-pager ul li a.pager-link:hover{background:#ddd;color:#fff!important;}
  104. .ddblock-image-pager ul li a.prev{background:#fff!important;display:inline;list-style:none!important;padding:0!important;}
  105. .ddblock-image-pager ul li a.next{background:#fff!important;display:inline;list-style:none!important;padding:0!important;}
  106. /* default dynamic display block custom pager */
  107. .ddblock-custom-pager a.activeSlide {
  108. background: #eee;
  109. }
  110. .ddblock-custom-pager a:focus {
  111. outline: none;
  112. }