Initial commit
This commit is contained in:
Ben Goldsworthy
commit
28e6ddf404
1083 changed files with 191734 additions and 0 deletions
3
plugins/jetpack/modules/shortcodes/css/recipes-print.css
Normal file
3
plugins/jetpack/modules/shortcodes/css/recipes-print.css
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
.jetpack-recipe-meta li.jetpack-recipe-print {
|
||||
display: none;
|
||||
}
|
||||
33
plugins/jetpack/modules/shortcodes/css/recipes.css
Normal file
33
plugins/jetpack/modules/shortcodes/css/recipes.css
Normal file
|
|
@ -0,0 +1,33 @@
|
|||
.jetpack-recipe {
|
||||
border: 1px solid #f2f2f2;
|
||||
border-radius: 1px;
|
||||
clear: both;
|
||||
margin: 1.5em 1%;
|
||||
padding: 1% 2%;
|
||||
}
|
||||
.jetpack-recipe-title {
|
||||
border-bottom: 1px solid #ccc;
|
||||
margin: .25em 0;
|
||||
padding: .25em 0;
|
||||
}
|
||||
.jetpack-recipe .jetpack-recipe-meta {
|
||||
display: block;
|
||||
font-size: .9em;
|
||||
list-style-type: none;
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
}
|
||||
.jetpack-recipe .jetpack-recipe-meta li {
|
||||
float: left;
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0 5% 0 0;
|
||||
}
|
||||
.jetpack-recipe-meta li.jetpack-recipe-print {
|
||||
float: right;
|
||||
padding-right: 0;
|
||||
text-align: right;
|
||||
}
|
||||
35
plugins/jetpack/modules/shortcodes/css/rtl/recipes-rtl.css
Normal file
35
plugins/jetpack/modules/shortcodes/css/rtl/recipes-rtl.css
Normal file
|
|
@ -0,0 +1,35 @@
|
|||
/* This file was automatically generated on Feb 24 2014 16:44:25 */
|
||||
|
||||
.jetpack-recipe {
|
||||
border: 1px solid #f2f2f2;
|
||||
border-radius: 1px;
|
||||
clear: both;
|
||||
margin: 1.5em 1%;
|
||||
padding: 1% 2%;
|
||||
}
|
||||
.jetpack-recipe-title {
|
||||
border-bottom: 1px solid #ccc;
|
||||
margin: .25em 0;
|
||||
padding: .25em 0;
|
||||
}
|
||||
.jetpack-recipe .jetpack-recipe-meta {
|
||||
display: block;
|
||||
font-size: .9em;
|
||||
list-style-type: none;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
}
|
||||
.jetpack-recipe .jetpack-recipe-meta li {
|
||||
float: right;
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0 0 0 5%;
|
||||
}
|
||||
.jetpack-recipe-meta li.jetpack-recipe-print {
|
||||
float: left;
|
||||
padding-left: 0;
|
||||
text-align: left;
|
||||
}
|
||||
|
|
@ -0,0 +1,159 @@
|
|||
/* This file was automatically generated on May 26 2015 21:25:53 */
|
||||
|
||||
.slideshow-window {
|
||||
background-color: #222;
|
||||
border: 20px solid #222;
|
||||
border-radius: 10px;
|
||||
height: 0;
|
||||
margin-bottom: 20px;
|
||||
overflow: hidden;
|
||||
padding-top: 30px !important;
|
||||
padding-bottom: 56.25% !important;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.slideshow-window.slideshow-white {
|
||||
background-color: #fff;
|
||||
border-color: #fff;
|
||||
}
|
||||
|
||||
.slideshow-window, .slideshow-window * {
|
||||
-moz-box-sizing: content-box;
|
||||
-webkit-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
.slideshow-loading {
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
body div.slideshow-window * img {
|
||||
/* Override any styles that might be present in the page stylesheet */
|
||||
background-color: transparent !important;
|
||||
background-image: none !important;
|
||||
border-width: 0 !important;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
padding: 0 !important;
|
||||
position: relative;
|
||||
-webkit-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
top: 50%;
|
||||
}
|
||||
|
||||
.slideshow-loading img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.slideshow-slide {
|
||||
display: none;
|
||||
height: 100% !important;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
top: 0;
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.slideshow-slide img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.slideshow-line-height-hack {
|
||||
overflow: hidden;
|
||||
width: 0px;
|
||||
font-size: 0px;
|
||||
}
|
||||
|
||||
.slideshow-slide-caption {
|
||||
font-size: 13px;
|
||||
font-family: "Helvetica Neue", sans-serif;
|
||||
color: #f7f7f7;
|
||||
text-shadow: #222 2px 1px 1px;
|
||||
line-height: 25px;
|
||||
height: 25px;
|
||||
position: absolute;
|
||||
bottom: 5px;
|
||||
right: 0;
|
||||
z-index: 100;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* @noflip */
|
||||
.slideshow-controls {
|
||||
z-index: 1000;
|
||||
position: absolute;
|
||||
bottom: 30px;
|
||||
margin: auto;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
|
||||
opacity: 0.5;
|
||||
direction:ltr;
|
||||
-webkit-transition: 300ms opacity ease-out;
|
||||
-moz-transition: 300ms opacity ease-out;
|
||||
transition: 300ms opacity ease-out;
|
||||
}
|
||||
|
||||
.slideshow-window:hover .slideshow-controls {
|
||||
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
body div div.slideshow-controls a,
|
||||
body div div.slideshow-controls a:hover {
|
||||
border:2px solid rgba(255,255,255,0.1) !important;
|
||||
background-color: #000 !important;
|
||||
background-color: rgba(0,0,0,0.6) !important;
|
||||
background-image: url('../../img/slideshow-controls.png') !important;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 142px 16px !important;
|
||||
background-position: -34px 8px !important;
|
||||
color: #222 !important;
|
||||
margin: 0 5px !important;
|
||||
padding: 0 !important;
|
||||
display: inline-block !important;
|
||||
*display: inline;
|
||||
zoom: 1;
|
||||
height: 32px !important;
|
||||
width: 32px !important;
|
||||
line-height: 32px !important;
|
||||
text-align: center !important;
|
||||
-khtml-border-radius: 10em !important;
|
||||
-webkit-border-radius: 10em !important;
|
||||
-moz-border-radius: 10em !important;
|
||||
border-radius: 10em !important;
|
||||
-webkit-transition: 300ms border-color ease-out;
|
||||
-moz-transition: 300ms border-color ease-out;
|
||||
-o-transition: 300ms border-color ease-out;
|
||||
transition: 300ms border-color ease-out;
|
||||
}
|
||||
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
|
||||
body div div.slideshow-controls a,
|
||||
body div div.slideshow-controls a:hover {
|
||||
background-image: url('../../img/slideshow-controls-2x.png') !important;
|
||||
}
|
||||
}
|
||||
|
||||
body div div.slideshow-controls a:hover {
|
||||
border-color: rgba(255,255,255,1) !important;
|
||||
}
|
||||
|
||||
body div div.slideshow-controls a:first-child { background-position: -76px 8px !important;}
|
||||
body div div.slideshow-controls a:last-child { background-position: -117px 8px !important;}
|
||||
body div div.slideshow-controls a:nth-child(2) { background-position: -34px 8px !important;}
|
||||
body div div.slideshow-controls a.running { background-position: -34px 8px !important;}
|
||||
body div div.slideshow-controls a.paused { background-position: 9px 8px !important;}
|
||||
|
||||
.slideshow-controls a img {
|
||||
border: 50px dotted fuchsia;
|
||||
}
|
||||
157
plugins/jetpack/modules/shortcodes/css/slideshow-shortcode.css
Normal file
157
plugins/jetpack/modules/shortcodes/css/slideshow-shortcode.css
Normal file
|
|
@ -0,0 +1,157 @@
|
|||
.slideshow-window {
|
||||
background-color: #222;
|
||||
border: 20px solid #222;
|
||||
border-radius: 10px;
|
||||
height: 0;
|
||||
margin-bottom: 20px;
|
||||
overflow: hidden;
|
||||
padding-top: 30px !important;
|
||||
padding-bottom: 56.25% !important;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.slideshow-window.slideshow-white {
|
||||
background-color: #fff;
|
||||
border-color: #fff;
|
||||
}
|
||||
|
||||
.slideshow-window, .slideshow-window * {
|
||||
-moz-box-sizing: content-box;
|
||||
-webkit-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
.slideshow-loading {
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
body div.slideshow-window * img {
|
||||
/* Override any styles that might be present in the page stylesheet */
|
||||
background-color: transparent !important;
|
||||
background-image: none !important;
|
||||
border-width: 0 !important;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
padding: 0 !important;
|
||||
position: relative;
|
||||
-webkit-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
top: 50%;
|
||||
}
|
||||
|
||||
.slideshow-loading img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.slideshow-slide {
|
||||
display: none;
|
||||
height: 100% !important;
|
||||
left: 0;
|
||||
margin: auto;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
top: 0;
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.slideshow-slide img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.slideshow-line-height-hack {
|
||||
overflow: hidden;
|
||||
width: 0px;
|
||||
font-size: 0px;
|
||||
}
|
||||
|
||||
.slideshow-slide-caption {
|
||||
font-size: 13px;
|
||||
font-family: "Helvetica Neue", sans-serif;
|
||||
color: #f7f7f7;
|
||||
text-shadow: #222 1px 1px 2px;
|
||||
line-height: 25px;
|
||||
height: 25px;
|
||||
position: absolute;
|
||||
bottom: 5px;
|
||||
left: 0;
|
||||
z-index: 100;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* @noflip */
|
||||
.slideshow-controls {
|
||||
z-index: 1000;
|
||||
position: absolute;
|
||||
bottom: 30px;
|
||||
margin: auto;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
|
||||
opacity: 0.5;
|
||||
direction:ltr;
|
||||
-webkit-transition: 300ms opacity ease-out;
|
||||
-moz-transition: 300ms opacity ease-out;
|
||||
transition: 300ms opacity ease-out;
|
||||
}
|
||||
|
||||
.slideshow-window:hover .slideshow-controls {
|
||||
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
body div div.slideshow-controls a,
|
||||
body div div.slideshow-controls a:hover {
|
||||
border:2px solid rgba(255,255,255,0.1) !important;
|
||||
background-color: #000 !important;
|
||||
background-color: rgba(0,0,0,0.6) !important;
|
||||
background-image: url('../img/slideshow-controls.png') !important;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 142px 16px !important;
|
||||
background-position: -34px 8px !important;
|
||||
color: #222 !important;
|
||||
margin: 0 5px !important;
|
||||
padding: 0 !important;
|
||||
display: inline-block !important;
|
||||
*display: inline;
|
||||
zoom: 1;
|
||||
height: 32px !important;
|
||||
width: 32px !important;
|
||||
line-height: 32px !important;
|
||||
text-align: center !important;
|
||||
-khtml-border-radius: 10em !important;
|
||||
-webkit-border-radius: 10em !important;
|
||||
-moz-border-radius: 10em !important;
|
||||
border-radius: 10em !important;
|
||||
-webkit-transition: 300ms border-color ease-out;
|
||||
-moz-transition: 300ms border-color ease-out;
|
||||
-o-transition: 300ms border-color ease-out;
|
||||
transition: 300ms border-color ease-out;
|
||||
}
|
||||
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
|
||||
body div div.slideshow-controls a,
|
||||
body div div.slideshow-controls a:hover {
|
||||
background-image: url('../img/slideshow-controls-2x.png') !important;
|
||||
}
|
||||
}
|
||||
|
||||
body div div.slideshow-controls a:hover {
|
||||
border-color: rgba(255,255,255,1) !important;
|
||||
}
|
||||
|
||||
body div div.slideshow-controls a:first-child { background-position: -76px 8px !important;}
|
||||
body div div.slideshow-controls a:last-child { background-position: -117px 8px !important;}
|
||||
body div div.slideshow-controls a:nth-child(2) { background-position: -34px 8px !important;}
|
||||
body div div.slideshow-controls a.running { background-position: -34px 8px !important;}
|
||||
body div div.slideshow-controls a.paused { background-position: 9px 8px !important;}
|
||||
|
||||
.slideshow-controls a img {
|
||||
border: 50px dotted fuchsia;
|
||||
}
|
||||
188
plugins/jetpack/modules/shortcodes/css/style.css
Normal file
188
plugins/jetpack/modules/shortcodes/css/style.css
Normal file
|
|
@ -0,0 +1,188 @@
|
|||
/**
|
||||
* 1. Fullscreen styles
|
||||
*/
|
||||
html.presentation-wrapper-fullscreen-parent,
|
||||
body.presentation-wrapper-fullscreen-parent {
|
||||
overflow: hidden !important;
|
||||
}
|
||||
|
||||
.presentation-wrapper-fullscreen-parent #wpadminbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.presentation-wrapper-fullscreen,
|
||||
.presentation-wrapper-fullscreen-parent {
|
||||
min-width: 100% !important;
|
||||
min-height: 100% !important;
|
||||
position: absolute !important;
|
||||
top: 0 !important;
|
||||
right: 0 !important;
|
||||
bottom: 0 !important;
|
||||
left: 0 !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
z-index: 10000 !important;
|
||||
}
|
||||
|
||||
.presentation-wrapper-fullscreen {
|
||||
background-color: #808080;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.presentation-wrapper-fullscreen .nav-arrow-left,
|
||||
.presentation-wrapper-fullscreen .nav-arrow-right {
|
||||
z-index: 20001;
|
||||
}
|
||||
|
||||
.presentation-wrapper-fullscreen .nav-fullscreen-button {
|
||||
z-index: 20002;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* 2. General presentation styles
|
||||
*/
|
||||
.presentation-wrapper {
|
||||
margin: 20px auto;
|
||||
border: 1px solid #e5e5e5;
|
||||
overflow: hidden;
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
.presentation {
|
||||
position: relative;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* jmpress requires that step sizes are explicitly defined
|
||||
* as it inserts sizeless divs before the steps. These
|
||||
* dimensions are set by the js code on initialization
|
||||
*/
|
||||
.presentation,
|
||||
.presentation .step {
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
/**
|
||||
* Opacity transition durations are set by the js code
|
||||
* so they match the presentation animation durations
|
||||
*/
|
||||
.presentation .step.fade:not(.active) {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.presentation .slide-content {
|
||||
padding: 30px;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* 3. Styles for the navigation arrows
|
||||
*/
|
||||
.presentation .nav-arrow-left,
|
||||
.presentation .nav-arrow-right,
|
||||
.presentation .nav-fullscreen-button {
|
||||
position: absolute;
|
||||
width: 34px;
|
||||
background-repeat: no-repeat;
|
||||
z-index: 2;
|
||||
opacity: 0;
|
||||
|
||||
-webkit-transition : opacity .25s;
|
||||
-moz-transition : opacity .25s;
|
||||
-ms-transition : opacity .25s;
|
||||
-o-transition : opacity .25s;
|
||||
transition : opacity .25s;
|
||||
}
|
||||
|
||||
.presentation .nav-arrow-left,
|
||||
.presentation .nav-arrow-right {
|
||||
height: 100%;
|
||||
background-image: url(../images/slide-nav.png);
|
||||
background-size: 450% 61px;
|
||||
}
|
||||
|
||||
.presentation .nav-arrow-left {
|
||||
left: 0;
|
||||
background-position: 4px 50%;
|
||||
}
|
||||
|
||||
.presentation .nav-arrow-right {
|
||||
right: 0;
|
||||
background-position: -120px 50%;
|
||||
}
|
||||
|
||||
.presentation .nav-fullscreen-button {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
margin: 4px;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
z-index: 3;
|
||||
background-image: url(../images/expand.png);
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.presentation:hover .nav-arrow-left,
|
||||
.presentation:hover .nav-arrow-right {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.presentation:hover .nav-fullscreen-button {
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.presentation-wrapper-fullscreen .nav-fullscreen-button {
|
||||
background-image: url(../images/collapse.png);
|
||||
}
|
||||
|
||||
/**
|
||||
* 4. Styles for the autoplay overlay
|
||||
*/
|
||||
.presentation .autoplay-overlay {
|
||||
height: 15%;
|
||||
width: 80%;
|
||||
margin: 30% 10%;
|
||||
position: relative;
|
||||
z-index: 100;
|
||||
display: table;
|
||||
border-radius: 50px;
|
||||
background-color: #e5e5e5;
|
||||
background-color: rgba(0, 0, 0, 0.75);
|
||||
|
||||
-webkit-transition : opacity .5s;
|
||||
-moz-transition : opacity .5s;
|
||||
-ms-transition : opacity .5s;
|
||||
-o-transition : opacity .5s;
|
||||
transition : opacity .5s;
|
||||
}
|
||||
|
||||
.presentation .autoplay-overlay .overlay-msg {
|
||||
position: relative;
|
||||
display: table-cell;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/**
|
||||
* 5. Styles for fading steps
|
||||
*/
|
||||
.presentation .will-fade {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.presentation .do-fade {
|
||||
opacity: 1;
|
||||
|
||||
-webkit-transition : opacity .5s;
|
||||
-moz-transition : opacity .5s;
|
||||
-ms-transition : opacity .5s;
|
||||
-o-transition : opacity .5s;
|
||||
transition : opacity .5s;
|
||||
}
|
||||
Reference in a new issue