Warning, /webapps/ocs-webserver/httpdocs/theme/flatui/less/modules/pagination.less is written in an unsupported language. File is not indexed.
0001 //
0002 // Pagination
0003 // --------------------------------------------------
0004
0005 .pagination {
0006 position: relative;
0007
0008 ul {
0009 background: @pagination-color;
0010 color: @inverse;
0011 vertical-align: top;
0012 .border-radius(6px);
0013 .box-shadow(none);
0014
0015 li {
0016 display: inline-block;
0017 margin-right: -3px;
0018 vertical-align: top;
0019
0020 // Pseudos and states
0021 &.active {
0022 > a, > span {
0023 background-color: @firm;
0024 color: @inverse;
0025 }
0026 &.previous,
0027 &.next {
0028 > a, > span {
0029 margin: 0;
0030
0031 &, &:hover, &:focus {
0032 background-color: @firm;
0033 color: @inverse;
0034 }
0035 }
0036 }
0037 }
0038 &:first-child {
0039 .border-radius(6px 0 0 6px);
0040 > a, > span {
0041 .border-radius(6px 0 0 6px);
0042 }
0043 &.previous + li {
0044 > a, > span {
0045 border-left-width: 5px;
0046 }
0047 }
0048 > a, > span {
0049 border-left: none;
0050 }
0051 }
0052 &:last-child {
0053 margin-right: 0;
0054 .border-radius(0 6px 6px 0);
0055
0056 > a, > span {
0057 &, &:hover, &:focus {
0058 .border-radius(0 6px 6px 0);
0059 }
0060 }
0061 }
0062 &.previous,
0063 &.next {
0064 > a, > span {
0065 background: transparent;
0066 border: none;
0067 border-right: 2px solid mix(@pagination-color, white, 66%);
0068 font-size: @base-font-size * 1.142; /* 16px */
0069 margin: 0 9px 0 0;
0070 padding: 12px 17px;
0071 min-width: auto;
0072 .border-radius(6px 0 0 6px);
0073 .box-shadow(~"none !important");
0074
0075 &, &:hover, &:focus {
0076 border-color: mix(@pagination-color, white, 66%) !important;
0077 }
0078 }
0079 }
0080 &.next {
0081 margin-left: 9px;
0082
0083 > a, > span {
0084 border-left: 2px solid mix(@pagination-color, white, 66%);
0085 border-right: none;
0086 margin: 0;
0087 .border-radius(0 6px 6px 0);
0088 }
0089 }
0090 &.active {
0091 > a, > span {
0092 background-color: @inverse;
0093 border-color: @inverse;
0094 border-width: 2px !important;
0095 color: @pagination-color;
0096 margin: 10px 5px 9px;
0097
0098 &:hover, &:focus {
0099 background-color: @inverse;
0100 border-color: @inverse;
0101 color: @pagination-color;
0102 .box-shadow(none);
0103 }
0104 }
0105 &.previous,
0106 &.next {
0107 border-color: mix(@pagination-color, white, 66%);
0108 }
0109 &.previous {
0110 margin-right: 6px;
0111 }
0112 }
0113
0114 // Link
0115 > a, > span {
0116 background: @inverse;
0117 border: 5px solid @pagination-color;
0118 color: @inverse;
0119 line-height: 16px;
0120 min-height: 17px;
0121 min-width: auto;
0122 outline: none;
0123 padding: 0 4px;
0124 margin: 7px 2px 6px;
0125 text-align: center;
0126 .border-radius(50px);
0127 .transition(~"background 0.2s ease-out, border-color 0s ease-out, color 0.2s ease-out");
0128
0129 &:hover,
0130 &:focus {
0131 background-color: @firm;
0132 border-color: @firm;
0133 color: @inverse;
0134 .transition(~"background 0.2s ease-out, border-color 0.2s ease-out, color 0.2s ease-out");
0135 }
0136 &:active {
0137 background-color: mix(@firm, black, 85%);
0138 border-color: mix(@firm, black, 85%);
0139 color: @inverse;
0140 }
0141 }
0142 }
0143 }
0144
0145 // Navigation buttons
0146 > .btn {
0147 &.previous,
0148 &.next {
0149 margin-right: 8px;
0150 font-size: @base-font-size;
0151 padding-left: 23px;
0152 padding-right: 23px;
0153
0154 [class*="fui-"] {
0155 font-size: @icon-normal;
0156 margin-left: -2px;
0157 margin-top: -2px;
0158 }
0159 }
0160
0161 &.next {
0162 margin-left: 8px;
0163 margin-right: 0;
0164
0165 [class*="fui-"] {
0166 margin-right: -2px;
0167 margin-left: 4px;
0168 }
0169 }
0170 }
0171 }