diff options
Diffstat (limited to 'kdeui/about')
25 files changed, 323 insertions, 0 deletions
diff --git a/kdeui/about/Makefile.am b/kdeui/about/Makefile.am new file mode 100644 index 000000000..6bff21130 --- /dev/null +++ b/kdeui/about/Makefile.am @@ -0,0 +1,9 @@ + +kde_infopage_datadir = $(kde_datadir)/kdeui/about +kde_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 diff --git a/kdeui/about/bar-bottom-left.png b/kdeui/about/bar-bottom-left.png Binary files differnew file mode 100644 index 000000000..30a323592 --- /dev/null +++ b/kdeui/about/bar-bottom-left.png diff --git a/kdeui/about/bar-bottom-middle.png b/kdeui/about/bar-bottom-middle.png Binary files differnew file mode 100644 index 000000000..b2ebbbed5 --- /dev/null +++ b/kdeui/about/bar-bottom-middle.png diff --git a/kdeui/about/bar-bottom-right.png b/kdeui/about/bar-bottom-right.png Binary files differnew file mode 100644 index 000000000..e664e1511 --- /dev/null +++ b/kdeui/about/bar-bottom-right.png diff --git a/kdeui/about/bar-middle-left.png b/kdeui/about/bar-middle-left.png Binary files differnew file mode 100644 index 000000000..72fda9ec2 --- /dev/null +++ b/kdeui/about/bar-middle-left.png diff --git a/kdeui/about/bar-middle-right.png b/kdeui/about/bar-middle-right.png Binary files differnew file mode 100644 index 000000000..eb8d3201c --- /dev/null +++ b/kdeui/about/bar-middle-right.png diff --git a/kdeui/about/bar-top-left.png b/kdeui/about/bar-top-left.png Binary files differnew file mode 100644 index 000000000..b05fd216c --- /dev/null +++ b/kdeui/about/bar-top-left.png diff --git a/kdeui/about/bar-top-middle.png b/kdeui/about/bar-top-middle.png Binary files differnew file mode 100644 index 000000000..387f81017 --- /dev/null +++ b/kdeui/about/bar-top-middle.png diff --git a/kdeui/about/bar-top-right.png b/kdeui/about/bar-top-right.png Binary files differnew file mode 100644 index 000000000..a552ff91d --- /dev/null +++ b/kdeui/about/bar-top-right.png diff --git a/kdeui/about/bottom-left.png b/kdeui/about/bottom-left.png Binary files differnew file mode 100644 index 000000000..78c9fece3 --- /dev/null +++ b/kdeui/about/bottom-left.png diff --git a/kdeui/about/bottom-middle.png b/kdeui/about/bottom-middle.png Binary files differnew file mode 100644 index 000000000..41e52dd8a --- /dev/null +++ b/kdeui/about/bottom-middle.png diff --git a/kdeui/about/bottom-right.png b/kdeui/about/bottom-right.png Binary files differnew file mode 100644 index 000000000..ef81b04a8 --- /dev/null +++ b/kdeui/about/bottom-right.png diff --git a/kdeui/about/box-bottom-left.png b/kdeui/about/box-bottom-left.png Binary files differnew file mode 100644 index 000000000..49b1be6d9 --- /dev/null +++ b/kdeui/about/box-bottom-left.png diff --git a/kdeui/about/box-bottom-middle.png b/kdeui/about/box-bottom-middle.png Binary files differnew file mode 100644 index 000000000..fd09ebb66 --- /dev/null +++ b/kdeui/about/box-bottom-middle.png diff --git a/kdeui/about/box-bottom-right.png b/kdeui/about/box-bottom-right.png Binary files differnew file mode 100644 index 000000000..4013c8ff4 --- /dev/null +++ b/kdeui/about/box-bottom-right.png diff --git a/kdeui/about/box-middle-left.png b/kdeui/about/box-middle-left.png Binary files differnew file mode 100644 index 000000000..1cd801a45 --- /dev/null +++ b/kdeui/about/box-middle-left.png diff --git a/kdeui/about/box-middle-right.png b/kdeui/about/box-middle-right.png Binary files differnew file mode 100644 index 000000000..54c5b0391 --- /dev/null +++ b/kdeui/about/box-middle-right.png diff --git a/kdeui/about/box-top-left.png b/kdeui/about/box-top-left.png Binary files differnew file mode 100644 index 000000000..29f91c129 --- /dev/null +++ b/kdeui/about/box-top-left.png diff --git a/kdeui/about/box-top-middle.png b/kdeui/about/box-top-middle.png Binary files differnew file mode 100644 index 000000000..5ea907597 --- /dev/null +++ b/kdeui/about/box-top-middle.png diff --git a/kdeui/about/box-top-right.png b/kdeui/about/box-top-right.png Binary files differnew file mode 100644 index 000000000..f86163176 --- /dev/null +++ b/kdeui/about/box-top-right.png diff --git a/kdeui/about/kde_infopage.css b/kdeui/about/kde_infopage.css new file mode 100644 index 000000000..69085675e --- /dev/null +++ b/kdeui/about/kde_infopage.css @@ -0,0 +1,239 @@ + +/* + * text styles + */ + +img {margin: 0px; padding: 0px} +body {margin: 0px; padding: 0px; background-color: #418ade;} +.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 { + background-image: url(top-middle.png); + width: 100%; + height: 131px; +} + +#headerL { + position: absolute; + background-image: url(top-left.png); + left: 0px; + height: 131px; + width: 147px; + z-index: 1; +} + +#headerR { + position: absolute; + right: 0px; +} + +/* title and tagline are part of the header diff */ +#title { + position: absolute; + top: 63px; + right: 100px; + margin-top: -1em; + text-align: right; + font-size: xx-large; + font-weight: bold; + text-shadow: #fff 0px 0px 5px; + color: #444; + z-index: 5; +} + +#tagline { + position: absolute; + top: 70px; + right: 100px; + text-align: right; + font-size: large; + font-weight: bold; + text-shadow: #fff 0px 0px 5px; + color: #444; + z-index: 5; +} + +/* + * the nav bar + */ + +#bar { + width: 100%; + background-color: #5babe5; + padding-top: 0.5ex; + border-bottom: 1px solid black; + padding-bottom: 0.5ex; +} + +#barCenter { + 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: " · "; +} + +/* + * 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); + background-repeat: repeat-x; +} + +#boxL { + background-image: url(box-middle-left.png); + background-repeat: repeat-y; + background-position: left; + padding-left: 20px; +} + +#boxCenter { + background-color: #dfe7f3; + background-position: center; + text-align: left; +} + +#boxR { + background-image: url(box-middle-right.png); + background-repeat: repeat-y; + background-position: right; + padding-right: 20px; +} + +#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); + background-repeat: repeat-x; +} + +/* + * 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; +} + +/* vim:set sw=2 et nocindent smartindent: */ diff --git a/kdeui/about/kde_infopage_rtl.css b/kdeui/about/kde_infopage_rtl.css new file mode 100644 index 000000000..003330196 --- /dev/null +++ b/kdeui/about/kde_infopage_rtl.css @@ -0,0 +1,11 @@ +body {direction: rtl} + +#boxCenter { + text-align: right; +} + +#nextlink { + text-align: left; +} + +/* vim:set sw=2 et nocindent smartindent: */ diff --git a/kdeui/about/top-left.png b/kdeui/about/top-left.png Binary files differnew file mode 100644 index 000000000..d7551c0d5 --- /dev/null +++ b/kdeui/about/top-left.png diff --git a/kdeui/about/top-middle.png b/kdeui/about/top-middle.png Binary files differnew file mode 100644 index 000000000..bb3fe7428 --- /dev/null +++ b/kdeui/about/top-middle.png diff --git a/kdeui/about/usage-example.html b/kdeui/about/usage-example.html new file mode 100644 index 000000000..fd78d8cfb --- /dev/null +++ b/kdeui/about/usage-example.html @@ -0,0 +1,64 @@ +<?xml version="1.0" encoding="utf-8"?> +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" + "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> + <meta name="generator" content= + "HTML Tidy for Linux/x86 (vers 1st August 2004), see www.w3.org" /> + + <style type="text/css"> + /*<![CDATA[*/ + @import "%1"; /* kde_infopage.css */ + %1 /* maybe @import "kde_infopage_rtl.css"; */ +/* CHANGE ME or REMOVE ME */ @import "MY_CSS_FILE.css"; + /*]]>*/ + </style> + + <title>%1</title> +</head> + +<body> + <div id="header"> + <div id="headerL"/> + <div id="headerR"/> + + <div id="title"> + %1 <!-- title --> + </div> + + <div id="tagline"> + %1 <!-- tagline --> + </div> + </div> + + <!-- the bar --> + <div id="bar"> + <div id="barT"><div id="barTL"/><div id="barTR"/><div id="barTC"/></div> + <div id="barL"> + <div id="barR"> + <div id="barCenter" class="bar_text"> + <!-- text below the header graphics, above the main box, add your own %1s --> + </div> + </div> + </div> + <div id="barB"><div id="barBL"/><div id="barBR"/><div id="barBC"/></div> + </div> + + <!-- the main text box --> + <div id="box"> + <div id="boxT"><div id="boxTL"/><div id="boxTR"/><div id="boxTC"/></div> + <div id="boxL"> + <div id="boxR"> + <div id="boxCenter"> + <!-- text in the main box, add your own %1s --> + </div> + </div> + </div> + <div id="boxB"><div id="boxBL"/><div id="boxBR"/><div id="boxBC"/></div> + </div> + + <div id="footer"><div id="footerL"/><div id="footerR"/></div> +</body> +</html> +<!-- vim:set sw=2 et nocindent smartindent: --> |
