1 files changed, 326 insertions, 0 deletions
diff --git a/data/about/kde_infopage.css b/data/about/kde_infopage.css
new file mode 100644
index 00000000..93452a7d
--- /dev/null
+++ b/data/about/kde_infopage.css
@@ -0,0 +1,326 @@
+/*
+ * text styles TDE 14.0.0
+ */
+
+img {margin: 0px; padding: 0px}
+body {margin: 0px; padding: 0px; background-color: #003070; background-image: url(back.png); -khtml-background-size: 100%; color: #111111; height="100%"; width="100%" }
+
+
+.bar_text a {color: #008;}
+
+#subtext {
+    font-size: 10pt;
+    font-style: italic;
+}
+
+#nextlink {
+    margin-bottom: 0px;
+    text-align: right;
+    font-size: 10pt;
+}
+
+/*
+ * the header
+ */
+
+#header {
+  height: 131px;
+}
+
+#headerL {
+  position: absolute;
+  background-image: url(top-left.png);
+  left: 0px;
+  height: 131px;
+  width: 147px;
+  z-index: 1;
+}
+
+#headerCenter {
+  background-image: url(top-middle.png);
+  width: 100%;
+  position:absolute;
+  right:430px;
+  top:0px;
+   height: 131px;
+}
+
+#headerR {
+  position: absolute;
+  top:0px;
+  right: 0px;
+}
+
+
+/* title and tagline are part of the header diff */
+#title {
+  position: absolute;
+  top: 65px;
+  left: 140px;
+  margin-top: -1em;
+  text-align: left;
+  font-size: xx-large;
+  font-weight: bold;
+  text-shadow: #000000 1px 1px 5px;
+  color: #fff;
+  z-index: 5;
+}
+
+#tagline {
+  position: absolute;
+  top: 67px;
+  left: 140px;
+  text-align: left;
+  font-size: large;
+  font-weight: bold;
+  text-shadow: #000000 1px 1px 1px;
+  color: #fff;
+  z-index: 5;
+}
+
+/*
+ * the nav bar
+ */
+
+#bar {
+  width: 90%;
+  margin-left: 5%;
+  margin-right: 5%;
+  margin-top: 10px;
+  margin-bottom: 10px;
+  
+}
+
+#barT {
+  width: 100%;
+  height: 22px;
+}
+
+#barTL {
+  width: 25px;
+  height: 22px;
+  float: left;
+  background-image: url(box-top-left.png);
+}
+
+#barTR {
+  width: 25px;
+  height: 22px;
+  float: right;
+  background-image: url(box-top-right.png);
+}
+
+#barTC {
+  height: 22px;
+  margin-left: 25px;
+  margin-right: 25px;
+  background-image: url(box-top-middle.png);
+  -khtml-background-size: 100%;
+}
+
+#barL {
+  background-image: url(box-middle-left.png);
+  background-repeat: repeat-y;
+  background-position: left;
+  padding-left: 25px;
+}
+
+#barR {
+  background-image: url(box-middle-right.png);
+  background-repeat: repeat-y;
+  background-position: right;
+  padding-right: 25px;
+}
+
+#barB {
+  width: 100%;
+  height: 22px;
+}
+
+#barBL {
+  width: 25px;
+  height: 22px;
+  float: left;
+  background-image: url(box-bottom-left.png);
+}
+
+#barBR {
+  width: 25px;
+  height: 22px;
+  float: right;
+  background-image: url(box-bottom-right.png);
+}
+
+#barBC {
+  height: 22px;
+  margin-left: 25px;
+  margin-right: 25px;
+  background-image: url(box-bottom-middle.png);
+  -khtml-background-size: 100%;
+  background-repeat: no-repeat;
+}
+
+#barCenter {
+  background-image: url(box-center.png);
+  background-position: center;
+  background-repeat: no-repeat;
+  -khtml-background-size: 100%;
+  text-align: center;
+  color: #282828;
+  font-weight: bold;
+  font-size: small;
+}
+
+
+#barCenter a.selected, #barCenter a.selected:hover {
+  color: #282828;
+  text-decoration: none;
+  text-shadow: #fff 0px 0px 5px;
+}
+
+
+#barCenter li a:link, #barCenter li a:visited, #barCenter li a:active {
+  color: #282828;
+  text-decoration: none;
+  text-shadow: none;
+}
+
+#barCenter li a:hover {
+  color: #282828;
+  text-decoration: none;
+  text-shadow: #fff 0px 0px 6px;
+}
+
+#barCenter ul {
+  margin: 0;
+  padding: 0;
+}
+
+#barCenter li {
+  display: inline;
+}
+
+#barCenter li:not(:first-child):before { /* Aren't css3 selectors great? */
+  content: " \0387  ";
+}
+
+
+/*
+ * the main box
+ */
+
+#box {
+  width: 90%;
+  margin-left: 5%;
+  margin-right: 5%;
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
+
+#boxT {
+  width: 100%;
+  height: 22px;
+}
+
+#boxTL {
+  width: 25px;
+  height: 22px;
+  float: left;
+  background-image: url(box-top-left.png);
+}
+
+#boxTR {
+  width: 25px;
+  height: 22px;
+  float: right;
+  background-image: url(box-top-right.png);
+}
+
+#boxTC {
+  height: 22px;
+  margin-left: 25px;
+  margin-right: 25px;
+  background-image: url(box-top-middle.png);
+  -khtml-background-size: 100%;
+}
+
+#boxL {
+  background-image: url(box-middle-left.png);
+  background-repeat: repeat-y;
+  background-position: left;
+  padding-left: 25px;
+}
+
+#boxCenter {
+  background-image: url(box-center.png);
+  background-position: center;
+  background-repeat: no-repeat;
+  -khtml-background-size: 100%;
+  text-align: left;
+}
+
+#boxR {
+  background-image: url(box-middle-right.png);
+  background-repeat: repeat-y;
+  background-position: right;
+  padding-right: 25px;
+}
+
+#boxB {
+  width: 100%;
+  height: 22px;
+}
+
+#boxBL {
+  width: 25px;
+  height: 22px;
+  float: left;
+  background-image: url(box-bottom-left.png);
+}
+
+#boxBR {
+  width: 25px;
+  height: 22px;
+  float: right;
+  background-image: url(box-bottom-right.png);
+}
+
+#boxBC {
+  height: 22px;
+  margin-left: 25px;
+  margin-right: 25px;
+  background-image: url(box-bottom-middle.png);
+  -khtml-background-size: 100%;
+  background-repeat: no-repeat;
+}
+
+/*
+ * the footer
+ */
+
+#footer {
+  position: fixed;
+  background-image: url(bottom-middle.png);
+  width: 100%;
+  height: 100px;
+  z-index: -2;
+  bottom:0;
+}
+
+#footerL {
+  position: fixed;
+  background-image: url(bottom-left.png);
+  left: 0px;
+  width: 155px;
+  height: 100px;
+  z-index: -2;
+}
+
+#footerR {
+  position: fixed;
+  background-image: url(bottom-right.png);
+  right: 0px;
+  width: 429px;
+  height: 100px;
+  z-index: -1;
+}