[planet-web] Import generic.css and layout.css for gnome-es

[Bartłomiej Piotrowski <bpiotrowski src gnome org>]

commit 4070ae4bb208b83cd8169701daf18c64b0aea713
Author: Bartłomiej Piotrowski <bpiotrowski gnome org>
Date:   Wed Jan 29 15:51:13 2020 +0100

    Import generic.css and layout.css for gnome-es

 web/gnome-es/generic.css |  58 ++++++++++++++++++
 web/gnome-es/layout.css  | 155 +++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 213 insertions(+)
---
diff --git a/web/gnome-es/generic.css b/web/gnome-es/generic.css
new file mode 100644
index 0000000..03332f1
--- /dev/null
+++ b/web/gnome-es/generic.css
@@ -0,0 +1,58 @@
+/* Basic tags */
+a img {
+       border: 0px;
+}
+
+pre {
+       overflow: auto;
+}
+
+/* Anchors */
+a {
+       color: #6e7e97;
+       text-decoration: none;
+}
+
+a:visited {
+       color: #357e97;
+}
+
+a:active {
+       color: #000000;
+}
+
+a:hover {
+       color: #6e7e97;
+       text-decoration: underline;
+}
+
+/* Basic classes */
+
+.none { /* to add paragraph spacing to various elements for ttys */
+       margin: 0px;
+       padding: 0px;
+}
+
+.invisible { /* stuff that should appear when this css isn't used */
+       margin: 0px;
+       border: 0px;
+       padding: 0px;
+       height: 0px;
+       visibility: hidden;
+}
+
+.left {
+       margin: 10px;
+       padding: 0px;
+       float: left;
+}
+
+.right {
+       margin: 10px;
+       padding: 0px;
+       float: right;
+}
+
+.center {
+       text-align: center;
+}
diff --git a/web/gnome-es/layout.css b/web/gnome-es/layout.css
new file mode 100644
index 0000000..ab86c62
--- /dev/null
+++ b/web/gnome-es/layout.css
@@ -0,0 +1,155 @@
+/* body */
+
+body {
+       margin: 0px;
+       background-color: #fff;
+       color: #000;
+}
+
+/* header */
+
+#banner {
+       background: url('img/hdr-planet.jpg') no-repeat;
+       background-color: #657da2; 
+       background-position: right;
+       border-bottom: 1px solid #ffc333;
+       height: 48px;
+}
+
+#logo {
+       position: absolute;
+       top: 10px;
+       left: 10px;
+       background: url('img/gnome-64.png') no-repeat;
+       width: 68px;
+       height: 68px;
+}
+
+#logo img {
+       border: 0px;
+       width: 64px;
+       height: 64px;
+}
+
+#title {
+       position: absolute;
+       top: 12px;
+       left: 85px;
+}
+
+#title a {
+       color: #fff;
+       font-size: 140%;
+       font-family: verdana;
+}
+
+#title a:hover {
+       text-decoration: none;
+}
+
+
+#hdrNav {
+       margin-top: 6px;
+       margin-left: 84px;
+       margin-right: 190px;
+       padding-right: 3em;
+       font-size: small;
+}
+
+#hdrNav a {
+       color: #000000;
+}
+
+#hdrNav a:hover {
+       text-decoration: none;
+}
+
+#body {
+       margin: 0 190px 0 0; 
+       padding: 1.5em 3em 0em 1em; 
+}
+
+#body *:first-child {
+       margin-top: 0;
+}
+
+#date {
+       height: 28px;
+/*     background-color: #efebe7; */
+/*     border: 1px solid; */
+/*     border-color: #ffc333; */
+       margin-bottom: 10px;
+}
+
+
+#copyright {
+       clear: both;
+       padding-bottom: 1em;
+       text-align: center;
+       font-size: small;
+       color: #aaaaaa;
+}
+
+#copyright a {
+       color: #aaaaff;
+}
+
+#copyright a:visited {
+       color: #ffaaaa;
+}
+
+
+/* SIDEBAR */
+
+#sidebar {
+       position: absolute;
+       top: 49px;
+       right: 0px;
+       /*width: 210px;*/
+/*     border-left: 1px solid #ffc333; */
+/*     background-color: #eeeeee; */
+/*     background-color: #efebe7; */
+       color: black;
+}
+
+#sidebar div.section {
+       width: 190px;
+       padding: 1em;
+/*     border-top: 1px solid #000; */
+/*     border-bottom: 1px solid #ffc333; */
+}
+
+#sidebar div.section h3 {
+       text-align: center; 
+       background-color: #efebe7;
+       border: 1px solid #657da2;
+       font-weight: bold;
+       font-size: 110%;
+       color: #657da2;
+}
+
+#sidebar *:first-child {
+       margin-top: 0;
+}
+
+#sidebar *:last-child {
+       margin-bottom: 0;
+}
+
+#sidebar div.section ul {
+       padding: 0;
+       list-style-type: none;
+}
+
+#sidebar div.section ul ul {
+       padding-left: 1.5em;
+       list-style-type: square;
+}
+
+#sidebar div.section p {
+       font-size: small;
+}
+
+#sidebar div.section a {
+       color: #657da2;
+}