bitburner-src/css/interactivetutorial.css

69 lines
1.4 KiB
CSS
Raw Normal View History

/* interactivetutorial.css */
#interactive-tutorial-wrapper {
position:relative;
}
#interactive-tutorial-container {
display: none;
position: absolute; /* Stay in place */
2017-05-06 08:24:01 +02:00
right: 0;
top: 0;
height: 400px; /* Full height */
padding: 10px;
border: 5px solid #FFFFFF;
2017-05-22 01:37:41 +02:00
width: 20%;
overflow: auto; /* Enable scroll if needed */
2017-05-06 08:24:01 +02:00
background-color: #444; /* Fallback color */
color: white;
}
#interactive-tutorial-container > strong {
background-color: #444;
}
#interactive-tutorial-text {
2017-05-06 08:24:01 +02:00
padding: 4px;
margin: 4px;
color: white;
background-color: #444;
}
#interactive-tutorial-exit,
2017-05-15 07:09:14 +02:00
#interactive-tutorial-next,
#interactive-tutorial-back {
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;
}
#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 {
color: white;
text-decoration: none;
cursor: pointer;
}