/*
- * Copyright © 2017-2020 Soren Stoutner <soren@stoutner.com>.
+ * Copyright 2017-2020,2022 Soren Stoutner <soren@stoutner.com>.
*
- * This file is part of Privacy Browser <https://www.stoutner.com/privacy-browser>.
+ * This file is part of Privacy Browser Android <https://www.stoutner.com/privacy-browser-android>.
*
- * Privacy Browser is free software: you can redistribute it and/or modify
+ * Privacy Browser Android is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
- * Privacy Browser is distributed in the hope that it will be useful,
+ * Privacy Browser Android is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
- * along with Privacy Browser. If not, see <http://www.gnu.org/licenses/>.
+ * along with Privacy Browser Android. If not, see <http://www.gnu.org/licenses/>.
*/
/* Dark colors. */
}
}
+
/* Headers. */
h3 {
color: #0D47A1; /* Blue 900 */
}
}
+
/* Red bold text */
strong.red {
color: #B71C1C; /* Red 900. */
@media (prefers-color-scheme: dark) {
strong.red {
- color: #930606; /* Red 1100. */
+ color: #E24B4C; /* Red Night. */
}
}
+
/* Blue bold text */
strong.blue {
color: #1565C0; /* Blue 800. */
}
+
/* List items. */
item {
color: #1565C0; /* Blue 800. */
font-weight: bold;
}
+
/* Header images do not allow the icon to be themed. */
img.header {
vertical-align: bottom;
}
}
+
+/* Links SVGs allow the icon to be themed. */
+svg.links {
+ vertical-align: middle;
+ height: 32;
+ width: 32;
+ fill: #0D47A1; /* Blue 900 */
+}
+
+@media (prefers-color-scheme: dark) {
+ svg.links {
+ fill: #8AB4F8; /* Violet 500 */
+ }
+}
+
+
/* Left aligned images do not allow the icon to be themed. */
img.left {
float: left;
}
}
-/* Inline images. */
-img.inline {
- height: 16;
- width: 16;
-}
/* SVG icons. */
svg.icon {
}
}
+
+/* Inline images. */
+img.inline {
+ height: 16;
+ width: 16;
+}
+
+
/* Centered screenshot images. An image must be a block to be centered. */
img.center {
display: block;
margin-right: auto;
height: 720;
width: 360;
-}
\ No newline at end of file
+}
+
+/* Centered screenshot images with a 2.16 aspect ratio. An image must be a block to be centered. */
+img.center216 {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ height: 780;
+ width: 360;
+}