r7088: start on some real structure for the SWAT web pages

- this imports the basic css pages from samba.org

- i have created some useful ejs scripts in common.js that will be included by all pages

- added a real login page, and a logout button showing who you are logged in as

- added page_header() and page_footer() functions that take a page type, allowing
  for "plain" or "columms" pages

- added some simple menus on the left of the columns page type, with links to the esp
  tests and some useful links for samba4 developers
(This used to be commit 86d2ecf0f2a8de8abfdcc5f2aae7d4d969d19339)

1 files changed, 185 insertions, 0 deletions

diff --git a/swat/style/common.css b/swat/style/common.css
new file mode 100644
index 0000000000..58406ccc40
--- /dev/null
+++ b/swat/style/common.css
@@ -0,0 +1,185 @@
+/* common.css */
+
+	/********* Basic elements across the site **********/
+	/***************************************************/
+
+body {
+	margin:0;
+	background-color:#E5E9F5;
+	font-family:Lucidasans, Helvetica, Verdana, sans-serif;
+	font-size:medium;
+	color:#000;
+}
+h1 {
+	font-size:x-large;
+}
+h2 {
+	text-align:left;
+	color:#FFFF64;
+	font-size:large;
+	background-color:#3878CD;
+	margin-top:60px;
+	margin-bottom:15px;
+	padding:2px;
+	padding-left:5px;
+}
+h3 {
+	font-size:medium;
+}
+h5 {
+	font-size:small;
+	text-align:right;
+	display:inline;
+}
+* html h5 {
+	padding-right:4px;
+}
+h6 {
+	font-size:small;
+	text-align:right;
+	text-align:right;
+}
+h6 a {
+	margin-right:3px;
+}
+table.real thead { 
+        background-color: #E5E9F5;
+}
+table.real th,
+table.real td {
+        border: 1px solid #3878CD;
+        padding: 2px;
+}
+table.real { 
+        border: 2px solid #3878CD;
+        background-color: #F5F8FF;
+}
+a:link:hover {
+	color:#CC0033;
+	background-color:#FFFF64;
+}
+ol li {
+	margin-bottom:12px;
+}
+blockquote {				
+	margin:35px;			
+	padding:15px; 			
+	border-left:2px groove #CCC;
+	border-top:2px groove #CCC;
+}
+img {
+	border:0;
+}
+.punch {  			/*creates a bold typeface */
+	font-weight:bold;
+}
+
+	/********************* header styles *******************************/
+	/******************************************************************/
+#banner {
+	position:absolute;
+	top:0;
+	left:0;
+	height:90px;
+	width:100%;
+	padding-top:4px;
+	background-color:#FFFF64;
+}
+.logout {
+	text-align:right;
+
+}
+.logout form {
+	display:inline;
+}
+.stripe {
+	position:absolute;
+	top:40px;
+	left:0;
+	height:55px;
+	width:100%;
+	background-color:#3878CD;
+	border-top:2px solid #575756;
+	border-bottom:2px solid #575756;
+}
+.slogan {
+	position:absolute;
+	left:187px;
+	z-index:1;
+}
+html>body .slogan { 	/**** Opera needs its own rule *********/
+	top:100px;
+}
+:root .slogan {		/**** Undo the Opera rule for all other browsers ****/
+	top:80px;
+}
+* html .slogan {	/** Then, give IE 5/6 its own rule ****** */
+	top:100px;
+}
+
+		/******** PNG logo with transparency across browsers  */
+		/******************************************************/
+#logo>.logo_hack {
+	background-image:url(/images/logo.png);
+	background-position:center;
+	background-repeat:no-repeat;
+}
+.logo_hack {
+	position:absolute;
+	top:25px;
+	left:0;
+	width:250px;
+	height:119px;
+	padding:0;
+	margin:0;
+}
+.logo_hack a:hover {
+	background:transparent;
+}
+
+		/******** Main nav menu styles ****************/
+		/**********************************************/
+.nav {
+	position:absolute;
+	top:152px;
+	left:20px;
+	width:180px;
+	background-color:#F5F8FF;
+	border:2px groove #3878CD;
+	padding:0;
+	padding-bottom:5px;
+	margin:0;
+	z-index:1;
+}
+.nav ul {
+	list-style-type:none;
+	text-align:center;
+	padding:0;
+	margin:0;
+}
+.nav a,
+.nav a:link,
+.nav a:visited {
+	display:block;
+	height:20px;
+	font-size:small;
+	color:#2B5C9F;
+}
+.nav a:hover {
+	color:#FFF;
+	background-color:#3878CD;
+}
+.nav a:active {
+	color:#FFFF64;
+	background-color:#3878CD;
+	font-size:14px;
+}
+.nav img {
+	padding:0;
+	margin:0;
+	width:180px;
+	height:30px;
+}
+.colophon {
+	margin-left:20px;
+}