You are here

Home » API reference » Paging 6

paging.admin.css in Paging 6 

/* Container */

form#paging h3 {
  font-weight: bold;
}

div.paging-warning {
  background-image: url(paging-warning.png);
  background-position: 5px 50%;
  background-repeat: no-repeat;
  padding: 5px 25px;
}

#paging-vertical-tabs {
  background: none;
}

#paging-vertical-tabs:after { /* Clearing without presentational markup, IE gets extra treatment */
  display: block;
  clear: both;
  content: " ";
}

.paging-fieldset {
  width: inherit;
}

.paging-left {
  background: none;
  border: none;
  float: left;
  margin: 0;
  padding: 0;
  width: 44%;
}

.paging-right {
  background: none;
  border: none;
  float: right;
  margin: 0;
  padding: 0;
  width: 54%;
}

/* Tabs */
.ui-tabs-hide {
  display: none;
}

.ui-tabs-nav {
  float: left;
  margin: 0;
  padding: 0;
  background: #fff;
  border-top: 1px solid #D6DBDE;
  border-left: 1px solid #D6DBDE;
  list-style-image: none !important;
  list-style-type: none !important;
  position: relative;
  top: 12px;
}
.ui-tabs-nav .paging-enabled {
  display: inline;
}

.ui-tabs-nav li {
  cursor: pointer;
  margin: 0;
  padding: 0 20px 0 0;
  background: #efefef none;
  border-right: none;
  border-bottom: 1px solid #D6DBDE;
  min-width: 118px;
}

.ui-tabs-nav li.ui-tabs-selected, .ui-tabs-nav li.ui-tabs-selected:hover {
  background: #fff url(arrow-active.png) no-repeat scroll right center;
  border-right: none;
  cursor: default;
  margin-right: -1px;
  position: relative;
}

.ui-tabs-nav a, .ui-tabs-nav a:visited {
  color: #777;
  display: inline;
  font-size: 90%;
  font-weight: normal;
  line-height: 2em;
  margin: 0;
  padding: 0;
  outline: 0; /* Prevent dotted border in Firefox */
  vertical-align: text-bottom;
  white-space: nowrap; /* Required in IE 6 */  
}

.ui-tabs-nav .ui-tabs-selected a {
  background-color: #fff url(arrow-active.png) no-repeat scroll right center;  
  font-weight: bold;
  color: #000;
}

.ui-tabs-nav .ui-tabs-selected a:link,
.ui-tabs-nav .ui-tabs-selected a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
  background-color: #fff;
  cursor: default;
  text-decoration: none;
}

.ui-tabs-nav li:hover,
.ui-tabs-nav li:focus,
.ui-tabs-nav a:hover,
.ui-tabs-nav a:focus,
.ui-tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
  background-color: #f6f6f6;
  text-decoration: none;
}

/* Panels */
.ui-tabs-panel > legend {
  display: none; /* Hiding is not good for accessibility, but text-indent: -5000px had an annoying side effect... */
}

.ui-tabs-panel {
  height: auto;
  margin: 0 0 0 -1px;
  padding-top: 0;
  background: transparent none;
}

/* Adjusting some elements */
.ui-tabs-panel .form-checkboxes,
.ui-tabs-panel .form-radios {
  margin: 1em 0;
}

File

admin/paging.admin.css
View source 
  1. 

  2. /* Container */

  3. 

  4. form#paging h3 {

  5.   font-weight: bold;

  6. }

  7. 

  8. div.paging-warning {

  9.   background-image: url(paging-warning.png);

  10.   background-position: 5px 50%;

  11.   background-repeat: no-repeat;

  12.   padding: 5px 25px;

  13. }

  14. 

  15. #paging-vertical-tabs {

  16.   background: none;

  17. }

  18. 

  19. #paging-vertical-tabs:after { /* Clearing without presentational markup, IE gets extra treatment */

  20.   display: block;

  21.   clear: both;

  22.   content: " ";

  23. }

  24. 

  25. .paging-fieldset {

  26.   width: inherit;

  27. }

  28. 

  29. .paging-left {

  30.   background: none;

  31.   border: none;

  32.   float: left;

  33.   margin: 0;

  34.   padding: 0;

  35.   width: 44%;

  36. }

  37. 

  38. .paging-right {

  39.   background: none;

  40.   border: none;

  41.   float: right;

  42.   margin: 0;

  43.   padding: 0;

  44.   width: 54%;

  45. }

  46. 

  47. /* Tabs */

  48. .ui-tabs-hide {

  49.   display: none;

  50. }

  51. 

  52. .ui-tabs-nav {

  53.   float: left;

  54.   margin: 0;

  55.   padding: 0;

  56.   background: #fff;

  57.   border-top: 1px solid #D6DBDE;

  58.   border-left: 1px solid #D6DBDE;

  59.   list-style-image: none !important;

  60.   list-style-type: none !important;

  61.   position: relative;

  62.   top: 12px;

  63. }

  64. .ui-tabs-nav .paging-enabled {

  65.   display: inline;

  66. }

  67. 

  68. .ui-tabs-nav li {

  69.   cursor: pointer;

  70.   margin: 0;

  71.   padding: 0 20px 0 0;

  72.   background: #efefef none;

  73.   border-right: none;

  74.   border-bottom: 1px solid #D6DBDE;

  75.   min-width: 118px;

  76. }

  77. 

  78. .ui-tabs-nav li.ui-tabs-selected, .ui-tabs-nav li.ui-tabs-selected:hover {

  79.   background: #fff url(arrow-active.png) no-repeat scroll right center;

  80.   border-right: none;

  81.   cursor: default;

  82.   margin-right: -1px;

  83.   position: relative;

  84. }

  85. 

  86. .ui-tabs-nav a, .ui-tabs-nav a:visited {

  87.   color: #777;

  88.   display: inline;

  89.   font-size: 90%;

  90.   font-weight: normal;

  91.   line-height: 2em;

  92.   margin: 0;

  93.   padding: 0;

  94.   outline: 0; /* Prevent dotted border in Firefox */

  95.   vertical-align: text-bottom;

  96.   white-space: nowrap; /* Required in IE 6 */  

  97. }

  98. 

  99. .ui-tabs-nav .ui-tabs-selected a {

  100.   background-color: #fff url(arrow-active.png) no-repeat scroll right center;  

  101.   font-weight: bold;

  102.   color: #000;

  103. }

  104. 

  105. .ui-tabs-nav .ui-tabs-selected a:link,

  106. .ui-tabs-nav .ui-tabs-selected a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */

  107.   background-color: #fff;

  108.   cursor: default;

  109.   text-decoration: none;

  110. }

  111. 

  112. .ui-tabs-nav li:hover,

  113. .ui-tabs-nav li:focus,

  114. .ui-tabs-nav a:hover,

  115. .ui-tabs-nav a:focus,

  116. .ui-tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */

  117.   background-color: #f6f6f6;

  118.   text-decoration: none;

  119. }

  120. 

  121. /* Panels */

  122. .ui-tabs-panel > legend {

  123.   display: none; /* Hiding is not good for accessibility, but text-indent: -5000px had an annoying side effect... */

  124. }

  125. 

  126. .ui-tabs-panel {

  127.   height: auto;

  128.   margin: 0 0 0 -1px;

  129.   padding-top: 0;

  130.   background: transparent none;

  131. }

  132. 

  133. /* Adjusting some elements */

  134. .ui-tabs-panel .form-checkboxes,

  135. .ui-tabs-panel .form-radios {

  136.   margin: 1em 0;

  137. }