278 lines
6.8 KiB
CSS
278 lines
6.8 KiB
CSS
|
|
/**
|
||
|
|
* Authorize Application stylesheet.
|
||
|
|
*
|
||
|
|
* Site Kit by Google, Copyright 2024 Google LLC
|
||
|
|
*
|
||
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
||
|
|
* you may not use this file except in compliance with the License.
|
||
|
|
* You may obtain a copy of the License at
|
||
|
|
*
|
||
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
||
|
|
*
|
||
|
|
* Unless required by applicable law or agreed to in writing, software
|
||
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
||
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
|
|
* See the License for the specific language governing permissions and
|
||
|
|
* limitations under the License.
|
||
|
|
*/
|
||
|
|
/*
|
||
|
|
* Configuration Options
|
||
|
|
*/
|
||
|
|
/**
|
||
|
|
* Variables.
|
||
|
|
*
|
||
|
|
* Site Kit by Google, Copyright 2021 Google LLC
|
||
|
|
*
|
||
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
||
|
|
* you may not use this file except in compliance with the License.
|
||
|
|
* You may obtain a copy of the License at
|
||
|
|
*
|
||
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
||
|
|
*
|
||
|
|
* Unless required by applicable law or agreed to in writing, software
|
||
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
||
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
|
|
* See the License for the specific language governing permissions and
|
||
|
|
* limitations under the License.
|
||
|
|
*/
|
||
|
|
/**
|
||
|
|
* MUI 3 Variables.
|
||
|
|
*
|
||
|
|
* Site Kit by Google, Copyright 2022 Google LLC
|
||
|
|
*
|
||
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
||
|
|
* you may not use this file except in compliance with the License.
|
||
|
|
* You may obtain a copy of the License at
|
||
|
|
*
|
||
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
||
|
|
*
|
||
|
|
* Unless required by applicable law or agreed to in writing, software
|
||
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
||
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
|
|
* See the License for the specific language governing permissions and
|
||
|
|
* limitations under the License.
|
||
|
|
*/
|
||
|
|
/*
|
||
|
|
* Colors
|
||
|
|
* Names from http://chir.ag/projects/name-that-color/
|
||
|
|
*/
|
||
|
|
/* stylelint-disable */
|
||
|
|
/* stylelint-enable */
|
||
|
|
/*
|
||
|
|
* Custom z-Index values
|
||
|
|
*
|
||
|
|
* Important values within the WordPress dashboard are as follows:
|
||
|
|
* - Top admin bar and its child menus, at z-index 99999
|
||
|
|
* - Left most main/side admin menu wrapper, at z-index 9990
|
||
|
|
* - The left most main/side admin menu sub menus on hover, at z-index 9999
|
||
|
|
*
|
||
|
|
* It is important to note that WordPress generally employs a 10 step jump
|
||
|
|
* in values when moving between z-index layers and this should be adhered
|
||
|
|
* to where possible.
|
||
|
|
*/
|
||
|
|
/**
|
||
|
|
* Authorize Application screen styles.
|
||
|
|
*
|
||
|
|
* Site Kit by Google, Copyright 2024 Google LLC
|
||
|
|
*
|
||
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
||
|
|
* you may not use this file except in compliance with the License.
|
||
|
|
* You may obtain a copy of the License at
|
||
|
|
*
|
||
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
||
|
|
*
|
||
|
|
* Unless required by applicable law or agreed to in writing, software
|
||
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
||
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
|
|
* See the License for the specific language governing permissions and
|
||
|
|
* limitations under the License.
|
||
|
|
*/
|
||
|
|
.authorize-application-php {
|
||
|
|
background-color: #fff;
|
||
|
|
}
|
||
|
|
.authorize-application-php .wrap {
|
||
|
|
margin: 30px 0 0;
|
||
|
|
}
|
||
|
|
.authorize-application-php .wrap h1 {
|
||
|
|
font-size: 24px;
|
||
|
|
line-height: 32px;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.authorize-application-php .auth-app-card {
|
||
|
|
border: none;
|
||
|
|
margin: 37px 0 0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.authorize-application-php .auth-app-card p {
|
||
|
|
font-size: 14px;
|
||
|
|
font-weight: 500;
|
||
|
|
line-height: 20px;
|
||
|
|
margin: 19px 0 20px;
|
||
|
|
}
|
||
|
|
.authorize-application-php .title {
|
||
|
|
font-size: 18px;
|
||
|
|
font-weight: 500;
|
||
|
|
line-height: 24px;
|
||
|
|
}
|
||
|
|
.authorize-application-php strong {
|
||
|
|
font-weight: 500;
|
||
|
|
}
|
||
|
|
.authorize-application-php .form-field {
|
||
|
|
margin: 20px 0 40px;
|
||
|
|
max-width: 512px;
|
||
|
|
}
|
||
|
|
.authorize-application-php .form-field label {
|
||
|
|
color: #1f1f1f;
|
||
|
|
font-size: 12px;
|
||
|
|
font-weight: 500;
|
||
|
|
line-height: 16px;
|
||
|
|
}
|
||
|
|
.authorize-application-php .form-field input {
|
||
|
|
border: 1px solid #747775;
|
||
|
|
border-radius: 8px;
|
||
|
|
color: #1f1f1f;
|
||
|
|
font-size: 14px;
|
||
|
|
line-height: 20px;
|
||
|
|
margin: 8px 0 0;
|
||
|
|
padding: 12px 16px;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.authorize-application-php .description {
|
||
|
|
color: #1f1f1f;
|
||
|
|
font-size: 12px;
|
||
|
|
line-height: 16px;
|
||
|
|
}
|
||
|
|
.authorize-application-php .description strong {
|
||
|
|
display: block;
|
||
|
|
margin: 9px 0 0;
|
||
|
|
max-width: 512px;
|
||
|
|
}
|
||
|
|
.authorize-application-php .description code {
|
||
|
|
background-color: #ededed;
|
||
|
|
border-radius: 4px;
|
||
|
|
color: #1f1f1f;
|
||
|
|
display: inline-block;
|
||
|
|
font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||
|
|
font-size: 12px;
|
||
|
|
line-height: 16px;
|
||
|
|
padding: 4px 9px;
|
||
|
|
}
|
||
|
|
.authorize-application-php .googlesitekit-authorize-application__footer {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
@media (min-width: 783px) {
|
||
|
|
.authorize-application-php .googlesitekit-authorize-application__footer {
|
||
|
|
bottom: 0;
|
||
|
|
display: block;
|
||
|
|
left: 0;
|
||
|
|
line-height: 32px;
|
||
|
|
margin-left: 36px;
|
||
|
|
padding: 0 47px;
|
||
|
|
position: absolute;
|
||
|
|
}
|
||
|
|
.authorize-application-php .googlesitekit-authorize-application__footer p {
|
||
|
|
color: #1f1f1f;
|
||
|
|
font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||
|
|
font-size: 16px;
|
||
|
|
font-weight: 500;
|
||
|
|
line-height: 20px;
|
||
|
|
margin: 19px 0 20px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (min-width: 961px) {
|
||
|
|
.authorize-application-php .googlesitekit-authorize-application__footer {
|
||
|
|
margin-left: 160px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
html[dir=rtl] .googlesitekit-authorize-application__footer {
|
||
|
|
left: auto;
|
||
|
|
margin-right: 36px;
|
||
|
|
right: 0;
|
||
|
|
}
|
||
|
|
@media (min-width: 961px) {
|
||
|
|
html[dir=rtl] .googlesitekit-authorize-application__footer {
|
||
|
|
margin-right: 160px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
#wpbody-content {
|
||
|
|
padding-bottom: 100px;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 782px) {
|
||
|
|
.auto-fold #wpcontent {
|
||
|
|
padding: 0 26px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
#wpcontent,
|
||
|
|
#wpfooter {
|
||
|
|
color: #1f1f1f;
|
||
|
|
font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||
|
|
}
|
||
|
|
@media (min-width: 783px) {
|
||
|
|
#wpcontent,
|
||
|
|
#wpfooter {
|
||
|
|
padding: 0 47px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
#wpbody-content a,
|
||
|
|
#wpfooter a {
|
||
|
|
color: #1a73e8;
|
||
|
|
}
|
||
|
|
|
||
|
|
#wpfooter {
|
||
|
|
bottom: 45px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#approve,
|
||
|
|
#reject {
|
||
|
|
border-radius: 100px;
|
||
|
|
font-size: 14px;
|
||
|
|
font-weight: 500;
|
||
|
|
line-height: 20px;
|
||
|
|
margin: 0 0 15px;
|
||
|
|
padding: 10px 24px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#approve {
|
||
|
|
background-color: #0b57d0;
|
||
|
|
border: none;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
#approve:hover {
|
||
|
|
box-shadow: 0 0 0 1000px rgba(255, 255, 255, 0.08) inset;
|
||
|
|
}
|
||
|
|
#approve:focus {
|
||
|
|
box-shadow: 0 0 0 1000px rgba(255, 255, 255, 0.12) inset;
|
||
|
|
}
|
||
|
|
|
||
|
|
#reject {
|
||
|
|
background-color: #fff;
|
||
|
|
border: 1px solid #747775;
|
||
|
|
color: #0b57d0;
|
||
|
|
}
|
||
|
|
#reject:hover {
|
||
|
|
box-shadow: 0 0 0 1000px rgba(11, 87, 208, 0.08) inset;
|
||
|
|
}
|
||
|
|
#reject:focus {
|
||
|
|
border: 1px solid #0b57d0;
|
||
|
|
box-shadow: 0 0 0 1000px rgba(11, 87, 208, 0.12) inset;
|
||
|
|
}
|
||
|
|
|
||
|
|
#description-approve {
|
||
|
|
border-bottom: 1px solid #c4c7c5;
|
||
|
|
margin: 0 0 33px;
|
||
|
|
padding: 0 0 31px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#description-reject {
|
||
|
|
margin: 0 0 8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#footer-thankyou {
|
||
|
|
font-size: 12px;
|
||
|
|
line-height: 16px;
|
||
|
|
}
|