summaryrefslogtreecommitdiff
path: root/swat/style
diff options
context:
space:
mode:
authorAndrew Tridgell <tridge@samba.org>2005-05-30 06:15:01 +0000
committerGerald (Jerry) Carter <jerry@samba.org>2007-10-10 13:17:14 -0500
commitca6b9f370bbd37b58dbec55c7b369d72a4684918 (patch)
tree0717452f97a0cb4a556a5c94b13e02949a52e84d /swat/style
parentbb2a811bf4c05013aa5b3dbe437d7caf1fea4974 (diff)
downloadsamba-ca6b9f370bbd37b58dbec55c7b369d72a4684918.tar.gz
samba-ca6b9f370bbd37b58dbec55c7b369d72a4684918.tar.bz2
samba-ca6b9f370bbd37b58dbec55c7b369d72a4684918.zip
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)
Diffstat (limited to 'swat/style')
-rw-r--r--swat/style/common.css185
-rw-r--r--swat/style/main.css107
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;
+}