Доработка стиля

This commit is contained in:
2021-06-27 00:17:29 +03:00
parent 0fd9560f51
commit 5c1b4c725e
7 changed files with 40 additions and 14 deletions

View File

@@ -8,14 +8,24 @@
<style> <style>
* { * {
color: rgb(44, 44, 44); color: rgb(44, 44, 44);
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
} }
body { body {
text-align: center; text-align: center;
} }
h1 {
color: #2196F3;
}
.subHeader {
max-width: 700px;
margin: auto;
}
.container { .container {
background-color: rgb(230, 241, 243); background-color: hsl(207, 90%, 90%);
max-width: 700px; max-width: 700px;
margin: auto; margin: auto;
padding: 2rem; padding: 2rem;
@@ -33,7 +43,7 @@
</head> </head>
<body> <body>
<h1>Спасибо, что думаете о пожертвовании</h1> <h1>Спасибо, что думаете о пожертвовании</h1>
Это расширение разрабатывается и распространяется абсолютно бесплатно, не имеет никакой рекламы и не собирает данные о своих пользователях. <p class="subHeader">Это расширение разрабатывается и распространяется абсолютно бесплатно, не имеет никакой рекламы и не собирает данные о своих пользователях.</p>
<div class="container"> <div class="container">
<span class="wallet"><strong>XMR:</strong> 86mauNmQjTyjWJYrMyeTKpSLZ1FpZoziE278HJL7YmCL1rWQtsuz5xU3EmMNFsAwgJK4qoQPNQf9X91YqXvzJxvJ8bBSBrE</span> <span class="wallet"><strong>XMR:</strong> 86mauNmQjTyjWJYrMyeTKpSLZ1FpZoziE278HJL7YmCL1rWQtsuz5xU3EmMNFsAwgJK4qoQPNQf9X91YqXvzJxvJ8bBSBrE</span>
<span class="wallet"><strong>ETH:</strong> 0xfb2a2c470d75f6fc1cb85a592840d960c000e94c</span> <span class="wallet"><strong>ETH:</strong> 0xfb2a2c470d75f6fc1cb85a592840d960c000e94c</span>

View File

@@ -5,7 +5,7 @@
</head> </head>
<body> <body>
<div class="header"> <div class="header">
<h3 align="center">Vk Mute</h3> <h3 align="center">VK Mute</h3>
</div> </div>
<!--<button id="disableButton">Toggle</button>--> <!--<button id="disableButton">Toggle</button>-->
<div style="text-align: center;"> <div style="text-align: center;">
@@ -17,7 +17,7 @@
<div id="id_list"> <div id="id_list">
</div> </div>
<div class="donation_btn"> <div class="donation_btn">
<a href="./donate.html" target="_blank">💸</a> <a href="./donate.html" title="Пожертвовать" target="_blank">💸</a>
</div> </div>
<script src="popup.js"></script></body> <script src="popup.js"></script></body>
</html> </html>

File diff suppressed because one or more lines are too long

View File

@@ -1,5 +1,6 @@
{ {
"name": "VK Mute", "name": "VK Mute",
"author": "Anatoly Kopyl, Matvey Tarasov",
"icons": { "icons": {
"140": "assets/icons/icon140.png", "140": "assets/icons/icon140.png",
"128": "assets/icons/icon128.png", "128": "assets/icons/icon128.png",

View File

@@ -8,14 +8,24 @@
<style> <style>
* { * {
color: rgb(44, 44, 44); color: rgb(44, 44, 44);
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
} }
body { body {
text-align: center; text-align: center;
} }
h1 {
color: #2196F3;
}
.subHeader {
max-width: 700px;
margin: auto;
}
.container { .container {
background-color: rgb(230, 241, 243); background-color: hsl(207, 90%, 90%);
max-width: 700px; max-width: 700px;
margin: auto; margin: auto;
padding: 2rem; padding: 2rem;
@@ -33,7 +43,7 @@
</head> </head>
<body> <body>
<h1>Спасибо, что думаете о пожертвовании</h1> <h1>Спасибо, что думаете о пожертвовании</h1>
Это расширение разрабатывается и распространяется абсолютно бесплатно, не имеет никакой рекламы и не собирает данные о своих пользователях. <p class="subHeader">Это расширение разрабатывается и распространяется абсолютно бесплатно, не имеет никакой рекламы и не собирает данные о своих пользователях.</p>
<div class="container"> <div class="container">
<span class="wallet"><strong>XMR:</strong> 86mauNmQjTyjWJYrMyeTKpSLZ1FpZoziE278HJL7YmCL1rWQtsuz5xU3EmMNFsAwgJK4qoQPNQf9X91YqXvzJxvJ8bBSBrE</span> <span class="wallet"><strong>XMR:</strong> 86mauNmQjTyjWJYrMyeTKpSLZ1FpZoziE278HJL7YmCL1rWQtsuz5xU3EmMNFsAwgJK4qoQPNQf9X91YqXvzJxvJ8bBSBrE</span>
<span class="wallet"><strong>ETH:</strong> 0xfb2a2c470d75f6fc1cb85a592840d960c000e94c</span> <span class="wallet"><strong>ETH:</strong> 0xfb2a2c470d75f6fc1cb85a592840d960c000e94c</span>

View File

@@ -1,5 +1,9 @@
* {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
body { body {
min-width: 120px; min-width: 160px;
} }
/* The switch - the box around the slider */ /* The switch - the box around the slider */
.switch { .switch {
@@ -79,7 +83,7 @@ input:checked + .slider:before {
h3 { h3 {
margin-bottom: 0; margin-bottom: 0;
padding: .5rem 0 .5rem 0; padding: 1rem 0 .5rem 0;
} }
.idToHide { .idToHide {
@@ -108,10 +112,11 @@ h3 {
} }
.donation_btn { .donation_btn {
cursor: pointer;
text-align: right; text-align: right;
margin-top: .5rem;
} }
.donation_btn > a { a {
text-decoration: none; text-decoration: none;
color: hsl(207, 90%, 35%);
} }

View File

@@ -5,7 +5,7 @@
</head> </head>
<body> <body>
<div class="header"> <div class="header">
<h3 align="center">Vk Mute</h3> <h3 align="center">VK Mute</h3>
</div> </div>
<!--<button id="disableButton">Toggle</button>--> <!--<button id="disableButton">Toggle</button>-->
<div style="text-align: center;"> <div style="text-align: center;">
@@ -17,7 +17,7 @@
<div id="id_list"> <div id="id_list">
</div> </div>
<div class="donation_btn"> <div class="donation_btn">
<a href="./donate.html" target="_blank">💸</a> <a href="./donate.html" title="Пожертвовать" target="_blank">💸</a>
</div> </div>
</body> </body>
</html> </html>