equal
deleted
inserted
replaced
1 /* |
1 /* |
2 * MyAMS |
2 * MyAMS |
3 * « My Application Management Skin » |
3 * « My Application Management Skin » |
4 * |
4 * |
5 * $Tag$ |
5 * $Tag: 0.1.2 $ |
6 * A bootstrap based application/administration skin |
6 * A bootstrap based application/administration skin |
7 * |
7 * |
8 * Custom administration and application skin tools |
8 * Custom administration and application skin tools |
9 * Released under Zope Public License ZPL 1.1 |
9 * Released under Zope Public License ZPL 1.1 |
10 * ©2014 Thierry Florac <tflorac@ulthar.net> |
10 * ©2014 Thierry Florac <tflorac@ulthar.net> |
40 color: #fff03d !important; |
40 color: #fff03d !important; |
41 } |
41 } |
42 .txt-color-orange { |
42 .txt-color-orange { |
43 color: #c79121 !important; |
43 color: #c79121 !important; |
44 } |
44 } |
|
45 .txt-color-orangeLight { |
|
46 color: #ee9000 !important; |
|
47 } |
45 .txt-color-orangeDark { |
48 .txt-color-orangeDark { |
46 color: #a57225 !important; |
49 color: #a57225 !important; |
47 } |
50 } |
48 .txt-color-pink { |
51 .txt-color-pink { |
49 color: #ac5287 !important; |
52 color: #ac5287 !important; |
102 .bg-color-yellowLight { |
105 .bg-color-yellowLight { |
103 background-color: #fff03d !important; |
106 background-color: #fff03d !important; |
104 } |
107 } |
105 .bg-color-orange { |
108 .bg-color-orange { |
106 background-color: #c79121 !important; |
109 background-color: #c79121 !important; |
|
110 } |
|
111 .bg-color-orangeLight { |
|
112 background-color: #ee9000 !important; |
107 } |
113 } |
108 .bg-color-orangeDark { |
114 .bg-color-orangeDark { |
109 background-color: #a57225 !important; |
115 background-color: #a57225 !important; |
110 } |
116 } |
111 .bg-color-pink { |
117 .bg-color-pink { |
3064 } |
3070 } |
3065 .pull-left { |
3071 .pull-left { |
3066 float: left!Important; |
3072 float: left!Important; |
3067 } |
3073 } |
3068 .align-top { |
3074 .align-top { |
3069 vertical-align: top; |
3075 vertical-align: top!important; |
|
3076 } |
|
3077 .align-base { |
|
3078 vertical-align: baseline!important; |
|
3079 } |
|
3080 .opaque { |
|
3081 opacity: 1!important; |
3070 } |
3082 } |
3071 .disabled { |
3083 .disabled { |
3072 color: #fff; |
3084 color: #fff; |
3073 } |
3085 } |
3074 .btn-default.disabled { |
3086 .btn-default.disabled { |
3111 margin: 10px !important; |
3123 margin: 10px !important; |
3112 } |
3124 } |
3113 .margin-20 { |
3125 .margin-20 { |
3114 margin: 20px !important; |
3126 margin: 20px !important; |
3115 } |
3127 } |
|
3128 .margin-x-0 { |
|
3129 margin-left: 0px!important; |
|
3130 margin-right: 0px!important; |
|
3131 } |
|
3132 .margin-x-5 { |
|
3133 margin-left: 5px!important; |
|
3134 margin-right: 5px!important; |
|
3135 } |
|
3136 .margin-x-10 { |
|
3137 margin-left: 10px!important; |
|
3138 margin-right: 10px!important; |
|
3139 } |
|
3140 .margin-x-20 { |
|
3141 margin-left: 20px!important; |
|
3142 margin-right: 20px!important; |
|
3143 } |
|
3144 .margin-y-0 { |
|
3145 margin-top: 0px!important; |
|
3146 margin-bottom: 0px!important; |
|
3147 } |
|
3148 .margin-y-5 { |
|
3149 margin-top: 5px!important; |
|
3150 margin-bottom: 5px!important; |
|
3151 } |
|
3152 .margin-y-10 { |
|
3153 margin-top: 10px!important; |
|
3154 margin-bottom: 10px!important; |
|
3155 } |
|
3156 .margin-y-20 { |
|
3157 margin-top: 20px!important; |
|
3158 margin-bottom: 20px!important; |
|
3159 } |
3116 .margin-top-0 { |
3160 .margin-top-0 { |
3117 margin-top: 0!important; |
3161 margin-top: 0!important; |
3118 } |
3162 } |
3119 .margin-top-5 { |
3163 .margin-top-5 { |
3120 margin-top: 5px!important; |
3164 margin-top: 5px!important; |
3160 } |
3204 } |
3161 .margin-right-20 { |
3205 .margin-right-20 { |
3162 margin-right: 20px!important; |
3206 margin-right: 20px!important; |
3163 } |
3207 } |
3164 .bordered { |
3208 .bordered { |
3165 border: 1px solid rgba(0, 0, 0, 0.2); |
3209 border: 1px solid #dddddd; |
3166 } |
3210 } |
3167 .bordered:hover { |
3211 .bordered:hover { |
3168 border: 1px solid rgba(0, 0, 0, 0.4); |
3212 border: 1px solid #bbbbbb; |
|
3213 } |
|
3214 .bordered.nohover:hover { |
|
3215 border-color: #dddddd; |
3169 } |
3216 } |
3170 .no-border, |
3217 .no-border, |
3171 .well[class*=" bg-"].no-border { |
3218 .well[class*=" bg-"].no-border { |
3172 border-width: 0!important; |
3219 border-width: 0!important; |
3173 } |
3220 } |
3212 .padding-10 { |
3259 .padding-10 { |
3213 padding: 10px!important; |
3260 padding: 10px!important; |
3214 } |
3261 } |
3215 .padding-20 { |
3262 .padding-20 { |
3216 padding: 20px!important; |
3263 padding: 20px!important; |
|
3264 } |
|
3265 .padding-x-0 { |
|
3266 padding-left: 0px!important; |
|
3267 padding-right: 0px!important; |
|
3268 } |
|
3269 .padding-x-5 { |
|
3270 padding-left: 5px!important; |
|
3271 padding-right: 5px!important; |
|
3272 } |
|
3273 .padding-x-10 { |
|
3274 padding-left: 10px!important; |
|
3275 padding-right: 10px!important; |
|
3276 } |
|
3277 .padding-x-20 { |
|
3278 padding-left: 20px!important; |
|
3279 padding-right: 20px!important; |
|
3280 } |
|
3281 .padding-y-0 { |
|
3282 padding-top: 0px!important; |
|
3283 padding-bottom: 0px!important; |
|
3284 } |
|
3285 .padding-y-5 { |
|
3286 padding-top: 5px!important; |
|
3287 padding-bottom: 5px!important; |
|
3288 } |
|
3289 .padding-y-10 { |
|
3290 padding-top: 10px!important; |
|
3291 padding-bottom: 10px!important; |
|
3292 } |
|
3293 .padding-y-20 { |
|
3294 padding-top: 20px!important; |
|
3295 padding-bottom: 20px!important; |
3217 } |
3296 } |
3218 .padding-top-0 { |
3297 .padding-top-0 { |
3219 padding-top: 0!important; |
3298 padding-top: 0!important; |
3220 } |
3299 } |
3221 .padding-top-5 { |
3300 .padding-top-5 { |
5598 margin-left: 0; |
5677 margin-left: 0; |
5599 } |
5678 } |
5600 .nav-tabs > li > a > .fa { |
5679 .nav-tabs > li > a > .fa { |
5601 opacity: .5; |
5680 opacity: .5; |
5602 } |
5681 } |
|
5682 .nav-tabs.small > li > a { |
|
5683 padding: 2px 8px; |
|
5684 font-size: 90%; |
|
5685 } |
|
5686 .nav-tabs.tiny > li > a { |
|
5687 padding: 1px 6px; |
|
5688 font-size: 75%; |
|
5689 } |
5603 .nav-tabs > li.active > a { |
5690 .nav-tabs > li.active > a { |
5604 -webkit-box-shadow: 0 -2px 0 #57889c; |
5691 -webkit-box-shadow: 0 -2px 0 #57889c; |
5605 box-shadow: 0 -2px 0 #57889c; |
5692 box-shadow: 0 -2px 0 #57889c; |
5606 border-top-width: 0!important; |
5693 border-top-width: 0!important; |
5607 margin-top: 1px!important; |
5694 margin-top: 1px!important; |
5739 display: block; |
5826 display: block; |
5740 } |
5827 } |
5741 .pill-content.transparent, |
5828 .pill-content.transparent, |
5742 .tab-content.transparent { |
5829 .tab-content.transparent { |
5743 background-color: transparent; |
5830 background-color: transparent; |
|
5831 } |
|
5832 .pill-content.bordered, |
|
5833 .tab-content.bordered, |
|
5834 .pill-content.bordered:hover, |
|
5835 .tab-content.bordered:hover { |
|
5836 border-top: 0; |
5744 } |
5837 } |
5745 .ams-widget > header > .nav-tabs.pull-left > li:first-child a { |
5838 .ams-widget > header > .nav-tabs.pull-left > li:first-child a { |
5746 border-left-width: 0!important; |
5839 border-left-width: 0!important; |
5747 } |
5840 } |
5748 /* |
5841 /* |
6984 animation: pace-spinner 400ms linear infinite; |
7077 animation: pace-spinner 400ms linear infinite; |
6985 } |
7078 } |
6986 /* |
7079 /* |
6987 * Tables and datatables |
7080 * Tables and datatables |
6988 */ |
7081 */ |
|
7082 .table-full { |
|
7083 width: 100%; |
|
7084 } |
6989 .table-wrap { |
7085 .table-wrap { |
6990 overflow: auto; |
7086 overflow: auto; |
6991 } |
7087 } |
6992 .table.has-tickbox thead tr th:first-child { |
7088 .table.has-tickbox thead tr th:first-child { |
6993 width: 18px; |
7089 width: 18px; |
7025 .table-bordered .no-padding > .table-bordered tbody tr:last-child td { |
7121 .table-bordered .no-padding > .table-bordered tbody tr:last-child td { |
7026 border-bottom-width: 0!important; |
7122 border-bottom-width: 0!important; |
7027 } |
7123 } |
7028 .no-padding .note-editable .table-bordered { |
7124 .no-padding .note-editable .table-bordered { |
7029 border: 1px solid #ddd!important; |
7125 border: 1px solid #ddd!important; |
|
7126 } |
|
7127 tr.bordered-bottom th, |
|
7128 tr.bordered-bottom td { |
|
7129 border-bottom: 1px solid #ddd; |
7030 } |
7130 } |
7031 .dt-row { |
7131 .dt-row { |
7032 padding: 4px 10px; |
7132 padding: 4px 10px; |
7033 } |
7133 } |
7034 .dt-top-row { |
7134 .dt-top-row { |
8147 } |
8247 } |
8148 .ams-form { |
8248 .ams-form { |
8149 position: relative; |
8249 position: relative; |
8150 margin: 0; |
8250 margin: 0; |
8151 outline: 0; |
8251 outline: 0; |
8152 color: #666; |
8252 color: #333; |
8153 } |
8253 } |
8154 .ams-form *, |
8254 .ams-form *, |
8155 .ams-form :after, |
8255 .ams-form :after, |
8156 .ams-form :before { |
8256 .ams-form :before { |
8157 margin: 0; |
8257 margin: 0; |
8386 border: 1px solid #6fb679; |
8486 border: 1px solid #6fb679; |
8387 border-radius: 50%; |
8487 border-radius: 50%; |
8388 font-size: 30px; |
8488 font-size: 30px; |
8389 line-height: 81px; |
8489 line-height: 81px; |
8390 } |
8490 } |
8391 .ams-form.submited fieldset, |
8491 .ams-form.submitted fieldset, |
8392 .ams-form.submited footer { |
8492 .ams-form.submitted footer { |
8393 display: none; |
8493 display: none; |
8394 } |
8494 } |
8395 .ams-form.submited .message { |
8495 .ams-form.submitted .message { |
8396 display: block; |
8496 display: block; |
8397 padding: 25px 30px; |
8497 padding: 25px 30px; |
8398 background: rgba(255, 255, 255, 0.9); |
8498 background: rgba(255, 255, 255, 0.9); |
8399 font: 300 18px/27px Ubuntu, Helvetica, Arial, sans-serif; |
8499 font: 300 18px/27px Ubuntu, Helvetica, Arial, sans-serif; |
8400 text-align: center; |
8500 text-align: center; |
8418 margin-bottom: 6px; |
8518 margin-bottom: 6px; |
8419 padding-top: 0; |
8519 padding-top: 0; |
8420 line-height: 19px; |
8520 line-height: 19px; |
8421 font-weight: 400; |
8521 font-weight: 400; |
8422 font-size: 13px; |
8522 font-size: 13px; |
8423 color: #333; |
8523 color: #666; |
8424 text-align: right; |
8524 text-align: right; |
8425 } |
8525 } |
8426 @media screen and (max-width: 992px) { |
8526 @media screen and (max-width: 992px) { |
8427 .ams-form .control-label { |
8527 .ams-form .control-label { |
8428 text-align: left; |
8528 text-align: left; |
8986 right: 4px; |
9086 right: 4px; |
8987 padding-left: 2px; |
9087 padding-left: 2px; |
8988 border-left-width: 1px; |
9088 border-left-width: 1px; |
8989 border-left-style: solid; |
9089 border-left-style: solid; |
8990 } |
9090 } |
|
9091 .ams-form .icon-append-2 { |
|
9092 right: 31px; |
|
9093 } |
8991 .ams-form .icon-prepend { |
9094 .ams-form .icon-prepend { |
8992 left: 4px; |
9095 left: 4px; |
8993 padding-right: 2px; |
9096 padding-right: 2px; |
8994 border-right-width: 1px; |
9097 border-right-width: 1px; |
8995 border-right-style: solid; |
9098 border-right-style: solid; |
|
9099 } |
|
9100 .ams-form .icon-prepend-2 { |
|
9101 left: 31px; |
8996 } |
9102 } |
8997 .ams-form .checkbox i, |
9103 .ams-form .checkbox i, |
8998 .ams-form .icon-append, |
9104 .ams-form .icon-append, |
8999 .ams-form .icon-prepend, |
9105 .ams-form .icon-prepend, |
9000 .ams-form .input input, |
9106 .ams-form .input input, |
11021 * Select2 widget |
11127 * Select2 widget |
11022 */ |
11128 */ |
11023 label.with-icon .select2-parent { |
11129 label.with-icon .select2-parent { |
11024 margin-right: 27px; |
11130 margin-right: 27px; |
11025 } |
11131 } |
|
11132 label.with-icons .select2-parent { |
|
11133 margin-right: 54px; |
|
11134 } |
11026 .select2-container { |
11135 .select2-container { |
11027 margin: 0; |
11136 margin: 0; |
11028 position: relative; |
11137 position: relative; |
11029 display: inline-block; |
11138 display: inline-block; |
11030 zoom: 1; |
11139 zoom: 1; |