CSS for the Infodrom menu
authorJoey Schulze <joey@infodrom.org>
Fri, 28 Sep 2007 08:27:07 +0000 (08:27 +0000)
committerJoey Schulze <joey@infodrom.org>
Fri, 28 Sep 2007 08:27:07 +0000 (08:27 +0000)
src/menu.css [new file with mode: 0644]

diff --git a/src/menu.css b/src/menu.css
new file mode 100644 (file)
index 0000000..4e55fe2
--- /dev/null
@@ -0,0 +1,254 @@
+/*
+ * Navigation
+ */
+div.navigation {
+  padding: 0 0;
+  border-bottom: 1px solid #707070;
+}
+div.navigation ul {
+  padding: 0 0;
+  margin-bottom: 0px;
+  padding-bottom: 3px;
+  font: bold 14px Verdana, Sans-Serif;
+}
+div.navigation ul li {
+  list-style: none;
+  margin: 0;
+  display: inline;
+}
+div.navigation ul li a {
+  padding: 3px 0.5em;
+  margin-right: -6px;
+  margin-left: 7px;
+  border: 1px solid #707070;
+  text-decoration: none;
+}
+div.navigation ul li.Infodrom a {
+  background: #b1b1ff;
+}
+div.navigation ul li.Linux a {
+  background: #b5e2f1;
+}
+div.navigation ul li.Debian a {
+  background: #ff6c6c;
+}
+div.navigation ul li.linx a {
+  background: #ffb35a;
+}
+div.navigation ul li.text a {
+  background: #f4ff76;
+}
+div.navigation ul li.service a {
+  background: #ffa9fa;
+}
+div.navigation ul li.zeitungen a {
+  background: #ab82ff;
+}
+div.navigation ul li.News a {
+  background: #91ec76;
+}
+div.navigation ul li.projects a {
+  background: #20b705;
+}
+div.navigation ul li a:link, div.navigation ul li a:visited {
+  color: #707070;
+}
+div.navigation ul li a:link:hover, div.navigation ul li a:visited:hover {
+  color: #000000;
+  border-color: #000000;
+}
+
+/*
+ * Settings with id=current
+ */
+div.navigation ul li a#current,
+div.navigation ul li a:link:hover#current,
+div.navigation ul li a:visited:hover#current {
+  color: #000000;
+  border-color: #000000;
+}
+div.navigation ul li.Infodrom a#current,
+div.navigation ul li.Infodrom a:link:hover#current,
+div.navigation ul li.Infodrom a:visited:hover#current {
+  border-bottom: 1px solid #b1b1ff;
+}
+div.navigation ul li.Linux a#current,
+div.navigation ul li.Linux a:link:hover#current,
+div.navigation ul li.Linux a:visited:hover#current {
+  border-bottom: 1px solid #b5e2f1;
+}
+div.navigation ul li.Debian a#current,
+div.navigation ul li.Debian a:link:hover#current,
+div.navigation ul li.Debian a:visited:hover#current {
+  border-bottom: 1px solid #ff6c6c;
+}
+div.navigation ul li.linx a#current,
+div.navigation ul li.linx a:link:hover#current,
+div.navigation ul li.linx a:visited:hover#current {
+  border-bottom: 1px solid #ffb35a;
+}
+div.navigation ul li.text a#current,
+div.navigation ul li.text a:link:hover#current,
+div.navigation ul li.text a:visited:hover#current {
+  border-bottom: 1px solid #f4ff76;
+}
+div.navigation ul li.service a#current,
+div.navigation ul li.service a:link:hover#current,
+div.navigation ul li.service a:visited:hover#current {
+  border-bottom: 1px solid #ffa9fa;
+}
+div.navigation ul li.zeitungen a#current,
+div.navigation ul li.zeitungen a:link:hover#current,
+div.navigation ul li.zeitungen a:visited:hover#current {
+  border-bottom: 1px solid #ab82ff;
+}
+div.navigation ul li.News a#current,
+div.navigation ul li.News a:link:hover#current,
+div.navigation ul li.News a:visited:hover#current {
+  border-bottom: 1px solid #91ec76;
+}
+div.navigation ul li.projects a#current,
+div.navigation ul li.projects a:link:hover#current,
+div.navigation ul li.projects a:visited:hover#current {
+  border-bottom: 1px solid #20b705;
+}
+
+/*
+ * Second menu:
+ */
+div.submenu ul {
+  padding: 0 0;
+  margin-top: 3px;
+  margin-bottom: 10px;
+  font: bold 13px Verdana, Sans-Serif;
+}
+div.submenu ul li {
+  list-style: none;
+  margin: 0;
+  display: inline;
+}
+div.submenu ul li a {
+  padding: 3px 3px;
+  margin-right: 0px;
+  margin-left: 0px;
+  border: 1px solid #707070;
+  border-top-style: none;
+  text-decoration: none;
+}
+div.submenu ul li a.Infodrom {
+  background: #b1b1ff;
+}
+div.submenu ul li a.Linux {
+  background: #b5e2f1;
+}
+div.submenu ul li a.Debian {
+  background: #ff6c6c;
+}
+div.submenu ul li a.linx {
+  background: #ffb35a;
+}
+div.submenu ul li a.text {
+  background: #f4ff76;
+}
+div.submenu ul li a.service {
+  background: #ffa9fa;
+}
+div.submenu ul li a.zeitungen {
+  background: #ab82ff;
+}
+div.submenu ul li a.News {
+  background: #91ec76;
+}
+div.submenu ul li a.projects {
+  background: #20b705;
+}
+div.submenu ul li a:link,
+div.submenu ul li a:visited {
+  color: #707070;
+}
+div.submenu ul li a:link:hover,
+div.submenu ul li a:visited:hover,
+div.submenu ul li a#current,
+div.submenu ul li a:link:hover#current,
+div.submenu ul li a:visited:hover#current {
+  color: #000000;
+  border-color: #000000;
+}
+
+/*
+ * Third menu
+ */
+div.vmenu {
+  font-weight: bold;
+  padding: 0;
+}
+div.vmenu p {
+  height: 5px;
+  width: 100%;
+  background: #cfcfcf;
+  padding: 0;
+  margin: 0;
+}
+div.vmenu ul {
+  list-style: none;
+  padding: 0;
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
+div.vmenu ul li a {
+  display: block;
+  width: 100%;
+  text-decoration: none;
+  text-align: center;
+  color: #707070;
+  padding: 2px 2px 2px 0.5em;
+  background-color: #ededed;
+}
+div.vmenu ul li a#current {
+  color: #000000;
+  background-color: #d2d2d2;
+}
+div.vmenu ul li a:hover {
+  color: #000000;
+  background-color: #e1e1e1;
+}
+div.vmenu ul li a.topic {
+  background-color: #bfbfbf;
+  padding-top: 2px;
+}
+html>body div.vmenu ul li a {
+  width: auto;
+}
+
+
+div.omenu {
+  font-weight: bold;
+  padding: 0;
+  border: 5px solid #000000;
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
+div.omenu ul {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+div.omenu ul li a {
+  display: block;
+  width: 100%;
+  text-decoration: none;
+  text-align: center;
+  color: #000000;
+  padding: 1;
+  background-color: #ffffff;
+}
+html>body div.omenu ul li a {
+  width: auto;
+}
+
+/*
+ * Local variables:
+ * mode: indented-text
+ * mode: auto-fill
+ * End:
+*/