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)

2 files changed, 292 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;
+}
diff --git a/swat/style/main.css b/swat/style/main.css
new file mode 100644
index 0000000000..15f768d186
--- /dev/null
+++ b/swat/style/main.css
@@ -0,0 +1,107 @@
+/* main.css */
+
+		/******* Links for right-hand side of the page ******/
+		/****************************************************/
+#links {
+	float:right;
+	margin:115px 1em 0 0;  
+	padding:0;
+    width:173px;
+}
+* html #links { 	/* Applies to IE5/6 only */
+	margin:115px .5% 0 0;
+}
+#links h4 {
+	margin-top:10px;
+	margin-left:1.5px;
+	font-size:small;
+}
+#links ul {
+	list-style-type:none;
+	padding:0;
+	padding-top:5px;
+	margin-left:20px;
+}
+#links a {
+	font-size:small;
+}
+#links p {
+	margin-top:25px;
+	margin-left:20px;
+}
+.releases {
+	padding:2px;
+	margin-top:35px;
+	border:1px solid #CCC;
+	background-color:#E5E9F5;
+}
+.beyond, .related, .intl {
+	padding:2px;
+	margin-top:25px;
+	border:1px solid #CCC;
+	background-color:#E5E9F5;
+}
+.beyond li {
+	margin-bottom:10px;
+}
+.contacts li{
+	list-style-type:disc;
+}
+		/****** Formats the page layout ********************/
+		/**************************************************/ 
+#content>.center {
+	min-height:800px;
+	z-index:0;
+}
+.center {
+	margin:0 22% 0 175px;
+	padding-top:130px;
+	padding-left:35px;
+	padding-bottom:50px;
+	padding-right:15px;
+	background-color:#FFF;
+	border-left:1px solid #FFFF64;
+	border-right:1px solid #FFFF64;
+	z-index:-1;
+}
+.center ul {
+	list-style-type:none;
+}
+.headline {
+        margin-left:20px;
+        font-style:italic;
+}
+		/*********T-shirts and mirror footnotes *************/
+		/****************************************************/
+.plugs {
+	font-style:italic;
+	text-align:center;
+	border-top:2px groove #3878CD;
+	border-bottom:2px groove #3878CD;
+	padding:10px;
+	margin-top:100px;
+}
+.plugs p {
+	padding:30px;
+}
+.plugs img {
+	float:left;
+}
+.request {
+	margin-top:50px;
+	font-style:italic;
+	font-size:small;
+}
+#noswp img {
+    border:1px solid #3868CD;
+    width:370px;
+    height:90px;
+}
+#noswp a:hover {
+    background-color:transparent;
+}
+#noswp {
+    width:auto;
+    text-align:center;
+    margin:10px 0 25px 0;
+}