SHARE
TWEET

Untitled

a guest May 21st, 2017 54 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!doctype html>
  2. <html>
  3. <head>
  4.     <title>Meta Box Demo Suite</title>
  5.     <link href="https://fonts.googleapis.com/css?family=Roboto+Slab:700" rel="stylesheet">
  6.     <style>
  7.         body {
  8.             text-align: center;
  9.             margin: 100px 0;
  10.             font: 18px/1.8 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  11.         }
  12.  
  13.         .wrapper {
  14.             display: inline-block;
  15.             padding: 40px 40px 20px;
  16.             border: 1px solid #f0f0f0;
  17.             border-radius: 3px;
  18.             box-shadow: 0 20px 50px 5px rgba(0, 0, 0, .1);
  19.         }
  20.  
  21.         .branding {
  22.             display: flex;
  23.             align-items: center;
  24.         }
  25.  
  26.         .title {
  27.             font: 36px "Roboto Slab", serif;
  28.             margin: 0 0 0 10px;
  29.         }
  30.  
  31.         .alert {
  32.             padding: .5rem 1.25rem;
  33.             margin-bottom: 1rem;
  34.             border: 1px solid #bcdff1;
  35.             border-radius: 3px;
  36.             color: #31708f;
  37.             background: #d9edf7;
  38.             font-weight: bold;
  39.             font-size: 16px;
  40.         }
  41.  
  42.         form {
  43.             text-align: left;
  44.         }
  45.  
  46.         form > p {
  47.             display: flex;
  48.             align-items: center;
  49.         }
  50.  
  51.         label {
  52.             display: inline-block;
  53.             font-weight: 600;
  54.             min-width: 100px;
  55.         }
  56.  
  57.         input {
  58.             border: 1px solid #ddd;
  59.             border-radius: 3px;
  60.             padding: .75rem 1.25rem;
  61.             flex: 1;
  62.             font-size: 1rem;
  63.         }
  64.  
  65.         .button {
  66.             border: none;
  67.             background: #3f3b54;
  68.             font-size: 20px;
  69.             transition: opacity .3s;
  70.             color: #fff;
  71.             cursor: pointer;
  72.         }
  73.  
  74.         .button:hover {
  75.             opacity: .85;
  76.         }
  77.     </style>
  78.     <?php do_action( 'demo_head' ); ?>
  79. </head>
  80. <body>
  81. <div class="wrapper">
  82.     <div class="branding">
  83.         <img class="logo" src="https://i1.wp.com/metabox.io/wp-content/uploads/2015/08/cropped-logo.png?fit=64%2C64&ssl=1">
  84.         <h1 class="title">Meta Box Demo</h1>
  85.     </div>
  86.     <p class="alert">Username: <code>demo</code>, password: <code>demo</code></p>
  87.     <?php
  88.     wp_login_form( [
  89.         'label_username' => 'Username',
  90.         'label_password' => 'Password',
  91.         'label_log_in'   => 'Log In',
  92.         'remember'       => false,
  93.         'redirect'       => admin_url( '/' ),
  94.     ] );
  95.     ?>
  96. </div>
  97. </body>
  98. </html>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!
 
Top