Changeset 19135
- Timestamp:
- 11/03/2011 11:13:50 PM (14 years ago)
- File:
-
- 1 edited
-
trunk/wp-admin/about.php (modified) (2 diffs)
Legend:
- Unmodified
- Added
- Removed
-
trunk/wp-admin/about.php
r18745 r19135 16 16 function _wp_about_add_css() { ?> 17 17 <style type="text/css"> 18 .return-to-dashboard { 19 margin: 16px 0 0; 20 font-size: 14px; 21 } 22 .return-to-dashboard a { 23 text-decoration: none; 24 } 25 .wrap h2 { 26 margin-top: 0.6em; 18 .about-wrap { 19 position: relative; 20 margin: 44px 40px 0 20px; 21 } 22 .about-wrap h1 { 23 margin: 0.6em 200px 0 0; 24 line-height: 1.2em; 27 25 font-size: 3.6em; 28 text-shadow: 1px 1px 3px rgba( 0, 0, 0, 0.2 ); 26 font-weight: 200; 27 28 color: #333; 29 text-shadow: 1px 1px 1px white; 29 30 } 30 31 .about-text { 31 32 font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif; 32 33 font-weight: normal; 33 font-size: 1.8em;34 font-size: 24px; 34 35 color: #777; 35 margin: 1.4em 0; 36 line-height: 1.4em; 37 max-width: 600px; 38 } 39 .changelog { 36 margin: 1em 200px 1.4em 0; 37 line-height: 1.6em; 38 min-height: 60px; 39 } 40 .about-wrap h2.nav-tab-wrapper { 41 padding-left: 6px; 42 } 43 .wp-badge { 44 padding-top: 142px; 45 height: 37px; 46 width: 160px; 47 48 position: absolute; 49 top: 0; 50 right: 0; 51 52 color: #fff; 53 font-weight: bold; 54 font-size: 14px; 55 text-shadow: 0 -1px 0 #0c3d57; 56 text-align: center; 57 58 border: 1px solid #2B5173; 59 -webkit-border-radius: 3px; 60 border-radius: 3px; 61 62 -moz-box-shadow: inset 0 0 0 1px #5F8CA8; 63 -webkit-box-shadow: inset 0 0 0 1px #5F8CA8; 64 box-shadow: inset 0 0 0 1px #5F8CA8; 65 66 background-color: #378aac; 67 background-repeat: no-repeat; 68 background-position: center 20px; 69 background-image: url(images/wp-badge.png); 70 background-image: url(images/wp-badge.png), -ms-linear-gradient(top, #378aac, #165d84); /* IE10 */ 71 background-image: url(images/wp-badge.png), -moz-linear-gradient(top, #378aac, #165d84); /* Firefox */ 72 background-image: url(images/wp-badge.png), -o-linear-gradient(top, #378aac, #165d84); /* Opera */ 73 background-image: url(images/wp-badge.png), -webkit-gradient(linear, left top, left bottom, from(#378aac), to(#165d84)); /* old Webkit */ 74 background-image: url(images/wp-badge.png), -webkit-linear-gradient(top, #378aac, #165d84); /* new Webkit */ 75 background-image: url(images/wp-badge.png), linear-gradient(top, #378aac, #165d84); /* proposed W3C Markup */ 76 } 77 78 .about-wrap h2 .nav-tab { 79 color: #21759B; 80 padding: 4px 10px 6px; 81 margin: 0 3px -1px 0; 82 font-size: 18px; 83 } 84 .about-wrap h2 .nav-tab:hover { 85 color: #d54e21; 86 } 87 88 .about-wrap h2 .nav-tab-active, 89 .about-wrap h2 .nav-tab-active:hover { 90 color: #333; 91 } 92 .about-wrap h2 .nav-tab-active { 93 font-weight: bold; 94 text-shadow: 1px 1px 1px white; 95 color: #464646; 96 padding-top: 3px; 97 } 98 99 .about-wrap h3 { 100 font-size: 24px; 101 color: #333; 102 text-shadow: 1px 1px 1px white; 103 margin-bottom: 0.4em; 104 padding-top: 20px; 105 } 106 107 .about-wrap .changelog { 40 108 font-size: 14px; 41 109 padding-bottom: 10px; 42 } 43 .changelog h3 { 44 font-size: 18px; 45 } 46 .changelog li { 110 overflow: hidden; 111 } 112 .about-wrap .changelog li { 47 113 list-style-type: disc; 48 114 margin-left: 3em; 49 115 } 116 117 .about-wrap .feature-section .left-feature, 118 .about-wrap .feature-section img, 119 .about-wrap .feature-section .right-feature { 120 float: left; 121 } 122 123 .about-wrap .feature-section { 124 min-height: 100px; 125 overflow: hidden; 126 } 127 128 .about-wrap .feature-section.angled-right { 129 margin-top: -35px; 130 padding-top: 15px; 131 } 132 .about-wrap .feature-section.angled-right img { 133 margin-top: 0; 134 } 135 .about-wrap .feature-section.angled-right .left-feature { 136 margin-top: 15px; 137 } 138 139 .about-wrap .feature-section h4 { 140 color: #464646; 141 margin-bottom: 0.6em; 142 } 143 .about-wrap .feature-section p { 144 line-height: 1.6em; 145 margin-top: 0.6em; 146 } 147 148 .about-wrap .feature-section .left-feature, 149 .about-wrap .feature-section .right-feature { 150 width: 40%; 151 } 152 .about-wrap .feature-section .left-feature { 153 margin-right: 10%; 154 } 155 .about-wrap .feature-section .right-feature { 156 margin-left: 9%; 157 } 158 .about-wrap .feature-section.angled-left .left-feature, 159 .about-wrap .feature-section.angled-right .left-feature { 160 margin-right: 5%; 161 } 162 .about-wrap .feature-section.angled-left .right-feature, 163 .about-wrap .feature-section.angled-right .right-feature { 164 margin-left: 5%; 165 } 166 .about-wrap .feature-section img { 167 width: 19%; 168 height: 130px; 169 background: #f9f9f9; 170 margin-top: 15px; 171 172 border: 1px solid #dfdfdf; 173 -webkit-border-radius: 3px; 174 border-radius: 3px; 175 176 -moz-box-shadow: 0 0 6px rgba( 0, 0, 0, 0.3 ); 177 -webkit-box-shadow: 0 0 6px rgba( 0, 0, 0, 0.3 ); 178 box-shadow: 0 0 6px rgba( 0, 0, 0, 0.3 ); 179 } 180 .about-wrap .feature-section.angled-left .left-feature { 181 width: 30%; 182 } 183 .about-wrap .feature-section.angled-left .right-feature { 184 width: 40%; 185 } 186 .about-wrap .feature-section.angled-right .left-feature { 187 width: 40%; 188 } 189 .about-wrap .feature-section.angled-right .right-feature { 190 width: 30%; 191 } 192 193 .about-wrap .return-to-dashboard { 194 margin: 16px 0 0; 195 font-size: 14px; 196 font-weight: bold; 197 } 198 .about-wrap .return-to-dashboard a { 199 text-decoration: none; 200 } 50 201 </style> 51 202 <?php } … … 53 204 include( './admin-header.php' ); 54 205 ?> 55 <div class="wrap"> 56 57 <div class="return-to-dashboard"> 58 <a href="<?php echo admin_url(); ?>"><?php _e('← Return to dashboard'); ?></a> 59 </div> 60 <h2><?php _e( 'Welcome to WordPress 3.3!' ); ?></h2> 206 <div class="wrap about-wrap"> 207 208 <h1><?php _e( 'Welcome to WordPress 3.3!' ); ?></h1> 61 209 62 210 <div class="about-text">WordPress is web software you can use to create a beautiful website or blog. We like to say that WordPress is both free and priceless at the same time.</div> 211 212 <div class="wp-badge"><?php _e( 'Version 3.3' ); ?></div> 213 214 <h2 class="nav-tab-wrapper"> 215 <a href="#" class="nav-tab nav-tab-active"> 216 <?php _e( 'What’s New in 3.3' ); ?> 217 </a><a href="#" class="nav-tab"> 218 <?php _e( 'Credits' ); ?> 219 </a><a href="#" class="nav-tab"> 220 <?php _e( 'Freedoms' ); ?> 221 </a> 222 </h2> 63 223 64 224 <div class="changelog"> 65 225 <h3><?php _e('For Users'); ?></h3> 66 <ul> 67 <li>Media uploader</li> 68 <li>New-user experience</li> 69 <li>Improved admin bar</li> 70 <li>Responsive admin</li> 71 </ul> 226 227 <div class="feature-section angled-left"> 228 <div class="left-feature"> 229 <h4><?php _e( 'Drag-and-Drop Media Uploader' ); ?></h4> 230 <p><?php _e( 'Add your media by simply dragging and dropping files from your computer into the new WordPress media uploader.' ); ?></p> 231 </div> 232 <img class="placeholder" /> 233 <div class="right-feature"> 234 <h4><?php _e( 'A Responsive Admin' ); ?></h4> 235 <p><?php _e( 'The WordPress admin now responds and adjusts to more devices and screen resolutions for a better native experience.' ); ?></p> 236 </div> 237 </div> 238 <div class="feature-section angled-right"> 239 <div class="left-feature"> 240 <h4><?php _e( 'New-user Experience' ); ?></h4> 241 <p><?php _e( 'New users get a helping hand. Updates come with this handy summary of what’s new in this version of WordPress.' ); ?></p> 242 </div> 243 <img class="placeholder" /> 244 <div class="right-feature"> 245 <h4><?php _e( 'A New and Improved Admin Bar' ); ?></h4> 246 <p><?php _e( 'Get to the most useful areas of your dashboard form anywhere on your site quicker and easier than ever with a better organized admin bar.' ); ?></p> 247 </div> 248 </div> 72 249 </div> 73 250 74 251 <div class="changelog"> 75 252 <h3><?php _e('For Developers'); ?></h3> 76 <ul> 77 <li>Meta API improvements</li> 78 <li>Language packs</li> 79 <li>Permalink performance</li> 80 <li>Nav menus performance</li> 81 </ul> 82 </div> 83 253 254 <div class="feature-section"> 255 <div class="left-feature"> 256 <h4><?php _e( 'Performance Enhancements' ); ?></h4> 257 <p><?php _e( 'Add your media by simply dragging and dropping files from your computer into the new WordPress media uploader.' ); ?></p> 258 </div> 259 <div class="right-feature"> 260 <h4><?php _e( 'API: Settings Improvements' ); ?></h4> 261 <p><?php _e( 'The WordPress admin now responds and adjusts to more devices and screen resolutions for a better native experience.' ); ?></p> 262 </div> 263 </div> 264 <div class="feature-section"> 265 <div class="left-feature"> 266 <h4><?php _e( 'More Efficient Updates and Upgrades' ); ?></h4> 267 <p><?php _e( 'New users get a helping hand. Updates come with this handy summary of what’s new in this version of WordPress.' ); ?></p> 268 </div> 269 <div class="right-feature"> 270 <h4><?php _e( 'API: Meta Improvements' ); ?></h4> 271 <p><?php _e( 'Get to the most useful areas of your dashboard form anywhere on your site quicker and easier than ever with a better organized admin bar.' ); ?></p> 272 </div> 273 </div> 274 </div> 275 276 <div class="return-to-dashboard"> 277 <a href="<?php echo admin_url(); ?>"><?php _e('Go to the Dashboard'); ?></a> 278 </div> 84 279 85 280 </div>
Note: See TracChangeset
for help on using the changeset viewer.