| @import url('fonts/font-awesome.css'); | |||||
| @import url('fonts/Inconsolata.css'); |
| /***************/ | |||||
| /* INCONSOLATA */ | |||||
| /***************/ | |||||
| @font-face { | |||||
| font-family: 'Inconsolata'; | |||||
| src: url('Inconsolata-Regular.ttf') format('truetype'); | |||||
| font-weight: normal; | |||||
| font-style: normal; | |||||
| } | |||||
| @font-face { | |||||
| font-family: 'Inconsolata'; | |||||
| src: url('Inconsolata-Bold.ttf') format('truetype'); | |||||
| font-weight: bold; | |||||
| font-style: normal; | |||||
| } | |||||
| height: 150px; | height: 150px; | ||||
| width: 150px; | width: 150px; | ||||
| color: #ccc; | color: #ccc; | ||||
| font-family: Font Awesome, sans-serif; | |||||
| font-family: Font Awesome; | |||||
| } | } | ||||
| #main-button-container button.active { | #main-button-container button.active { | ||||
| color: #000; | color: #000; | ||||
| padding: 10px; | padding: 10px; | ||||
| color: #777; | color: #777; | ||||
| width: 100%; | width: 100%; | ||||
| font-family: Font Awesome, Inconsolata, sans-serif; | |||||
| } | } | ||||
| .options-button:hover { | .options-button:hover { | ||||
| color: #000; | color: #000; | ||||
| content: "\F1DE"; | content: "\F1DE"; | ||||
| font-family: Font Awesome; | font-family: Font Awesome; | ||||
| font-size: 0.875em; | font-size: 0.875em; | ||||
| margin: 0 5px 0 0; | |||||
| margin: 0 6px 0 0; | |||||
| } | } | ||||
| .options-button::after { | .options-button::after { | ||||
| content: "Options"; | content: "Options"; | ||||
| margin: 0 3px 0 0; | |||||
| } | } |
| <head> | <head> | ||||
| <title>AlwaysKillSticky</title> | <title>AlwaysKillSticky</title> | ||||
| <link rel='stylesheet' type='text/css' href='popup.css' /> | <link rel='stylesheet' type='text/css' href='popup.css' /> | ||||
| <link rel='stylesheet' type='text/css' href='fonts/font-awesome.css' /> | |||||
| <link rel='stylesheet' type='text/css' href='fonts.css' /> | |||||
| </head> | </head> | ||||
| <body> | <body> | ||||
| <div id='main-button-container'> | <div id='main-button-container'> |