2 gewijzigde bestanden met toevoegingen van 24 en 4 verwijderingen
+ 21
- 4
popup.css
Bestand weergeven
| body { | body { | ||||
| margin: 0; | margin: 0; | ||||
| padding: 0; | padding: 0; | ||||
| display: flex; | |||||
| flex-flow: column; | |||||
| } | } | ||||
| /***********/ | /***********/ | ||||
| display: flex; | display: flex; | ||||
| flex-flow: column; | flex-flow: column; | ||||
| border-top: 1px solid #ddd; | border-top: 1px solid #ddd; | ||||
| flex: 1 1 auto; | |||||
| } | } | ||||
| /*==================*/ | /*==================*/ | ||||
| padding: 10px; | padding: 10px; | ||||
| color: #777; | color: #777; | ||||
| width: 100%; | width: 100%; | ||||
| height: 3rem; | |||||
| flex: 1 1 auto; | |||||
| font-family: Font Awesome, Inconsolata, sans-serif; | font-family: Font Awesome, Inconsolata, sans-serif; | ||||
| } | } | ||||
| button.options-button:hover { | button.options-button:hover { | ||||
| button.reload-button { | button.reload-button { | ||||
| background-color: #ffd; | background-color: #ffd; | ||||
| margin: 4px; | |||||
| border-radius: 6px; | border-radius: 6px; | ||||
| color: #777; | color: #777; | ||||
| max-height: 0; | max-height: 0; | ||||
| padding: 0; | padding: 0; | ||||
| overflow: hidden; | overflow: hidden; | ||||
| position: absolute; | position: absolute; | ||||
| width: calc(100% - 8px); | |||||
| width: calc(100% - 10px); | |||||
| top: -4rem; | top: -4rem; | ||||
| left: 5px; | |||||
| } | } | ||||
| button.reload-button.active { | button.reload-button.active { | ||||
| max-height: 1000px; | max-height: 1000px; | ||||
| padding: 8px; | padding: 8px; | ||||
| border: 1px solid #ddd; | border: 1px solid #ddd; | ||||
| top: 1px; | |||||
| top: 5px; | |||||
| } | } | ||||
| button.reload-button:hover { | button.reload-button:hover { | ||||
| color: #000; | color: #000; | ||||
| font-size: 2rem; | font-size: 2rem; | ||||
| font-weight: 900; | font-weight: 900; | ||||
| } | } | ||||
| /***************/ | |||||
| /* INFO HEADER */ | |||||
| /***************/ | |||||
| .info-header { | |||||
| text-align: center; | |||||
| font-family: Inconsolata, sans-serif; | |||||
| font-size: 0.75rem; | |||||
| padding: 2px; | |||||
| background-color: #444; | |||||
| color: #ccc; | |||||
| cursor: default; | |||||
| } |
+ 3
- 0
popup.html
Bestand weergeven
| <link rel='stylesheet' type='text/css' href='fonts.css' /> | <link rel='stylesheet' type='text/css' href='fonts.css' /> | ||||
| </head> | </head> | ||||
| <body> | <body> | ||||
| <div class='info-header'> | |||||
| AlwaysKillSticky <span class='version'>0.6</span> | |||||
| </div> | |||||
| <div class='main-button-container'> | <div class='main-button-container'> | ||||
| <button type='button' class='main-button'></button> | <button type='button' class='main-button'></button> | ||||
| </div> | </div> |
Laden…