Warning, /webapps/ocs-webserver/httpdocs/theme/flatui/less/modules/buttons.less is written in an unsupported language. File is not indexed.
0001 // 0002 // Buttons 0003 // -------------------------------------------------- 0004 0005 // Base styles 0006 // -------------------------------------------------- 0007 .btn, 0008 .btn-group > .btn, 0009 .btn-group > .dropdown-menu, 0010 .btn-group > .popover { 0011 font-size: @base-font-size * 1.071; /* 15px */ 0012 font-weight: 500; 0013 } 0014 0015 .btn { 0016 //border: none; 0017 //background: @lightgray; 0018 //color: @button-text; 0019 //padding: 9px 12px 10px; 0020 //line-height: 22px; 0021 //text-decoration: none; 0022 //text-shadow: none; 0023 //.border-radius(6px); 0024 //.box-shadow(none); 0025 //.transition(0.25s); 0026 0027 // Alternate states 0028 // -------------------------------------------------- 0029 &:hover, 0030 &:focus, 0031 .btn-group:focus &.dropdown-toggle { 0032 background-color: @button-hover; 0033 color: @button-text; 0034 outline: none; 0035 .transition(0.25s); 0036 } 0037 0038 // Active State 0039 &:active, 0040 .btn-group.open &.dropdown-toggle, 0041 &.active { 0042 background-color: @button-active; 0043 color: fade(@button-text, 75%); 0044 .box-shadow(none); 0045 } 0046 0047 // Disabled state 0048 &.disabled, 0049 &[disabled] { 0050 background-color: @lightgray; 0051 color: fade(@button-text, 75%); 0052 .box-shadow(none); 0053 .opacity(70); 0054 } 0055 0056 // Button sizes 0057 // -------------------------------------------------- 0058 0059 // Large 0060 &.btn-large { 0061 font-size: @base-font-size * 1.214; /* 17px */ 0062 line-height: 20px; 0063 padding: 12px 18px 13px; 0064 0065 > [class^="fui-"] { 0066 top: 0; 0067 0068 &.pull-right { 0069 margin-right: -2px; 0070 } 0071 } 0072 } 0073 0074 // Set the backgrounds 0075 // ------------------------- 0076 &.btn-primary { 0077 .swap-button-color(@firm, @button-primary-hover, @button-primary-active); 0078 } 0079 &.btn-info { 0080 .swap-button-color(@info, @button-info-hover, @button-info-active); 0081 } 0082 &.btn-danger { 0083 .swap-button-color(@danger, @button-danger-hover, @button-danger-active); 0084 } 0085 &.btn-success { 0086 .swap-button-color(@success, @button-success-hover, @button-success-active); 0087 } 0088 &.btn-warning { 0089 .swap-button-color(@warning, @button-warning-hover, @button-warning-active); 0090 } 0091 &.btn-inverse { 0092 .swap-button-color(@base, @button-inverse-hover, @button-inverse-active); 0093 } 0094 0095 // Button icon 0096 // -------------------------------------------------- 0097 > [class^="fui-"] { 0098 margin: 0 4px; 0099 position: relative; 0100 top: 1px; 0101 vertical-align: top; 0102 .inline-block(); 0103 0104 &.pull-right { 0105 margin-right: 0px; 0106 } 0107 } 0108 } 0109 0110 // Other button locations 0111 // Button with icon inside 0112 .btn-toolbar .btn { 0113 &.active { 0114 color: @button-text; 0115 } 0116 &:first-child { 0117 .border-radius(6px 0 0 6px); 0118 } 0119 &:last-child { 0120 .border-radius(0 6px 6px 0); 0121 } 0122 > [class^="fui-"] { 0123 font-size: @icon-normal; 0124 top: 0; 0125 } 0126 } 0127 0128 // Button tip 0129 .btn-tip { 0130 font-weight: 300; 0131 padding-left: 10px; 0132 } 0133 0134 // BUTTON GROUP 0135 // ---------------------- 0136 .btn-group { 0137 > .btn { 0138 border-radius: 0; 0139 text-align: center; 0140 0141 &:active, 0142 &.active { 0143 & + .btn { 0144 border-left-color: transparent; 0145 } 0146 } 0147 &:first-of-type { 0148 border-top-left-radius: 6px; 0149 border-bottom-left-radius: 6px; 0150 } 0151 &:last-of-type { 0152 border-top-right-radius: 6px; 0153 border-bottom-right-radius: 6px; 0154 } 0155 & + .btn { 0156 margin-left: 0; 0157 } 0158 & + .dropdown-toggle { 0159 border-left: 2px solid fade(@base, 15%); 0160 padding-left: 13px; 0161 padding-right: 13px; 0162 .box-shadow(none); 0163 0164 .caret { 0165 margin-left: 3px; 0166 margin-right: 3px; 0167 } 0168 } 0169 &.btn-huge + .dropdown-toggle { 0170 .caret { 0171 margin-left: 7px; 0172 margin-right: 7px; 0173 } 0174 } 0175 &.btn-small + .dropdown-toggle { 0176 .caret { 0177 margin-left: 0; 0178 margin-right: 0; 0179 } 0180 } 0181 } 0182 }