FELIX-1015 Implement branding for the web console using BrandingPlugin
interface and DefaultBrandingPlugin with configuration file support
git-svn-id: https://svn.apache.org/repos/asf/felix/trunk@812372 13f79535-47bb-0310-9956-ffa450edef68
diff --git a/webconsole/src/main/resources/res/ui/webconsole.css b/webconsole/src/main/resources/res/ui/webconsole.css
new file mode 100644
index 0000000..c24d03f
--- /dev/null
+++ b/webconsole/src/main/resources/res/ui/webconsole.css
@@ -0,0 +1,139 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements. See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/*
+ * The webconsole.css is the main CSS which sets up the following parts
+ *
+ * div main -> outermost div just inside body
+ * div lead -> the page lead with title and logo
+ * div technav -> the top navigation
+ * div content -> the div surrounding the content being rendered by
+ * the plugin in the renderContent (or service) method
+ *
+ * See also http://felix.apache.org/site/branding-the-web-console.html
+ */
+
+#main {
+ font-family: Verdana, Arial, Helvetica, sans-serif;
+ font-size: 10px;
+ color: black;
+ background-color: white;
+ border-collapse: collapse;
+ padding: 0px;
+ margin: 30px;
+ position: absolute;
+ text-align: left;
+ border-color: black;
+}
+
+#lead {
+ color: #00678C;
+ /* color: #ffffff; */
+ margin: 0px 0px 26px 0px;
+ padding: 0px;
+ height: 100px;
+}
+
+/* This contains the page title */
+#lead h1 {
+ margin: 0px;
+ padding: 5px 0 0 8px;
+ font-size: 300%;
+ font-weight: bold;
+ line-height: 120%;
+ /* account for 5px top padding to get a total of 100px */
+ height: 95px;
+ float: left;
+}
+
+#lead br {
+ line-height: 20px;
+}
+
+/* This contains the logo */
+#lead p {
+ margin: 0px;
+ padding: 0px;
+ height: 100px;
+ position:absolute;
+ right: 0px;
+}
+
+/* This contains the top navigation */
+#technav {
+ border-bottom: 1px solid #6181A9;
+ border-top: 1px solid #6181A9;
+ color: black;
+ font-size: 10px;
+ font-weight: bold;
+ line-height: 21px;
+ padding: 0;
+ margin: 0;
+}
+
+#technav a {
+ text-decoration: none;
+ padding: 3px 10px 3px 10px;
+ color: #6181A9;
+ text-decoration: none;
+}
+
+#technav a:hover {
+ background-color: black;
+}
+
+/* Special rendering of the "button" for the current page */
+#technav .technavat {
+ text-decoration: none;
+ padding: 3px 10px 3px 10px;
+ background-color: #B6CAE4;
+ color: black;
+}
+
+#technav .technavitem {
+ display: inline;
+ white-space: nowrap;
+}
+
+
+/* CENTRAL CONTENT AREA STYLING */
+#content {
+ position: relative;
+}
+
+#content A:link {
+ color: #336600;
+ text-decoration: underline;
+}
+
+#content A:visited {
+ color: #666666;
+ text-decoration: underline;
+}
+
+#content A:hover {
+ color: #ffffff;
+ background-color: #336600;
+ text-decoration: none;
+}
+
+#content A:active {
+ color: #ffffff;
+ background-color: #000000;
+ text-decoration: none;
+}
+