2017-05-05 23:27:35 +02:00
|
|
|
/* interactivetutorial.css */
|
2017-05-21 05:45:36 +02:00
|
|
|
#interactive-tutorial-wrapper {
|
|
|
|
position:relative;
|
|
|
|
}
|
|
|
|
|
2017-05-05 23:27:35 +02:00
|
|
|
#interactive-tutorial-container {
|
|
|
|
display: none;
|
2017-05-21 05:45:36 +02:00
|
|
|
position: absolute; /* Stay in place */
|
2017-05-06 08:24:01 +02:00
|
|
|
right: 0;
|
2017-05-05 23:27:35 +02:00
|
|
|
top: 0;
|
2017-05-21 05:45:36 +02:00
|
|
|
height: 400px; /* Full height */
|
2017-05-05 23:27:35 +02:00
|
|
|
padding: 10px;
|
|
|
|
border: 5px solid #FFFFFF;
|
2017-05-21 05:45:36 +02:00
|
|
|
width: 25%;
|
2017-05-05 23:27:35 +02:00
|
|
|
overflow: auto; /* Enable scroll if needed */
|
2017-05-06 08:24:01 +02:00
|
|
|
background-color: #444; /* Fallback color */
|
|
|
|
color: white;
|
2017-05-05 23:27:35 +02:00
|
|
|
}
|
|
|
|
|
2017-05-17 07:31:42 +02:00
|
|
|
#interactive-tutorial-container > strong {
|
|
|
|
background-color: #444;
|
|
|
|
}
|
|
|
|
|
2017-05-05 23:27:35 +02:00
|
|
|
#interactive-tutorial-text {
|
2017-05-06 08:24:01 +02:00
|
|
|
padding: 4px;
|
|
|
|
margin: 4px;
|
|
|
|
color: white;
|
|
|
|
background-color: #444;
|
2017-05-05 23:27:35 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
#interactive-tutorial-exit,
|
2017-05-15 07:09:14 +02:00
|
|
|
#interactive-tutorial-next,
|
|
|
|
#interactive-tutorial-back {
|
2017-05-05 23:27:35 +02:00
|
|
|
color: #aaa;
|
|
|
|
font-size: 20px;
|
|
|
|
font-weight: bold;
|
|
|
|
-webkit-border-radius: 12px;
|
|
|
|
-moz-border-radius: 12px;
|
|
|
|
border-radius: 12px;
|
|
|
|
-moz-box-shadow: 1px 1px 3px #000;
|
|
|
|
-webkit-box-shadow: 1px 1px 3px #000;
|
|
|
|
box-shadow: 1px 1px 3px #000;
|
|
|
|
}
|
|
|
|
|
|
|
|
#interactive-tutorial-exit {
|
|
|
|
float: left;
|
|
|
|
}
|
|
|
|
|
2017-05-15 07:09:14 +02:00
|
|
|
#interactive-tutorial-back {
|
|
|
|
margin-right: 20%;
|
|
|
|
float: right;
|
|
|
|
}
|
|
|
|
|
2017-05-05 23:27:35 +02:00
|
|
|
#interactive-tutorial-next {
|
|
|
|
float: right;
|
|
|
|
}
|
|
|
|
|
|
|
|
#interactive-tutorial-exit:hover,
|
|
|
|
#interactive-tutorial-exit:focus,
|
|
|
|
#interactive-tutorial-next:hover,
|
2017-05-15 07:09:14 +02:00
|
|
|
#interactive-tutorial-next:focus,
|
|
|
|
#interactive-tutorial-back:hover,
|
|
|
|
#interactive-tutorial-back:focus {
|
2017-05-05 23:27:35 +02:00
|
|
|
color: white;
|
|
|
|
text-decoration: none;
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
|