footnotes WordPress Plugin first alpha release

- Basic functionality is available
- Tested against WordPress 3.9.1

git-svn-id: https://plugins.svn.wordpress.org/footnotes/trunk@917799 b8457f37-d9ea-0310-8a92-e5e31aec5664
This commit is contained in:
Mark Cheret 2014-05-20 11:23:45 +00:00
parent 073f387725
commit 3321070f7e
17 changed files with 1793 additions and 0 deletions

111
css/footnote.css Executable file
View file

@ -0,0 +1,111 @@
/**
* Created by Stefan on 15.05.14.
*/
/* container before the footnote appears at the bottom to get a space between footnote and content */
.footnote_container_prepare {
display: block;
padding-top: 24px;
}
.footnote_container_prepare > p {
font-size: 1.5em;
margin-top: 1em;
margin-bottom: 0.25em;
padding: 0;
line-height: 1.3;
font-weight: normal;
overflow: hidden;
border-bottom: 1px solid #aaaaaa;
display: block;
-webkit-margin-before: 0.83em;
-webkit-margin-after: 0.83em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
.footnote_container_prepare > p > span {
}
/* container for the footnote in the bottom */
.footnote_plugin_container {
display: block;
width: 100%;
padding-bottom: 14px;
}
/* footnote (bottom) index */
.footnote_plugin_index {
float: left;
min-width: 40px;
white-space: nowrap;
text-align: right;
}
/* footnote (bottom) text */
.footnote_plugin_text {
float: left;
padding-left: 16px;
}
/* footnote (bottom) link to the footnote implementation */
.footnote_plugin_link {
outline: none;
text-decoration: none;
cursor: pointer;
}
.footnote_plugin_link:hover {
color: #4777ff;
text-decoration: none;
}
/* footnote (bottom) styling end tag */
.footnote_plugin_end {
clear: left;
}
/* tooltip */
a.footnote_plugin_tooltip {
outline: none;
color: #4777ff;
text-decoration: none;
cursor: pointer;
}
a.footnote_plugin_tooltip strong {
line-height: 30px;
}
a.footnote_plugin_tooltip:hover {
text-decoration: none;
}
a.footnote_plugin_tooltip span {
z-index: 10;
display: none;
padding: 14px 20px;
margin-top: -30px;
margin-left: 28px;
/*width: 240px;*/
line-height: 16px;
}
a.footnote_plugin_tooltip:hover span {
display: inline;
position: absolute;
color: #474747;
border: 1px solid #ddccaa;
background: #fffaf0;
}
.callout {
z-index: 20;
position: absolute;
top: 30px;
border: 0;
left: -12px;
}
/*CSS3 extras*/
a.footnote_plugin_tooltip span {
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-moz-box-shadow: 5px 5px 8px #cccccc;
-webkit-box-shadow: 5px 5px 8px #cccccc;
box-shadow: 5px 5px 8px #cccccc;
}

60
css/settings.css Executable file
View file

@ -0,0 +1,60 @@
/**
* Created by Stefan on 15.05.14.
*/
/* overwrite some styling for labels */
label {
min-width: 160px !important;
}
/* overwrite some styling for inputs [type=text] and select-boxes */
input[type=text], select {
padding-left: 8px !important;
padding-right: 8px !important;
margin-left: 12px !important;
}
a.footnote_plugin {
text-decoration: underline;
cursor: pointer;
color: #202020;
}
/* settings container */
.footnote_plugin_container {
display: block !important;
width: 100% !important;
padding-bottom: 18px !important;
}
/* setting with 25% width */
.footnote_plugin_25 {
width: 24% !important;
}
/* setting with half width */
.footnote_plugin_50 {
width: 49% !important;
}
/* setting with 75% width */
.footnote_plugin_75 {
width: 74% !important;
}
/* setting with full width */
.footnote_plugin_100 {
width: 99% !important;
}
/* container for the box holding the placeholder tags at the end */
.footnote_placeholder_box_container {
text-align: center;
width: auto;
display: inline-block;
}
/* highlight the placeholders */
span.footnote_highlight_placeholder {
font-weight: bold;
padding-left: 8px;
padding-right: 8px;
}