static/less/pagination.less
changeset 53 3416f82943ea
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/static/less/pagination.less	Fri Dec 20 22:30:44 2013 +0100
     1.3 @@ -0,0 +1,85 @@
     1.4 +//
     1.5 +// Pagination (multiple pages)
     1.6 +// --------------------------------------------------
     1.7 +.pagination {
     1.8 +  display: inline-block;
     1.9 +  padding-left: 0;
    1.10 +  margin: @line-height-computed 0;
    1.11 +  border-radius: @border-radius-base;
    1.12 +
    1.13 +  > li {
    1.14 +    display: inline; // Remove list-style and block-level defaults
    1.15 +    > a,
    1.16 +    > span {
    1.17 +      position: relative;
    1.18 +      float: left; // Collapse white-space
    1.19 +      padding: @padding-base-vertical @padding-base-horizontal;
    1.20 +      line-height: @line-height-base;
    1.21 +      text-decoration: none;
    1.22 +      background-color: @pagination-bg;
    1.23 +      border: 1px solid @pagination-border;
    1.24 +      margin-left: -1px;
    1.25 +    }
    1.26 +    &:first-child {
    1.27 +      > a,
    1.28 +      > span {
    1.29 +        margin-left: 0;
    1.30 +        .border-left-radius(@border-radius-base);
    1.31 +      }
    1.32 +    }
    1.33 +    &:last-child {
    1.34 +      > a,
    1.35 +      > span {
    1.36 +        .border-right-radius(@border-radius-base);
    1.37 +      }
    1.38 +    }
    1.39 +  }
    1.40 +
    1.41 +  > li > a,
    1.42 +  > li > span {
    1.43 +    &:hover,
    1.44 +    &:focus {
    1.45 +      background-color: @pagination-hover-bg;
    1.46 +    }
    1.47 +  }
    1.48 +
    1.49 +  > .active > a,
    1.50 +  > .active > span {
    1.51 +    &,
    1.52 +    &:hover,
    1.53 +    &:focus {
    1.54 +      z-index: 2;
    1.55 +      color: @pagination-active-color;
    1.56 +      background-color: @pagination-active-bg;
    1.57 +      border-color: @pagination-active-bg;
    1.58 +      cursor: default;
    1.59 +    }
    1.60 +  }
    1.61 +
    1.62 +  > .disabled {
    1.63 +    > span,
    1.64 +    > span:hover,
    1.65 +    > span:focus,
    1.66 +    > a,
    1.67 +    > a:hover,
    1.68 +    > a:focus {
    1.69 +      color: @pagination-disabled-color;
    1.70 +      background-color: @pagination-bg;
    1.71 +      border-color: @pagination-border;
    1.72 +      cursor: not-allowed;
    1.73 +    }
    1.74 +  }
    1.75 +}
    1.76 +
    1.77 +// Sizing
    1.78 +// --------------------------------------------------
    1.79 +
    1.80 +// Large
    1.81 +.pagination-lg {
    1.82 +  .pagination-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @border-radius-large);
    1.83 +}
    1.84 +
    1.85 +// Small
    1.86 +.pagination-sm {
    1.87 +  .pagination-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @border-radius-small);
    1.88 +}
Impressum Datenschutzerklärung