😅😊Laravel Drag and Drop menu editor like wordpress (ok)
https://github.com/harimayco/wmenu-builder
Da thuc hien
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>
<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>
<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>
<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
#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
*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
Run
composer require harimayco/laravel-menuStep 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 migrateDONE
Menu Builder Usage Example - displays the builder
On your view blade file
@extends('app')
@section('contents')
{!! Menu::render() !!}
@endsection
//YOU MUST HAVE JQUERY LOADED BEFORE menu scripts
@push('scripts')
{!! Menu::scripts() !!}
@endpushUsing The Model
Call the model class
use Harimayco\Menu\Models\Menus;
use Harimayco\Menu\Models\MenuItems;Menu Usage Example (a)
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 arrayMenu Usage Example (b)
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
Get Menu Items By Menu ID
use Harimayco\Menu\Facades\Menu;
...
/*
Parameter: Menu ID
Return: Array
*/
$menuList = Menu::get(1);Get Menu Items By Menu Name
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
Was this helpful?