😅😊Laravel Drag and Drop menu editor like wordpress (ok)

https://github.com/harimayco/wmenu-builder

Da thuc hien

668KB

testnet-menu.rar

Open

94KB

wmenu-builder-master.zip

archive

Open

C:\xampp824\htdocs\testnet\config\app.php

'providers' => [
    // ...
    Harimayco\Menu\MenuServiceProvider::class,
]
'aliases' => [
  // ...
  'Menu' => Harimayco\Menu\Facades\Menu::class,
]

C:\xampp743\htdocs\testnet\database\migrations\2017_08_11_073824_create_menus_wp_table.php

<?php
use Illuminate\Support\Facades\Schema;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Database\Migrations\Migration;
class CreateMenusWpTable extends Migration
{
  /**
   * Run the migrations.
   *
   * @return void
   */
  public function up()
  {
    Schema::create(config('menu.table_prefix') . config('menu.table_name_menus'), function (Blueprint $table) {
      $table->bigIncrements('id');
      $table->string('name');
      $table->timestamps();
    });
  }
  /**
   * Reverse the migrations.
   *
   * @return void
   */
  public function down()
  {
    Schema::dropIfExists(config('menu.table_prefix') . config('menu.table_name_menus'));
  }
}

C:\xampp743\htdocs\testnet\database\migrations\2017_08_11_074006_create_menu_items_wp_table.php

<?php

use Illuminate\Support\Facades\Schema;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Database\Migrations\Migration;

class CreateMenuItemsWpTable extends Migration
{
    /**
     * Run the migrations.
     *
     * @return void
     */
    public function up()
    {
        Schema::create( config('menu.table_prefix') . config('menu.table_name_items') , function (Blueprint $table) {
            $table->bigIncrements('id');
            $table->string('label');
            $table->string('link');
            $table->unsignedBigInteger('parent')->default(0);
            $table->integer('sort')->default(0);
            $table->string('class')->nullable();
            $table->unsignedBigInteger('menu');
            $table->integer('depth')->default(0);
            $table->timestamps();

            $table->foreign('menu')->references('id')->on(config('menu.table_prefix') . config('menu.table_name_menus'))
            ->onDelete('cascade')
            ->onUpdate('cascade');
        });
    }

    /**
     * Reverse the migrations.
     *
     * @return void
     */
    public function down()
    {
        Schema::dropIfExists( config('menu.table_prefix') . config('menu.table_name_items'));
    }
}

C:\xampp743\htdocs\testnet\database\migrations\2019_01_05_293551_add_role_id_to_menu_items_table.php

<?php
use Illuminate\Support\Facades\Schema;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Database\Migrations\Migration;
class AddRoleIdToMenuItemsTable extends Migration
{
  /**
   * Run the migrations.
   *
   * @return void
   */
  public function up()
  {
    Schema::table(config('menu.table_prefix') . config('menu.table_name_items'), function ($table) {
      $table->integer('role_id')->default(0);
    });
  }
  /**
   * Reverse the migrations.
   *
   * @return void
   */
  public function down()
  {
    Schema::table(config('menu.table_prefix') . config('menu.table_name_items'), function ($table) {
      $table->dropColumn('role_id');
    });
  }
}

C:\xampp743\htdocs\testnet\resources\views\test.blade.php

@extends('layouts.app')
@section('content')
  {!! Menu::render() !!}
@endsection
@push('scripts')
  {!! Menu::scripts() !!}
@endpush

C:\xampp743\htdocs\testnet\resources\views\layouts\app.blade.php

<!doctype html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- CSRF Token -->
  <meta name="csrf-token" content="{{ csrf_token() }}">
  <title>{{ config('app.name', 'Laravel') }}</title>
  <!-- Scripts -->
  <script src="{{ asset('js/app.js') }}" defer></script>
  <!-- Fonts -->
  <link rel="dns-prefetch" href="//fonts.gstatic.com">
  <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
  <!-- Styles -->
  <meta name="csrf-token" content="{{ csrf_token() }}" />
  <link href="{{ asset('css/app.css') }}" rel="stylesheet">
</head>
<body>
  <div id="app">
    <div class="nav-wrap">
      <div class="btn-menu">
        <span></span>
      </div><!-- //mobile menu button -->
      <nav id="mainnav" class="mainnav">
        @if($public_menu)
        <ul class="menu">
          @foreach($public_menu as $menu)
          <li class="">
            <a href="{{ $menu['link'] }}" title="">{{ $menu['label'] }}</a>
            @if( $menu['child'] )
            <ul class="sub-menu">
              @foreach( $menu['child'] as $child )
              <li class=""><a href="{{ $child['link'] }}" title="">{{ $child['label'] }}</a></li>
              @endforeach
            </ul><!-- /.sub-menu -->
            @endif
          </li>
          @endforeach
          @endif
        </ul><!-- /.menu -->
      </nav><!-- /#mainnav -->
    </div><!-- /.nav-wrap -->
    <nav class="navbar navbar-expand-md navbar-light bg-white shadow-sm">
      <div class="container">
        <a class="navbar-brand" href="{{ url('/') }}">
          {{ config('app.name', 'Laravel') }}
        </a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
          aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="{{ __('Toggle navigation') }}">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
          <!-- Left Side Of Navbar -->
          <ul class="navbar-nav me-auto">
          </ul>
          <!-- Right Side Of Navbar -->
          <ul class="navbar-nav ms-auto">
            <!-- Authentication Links -->
            @guest
            @if (Route::has('login'))
            <li class="nav-item">
              <a class="nav-link" href="{{ route('login') }}">{{ __('Login') }}</a>
            </li>
            @endif
            @if (Route::has('register'))
            <li class="nav-item">
              <a class="nav-link" href="{{ route('register') }}">{{ __('Register') }}</a>
            </li>
            @endif
            @else
            <li class="nav-item dropdown">
              <a id="navbarDropdown" class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
                aria-haspopup="true" aria-expanded="false" v-pre>
                {{ Auth::user()->name }}
              </a>
              <div class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown">
                <a class="dropdown-item" href="{{ route('logout') }}" onclick="event.preventDefault();
                                                     document.getElementById('logout-form').submit();">
                  {{ __('Logout') }}
                </a>
                <form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
                  @csrf
                </form>
              </div>
            </li>
            @endguest
          </ul>
        </div>
      </div>
    </nav>
    <main class="py-4 container">
      @yield('content')
    </main>
  </div>
  <script src="https://code.jquery.com/jquery-3.7.0.min.js"></script>
  @stack('scripts')
</body>
</html>

C:\xampp743\htdocs\testnet\routes\web.php

<?php
use Illuminate\Support\Facades\Route;
use Harimayco\Menu\Models\Menus;
use Harimayco\Menu\Models\MenuItems;
use Harimayco\Menu\Controllers\MenuController;
/*
|--------------------------------------------------------------------------
| Web Routes
|--------------------------------------------------------------------------
|
| Here is where you can register web routes for your application. These
| routes are loaded by the RouteServiceProvider within a group which
| contains the "web" middleware group. Now create something great!
|
*/
Route::get('/', function () {
  return view('welcome');
});
Route::get('/test', function () {
  $menu = Menus::where('name', 'Test 3')->with('items')->first();
  $public_menu = [];
  if ($menu) {
    $public_menu = $menu->items->toArray();
  }
  return view('test', compact('public_menu'));
});
Auth::routes();
Route::get('/home', [App\Http\Controllers\HomeController::class, 'index'])->name('home');
$path = rtrim(config('menu.route_path'));
Route::post($path . 'addcustommenu', [MenuController::class, 'addcustommenu'])->name('haddcustommenu');
Route::post($path . 'deleteitemmenu', [MenuController::class, 'deleteitemmenu'])->name('hdeleteitemmenu');
Route::post($path . 'deletemenug', [MenuController::class, 'deletemenug'])->name('hdeletemenug');
Route::post($path . 'createnewmenu', [MenuController::class, 'createnewmenu'])->name('hcreatenewmenu');
Route::post($path . 'generatemenucontrol', [MenuController::class, 'generatemenucontrol'])->name('hgeneratemenucontrol');
Route::post($path . 'updateitem', [MenuController::class, 'updateitem'])->name('hupdateitem');

C:\xampp743\htdocs\testnet\resources\views\vendor\wmenu\menu-html.blade.php

<?php
$currentUrl = url()->current();
?>
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<link href="{{asset('vendor/harimayco-menu/style.css')}}" rel="stylesheet">
<div id="hwpwrap">
  <div class="custom-wp-admin wp-admin wp-core-ui js   menu-max-depth-0 nav-menus-php auto-fold admin-bar">
    <div id="wpwrap">
      <div id="wpcontent">
        <div id="wpbody">
          <div id="wpbody-content">
            <div class="wrap">
              <div class="manage-menus">
                <form method="get" action="{{ $currentUrl }}">
                  <label for="menu" class="selected-menu">Select the menu you want to edit:</label>
                  {!! Menu::select('menu', $menulist) !!}
                  <span class="submit-btn">
                    <input type="submit" class="button-secondary" value="Choose">
                  </span>
                  <span class="add-new-menu-action"> or <a href="{{ $currentUrl }}?action=edit&menu=0">Create new
                      menu</a>. </span>
                </form>
              </div>
              <div id="nav-menus-frame">
                @if(request()->has('menu') && !empty(request()->input("menu")))
                <div id="menu-settings-column" class="metabox-holder">
                  <div class="clear"></div>
                  <form id="nav-menu-meta" action="" class="nav-menu-meta" method="post" enctype="multipart/form-data">
                    <div id="side-sortables" class="accordion-container">
                      <ul class="outer-border">
                        <li class="control-section accordion-section  open add-page" id="add-page">
                          <h3 class="accordion-section-title hndle" tabindex="0"> Custom Link <span
                              class="screen-reader-text">Press return or enter to expand</span></h3>
                          <div class="accordion-section-content ">
                            <div class="inside">
                              <div class="customlinkdiv" id="customlinkdiv">
                                <p id="menu-item-url-wrap">
                                  <label class="howto" for="custom-menu-item-url"> <span>URL</span>&nbsp;&nbsp;&nbsp;
                                    <input id="custom-menu-item-url" name="url" type="text" class="menu-item-textbox "
                                      placeholder="url">
                                  </label>
                                </p>
                                <p id="menu-item-name-wrap">
                                  <label class="howto" for="custom-menu-item-name"> <span>Label</span>&nbsp;
                                    <input id="custom-menu-item-name" name="label" type="text"
                                      class="regular-text menu-item-textbox input-with-default-title"
                                      title="Label menu">
                                  </label>
                                </p>
                                @if(!empty($roles))
                                <p id="menu-item-role_id-wrap">
                                  <label class="howto" for="custom-menu-item-name"> <span>Role</span>&nbsp;
                                    <select id="custom-menu-item-role" name="role">
                                      <option value="0">Select Role</option>
                                      @foreach($roles as $role)
                                      <option value="{{ $role->$role_pk }}">{{ ucfirst($role->$role_title_field) }}
                                      </option>
                                      @endforeach
                                    </select>
                                  </label>
                                </p>
                                @endif
                                <p class="button-controls">
                                  <a href="#" onclick="addcustommenu()"
                                    class="button-secondary submit-add-to-menu right">Add menu item</a>
                                  <span class="spinner" id="spincustomu"></span>
                                </p>
                              </div>
                            </div>
                          </div>
                        </li>
                      </ul>
                    </div>
                  </form>
                </div>
                @endif
                <div id="menu-management-liquid">
                  <div id="menu-management">
                    <form id="update-nav-menu" action="" method="post" enctype="multipart/form-data">
                      <div class="menu-edit ">
                        <div id="nav-menu-header">
                          <div class="major-publishing-actions">
                            <label class="menu-name-label howto open-label" for="menu-name"> <span>Name</span>
                              <input name="menu-name" id="menu-name" type="text"
                                class="menu-name regular-text menu-item-textbox" title="Enter menu name"
                                value="@if(isset($indmenu)){{$indmenu->name}}@endif">
                              <input type="hidden" id="idmenu" value="@if(isset($indmenu)){{$indmenu->id}}@endif" />
                            </label>
                            @if(request()->has('action'))
                            <div class="publishing-action">
                              <a onclick="createnewmenu()" name="save_menu" id="save_menu_header"
                                class="button button-primary menu-save">Create menu</a>
                            </div>
                            @elseif(request()->has("menu"))
                            <div class="publishing-action">
                              <a onclick="getMenusClick()" name="save_menu" id="save_menu_header"
                                class="button button-primary menu-save">Save menu</a>
                              <span class="spinner" id="spincustomu2"></span>
                            </div>
                            @else
                            <div class="publishing-action">
                              <a onclick="createnewmenu()" name="save_menu" id="save_menu_header"
                                class="button button-primary menu-save">Create menu</a>
                            </div>
                            @endif
                          </div>
                        </div>
                        <div id="post-body">
                          <div id="post-body-content">
                            @if(request()->has("menu"))
                            <h3>Menu Structure</h3>
                            <div class="drag-instructions post-body-plain" style="">
                              <p>
                                Place each item in the order you prefer. Click on the arrow to the right of the item to
                                display more configuration options.
                              </p>
                            </div>
                            @else
                            <h3>Menu Creation</h3>
                            <div class="drag-instructions post-body-plain" style="">
                              <p>
                                Please enter the name and select "Create menu" button
                              </p>
                            </div>
                            @endif
                            <ul class="menu ui-sortable" id="menu-to-edit">
                              @if(isset($menus))
                              @foreach($menus as $m)
                              <li id="menu-item-{{$m->id}}"
                                class="menu-item menu-item-depth-{{$m->depth}} menu-item-page menu-item-edit-inactive pending"
                                style="display: list-item;">
                                <dl class="menu-item-bar">
                                  <dt class="menu-item-handle">
                                    <span class="item-title"> <span class="menu-item-title"> <span
                                          id="menutitletemp_{{$m->id}}">{{$m->label}}</span> <span
                                          style="color: transparent;">|{{$m->id}}|</span> </span> <span
                                        class="is-submenu"
                                        style="@if($m->depth==0)display: none;@endif">Subelement</span> </span>
                                    <span class="item-controls"> <span class="item-type">Link</span> <span
                                        class="item-order hide-if-js"> <a
                                          href="{{ $currentUrl }}?action=move-up-menu-item&menu-item={{$m->id}}&_wpnonce=8b3eb7ac44"
                                          class="item-move-up"><abbr title="Move Up">↑</abbr></a> | <a
                                          href="{{ $currentUrl }}?action=move-down-menu-item&menu-item={{$m->id}}&_wpnonce=8b3eb7ac44"
                                          class="item-move-down"><abbr title="Move Down">↓</abbr></a> </span> <a
                                        class="item-edit" id="edit-{{$m->id}}" title=" "
                                        href="{{ $currentUrl }}?edit-menu-item={{$m->id}}#menu-item-settings-{{$m->id}}">
                                      </a> </span>
                                  </dt>
                                </dl>
                                <div class="menu-item-settings" id="menu-item-settings-{{$m->id}}">
                                  <input type="hidden" class="edit-menu-item-id" name="menuid_{{$m->id}}"
                                    value="{{$m->id}}" />
                                  <p class="description description-thin">
                                    <label for="edit-menu-item-title-{{$m->id}}"> Label
                                      <br>
                                      <input type="text" id="idlabelmenu_{{$m->id}}"
                                        class="widefat edit-menu-item-title" name="idlabelmenu_{{$m->id}}"
                                        value="{{$m->label}}">
                                    </label>
                                  </p>
                                  <p class="field-css-classes description description-thin">
                                    <label for="edit-menu-item-classes-{{$m->id}}"> Class CSS (optional)
                                      <br>
                                      <input type="text" id="clases_menu_{{$m->id}}"
                                        class="widefat code edit-menu-item-classes" name="clases_menu_{{$m->id}}"
                                        value="{{$m->class}}">
                                    </label>
                                  </p>
                                  <p class="field-css-url description description-wide">
                                    <label for="edit-menu-item-url-{{$m->id}}"> Url
                                      <br>
                                      <input type="text" id="url_menu_{{$m->id}}"
                                        class="widefat code edit-menu-item-url" id="url_menu_{{$m->id}}"
                                        value="{{$m->link}}">
                                    </label>
                                  </p>
                                  @if(!empty($roles))
                                  <p class="field-css-role description description-wide">
                                    <label for="edit-menu-item-role-{{$m->id}}"> Role
                                      <br>
                                      <select id="role_menu_{{$m->id}}" class="widefat code edit-menu-item-role"
                                        name="role_menu_[{{$m->id}}]">
                                        <option value="0">Select Role</option>
                                        @foreach($roles as $role)
                                        <option @if($role->id == $m->role_id) selected @endif value="{{ $role->$role_pk
                                          }}">{{ ucwords($role->$role_title_field) }}</option>
                                        @endforeach
                                      </select>
                                    </label>
                                  </p>
                                  @endif
                                  <p class="field-move hide-if-no-js description description-wide">
                                    <label> <span>Move</span> <a href="{{ $currentUrl }}" class="menus-move-up"
                                        style="display: none;">Move up</a> <a href="{{ $currentUrl }}"
                                        class="menus-move-down" title="Mover uno abajo" style="display: inline;">Move
                                        Down</a> <a href="{{ $currentUrl }}" class="menus-move-left"
                                        style="display: none;"></a> <a href="{{ $currentUrl }}" class="menus-move-right"
                                        style="display: none;"></a> <a href="{{ $currentUrl }}" class="menus-move-top"
                                        style="display: none;">Top</a> </label>
                                  </p>
                                  <div class="menu-item-actions description-wide submitbox">
                                    <a class="item-delete submitdelete deletion" id="delete-{{$m->id}}"
                                      href="{{ $currentUrl }}?action=delete-menu-item&menu-item={{$m->id}}&_wpnonce=2844002501">Delete</a>
                                    <span class="meta-sep hide-if-no-js"> | </span>
                                    <a class="item-cancel submitcancel hide-if-no-js button-secondary"
                                      id="cancel-{{$m->id}}"
                                      href="{{ $currentUrl }}?edit-menu-item={{$m->id}}&cancel=1424297719#menu-item-settings-{{$m->id}}">Cancel</a>
                                    <span class="meta-sep hide-if-no-js"> | </span>
                                    <a onclick="getMenusClick()" class="button button-primary updatemenu"
                                      id="update-{{$m->id}}" href="javascript:void(0)">Update item</a>
                                  </div>
                                </div>
                                <ul class="menu-item-transport"></ul>
                              </li>
                              @endforeach
                              @endif
                            </ul>
                            <div class="menu-settings">
                            </div>
                          </div>
                        </div>
                        <div id="nav-menu-footer">
                          <div class="major-publishing-actions">
                            @if(request()->has('action'))
                            <div class="publishing-action">
                              <a onclick="createnewmenu()" name="save_menu" id="save_menu_header"
                                class="button button-primary menu-save">Create menu</a>
                            </div>
                            @elseif(request()->has("menu"))
                            <span class="delete-action"> <a class="submitdelete deletion menu-delete"
                                onclick="deletemenu()" href="javascript:void(9)">Delete menu</a> </span>
                            <div class="publishing-action">
                              <a onclick="getMenusClick()" name="save_menu" id="save_menu_header"
                                class="button button-primary menu-save">Save menu</a>
                              <span class="spinner" id="spincustomu2"></span>
                            </div>
                            @else
                            <div class="publishing-action">
                              <a onclick="createnewmenu()" name="save_menu" id="save_menu_header"
                                class="button button-primary menu-save">Create menu</a>
                            </div>
                            @endif
                          </div>
                        </div>
                      </div>
                    </form>
                  </div>
                </div>
              </div>
            </div>
            <div class="clear"></div>
          </div>
          <div class="clear"></div>
        </div>
        <div class="clear"></div>
      </div>
      <div class="clear"></div>
    </div>
  </div>
</div>

C:\xampp743\htdocs\testnet\resources\views\vendor\wmenu\scripts.blade.php

<script>
	var menus = {
		"oneThemeLocationNoMenus" : "",
		"moveUp" : "Move up",
		"moveDown" : "Mover down",
		"moveToTop" : "Move top",
		"moveUnder" : "Move under of %s",
		"moveOutFrom" : "Out from under  %s",
		"under" : "Under %s",
		"outFrom" : "Out from %s",
		"menuFocus" : "%1$s. Element menu %2$d of %3$d.",
		"subMenuFocus" : "%1$s. Menu of subelement %2$d of %3$s."
	};
	var arraydata = [];
	var addcustommenur= '{{ route("haddcustommenu") }}';
	var updateitemr= '{{ route("hupdateitem")}}';
	var generatemenucontrolr= '{{ route("hgeneratemenucontrol") }}';
	var deleteitemmenur= '{{ route("hdeleteitemmenu") }}';
	var deletemenugr= '{{ route("hdeletemenug") }}';
	var createnewmenur= '{{ route("hcreatenewmenu") }}';
	var csrftoken="{{ csrf_token() }}";
	var menuwr = "{{ url()->current() }}";
	$.ajaxSetup({
		headers: {
			'X-CSRF-TOKEN': csrftoken
		}
	});
</script>
<script type="text/javascript" src="{{asset('vendor/harimayco-menu/scripts.js')}}"></script>
<script type="text/javascript" src="{{asset('vendor/harimayco-menu/scripts2.js')}}"></script>
<script type="text/javascript" src="{{asset('vendor/harimayco-menu/menu.js')}}"></script>

C:\xampp743\htdocs\testnet\public\vendor\harimayco-menu\menu.js

var arraydata = [];
function getmenus() {
  arraydata = [];
  $('#spinsavemenu').show();
  var cont = 0;
  $('#menu-to-edit li').each(function (index) {
    var dept = 0;
    for (var i = 0; i < $('#menu-to-edit li').length; i++) {
      var n = $(this)
        .attr('class')
        .indexOf('menu-item-depth-' + i);
      if (n != -1) {
        dept = i;
      }
    }
    var textoiner = $(this)
      .find('.item-edit')
      .text();
    var id = this.id.split('-');
    var textoexplotado = textoiner.split('|');
    var padre = 0;
    if (
      !!textoexplotado[textoexplotado.length - 2] &&
      textoexplotado[textoexplotado.length - 2] != id[2]
    ) {
      padre = textoexplotado[textoexplotado.length - 2];
    }
    arraydata.push({
      depth: dept,
      id: id[2],
      parent: padre,
      sort: cont
    });
    cont++;
  });
  // updateitem();
  // actualizarmenu();
}
function getMenusClick() {
  updateitem();
  actualizarmenu();
}
function addcustommenu() {
  $('#spincustomu').show();
  $.ajax({
    data: {
      labelmenu: $('#custom-menu-item-name').val(),
      linkmenu: $('#custom-menu-item-url').val(),
      rolemenu: $('#custom-menu-item-role').val(),
      idmenu: $('#idmenu').val()
    },
    url: addcustommenur,
    type: 'POST',
    success: function (response) {
      window.location.reload();
    },
    complete: function () {
      $('#spincustomu').hide();
    }
  });
}
function updateitem(id = 0) {
  if (id) {
    var label = $('#idlabelmenu_' + id).val();
    var clases = $('#clases_menu_' + id).val();
    var url = $('#url_menu_' + id).val();
    var role_id = 0;
    if ($('#role_menu_' + id).length) {
      role_id = $('#role_menu_' + id).val();
    }
    var data = {
      label: label,
      clases: clases,
      url: url,
      role_id: role_id,
      id: id
    };
  } else {
    var arr_data = [];
    $('.menu-item-settings').each(function (k, v) {
      var id = $(this)
        .find('.edit-menu-item-id')
        .val();
      var label = $(this)
        .find('.edit-menu-item-title')
        .val();
      var clases = $(this)
        .find('.edit-menu-item-classes')
        .val();
      var url = $(this)
        .find('.edit-menu-item-url')
        .val();
      var role = $(this)
        .find('.edit-menu-item-role')
        .val();
      arr_data.push({
        id: id,
        label: label,
        class: clases,
        link: url,
        role_id: role
      });
    });
    var data = { arraydata: arr_data };
  }
  $.ajax({
    data: data,
    url: updateitemr,
    type: 'POST',
    beforeSend: function (xhr) {
      if (id) {
        $('#spincustomu2').show();
      }
    },
    success: function (response) { },
    complete: function () {
      if (id) {
        $('#spincustomu2').hide();
      }
    }
  });
}
function actualizarmenu() {
  $.ajax({
    dataType: 'json',
    data: {
      arraydata: arraydata,
      menuname: $('#menu-name').val(),
      idmenu: $('#idmenu').val()
    },
    url: generatemenucontrolr,
    type: 'POST',
    beforeSend: function (xhr) {
      $('#spincustomu2').show();
    },
    success: function (response) {
      console.log('aqu llega');
    },
    complete: function () {
      $('#spincustomu2').hide();
    }
  });
}
function deleteitem(id) {
  $.ajax({
    dataType: 'json',
    data: {
      id: id
    },
    url: deleteitemmenur,
    type: 'POST',
    success: function (response) { }
  });
}
function deletemenu() {
  var r = confirm('Do you want to delete this menu ?');
  if (r == true) {
    $.ajax({
      dataType: 'json',
      data: {
        id: $('#idmenu').val()
      },
      url: deletemenugr,
      type: 'POST',
      beforeSend: function (xhr) {
        $('#spincustomu2').show();
      },
      success: function (response) {
        if (!response.error) {
          alert(response.resp);
          window.location = menuwr;
        } else {
          alert(response.resp);
        }
      },
      complete: function () {
        $('#spincustomu2').hide();
      }
    });
  } else {
    return false;
  }
}
function createnewmenu() {
  if (!!$('#menu-name').val()) {
    $.ajax({
      dataType: 'json',
      data: {
        menuname: $('#menu-name').val()
      },
      url: createnewmenur,
      type: 'POST',
      success: function (response) {
        window.location = menuwr + '?menu=' + response.resp;
      }
    });
  } else {
    alert('Enter menu name!');
    $('#menu-name').focus();
    return false;
  }
}
function insertParam(key, value) {
  key = encodeURI(key);
  value = encodeURI(value);
  var kvp = document.location.search.substr(1).split('&');
  var i = kvp.length;
  var x;
  while (i--) {
    x = kvp[i].split('=');
    if (x[0] == key) {
      x[1] = value;
      kvp[i] = x.join('=');
      break;
    }
  }
  if (i < 0) {
    kvp[kvp.length] = [key, value].join('=');
  }
  //this will reload the page, it's likely better to store this until finished
  document.location.search = kvp.join('&');
}
wpNavMenu.registerChange = function () {
  getmenus();
};

C:\xampp743\htdocs\testnet\public\vendor\harimayco-menu\scripts2

!function(a){a.fn.hoverIntent=function(b,c,d){var e={interval:100,sensitivity:7,timeout:0};e="object"==typeof b?a.extend(e,b):a.isFunction(c)?a.extend(e,{over:b,out:c,selector:d}):a.extend(e,{over:b,out:b,selector:c});var f,g,h,i,j=function(a){f=a.pageX,g=a.pageY},k=function(b,c){return c.hoverIntent_t=clearTimeout(c.hoverIntent_t),Math.abs(h-f)+Math.abs(i-g)<e.sensitivity?(a(c).off("mousemove.hoverIntent",j),c.hoverIntent_s=1,e.over.apply(c,[b])):(h=f,i=g,c.hoverIntent_t=setTimeout(function(){k(b,c)},e.interval),void 0)},l=function(a,b){return b.hoverIntent_t=clearTimeout(b.hoverIntent_t),b.hoverIntent_s=0,e.out.apply(b,[a])},m=function(b){var c=jQuery.extend({},b),d=this;d.hoverIntent_t&&(d.hoverIntent_t=clearTimeout(d.hoverIntent_t)),"mouseenter"==b.type?(h=c.pageX,i=c.pageY,a(d).on("mousemove.hoverIntent",j),1!=d.hoverIntent_s&&(d.hoverIntent_t=setTimeout(function(){k(c,d)},e.interval))):(a(d).off("mousemove.hoverIntent",j),1==d.hoverIntent_s&&(d.hoverIntent_t=setTimeout(function(){l(c,d)},e.timeout)))};return this.on({"mouseenter.hoverIntent":m,"mouseleave.hoverIntent":m},e.selector)}}(jQuery);
var showNotice,adminMenu,columns,validateForm,screenMeta;!function(a,b){adminMenu={init:function(){},fold:function(){},restoreMenuState:function(){},toggle:function(){},favorites:function(){}},columns={init:function(){var b=this;a(".hide-column-tog","#adv-settings").click(function(){var c=a(this),d=c.val();c.prop("checked")?b.checked(d):b.unchecked(d),columns.saveManageColumnsState()})},saveManageColumnsState:function(){var b=this.hidden();a.post(ajaxurl,{action:"hidden-columns",hidden:b,screenoptionnonce:a("#screenoptionnonce").val(),page:pagenow})},checked:function(b){a(".column-"+b).show(),this.colSpanChange(1)},unchecked:function(b){a(".column-"+b).hide(),this.colSpanChange(-1)},hidden:function(){return a(".manage-column").filter(":hidden").map(function(){return this.id}).get().join(",")},useCheckboxesForHidden:function(){this.hidden=function(){return a(".hide-column-tog").not(":checked").map(function(){var a=this.id;return a.substring(a,a.length-5)}).get().join(",")}},colSpanChange:function(b){var c,d=a("table").find(".colspanchange");d.length&&(c=parseInt(d.attr("colspan"),10)+b,d.attr("colspan",c.toString()))}},a(document).ready(function(){columns.init()}),validateForm=function(b){return!a(b).find(".form-required").filter(function(){return""===a("input:visible",this).val()}).addClass("form-invalid").find("input:visible").change(function(){a(this).closest(".form-invalid").removeClass("form-invalid")}).size()},showNotice={warn:function(){var a=commonL10n.warnDelete||"";return confirm(a)?!0:!1},note:function(a){alert(a)}},screenMeta={element:null,toggles:null,page:null,init:function(){this.element=a("#screen-meta"),this.toggles=a(".screen-meta-toggle a"),this.page=a("#wpcontent"),this.toggles.click(this.toggleEvent)},toggleEvent:function(b){var c=a(this.href.replace(/.+#/,"#"));b.preventDefault(),c.length&&(c.is(":visible")?screenMeta.close(c,a(this)):screenMeta.open(c,a(this)))},open:function(b,c){a(".screen-meta-toggle").not(c.parent()).css("visibility","hidden"),b.parent().show(),b.slideDown("fast",function(){b.focus(),c.addClass("screen-meta-active").attr("aria-expanded",!0)}),a(document).trigger("screen:options:open")},close:function(b,c){b.slideUp("fast",function(){c.removeClass("screen-meta-active").attr("aria-expanded",!1),a(".screen-meta-toggle").css("visibility",""),b.parent().hide()}),a(document).trigger("screen:options:close")}},a(".contextual-help-tabs").delegate("a","click",function(b){var c,d=a(this);return b.preventDefault(),d.is(".active a")?!1:(a(".contextual-help-tabs .active").removeClass("active"),d.parent("li").addClass("active"),c=a(d.attr("href")),a(".help-tab-content").not(c).removeClass("active").hide(),void c.addClass("active").show())}),a(document).ready(function(){function c(a){var b,c,d,e,f,g,h,i=a.find(".wp-submenu");f=a.offset().top,g=w.scrollTop(),h=f-g-30,b=f+i.height()+1,c=z.height(),d=60+b-c,e=w.height()+g-50,b-d>e&&(d=b-e),d>h&&(d=h),d>1?i.css("margin-top","-"+d+"px"):i.css("margin-top","")}function d(a){var b=w.scrollTop(),c=!a||"scroll"!==a.type;if(!(s||u||A.data("wp-responsive"))){if(M.menu+M.adminbar<M.window||M.menu+M.adminbar+20>M.wpwrap)return void f();if(L=!0,M.menu+M.adminbar>M.window){if(0>b)return void(I||(I=!0,J=!1,y.css({position:"fixed",top:"",bottom:""})));if(b+M.window>v.height()-1)return void(J||(J=!0,I=!1,y.css({position:"fixed",top:"",bottom:0})));b>H?I?(I=!1,K=y.offset().top-M.adminbar-(b-H),K+M.menu+M.adminbar<b+M.window&&(K=b+M.window-M.menu-M.adminbar),y.css({position:"absolute",top:K,bottom:""})):!J&&y.offset().top+M.menu<b+M.window&&(J=!0,y.css({position:"fixed",top:"",bottom:0})):H>b?J?(J=!1,K=y.offset().top-M.adminbar+(H-b),K+M.menu>b+M.window&&(K=b),y.css({position:"absolute",top:K,bottom:""})):!I&&y.offset().top>=b+M.adminbar&&(I=!0,y.css({position:"fixed",top:"",bottom:""})):c&&(I=J=!1,K=b+M.window-M.menu-M.adminbar-1,K>0?y.css({position:"absolute",top:K,bottom:""}):f())}H=b}}function e(){M={window:w.height(),wpwrap:z.height(),adminbar:G.height(),menu:y.height()}}function f(){!s&&L&&(I=J=L=!1,y.css({position:"",top:"",bottom:""}))}function g(){e(),A.data("wp-responsive")?(x.removeClass("sticky-menu"),f()):M.menu+M.adminbar>M.window?(d(),x.removeClass("sticky-menu")):(x.addClass("sticky-menu"),f())}var h,i,j,k,l,m,n,o,p=!1,q=a("input.current-page"),r=q.val(),s=/iPhone|iPad|iPod/.test(navigator.userAgent),t=-1!==navigator.userAgent.indexOf("Android"),u=a(document.documentElement).hasClass("ie8"),v=a(document),w=a(b),x=a(document.body),y=a("#adminmenuwrap"),z=a("#wpwrap"),A=a("#adminmenu"),B=a("#wp-responsive-overlay"),C=a("#wp-toolbar"),D=C.find('a[aria-haspopup="true"]'),E=a(".meta-box-sortables"),F=!1,G=a("#wpadminbar"),H=0,I=!1,J=!1,K=0,L=!1,M={window:w.height(),wpwrap:z.height(),adminbar:G.height(),menu:y.height()};A.on("click.wp-submenu-head",".wp-submenu-head",function(b){a(b.target).parent().siblings("a").get(0).click()}),a("#collapse-menu").on("click.collapse-menu",function(){var c,d,e=a(document.body);a("#adminmenu div.wp-submenu").css("margin-top",""),c=b.innerWidth?Math.max(b.innerWidth,document.documentElement.clientWidth):961,c&&960>c?e.hasClass("auto-fold")?(e.removeClass("auto-fold").removeClass("folded"),setUserSetting("unfold",1),setUserSetting("mfold","o"),d="open"):(e.addClass("auto-fold"),setUserSetting("unfold",0),d="folded"):e.hasClass("folded")?(e.removeClass("folded"),setUserSetting("mfold","o"),d="open"):(e.addClass("folded"),setUserSetting("mfold","f"),d="folded"),a(document).trigger("wp-collapse-menu",{state:d})}),("ontouchstart"in b||/IEMobile\/[1-9]/.test(navigator.userAgent))&&(m=s?"touchstart":"click",a(document.body).on(m+".wp-mobile-hover",function(b){A.data("wp-responsive")||a(b.target).closest("#adminmenu").length||A.find("li.opensub").removeClass("opensub")}),A.find("a.wp-has-submenu").on(m+".wp-mobile-hover",function(b){var d=a(this).parent();A.data("wp-responsive")||d.hasClass("opensub")||d.hasClass("wp-menu-open")&&!(d.width()<40)||(b.preventDefault(),c(d),A.find("li.opensub").removeClass("opensub"),d.addClass("opensub"))})),s||t||(A.find("li.wp-has-submenu").hoverIntent({over:function(){var b=a(this),d=b.find(".wp-submenu"),e=parseInt(d.css("top"),10);isNaN(e)||e>-5||A.data("wp-responsive")||(c(b),A.find("li.opensub").removeClass("opensub"),b.addClass("opensub"))},out:function(){A.data("wp-responsive")||a(this).removeClass("opensub").find(".wp-submenu").css("margin-top","")},timeout:200,sensitivity:7,interval:90}),A.on("focus.adminmenu",".wp-submenu a",function(b){A.data("wp-responsive")||a(b.target).closest("li.menu-top").addClass("opensub")}).on("blur.adminmenu",".wp-submenu a",function(b){A.data("wp-responsive")||a(b.target).closest("li.menu-top").removeClass("opensub")}).find("li.wp-has-submenu.wp-not-current-submenu").on("focusin.adminmenu",function(){c(a(this))})),a("div.wrap h2:first").nextAll("div.updated, div.error").addClass("below-h2"),a("div.updated, div.error").not(".below-h2, .inline").insertAfter(a("div.wrap h2:first")),screenMeta.init(),a("tbody").children().children(".check-column").find(":checkbox").click(function(b){if("undefined"==b.shiftKey)return!0;if(b.shiftKey){if(!p)return!0;h=a(p).closest("form").find(":checkbox"),i=h.index(p),j=h.index(this),k=a(this).prop("checked"),i>0&&j>0&&i!=j&&(l=j>i?h.slice(i,j):h.slice(j,i),l.prop("checked",function(){return a(this).closest("tr").is(":visible")?k:!1}))}p=this;var c=a(this).closest("tbody").find(":checkbox").filter(":visible").not(":checked");return a(this).closest("table").children("thead, tfoot").find(":checkbox").prop("checked",function(){return 0===c.length}),!0}),a("thead, tfoot").find(".check-column :checkbox").on("click.wp-toggle-checkboxes",function(b){var c=a(this),d=c.closest("table"),e=c.prop("checked"),f=b.shiftKey||c.data("wp-toggle");d.children("tbody").filter(":visible").children().children(".check-column").find(":checkbox").prop("checked",function(){return a(this).is(":hidden")?!1:f?!a(this).prop("checked"):e?!0:!1}),d.children("thead,  tfoot").filter(":visible").children().children(".check-column").find(":checkbox").prop("checked",function(){return f?!1:e?!0:!1})}),a("td.post-title, td.title, td.comment, .bookmarks td.column-name, td.blogname, td.username, .dashboard-comment-wrap").focusin(function(){clearTimeout(n),o=a(this).find(".row-actions"),o.addClass("visible")}).focusout(function(){n=setTimeout(function(){o.removeClass("visible")},30)}),a("#default-password-nag-no").click(function(){return setUserSetting("default_password_nag","hide"),a("div.default-password-nag").hide(),!1}),a("#newcontent").bind("keydown.wpevent_InsertTab",function(b){var c,d,e,f,g,h=b.target;if(27==b.keyCode)return void a(h).data("tab-out",!0);if(!(9!=b.keyCode||b.ctrlKey||b.altKey||b.shiftKey)){if(a(h).data("tab-out"))return void a(h).data("tab-out",!1);c=h.selectionStart,d=h.selectionEnd,e=h.value;try{this.lastKey=9}catch(i){}document.selection?(h.focus(),g=document.selection.createRange(),g.text="	"):c>=0&&(f=this.scrollTop,h.value=e.substring(0,c).concat("	",e.substring(d)),h.selectionStart=h.selectionEnd=c+1,this.scrollTop=f),b.stopPropagation&&b.stopPropagation(),b.preventDefault&&b.preventDefault()}}),a("#newcontent").bind("blur.wpevent_InsertTab",function(){this.lastKey&&9==this.lastKey&&this.focus()}),q.length&&q.closest("form").submit(function(){-1==a('select[name="action"]').val()&&-1==a('select[name="action2"]').val()&&q.val()==r&&q.val("1")}),a('.search-box input[type="search"], .search-box input[type="submit"]').mousedown(function(){a('select[name^="action"]').val("-1")}),a("#contextual-help-link, #show-settings-link").on("focus.scroll-into-view",function(a){a.target.scrollIntoView&&a.target.scrollIntoView(!1)}),function(){function b(){c.prop("disabled",""===d.map(function(){return a(this).val()}).get().join(""))}var c,d,e=a("form.wp-upload-form");e.length&&(c=e.find('input[type="submit"]'),d=e.find('input[type="file"]'),b(),d.on("change",b))}(),s||(w.on("scroll.pin-menu",d),v.on("tinymce-editor-init.pin-menu",function(a,b){b.on("wp-autoresize",e)})),b.wpResponsive={init:function(){var c=this;v.on("wp-responsive-activate.wp-responsive",function(){c.activate()}).on("wp-responsive-deactivate.wp-responsive",function(){c.deactivate()}),a("#wp-admin-bar-menu-toggle a").attr("aria-expanded","false"),a("#wp-admin-bar-menu-toggle").on("click.wp-responsive",function(b){b.preventDefault(),z.toggleClass("wp-responsive-open"),z.hasClass("wp-responsive-open")?(a(this).find("a").attr("aria-expanded","true"),a("#adminmenu a:first").focus()):a(this).find("a").attr("aria-expanded","false")}),A.on("click.wp-responsive","li.wp-has-submenu > a",function(b){A.data("wp-responsive")&&(a(this).parent("li").toggleClass("selected"),b.preventDefault())}),c.trigger(),v.on("wp-window-resized.wp-responsive",a.proxy(this.trigger,this)),w.on("load.wp-responsive",function(){var a=navigator.userAgent.indexOf("AppleWebKit/")>-1?w.width():b.innerWidth;782>=a&&c.disableSortables()})},activate:function(){g(),x.hasClass("auto-fold")||x.addClass("auto-fold"),A.data("wp-responsive",1),this.disableSortables()},deactivate:function(){g(),A.removeData("wp-responsive"),this.enableSortables()},trigger:function(){var a;b.innerWidth&&(a=Math.max(b.innerWidth,document.documentElement.clientWidth),782>=a?F||(v.trigger("wp-responsive-activate"),F=!0):F&&(v.trigger("wp-responsive-deactivate"),F=!1),480>=a?this.enableOverlay():this.disableOverlay())},enableOverlay:function(){0===B.length&&(B=a('<div id="wp-responsive-overlay"></div>').insertAfter("#wpcontent").hide().on("click.wp-responsive",function(){C.find(".menupop.hover").removeClass("hover"),a(this).hide()})),D.on("click.wp-responsive",function(){B.show()})},disableOverlay:function(){D.off("click.wp-responsive"),B.hide()},disableSortables:function(){if(E.length)try{E.sortable("disable")}catch(a){}},enableSortables:function(){if(E.length)try{E.sortable("enable")}catch(a){}}},b.wpResponsive.init(),g(),v.on("wp-window-resized.pin-menu postboxes-columnchange.pin-menu postbox-toggled.pin-menu wp-collapse-menu.pin-menu wp-scroll-start.pin-menu",g)}),function(){function c(){a(document).trigger("wp-window-resized")}function d(){b.clearTimeout(e),e=b.setTimeout(c,200)}var e;a(b).on("resize.wp-fire-once",d)}(),function(){if("-ms-user-select"in document.documentElement.style&&navigator.userAgent.match(/IEMobile\/10\.0/)){var a=document.createElement("style");a.appendChild(document.createTextNode("@-ms-viewport{width:auto!important}")),document.getElementsByTagName("head")[0].appendChild(a)}}()}(jQuery,window);
"undefined"!=typeof jQuery?("undefined"==typeof jQuery.fn.hoverIntent&&!function(a){a.fn.hoverIntent=function(b,c,d){var e={interval:100,sensitivity:7,timeout:0};e="object"==typeof b?a.extend(e,b):a.isFunction(c)?a.extend(e,{over:b,out:c,selector:d}):a.extend(e,{over:b,out:b,selector:c});var f,g,h,i,j=function(a){f=a.pageX,g=a.pageY},k=function(b,c){return c.hoverIntent_t=clearTimeout(c.hoverIntent_t),Math.abs(h-f)+Math.abs(i-g)<e.sensitivity?(a(c).off("mousemove.hoverIntent",j),c.hoverIntent_s=1,e.over.apply(c,[b])):(h=f,i=g,c.hoverIntent_t=setTimeout(function(){k(b,c)},e.interval),void 0)},l=function(a,b){return b.hoverIntent_t=clearTimeout(b.hoverIntent_t),b.hoverIntent_s=0,e.out.apply(b,[a])},m=function(b){var c=jQuery.extend({},b),d=this;d.hoverIntent_t&&(d.hoverIntent_t=clearTimeout(d.hoverIntent_t)),"mouseenter"==b.type?(h=c.pageX,i=c.pageY,a(d).on("mousemove.hoverIntent",j),1!=d.hoverIntent_s&&(d.hoverIntent_t=setTimeout(function(){k(c,d)},e.interval))):(a(d).off("mousemove.hoverIntent",j),1==d.hoverIntent_s&&(d.hoverIntent_t=setTimeout(function(){l(c,d)},e.timeout)))};return this.on({"mouseenter.hoverIntent":m,"mouseleave.hoverIntent":m},e.selector)}}(jQuery),jQuery(document).ready(function(a){var b,c,d,e=a("#wpadminbar"),f=!1;b=function(b,c){var d=a(c),e=d.attr("tabindex");e&&d.attr("tabindex","0").attr("tabindex",e)},c=function(b){e.find("li.menupop").on("click.wp-mobile-hover",function(c){var d=a(this);d.parent().is("#wp-admin-bar-root-default")&&!d.hasClass("hover")?(c.preventDefault(),e.find("li.menupop.hover").removeClass("hover"),d.addClass("hover")):d.hasClass("hover")||(c.stopPropagation(),c.preventDefault(),d.addClass("hover")),b&&(a("li.menupop").off("click.wp-mobile-hover"),f=!1)})},d=function(){var b=/Mobile\/.+Safari/.test(navigator.userAgent)?"touchstart":"click";a(document.body).on(b+".wp-mobile-hover",function(b){a(b.target).closest("#wpadminbar").length||e.find("li.menupop.hover").removeClass("hover")})},e.removeClass("nojq").removeClass("nojs"),"ontouchstart"in window?(e.on("touchstart",function(){c(!0),f=!0}),d()):/IEMobile\/[1-9]/.test(navigator.userAgent)&&(c(),d()),e.find("li.menupop").hoverIntent({over:function(){f||a(this).addClass("hover")},out:function(){f||a(this).removeClass("hover")},timeout:180,sensitivity:7,interval:100}),window.location.hash&&window.scrollBy(0,-32),a("#wp-admin-bar-get-shortlink").click(function(b){b.preventDefault(),a(this).addClass("selected").children(".shortlink-input").blur(function(){a(this).parents("#wp-admin-bar-get-shortlink").removeClass("selected")}).focus().select()}),a("#wpadminbar li.menupop > .ab-item").bind("keydown.adminbar",function(c){if(13==c.which){var d=a(c.target),e=d.closest("ab-sub-wrapper");c.stopPropagation(),c.preventDefault(),e.length||(e=a("#wpadminbar .quicklinks")),e.find(".menupop").removeClass("hover"),d.parent().toggleClass("hover"),d.siblings(".ab-sub-wrapper").find(".ab-item").each(b)}}).each(b),a("#wpadminbar .ab-item").bind("keydown.adminbar",function(c){if(27==c.which){var d=a(c.target);c.stopPropagation(),c.preventDefault(),d.closest(".hover").removeClass("hover").children(".ab-item").focus(),d.siblings(".ab-sub-wrapper").find(".ab-item").each(b)}}),a("#wpadminbar").click(function(b){("wpadminbar"==b.target.id||"wp-admin-bar-top-secondary"==b.target.id)&&(b.preventDefault(),a("html, body").animate({scrollTop:0},"fast"))}),a(".screen-reader-shortcut").keydown(function(b){var c,d;13==b.which&&(c=a(this).attr("href"),d=navigator.userAgent.toLowerCase(),-1!=d.indexOf("applewebkit")&&c&&"#"==c.charAt(0)&&setTimeout(function(){a(c).focus()},100))}),"sessionStorage"in window&&a("#wp-admin-bar-logout a").click(function(){try{for(var a in sessionStorage)-1!=a.indexOf("wp-autosave-")&&sessionStorage.removeItem(a)}catch(b){}}),navigator.userAgent&&-1===document.body.className.indexOf("no-font-face")&&/Android (1.0|1.1|1.5|1.6|2.0|2.1)|Nokia|Opera Mini|w(eb)?OSBrowser|webOS|UCWEB|Windows Phone OS 7|XBLWP7|ZuneWP7|MSIE 7/.test(navigator.userAgent)&&(document.body.className+=" no-font-face")})):!function(a,b){var c,d=function(a,b,c){a.addEventListener?a.addEventListener(b,c,!1):a.attachEvent&&a.attachEvent("on"+b,function(){return c.call(a,window.event)})},e=new RegExp("\\bhover\\b","g"),f=[],g=new RegExp("\\bselected\\b","g"),h=function(a){for(var b=f.length;b--;)if(f[b]&&a==f[b][1])return f[b][0];return!1},i=function(b){for(var d,i,j,k,l,m,n=[],o=0;b&&b!=c&&b!=a;)"LI"==b.nodeName.toUpperCase()&&(n[n.length]=b,i=h(b),i&&clearTimeout(i),b.className=b.className?b.className.replace(e,"")+" hover":"hover",k=b),b=b.parentNode;if(k&&k.parentNode&&(l=k.parentNode,l&&"UL"==l.nodeName.toUpperCase()))for(d=l.childNodes.length;d--;)m=l.childNodes[d],m!=k&&(m.className=m.className?m.className.replace(g,""):"");for(d=f.length;d--;){for(j=!1,o=n.length;o--;)n[o]==f[d][1]&&(j=!0);j||(f[d][1].className=f[d][1].className?f[d][1].className.replace(e,""):"")}},j=function(b){for(;b&&b!=c&&b!=a;)"LI"==b.nodeName.toUpperCase()&&!function(a){var b=setTimeout(function(){a.className=a.className?a.className.replace(e,""):""},500);f[f.length]=[b,a]}(b),b=b.parentNode},k=function(b){for(var d,e,f,h=b.target||b.srcElement;;){if(!h||h==a||h==c)return;if(h.id&&"wp-admin-bar-get-shortlink"==h.id)break;h=h.parentNode}for(b.preventDefault&&b.preventDefault(),b.returnValue=!1,-1==h.className.indexOf("selected")&&(h.className+=" selected"),d=0,e=h.childNodes.length;e>d;d++)if(f=h.childNodes[d],f.className&&-1!=f.className.indexOf("shortlink-input")){f.focus(),f.select(),f.onblur=function(){h.className=h.className?h.className.replace(g,""):""};break}return!1},l=function(a){var b,c,d,e,f,g;if(!("wpadminbar"!=a.id&&"wp-admin-bar-top-secondary"!=a.id||(b=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0,1>b)))for(g=b>800?130:100,c=Math.min(12,Math.round(b/g)),d=Math.round(b>800?b/30:b/20),e=[],f=0;b;)b-=d,0>b&&(b=0),e.push(b),setTimeout(function(){window.scrollTo(0,e.shift())},f*c),f++};d(b,"load",function(){c=a.getElementById("wpadminbar"),a.body&&c&&(a.body.appendChild(c),c.className&&(c.className=c.className.replace(/nojs/,"")),d(c,"mouseover",function(a){i(a.target||a.srcElement)}),d(c,"mouseout",function(a){j(a.target||a.srcElement)}),d(c,"click",k),d(c,"click",function(a){l(a.target||a.srcElement)}),d(document.getElementById("wp-admin-bar-logout"),"click",function(){if("sessionStorage"in window)try{for(var a in sessionStorage)-1!=a.indexOf("wp-autosave-")&&sessionStorage.removeItem(a)}catch(b){}})),b.location.hash&&b.scrollBy(0,-32),navigator.userAgent&&-1===document.body.className.indexOf("no-font-face")&&/Android (1.0|1.1|1.5|1.6|2.0|2.1)|Nokia|Opera Mini|w(eb)?OSBrowser|webOS|UCWEB|Windows Phone OS 7|XBLWP7|ZuneWP7|MSIE 7/.test(navigator.userAgent)&&(document.body.className+=" no-font-face")})}(document,window);


!function(a){function b(a){var b=a.closest(".accordion-section"),c=b.closest(".accordion-container").find(".open"),d=b.find(".accordion-section-content");b.hasClass("cannot-expand")||(b.hasClass("open")?(b.toggleClass("open"),d.toggle(!0).slideToggle(150)):(c.removeClass("open"),c.find(".accordion-section-content").show().slideUp(150),d.toggle(!1).slideToggle(150),b.toggleClass("open")))}a(document).ready(function(){a(".accordion-container").on("click keydown",".accordion-section-title",function(c){("keydown"!==c.type||13===c.which)&&(c.preventDefault(),b(a(this)))})})}(jQuery);

C:\xampp743\htdocs\testnet\public\vendor\harimayco-menu\style.scss

*This package is abandoned: I'm not maintaining this package anymore, please contact me if you want to take over this project or feel free to fork and make your own. Thank you

forked from https://github.com/lordmacu/wmenu

Installation

composer require harimayco/laravel-menu

Step 2 & 3 are optional if you are using laravel 5.5

Add the following class, to "providers" array in the file config/app.php (optional on laravel 5.5)

Harimayco\Menu\MenuServiceProvider::class,

add facade in the file config/app.php (optional on laravel 5.5)

'Menu' => Harimayco\Menu\Facades\Menu::class,

Run publish

php artisan vendor:publish --provider="Harimayco\Menu\MenuServiceProvider"

Configure (optional) in config/menu.php :

CUSTOM MIDDLEWARE: You can add you own middleware
TABLE PREFIX: By default this package will create 2 new tables named "menus" and "menu_items" but you can still add your own table prefix avoiding conflict with existing table
TABLE NAMES If you want use specific name of tables you have to modify that and the migrations
Custom routes If you want to edit the route path you can edit the field
Role Access If you want to enable roles (permissions) on menu items

Run migrate

php artisan migrate

DONE

On your view blade file

@extends('app')

@section('contents')
    {!! Menu::render() !!}
@endsection

//YOU MUST HAVE JQUERY LOADED BEFORE menu scripts
@push('scripts')
    {!! Menu::scripts() !!}
@endpush

Using The Model

Call the model class

use Harimayco\Menu\Models\Menus;
use Harimayco\Menu\Models\MenuItems;

A basic two-level menu can be displayed in your blade template

Using Model Class

/* get menu by id*/
$menu = Menus::find(1);
/* or by name */
$menu = Menus::where('name','Test Menu')->first();

/* or get menu by name and the items with EAGER LOADING (RECOMENDED for better performance and less query call)*/
$menu = Menus::where('name','Test Menu')->with('items')->first();
/*or by id */
$menu = Menus::where('id', 1)->with('items')->first();

//you can access by model result
$public_menu = $menu->items;

//or you can convert it to array
$public_menu = $menu->items->toArray();

or Using helper

// Using Helper 
$public_menu = Menu::getByName('Public'); //return array

Now inside your blade template file place the menu using this simple example

<div class="nav-wrap">
    <div class="btn-menu">
        <span></span>
    </div><!-- //mobile menu button -->
    <nav id="mainnav" class="mainnav">

        @if($public_menu)
        <ul class="menu">
            @foreach($public_menu as $menu)
            <li class="">
                <a href="{{ $menu['link'] }}" title="">{{ $menu['label'] }}</a>
                @if( $menu['child'] )
                <ul class="sub-menu">
                    @foreach( $menu['child'] as $child )
                        <li class=""><a href="{{ $child['link'] }}" title="">{{ $child['label'] }}</a></li>
                    @endforeach
                </ul><!-- /.sub-menu -->
                @endif
            </li>
            @endforeach
        @endif

        </ul><!-- /.menu -->
    </nav><!-- /#mainnav -->
 </div><!-- /.nav-wrap -->

HELPERS

use Harimayco\Menu\Facades\Menu;
...
/*
Parameter: Menu ID
Return: Array
*/
$menuList = Menu::get(1);

In this example, you must have a menu named Admin

use Harimayco\Menu\Facades\Menu;
...
/*
Parameter: Menu ID
Return: Array
*/
$menuList = Menu::getByName('Admin');

Customization

you can edit the menu interface in resources/views/vendor/wmenu/menu-html.blade.php

Credits

wmenu laravel package menu like wordpress

Compatibility

Tested with laravel 5.2, 5.3, 5.4, 5.5, 5.6, 5.7, 5.8, 6.x, 7.x

KNOWN ISSUES

Not working with RTL websites #21 (pull requests are welcome)

Previous3.2 Crud tickets lấy nguồn tham khảo (ok)Next[ERROR] Livewire page component layout view not found: [components.layouts.app] (ok)

Last updated 2 years ago

Was this helpful?

#hwpwrap { color: #424242; a { color: #2ea2cc; } .outer-border { list-style-type: none; } #wpwrap { height: auto; min-height: 100%; width: 100%; position: relative; -webkit-font-smoothing: subpixel-antialiased; } #wpcontent { height: 100%; } .folded { #wpcontent { margin-left: 36px; } #wpfooter { margin-left: 36px; } } #wpbody-content { padding-bottom: 65px; float: left; width: 100%; overflow: visible !important; .metabox-holder { padding-top: 10px; } #menu-settings-column { display: inline; width: 281px; margin-left: -300px; clear: both; float: left; padding-top: 0; } } .inner-sidebar { float: right; clear: right; display: none; width: 281px; position: relative; #side-sortables { min-height: 300px; width: 280px; padding: 0; } } .columns-2 { .inner-sidebar { margin-right: auto; width: 286px; display: block; #side-sortables { min-height: 300px; width: 280px; padding: 0; } } #postbox-container-3 { .empty-container { border: 0; height: 0; min-height: 0; } } #postbox-container-4 { .empty-container { border: 0; height: 0; min-height: 0; } } } .has-right-sidebar { .inner-sidebar { display: block; } #post-body { float: left; clear: left; width: 100%; margin-right: -2000px; } #post-body-content { margin-right: 300px; float: none; width: auto; } } #col-container { overflow: hidden; padding: 0; margin: 0; } #col-left { overflow: hidden; padding: 0; margin: 0; width: 35%; } #col-right { overflow: hidden; padding: 0; margin: 0; float: right; clear: right; width: 65%; } .col-wrap { padding: 0 7px; } .alignleft { float: left; h3 { margin: 0; } } .alignright { float: right; } .textleft { text-align: left; } .textright { text-align: right; } .clear { clear: both; } .screen-reader-text { position: absolute; margin: -1px; padding: 0; height: 1px; width: 1px; overflow: hidden; clip: rect(0 0 0 0); border: 0; span { position: absolute; margin: -1px; padding: 0; height: 1px; width: 1px; overflow: hidden; clip: rect(0 0 0 0); border: 0; } &:focus { -webkit-box-shadow: none; box-shadow: none; outline: 0; } } .ui-helper-hidden-accessible { position: absolute; margin: -1px; padding: 0; height: 1px; width: 1px; overflow: hidden; clip: rect(0 0 0 0); border: 0; } .screen-reader-shortcut { position: absolute; top: -1000em; &:focus { left: 6px; top: -25px; height: auto; width: auto; display: block; font-size: 14px; font-weight: 600; padding: 15px 23px 14px; background: #f1f1f1; color: #21759b; z-index: 100000; line-height: normal; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); text-decoration: none; outline: 0; } } .hidden { display: none; } .js { .closed { .inside { display: none; } } .hide-if-js { display: none; } .wp-core-ui { .hide-if-js { display: none; } } .postbox { .hndle { cursor: move; } .handlediv { cursor: pointer; } } .widget { .widget-top { cursor: move; } } .meta-box-sortables { .postbox { &:hover { .handlediv { margin-right: 0 !important; } } .handlediv { &:before { right: 12px; font: 400 20px/1 dashicons; speak: none; display: inline-block; padding: 8px 10px; top: 0; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none !important; content: "\f0de"; } } } .postbox.closed { .handlediv { &:before { content: "\f140"; } } } } .sidebar-name { .sidebar-name-arrow { &:before { right: 12px; font: 400 20px/1 dashicons; speak: none; display: inline-block; padding: 8px 10px; top: 0; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none !important; content: "\f0de"; } } } #widgets-left { .sidebar-name { .sidebar-name-arrow { display: none; } &:hover { .sidebar-name-arrow { display: block; } } } .widgets-holder-wrap.closed { .sidebar-name { .sidebar-name-arrow { display: block; } } } } .widgets-holder-wrap.closed { .sidebar-name-arrow { &:before { content: "\f140"; } } } .accordion-section-title { cursor: pointer; &:after { position: absolute; top: 12px; right: 10px; z-index: 1; } } .control-section { .accordion-section-title { &:focus { color: #222; background: #f5f5f5; } &:hover { color: #222; background: #f5f5f5; } } &:hover { .accordion-section-title { color: #222; background: #f5f5f5; } } } .control-section.open { .accordion-section-title { color: #222; background: #f5f5f5; } } .input-with-default-title { color: #aaa; font-style: italic; } .menu-item-handle { cursor: move; } } .js.wp-core-ui { .hide-if-js { display: none; } } .no-js { .hide-if-no-js { display: none; } .wp-core-ui { .hide-if-no-js { display: none; } } .accordion-section { .accordion-section-content { display: block; } } .category-tabs { li.hide-if-no-js { display: none; } } #message { display: block; } .menu-item-edit-active { .item-edit { display: none; } } } .no-js.wp-core-ui { .hide-if-no-js { display: none; } } #menu-management { .menu-edit { border: 1px solid #e5e5e5; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); margin-bottom: 20px; } position: relative; margin-right: 20px; margin-top: -3px; width: 100%; background: #f5f5f5; .menu-add-new { abbr { font-weight: 600; } } .inside { padding: 0 10px; } } #menu-settings-column { .accordion-container { border: 1px solid #e5e5e5; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); } .inside { clear: both; margin: 10px 0 0; &:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } } } .feature-filter { border: 1px solid #e5e5e5; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); background: #fff; .feature-name { font-weight: 600; } } .imgedit-group { border: 1px solid #e5e5e5; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); background: #fff; } .manage-menus { border: 1px solid #e5e5e5; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); margin-top: 23px; padding: 10px; overflow: hidden; background: #fbfbfb; select { float: left; margin-right: 6px; } .selected-menu { float: left; margin: 5px 6px 0 0; } .submit-btn { float: left; margin-top: 1px; } } .menu-item-handle { border: 1px solid #e5e5e5; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); .item-title { font-size: 13px; font-weight: 600; line-height: 20px; display: block; margin-right: 13em; } .menu-item-title.no-title { color: #999; } } .popular-tags { border: 1px solid #e5e5e5; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); background: #fff; } .stuffbox { border: 1px solid #e5e5e5; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); background: #fff; margin-bottom: 20px; padding: 0; line-height: 1; .hndle { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .inside { padding: 0 12px 12px; line-height: 1.4em; font-size: 13px; } .insidebox { margin: 11px 0; } .editcomment { clear: none; } } .widget-inside { border: 1px solid #e5e5e5; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); } .widget-top { border: 1px solid #e5e5e5; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); font-size: 13px; font-weight: 600; background: #f7f7f7; a.widget-action { &:after { right: 0; content: "\f0dd"; border: none; background: 0 0; font: 400 20px/1 FontAwesome; speak: none; display: block; padding: 0; text-indent: 0; text-align: center; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none !important; padding: 12px 12px 11px; } &:focus { &:after { -webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); } } -webkit-box-shadow: none; box-shadow: none; outline: 0; text-decoration: none; &:hover { -webkit-box-shadow: none; box-shadow: none; outline: 0; text-decoration: none; } } } .widgets-holder-wrap { border: 1px solid #e5e5e5; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); background: #fff; .widget-inside { border-top: none; padding: 1px 15px 15px; line-height: 16px; } } .wp-editor-container { border: 1px solid #e5e5e5; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); background: #fff; } p.popular-tags { border: 1px solid #e5e5e5; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); background: #fff; } table.widefat { border: 1px solid #e5e5e5; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); background: #fff; } .ie8 { a { &:focus { outline: #5b9dd9 solid 1px; } } input[type="password"] { font-family: sans-serif; } } #adminmenu { a { &:focus { -webkit-box-shadow: none; box-shadow: none; outline: 0; } text-decoration: none; } .wp-submenu { li.current { font-weight: 600; a { font-weight: 600; &:hover { font-weight: 600; } } } } } .wp-filter { .search-form { select { margin: 0; height: 32px; vertical-align: top; } } .search-form.search-plugins { display: inline-block; } .drawer-toggle { display: inline-block; margin: 0 10px; padding: 4px 6px; color: #666; cursor: pointer; &:before { display: inline-block; vertical-align: top; content: "\f111"; margin: 0 5px 0 0; width: 16px; height: 16px; color: #777; -webkit-transition: color 0.1s ease-in 0; transition: color 0.1s ease-in 0; font-family: dashicons; font-size: 16px; line-height: 1; text-align: center; text-decoration: inherit; font-weight: 400; font-style: normal; -webkit-font-smoothing: antialiased; } &:hover { color: #2ea2cc; &:before { color: #2ea2cc; } } } .drawer-toggle.current { &:before { color: #fff; } } .button.clear-filters { display: none; margin: 0 0 20px 10px; } } .filter-drawer { display: none; margin: 0 -20px; padding: 20px; border-top: 1px solid #eee; background: #fafafa; ol { margin: 20px 0 0; list-style-type: none; font-size: 12px; } li { display: inline-block; vertical-align: top; margin: 5px 0; padding-right: 25px; width: 160px; list-style-type: none; } .buttons { margin-bottom: 20px; .button { span { display: inline-block; opacity: 0.8; font-size: 12px; text-indent: 10px; } } } } .show-filters { .filter-drawer { display: block; overflow: hidden; width: 100%; } .wp-filter { .drawer-toggle { &:focus { background: #2ea2cc; } &:hover { background: #2ea2cc; } -webkit-border-radius: 2px; border-radius: 2px; border: none; background: #777; color: #fff; &:before { color: #fff; } } } .filter-links { a.current { border-bottom: none; } } .content-filterable { display: none; } } .filter-group { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin: 0 1% 0 0; padding: 10px; width: 24%; background: #fff; border: 1px solid #e5e5e5; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); h4 { position: relative; margin: 0; } } .filtered-by { display: none; margin: 0; >span { font-weight: 600; } a { margin-left: 10px; } .tags { display: inline; } .tag { margin: 0 5px; padding: 4px 8px; border: 1px solid #e5e5e5; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); background: #fff; font-size: 11px; } } .filters-applied { .filter-drawer { .buttons { display: none !important; } br { display: none !important; } padding: 20px; } .filter-group { display: none !important; } .filtered-by { display: block; } } .error { .content-filterable { display: none; } a { text-decoration: underline; } } .loading-content { .content-filterable { display: none; } .spinner { display: block; margin: 40px auto 0; float: none; } } .show-filters.filters-applied.loading-content { .content-filterable { display: none; } } .show-filters.filters-applied { .content-filterable { display: block; } } .notice { background: #fff; border-left: 4px solid #fff; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); margin: 5px 15px 2px; padding: 1px 12px; p { margin: 0.5em 0; padding: 2px; } } div.error { background: #fff; border-left: 4px solid #fff; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); margin: 5px 15px 2px; padding: 1px 12px; border-color: #dd3d36; p { margin: 0.5em 0; padding: 2px; } } div.updated { background: #fff; border-left: 4px solid #fff; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); margin: 5px 15px 2px; padding: 1px 12px; border-color: #7ad03a; p { margin: 0.5em 0; padding: 2px; } } .form-table { td { .notice { p { margin: 0.5em 0; padding: 2px; } } } } .notice-success { border-color: #7ad03a; } .notice-warning { border-color: #ffba00; } .notice-error { border-color: #dd3d36; } .notice-info { border-color: #2ea2cc; } .media-upload-form { .notice { margin: 5px 0 15px; } div.error { margin: 5px 0 15px; } } .wrap { .notice { margin: 5px 0 15px; } div.error { margin: 5px 0 15px; } div.updated { margin: 5px 0 15px; } } #update-nag { display: inline-block; line-height: 19px; padding: 11px 15px; font-size: 14px; text-align: left; margin: 25px 20px 0 2px; background-color: #fff; border-left: 4px solid #ffba00; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); } .update-nag { display: inline-block; line-height: 19px; padding: 11px 15px; font-size: 14px; text-align: left; margin: 25px 20px 0 2px; background-color: #fff; border-left: 4px solid #ffba00; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); } .update-message { color: #000; } .update-php { .spinner { float: none; margin: -4px 0; } } #ajax-loading { visibility: hidden; } .ajax-feedback { visibility: hidden; } .ajax-loading { visibility: hidden; } .imgedit-wait-spin { visibility: hidden; } .list-ajax-loading { visibility: hidden; } #ajax-response.alignleft { margin-left: 2em; } #catlist { a { text-decoration: none; } } #sidemenu { a { text-decoration: none; padding: 0 7px; display: block; float: left; line-height: 28px; border-top: 1px solid #f9f9f9; border-bottom: 1px solid #dfdfdf; background-color: #f9f9f9; -webkit-transition: none; transition: none; } margin: -30px 15px 0 315px; list-style: none; position: relative; float: right; padding-left: 10px; font-size: 12px; li { display: inline; line-height: 200%; list-style: none; text-align: center; white-space: nowrap; margin: 0; padding: 0; } a.current { font-weight: 400; padding-left: 6px; padding-right: 6px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; border: 1px solid #dfdfdf; border-bottom-color: #f1f1f1; background-color: #f1f1f1; color: #000; } } #taglist { a { text-decoration: none; } } #contextual-help-wrap { margin: 0; padding: 8px 20px 12px; position: relative; padding: 0; h5 { margin: 8px 0; font-size: 13px; } } #screen-options-wrap { margin: 0; padding: 8px 20px 12px; position: relative; h5 { margin: 8px 0; font-size: 13px; } } #contextual-help-link-wrap { float: right; height: 28px; margin: 0 0 0 6px; border: 1px solid #ddd; border-top: none; background: #fff; -webkit-box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.1); } #screen-options-link-wrap { float: right; height: 28px; margin: 0 0 0 6px; border: 1px solid #ddd; border-top: none; background: #fff; -webkit-box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.1); } #screen-meta-links { .screen-meta-toggle { position: relative; top: 0; } a { color: #777; &:active { color: #333; } &:focus { color: #333; } &:hover { color: #333; } &:after { right: 0; content: "\f140"; font: 400 20px/1 dashicons; speak: none; display: inline-block; padding: 0 5px 0 0; bottom: 2px; position: relative; vertical-align: bottom; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none !important; color: #bbb; } } a.show-settings { display: block; font-size: 13px; height: 22px; line-height: 22px; text-decoration: none; z-index: 1; &:hover { text-decoration: none; } } a.screen-meta-active { &:after { content: "\f0de"; } } } .toggle-arrow { background-repeat: no-repeat; background-position: top left; background-color: transparent; height: 22px; line-height: 22px; display: block; } .toggle-arrow-active { background-position: bottom left; } .metabox-prefs { label { display: inline-block; padding-right: 15px; line-height: 30px; input[type="checkbox"] { margin-top: -4px; margin-right: 6px; } input { margin: 0 5px 0 2px; } a { display: none; } } .columns-prefs { label { input { margin: 0 2px; } } } } #contextual-help-columns { position: relative; } #contextual-help-back { position: absolute; top: 0; bottom: 0; left: 150px; right: 170px; border: 1px solid #e1e1e1; border-top: none; border-bottom: none; background: #f6fbfd; } #contextual-help-wrap.no-sidebar { #contextual-help-back { right: 0; border-right-width: 0; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; } } .contextual-help-tabs { float: left; width: 150px; margin: 0; ul { margin: 1em 0; } li { margin-bottom: 0; list-style-type: none; border-style: solid; border-width: 0 0 0 2px; border-color: transparent; } a { display: block; padding: 5px 5px 5px 12px; line-height: 18px; text-decoration: none; border: 1px solid transparent; border-right: none; border-left: none; &:hover { color: #333; } } .active { padding: 0; margin: 0 -1px 0 0; border-left: 2px solid #2ea2cc; background: #f6fbfd; -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02), 0 1px 0 rgba(0, 0, 0, 0.02); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02), 0 1px 0 rgba(0, 0, 0, 0.02); a { border-color: #e1e1e1; color: #333; } } } .contextual-help-tabs-wrap { padding: 0 20px; overflow: auto; } .help-tab-content { display: none; margin: 0 22px 12px 0; line-height: 1.6em; ul { li { list-style-type: disc; margin-left: 18px; } } } .help-tab-content.active { display: block; } .contextual-help-sidebar { width: 150px; float: right; padding: 0 8px 0 12px; overflow: auto; } html.wp-toolbar { padding-top: 32px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .narrow { width: 70%; margin-bottom: 40px; p { line-height: 150%; } } .widefat { td { overflow: hidden; color: #555; p { margin: 2px 0 0.8em; } } th { overflow: hidden; color: #555; font-weight: 400; } tfoot { tr { th { color: #333; } } } thead { tr { th { color: #333; } } } ol { color: #333; } p { color: #333; } ul { color: #333; } .column-comment { p { margin: 0.6em 0; } } td.menu-location-menus { padding-bottom: 5px; } } .postbox-container { float: left; .meta-box-sortables { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } .metabox-holder { .postbox-container { .empty-container { border: 3px dashed #bbb; height: 250px; } } h3 { font-size: 14px; padding: 8px 12px; margin: 0; line-height: 1.4; } } .columns-3 { #postbox-container-4 { .empty-container { border: 0; height: 0; min-height: 0; } } } .metabox-holder.columns-1 { .postbox-container { .empty-container { border: 0; height: 0; min-height: 0; } } } #post-body-content { width: 100%; min-width: 463px; float: left; } #post-body.columns-2 { #postbox-container-1 { float: right; margin-right: -300px; width: 280px; } #side-sortables { min-height: 250px; } } .hndle { a { font-size: 11px; font-weight: 400; } } .postbox { .handlediv { float: right; width: 27px; height: 30px; } margin-bottom: 20px; padding: 0; line-height: 1; position: relative; min-width: 255px; border: 1px solid #e5e5e5; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); background: #fff; .hndle { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .inside { padding: 0 12px 12px; line-height: 1.4em; font-size: 13px; margin: 11px 0; position: relative; >p { &:last-child { margin-bottom: 1px !important; } } } table.form-table { margin-bottom: 0; } table.widefat { -webkit-box-shadow: none; box-shadow: none; } .howto { input { width: 180px; float: right; } } .spinner { display: none; vertical-align: middle; } } .sortable-placeholder { border: 1px dashed #bbb; margin-bottom: 20px; } .rss-widget { ul { li { &:last-child { margin-bottom: 1px !important; } } } } .postbox.closed { h3 { border: none; -webkit-box-shadow: none; box-shadow: none; } } .temp-border { border: 1px dotted #ccc; } .columns-prefs { label { padding: 0 5px; } } #dashboard_right_now { .versions { .b { font-weight: 600; } } } #ed_reply_toolbar { #ed_reply_strong { font-weight: 600; } } #pass-strength-result.short { font-weight: 600; } #pass-strength-result.strong { font-weight: 600; } #post-status-display { font-weight: 600; } #post-visibility-display { font-weight: 600; } .item-controls { .item-order { a { font-weight: 600; } padding-right: 10px; } font-size: 12px; position: absolute; right: 20px; top: -1px; a { text-decoration: none; &:hover { cursor: pointer; } } } .media-item { .percent { font-weight: 600; } } .plugins { .name { font-weight: 600; } } #wpfooter { position: absolute; bottom: 0; left: 0; right: 0; padding: 10px 20px; color: #777; p { font-size: 13px; margin: 0; line-height: 20px; } a { text-decoration: none; &:hover { text-decoration: underline; } } } #footer-thankyou { font-style: italic; } .nav-tab { border: 1px solid #ccc; border-bottom: none; background: #e4e4e4; color: #555; font-size: 12px; line-height: 16px; display: inline-block; padding: 4px 14px 6px; text-decoration: none; margin: -4px 4px -1px 0; &:hover { background-color: #fff; color: #464646; } } .nav-tab-active { border-bottom: 1px solid #f1f1f1; background: #f1f1f1; color: #000; &:hover { border-bottom: 1px solid #f1f1f1; background: #f1f1f1; color: #000; } } h2.nav-tab-wrapper { border-bottom: 1px solid #ccc; padding-bottom: 0; padding-left: 10px; } h3.nav-tab-wrapper { border-bottom: 1px solid #ccc; padding-bottom: 0; padding-left: 10px; } h2 { .nav-tab { padding: 6px 10px; font-weight: 700; font-size: 15px; line-height: 24px; } } .spinner { background: url(images/spinner.gif) 0 0/20px 20px no-repeat; -webkit-background-size: 20px 20px; display: none; float: right; opacity: 0.7; filter: alpha(opacity=70); width: 20px; height: 20px; margin: 2px 5px 0; } #template { div { margin-right: 190px; } textarea { font-family: Consolas, Monaco, monospace; font-size: 13px; width: 97%; background: #f9f9f9; outline: 0; direction: ltr; } p { width: 97%; } } #templateside { ul { li { a { text-decoration: none; } } margin: 0.5em 0; padding: 0; } float: right; width: 190px; word-wrap: break-word; h3 { margin: 0; } h4 { margin: 1em 0 0; } ol { margin: 0.5em 0; padding: 0; } li { margin: 4px 0; a { display: block; padding: 3px 3px 3px 12px; text-decoration: none; } } .highlight { border: none; font-weight: 700; } } table { .column-rating { text-align: left; } .column-visible { text-align: left; } .vers { text-align: left; } } .error-message { color: red; font-weight: 600; } body.iframe { height: 98%; } .lp-show-latest { p { display: none; &:last-child { display: block; } } .lp-error { p { display: block; } } } td.media-icon { text-align: center; width: 80px; padding-top: 8px; padding-bottom: 8px; img { max-width: 80px; max-height: 60px; width: auto; height: auto; } } #submitdiv { h3 { margin-bottom: 0 !important; } } .zerosize { height: 0; width: 0; margin: 0; border: 0; padding: 0; overflow: hidden; position: absolute; } br.clear { height: 2px; line-height: 2px; } .checkbox { border: none; margin: 0; padding: 0; } fieldset { border: 0; padding: 0; margin: 0; } .post-categories { display: inline; margin: 0; padding: 0; li { display: inline; } } div.star-holder { position: relative; height: 17px; width: 100px; background: url(images/stars.png?ver=20121108) bottom left repeat-x; .star-rating { background: url(images/stars.png?ver=20121108) top left repeat-x; height: 17px; float: left; } } #wphead { border-bottom: 1px solid #dfdfdf; h1 { a { color: #464646; } } } .updated { a { text-decoration: none; padding-bottom: 2px; } } #photo-add-url-div { input[type="text"] { width: 300px; } } #docs-list { direction: ltr; } #postcustomstuff { p.submit { margin: 0; } } .theme-editor-php { .highlight { display: block; padding: 3px 3px 3px 12px; text-decoration: none; margin: -3px 3px -3px -12px; } } .nonessential { color: #666; font-size: 11px; font-style: italic; padding-left: 12px; } #documentation { margin-top: 10px; label { line-height: 22px; vertical-align: baseline; font-weight: 600; } } .fileedit-sub { padding: 10px 0 8px; line-height: 180%; } .accordion-section-title { &:after { right: 0; content: "\f0dd"; border: none; background: 0 0; font: 400 20px/1 FontAwesome; speak: none; display: block; padding: 0; text-indent: 0; text-align: center; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none !important; color: #aaa; float: right; right: 20px; top: -2px; } &:hover { &:after { color: #777; border-color: #aaa transparent; } } margin: 0; padding: 12px 15px 15px; position: relative; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; &:focus { outline: 0; &:after { border-color: #aaa transparent; } } } .control-section { .accordion-section-title { &:after { right: 0; content: "\f0dd"; border: none; background: 0 0; font: 400 20px/1 FontAwesome; speak: none; display: block; padding: 0; text-indent: 0; text-align: center; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none !important; float: right; right: 20px; top: -2px; top: 11px; } border-left: none; border-right: none; padding: 10px 10px 11px 14px; line-height: 21px; background: #fff; } } .nav-menus-php { .item-edit { &:before { right: 0; content: "\f0dd"; border: none; background: 0 0; font: 400 20px/1 FontAwesome; speak: none; display: block; padding: 0; text-indent: 0; text-align: center; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none !important; line-height: 2.1; } position: absolute; right: -20px; top: 0; display: block; width: 30px; height: 40px; margin-right: 0 !important; text-indent: 100%; outline: 0; overflow: hidden; white-space: nowrap; } .menu-item-edit-active { .item-edit { &:before { content: "\f0de"; } } } #post-body { padding: 0 10px 10px; border-top: 1px solid #fff; border-bottom: 1px solid #dfdfdf; background: #fff; div.error { margin: 0; } div.updated { margin: 0; } } #post-body-content { position: relative; float: none; &:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } } .add-new-menu-action { float: left; margin: 6px 0 0 6px; line-height: 15px; } .meta-sep { display: block; float: left; margin: 6px 0; line-height: 15px; } .submitcancel { display: block; float: left; margin: 6px 0; line-height: 15px; } .submitdelete { display: block; float: left; margin: 6px 0; line-height: 15px; } .howto { span { margin-top: 6px; display: block; float: left; } } .list-wrap { display: none; clear: both; margin-bottom: 10px; } .postbox { p.submit { margin-bottom: 0; } } .list { li { display: none; margin: 0 0 5px; .menu-item-title { cursor: pointer; display: block; input { margin-right: 3px; margin-top: -3px; } } } } .major-publishing-actions { clear: both; padding: 3px 0 6px; .publishing-action { text-align: right; float: right; line-height: 23px; margin: 4px 0 1px; } .form-invalid { padding-left: 4px; margin-left: -4px; } &:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } } .blank-slate { .menu-settings { display: none; } } .delete-action { float: left; margin-top: 2px; } .submitbox { .submitcancel { border-bottom: 1px solid #0074a2; padding: 1px 2px; color: #0074a2; text-decoration: none; &:hover { background: #0074a2; color: #fff; } } } .button-controls { &:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } } .menu-item-settings { &:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } } } .handlediv { color: #aaa; &:hover { color: #777; } } .item-edit { color: #aaa; &:hover { color: #777; } } .sidebar-name-arrow { color: #aaa; } .widget-action { color: #aaa; &:hover { color: #777; } } .sidebar-name { &:hover { .sidebar-name-arrow { color: #777; } } position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #customize-info.open { .accordion-section-title { &:after { content: "\f0de"; } } } .control-section.open { .accordion-section-title { &:after { content: "\f0de"; } border-bottom: 1px solid #dfdfdf; } } .widget.open { .widget-top { a.widget-action { &:after { content: "\f0de"; } } } } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .accordion-section { border-bottom: 1px solid #dfdfdf; margin: 0; ul.add-menu-item-tabs { margin: 0; } ul.category-tabs { margin: 0; } ul.wp-tab-bar { margin: 0; } .categorychecklist { margin: 13px 0; } } .accordion-section.open { .accordion-section-content { display: block; } &:hover { border-bottom-color: #dfdfdf; } } .accordion-section-content { display: none; padding: 10px 20px 15px; overflow: hidden; background: #fff; } .cannot-expand { .accordion-section-title { cursor: auto; &:after { display: none; } } } input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: inherit; font-size: inherit; font-weight: inherit; font-size: 14px; -webkit-border-radius: 0; border-radius: 0; margin: 1px; padding: 3px 5px; } textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ddd; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); background-color: #fff; color: #333; outline: 0; -webkit-transition: 0.05s border-color ease-in-out; transition: 0.05s border-color ease-in-out; font-family: inherit; font-size: inherit; font-weight: inherit; font-size: 14px; -webkit-border-radius: 0; border-radius: 0; overflow: auto; padding: 2px 6px; line-height: 1.4; &:focus { border-color: #5b9dd9; -webkit-box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); } } input[type="checkbox"] { border: 1px solid #ddd; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); background-color: #fff; color: #333; outline: 0; -webkit-transition: 0.05s border-color ease-in-out; transition: 0.05s border-color ease-in-out; border: 1px solid #bbb; background: #fff; color: #555; clear: none; cursor: pointer; display: inline-block; line-height: 0; height: 16px; margin: -4px 4px 0 0; outline: 0; padding: 0 !important; text-align: center; vertical-align: middle; width: 16px; min-width: 16px; -webkit-appearance: none; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-transition: 0.05s border-color ease-in-out; transition: 0.05s border-color ease-in-out; &:focus { border-color: #5b9dd9; -webkit-box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); } &:checked { &:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: "\f00c"; margin: 0; color: #1e8cbe; } } } input[type="color"] { border: 1px solid #ddd; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); background-color: #fff; color: #333; outline: 0; -webkit-transition: 0.05s border-color ease-in-out; transition: 0.05s border-color ease-in-out; &:focus { border-color: #5b9dd9; -webkit-box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); } } input[type="date"] { border: 1px solid #ddd; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); background-color: #fff; color: #333; outline: 0; -webkit-transition: 0.05s border-color ease-in-out; transition: 0.05s border-color ease-in-out; &:focus { border-color: #5b9dd9; -webkit-box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); } } input[type="datetime-local"] { border: 1px solid #ddd; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); background-color: #fff; color: #333; outline: 0; -webkit-transition: 0.05s border-color ease-in-out; transition: 0.05s border-color ease-in-out; &:focus { border-color: #5b9dd9; -webkit-box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); } } input[type="datetime"] { border: 1px solid #ddd; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); background-color: #fff; color: #333; outline: 0; -webkit-transition: 0.05s border-color ease-in-out; transition: 0.05s border-color ease-in-out; &:focus { border-color: #5b9dd9; -webkit-box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); } } input[type="email"] { border: 1px solid #ddd; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); background-color: #fff; color: #333; outline: 0; -webkit-transition: 0.05s border-color ease-in-out; transition: 0.05s border-color ease-in-out; direction: ltr; &:focus { border-color: #5b9dd9; -webkit-box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); } } input[type="month"] { border: 1px solid #ddd; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); background-color: #fff; color: #333; outline: 0; -webkit-transition: 0.05s border-color ease-in-out; transition: 0.05s border-color ease-in-out; &:focus { border-color: #5b9dd9; -webkit-box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); } } input[type="number"] { border: 1px solid #ddd; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); background-color: #fff; color: #333; outline: 0; -webkit-transition: 0.05s border-color ease-in-out; transition: 0.05s border-color ease-in-out; &:focus { border-color: #5b9dd9; -webkit-box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); } } input[type="password"] { border: 1px solid #ddd; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); background-color: #fff; color: #333; outline: 0; -webkit-transition: 0.05s border-color ease-in-out; transition: 0.05s border-color ease-in-out; &:focus { border-color: #5b9dd9; -webkit-box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); } } input[type="radio"] { border: 1px solid #ddd; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); background-color: #fff; color: #333; outline: 0; -webkit-transition: 0.05s border-color ease-in-out; transition: 0.05s border-color ease-in-out; border: 1px solid #bbb; background: #fff; color: #555; clear: none; cursor: pointer; display: inline-block; line-height: 0; height: 16px; margin: -4px 4px 0 0; outline: 0; padding: 0 !important; text-align: center; vertical-align: middle; width: 16px; min-width: 16px; -webkit-appearance: none; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-transition: 0.05s border-color ease-in-out; transition: 0.05s border-color ease-in-out; -webkit-border-radius: 50%; border-radius: 50%; margin-right: 4px; line-height: 10px; &:focus { border-color: #5b9dd9; -webkit-box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); } &:checked { + { label { &:before { color: #888; } } } &:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: "\2022"; text-indent: -9999px; -webkit-border-radius: 50px; border-radius: 50px; font-size: 24px; width: 6px; height: 6px; margin: 4px; line-height: 16px; background-color: #1e8cbe; } } } input[type="search"] { border: 1px solid #ddd; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); background-color: #fff; color: #333; outline: 0; -webkit-transition: 0.05s border-color ease-in-out; transition: 0.05s border-color ease-in-out; &:focus { border-color: #5b9dd9; -webkit-box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); } &::-webkit-search-decoration { display: none; } } input[type="tel"] { border: 1px solid #ddd; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); background-color: #fff; color: #333; outline: 0; -webkit-transition: 0.05s border-color ease-in-out; transition: 0.05s border-color ease-in-out; &:focus { border-color: #5b9dd9; -webkit-box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); } } input[type="text"] { border: 1px solid #ddd; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); background-color: #fff; color: #333; outline: 0; -webkit-transition: 0.05s border-color ease-in-out; transition: 0.05s border-color ease-in-out; &:focus { border-color: #5b9dd9; -webkit-box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); } } input[type="time"] { border: 1px solid #ddd; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); background-color: #fff; color: #333; outline: 0; -webkit-transition: 0.05s border-color ease-in-out; transition: 0.05s border-color ease-in-out; &:focus { border-color: #5b9dd9; -webkit-box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); } } input[type="url"] { border: 1px solid #ddd; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); background-color: #fff; color: #333; outline: 0; -webkit-transition: 0.05s border-color ease-in-out; transition: 0.05s border-color ease-in-out; direction: ltr; &:focus { border-color: #5b9dd9; -webkit-box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); } } input[type="week"] { border: 1px solid #ddd; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); background-color: #fff; color: #333; outline: 0; -webkit-transition: 0.05s border-color ease-in-out; transition: 0.05s border-color ease-in-out; &:focus { border-color: #5b9dd9; -webkit-box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); } } select { border: 1px solid #ddd; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); background-color: #fff; color: #333; outline: 0; -webkit-transition: 0.05s border-color ease-in-out; transition: 0.05s border-color ease-in-out; font-family: inherit; font-size: inherit; font-weight: inherit; font-size: 14px; -webkit-border-radius: 0; border-radius: 0; margin: 1px; padding: 3px 5px; &:focus { border-color: #5b9dd9; -webkit-box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); } } .wp-core-ui { input[type="reset"] { &:active { color: #2ea2cc; background: 0 0; border: none; -webkit-box-shadow: none; box-shadow: none; padding: 0 2px 1px; width: auto; } &:hover { color: #2ea2cc; background: 0 0; border: none; -webkit-box-shadow: none; box-shadow: none; padding: 0 2px 1px; width: auto; } &::-moz-focus-inner { border-width: 0; border-style: none; padding: 0; } background: 0 0; border: none; -webkit-box-shadow: none; box-shadow: none; padding: 0 2px 1px; width: auto; &:focus { background: 0 0; border: none; -webkit-box-shadow: none; box-shadow: none; padding: 0 2px 1px; width: auto; } } &:-moz-placeholder { color: #a9a9a9; } .save-post-visibility { vertical-align: middle; margin-right: 15px; } .save-timestamp { vertical-align: middle; margin-right: 15px; } .button { display: inline-block; text-decoration: none; font-size: 13px; line-height: 26px; height: 28px; margin: 0; padding: 0 10px 1px; cursor: pointer; border-width: 1px; border-style: solid; -webkit-appearance: none; -webkit-border-radius: 3px; border-radius: 3px; white-space: nowrap; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #555; border-color: #ccc; background: #f7f7f7; -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0, 0, 0, 0.08); box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0, 0, 0, 0.08); vertical-align: top; &:active { outline: 0; background: #eee; border-color: #999; color: #333; -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); } &:focus { outline: 0; background: #fafafa; border-color: #999; color: #222; -webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); } &:hover { background: #fafafa; border-color: #999; color: #222; } &:disabled { color: #aaa !important; border-color: #ddd !important; background: #f7f7f7 !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: 0 1px 0 #fff !important; cursor: default; } } .button-primary { display: inline-block; text-decoration: none; font-size: 13px; line-height: 26px; height: 28px; margin: 0; padding: 0 10px 1px; cursor: pointer; border-width: 1px; border-style: solid; -webkit-appearance: none; -webkit-border-radius: 3px; border-radius: 3px; white-space: nowrap; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #2ea2cc; border-color: #0074a2; -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5), 0 1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5), 0 1px 0 rgba(0, 0, 0, 0.15); color: #fff; text-decoration: none; &:focus { background: #1e8cbe; border-color: #0074a2; -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6); box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6); color: #fff; border-color: #0e3950; -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); } &:hover { background: #1e8cbe; border-color: #0074a2; -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6); box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6); color: #fff; } &:active { background: #1b7aa6; border-color: #005684; color: rgba(255, 255, 255, 0.95); -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1); vertical-align: top; } &:disabled { color: #94cde7 !important; background: #298cba !important; border-color: #1b607f !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important; cursor: default; } } .button-secondary { display: inline-block; text-decoration: none; font-size: 13px; line-height: 26px; height: 28px; margin: 0; padding: 0 10px 1px; cursor: pointer; border-width: 1px; border-style: solid; -webkit-appearance: none; -webkit-border-radius: 3px; border-radius: 3px; white-space: nowrap; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #555; border-color: #ccc; background: #f7f7f7; -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0, 0, 0, 0.08); box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0, 0, 0, 0.08); vertical-align: top; &:focus { background: #fafafa; border-color: #999; color: #222; -webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); } &:hover { background: #fafafa; border-color: #999; color: #222; } &:active { background: #eee; border-color: #999; color: #333; -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); } &:disabled { color: #aaa !important; border-color: #ddd !important; background: #f7f7f7 !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: 0 1px 0 #fff !important; cursor: default; } } button { &::-moz-focus-inner { border-width: 0; border-style: none; padding: 0; } } input[type="button"] { &::-moz-focus-inner { border-width: 0; border-style: none; padding: 0; } } input[type="submit"] { &::-moz-focus-inner { border-width: 0; border-style: none; padding: 0; } } .button-group.button-large { .button { height: 30px; line-height: 28px; padding: 0 12px 2px; } } .button.button-large { height: 30px; line-height: 28px; padding: 0 12px 2px; } .button-group.button-small { .button { height: 24px; line-height: 22px; padding: 0 8px 1px; font-size: 11px; } } .button.button-small { height: 24px; line-height: 22px; padding: 0 8px 1px; font-size: 11px; } .button-group.button-hero { .button { font-size: 14px; height: 46px; line-height: 44px; padding: 0 36px; } } .button.button-hero { font-size: 14px; height: 46px; line-height: 44px; padding: 0 36px; } .button.hidden { display: none; } p { .button { vertical-align: baseline; } } .button.focus { background: #fafafa; border-color: #999; color: #222; -webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); } .button.hover { background: #fafafa; border-color: #999; color: #222; } .button.active { background: #eee; border-color: #999; color: #333; -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); &:hover { background: #eee; border-color: #999; color: #333; -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); } &:focus { -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); } } .button-disabled { color: #aaa !important; border-color: #ddd !important; background: #f7f7f7 !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: 0 1px 0 #fff !important; cursor: default; } .button-secondary.disabled { color: #aaa !important; border-color: #ddd !important; background: #f7f7f7 !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: 0 1px 0 #fff !important; cursor: default; } .button-secondary[disabled] { color: #aaa !important; border-color: #ddd !important; background: #f7f7f7 !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: 0 1px 0 #fff !important; cursor: default; } .button.disabled { color: #aaa !important; border-color: #ddd !important; background: #f7f7f7 !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: 0 1px 0 #fff !important; cursor: default; } .button[disabled] { color: #aaa !important; border-color: #ddd !important; background: #f7f7f7 !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: 0 1px 0 #fff !important; cursor: default; } .button-primary.focus { background: #1e8cbe; border-color: #0074a2; -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6); box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6); color: #fff; border-color: #0e3950; -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6), 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); } .button-primary.hover { background: #1e8cbe; border-color: #0074a2; -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6); box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6); color: #fff; } .button-primary.active { background: #1b7aa6; border-color: #005684; color: rgba(255, 255, 255, 0.95); -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1); vertical-align: top; &:focus { background: #1b7aa6; border-color: #005684; color: rgba(255, 255, 255, 0.95); -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1); vertical-align: top; } &:hover { background: #1b7aa6; border-color: #005684; color: rgba(255, 255, 255, 0.95); -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1); vertical-align: top; } } .button-primary-disabled { color: #94cde7 !important; background: #298cba !important; border-color: #1b607f !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important; cursor: default; } .button-primary.disabled { color: #94cde7 !important; background: #298cba !important; border-color: #1b607f !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important; cursor: default; } .button-primary[disabled] { color: #94cde7 !important; background: #298cba !important; border-color: #1b607f !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important; cursor: default; } .button-group { position: relative; display: inline-block; white-space: nowrap; font-size: 0; vertical-align: middle; >.button { display: inline-block; -webkit-border-radius: 0; border-radius: 0; margin-right: -1px; z-index: 10; &:hover { z-index: 20; } &:first-child { -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } &:last-child { -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } &:focus { position: relative; z-index: 1; } } >.button-primary { z-index: 100; } } } .wp-admin { p { input[type="checkbox"] { margin-top: 0; } input[type="radio"] { margin-top: 0; } label { input[type="checkbox"] { margin-top: -4px; } input[type="radio"] { margin-top: -2px; } } } input[type="file"] { padding: 3px 0; } } td { >input[type="checkbox"] { margin-top: 0; } } button { font-family: inherit; font-size: inherit; font-weight: inherit; } label { cursor: pointer; font-weight: initial; } input.code { padding-top: 6px; width: 100%; } textarea.code { line-height: 1.4; padding: 4px 6px 1px; } input.readonly { background-color: #eee; } input[readonly] { background-color: #eee; } textarea.readonly { background-color: #eee; } textarea[readonly] { background-color: #eee; } &:-moz-placeholder { color: #a9a9a9; } th.sortable { a { display: block; overflow: hidden; padding: 7px 7px 8px 10px; &:active { color: #333; } &:focus { color: #333; background: #e1e1e1; } &:hover { color: #333; } span { float: left; cursor: pointer; } } } th.sorted { a { display: block; overflow: hidden; padding: 7px 7px 8px 10px; span { float: left; cursor: pointer; } } } th.manage-column { a { color: #333; } } .fixed { .column-comments.sortable { a { padding: 8px 0; } } .column-comments.sorted { a { padding: 8px 0; } } } th.desc { &:hover { span.sorting-indicator { display: block; background-position: 0 0; } } } th.sorted.asc { .sorting-indicator { display: block; background-position: 0 0; } } th.asc { &:hover { span.sorting-indicator { display: block; background-position: -7px 0; } } } th.sorted.desc { .sorting-indicator { display: block; background-position: -7px 0; } } .tablenav-pages { a { font-weight: 600; margin-right: 1px; padding: 0 2px; } } .wp-list-table.plugins { .plugin-title { strong { font-size: 1.4em; line-height: 1.6em; } } .theme-title { strong { font-size: 1.4em; line-height: 1.6em; } } } #poststuff { padding-top: 10px; min-width: 763px; #post-body { padding: 0; } .postbox-container { width: 100%; } #post-body.columns-2 { margin-right: 300px; } #titlewrap { border: 0; padding: 0; } .inside-submitbox { margin: 0 3px; font-size: 11px; } } #show-comments { overflow: hidden; .spinner { float: left; } a { float: left; } } #save-action { .spinner { float: left; } } #lost-connection-notice { .spinner { display: block; float: left; margin: 0 5px 0 0; } } #titlediv { position: relative; label { cursor: text; } div.inside { margin: 0; } #title { padding: 3px 8px; font-size: 1.7em; line-height: 100%; height: 1.7em; width: 100%; outline: 0; margin: 0; background-color: #fff; } #title-prompt-text { color: #777; position: absolute; font-size: 1.7em; padding: 11px 10px; } } #wp-fullscreen-save { .fs-saved { color: #999; float: right; margin-top: 4px; } } #side-sortables { .inside-submitbox { margin: 0 3px; font-size: 11px; .insidebox { margin: 11px 0; } } .category-add { input[type="text"] { margin: 0 0 1em; } select { margin: 0 0 1em; } } .add-menu-item-tabs { li { display: inline; line-height: 1.35em; } a { text-decoration: none; } .tabs { a { color: #333; } } margin-bottom: 3px; } .category-tabs { .tabs { a { color: #333; } } } .submitbox { .submit { .preview { border: 0; } a.preview { &:hover { border: 0; } } input { border: 0; } } } input#post_password { width: 94%; } .tagsdiv { #newtag { width: 68%; } } .category-adder { margin: 0; } } input#link_description { width: 98%; } input#link_url { width: 98%; } #pending { background: 0 none; border: 0; padding: 0; font-size: 11px; margin-top: -1px; } #edit-slug-box { line-height: 24px; min-height: 25px; margin-top: 5px; padding: 0 10px; color: #666; .cancel { margin-right: 10px; font-size: 11px; } } #editable-post-name-full { display: none; } #editable-post-name { background-color: #fffbcc; input { font-size: 13px; height: 22px; margin: 0; width: 16em; } } .postarea { h3 { label { float: left; } } } .submitbox { .submit { text-align: left; padding: 12px 10px 10px; font-size: 11px; background-color: #464646; color: #ccc; a { &:hover { text-decoration: underline; } } input { margin-bottom: 8px; margin-right: 4px; padding: 6px; } } .submitdelete { text-decoration: none; padding: 1px 2px; } } #normal-sortables { .submitbox { .submitdelete { &:hover { color: #000; background-color: red; border-bottom-color: red; } } } .postbox { .submit { background: 0 0; border: 0; float: right; padding: 0 12px; margin: 0; } #replyrow { .submit { float: none; margin: 0; padding: 0 7px 5px; } } } } .inside-submitbox { #post_status { margin: 2px 0 2px -2px; } } #post-status-select { margin-top: 3px; } #post-body { #normal-sortables { min-height: 50px; } ul.add-menu-item-tabs { li.tabs { a { color: #333; } } } ul.category-tabs { li.tabs { a { color: #333; } } } .tagsdiv { #newtag { margin-right: 5px; width: 16em; } } } #trackback_url { width: 99%; } .category-add { input[type="text"] { width: 100%; max-width: 260px; vertical-align: baseline; } select { width: 100%; max-width: 260px; vertical-align: baseline; } } .wp-tab-bar { li { display: inline; line-height: 1.35em; } a { text-decoration: none; } .wp-tab-active { a { color: #333; } } margin-bottom: 3px; } ul.category-tabs { li { display: inline; line-height: 1.35em; border: 1px solid transparent; position: relative; padding: 3px 5px 5px; } margin-top: 12px; li.tabs { border: 1px solid #dfdfdf; border-bottom-color: #fdfdfd; background-color: #fdfdfd; } } .category-tabs { a { text-decoration: none; } margin: 8px 0 5px; } #category-adder { h4 { margin: 10px 0; } } ul.add-menu-item-tabs { margin-top: 12px; li { border: 1px solid transparent; position: relative; padding: 3px 5px 5px; padding: 3px 5px 3px 8px; } li.tabs { border: 1px solid #dfdfdf; border-bottom-color: #fdfdfd; background-color: #fdfdfd; } } ul.wp-tab-bar { margin-top: 12px; li { padding: 3px 5px 5px; } } .wp-tab-active { border: 1px solid #dfdfdf; border-bottom-color: #fdfdfd; background-color: #fdfdfd; } #postimagediv { .inside { img { max-width: 100%; height: auto; width: auto; } } } form#tags-filter { position: relative; } td.plugin-title { strong { display: block; margin-bottom: 0.2em; font-size: 14px; } p { margin: 6px 0; } } td.post-title { strong { display: block; margin-bottom: 0.2em; font-size: 14px; } p { margin: 6px 0; } } .ui-tabs-hide { display: none; } .wp-hidden-children { .wp-hidden-child { display: none; } } #post-status-info { width: 100%; border-spacing: 0; border: 1px solid #e5e5e5; border-top: none; background-color: #f7f7f7; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); z-index: 999; } .post-format-icon.post-format-standard { &:before { content: "\f109"; } } .post-state-format.post-format-standard { &:before { content: "\f109"; } } a.post-state-format.format-standard { &:before { content: "\f109"; } } .post-format-icon.post-format-image { &:before { content: "\f128"; } } .post-state-format.post-format-image { &:before { content: "\f128"; } } a.post-state-format.format-image { &:before { content: "\f128"; } } .post-format-icon.post-format-gallery { &:before { content: "\f161"; } } .post-state-format.post-format-gallery { &:before { content: "\f161"; } } a.post-state-format.format-gallery { &:before { content: "\f161"; } } .post-format-icon.post-format-audio { &:before { content: "\f127"; } } .post-state-format.post-format-audio { &:before { content: "\f127"; } } a.post-state-format.format-audio { &:before { content: "\f127"; } } .post-format-icon.post-format-video { &:before { content: "\f126"; } } .post-state-format.post-format-video { &:before { content: "\f126"; } } a.post-state-format.format-video { &:before { content: "\f126"; } } .post-format-icon.post-format-chat { &:before { content: "\f125"; } } .post-state-format.post-format-chat { &:before { content: "\f125"; } } a.post-state-format.format-chat { &:before { content: "\f125"; } } .post-format-icon.post-format-status { &:before { content: "\f130"; } } .post-state-format.post-format-status { &:before { content: "\f130"; } } a.post-state-format.format-status { &:before { content: "\f130"; } } .post-format-icon.post-format-aside { &:before { content: "\f123"; } } .post-state-format.post-format-aside { &:before { content: "\f123"; } } a.post-state-format.format-aside { &:before { content: "\f123"; } } .post-format-icon.post-format-quote { &:before { content: "\f122"; } } .post-state-format.post-format-quote { &:before { content: "\f122"; } } a.post-state-format.format-quote { &:before { content: "\f122"; } } .post-format-icon.post-format-link { &:before { content: "\f103"; } } .post-state-format.post-format-link { &:before { content: "\f103"; } } a.post-state-format.format-link { &:before { content: "\f103"; } } .category-adder { margin-left: 120px; padding: 4px 0; h4 { margin: 0 0 8px; } } .categorydiv { div.tabs-panel { min-height: 42px; max-height: 200px; overflow: auto; padding: 0 0.9em; border: 1px solid #dfdfdf; background-color: #fdfdfd; } ul.categorychecklist { ul { margin-left: 18px; } } } .customlinkdiv { div.tabs-panel { min-height: 42px; max-height: 200px; overflow: auto; padding: 0 0.9em; border: 1px solid #dfdfdf; background-color: #fdfdfd; } ul.categorychecklist { ul { margin-left: 18px; } } .howto { input { width: 180px; } } p { margin-top: 0; } } .posttypediv { div.tabs-panel { min-height: 42px; max-height: 200px; overflow: auto; padding: 0 0.9em; border: 1px solid #dfdfdf; background-color: #fdfdfd; } ul.categorychecklist { ul { margin-left: 18px; } } } .taxonomydiv { div.tabs-panel { min-height: 42px; max-height: 200px; overflow: auto; padding: 0 0.9em; border: 1px solid #dfdfdf; background-color: #fdfdfd; } ul.categorychecklist { ul { margin-left: 18px; } } } .wp-tab-panel { min-height: 42px; max-height: 200px; overflow: auto; padding: 0 0.9em; border: 1px solid #dfdfdf; background-color: #fdfdfd; } div.tabs-panel-active { display: block; } div.tabs-panel-inactive { display: none; } #front-page-warning { margin-left: 18px; } #front-static-pages { ul { margin-left: 18px; } } .inline-editor { ul.cat-checklist { ul { margin-left: 18px; } } } ul.export-filters { margin-left: 18px; } ul.categorychecklist { li { margin: 0; padding: 0; line-height: 22px; word-wrap: break-word; } } .comment-ays { margin-bottom: 0; border-bottom-style: solid; border-bottom-width: 1px; border-bottom: none; .alt { background-color: transparent; } } .spam-undo-inside { margin: 1px 8px 1px 0; line-height: 16px; .avatar { height: 20px; width: 20px; margin-right: 8px; vertical-align: middle; } } .trash-undo-inside { margin: 1px 8px 1px 0; line-height: 16px; .avatar { height: 20px; width: 20px; margin-right: 8px; vertical-align: middle; } } #comment-status-radio { p { margin: 3px 0 5px; } input { margin: 2px 3px 5px 0; vertical-align: middle; } label { padding: 5px 0; } } table.links-table { width: 100%; border-spacing: 0; } .links-table { th { font-weight: 400; text-align: left; vertical-align: top; min-width: 80px; width: 20%; word-wrap: break-word; padding: 5px 0; padding: 10px 0; } td { padding: 5px 0; padding: 10px 0; label { margin-right: 8px; } input[type="text"] { width: 100%; } textarea { width: 100%; } } #link_rel { max-width: 280px; max-width: none; } } #qt_content_dfw { display: none; } #wp-content-wrap { .mce-wp-dfw { display: none; } } #post-visibility-select { line-height: 280%; } div.quicktags-toolbar { input { padding: 10px 20px; } } button.wp-switch-editor { font-size: 16px; line-height: 1em; margin: 7px 0 0 7px; padding: 8px 12px; } #wp-content-media-buttons { a { font-size: 16px; line-height: 37px; height: 39px; padding: 0 20px 0 15px; } } .wp-media-buttons { span.jetpack-contact-form-icon { width: 22px !important; margin-top: -3px !important; margin-left: -5px !important; } span.wp-media-buttons-icon { width: 22px !important; margin-top: -3px !important; margin-left: -5px !important; } #insert-jetpack-contact-form { span.jetpack-contact-form-icon { &:before { font-size: 20px !important; } } } .add_media { span.wp-media-buttons-icon { &:before { font-size: 20px !important; } } } } #content_wp_fullscreen { display: none; } .misc-pub-section { padding: 20px 10px; >a { float: right; font-size: 16px; } } #delete-action { line-height: 47px; } #publishing-action { line-height: 47px; } .drag-drop { #drag-drop-area { border: 4px dashed #bbb; height: 200px; } .drag-drop-inside { margin: 70px auto 0; width: 250px; p { text-align: center; display: block; } } } .drag-drop-inside { p { color: #aaa; font-size: 14px; margin: 5px 0; display: none; } p.drag-drop-info { font-size: 20px; } p.drag-drop-buttons { display: block; } } .drag-drop.drag-over { #drag-drop-area { border-color: #83b4d8; } } #plupload-upload-ui { position: relative; } #nav-menu-meta { .accordion-section-content { padding: 18px 13px; } .button-controls { margin-bottom: 0; } } #nav-menus-frame { margin-top: 23px; display: block; &:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } } .metabox-holder-disabled { .accordion-section-content { opacity: 0.5; filter: alpha(opacity=50); } .accordion-section-title { opacity: 0.5; filter: alpha(opacity=50); } .postbox { opacity: 0.5; filter: alpha(opacity=50); } .button-controls { .select-all { display: none; } } } #wpbody { position: relative; .open-label { display: block; float: left; span { padding-right: 10px; } } } .blank-slate { .menu-name { height: 2em; } .menu-settings { border: none; margin-top: 0; padding-top: 0; overflow: hidden; } } .is-submenu { color: #999; font-style: italic; font-weight: 400; margin-left: 4px; } .menu-edit { #post-body-content { h3 { margin: 1em 0 10px; } } .checkbox-input { margin-top: 4px; } } .menu-settings { border-top: 1px solid #eee; margin-top: 2em; dl { margin: 0 0 10px; overflow: hidden; padding-left: 18%; } dd { float: left; margin: 0; width: 100%; } dt { float: left; clear: both; width: 21.951%; padding: 3px 0 0; margin-left: -21.951%; } label { vertical-align: baseline; } } .theme-location-set { color: #999; font-size: 11px; } #menu-management-liquid { float: left; min-width: 100%; margin-top: 3px; float: left; min-width: 100%; margin-top: 3px; } #nav-menu-footer { padding: 0 10px; } #nav-menu-header { padding: 0 10px; border-bottom: 1px solid #dfdfdf; margin-bottom: 0; .menu-name-label { margin-top: 4px; } } #select-nav-menu-container { text-align: right; padding: 0 10px 3px; margin-bottom: 5px; } #select-nav-menu { width: 100px; display: inline; } #menu-name-label { margin-top: -2px; &:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } } .menu-location-menus { select { float: left; } } #locations-nav-menu-wrapper { padding: 5px 0; } .locations-nav-menu-select { select { float: left; width: 160px; margin-right: 5px; } } .locations-row-links { float: left; margin: 6px 0 0 6px; } .locations-add-menu-link { margin: 0 3px; } .locations-edit-menu-link { margin: 0 3px; padding-right: 3px; border-right: 1px solid #ccc; } .accordion-container { .howto { input { width: 180px; float: right; } } .outer-border { margin: 0; padding: 0px; } } #nav-menu-theme-locations { .howto { select { width: 100%; } } .button-controls { text-align: right; } } .add-menu-item-view-all { height: 400px; } #menu-container { .submit { margin: 0 0 10px; padding: 0; } .inside { padding-bottom: 10px; } } .meta-sep { padding: 0 2px; } #cancel-save { text-decoration: underline; font-size: 12px; margin-left: 20px; margin-top: 5px; cursor: pointer; } .button-primary.right { float: right; } .button-secondary.right { float: right; } .button.right { float: right; } .list-controls { float: left; margin-top: 5px; } .add-to-menu { float: right; } .button-controls { clear: both; margin: 10px 0; display: block; } .hide-all { cursor: pointer; display: none; } .show-all { cursor: pointer; } #menu-name { width: 270px; } #manage-menu { .inside { padding: 0; } } #available-links { dt { display: block; } } #add-custom-link { .howto { font-size: 12px; } label { span { display: block; float: left; margin-top: 5px; padding-right: 5px; } } } .menu-item-textbox { width: 180px; } .quick-search { width: 190px; } .menu-item-title { input[type="checkbox"] { display: inline-block; margin-top: -4px; } } .menu { padding-top: 1em; ul { width: 100%; } li { margin-bottom: 0; position: relative; } li.deleting { .menu-item-handle { background-image: none; background-color: #f66; } } .sortable-placeholder { height: 35px; width: 410px; margin-top: 13px; } } #menu-to-edit { margin: 0; padding: 0.1em 0; list-style-type: none; .menu-item-invalid { .menu-item-handle { background: #f6c9cc; border-color: #f1acb1; } } } .menu-item-bar { clear: both; line-height: 1.5em; position: relative; margin: 9px 0 0; .menu-item-handle { border: 1px solid #dfdfdf; position: relative; padding: 10px 15px; height: auto; min-height: 20px; width: 382px; line-height: 30px; overflow: hidden; word-wrap: break-word; &:hover { border-color: #999; background-color: white; } } } li.menu-item.ui-sortable-helper { dl { margin-top: 0; } .menu-item-transport { dl { margin-top: 13px; } } } .menu-item-depth-0 { margin-left: 0; .menu-item-transport { margin-left: 0; } } .menu-item-depth-1 { margin-left: 30px; .menu-item-transport { margin-left: -30px; } } .menu-item-depth-2 { margin-left: 60px; .menu-item-transport { margin-left: -60px; } } .menu-item-depth-3 { margin-left: 90px; .menu-item-transport { margin-left: -90px; } } .menu-item-depth-4 { margin-left: 120px; .menu-item-transport { margin-left: -120px; } } .menu-item-depth-5 { margin-left: 150px; .menu-item-transport { margin-left: -150px; } } .menu-item-depth-6 { margin-left: 180px; .menu-item-transport { margin-left: -180px; } } .menu-item-depth-7 { margin-left: 210px; .menu-item-transport { margin-left: -210px; } } .menu-item-depth-8 { margin-left: 240px; .menu-item-transport { margin-left: -240px; } } .menu-item-depth-9 { margin-left: 270px; .menu-item-transport { margin-left: -270px; } } .menu-item-depth-10 { margin-left: 300px; .menu-item-transport { margin-left: -300px; } } .menu-item-depth-11 { margin-left: 330px; .menu-item-transport { margin-left: -330px; } } body.menu-max-depth-0 { min-width: 950px !important; } body.menu-max-depth-1 { min-width: 980px !important; } body.menu-max-depth-2 { min-width: 1010px !important; } body.menu-max-depth-3 { min-width: 1040px !important; } body.menu-max-depth-4 { min-width: 1070px !important; } body.menu-max-depth-5 { min-width: 1100px !important; } body.menu-max-depth-6 { min-width: 1130px !important; } body.menu-max-depth-7 { min-width: 1160px !important; } body.menu-max-depth-8 { min-width: 1190px !important; } body.menu-max-depth-9 { min-width: 1220px !important; } body.menu-max-depth-10 { min-width: 1250px !important; } body.menu-max-depth-11 { min-width: 1280px !important; } .item-type { color: #777; font-size: 12px; padding: 12px 10px; line-height: 18px; display: block; } .menu-instructions-inactive { display: none; } .menu-item-settings { display: block; width: 402px; padding: 10px 0 10px 10px; position: relative; z-index: 10; border: 1px solid #e5e5e5; border-top: none; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); .field-move { a { display: none; margin: 0 2px; } } .description-thin { margin-right: 10px; float: left; } .description-wide { margin-right: 10px; float: left; } } .menu-item-edit-active { .menu-item-settings { display: block; } } .menu-item-edit-inactive { .menu-item-settings { display: none; } } .add-menu-item-pagelinks { margin: 0.5em auto; text-align: center; } .link-to-original { display: block; margin: 0 0 10px; padding: 3px 5px 5px; border: 1px solid #dfdfdf; color: #777; font-size: 12px; font-style: italic; a { padding-left: 4px; font-style: normal; } } .hidden-field { display: none; } .description-thin { width: 190px; height: 40px; } .description-wide { width: 390px; width: 90%; } .menu-item-actions { padding-top: 15px; } #menu-item-name-wrap { &:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } display: block; } #menu-item-url-wrap { &:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } display: block; } .widget { margin: 0 auto 10px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .widget-title { h4 { margin: 0; padding: 15px; line-height: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } } #available-widgets { .widget-description { color: #666; } } #widgets-right { a.widget-control-edit { color: #666; } .widget-placeholder { margin-top: 0; } .closed { .widget-placeholder { height: 0; border: 0; margin-top: -10px; } } } .in-widget-title { color: #666; } .deleting { .widget-title { color: #aaa; } .widget-top { a.widget-action { &:after { color: #aaa; } } } } .widget.ui-draggable-dragging { min-width: 100%; } .widget.ui-sortable-helper { opacity: 0.8; } .widget-placeholder { border: 1px dashed #bbb; margin: 0 auto 10px; height: 45px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } @media only screen and (max-width: 1120px) { #hwpwrap { .filter-drawer { border-bottom: 1px solid #eee; } .filter-group { margin-bottom: 0; margin-top: 5px; width: 100%; li { margin: 10px 0; } } } } @media only screen and (max-width: 1000px) { #hwpwrap { .filter-items { float: none; } .wp-filter { .media-toolbar-primary { float: none; position: relative; max-width: 100%; } .media-toolbar-secondary { float: none; position: relative; max-width: 100%; } .search-form { float: none; position: relative; max-width: 100%; } } } } @media only screen and (max-width: 782px) { #hwpwrap { .filter-group { li { padding: 0; width: 50%; } } } } @media only screen and (max-width: 320px) { #hwpwrap { .filter-count { display: none; } .wp-filter { .drawer-toggle { margin: 10px 0; } .search-form { input[type="search"] { width: 100%; } } } .filter-group { li { width: 100%; } } } } @media only screen and (max-width: 799px) { #hwpwrap { #wpbody-content { .metabox-holder { .postbox-container { .empty-container { border: 0; height: 0; min-height: 0; } } } } } } @media only screen and (min-width: 769px) { #hwpwrap { #col-left { width: 35%; } #col-right { width: 65%; } } } @media only screen and (max-width: 860px) { #hwpwrap { #col-left { width: 35%; } #col-right { width: 65%; } } } @media only screen and (min-width: 980px) { #hwpwrap { #col-left { width: 35%; } #col-right { width: 65%; } } } @media only screen and (max-width: 768px) { #hwpwrap { #col-left { width: 100%; } #col-right { width: 100%; } #menu-locations-wrap { .widefat { width: 100%; } } } } @media print { #hwpwrap { div.star-holder { -webkit-background-size: 21px 37px; .star-rating { -webkit-background-size: 21px 37px; } } .spinner { background-image: url(images/spinner-2x.gif); } #bulk-titles { div { a { background: none !important; &:hover { background: none !important; } } } } #screen-meta-links { a.show-settings { background: none !important; } } .curtime { #timestamp { background: none !important; } } .meta-box-sortables { .postbox { &:hover { .handlediv { background: none !important; } } } } .sidebar-name-arrow { background: none !important; } .sidebar-name { &:hover { .sidebar-name-arrow { background: none !important; } } } .tagchecklist { span { a { background: none !important; &:hover { background: none !important; } } } } .widget-top { a.widget-action { background: none !important; &:hover { background: none !important; } } } } } @media (-o-min-device-pixel-ratio: 5 / 4) { #hwpwrap { div.star-holder { -webkit-background-size: 21px 37px; .star-rating { -webkit-background-size: 21px 37px; } } .spinner { background-image: url(images/spinner-2x.gif); } #bulk-titles { div { a { background: none !important; &:hover { background: none !important; } } } } #screen-meta-links { a.show-settings { background: none !important; } } .curtime { #timestamp { background: none !important; } } .meta-box-sortables { .postbox { &:hover { .handlediv { background: none !important; } } } } .sidebar-name-arrow { background: none !important; } .sidebar-name { &:hover { .sidebar-name-arrow { background: none !important; } } } .tagchecklist { span { a { background: none !important; &:hover { background: none !important; } } } } .widget-top { a.widget-action { background: none !important; &:hover { background: none !important; } } } } } @media (-webkit-min-device-pixel-ratio: 1.25) { #hwpwrap { div.star-holder { -webkit-background-size: 21px 37px; .star-rating { -webkit-background-size: 21px 37px; } } .spinner { background-image: url(images/spinner-2x.gif); } #bulk-titles { div { a { background: none !important; &:hover { background: none !important; } } } } #screen-meta-links { a.show-settings { background: none !important; } } .curtime { #timestamp { background: none !important; } } .meta-box-sortables { .postbox { &:hover { .handlediv { background: none !important; } } } } .sidebar-name-arrow { background: none !important; } .sidebar-name { &:hover { .sidebar-name-arrow { background: none !important; } } } .tagchecklist { span { a { background: none !important; &:hover { background: none !important; } } } } .widget-top { a.widget-action { background: none !important; &:hover { background: none !important; } } } } } @media (min-resolution: 120dpi) { #hwpwrap { div.star-holder { -webkit-background-size: 21px 37px; .star-rating { -webkit-background-size: 21px 37px; } } .spinner { background-image: url(images/spinner-2x.gif); } #bulk-titles { div { a { background: none !important; &:hover { background: none !important; } } } } #screen-meta-links { a.show-settings { background: none !important; } } .curtime { #timestamp { background: none !important; } } .meta-box-sortables { .postbox { &:hover { .handlediv { background: none !important; } } } } .sidebar-name-arrow { background: none !important; } .sidebar-name { &:hover { .sidebar-name-arrow { background: none !important; } } } .tagchecklist { span { a { background: none !important; &:hover { background: none !important; } } } } .widget-top { a.widget-action { background: none !important; &:hover { background: none !important; } } } } } @media screen and (max-width: 782px) { #hwpwrap { html.wp-toolbar { padding-top: 46px; } body { min-width: 240px; overflow-x: hidden; * { -webkit-tap-highlight-color: transparent !important; } } #wpcontent { position: relative; margin-left: 0; padding-left: 10px; } #wpbody-content { padding-bottom: 100px; #menu-settings-column { display: block; width: 100%; float: none; margin-left: 0; } } .wrap { margin-right: 12px; margin-left: 0; .add-new-h2 { padding: 10px 15px; font-size: 14px; &:active { padding: 10px 15px; font-size: 14px; } } div.error { margin: 20px 0 10px; padding: 5px 10px; font-size: 14px; line-height: 175%; } div.updated { margin: 20px 0 10px; padding: 5px 10px; font-size: 14px; line-height: 175%; } .icon32 { + { h2 { margin-top: -2px; } } } } .col-wrap { padding: 0; } #collapse-menu { display: none !important; } #screen-meta { display: none !important; } #screen-meta-links { display: none !important; } .post-format-select { display: none !important; } .wp-color-result { height: auto; padding-left: 45px; &:after { font-size: 14px; height: auto; padding: 6px 14px; } } .media-upload-form { div.error { margin: 20px 0 10px; padding: 5px 10px; font-size: 14px; line-height: 175%; } } .wp-responsive-open { #wpbody { right: -190px; } } code { word-wrap: break-word; } .postbox { font-size: 14px; .handlediv { margin-top: 3px; } } .metabox-holder { h3 { padding: 12px; } } .subsubsub { font-size: 16px; text-align: center; margin-bottom: 15px; } #templateside { float: none; width: auto; li { margin: 0; a { display: block; padding: 5px; } } .highlight { padding: 5px; margin-left: -5px; margin-top: -5px; } } #template { div { float: none; margin: 0; width: auto; } textarea { width: 100%; } } .fileedit-sub { .alignright { margin-top: 15px; } } #comments-form { .checkforspam { display: none; } } #wpfooter { display: none; } .about-wrap { .one-col { >div { width: 100%; margin: 0 0 40px; padding: 0 0 40px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } } .three-col { >div { width: 100%; margin: 0 0 40px; padding: 0 0 40px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } } .two-col { >div { width: 100%; margin: 0 0 40px; padding: 0 0 40px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } } .col { >div.last-feature { margin: 0; padding: 0; border-bottom: none; } } .feature-list { div { margin: 0; padding: 0; border-bottom: none; } .feature-section { padding: 0 0 40px; } } .headline-feature { .feature-section { max-width: 100%; } } } body.nav-menus-php { min-width: 0 !important; } #nav-menus-frame { margin-left: 0; float: none; width: 100%; } #side-sortables { .add-menu-item-tabs { margin: 15px 0 14px; } } ul.add-menu-item-tabs { li.tabs { padding: 13px 15px 14px; } } .nav-menus-php { .item-controls { .item-type { margin-top: 2px; } } .customlinkdiv { .howto { input { width: 65%; } } } .quick-search { width: 85%; } .menu-name-label.howto { span { margin-top: 13px; } } .major-publishing-actions { .publishing-action { margin-top: 6px; } } .delete-action { font-size: 14px; line-height: 50px; margin-top: 12px; } } #menu-management-liquid { margin-top: 25px; margin-top: 25px; } .menu-name-label { #menu-name { margin-top: 4px; } } .menu-item-settings { padding: 10px; .description-thin { width: 100%; height: auto; } .description-wide { width: 100%; height: auto; } input { width: 100%; } } .menu-settings { dl { padding-left: 0; } dd { float: none; width: 100%; margin-bottom: 15px; } dt { float: none; width: auto; margin-left: 0; margin-bottom: 15px; } } .wp-core-ui { .button { padding: 6px 14px; line-height: normal; font-size: 14px; vertical-align: middle; height: auto; margin-bottom: 4px; } .button.button-large { padding: 6px 14px; line-height: normal; font-size: 14px; vertical-align: middle; height: auto; margin-bottom: 4px; } .button.button-small { padding: 6px 14px; line-height: normal; font-size: 14px; vertical-align: middle; height: auto; margin-bottom: 4px; } } a.preview { padding: 6px 14px; line-height: normal; font-size: 14px; vertical-align: middle; height: auto; margin-bottom: 4px; } input#publish { padding: 6px 14px; line-height: normal; font-size: 14px; vertical-align: middle; height: auto; margin-bottom: 4px; } input#save-post { padding: 6px 14px; line-height: normal; font-size: 14px; vertical-align: middle; height: auto; margin-bottom: 4px; } } } @media screen and (max-width: 600px) { #hwpwrap { #wpwrap.wp-responsive-open { overflow-x: hidden; } html.wp-toolbar { padding-top: 0; } #wpbody { padding-top: 46px; } div#post-body.metabox-holder.columns-1 { overflow-x: hidden; } } } @media only screen and (max-width: 500px) { #hwpwrap { #wp-content-media-buttons { a { font-size: 14px; padding: 0 10px; } } .about-wrap { margin-right: 20px; margin-left: 10px; .about-text { margin-right: 0; margin-bottom: 0.25em; } h1 { margin-right: 0; } .wp-badge { position: relative; margin-bottom: 1.5em; width: 100%; } h2.nav-tab-wrapper { padding-left: 0; border-bottom: 0; } h2 { .nav-tab { margin-top: 10px; margin-right: 10px; border-bottom: 1px solid #ccc; } } .headline-feature { .feature-section { div { width: 100% !important; float: none !important; } } } .three-col { div { width: 100% !important; float: none !important; } } .dfw { p { max-width: 90%; } } } } } @media only screen and (max-width: 400px) { #hwpwrap { .about-wrap { .feature-list { svg { margin-top: 15px; height: 65px; width: 65px; } } .feature-list.finer-points { h4 { margin-left: 80px; } p { margin-left: 80px; } } } } }

😅😊Laravel Drag and Drop menu editor like wordpress (ok)