/*===================================================================
FILE PATH & NAME: /g7/css/admin/1.css
 ===================================================================

Function: modifies the login and admin pages.

AUTHOR: g
DATE: Apr 13, 2018

Notes: ↓

/g7/functions/admin/css.php sets this file to load conditionally, solely on page-edit pages.

-------------------------------------------------------------------------------------------------------------------- */

/*==========================================================
	LOGIN PAGE.
==========================================================*/


/*-----------------------------------------------------------------------------------------------------------
	SHOW SITE LOGO.
------------------------------------------------------------------------------------------------------------*/

body.login div#login h1 a
{
background-image: url("/graphics/header/logo/2.png");
background-size: 188px 120px;
background-position: center top;
background-repeat: no-repeat;
width: 188px;
height: 120px;
}

body.login p.login-message
{
text-align: center;
background: yellow;
padding: 10px;
margin: 1em 0 2em 0;
}



/*-----------------------------------------------------------------------------------------------------------
	HIDE 'BACK TO SITE' LINK.
------------------------------------------------------------------------------------------------------------*/

p#backtoblog
{
display: none;
}


/*-----------------------------------------------------------------------------------------------------------
	HIDE 'ERROR' LINK (use when error messages are disabled in functions).
------------------------------------------------------------------------------------------------------------*/

#login_error
{
display: none;
}


/*-----------------------------------------------------------------------------------------------------------
     HIDE 'USERS CAN REGISTER'.
------------------------------------------------------------------------------------------------------------*/

input[name=users_can_register],
#users_can_register
{
/*display: none;*/
}




/*==========================================================
	ADMIN PAGES.
==========================================================*/


/*-----------------------------------------------------------------------------------------------------------
	'HELP' MENU ITEM PAGES.
------------------------------------------------------------------------------------------------------------*/

#read-me
{
max-width: 700px;
}

#read-me h2
{
font-size: 150%;
}

#read-me p
{
font-size: 120%;
}

#read-me ol
{
margin-right: 50px;
}

div.guide h4
{
padding: 0.5em 0 0 0;
margin: 0;
}


/* Indented, left-bordered. */
blockquote.help
{
clear: both;
font-size: 95%;
width: 90%;
padding-left: 1em;
border-left: 3px solid #666;
margin: 1em 0 1em 0.5em;
}


/*-----------------------------------------------------------------------------------------------------------
	RESTORE MENU SEPARATORS.
------------------------------------------------------------------------------------------------------------*/

#adminmenu li.wp-menu-separator
{
border-bottom: 1px solid #555;
}



/*-----------------------------------------------------------------------------------------------------------
     SCREEN OPTIONS.
------------------------------------------------------------------------------------------------------------*/

#screen-options-wrap
{
padding-top: 15px;
}

#screen-options-wrap:before
{
/* Show usage advice.*/
content: "Some options have been removed in /g7/functions/admin/metaboxes.php and /g7/css/admin/1.css";
font-weight: 600;
font-size: 14px;
background: yellow;
padding: 5px;
}

#screen-options-wrap form#adv-settings fieldset
{
margin-top: 12px;
}

#screen-options-wrap form#adv-settings fieldset legend
{
padding: 0;
}

/* On edit screens for individual posts/pages, hide some
checkboxes, so that metaboxes can be always visible or hidden.
Check/uncheck appropriately, and then hide. */

label[for="formatdiv-hide"],
input[name=formatdiv-hide],
label[for="external_featured_image-hide"], /* main image */
input[name=external_featured_image-hide],
label[for="revisionsdiv-hide"],
input[name=revisionsdiv-hide],
label[for="custom_postexcerpt-hide"],
input[name=custom_postexcerpt-hide],
label[for="pageparentdiv-hide"], /* Page attributes */
input[name=pageparentdiv-hide],
label[for="alternate-title-hide"],
input[name=alternate-title-hide],
label[for="postcustom-hide"], /* custom fields */
input[name=postcustom-hide],
label[for="slugdiv-hide"],
input[name=slugdiv-hide],
label[for="tagsdiv-item_tags-hide"], /* item cpt */
input[name=tagsdiv-item_tags-hide],
label[for="item_categorydiv-hide"], /* item cpt */
input[name=item_categorydiv-hide],
label[for="amember_sectionid-hide"],
input[name=amember_sectionid-hide]
{
display: none;
}


a.zoom-up
{
text-decoration: none;
}

/*-----------------------------------------------------------------------------------------------------------
	DEFAULT MESSAGES.
------------------------------------------------------------------------------------------------------------*/

/* 'Alert' and 'advice' messages at top of page. */
div.alert,
div.advice
{
background: yellow;
padding: 0 10px;
border: 1px solid #666;
margin: 1em 0;
max-width: 90%;
}

div.advice
{
background: #e6ffb3;
}

div.alert
{
border: 2px solid #c00;
}

div.alert a,
div.advice a
{
color: #444;
font-weight: normal;
text-decoration: none;
}

/* 'Saved' messages at top of page. */
div.updated
{
background: #def7e0;
}




/*-----------------------------------------------------------------------------------------------------------
	HIDE 'FILTER POSTS' OPTION.
------------------------------------------------------------------------------------------------------------*/

#posts-filter .tablenav select[name=m],
#posts-filter .tablenav select[name=cat],
#posts-filter .tablenav #post-query-submit
{
display:none;
}


/*-----------------------------------------------------------------------------------------------------------
	HIDE SPECIFIC CATEGORY FROM SPECIFIC EDIT SCREEN.
------------------------------------------------------------------------------------------------------------*/

body.edit-page-item li#category-1
{
display: none;
}



/*-----------------------------------------------------------------------------------------------------------
	STATUS-BASED POST-HIGHLIGHTING.
------------------------------------------------------------------------------------------------------------*/

.status-draft {background: #E1EDf9 !important;}
.status-future {background: #DDD !important;}
.status-publish {}
.status-pending {background: #ddd !important;}
.status-private {background:#f7e3f7 !important;}



/*-----------------------------------------------------------------------------------------------------------
	CUSTOM MESSAGES.
------------------------------------------------------------------------------------------------------------*/
/* On-page messages. */

div.message-panel
{
color: green;
background-color: #ffffff;
padding: 0 5px 20px 20px;
border: 1px solid green;
margin-top: 15px;
}

div.message-panel p
{
font-size: 1.3em;

}

div.message-panel ul
{
margin: -10px 0 0 20px;
list-style-type: disc;
font-size: 1.2em;
line-height: 150%;
}

div.message-panel ul li
{
padding: 3px 0;
}



/*-----------------------------------------------------------------------------------------------------------
     GRAY-OUT DEACTIVATED PLUGINS.
------------------------------------------------------------------------------------------------------------*/

.plugins tr.inactive *,
.plugins a.delete,
.row-actions span.delete a
{
background: #f3f3f3;
color: #777777;
}

.plugins tr.inactive .activate a:hover
{
color: #76a91d;
}

.plugins tr.active .deactivate a:hover,
.plugins tr.inactive .delete a:hover
{
color: #aa0000;
}

.plugins a.delete:hover,
.row-actions span.delete a:hover
{
color: #aa0000 !important;
}






/*-----------------------------------------------------------------------------------------------------------
     TITLE FIELD.
------------------------------------------------------------------------------------------------------------*/

#titlewrap
{
background: #fff;
padding: 12px !important;
border: 1px solid #ccc !important;
}


#titlewrap::before
{
content: "Title";
font-weight: 600;
font-size: 20px;
}

/*
#titlewrap::after
{
content: "No closing '.' on pages.";
font-size: 15px;
margin-left: 10px;
line-height: 3;
}
*/

label#title-prompt-text
{
display: none;
}

input[name=post_title]
{
font-size: 20px !important;
font-weight: 400;
width: 100%;
border: 0 !important;
background: #fcf3fc !important;
border: 1px solid #ccc !important;
margin: 10px 0 5px 0  !important;
}


.postbox-header h2
{
font-size: 17px !important;
}

/*-----------------------------------------------------------------------------------------------------------
     SLUG.
------------------------------------------------------------------------------------------------------------*/

/* Affects permalink display.*/

#edit-slug-box
{
font-weight: 700;
font-size: 15px;
margin: 20px 0;
}



/*-----------------------------------------------------------------------------------------------------------
     ALTERNATE TITLE META BOX.
------------------------------------------------------------------------------------------------------------*/

#alternate-title
{
}

#alternate-title input[type='text']
{
background: #fcf3fc;
width: 100%;
font-size: 17px;
}

#alternate-title .inside p.first,
#alternate-title p
/*#source p*/
{
font-size: 120%;
color: #555;
margin: 5px 0;
}


#alternate-title p:last-of-type
/*#source p:last-of-type*/
{
font-size: 120%;
color: green;
}




/*-----------------------------------------------------------------------------------------------------------
     EXTERNAL FEATURED IMAGE META BOX.
------------------------------------------------------------------------------------------------------------*/

#external-featured-image-url
{
background: #fcf3fc;
}

.preview-wrapper img
{
}


input[name=tw_thumbnail]
{
background: #fcf3fc !important;
margin: 5px 0 10px 0;
}


/*-----------------------------------------------------------------------------------------------------------
     EXCERPT META BOX.
------------------------------------------------------------------------------------------------------------*/

#postexcerpt,
#custom_postexcerpt
{
}


#postexcerpt .inside,
#custom_postexcerpt.inside
{
font-size: 15px;
color: green;
}

textarea#excerpt
{
background: #fcf3fc;
margin-bottom: 10px; /* adds space before 'word count' text. */
}

textarea#excerpt::after
{
/* Show usage advice before textarea. */
content: "add message.";
font-size: 15px;
}

#postexcerpt p,
#custom_postexcerpt p
/* Hide default text in Excerpt metabox. */
{
display: none;
}

div#postexcerpt .inside::before,
div#custom_postexcerpt .inside::before
{
/* Show usage advice before textarea. */
content: "Required. Precedes main content text, and also used as meta description.";
font-size: 120%;
font-weight: bold;
color: #555;
}

div#custom_postexcerpt .inside::after,
#custom_postexcerpt #excerpt .inside::after,
span#count-text
{
font-size: 120%;
line-height: 140%;
color: green;
}

span#excerpt-character-count
{
}


/*-----------------------------------------------------------------------------------------------------------
     CONTENT EDITOR.
------------------------------------------------------------------------------------------------------------*/

#postdivrich
{
background: #fff;
border: 1px solid #ddd;
margin-top: 10px;
}

#postdivrich::before
{
/* Show title before textarea.*/
content: "Content";
font-weight: 500;
font-size: 1.4em;
color: #333;
padding-bottom: 3px;
margin-left: 10px;
line-height: 3;
}

#wp-content-editor-tools
{
background: #fff;
padding: 0;
margin: 0;
}


#ed_toolbar
{
background: #f8f8f8;
border-bottom: 1px solid #ccc;
padding: 5px;
}

#ed_toolbar input[type=button]
{
background: #fff;
border-color: #bbb;
cursor: default;
font-size: 12px;
margin-right: 3px;
}

#ed_toolbar input[type=button]:hover
{
color: #000;
background: #e9f4ec;
border-color: #8ec63f;
}


textarea.wp-editor-area
{
background: #fcf3fc;
}

#editorcontainer textarea#content,
#wp-content-editor-container textarea#content.wp-editor-area,
textarea#excerpt
{
font-family: "Lucida Grande", "Open Sans", verdana, Monaco, Consolas, sans-serif;
font-size: 18px;
line-height: 1.7;
color:#222;
}


table#post-status-info
{
background: #f8f8f8;
padding: 5px 0;
}



.word-count
{
background: yellow;
}

/*
table#post-status-info::after
{
padding: 8px;
content: "Add here";
}
*/



/*-----------------------------------------------------------------------------------------------------------
     META BOX TITLES.
------------------------------------------------------------------------------------------------------------*/

#alternate-title h2,
#revisionsdiv h2
#postexcerpt h2,
#custom_postexcerpt h2,
/*#source h2,*/
#tagsdiv-item_tags h2,
#revisionsdiv h2
{
color: #333;
font-size: 1.4em;
font-weight: 600;
}





/*-----------------------------------------------------------------------------------------------------------
     SOURCE META BOX.
------------------------------------------------------------------------------------------------------------*/

#source
{
}

input[name=source]
{
/*background: #fcf3fc;*/
/*font-size: 17px;*/
}

#source label
{
/*font-size: 120%;*/
}



/*-----------------------------------------------------------------------------------------------------------
     REVISIONS META BOX.
------------------------------------------------------------------------------------------------------------*/

#revisionsdiv
{
}


/*-----------------------------------------------------------------------------------------------------------
     PAGE ATTRIBUTES META BOX.
------------------------------------------------------------------------------------------------------------*/

#pageparentdiv
{
/* padding-bottom: 15px; use when message added */
}

/* Hide 'parent' label and dropdown selector. */
#pageparentdiv #page_template,
label[for="page_template"]
{
/* display: none; */
}


label[for="page_template"]::after
{
content: " (Some are hardcoded in /g7/functions/set-template.php, and over-ride selection here.)";
color: #777;
}


/* Hide 'menu order' label and field. */
/* #pageparentdiv label[for="menu_order"], */
#pageparentdiv input#menu_order
{
display: none;
}

#pageparentdiv label[for="menu_order"]::after
/* Adds a message. */
{
content: " (not  selectable here - disabled in /g7/css/admin/1.css.)";
color: #777;
}

/* Hides it all. */
label[for="menu_order"]
{
display: none;
}


/*-----------------------------------------------------------------------------------------------------------
     aMEMBER PROTECTION SETTINGS META BOX.
------------------------------------------------------------------------------------------------------------*/

#amember_sectionid
{
display: none;
}


/*-----------------------------------------------------------------------------------------------------------
     ITEM TAGS META BOX.
------------------------------------------------------------------------------------------------------------*/

#tagsdiv-item_tags
{
}

input#new-tag-item_tags
{
background: #fcf3fc;
width: 40%;
}

#item_tags:before
{
/* Show usage advice.*/
content: "Required. A custom tag (for 'Source' credit and admin column).";
font-size: 120%;
font-weight: bold;
color: #555;
}

/* 'Choose' text. */
#link-item_tags
{
font-size: 120%;
}

/* The tag cloud. */
ul.wp-tag-cloud li a.tag-cloud-link
{
font-size: 1em!important;
text-decoration: none;
border-bottom: 1px dotted #999;
}


/*-----------------------------------------------------------------------------------------------------------
     EDIT-TAGS.php SCREEN.
------------------------------------------------------------------------------------------------------------*/

#col-right
{
float: left;
width: 90%;
}


td.description.column-description img
{
float: left;
width: 40px;
padding: 2px;
border: 1px solid #aaa;
margin-right: 3px;
}



/*-----------------------------------------------------------------------------------------------------------
     'HELP' PAGES. ('Help' in admin menu.)
------------------------------------------------------------------------------------------------------------*/

div.guide
{
max-width: 90%;
background: #f5f5f5;
padding: 10px;
border: 1px solid #555;
}


div.guide h2, h3, h4
{
font-size: 180%;
}

div.guide h3
{
font-size: 160%;
font-weight: bold;
}

div.guide h4
{
font-size: 150%;
}

div.guide p, ul
{
font-size: 120%;
}

ul.bullet
{
list-style: disc;
padding-left: 20px;
}

/*-----------------------------------------------------------------------------------------------------------
     FOOTER MESSAGES.
------------------------------------------------------------------------------------------------------------*/

#wpfooter
/* Was 'position: absolute' - so when extra text is added, the footer expands upward to overlap preceding divs. Now there's an excessive gap above footer, and which isn't easily reduced. */
{
position: static;
padding-left: 25px;
border-top: 1px solid #ddd;
}

p#footer-upgrade.alignright
/* move version from right to left. */
{
clear: both;
float: left !important;
font-weight: bold;
margin-top: 10px;
}

p#footer-upgrade.alignright::before
/* Preface version id with 'Wordpress'. */
{
content: "Wordpress: ";
font-weight: bold;
}