@@ -1369,13 +1369,13 @@ div[class^="col-"] img {
13691369 text-transform : uppercase;
13701370 border : 1px solid # 0288D1 ;
13711371 vertical-align : top; }
1372- .button-base : hover , .button : hover , input [type = "button" ]: hover , input [type = "submit" ]: hover {
1372+ .button-base : hover , .button : hover , input : hover [type = "button" ], input : hover [type = "submit" ] {
13731373 background-color : # 02a2f9 ;
13741374 text-decoration : none;
13751375 color : # EEE ; }
1376- .button-base : active , .button : active , input [type = "button" ]: active , input [type = "submit" ]: active {
1376+ .button-base : active , .button : active , input : active [type = "button" ], input : active [type = "submit" ] {
13771377 background-color : # 026ea9 ; }
1378- .button-base : focus , .button : focus , input [type = "button" ]: focus , input [type = "submit" ]: focus {
1378+ .button-base : focus , .button : focus , input : focus [type = "button" ], input : focus [type = "submit" ] {
13791379 background-color : # 0295e5 ;
13801380 box-shadow : 0 0 4px 1px # CCC ;
13811381 text-decoration : none;
@@ -1630,9 +1630,9 @@ table.list-table {
16301630 border : 1px solid # E84F4F ; }
16311631 .input-base .pos , .pos .fake-input , input .pos [type = "text" ], input .pos [type = "number" ], input .pos [type = "email" ], input .pos [type = "date" ], input .pos [type = "search" ], input .pos [type = "url" ], input .pos [type = "password" ], select .pos , textarea .pos , .input-base .valid , .valid .fake-input , input .valid [type = "text" ], input .valid [type = "number" ], input .valid [type = "email" ], input .valid [type = "date" ], input .valid [type = "search" ], input .valid [type = "url" ], input .valid [type = "password" ], select .valid , textarea .valid {
16321632 border : 1px solid # 52A256 ; }
1633- .input-base .disabled , .disabled .fake-input , input .disabled [type = "text" ], input .disabled [type = "number" ], input .disabled [type = "email" ], input .disabled [type = "date" ], input .disabled [type = "search" ], input .disabled [type = "url" ], input .disabled [type = "password" ], select .disabled , textarea .disabled , .input-base [disabled ], [ disabled ] .fake-input , input [disabled ][type = "text" ], input [disabled ][type = "number" ], input [disabled ][type = "email" ], input [disabled ][type = "date" ], input [disabled ][type = "search" ], input [disabled ][type = "url" ], input [disabled ][type = "password" ], select [disabled ], textarea [disabled ] {
1633+ .input-base .disabled , .disabled .fake-input , input .disabled [type = "text" ], input .disabled [type = "number" ], input .disabled [type = "email" ], input .disabled [type = "date" ], input .disabled [type = "search" ], input .disabled [type = "url" ], input .disabled [type = "password" ], select .disabled , textarea .disabled , .input-base [disabled ], .fake-input [ disabled ] , input [disabled ][type = "text" ], input [disabled ][type = "number" ], input [disabled ][type = "email" ], input [disabled ][type = "date" ], input [disabled ][type = "search" ], input [disabled ][type = "url" ], input [disabled ][type = "password" ], select [disabled ], textarea [disabled ] {
16341634 background : url (data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAMUlEQVQIW2NkwAGuXbv2nxGbHEhCS0uLEUMSJgHShCKJLIEiiS4Bl8QmAZbEJQGSBAC62BuJ+tt7zgAAAABJRU5ErkJggg==); }
1635- .input-base : focus , .fake-input : focus , input [type = "text" ]: focus , input [type = "number" ]: focus , input [type = "email" ]: focus , input [type = "date" ]: focus , input [type = "search" ]: focus , input [type = "url" ]: focus , input [type = "password" ]: focus , select : focus , textarea : focus {
1635+ .input-base : focus , .fake-input : focus , input : focus [type = "text" ], input : focus [type = "number" ], input : focus [type = "email" ], input : focus [type = "date" ], input : focus [type = "search" ], input : focus [type = "url" ], input : focus [type = "password" ], select : focus , textarea : focus {
16361636 outline : 0 ; }
16371637
16381638.fake-input {
@@ -2600,49 +2600,87 @@ span.CodeMirror-selectedtext {
26002600 width : 100% ;
26012601 height : 100% ; }
26022602
2603+ /**
2604+ * Custom Copy Button
2605+ */
2606+ .CodeMirror-copy {
2607+ position : absolute;
2608+ top : -1px ;
2609+ right : -1px ;
2610+ background-color : # EEE ;
2611+ padding : 6px ;
2612+ line-height : 0 ;
2613+ border : 1px solid # DDD ;
2614+ cursor : pointer;
2615+ fill : # 444 ;
2616+ z-index : 5 ;
2617+ transition : all ease-in 180ms ;
2618+ -webkit-user-select : none;
2619+ -moz-user-select : none;
2620+ -ms-user-select : none;
2621+ user-select : none;
2622+ opacity : 0.7 ; }
2623+ .CodeMirror-copy svg {
2624+ transition : -webkit-transform ease-in 180ms ;
2625+ transition : transform ease-in 180ms ;
2626+ transition : transform ease-in 180ms , -webkit-transform ease-in 180ms ;
2627+ -webkit-transform : translateY (0 );
2628+ transform : translateY (0 ); }
2629+ .CodeMirror-copy .success {
2630+ background-color : # 70b774 ;
2631+ fill : # FFF ; }
2632+ .CodeMirror-copy .success svg {
2633+ -webkit-transform : translateY (-3px );
2634+ transform : translateY (-3px ); }
2635+
2636+ .CodeMirror : hover .CodeMirror-copy {
2637+ -webkit-user-select : all;
2638+ -moz-user-select : all;
2639+ -ms-user-select : all;
2640+ user-select : all;
2641+ opacity : 1 ; }
2642+
26032643[notification ] {
26042644 position : fixed;
26052645 top : 0 ;
26062646 right : 0 ;
26072647 margin : 64px 32px ;
2608- padding : 24 px 32 px ;
2648+ padding : 16 px 24 px ;
26092649 background-color : # EEE ;
26102650 border-radius : 3px ;
2611- box-shadow : 0 1px 3px 1px rgba (76 , 76 , 76 , 0.26 );
2651+ box-shadow : 0 1px 3px 1px rgba (76 , 76 , 76 , 0.26 ), 0 1 px 12 px 0 px rgba ( 76 , 76 , 76 , 0.2 ) ;
26122652 z-index : 999999 ;
26132653 cursor : pointer;
26142654 max-width : 360px ;
26152655 transition : -webkit-transform ease-in-out 280ms ;
26162656 transition : transform ease-in-out 280ms ;
26172657 transition : transform ease-in-out 280ms , -webkit-transform ease-in-out 280ms ;
2618- -webkit-transform : translate3d (580px , 0 , 0 );
2619- transform : translate3d (580px , 0 , 0 );
2658+ -webkit-transform : translateX (580px );
2659+ transform : translateX (580px );
26202660 display : grid;
2621- grid-template-columns : 64px 1fr ; }
2661+ grid-template-columns : 42px 1fr ;
2662+ color : # FFF ; }
26222663 [notification ] span , [notification ] svg {
26232664 vertical-align : middle;
26242665 justify-self : center;
26252666 align-self : center; }
26262667 [notification ] svg {
26272668 fill : # EEEEEE ;
2628- width : 4 em ;
2629- height : 4 em ;
2630- padding-right : 16 px ; }
2669+ width : 2.8 rem ;
2670+ height : 2.8 rem ;
2671+ padding-right : 12 px ; }
26312672 [notification ] span {
26322673 vertical-align : middle;
26332674 line-height : 1.3 ; }
26342675 [notification ].pos {
2635- background-color : # 52A256 ;
2636- color : # EEE ; }
2676+ background-color : # 52A256 ; }
26372677 [notification ].neg {
2638- background-color : # E84F4F ;
2639- color : # EEE ; }
2678+ background-color : # E84F4F ; }
26402679 [notification ].warning {
2641- background-color : # e27b41 ;
2642- color : # EEE ; }
2680+ background-color : # e27b41 ; }
26432681 [notification ].showing {
2644- -webkit-transform : translate3d ( 0 , 0 , 0 );
2645- transform : translate3d ( 0 , 0 , 0 ); }
2682+ -webkit-transform : translateX ( 0 );
2683+ transform : translateX ( 0 ); }
26462684 [notification ].showing : hover {
26472685 -webkit-transform : translate3d (0 , -2px , 0 );
26482686 transform : translate3d (0 , -2px , 0 ); }
@@ -2749,7 +2787,7 @@ body.flexbox-support #entity-selector-wrap .popup-body .form-group {
27492787 width : 16.66667% ;
27502788 height : auto;
27512789 border : 1px solid # DDD ;
2752- box-shadow : 0 0 0 0 transparent ;
2790+ box-shadow : 0 0 0 0 rgba ( 0 , 0 , 0 , 0 ) ;
27532791 transition : all cubic-bezier (0.4 , 0 , 1 , 1 ) 160ms ;
27542792 overflow : hidden; }
27552793 .image-manager-list .image .selected {
@@ -3592,22 +3630,14 @@ ul.pagination {
35923630 padding : 3px 12px ;
35933631 border : 1px solid # CCC ;
35943632 margin-left : -1px ;
3595- color : # 888 ;
3596- fill : # 888 ;
35973633 -webkit-user-select : none;
35983634 -moz-user-select : none;
35993635 -ms-user-select : none;
36003636 user-select : none; }
36013637 ul .pagination a .disabled , ul .pagination span .disabled {
36023638 cursor : not-allowed; }
36033639 ul .pagination li .active span {
3604- background-color : rgba (2 , 136 , 209 , 0.8 );
3605- color : # EEE ;
3606- fill : # EEE ;
3607- border-color : rgba (2 , 136 , 209 , 0.8 ); }
3608- ul .pagination a {
3609- color : # 0288D1 ;
3610- fill : # 0288D1 ; }
3640+ color : # FFF ; }
36113641
36123642.compact ul .pagination {
36133643 margin : 0 ; }
@@ -3812,6 +3842,8 @@ ul.pagination {
38123842 background : # dbffdb ; }
38133843 .page-content del {
38143844 background : # FFECEC ; }
3845+ .page-content .page-revision pre code {
3846+ white-space : pre-wrap; }
38153847
38163848.pointer-container {
38173849 position : relative;
@@ -3828,8 +3860,10 @@ ul.pagination {
38283860 position : absolute;
38293861 top : -60px ;
38303862 background-color : # FFF ;
3831- width : 272 px ;
3863+ width : 275 px ;
38323864 z-index : 55 ; }
3865+ .pointer .is-page-editable {
3866+ width : 328px ; }
38333867 .pointer : before {
38343868 position : absolute;
38353869 left : 50% ;
@@ -3853,12 +3887,13 @@ ul.pagination {
38533887 color : # 666 ;
38543888 width : 172px ;
38553889 z-index : 40 ; }
3856- .pointer input , .pointer button {
3890+ .pointer input , .pointer button , . pointer a {
38573891 position : relative;
38583892 border-radius : 0 ;
38593893 height : 28px ;
38603894 font-size : 12px ;
3861- vertical-align : top; }
3895+ vertical-align : top;
3896+ padding : 5px 16px ; }
38623897 .pointer > i {
38633898 color : # 888 ;
38643899 font-size : 18px ;
@@ -3869,10 +3904,17 @@ ul.pagination {
38693904 -moz-user-select : none;
38703905 -ms-user-select : none;
38713906 user-select : none; }
3872- .pointer .button {
3907+ .pointer .input-group . button {
38733908 line-height : 1 ;
38743909 margin : 0 0 0 -4px ;
38753910 box-shadow : none; }
3911+ .pointer a .button {
3912+ margin : 0 0 0 0 ; }
3913+ .pointer a .button : hover {
3914+ fill : # fff ; }
3915+ .pointer .svg-icon {
3916+ width : 1.2em ;
3917+ height : 1.2em ; }
38763918
38773919.floating-toolbox {
38783920 background-color : # FFF ;
0 commit comments