11/*!
2- evolutility 1.0.3
2+ evolutility 1.0.4
33 (c) 2015 Olivier Giulieri
44 http://evoluteur.github.io/evolutility/
55*/
3535 width : 1px ;
3636 background-color : # bce8f1 ;
3737}
38+ .evo-toolbar > ul > li > a {
39+ transition : all 0.5s ease;
40+ }
3841.evo-toolbar .evo-dropdown-icons {
3942 min-width : 50px ;
4043}
5962 position : relative;
6063 top : 0 ;
6164}
65+ .evol-actions {
66+ position : absolute;
67+ display : flex;
68+ flex-direction : column;
69+ padding : 5px ;
70+ top : 35px ;
71+ right : 1px ;
72+ background-color : # fbfbfb ;
73+ border : 1px solid # bce8f1 ;
74+ border-right : none;
75+ border-top-left-radius : 10px ;
76+ border-bottom-left-radius : 10px ;
77+ }
78+ .evol-actions > i {
79+ color : # 31708f ;
80+ margin : 5px ;
81+ cursor : pointer;
82+ }
83+ .evol-actions > i : hover {
84+ color : # 428bca ;
85+ }
86+ .evol-many-list .evol-actions {
87+ top : 0 ;
88+ flex-direction : row;
89+ }
6290/* --- panels & tabs --- */
6391.evol-pnls {
92+ display : -webkit-box;
93+ /* OLD - iOS 6-, Safari 3.1-6 */
94+ display : -moz-box;
95+ /* OLD - Firefox 19- (buggy but mostly works) */
96+ display : -ms-flexbox;
97+ /* TWEENER - IE 10 */
98+ display : -webkit-flex;
99+ /* NEW - Chrome */
64100 display : flex;
65101 flex-wrap : wrap;
66102}
99135.evol-tabs {
100136 margin : 0 10px 10px !important ;
101137}
138+ .evol-tabs > li > a {
139+ transition : all 0.6s ease;
140+ }
102141/* --- fields --- */
103142.evol-fset {
143+ display : -webkit-box;
144+ /* OLD - iOS 6-, Safari 3.1-6 */
145+ display : -moz-box;
146+ /* OLD - Firefox 19- (buggy but mostly works) */
147+ display : -ms-flexbox;
148+ /* TWEENER - IE 10 */
149+ display : -webkit-flex;
150+ /* NEW - Chrome */
104151 display : flex;
105152 flex-wrap : wrap;
106153 padding : 10px 10px 5px 0 ;
111158 padding-left : 10px !important ;
112159 margin-bottom : 6px ;
113160}
161+ .evol-fld > .evo-rdonly > img {
162+ position : relative;
163+ top : -2px ;
164+ margin-right : 3px ;
165+ }
166+ .evol-fld > .text-danger {
167+ margin-bottom : 0 !important ;
168+ }
169+ .evol-field-label > label {
170+ color : # 0d0d0d ;
171+ }
172+ .evol-field-label > label > .glyphicon-question-sign {
173+ cursor : pointer;
174+ padding-left : 4px ;
175+ color : silver;
176+ }
177+ .evol-field-label > label > .glyphicon-question-sign : hover {
178+ color : # 428bca ;
179+ }
114180.evol-required ,
115181.evol-asterix {
116182 margin-left : 3px ;
@@ -178,20 +244,6 @@ label {
178244 color : # 737373 !important ;
179245 clear : both;
180246}
181- .evol-fld > .text-danger {
182- margin-bottom : 0 !important ;
183- }
184- .evol-field-label > label {
185- color : # 0d0d0d ;
186- }
187- .evol-field-label > label > .glyphicon-question-sign {
188- cursor : pointer;
189- padding-left : 4px ;
190- color : silver;
191- }
192- .evol-field-label > label > .glyphicon-question-sign : hover {
193- color : # 428bca ;
194- }
195247.w-100 {
196248 width : 100% ;
197249}
@@ -245,6 +297,15 @@ label {
245297.evo-color-box span {
246298 margin-left : 24px ;
247299}
300+ .badge-one {
301+ position : relative;
302+ top : -14px ;
303+ font-size : .5em ;
304+ margin-left : 5px ;
305+ }
306+ .w100 {
307+ width : 100% ;
308+ }
248309/* --- mini --- */
249310.evol-mini-label {
250311 float : left;
@@ -302,6 +363,12 @@ label {
302363 max-height : 60px ;
303364 padding : 0 ;
304365}
366+ .evol-many-list > .table tr {
367+ transition : all 0.3s ease;
368+ }
369+ .evol-many-list > .table td {
370+ position : relative;
371+ }
305372.evol-many-list > .table th {
306373 font-weight : 500 !important ;
307374 background-color : # fbfbfb ;
@@ -382,8 +449,9 @@ table {
382449 border-spacing : 0 ;
383450}
384451/* --- cards --- */
385- .evol-cards-body > div .panel {
452+ .evol-cards-body > .panel {
386453 float : left;
454+ position : relative;
387455 width : 240px ;
388456 min-width : 140px ;
389457 height : 182px ;
@@ -394,7 +462,7 @@ table {
394462 -webkit-border-radius : 10px ;
395463 overflow : auto;
396464}
397- .evol-cards-body > div .panel > div > label {
465+ .evol-cards-body > .panel > div > label {
398466 vertical-align : top;
399467}
400468.evol-cards-body .evol-c-center {
@@ -450,30 +518,47 @@ text.label {
450518 text-shadow : 0px 0px 3px # ffffff ;
451519}
452520/* --- charts --- */
521+ .evol-many-charts {
522+ display : -webkit-box;
523+ /* OLD - iOS 6-, Safari 3.1-6 */
524+ display : -moz-box;
525+ /* OLD - Firefox 19- (buggy but mostly works) */
526+ display : -ms-flexbox;
527+ /* TWEENER - IE 10 */
528+ display : -webkit-flex;
529+ /* NEW - Chrome */
530+ display : flex;
531+ flex-wrap : wrap;
532+ }
453533.evol-chart-holder {
454- float : left;
534+ box-sizing : border-box;
535+ flex-grow : 1 ;
536+ position : relative;
455537 text-align : center;
456538 background-color : # FFFFFF ;
457539 margin : 10px 10px 10px 5px ;
458540 width : 400px ;
459541 min-height : 286px ;
460542}
543+ .chart-holder > label {
544+ display : block;
545+ }
461546.evol-chart-title {
462547 text-align : center;
463548 padding : 10px 20px 30px ;
464549}
465- .evo-chart-config {
466- margin : 5px ;
467- cursor : pointer;
468- color : silver;
469- }
470- .evo-chart-config : hover {
471- color : # 428bca ;
472- }
473550.evol-xpt {
474551 margin-bottom : 10px ;
475552}
476553.evol-xpt-form {
554+ display : -webkit-box;
555+ /* OLD - iOS 6-, Safari 3.1-6 */
556+ display : -moz-box;
557+ /* OLD - Firefox 19- (buggy but mostly works) */
558+ display : -ms-flexbox;
559+ /* TWEENER - IE 10 */
560+ display : -webkit-flex;
561+ /* NEW - Chrome */
477562 display : flex;
478563 flex-wrap : wrap;
479564 border-collapse : collapse;
@@ -500,6 +585,9 @@ text.label {
500585.evol-xpt-flds > fieldset {
501586 margin-left : 20px ;
502587}
588+ .evol-xpt-flds > fieldset label {
589+ display : block;
590+ }
503591.evol-xpt-flds input [type = "checkbox" ] {
504592 clear : left;
505593 float : left;
@@ -510,6 +598,9 @@ text.label {
510598 min-width : 300px ;
511599 border-left : 0 !important ;
512600}
601+ .evol-xpt-para textarea {
602+ min-height : 200px ;
603+ }
513604.evol-xpt-format {
514605 max-width : 270px ;
515606 margin-bottom : 6px ;
@@ -531,8 +622,8 @@ text.label {
531622.evol-xpt-opts input [type = "checkbox" ] {
532623 margin-right : .5em ;
533624}
534- .evol-xpt-preview textarea {
535- min-height : 200 px ;
625+ .evol-xpt-opts input [ type = "text" ] {
626+ max-width : 280 px ;
536627}
537628.evol-xpt-more {
538629 display : block;
@@ -549,6 +640,9 @@ text.label {
549640 display : inline-block;
550641 margin : 0 10px 0 0 ;
551642}
643+ .evol-xpt-db {
644+ width : auto;
645+ }
552646.evol-w120 {
553647 max-width : 120px ;
554648}
0 commit comments