Updated TDE style files for libtdepim, akregator, kmail.

10 years ago · 2294e0725a
parent 1f660b6edc
commit 2294e0725a
35 changed files with 160 additions and 46 deletions
--- a/akregator/src/about/main.html
+++ b/akregator/src/about/main.html
@ -22,6 +22,7 @@
 <body>
  <div id="header">
    <div id="headerL"/>
+    <div id="headerCenter"/>
    <div id="headerR"/>

    <div id="title">
--- a/akregator/src/about/top-right-akregator.png
+++ b/akregator/src/about/top-right-akregator.png
--- a/kmail/about/CMakeLists.txt
+++ b/kmail/about/CMakeLists.txt
@ -10,5 +10,8 @@
 #################################################

 install( FILES
-    top-right-kmail.png main.html kmail.css
+    box-center.png
+    kmail.css
+    main.html
+    top-right-kmail.png
  DESTINATION ${DATA_INSTALL_DIR}/kmail/about )
--- a/kmail/about/Makefile.am
+++ b/kmail/about/Makefile.am
@ -1,6 +1,8 @@
 about_DATA = \
-	top-right-kmail.png \
+	box-center.png \
+	kmail.css \
 	main.html \
-	kmail.css
+	top-right-kmail.png
+	

 aboutdir = $(kde_datadir)/kmail/about
--- a/kmail/about/box-center.png
+++ b/kmail/about/box-center.png
--- a/kmail/about/kmail.css
+++ b/kmail/about/kmail.css
@ -8,17 +8,16 @@
 }

 #title {
-  right: 125px;
+  left: 145px;
 }

 #tagline {
-  right: 125px;
+  left: 135px;
 }

 #boxCenter {
-  background-image: url(box-center-kmail.png);
+  background-image: url(box-center.png);
  background-repeat: no-repeat;
-  background-color: #dfe7f3;
  background-position: bottom right;
 }

--- a/kmail/about/main.html
+++ b/kmail/about/main.html
@ -22,6 +22,7 @@
 <body>
  <div id="header">
    <div id="headerL"/>
+    <div id="headerCenter"/>
    <div id="headerR"/>

    <div id="title">
--- a/kmail/about/top-right-kmail.png
+++ b/kmail/about/top-right-kmail.png
--- a/libtdepim/about/CMakeLists.txt
+++ b/libtdepim/about/CMakeLists.txt
@ -1,6 +1,6 @@
 #################################################
 #
-#  (C) 2010-2011 Serghei Amelian
+#  (C) 2010 Serghei Amelian
 #  serghei (DOT) amelian (AT) gmail.com
 #
 #  Improvements and feedback are welcome
@ -9,11 +9,21 @@
 #
 #################################################

+##### other data ################################
+
 install( FILES
-    bar-bottom-left.png bar-top-right.png bar-bottom-middle.png bottom-left.png
-    box-middle-left.png top-left.png bar-bottom-right.png bottom-middle.png
-    box-middle-right.png top-middle.png bar-middle-left.png bottom-right.png
-    box-top-left.png bar-middle-right.png box-bottom-left.png box-top-middle.png
-    bar-top-left.png box-bottom-middle.png box-top-right.png bar-top-middle.png
-    box-bottom-right.png kde_infopage.css kde_infopage_rtl.css
+  back.png
+  box-bottom-left.png
+  box-bottom-middle.png
+  box-bottom-right.png
+  box-center.png
+  box-middle-left.png
+  box-middle-right.png
+  box-top-left.png
+  box-top-middle.png
+  box-top-right.png
+  top-left.png
+  top-middle.png
+  kde_infopage.css
+  kde_infopage_rtl.css
  DESTINATION ${DATA_INSTALL_DIR}/libtdepim/about )
--- a/libtdepim/about/Makefile.am
+++ b/libtdepim/about/Makefile.am
@ -1,9 +1,17 @@

-tdepim_infopage_datadir = $(kde_datadir)/libtdepim/about
-tdepim_infopage_data_DATA = \
-	bar-bottom-left.png    bar-top-right.png      bar-bottom-middle.png  bottom-left.png \
-	box-middle-left.png    top-left.png           bar-bottom-right.png   bottom-middle.png \
-	box-middle-right.png   top-middle.png         bar-middle-left.png    bottom-right.png \
-	box-top-left.png       bar-middle-right.png   box-bottom-left.png    box-top-middle.png \
-	bar-top-left.png       box-bottom-middle.png  box-top-right.png      bar-top-middle.png \
-	box-bottom-right.png   kde_infopage.css       kde_infopage_rtl.css
+kde_infopage_datadir = $(kde_datadir)/libtdepim/about
+kde_infopage_data_DATA = \
+	back.png \
+  box-bottom-left.png \
+  box-bottom-middle.png \
+  box-bottom-right.png \
+  box-center.png \
+  box-middle-left.png \
+  box-middle-right.png \
+  box-top-left.png \
+  box-top-middle.png \
+  box-top-right.png \
+  top-left.png \
+  top-middle.png \
+  kde_infopage.css \
+  kde_infopage_rtl.css
--- a/libtdepim/about/back.png
+++ b/libtdepim/about/back.png
--- a/libtdepim/about/bar-bottom-left.png
+++ b/libtdepim/about/bar-bottom-left.png
--- a/libtdepim/about/bar-bottom-middle.png
+++ b/libtdepim/about/bar-bottom-middle.png
--- a/libtdepim/about/bar-bottom-right.png
+++ b/libtdepim/about/bar-bottom-right.png
--- a/libtdepim/about/bar-middle-left.png
+++ b/libtdepim/about/bar-middle-left.png
--- a/libtdepim/about/bar-middle-right.png
+++ b/libtdepim/about/bar-middle-right.png
--- a/libtdepim/about/bar-top-left.png
+++ b/libtdepim/about/bar-top-left.png
--- a/libtdepim/about/bar-top-middle.png
+++ b/libtdepim/about/bar-top-middle.png
--- a/libtdepim/about/bar-top-right.png
+++ b/libtdepim/about/bar-top-right.png
--- a/libtdepim/about/bottom-left.png
+++ b/libtdepim/about/bottom-left.png
--- a/libtdepim/about/bottom-middle.png
+++ b/libtdepim/about/bottom-middle.png
--- a/libtdepim/about/bottom-right.png
+++ b/libtdepim/about/bottom-right.png
--- a/libtdepim/about/box-bottom-left.png
+++ b/libtdepim/about/box-bottom-left.png
--- a/libtdepim/about/box-bottom-middle.png
+++ b/libtdepim/about/box-bottom-middle.png
--- a/libtdepim/about/box-bottom-right.png
+++ b/libtdepim/about/box-bottom-right.png
--- a/libtdepim/about/box-center.png
+++ b/libtdepim/about/box-center.png
--- a/libtdepim/about/box-middle-left.png
+++ b/libtdepim/about/box-middle-left.png
--- a/libtdepim/about/box-middle-right.png
+++ b/libtdepim/about/box-middle-right.png
--- a/libtdepim/about/box-top-left.png
+++ b/libtdepim/about/box-top-left.png
--- a/libtdepim/about/box-top-middle.png
+++ b/libtdepim/about/box-top-middle.png
--- a/libtdepim/about/box-top-right.png
+++ b/libtdepim/about/box-top-right.png
--- a/libtdepim/about/kde_infopage.css
+++ b/libtdepim/about/kde_infopage.css
@ -1,10 +1,12 @@

 /*
- * text styles
+ * text styles TDE 3.5.13.2
 */

 img {margin: 0px; padding: 0px}
-body {margin: 0px; padding: 0px; background-color: #418ade;}
+body {margin: 0px; padding: 0px; background-color: #418ade; background-image: url(back.png); -khtml-background-size: 100%; color: #111111; height="100%"; width="100%" }
+
+
 .bar_text a {color: #008;}

 #subtext {
@ -23,8 +25,6 @@ body {margin: 0px; padding: 0px; background-color: #418ade;}
 */

 #header {
-  background-image: url(top-middle.png);
-  width: 100%;
  height: 131px;
 }

@ -37,34 +37,45 @@ body {margin: 0px; padding: 0px; background-color: #418ade;}
  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: 63px;
-  right: 100px;
+  top: 65px;
+  left: 140px;
  margin-top: -1em;
-  text-align: right;
+  text-align: left;
  font-size: xx-large;
  font-weight: bold;
-  text-shadow: #fff 0px 0px 5px;
-  color: #444;
+  text-shadow: #000000 1px 1px 5px;
+  color: #fff;
  z-index: 5;
 }

 #tagline {
  position: absolute;
-  top: 70px;
-  right: 100px;
-  text-align: right;
+  top: 67px;
+  left: 140px;
+  text-align: left;
  font-size: large;
  font-weight: bold;
-  text-shadow: #fff 0px 0px 5px;
-  color: #444;
+  text-shadow: #000000 1px 1px 1px;
+  color: #fff;
  z-index: 5;
 }

@ -73,20 +84,95 @@ body {margin: 0px; padding: 0px; background-color: #418ade;}
 */

 #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%;
-  background-color: #5babe5;
-  padding-top: 0.5ex;
-  border-bottom: 1px solid black;
-  padding-bottom: 0.5ex;
+  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;
@ -116,9 +202,10 @@ body {margin: 0px; padding: 0px; background-color: #418ade;}
 }

 #barCenter li:not(:first-child):before { /* Aren't css3 selectors great? */
-  content: " · ";
+  content: " \0387  ";
 }

+
 /*
 * the main box
 */
@ -155,19 +242,21 @@ body {margin: 0px; padding: 0px; background-color: #418ade;}
  margin-left: 25px;
  margin-right: 25px;
  background-image: url(box-top-middle.png);
-  background-repeat: repeat-x;
+  -khtml-background-size: 100%;
 }

 #boxL {
  background-image: url(box-middle-left.png);
  background-repeat: repeat-y;
  background-position: left;
-  padding-left: 20px;
+  padding-left: 25px;
 }

 #boxCenter {
-  background-color: #dfe7f3;
+  background-image: url(box-center.png);
  background-position: center;
+  background-repeat: no-repeat;
+  -khtml-background-size: 100%;
  text-align: left;
 }

@ -175,7 +264,7 @@ body {margin: 0px; padding: 0px; background-color: #418ade;}
  background-image: url(box-middle-right.png);
  background-repeat: repeat-y;
  background-position: right;
-  padding-right: 20px;
+  padding-right: 25px;
 }

 #boxB {
@ -202,7 +291,8 @@ body {margin: 0px; padding: 0px; background-color: #418ade;}
  margin-left: 25px;
  margin-right: 25px;
  background-image: url(box-bottom-middle.png);
-  background-repeat: repeat-x;
+  -khtml-background-size: 100%;
+  background-repeat: no-repeat;
 }

 /*
--- a/libtdepim/about/kde_infopage_rtl.css
+++ b/libtdepim/about/kde_infopage_rtl.css
--- a/libtdepim/about/top-left.png
+++ b/libtdepim/about/top-left.png
--- a/libtdepim/about/top-middle.png
+++ b/libtdepim/about/top-middle.png