Add upstream

This commit is contained in:
root
2019-10-24 00:12:05 +02:00
parent 85d41e4216
commit ac980f592c
3504 changed files with 1049983 additions and 29971 deletions

View File

@@ -0,0 +1,56 @@
div.jetpack-quiz {
border: 1px solid #deede3;
background-color: #f3f3f3;
padding: 1em;
line-height: 1.3em;
margin-bottom: 2em;
border-radius: .2em;
}
div.jetpack-quiz div.jetpack-quiz-question {
margin-bottom: .5em;
font-weight: bold;
}
div.jetpack-quiz div.jetpack-quiz-answer {
cursor: pointer;
margin-bottom: .5em;
padding: 1em 0 1em 1em;
border-bottom: 1px dotted #999;
}
div.jetpack-quiz div.jetpack-quiz-answer.last {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: 0;
}
div.jetpack-quiz div.jetpack-quiz-answer.correct {
color: green;
}
div.jetpack-quiz div.jetpack-quiz-answer.wrong {
color: red;
}
div.jetpack-quiz div.jetpack-quiz-answer div.jetpack-quiz-explanation {
display: none;
}
div.jetpack-quiz div.jetpack-quiz-answer.correct div.jetpack-quiz-explanation, div.jetpack-quiz div.jetpack-quiz-answer.wrong div.jetpack-quiz-explanation {
display: block;
color: black;
font-size: 90%;
margin-top: 1em;
}
div.jetpack-quiz div.jetpack-quiz-answer.correct div.jetpack-quiz-explanation tt, div.jetpack-quiz div.jetpack-quiz-answer.wrong div.jetpack-quiz-explanation tt {
font-size: 85%;
}
div.jetpack-quiz pre {
font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
background: transparent;
margin: 0;
padding: 0;
}

View File

@@ -0,0 +1 @@
.jetpack-recipe-meta li.jetpack-recipe-print{display:none}.jetpack-recipe-title{font-size:16pt}.jetpack-recipe-content img{display:inline-block!important;max-width:100%}.jetpack-recipe-image{display:none!important}.jetpack-recipe-content .aligncenter{display:block!important;margin:0 auto 1em!important;text-align:center!important}.jetpack-recipe-content .alignright{float:left!important;margin:0 1em .5em 0!important}.jetpack-recipe-content .alignleft{float:right!important;margin:0 0 .5em 1em!important}.jetpack-recipe-content .alignnone{display:inline-block}

View File

@@ -0,0 +1 @@
.jetpack-recipe-meta li.jetpack-recipe-print{display:none}.jetpack-recipe-title{font-size:16pt}.jetpack-recipe-content img{display:inline-block!important;max-width:100%}.jetpack-recipe-image{display:none!important}.jetpack-recipe-content .aligncenter{display:block!important;margin:0 auto 1em!important;text-align:center!important}.jetpack-recipe-content .alignright{float:left!important;margin:0 1em .5em 0!important}.jetpack-recipe-content .alignleft{float:right!important;margin:0 0 .5em 1em!important}.jetpack-recipe-content .alignnone{display:inline-block}

View File

@@ -0,0 +1,36 @@
.jetpack-recipe-meta li.jetpack-recipe-print {
display: none;
}
.jetpack-recipe-title {
font-size: 16pt;
}
.jetpack-recipe-content img {
display: inline-block !important;
max-width: 100%;
}
.jetpack-recipe-image {
display: none !important;
}
.jetpack-recipe-content .aligncenter {
display: block !important;
margin: 0 auto 1em !important;
text-align: center !important;
}
.jetpack-recipe-content .alignright {
float: right !important;
margin: 0 0 .5em 1em !important;
}
.jetpack-recipe-content .alignleft {
float: left !important;
margin: 0 1em .5em 0 !important;
}
.jetpack-recipe-content .alignnone {
display: inline-block;
}

View File

@@ -0,0 +1,2 @@
/* Do not modify this file directly. It is concatenated from individual module CSS files. */
.jetpack-recipe-meta li.jetpack-recipe-print{display:none}.jetpack-recipe-title{font-size:16pt}.jetpack-recipe-content img{display:inline-block!important;max-width:100%}.jetpack-recipe-image{display:none!important}.jetpack-recipe-content .aligncenter{display:block!important;margin:0 auto 1em!important;text-align:center!important}.jetpack-recipe-content .alignright{float:right!important;margin:0 0 .5em 1em!important}.jetpack-recipe-content .alignleft{float:left!important;margin:0 1em .5em 0!important}.jetpack-recipe-content .alignnone{display:inline-block}

View File

@@ -0,0 +1 @@
.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}.jetpack-recipe-notes{font-style:italic}

View File

@@ -0,0 +1 @@
.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}.jetpack-recipe-notes{font-style:italic}

View File

@@ -0,0 +1,36 @@
.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;
}
.jetpack-recipe-notes {
font-style: italic;
}

View File

@@ -0,0 +1,2 @@
/* Do not modify this file directly. It is concatenated from individual module CSS files. */
.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}.jetpack-recipe-notes{font-style:italic}

View File

@@ -0,0 +1,145 @@
/* Do not modify this file directly. It is concatenated from individual module CSS files. */
.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 * {
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;
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 -1px 1px 2px;
line-height: 25px;
height: 25px;
position: absolute;
bottom: 5px;
right: 0;
z-index: 100;
width: 100%;
text-align: center;
}
.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;
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;
border-radius: 10em !important;
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;
}

View File

@@ -0,0 +1 @@
.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 *{box-sizing:content-box}.slideshow-loading{height:100%;text-align:center;margin:auto}body div.slideshow-window * img{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;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:0;font-size:0}.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;right:0;z-index:100;width:100%;text-align:center}.slideshow-controls{z-index:1000;position:absolute;bottom:30px;margin:auto;text-align:center;width:100%;opacity:.5;direction:ltr;transition:.3s opacity ease-out}.slideshow-window:hover .slideshow-controls{opacity:1}body div div.slideshow-controls a,body div div.slideshow-controls a:hover{border:2px solid rgba(255,255,255,.1)!important;background-color:#000!important;background-color:rgba(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;zoom:1;height:32px!important;width:32px!important;line-height:32px!important;text-align:center!important;border-radius:10em!important;transition:.3s 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 #f0f}

View 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;
}
.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;
/*rtl:ignore*/
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;
}

View File

@@ -0,0 +1,2 @@
/* Do not modify this file directly. It is concatenated from individual module CSS files. */
.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 *{box-sizing:content-box}.slideshow-loading{height:100%;text-align:center;margin:auto}body div.slideshow-window * img{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;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:0;font-size:0}.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}.slideshow-controls{z-index:1000;position:absolute;bottom:30px;margin:auto;text-align:center;width:100%;opacity:.5;direction:ltr;transition:.3s opacity ease-out}.slideshow-window:hover .slideshow-controls{opacity:1}body div div.slideshow-controls a,body div div.slideshow-controls a:hover{border:2px solid rgba(255,255,255,.1)!important;background-color:#000!important;background-color:rgba(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;zoom:1;height:32px!important;width:32px!important;line-height:32px!important;text-align:center!important;border-radius:10em!important;transition:.3s 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 #f0f}

View 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;
}