2 fichiers modifiés avec 24 ajouts et 4 suppressions
+ 21
- 4
popup.css
Voir le fichier
| @@ -12,6 +12,8 @@ html { | |||
| body { | |||
| margin: 0; | |||
| padding: 0; | |||
| display: flex; | |||
| flex-flow: column; | |||
| } | |||
| /***********/ | |||
| @@ -100,6 +102,7 @@ button.main-button.whitelist.active::after { | |||
| display: flex; | |||
| flex-flow: column; | |||
| border-top: 1px solid #ddd; | |||
| flex: 1 1 auto; | |||
| } | |||
| /*==================*/ | |||
| @@ -111,7 +114,7 @@ button.options-button { | |||
| padding: 10px; | |||
| color: #777; | |||
| width: 100%; | |||
| height: 3rem; | |||
| flex: 1 1 auto; | |||
| font-family: Font Awesome, Inconsolata, sans-serif; | |||
| } | |||
| button.options-button:hover { | |||
| @@ -177,21 +180,21 @@ button.options-button::after { | |||
| button.reload-button { | |||
| background-color: #ffd; | |||
| margin: 4px; | |||
| border-radius: 6px; | |||
| color: #777; | |||
| max-height: 0; | |||
| padding: 0; | |||
| overflow: hidden; | |||
| position: absolute; | |||
| width: calc(100% - 8px); | |||
| width: calc(100% - 10px); | |||
| top: -4rem; | |||
| left: 5px; | |||
| } | |||
| button.reload-button.active { | |||
| max-height: 1000px; | |||
| padding: 8px; | |||
| border: 1px solid #ddd; | |||
| top: 1px; | |||
| top: 5px; | |||
| } | |||
| button.reload-button:hover { | |||
| color: #000; | |||
| @@ -202,3 +205,17 @@ button.reload-button::before { | |||
| font-size: 2rem; | |||
| 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
Voir le fichier
| @@ -5,6 +5,9 @@ | |||
| <link rel='stylesheet' type='text/css' href='fonts.css' /> | |||
| </head> | |||
| <body> | |||
| <div class='info-header'> | |||
| AlwaysKillSticky <span class='version'>0.6</span> | |||
| </div> | |||
| <div class='main-button-container'> | |||
| <button type='button' class='main-button'></button> | |||
| </div> | |||
Chargement…