web,tools: Add a list of recent donors
[gnupg-doc.git] / web / share / site.css
index 52634d2..9fb803d 100644 (file)
@@ -1,16 +1,11 @@
 /* site.css
  *
- * This code is provided "as is" with no warranty.  The exact terms
- * under which you may use and (re)distribute it are detailed
- * in the GNU General Public License, in the file COPYING.
- *
- * Copyright (C) 2002-2004 Free Software Foundation, Inc.
- *
- * Coding:
- *   Lorenzo Cappelletti <lolo@gnupg.org>, 2002-2004.
+ * This code is Copyright 1998--2013 The GnuPG Project and licensed
+ * under a Creative Commons Attribution-ShareAlike 3.0 Unported
+ * License.  See the file copying.org for details.
  */
 
-/* Color names as used by lolo:
+/*  Color names as used by lolo's old site design:
  *   gray              #5c6064
  *   lightblue         #d0dce8
  *   darkpurple        #784c6c
  *   grayedlightpurple #ebebf4
  */
 
+body {
+  background: #f0f0fc;
+  font-family: "Proxima Nova Regular","Segoe UI",Roboto,"Droid Sans","Helvetica Neue",Arial,sans-serif;
+  font-weight: 400;
+  height: 100%;
+}
+
 /*
- * General style
+div#wrapper {
+  background: transparent url(/share/email-envelope.png) top right no-repeat;
+}
+*/
+
+div#wrapper,
+div#footer {
+    max-width: 850px;
+    margin: auto;
+}
+
+
+h1,
+h2,
+h3 {
+  color: #000;
+  font-family: "Helvetica Neue",Arial,sans-serif;
+  font-weight: bold;
+  font-variant: small-caps;
+  letter-spacing: 0.1em;
+}
+
+h1,
+h2 {
+  font-size: x-large;
+}
+
+h3 {
+       font-size: 1em;
+}
+
+
+/*
+   Links
  */
 
-A:link {
-  color: #784c6c;
+
+a:link {
+/*  color: #784c6c;*/
   font-weight: bold;
   text-decoration: none;
 }
 
-A:hover {
+a:hover {
   background-color: #d0dce8;
   font-weight: bold;
   text-decoration: none;
 }
 
-A:visited {
-  color: #5c6064;
+a:visited {
+/*  color: #5c6064; */
   font-weight: bold;
   text-decoration: none;
 }
 
-A.img:hover {
+a.img:hover {
   background-color: #f0f0fc;
 }
 
 
-BLOCKQUOTE {
-  border: 1px solid black;
-  padding: 1em;
+/*
+   Raise attention
+ */
+
+li.important,
+span.important {
+  color: red;
 }
 
+div.urgent {
+  width: 85%;
+  text-align: center;
+  border: solid red;
+  font-weight: bold;
+}
 
-BODY {
-  margin-left: 0px;
-  margin-right: 0px;
-  text-align: left;
-  color: black;
-  background-color: #f0f0fc;
-  font-family: sans-serif;
-  font-weight: normal;
-  text-decoration: none;
+.ii {
+  display: none !important;
 }
 
 
-DD {
-  padding-bottom: 1em;
+/*
+   Other elements as commonly used by org-mode
+ */
+p {
+  margin-top: 1%;
 }
 
 
-H1,
-H2 {
-  font-size: large;
+img {
+    border-width: 0;
 }
 
-H1:first-letter,
-H2:first-letter {
-  font-size: x-large;
+img.lfloat {
+    float: left;
+    margin-right: 1em;
 }
 
-H3:first-letter {
-  font-size: large;
+img.rfloat {
+    float: right;
+    margin-left: 1em;
 }
 
-H1,
-H2,
-H3 {
-  color: #5c6064;
-  font-weight: bold;
-  font-variant: small-caps;
-  letter-spacing: 0.1em;
+.correction
+{
+    color: #ff0000;
 }
 
-H1:first-letter,
-H2:first-letter,
-H3:first-letter {
-  color: #784c6c;
+div.entry-qotd P
+{
+  padding-left: 20%;
+  margin-bottom: 0;
+}
+
+div.entry-qotd
+{
+  margin-bottom: 3%;
 }
 
 
-IMG {
-  border: none;
+.example {
+    overflow: auto;
 }
 
 
-LI.important {
-  color: red;
+#kicker {
+    padding-top: 5%;
+    font-size: 125%;
+    border-bottom: 3px #FFb580 solid;
+    font-family: verdana,helvetica;
+    margin-bottom: 2%;
 }
 
 
-P.out-of-date {
-  font-style: italic;
-  font-size: small;
+
+#header {
+    background: transparent;
+    height: 150px;
+    padding: 0px;
 }
 
+#header a.logo img {
+       height: 120px;
+}
+#header a.logo:hover img {
+    background: transparent;
+    opacity: 0.4;
+    filter: alpha(opacity=40); /* For IE8 and earlier */
+}
+#header a,
+#header a:hover {
+       background: transparent;
+}
 
-PRE,
-DIV.samp {
-  background-color: #ebebf4;
-  margin: 1em;
-  border: 1px solid black;
-  padding: 1em;
-  font-size: small;
+#cornerImage {
+    width: 128px;
+    height: 130px;
+    margin-top: -7.5em;
+    margin-left: 82%;
+    padding: 0;
+    padding-right: 2%;
 }
 
 
-SPAN.important {
-  color: red;
+/*
+   Navigation
+ */
+
+/* Reset the link attributes for nav except for hover  */
+nav a:visited,
+a:link {
+    color: #757575;
+    font-weight: bold;
+    text-decoration: none;
 }
 
+nav ul,
+ul ul.sub-menu {
+    margin: 0;
+    padding: 0;
+    z-index: 5;
+}
 
-DIV.urgent {
-  width: 85%;
-  text-align: center;
-  border: solid red;
-  font-weight: bold;
+nav ul {
+    box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
+    padding: 0 20px;
+    border-radius: 10px;
+    background: #efefef;
+    list-style: none;
+}
+
+
+nav ul li,
+ul ul.sub-menu li {
+    list-style-type: none;
+    display: inline-block;
+}
+
+
+/*Link Appearance*/
+nav ul li a,
+ul li ul.sub-menu li a {
+    text-decoration: none;
+    color: #fff;
+    padding: 10px;
+    display:inline-block;
+}
+
+/*Make the parent of sub-menu relative*/
+nav ul li {
+    position: relative;
+}
+
+/*sub menu*/
+nav ul li ul.sub-menu {
+    display:none;
+}
+nav ul li:hover ul.sub-menu {
+    display:block;
+    background: #5f6975;
+    color: #fff;
+    z-index: 99;
+    border-radius: 0px;
+    position: absolute;
+    top: 41px;
+    left: 0;
+}
+nav ul ul li {
+    border-bottom: 1px solid #575f6a;
+    position: relative;
+    width: 100%;
 }
 
+nav ul ul li a {
+    display:block !important;
+}
+
+nav ul ul li a:hover {
+    background: #4b545f;
+}
+
+
+/* The second menu line for stop menu with sub-menus.
+   This is a non-nested list.  */
+nav.subnav {
+    margin-top: 1.5em;
+}
+
+nav.subnav ul {
+    display: inline-table;
+    list-style: none;
+    color: #757575;
+    position: relative;
+    box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
+    border-radius: 6px;
+    background-color: #efefef;
+}
+
+nav.subnav ul li a {
+    display: block;
+    font-weight: normal;
+    text-decoration: none;
+    padding: 0 30px 0 10px;
+}
+
+nav * li a.selected {
+    color: #0093DD;
+}
 
 
 /*
- * Invisible layout table
+    The bottom menu
  */
 
-TABLE.layout {
-  background-color: transparent;
-  border-collapse: separate;
-  border: none;
+#nav_bottom ul {
+    list-style: none;
+    padding-left: 0;
+    margin-left: 0;
+    float: left;
 }
 
+#nav_bottom li {
+    float: left;
+    padding-right: 3em;
+}
 
-TD.layout {
-  /* Change `none' to `dotted' to see the layout table */
-  border: 1px none black;
-  padding: 0px;
-  text-align: right;
-  vertical-align: top;
+#nav_bottom p {
+    clear: left;
+    padding-top: 1em;
 }
 
+#nav_bottom a {
+    clear: left;
+    font-variant: normal;
+}
 
 
 /*
- * Frame with Borders
+   Other stuff
  */
 
-TABLE.frame {
-  background-color: transparent;
-  border-collapse: collapse;
-  /* Change `none' to `dotted' to see the layout table */
-  border: 1px none black;
+main {
 }
 
-
-TD.frame-right {
-  border-left: 2px solid #784c6c;
+main ul {
+    list-style: square;
+    padding-left: 0;
+    margin-left: 1em;
 }
 
+div#content {
+  background-color: #fff;
+  margin-top: 1em;
+  padding: 1em;
+  box-shadow: 0 1px 1px rgba(154,170,207,0.1);
+}
 
-TD.frame-bottom,
-TD.frame-bottom-lang,
-TD.frame-bottom-mirror {
-  color: #5c6064;
-  border-top: 2px solid #5c6064;
-  text-align: left;
-  font-size: small;
-  font-weight: bold;
+div#content a,
+div#footer a {
+  color: #0093DD !important;
 }
 
-TD.frame-bottom-lang,
-TD.frame-bottom-mirror {
-  font-size: x-small;
+div.outline-text-2 {
+  margin: 0;
+  padding: 0.5em 0.5em 0 0;
+  border-top: 2px solid #DEECF9;
+  border-right: 2px solid #DEECF9;
 }
 
-TD.frame-bottom-mirror {
-  text-align: right;
+div.outline-text-3 {
+  padding-top: 3px;
+  padding-right: 3px;
+  border-top: 1px solid #E2EEFA;
+  border-right: 1px solid #E2EEFA;
 }
 
+div.outline-text-2,
+div.outline-text-3 {
+  margin-bottom: 2em;
+}
 
-TD.frame-corner {
-  border-top:  2px solid #5c6064;
-  border-left: 2px solid #784c6c;
+div.outline-text-3,
+div > h3 {
+  margin-left: 1em;
 }
 
+h2,
+h3 {
+  margin-bottom: 0;
+  padding-bottom: 0;
+}
 
-TD.frame-spacing {
-  border: none;
-  height: 30px;
+h3 {
+  font-size: 1em;
 }
 
+/* Not anymore used:
+#rightColumn {
+    float: right;
+    width: 18%;
+    margin-left: 5%;
+    margin-right: 2%;
+    margin-top: 2%;
+}
 
+#rightColumn ul {
+    list-style: square;
+    padding-left: 0;
+    margin-left: 1em;
+}
+*/
 
-/*
- * Head Frame
- */
+.morelink {
+    font-size: smaller;
+    font-variant: normal;
+    font-weight: normal;
+    text-decoration: none;
+}
 
-TD.frame-head {
-  padding: 0px 0px 1em 0px;
-  border: none;
-  text-align: center;
-  vertical-align: middle;
-  font-size: large;
-  font-variant: small-caps;
-  font-weight: bold;
-  letter-spacing: 0.3em;
+.morelink:after {
+    content: "{more}";
 }
 
-TD.frame-head-blockquote {
-  padding: 0px 1em 1em 1em;
-  border-bottom: 2px solid #5c6064;
-  vertical-align: middle;
-  font-family: sans-serif;
-  text-align: center;
-  text-decoration: none;
-  font-size: x-small;
-  font-variant: small-caps;
-  letter-spacing: 0.3em;
+
+#cpyright {
+    padding-top: 4em;
 }
 
+#smallnote {
+    font-size: 0.8em;
+}
 
-SPAN.g {
-  color: #784c6c;
-  font-size: x-large;
+#footer {
+    border-top: 2px solid #5c6064;
+    margin-top: 5em;
+    margin-left: 5%;
+    margin-right: 5%;
+    clear: both;
+    font-size: 0.8em;
 }
 
 
-SPAN.nu {
-  color: #784c6c;
+#checkoutSummary {
+    background-color: #f0f0f0;
 }
 
 
-SPAN.pg {
-  color: #5c6064;
-  font-size: x-large;
+.articleRight {
+    float: right;
+    padding: 2%;
+}
+
+pre {
+    border: thin black solid;
+    background-color: #efefef;
+    padding: 0.5em;
+    overflow: auto;
 }
 
+/* Classes used by makeinfo (manuals).  */
 
-A.lang {
-  font-size: x-small;
+pre.display {
+    font-family:inherit;
+}
+pre.format {
+    font-family:inherit;
+}
+pre.smalldisplay {
+    font-family:inherit;
+    font-size:smaller;
+}
+pre.smallformat {
+    font-family:inherit;
+    font-size:smaller;
+}
+pre.smallexample {
+    font-size:smaller;
+}
+pre.smalllisp {
+    font-size:smaller;
 }
 
-A.lang:visited {
-  color: #784c6c;
+span.sc {
+    font-variant:small-caps;
+}
+span.roman {
+    font-family:serif;
+    font-weight:normal;
+}
+span.sansserif {
+    font-family:sans-serif;
+    font-weight:normal;
 }
 
 
+/* Table stuff */
 
-/*
- * Navigation Bar Frame
- */
+th.left {
+    text-align:center;
+}
 
-TD.frame-navb {
-  padding: 0px 0.3em 0.5em 0.3em;
-  text-align: left;
-  font-size: small;
+th.center {
+    text-align:center;
 }
 
-UL.frame-navb {
-  margin: 0px;
-  margin-left: 1em;
-  padding-left: 1em;
+th.right {
+    text-align:center;
 }
 
-UL.frame-navb:first-line {
-  margin: 0px;
-  padding-left: 1em;
+td.left   {
+    text-align:left;
 }
 
-LI.frame-navb {
+td.center {
+    text-align:center;
 }
 
+td.right  {
+    text-align:right;
+}
 
 
-/*
- * Contents Frame
- */
+/* Tag cloudlist.  */
 
-TD.frame-cont {
-  padding: 0px 1em 1.5em 1em;
-  text-align: left;
-  vertical-align: top;
+#tagcloudlist ul {
+    list-style: none;
+    float: left;
 }
 
+#tagcloudlist li {
+    float: left;
+    line-height: 130%;
+    font-variant: small-caps;
+    padding-right: 1em;
+}
 
+#tagcloudlist li:before  {
+    content: "\00bb\00a0";
+}
 
-/*
- * Foot Frame
- */
+#tagcloudlist p {
+   clear: left;
+   padding-top: 1em;
+   font-size: 0.8em;
+}
 
-DIV.frame-foot {
-  text-align: center;
-  font-size: x-small;
-  color: #5c6064;
+#tagcloudlist p.doclear {
+   clear: left;
+   padding-top: 0;
+   padding-bottom: 0;
+   margin-top: 0;
+   margin-bottom: 0;
 }
 
-A.foot:link {
-  color: #5c6064;
-  font-size: x-small;
-  font-weight: normal;
-  text-decoration: underline;
+#tagcloudlist a {
+   font-variant: normal;
+   font-size: 0.8em;
 }
 
-A.foot:visited {
-  color: #5c6064;
-  font-size: x-small;
-  font-weight: normal;
-  text-decoration: underline;
+
+/* A box of logos.  */
+
+.logobox p {
+  margin-top: 20px;
 }
 
-A.foot:hover {
-  font-size: x-small;
-  font-weight: normal;
+.logobox img {
+    margin-right: 20px;
 }
 
 
+/* Donation stuff. */
+
+.buttonbox {
+    margin-top: 20px;
+    margin-bottom: 20px;
+    float: none;
+}
+
+.donate-button {
+    overflow: hidden;
+    display: inline-block;
+    background-image: linear-gradient(#28A0E5, #015E94);
+    border: 0px none;
+    padding: 1px;
+    text-decoration: none;
+    border-radius: 5px;
+    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
+    cursor: pointer;
+    line-height: 30px;
+    font-size: 14px;
+    font-weight: bold;
+    color: #fff;
+    float: left;
+    margin-right: 20px;
+    margin-bottom: 20px;
+}
+
+.donate-button-low {
+    overflow: hidden;
+    display: inline-block;
+    background-image: linear-gradient(#28A0E5, #015E94);
+    border: 0px none;
+    text-decoration: none;
+    border-radius: 4px;
+    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
+    cursor: pointer;
+    line-height: 20px;
+    font-size: 14px;
+    font-weight: bold;
+    color: #fff;
+    float: left;
+    margin-right: 20px;
+    margin-bottom: 20px;
+    margin-top: 5px;
+}
+
+
+
 /* EOF */
\ No newline at end of file