123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146 |
- @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
- html,
- body {
- background-repeat: no-repeat;
- background-attachment: fixed;
- }
- p {
- font-family: 'Open Sans', sans-serif;
- margin: 0;
- padding: 0;
- }
- span,
- .varval {
- font-family: 'Open Sans', sans-serif;
- font-size: 28px;
- font-weight: 400;
- }
- .button {
- background-color: #4CAF50; /* Green */
- border: none;
- color: white;
- padding: 15px 32px;
- text-align: center;
- text-decoration: none;
- display: inline-block;
- font-size: 16px;
- margin: 4px 2px;
- cursor: pointer;
- }
- .button2 {background-color: #008CBA;} /* Blue */
- .button3 {background-color: #f44336;} /* Red */
- .showhide {
- background-color: #e7e7e7;
- color: black;
- position: absolute;
- left: 0;
- bottom: 0;
- }
- #tool-btn {
- padding: 20px;
- position: absolute;
- left: 200px;
- bottom: 0;
- background-color: rgba(0, 0, 0, 0.7);
- z-index: 100;
- }
- .save,
- .add,
- .remove,
- .highlight {
- background-color: #e7e7e7;
- color: black;
- }
- .info {
- color:ghostwhite;
- }
- .button5 {background-color: #555555;} /* Black */
- .varbox {
- position: absolute;
- width: 50px;
- border: dashed 5px #ccc;
- }
- .databox {
- border: dashed 5px rgba(0,0,0,0);
- }
- .databox:hover {
- z-index: 9999 !important;
- }
- .statusbox {
- position: absolute;
- width: 50px;
- padding: 5px;
- }
- #page_info {
- position: absolute;
- top: 10px;
- left: 20px;
- font-family: 'Open Sans', sans-serif;
- font-size: 16px;
- color: darkgray;
- }
- .box_highlight {
- border-color: red;
- }
- .glowing_border {
- border: 2px solid #FF0000;
- border-radius: 7px;
- }
- [tooltip]:before {
- /* needed - do not touch */
- content: attr(tooltip);
- position: absolute;
- opacity: 0;
-
- /* customizable */
- transition: all 0.15s ease;
- padding: 10px;
- color: #fff;
- border-radius: 10px;
- box-shadow: 2px 2px 1px silver;
- font-family: 'Open Sans', sans-serif;
- text-align:center;
- }
- [tooltip]:hover:before {
- /* needed - do not touch */
- opacity: 1;
-
- /* customizable */
- background: black;
- width: 150px;
- margin-top: -50px;
- margin-left: 20px;
- }
- [tooltip]:not([tooltip-persistent]):before {
- pointer-events: none;
- }
- div .popup {
- position: absolute;
- width: 600px;
- height: 400px;
- visibility: hidden;
- }
- div:hover .popup {
- visibility: visible;
- z-index: 1;
- }
|