Sicherheit
-
-
OpenPGP & S/MIME
-
Gpg4win unterstützt die beiden kryptografischen Standards OpenPGP und S/MIME (X.509).
-
Das Einrichten von X.509-Wurzelzertifikaten ist durch Gpg4win stark
-vereinfacht worden und ermöglicht so auch unerfahrenen Anwendern die
-einfache Verwendung von S/MIME.
-Für komplexere Anforderungen werden Systemadministratoren durch eine Anleitung
-bei der Einrichtung einer systemweiten Wurzel-Vertrauensstellung
-unterstützt.
-
-
-
-
-
Hohe Algorithmenstärken in GnuPG
-
Gpg4win ist die offizielle GnuPG Distribution für Windows und bietet
-damit die gewohnt hohe Sicherheit von GnuPG. GnuPG hält sich an die
-Empfehlungen des Bundesamtes
-für Sicherheit in der Informationstechnik (BSI).
-
-
Bei der Erstellung von OpenPGP- und X.509-Zertifikaten wird eine
-voreingestellte Schlüssellänge von 2048 bit verwendet. Als Signatur- und Verschlüsselungsverfahren
-kommt RSA zum Einsatz.
-
-
-
-
-
SmartCard
-
Gpg4win unterstützt (durch GnuPG) die sichere Nutzung von
-SmartCards für OpenPGP und S/MIME. Technische Details (in Englisch) finden Sie bei GnuPG.
-
+
+
+
OpenPGP & S/MIME
+
Gpg4win unterstützt die beiden kryptografischen Standards OpenPGP und S/MIME (X.509).
+
Das Einrichten von X.509-Wurzelzertifikaten ist durch Gpg4win stark
+ vereinfacht worden und ermöglicht so auch unerfahrenen Anwendern die
+ einfache Verwendung von S/MIME.
+ Für komplexere Anforderungen werden Systemadministratoren durch eine Anleitung
+ bei der Einrichtung einer systemweiten Wurzel-Vertrauensstellung
+ unterstützt.
+
+
+
+
+
Hohe Algorithmenstärken in GnuPG
+
Gpg4win ist die offizielle GnuPG Distribution für Windows und bietet
+ damit die gewohnt hohe Sicherheit von GnuPG. GnuPG hält sich an die
+ Empfehlungen des Bundesamtes
+ für Sicherheit in der Informationstechnik (BSI).
+
+
Bei der Erstellung von OpenPGP- und X.509-Zertifikaten wird eine
+ voreingestellte Schlüssellänge von 2048 bit verwendet. Als Signatur- und Verschlüsselungsverfahren
+ kommt RSA zum Einsatz.
+
+
+
+
+
SmartCard
+
Gpg4win unterstützt (durch GnuPG) die sichere Nutzung von
+ SmartCards für OpenPGP und S/MIME. Technische Details (in Englisch) finden Sie bei GnuPG.
+
+
Dateien und Ordner
Signieren/Verschlüsseln
Signieren Sie Dateien und Ordner direkt aus dem Windows Explorer -
mit dem Add-on GpgEX. Sie können auch mehrere Dateien und ganze
Ordner auswählen und diese dann über das Kontext Menü signieren/ verschlüsseln. Dann erhalten Sie eine Datei, die beim Empfänger
geprüft und entschlüsselt werden kann. Das technische Archivformat dieser Datei ist
gpgtar.
Prüfsummen
Erstellen und überprüfen Sie Prüfsummen von Dateien - ebenfalls
direkt aus dem Windows Explorer. Gpg4win legt (rekursiv) für jede
ausgewählte Datei eine eindeutige Prüfsumme ab und sichert damit die
Unverändertheit (Integrität) der Dateien. Das Überprüfen dieser
Prüfsummen funktioniert ebenso einfach wie das Erstellen.
Gpg4win unterstützt die Verfahren sha1sum, sha256sum und md5sum.
-
+
E-Mail
Signieren und Verschlüsseln
Das mitgelieferte Outlook-Plugin GpgOL ermöglicht E-Mails direkt
in Microsoft Outlook zu signieren und zu verschlüsseln. Dabei werden auch
Anhänge verschlüsselt. Das Signaturprüfen und Entschlüsseln
funktioniert genauso einfach direkt in Outlook.
Benutzerfreundliche Zertifikatsauswahl
Die Auswahl des richtigen E-Mail-Zertifikats übernimmt Kleopatra - und
zwar anhand der richtigen E-Mail-Adresse.
Sollten Sie mehrere passende
Zertifikate installiert haben, bietet Kleopatra Ihnen die Zertifikatsvorauswahl
in einem übersichtlichen Dialog an.
Für "Viel-Benutzer" bietet Gpg4win die Möglichkeit, die
Zertifikatsbestätigung nur im Konfliktfall anzuzeigen. Damit entfällt
z.B. das regelmäßige Bestätigen eines eindeutig passenden
Zertifikats beim E-Mail signieren und verschlüsseln.
Das Arbeiten läuft so wesentlich zügiger - ohne Verlust der
Sicherheit.
Installation und Kompendium
Installationsassistent
Der Gpg4win-Installationsassistent erleichtert
das einfache und sichere Installieren von
Gpg4win. Eine konkrete Schritt-für-Schritt-Anleitung für die Installation
bekommen Sie im Gpg4win-Kompendium.
Gpg4win-Kompendium
Eine anschauliche und umfassende Dokumentation über den
Einstieg in
die Kryptografie und die Verwendung von Gpg4win bietet das
Gpg4win-Kompendium.
Es ist verfügbar in deutscher und englischer Sprache.
Zertifikatsverwaltung mit Kleopatra
-
-
Zertifikate sicher und komfortabel verwalten
-
Kleopatra ist der bevorzugte Zertifikatsmanager in Gpg4win.
-Kleopatra ermöglicht Ihnen die einfache Verwaltung aller Zertifikate
-(OpenPGP und S/MIME).
-
-
-
-
-
Zertifikatsserver
-
Kleopatra bietet einen einfachen Im- und Export von Zertifikaten
-von bzw. zu OpenPGP-Zertifikatsservern (auch Schlüsselserver) und
-X.509-(LDAP-)Zertifikatsservern.
-
-
-
OpenPGP-Zertifikate beglaubigen
-
-
-
Durch das Beglaubigen (auch Signieren) eines anderen, Ihnen
-vertrauten, OpenPGP-Zertifikats bringt Kleopatra dieses Zertifikat in
-eine neue Vertrauensstufe - gekennzeichnet als "vertrauenswürdiges
-Zertifikat".
-
-
+
+
Zertifikate sicher und komfortabel verwalten
+
Kleopatra ist der bevorzugte Zertifikatsmanager in Gpg4win.
+ Kleopatra ermöglicht Ihnen die einfache Verwaltung aller Zertifikate
+ (OpenPGP und S/MIME).
+
+
+
+
+
Zertifikatsserver
+
Kleopatra bietet einen einfachen Im- und Export von Zertifikaten
+ von bzw. zu OpenPGP-Zertifikatsservern (auch Schlüsselserver) und
+ X.509-(LDAP-)Zertifikatsservern.
+
+
+
OpenPGP-Zertifikate beglaubigen
+
+
+
Durch das Beglaubigen (auch Signieren) eines anderen, Ihnen
+ vertrauten, OpenPGP-Zertifikats bringt Kleopatra dieses Zertifikat in
+ eine neue Vertrauensstufe - gekennzeichnet als "vertrauenswürdiges
+ Zertifikat".
+
+
Weiteres Wissenswertes
Freie Software
Gpg4win ist Freie Software und besteht aus einer ganzen Reihe von
unabhängig entwickelten Paketen, die teilweise unterschiedliche
Lizenzen haben. Der Großteil dieser Software steht, wie Gpg4win
selbst, unter der GNU General Public License (GNU GPL).
Für die Nutzung von Gpg4win entstehen keine Lizenzkosten.
Internationalisierung
Alle Dialoge in Gpg4win sind vollständig in deutscher und englischer Sprache
verfügbar. Der Gpg4win-Installer bietet darüber hinaus weitere
Sprachen an.
diff --git a/web/gpg4win.css b/web/gpg4win.css
index c63816bf..2d9b1e9b 100644
--- a/web/gpg4win.css
+++ b/web/gpg4win.css
@@ -1,1534 +1,1548 @@
/* Styles for the Gpg4win Website */
body {
font-family: arial, helvetica, sans-serif;
font-size: 13px;
background: #FFFFFF url('img/page_bg.png') repeat-x;
color: #333333;
margin: 0px;
padding:0px;
}
a {
color: #b51a22;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
img {
border: 0px;
}
.imageframe {
border-color: #DEDEDE #AAAAAA #888888 #CECECE;
border-style: double;
border-width: 1px;
padding: 5px;
}
.imgfloatleft {
float: left;
margin: 0px 20px 30px 0px;
max-width: 112px;
}
td {
vertical-align: top;
}
+.flex-container{
+ display: flex;
+ flex-wrap: wrap;
+}
+
.odd td {
background: #E6E6E6;
}
.wrapper {
width: 900px;
margin: 0 auto;
text-align: left;
}
.language_select {
float:right;
height: 100%;
}
#menu-button, #menu-button-label{
display: none;
}
#header-logo{
display: none;
}
.logo {
margin-top: 20px;
margin-left: 15px;
}
.header {
padding: 6px 0 6px 0;
margin-bottom: 0px;
height: 1em;
}
.fancy_intro {
margin: 0 20px 25px 14px;
border-bottom:1px solid gray;
overflow: hidden;
width:870px;
padding-bottom: 15px;
display: flex;
}
#fancy_bg{
max-width: 450px;
height: auto;
}
#intro{
width: 600px;
}
.mini_intro {
clear: both;
font-size: 12px;
line-height: 38px;
margin-top: 8px;
}
#download-button-container{
margin-right: 20pt;
}
#download_button {
position: relative;
top: 45px;
width: 250px;
z-index: 0;
}
#download_button a {
background: url('img/download_button.png');
background-repeat: no-repeat;
display: block;
height: 116px;
width: 260px;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
font-size: 19px;
}
#download_button a:hover {
background-position: 0px -116px;
}
#download_button .text {
position: relative;
top: 23px;
left: 25px;
}
#breadcrum {
float:left;
}
#download_button_mini {
position: relative;
top: 45px;
left: 35px;
width: 250px;
z-index: 0;
}
#download_button_mini .links {
position: relative;
font-size: 10px;
text-align: right;
}
#download_button_mini .dmini_button {
background: url('img/download_button_mini.png');
background-repeat: no-repeat;
display: block;
height: 50px;
width: 189px;
text-align:left;
left: 20px;
font-size: 14px;
line-height:50px;
color: #FFFFFF;
font-weight:bold;
text-decoration:none;
}
#download_button_mini .dmini_button:hover {
background-position: 0px -50px;
}
#download_button_mini .text {
position: relative;
left: 12px;
}
.download_button_links {
font-size:11px;
position: relative;
display: flex;
left: 25px;
top: 43px;
width: 250px;
}
.donate_box {
border-radius: 4px;
background: #FDF1CD;
border: 1px solid #CCCCCC;
padding: 20px 20px 15px;
min-height: 365px;
}
.donate_box h3 {
margin: 0;
}
.donate_box #download_div {
margin-top: 15px;
}
#currencyfield {
font-size: 14px;
height: 30px;
}
.donateButton {
background: url('img/download-arrow.png') no-repeat 9px 9px;
background-size: 20px 20px;
padding-left: 36px;
padding-right: 10px;
font-size: 14px;
height: 40px;
border: 2px white;
border-radius: 4px;
text-align: center;
font-weight: bold;
text-decoration: none;
}
a>.donateButton{
margin-top: 40px;
}
.donate_box blockquote {
line-height: 150%;
}
.donate_box .pay-logo {
width: 100px;
}
.donate_box .qrcode {
width: 130px;
}
/* donation slider */
input[type='range'] {
-webkit-appearance: none;
appearance: none;
-moz-appearance: none;
border-radius: 5px;
box-shadow: inset 1px 1px 1px rgba(000,000,000,0.25);
background-color: #FFF;
height: 8px;
vertical-align: middle;
width: 200px;
cursor: pointer;
margin: 10px 0;
}
input[type=range]::-webkit-slider-runnable-track {
-webkit-appearance: none;
appearance: none;
border-radius: 5px;
box-shadow: inset 1px 1px 1px rgba(000,000,000,0.25);
background-color: #FFF;
height: 10px;
vertical-align: middle;
border: solid 1px rgba(0,0,0,0.25);
cursor: pointer;
}
input[type='range']::-webkit-slider-thumb {
-webkit-appearance: none;
border-radius: 10px;
background-color: #FFC35C;
box-shadow: inset 0px 1px 0px rgba(000,000,000,0.5);
border: 1px solid #999;
height: 20px;
width: 20px;
border-radius: 15px;
vertical-align:middle;
margin-top: -6px;
cursor: pointer;
}
input[type='range']::-moz-range-track {
-moz-appearance: none;
border-radius: 5px;
box-shadow: inset 1px 1px 1px rgba(000,000,000,0.25);
background-color: #FFF;
height: 8px;
border:solid 1px rgba(0,0,0,0.25);
vertical-align: middle;
margin: 0;
padding: 0;
cursor: pointer;
}
input[type='range']::-moz-range-thumb {
-moz-appearance: none;
border-radius: 10px;
background-color: #FFC35C;
box-shadow:inset 0px 1px 0px rgba(000,000,000,0.5);
border: 1px solid #999;
height: 20px;
width: 20px;
border-radius: 15px;
cursor: pointer;
}
/* With beta this needs other offsets. Maybe someone with
* more CSS skills could make this more relative / robust. ;-) */
.h_text_beta {
position: relative;
top: -190px;
left: 669px;
width: 180px;
font-size: 11px;
border-left: 1px solid #CCCCCC;
padding-left: 10px;
margin-top: 12px;
height: 220px;
}
.h_text_beta .heading {
font-size: 23px;
font-family: georgia, times, serif;
padding-bottom: 9px;
}
.h_text_beta .serif_word {
font-size: 13px;
font-weight: bold;
}
.h_text_beta .limiter {
border-bottom: 3px dotted #CCCCCC;
width: 190px;
height: 10px;
margin-bottom: 3px;
}
.h_text {
font-size: 11px;
border-left: 1px solid #CCCCCC;
padding-left: 10px;
margin-top: 12px;
height: 220px;
}
.h_text .heading {
font-size: 23px;
font-family: georgia, times, serif;
padding-bottom: 9px;
}
.h_text .serif_word {
font-size: 13px;
font-weight: bold;
}
.h_text .limiter {
border-bottom: 3px dotted #CCCCCC;
width: 190px;
height: 10px;
margin-bottom: 3px;
}
.center {
text-align: center;
}
.content {
width: 100%;
}
#intro {
padding: 0px 250px 20px 20px;
}
/*#intro span {
background: url('img/logo.png') no-repeat scroll 50px 0px transparent;
height: 56px;
margin: 0px;
width: 250px;
float: right;
margin: 0px;
line-height: 24px;
margin: 10px 200px 0 0;
}*/
#intro h2 {
font-family: georgia, times, serif;
font-size: 30px;
font-weight: normal;
color: #333333;
margin: 0px;
}
#intro p {
color: #555555;
font-size: 14px;
font-weight: normal;
line-height: 26px;
margin: 10px 0 0;
padding: 0;
}
.column1, .column2, .column3 {
- display: inline;
- float: left;
margin-right: 25px;
position: relative;
width: 270px;
+ min-width: 270px;
}
.column3 {
margin-right: 0px;
}
.column1 img, .column2 img, .column3 img {
width: 270px;
}
#main {
padding: 0px 0px 0px 20px;
width: 600px;
}
#full {
float: left;
padding: 0px 20px 0px 20px;
width: 860px;
}
#main h2, #full h2 {
font-size: 22px;
font-weight: normal;
color: #333333;
margin: 30px 0px 10px 0px;
padding: 0px;
clear: both;
}
#main h4, #full h4 {
font-size: 18px;
color: #333333;
font-family: georgia, serif;
font-style: italic;
font-weight: normal;
}
#main p, #full p, #main li, #full li{
color: #444444;
line-height: 20px;
margin: 0px 0px 10px;
}
.lineheight {
line-height: 20px;
}
.cleanlist li {
font-size: 13px;
list-style: none;
padding: 0px;
clear: both;
}
.screenshots img {
width: 250px;
}
#sidebar {
-moz-border-radius: 10px 10px 10px 10px;
background: #FDF1CD;
border: 1px solid #CCCCCC;
float: right;
margin-top: 34px;
padding: 20px 20px 15px;
width: 220px;
}
#sidebar h3 {
color: #333333;
margin: 1px 0px 10px 0px;
}
#sidebarsimple {
float: right;
margin-top: 34px;
}
.newslist {
margin: 0px;
padding: 0px;
}
.newslist li {
font-size: 13px;
list-style: none;
padding: 0;
border-bottom: 1px solid #EFEFEF;
}
.newslist > li > a {
/*color: #555555;*/
display: block;
font-size: 12px;
font-weight: bold;
list-style: none;
margin: 0px;
padding: 10px 0px 10px 0px;
text-decoration: none;
}
.newslist li p {
color: #777777;
font-size: 10px;
font-weight: normal;
margin: 4px 0px 0px;
padding: 0px;
}
#menu {
height:45px;
z-index: 1;
}
#menu .active a {
background-position: 0px -180px;
}
#menu ul {
list-style: none;
padding: 0px;
margin: 0px;
}
#menu li {
float: left;
margin-right: 0px;
margin-left:0px;
padding: 0px;
text-align: center;
}
#menu .mlogo {
border:0px;
}
#menu .mlogo a {
display:block;
/* With what's new shield */
width: 161;
/* Without shield
width: 307px
*/
height: 58px;
position: relative;
top: -13px;
background: url('img/inmenulogo.png');
background-position: 0px -116px;
}
#menu .mlogo a:hover {
background: url('img/inmenulogo.png');
/* With what's new shield */
background-position: 0px -58px;
/* Without shield
background-position: 0px -174px */;
}
#menu .mwhatsnew {
border:0px;
line-height: 2em;
}
#menu .mwhatsnew a {
display:block;
width: 110px;
height: 77px;
position: relative;
top: -9px;
background: url('img/whatsnew.png');
line-height: 34px;
}
#menu .mwhatsnew a:hover {
background: url('img/whatsnew.png');
background-position: 0px -77px;
}
#menu .mwhatsnew div {
padding-top: 10px;
line-height: 24px;
}
#menu .mbetween {
border:0px;
}
#menu .mbetween a {
display:block;
width: 36px;
height: 58px;
position: relative;
top: -13px;
background: url('img/inmenulogo.png');
background-position: -100px 0px;
}
#menu .mbetween a:hover {
background: url('img/inmenulogo.png');
background-position: -100px -58px;
}
#menu .last {
width:40px;
height: 45px;
background: url('img/last.png');
}
#menu .mdonate a {
display: block;
width: 148px;
height: 45px;
float:right;
background: url('img/inmenudownload.png');
color: #FFFFFF;
text-indent: -10px;
}
#menu .mdonate a:hover {
background: url('img/inmenudownload.png');
background-position: 0px -45px;
}
#menu li a {
background: #CCCCCC url('img/menubar.png') 0px -90px;
color: #2A2A2A;
line-height: 45px;
width: 148px;
display: block;
text-decoration: none;
font-weight: bold;
font-size: 11px;
height: 45px;
overflow: hidden;
}
#menu li a:hover {
background: #FFFFFF url('img/menubar.png') 0px -135px;
color:#FFFFFF;
}
#menu ul li ul {
width: 201px;
list-style: none;
position: absolute;
display: none;
}
#menu ul li ul li,
#menu .active ul li ul li {
width: 148px;
}
#menu ul li .subcap {
background: url('img/sub_tail.png');
display: block;
width: 149px;
height: 5px;
}
#menu ul li ul li a,
#menu .active ul li ul li a {
background: url('img/sub_bg.png');
line-height: 25px;
width: 142px;
height: 22px;
font-weight: normal;
color: #2A2A2A;
text-align: left;
display: block;
padding-left: 5px;
border-left: 1px solid #8B7E57;
border-right: 1px solid #8B7E57;
}
#menu ul li ul li a:hover,
#menu .active ul li a:hover {
background: #FBCA4C;
color: #2A2A2A;
text-decoration: none;
font-weight: bold;
}
#menu li:hover ul ul,
#menu li:hover ul ul ul {
display: none;
}
#menu li:hover ul,
#menu li li:hover ul,
#menu li li li:hover ul {
display: block;
z-index:3;
}
.donate_header {
display: block;
position: relative;
top: -80px;
height: 180px;
background: url('img/heart.png') no-repeat;
background-position: 550px 10px;
font-size: 26px;
border-bottom: 1px solid #CCCCCC;
margin-bottom: -70px;
z-index: -100;
}
.donate_header .text {
position:relative;
left: 180px;
top: 40px;
text-align:center;
}
.donate_header b {
color: #D50D35;
}
.download_header {
height:160px;
background: url('img/download_bg.png') no-repeat;
background-position: 690px 10px;
font-size:26px;
border-bottom: 1px solid #CCCCCC;
margin-bottom:8px;
}
.download_header .text {
position:relative;
left: 120px;
top: 40px;
text-align:center;
}
.download_header b {
color: #D50D35;
}
.dlbutton2 a {
background-color: #6AC221;
border-radius: 10px 10px 10px 10px;
display: block;
font-size: 150%;
font-weight: bold;
margin: 10px 20px 0 0;
padding: 10px;
text-align: center;
color: #FFFFFF;
}
.dlbutton2 a:hover {
background: #81C72B;
text-decoration: none;
}
.dlbutton2 img {
float:right;
position: relative;
right: 45px;
top: 8px;
}
.version {
color: #FFFFFF;
font-size: 75%;
font-weight: normal;
}
#footer {
background: #EBEBEB url('img/page_bg.png') repeat-x;
font-size: 11px;
padding-bottom: 20px;
color: #333333;
text-align: center;
margin-top: 30px;
height: 22em;
width: 100%;
}
#sitemap {
margin: auto;
width: 900px;
text-align: left;
}
#sitemap ul {
list-style:none;
float: left;
width: 130px;
margin-left: 20px;
padding: 0px;
}
#sitemap li {
font-size: 12px;
line-height: 19px;
padding: 0px;
}
#sitemap li {
font-size: 12px;
line-height: 19px;
padding: 0px;
}
#sitemap ul li a {
color: #555555;
text-decoration: none;
}
#sitemap ul li a:hover {
text-decoration: underline;
}
.social-icon {
margin-top: 10px;
width: 32px;
padding-right: 5px;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
/* donation form */
.tabs{
position: relative;
width: 100%;
display: grid;
grid-template-columns: 20pt auto 2fr;
grid-template-rows: 20pt 20pt 20pt 20pt auto;
align-items: start;
padding-left: 0;
}
.tabs > p, #tab1, #tab2, #tab3{
grid-column-start: 1;
}
.tabs > p{
grid-column-end: 3;
}
#tab1, #tab2, #tab3{
justify-self: start;
}
.tabs label[for="tab1"], .tabs label[for="tab2"], .tabs label[for="tab3"]{
grid-column-start: 2;
}
#tab1, .tabs label[for="tab1"]{
grid-row-start: 2;
}
#tab2, .tabs label[for="tab2"]{
grid-row-start: 3;
}
#tab3, .tabs label[for="tab3"]{
grid-row-start: 4;
}
.tabs label[for^=tab]{
margin-right: 10px !important;
background-color: transparent;
border: none;
border-radius: 4px;
width: 120px;
}
.tabs .tab-content{
display: none;
overflow: hidden;
border-left: 1px dotted #ccc;
padding-left: 20px;
grid-column: 3;
grid-row-start: 1;
grid-row-end: 6;
}
.tabs #tab1:checked ~ #paypal_tab,
.tabs #tab2:checked ~ #bitcoin_tab,
.tabs #tab3:checked ~ #transfer_tab{
display: block;
}
/*.tabs [id^="tab"]:checked ~ [id$="_tab"]{
display: block;
}*/
.tabs input{
max-height: 20pt;
}
.download_div{
display:none;
}
textarea, select, input[type=text]{
box-sizing: border-box;
box-shadow: inset 0 1px 2px #ddd;
border: 1px solid #bbb;
border-radius: 4px;
padding: 5px;
width: 100%;
}
input[type=text]{
height: 31px;
}
input[type=text]:focus{
border: 1px solid #888;
}
select{
background-color: #fff;
}
/* donation list */
.two-column {
-webkit-column-count: 2; /* Chrome, Safari, Opera */
-moz-column-count: 2; /* Firefox */
column-count: 2;
list-style: none;
padding-left: 15px;
}
.three-column {
-webkit-column-count: 3; /* Chrome, Safari, Opera */
-moz-column-count: 3; /* Firefox */
column-count: 3;
list-style: none;
padding-left: 15px;
}
.two-column > li, .three-column > li{
margin: 0 5px 10px !important;
float: none;
}
#sponsors > h3 {
margin: 20px 0px 5px;
padding-bottom: 5px;
}
.sponsornames {
padding: 10px;
background-color: #eee;
}
.sponsornames > h4 {
font-size: 17px;
margin: 10px 15px;
border-bottom: 1px dotted #555;
padding-bottom: 5px;
}
.pay_div{
width: 100%;
}
.amountlabel {
margin: 15px 0 20px 0;
width: 100%;
margin: 15px 0 15px 0;
width: 100%;
display: flex;
flex-wrap: wrap;
row-gap: 10pt;
}
.amountlabel > input[type="radio"]{
display:none;
}
.amountlabel > label{
border-radius: 4px;
font-size: 16px;
padding: 10px 15px;
text-align: center;
margin: 0 7px 1px 3px;
font-weight: bold;
min-width: 22pt;
}
/*** donate button colors ***/
/* inactive */
.amountlabel > input + label,
.switch-field input + label,
.donateButton {
color: white;
}
.amountlabel > label,
.switch-field label {
background-color: rgba(180,180,180,0.75);
}
/* hover */
.amountlabel > label:hover,
.amountlabel > input[type="radio"]:hover + label:hover,
.switch-field label:hover,
.donateButton:hover {
background-color: #8fc8d2;
cursor: pointer;
}
/* active */
.amountlabel > input[type="radio"]:checked + label,
.amountlabel > label > input[type="number"]:focus + label,
.switch-field input:checked + label,
.donateButton {
background-color: #179bd7;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=number] {
-moz-appearance:textfield;
}
.amountlabel > label > input[type="number"]{
background-color: transparent;
color: white;
border: none;
border-bottom: 1px solid;
border-radius: 0px;
box-shadow: none;
height: 20px;
font-size: 18px;
font-family: arial, helvetica, sans-serif;
text-align: center;
width: 45px;
font-weight: normal;
}
#freeamountLabel{
padding: 0;
}
.switch-field {
padding: 10px 0 15px 0;
margin: 5px 0 5px 0;
display: flex;
height: 16pt;
}
#donation_frq{
clear: right;
}
.switch-title {
margin-bottom: 6px;
}
.switch-field input {
display: none;
}
.switch-field label {
display: flex;
width: 60px;
height: 100%;
font-size: 12px;
font-weight: bold;
text-align: center;
text-shadow: none;
padding: 3px 14px;
border: none;
justify-content: center;
align-items: center;
}
.switch-field input:checked + label {
-webkit-box-shadow: none;
box-shadow: none;
}
.switch-field label:first-of-type {
border-radius: 4px 0 0 4px;
margin: 0 0 0 3px;
}
.switch-field label:last-of-type {
border-radius: 0 4px 4px 0;
margin: 0 11px 10px -1px;
}
.switches{
display: flex;
flex-wrap: wrap;
width: max-content;
}
@media screen and (max-width: 800px){
:root{
--gpg4win-gradient: linear-gradient(to bottom, #ffd987, #ffc853 4%, #f4b836, #ffc343 99%, #ffdf99);
}
*{
max-width: 100%;
font-size: 1rem;
}
html, body{
position: relative;
overflow-x: hidden;
max-width: 100vw;
}
body{
padding: 6pt 10pt;
}
.wrapper{
width: 100%;
margin: 0px;
}
.language_select{
width: 100%;
display: flex;
justify-content: end;
column-gap: 4pt;
margin-bottom: 12pt;
padding-right: 4pt;
}
.language_select *{
font-size: 1rem;
width: auto;
}
.language_select img{
min-height: 100%;
width: 20pt;
}
.header{
height: initial;
display: flex;
flex-direction: column;
}
#logo-container{
position: relative;
left: -10pt;
max-width: initial;
width: 110%;
background: linear-gradient(to bottom, #ffd987, #ffc853 4%, #f4b836, #ffc343 99%, #ffdf99);
border-top: solid black 1px;
border-bottom: solid black 1px;
padding-top: 8pt;
}
#header-logo{
display: block;
min-height: 30pt;
max-height: 50pt;
width: auto;
}
.header a{
display: block;
width: max-content;
}
#menu-container{
height: auto;
width: calc(100% - 34pt);
height: 100vh;
background-color: white;
z-index: 2;
position: absolute;
top: 0;
right: calc(-100% + 34pt);
overflow-y: auto;
animation-name: slide-menu-out;
animation-duration: 0.3s;
animation-timing-function: ease-in-out;
}
#menu-button:checked ~ #menu-container{
right: 0pt;
animation-name: slide-menu-in;
animation-duration: 0.4s;
animation-timing-function: ease-in-out;
}
@keyframes slide-menu-in {
0%{right: calc(-100% + 34pt)}
100%{right: 0pt}
}
@keyframes slide-menu-out {
0%{right: 0pt}
100%{right: calc(-100% + 34pt)}
}
#menu{
padding: 8pt;
padding-bottom: 20pt;
}
#menu-button{
display: none;
opacity: 0;
}
#menu-button-label{
display: block;
z-index: 2;
order: 1;
height: 34pt;
width: 34pt;
background: none;
position: absolute;
top: 54pt;
right: 0pt;
animation-name: slide-menu-button-out;
animation-duration: 0.3s;
animation-timing-function: ease-in-out;
}
#menu-button-image-container{
background-color: rgba(255, 255, 255, 0);
position: relative;
z-index: 3;
padding: 4pt;
}
#menu-button:checked ~ #menu-button-label{
right: calc(100% - 34pt);
background: none;
animation-name: slide-menu-button-in;
animation-duration: 0.4s;
animation-timing-function: ease-in-out;
}
@keyframes slide-menu-button-in {
0%{right: 0pt;}
100%{right: calc(100% - 34pt);}
}
@keyframes slide-menu-button-out {
0%{right: calc(100% - 34pt);}
100%{right: 0pt;}
}
#menu-shadow{
position: absolute;
left: -100vw;
top: -50vh;
width: 200vw;
height: 0pt;
max-width: 200vw;
max-height: 200vh;
z-index: -1;
background-color: rgba(0, 0, 0, 0.7);
opacity: 0;
animation-name: fade-out;
animation-duration: 0.3s;
}
#menu-button:checked ~ #menu-button-label #menu-shadow{
animation-name: fade-in;
animation-duration: 0.4s;
opacity: 1;
height: 200vh;
}
@keyframes fade-in {
0%{opacity: 0; height: 200vh;}
100%{opacity: 1; height: 200vh;}
}
@keyframes fade-out {
0%{opacity: 1; height: 200vh;}
100%{opacity: 0; height: 200vh;}
}
#menu ul{
display: flex;
flex-direction: column;
}
#menu li{
text-align: left;
}
#menu ul a, #menu ul a:hover,
#menu .mwhatsnew a, #menu .mwhatsnew a:hover,
#menu .mwhatsnew a, #menu .mwhatsnew a:hover,
#menu ul a, #menu ul a:hover,
#menu .mdonate a, #menu .mdonate a:hover,
#menu ul li ul li a{
width: 95%;
margin-bottom: 6px;
padding-left: 6pt;
border-radius: 2pt;
font-size: 1rem;
}
#menu ul a, #menu ul a:hover, #menu .mwhatsnew a, #menu .mwhatsnew a:hover, #menu .mwhatsnew a, #menu .mwhatsnew a:hover, #menu ul a, #menu ul a:hover{
background: linear-gradient(to bottom, #fdedbb, #efce6c, #fde085);
background: var(--gpg4win-gradient);
}
#menu .mlogo{
margin-bottom: 10px;
}
#menu .mlogo a{
background: none;
background-image: url('img/src/gpg4win_logo.png');
background-repeat: no-repeat;
background-size: contain;
top: unset;
}
#menu .mlogo a:hover{
background: none;
background-image: url('img/src/gpg4win_logo.png');
background-size: contain;
background-repeat: no-repeat;
}
#menu .mwhatsnew div {
font-size: 1rem;
}
#menu ul li ul{
display: flex;
flex-direction: column;
position: inherit;
width: 80%;
}
#menu ul li ul li{
width: 100%;
min-height: 30pt;
background-color: #fde085;
margin-bottom: 4pt;
display: flex;
align-items: center;
}
#menu ul li ul li a{
width: 100%;
background: none;
border: none;
line-height: -50%;
}
.mbetween{
display: none;
}
#menu ul li .subcap{
display: none;
}
#menu .mdonate a, #menu .mdonate a:hover{
float: initial;
text-indent: 0pt;
background: none;
background-image: linear-gradient(to bottom, #a3d97f, #54c010, #63c322);
}
.fancy_intro{
flex-direction: column;
border: none;
margin-left: 0pt;
}
#fancy_bg{
max-width: 90%;
}
#download-button-container{
order: 1;
}
#download_button{
position: initial;
width: 150pt;
max-height: 70pt;
border: solid #707070 1px;
border-radius: 4pt;
background: linear-gradient(to bottom, #94d36b 1%, #b8e29d 2%, #92d267 3%, #54c010 40%, #63c322);
margin-bottom: 6pt;
}
#download_button a{
background: none;
height: 50pt;
display: flex;
justify-content: center;
align-items: center;
}
#download_button .text{
position: inherit;
}
.download_button_links{
position: initial;
font-size: 1rem;
width: initial;
column-gap: 3pt;
margin-bottom: 10pt;
}
small{
font-size: 0.9rem;
}
h4{
- margin-top: 24pt;
+ margin-top: 12pt;
margin-bottom: 14pt;
}
#main h4, #full h4{
font-size: 1.2rem;
}
#main p, #full p{
line-height: 24px;
}
.h_text{
font-size: 0.8rem;
border: none;
padding-left: 0pt;
order: 2;
}
.h_text .serif_word{
font-size: 1rem;
}
.content{
margin: 0pt;
}
#intro{
max-width: 100%;
width: fit-content;
padding-left: 0pt;
+ margin-bottom: 12pt;
}
#main{
padding-left: 0pt;
}
#footer{
height: initial;
width: 100vw;
max-width: 100vw;
position: relative;
left: -10pt;
bottom: -6pt;
}
#sitemap ul{
float: none;
margin-left: 10pt;
width: initial;
}
#sitemap li{
line-height: 18pt;
}
#full{
padding-left: 0pt;
}
.tabs{
height: initial;
grid-template-columns: 20pt auto auto;
grid-template-rows: 20pt 20pt 20pt 40pt auto;
padding-left: 0;
}
.tabs .tab-content{
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 5;
margin-top: 12pt;
padding-left: 0pt;
}
.amountlabel{
margin-bottom: 20pt;
}
.switches{
margin-bottom: 20pt;
}
.switch-field{
margin-bottom: 10pt;
}
.amountlabel > label, .switch-field label{
display: flex;
justify-content: center;
align-items: center;
height: 32pt;
width: 60pt;
padding: 0pt;
}
#paypal_tab textarea{
min-height: 80pt;
}
.cleanlist{
padding-left: 0pt;
}
#component-list{
margin-top: 22pt;
}
#component-list li{
margin-bottom: 16pt;
display: flex;
flex-direction: column;
}
#component-list .imgfloatleft{
max-width: initial;
width: 140pt;
float: none;
margin-bottom: 0pt;
}
#component-list li:last-child .imgfloatleft{
width: 70pt;
}
#component-list a{
display: block;
order: 2;
}
+ .column1, .column2, .column3{
+ margin-bottom: 10pt;
+ margin-right: 0pt;
+ }
+
+ .column1, .column2, .column3,
+ .column1 img, .column2 img, .column3 img{
+ width: initial;
+ }
}
\ No newline at end of file
diff --git a/web/img/sc-kleopatra-mainwindow-openpgp-certificates_de.png b/web/img/sc-kleopatra-mainwindow-openpgp-certificates_de.png
new file mode 100644
index 00000000..2a45a5dd
Binary files /dev/null and b/web/img/sc-kleopatra-mainwindow-openpgp-certificates_de.png differ
diff --git a/web/index-de.htm4 b/web/index-de.htm4
index c5c7bc7d..cd10a774 100644
--- a/web/index-de.htm4
+++ b/web/index-de.htm4
@@ -1,55 +1,55 @@
m4_dnl -*-html-*-
m4_include(`template.m4')
m4_dnl $Id: index.htm4,v 1.30 2006/01/12 16:04:03 jan Exp $
m4_define(`DE')
m4_define(`EN_FILE', `index.html')
m4_define(`TITLE', `Sichere E-Mail- und Datei-Verschlüsselung mit GnuPG für Windows')
m4_define(`FANCY_HEADER')
PAGE_START
Gpg4win - eine sichere Lösung...
... zum Verschlüsseln und Signieren von E-Mails, Dateien und Ordnern unter Windows.
Gpg4win (GNU Privacy Guard for Windows) ist Freie Software und mit
nur wenigen Mausklicks installiert.
Starten Sie durch - in eine freie und sichere Zukunft!
+
+
+
Gpg4win kennen lernen
+
+ Entdecken Sie, was in Gpg4win steckt! Lernen Sie Gpg4win kennen und lassen Sie sich die Funktionen zeigen.
+
+
Über Gpg4win »
-
-
Gpg4win kennen lernen
-
-Entdecken Sie, was in Gpg4win steckt! Lernen Sie Gpg4win kennen und lassen Sie sich die Funktionen zeigen.
-
-
Über Gpg4win »
+
-
-
-
-
Erste Schritte
-
-Wir helfen Ihnen Gpg4win zum Einsatz zu bringen.
-Lernen Sie, wie einfach der Einstieg in die Kryptografie ist und
-beginnen Sie am besten mit dem Gpg4win-Kompendium!
-
-
Zum Gpg4win-Kompendium »
-
+
+
Erste Schritte
+
+ Wir helfen Ihnen Gpg4win zum Einsatz zu bringen.
+ Lernen Sie, wie einfach der Einstieg in die Kryptografie ist und
+ beginnen Sie am besten mit dem Gpg4win-Kompendium!
+
+
Zum Gpg4win-Kompendium »
+
-
-
diff --git a/web/index.htm4 b/web/index.htm4
index 11a3d4dc..ff0af483 100644
--- a/web/index.htm4
+++ b/web/index.htm4
@@ -1,59 +1,59 @@
m4_dnl -*-html-*-
m4_include(`template.m4')
m4_dnl $Id: index.htm4,v 1.30 2006/01/12 16:04:03 jan Exp $
m4_define(`EN')
m4_define(`DE_FILE', `index-de.html')
m4_define(`TITLE', `Secure email and file encryption with GnuPG for Windows')
m4_define(`FANCY_HEADER')
PAGE_START
Gpg4win - a secure solution...
... for file and email encryption.
Gpg4win (GNU Privacy Guard for Windows) is Free Software and
can be installed with just a few mouse clicks.
-
-
-
Discover Gpg4win
-
-Learn what Gpg4win is and read more about the features of our solution!
-
-
About Gpg4win »
+
+
+
Discover Gpg4win
+
+ Learn what Gpg4win is and read more about the features of our solution!
+
+
About Gpg4win »
+
+
+
+
Getting started
+
We help you to use Gpg4win. Learn the basics about Gpg4win and
+ get in the world of cryptography.
+ The best point to start is with the illustrative Gpg4win Compendium.
+
+
+ Go to the Gpg4win Compendium »
+
+
+
+
+
+
-
-
-
Getting started
-
We help you to use Gpg4win. Learn the basics about Gpg4win and
-get in the world of cryptography.
-The best point to start is with the illustrative Gpg4win Compendium.
-
-
-Go to the Gpg4win Compendium »
-
-
-
-
-
-
-
