Changeset 26519
- Timestamp:
- 12/02/2013 07:11:43 AM (11 years ago)
- Location:
- trunk/src/wp-admin
- Files:
-
- 3 edited
Legend:
- Unmodified
- Added
- Removed
-
trunk/src/wp-admin/css/wp-admin.css
r26516 r26519 6679 6679 } 6680 6680 6681 .theme-overlay .theme- utility{6681 .theme-overlay .theme-header { 6682 6682 position: absolute; 6683 6683 top: 0; 6684 6684 left: 0; 6685 6685 right: 0; 6686 height: 48px; 6686 6687 border-bottom: 1px solid #eee; 6687 6688 } 6688 6689 6689 .theme-overlay . back{6690 .theme-overlay .theme-header .close { 6690 6691 cursor: pointer; 6691 6692 height: 48px; … … 6696 6697 } 6697 6698 6698 .theme-overlay . back:hover {6699 .theme-overlay .theme-header .close:hover { 6699 6700 background: #333; 6700 6701 } 6701 6702 6702 .theme-overlay . back:hover:before {6703 .theme-overlay .theme-header .close:hover:before { 6703 6704 color: #fff; 6704 6705 } 6705 6706 6706 .theme-overlay . back:before {6707 .theme-overlay .theme-header .close:before { 6707 6708 font: normal 30px/48px 'dashicons' !important; 6708 6709 color: #bbb; … … 6713 6714 6714 6715 /* Left and right navigation */ 6715 .theme-overlay . right,6716 .theme-overlay . left {6716 .theme-overlay .theme-header .right, 6717 .theme-overlay .theme-header .left { 6717 6718 cursor: pointer; 6718 6719 height: 48px; … … 6727 6728 } 6728 6729 6729 .theme-overlay . right:hover,6730 .theme-overlay . left:hover {6730 .theme-overlay .theme-header .right:hover, 6731 .theme-overlay .theme-header .left:hover { 6731 6732 background: #333; 6732 6733 color: #fff; 6733 6734 } 6734 6735 6735 .theme-overlay . left.disabled,6736 .theme-overlay . right.disabled,6737 .theme-overlay . left.disabled:hover,6738 .theme-overlay . right.disabled:hover {6736 .theme-overlay .theme-header .left.disabled, 6737 .theme-overlay .theme-header .right.disabled, 6738 .theme-overlay .theme-header .left.disabled:hover, 6739 .theme-overlay .theme-header .right.disabled:hover { 6739 6740 color: #ccc; 6740 6741 background: inherit; … … 6742 6743 } 6743 6744 6744 .theme-overlay . right:before,6745 .theme-overlay . left:before {6745 .theme-overlay .theme-header .right:before, 6746 .theme-overlay .theme-header .left:before { 6746 6747 font: normal 16px/54px 'dashicons' !important; 6747 6748 display: inline; … … 6749 6750 } 6750 6751 6751 .theme-overlay . left:before {6752 .theme-overlay .theme-header .left:before { 6752 6753 content: '\f341'; 6753 6754 } 6754 6755 6755 .theme-overlay . right:before {6756 .theme-overlay .theme-header .right:before { 6756 6757 content: '\f345'; 6757 6758 } 6758 6759 6759 .rtl .theme-overlay . left:before {6760 .rtl .theme-overlay .theme-header .left:before { 6760 6761 content: '\f345'; 6761 6762 } 6762 6763 6763 .rtl .theme-overlay . right:before {6764 .rtl .theme-overlay .theme-header .right:before { 6764 6765 content: '\f341'; 6765 6766 } … … 6768 6769 clear: both; 6769 6770 position: fixed; 6770 top: 120px; 6771 left: 190px; 6772 right: 40px; 6773 bottom: 80px; 6774 overflow: auto; 6771 top: 9%; 6772 left: 180px; 6773 right: 30px; 6774 bottom: 3%; 6775 6775 background: #fff; 6776 padding: 88px 40px 110px 40px; 6777 -webkit-box-shadow: 0 1px 20px 5px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0,0,0,0.1); 6778 box-shadow: 0 1px 20px 5px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0,0,0,0.1); 6776 -webkit-box-shadow: 0 1px 20px 5px rgba(0, 0, 0, 0.1); 6777 box-shadow: 0 1px 20px 5px rgba(0, 0, 0, 0.1); 6779 6778 z-index: 20; 6779 box-sizing: border-box; 6780 6780 } 6781 6781 … … 6788 6788 } 6789 6789 6790 body.folded .theme-overlay .theme-wrap { 6791 left: 70px; 6792 } 6793 6794 .theme-overlay .theme-about { 6795 position: absolute; 6796 top: 49px; 6797 bottom: 69px; 6798 left: 0; 6799 right: 0; 6800 overflow: auto; 6801 padding: 2% 4%; 6802 } 6803 .theme-overlay .theme-about:after { 6804 content: "."; 6805 display: block; 6806 height: 0; 6807 clear: both; 6808 visibility: hidden; 6809 } 6810 6790 6811 .theme-overlay .theme-actions { 6791 position: fixed;6812 position: absolute; 6792 6813 text-align: center; 6793 bottom: 80px;6794 left: 190px;6795 right: 40px;6814 bottom: 0; 6815 left: 0; 6816 right: 0; 6796 6817 padding: 20px 25px; 6797 background: rgba(243, 243, 243 ,0.9); 6798 border-top: 1px solid rgba(0,0,0,0.1); 6818 background: #f3f3f3; 6799 6819 z-index: 30; 6820 box-sizing: border-box; 6821 border-top: 1px solid #eee; 6800 6822 } 6801 6823 … … 6803 6825 margin-right: 5px; 6804 6826 margin-bottom: 0; 6805 font-size: 16px;6806 line-height: 37px;6807 height: 37px;6808 padding: 0 20px 1px 20px;6809 6827 } 6810 6828 6811 6829 .theme-overlay .theme-actions .delete-theme { 6812 border-radius: 2px;6813 6830 color: #a00; 6814 font-size: 14px;6815 padding: 0 10px;6816 6831 position: absolute; 6817 6832 right: 10px; 6818 6833 bottom: 20px; 6819 6834 text-decoration: none; 6835 border-color: transparent; 6836 box-shadow: none; 6837 background: transparent; 6820 6838 } 6821 6839 … … 6823 6841 background: #d54e21; 6824 6842 color: #fff; 6843 border-color: #d54e21; 6825 6844 } 6826 6845 … … 6864 6883 6865 6884 .theme-overlay .screenshot img { 6866 cursor: pointer;6867 6885 height: auto; 6868 6886 position: absolute; … … 6881 6899 width: 140px; 6882 6900 height: 80px; 6901 cursor: pointer; 6883 6902 } 6884 6903 … … 7044 7063 } 7045 7064 7046 .theme-overlay .theme-wrap, 7047 .theme-overlay .theme-actions { 7065 body.folded .theme-overlay .theme-wrap { 7048 7066 right: 15%; 7049 7067 left: 22%; … … 7068 7086 /* Admin menu is folded */ 7069 7087 @media only screen and (max-width: 900px) { 7070 .theme-overlay .theme-wrap, 7071 .theme-overlay .theme-actions { 7072 left: 76px; 7088 .theme-overlay .theme-wrap { 7089 left: 65px; 7073 7090 } 7074 7091 } … … 7080 7097 } 7081 7098 7099 body.folded .theme-overlay .theme-wrap, 7082 7100 .theme-overlay .theme-wrap { 7083 7101 top: 45px; … … 7085 7103 bottom: 0; 7086 7104 left: 0; 7087 padding: 70px 20px 100px; 7088 } 7089 7090 .theme-overlay .theme-actions { 7091 right: 0; 7092 bottom: 0; 7093 left: 0; 7094 padding: 10px; 7105 padding: 70px 20px 20px; 7106 border: none; 7095 7107 } 7096 7108 … … 7101 7113 .theme-overlay .theme-info { 7102 7114 width: 50%; 7103 }7104 7105 .theme-overlay .theme-actions .delete-theme {7106 bottom: 10px;7107 7115 } 7108 7116 } … … 7140 7148 .theme-overlay .theme-author { 7141 7149 margin: 5px 0 15px 0; 7142 }7143 7144 .theme-overlay .theme-version {7145 margin-left: 0;7146 position: absolute;7147 top: 18px;7148 left: 130px;7149 7150 } 7150 7151 -
trunk/src/wp-admin/js/theme.js
r26515 r26519 261 261 // and don't close it unless the target was 262 262 // the div.back button 263 if ( $( event.target ).is( '.theme-backdrop' ) || $( event.target ).is( 'div. back' ) || event.keyCode === 27 ) {263 if ( $( event.target ).is( '.theme-backdrop' ) || $( event.target ).is( 'div.close' ) || event.keyCode === 27 ) { 264 264 265 265 // Add a temporary closing class while overlay fades out -
trunk/src/wp-admin/themes.php
r26517 r26519 246 246 <div class="theme-backdrop"></div> 247 247 <div class="theme-wrap"> 248 <div class="theme- utility">249 <div alt="<?php _e( 'Close overlay' ); ?>" class=" backdashicons dashicons-no"></div>248 <div class="theme-header"> 249 <div alt="<?php _e( 'Close overlay' ); ?>" class="close dashicons dashicons-no"></div> 250 250 <div alt="<?php _e( 'Show previous theme' ); ?>" class="left dashicons dashicons-no"></div> 251 251 <div alt="<?php _e( 'Show next theme' ); ?>" class="right dashicons dashicons-no"></div> 252 252 </div> 253 253 <div class="theme-about"> 254 254 <div class="theme-screenshots"> 255 255 <# if ( data.screenshot[0] ) { #> … … 311 311 312 312 <# if ( ! data.active && data.actions.delete ) { #> 313 <a href="{{{ data.actions.delete }}}" class=" delete-theme"><?php _e( 'Delete' ); ?></a>313 <a href="{{{ data.actions.delete }}}" class="button button-secondary delete-theme"><?php _e( 'Delete' ); ?></a> 314 314 <# } #> 315 315 </div> 316 </div> 316 317 </script> 317 318
Note: See TracChangeset
for help on using the changeset viewer.