development 2.1.4d10 with 3 new stylesheets to fix layout in page, derived from Hello Elementor under GPLv3. Need to post on forum.
git-svn-id: https://plugins.svn.wordpress.org/footnotes/trunk@2431872 b8457f37-d9ea-0310-8a92-e5e31aec5664
This commit is contained in:
pewgeuges
parent
bfd563f907
commit
c432dde37b
12 changed files with 298 additions and 32 deletions
77
css/public-body.css
Normal file
77
css/public-body.css
Normal file
|
|
@ -0,0 +1,77 @@
|
|||
/**
|
||||
* Footnotes Responsive Layout for the body element
|
||||
*
|
||||
* Based on Hello Elementor v2.3.0 Basic responsive layout
|
||||
* licensed under GNU General Public License v3 or later
|
||||
* License URI: https://www.gnu.org/licenses/gpl-3.0.html
|
||||
*
|
||||
* Since 2.1.4
|
||||
* Version: 2.1.4d10
|
||||
*
|
||||
* Last modified: 2020-12-04T1858+0100
|
||||
*/
|
||||
|
||||
|
||||
/***********************************************************
|
||||
Basic responsive layout
|
||||
|
||||
In Hello Elementor Theme, this applies to .site-header, and
|
||||
also to .site-main, which is a class of the <main> element,
|
||||
at the condition that the page is not built with Elementor:
|
||||
body:not([class*="elementor-page-"])
|
||||
Therefore, in pages built with Elementor, proper layout is
|
||||
applied only to features managed by Elementor, not others.
|
||||
|
||||
The Footnotes references container is near the end of main.
|
||||
This style sheet lets Footnotes’ reference container come
|
||||
into the benefit of the basic responsive layout style rules
|
||||
that would apply if the page were not built with Elementor.
|
||||
|
||||
This is mainly useful with Hello Elementor, but it might be
|
||||
used also with another theme depriving the features from
|
||||
other plugins of basic layout rules as applied to content.
|
||||
|
||||
The enqueuing of this style sheet is optional. The setting
|
||||
is in the dashboard under Settings > Reference container.
|
||||
*/
|
||||
|
||||
body, body.blog, body.page, body.page-template-default {
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
|
||||
body, body.blog, body.page, body.page-template-default {
|
||||
padding-right: 10px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 576px) {
|
||||
|
||||
body, body.blog, body.page, body.page-template-default {
|
||||
max-width: 500px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
|
||||
body, body.blog, body.page, body.page-template-default {
|
||||
max-width: 600px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
|
||||
body, body.blog, body.page, body.page-template-default {
|
||||
max-width: 800px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
|
||||
body, body.blog, body.page, body.page-template-default {
|
||||
max-width: 960px;
|
||||
}
|
||||
}
|
||||
77
css/public-container.css
Normal file
77
css/public-container.css
Normal file
|
|
@ -0,0 +1,77 @@
|
|||
/**
|
||||
* Footnotes Responsive Layout for the reference container
|
||||
*
|
||||
* Based on Hello Elementor v2.3.0 Basic responsive layout
|
||||
* licensed under GNU General Public License v3 or later
|
||||
* License URI: https://www.gnu.org/licenses/gpl-3.0.html
|
||||
*
|
||||
* Since 2.1.4
|
||||
* Version: 2.1.4d10
|
||||
*
|
||||
* Last modified: 2020-12-04T1843+0100
|
||||
*/
|
||||
|
||||
|
||||
/***********************************************************
|
||||
Basic responsive layout
|
||||
|
||||
In Hello Elementor Theme, this applies to .site-header, and
|
||||
also to .site-main, which is a class of the <main> element,
|
||||
at the condition that the page is not built with Elementor:
|
||||
body:not([class*="elementor-page-"])
|
||||
Therefore, in pages built with Elementor, proper layout is
|
||||
applied only to features managed by Elementor, not others.
|
||||
|
||||
The Footnotes references container is near the end of main.
|
||||
This style sheet lets Footnotes’ reference container come
|
||||
into the benefit of the basic responsive layout style rules
|
||||
that would apply if the page were not built with Elementor.
|
||||
|
||||
This is mainly useful with Hello Elementor, but it might be
|
||||
used also with another theme depriving the features from
|
||||
other plugins of basic layout rules as applied to content.
|
||||
|
||||
The enqueuing of this style sheet is optional. The setting
|
||||
is in the dashboard under Settings > Reference container.
|
||||
*/
|
||||
|
||||
.footnotes_reference_container {
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
|
||||
.footnotes_reference_container {
|
||||
padding-right: 10px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 576px) {
|
||||
|
||||
.footnotes_reference_container {
|
||||
max-width: 500px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
|
||||
.footnotes_reference_container {
|
||||
max-width: 600px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
|
||||
.footnotes_reference_container {
|
||||
max-width: 800px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
|
||||
.footnotes_reference_container {
|
||||
max-width: 960px;
|
||||
}
|
||||
}
|
||||
77
css/public-main.css
Normal file
77
css/public-main.css
Normal file
|
|
@ -0,0 +1,77 @@
|
|||
/**
|
||||
* Footnotes Responsive Layout for the main element
|
||||
*
|
||||
* Based on Hello Elementor v2.3.0 Basic responsive layout
|
||||
* licensed under GNU General Public License v3 or later
|
||||
* License URI: https://www.gnu.org/licenses/gpl-3.0.html
|
||||
*
|
||||
* Since 2.1.4
|
||||
* Version: 2.1.4d10
|
||||
*
|
||||
* Last modified: 2020-12-04T1857+0100
|
||||
*/
|
||||
|
||||
|
||||
/***********************************************************
|
||||
Basic responsive layout
|
||||
|
||||
In Hello Elementor Theme, this applies to .site-header, and
|
||||
also to .site-main, which is a class of the <main> element,
|
||||
at the condition that the page is not built with Elementor:
|
||||
body:not([class*="elementor-page-"])
|
||||
Therefore, in pages built with Elementor, proper layout is
|
||||
applied only to features managed by Elementor, not others.
|
||||
|
||||
The Footnotes references container is near the end of main.
|
||||
This style sheet lets Footnotes’ reference container come
|
||||
into the benefit of the basic responsive layout style rules
|
||||
that would apply if the page were not built with Elementor.
|
||||
|
||||
This is mainly useful with Hello Elementor, but it might be
|
||||
used also with another theme depriving the features from
|
||||
other plugins of basic layout rules as applied to content.
|
||||
|
||||
The enqueuing of this style sheet is optional. The setting
|
||||
is in the dashboard under Settings > Reference container.
|
||||
*/
|
||||
|
||||
main, .main-content, .site-main {
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
|
||||
main, .main-content, .site-main {
|
||||
padding-right: 10px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 576px) {
|
||||
|
||||
main, .main-content, .site-main {
|
||||
max-width: 500px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
|
||||
main, .main-content, .site-main {
|
||||
max-width: 600px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
|
||||
main, .main-content, .site-main {
|
||||
max-width: 800px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
|
||||
main, .main-content, .site-main {
|
||||
max-width: 960px;
|
||||
}
|
||||
}
|
||||
|
|
@ -4,9 +4,10 @@
|
|||
* Created-Date: 15.05.14
|
||||
* Created-Time: 16:21
|
||||
* Since: 1.0
|
||||
* Version: 2.1.4d9
|
||||
*
|
||||
* Last modified: 2020-12-04T0202+0100
|
||||
* Version: 2.1.4d10
|
||||
*
|
||||
* Last modified: 2020-12-04T2234+0100
|
||||
*/
|
||||
|
||||
|
||||
|
|
@ -154,6 +155,11 @@ Read-on button
|
|||
Footnote references container
|
||||
|
||||
templates/public/reference-container.html
|
||||
|
||||
Also optional responsive basic page layout support:
|
||||
public-container.css
|
||||
public-main.css
|
||||
public-body.css
|
||||
*/
|
||||
|
||||
/*
|
||||
|
|
|
|||
|
|
@ -4,9 +4,10 @@
|
|||
* Created-Date: 15.05.14
|
||||
* Created-Time: 16:21
|
||||
* Since: 1.0
|
||||
* Version: 2.1.4d9
|
||||
*
|
||||
* Last modified: 2020-12-04T0201+0100
|
||||
* Version: 2.1.4d10
|
||||
*
|
||||
* Last modified: 2020-12-04T1718+0100
|
||||
*/
|
||||
|
||||
|
||||
|
|
|
|||
Reference in a new issue