From 0a91baf27816182f6026c925641db09e26ffd084 Mon Sep 17 00:00:00 2001
From: Anders Lund <anders.lund@uninett.no>
Date: Thu, 14 Feb 2008 19:31:54 +0000
Subject: [PATCH] Just making the CSS a little bit more readable. Later I think
that all style should be put in this (or other) CSS file(s), instead of hard
coding style inside for example the templates...
git-svn-id: https://simplesamlphp.googlecode.com/svn/trunk@306 44740490-163a-0410-bde0-09ae8108e29a
---
www/resources/default.css | 166 ++++++++++++++++++++++++++++++++------
1 file changed, 140 insertions(+), 26 deletions(-)
diff --git a/www/resources/default.css b/www/resources/default.css
index ee3d884f5..5d1eb0535 100644
--- a/www/resources/default.css
+++ b/www/resources/default.css
@@ -1,76 +1,188 @@
/* these styles are in the head of this page because this is a unique page */
/* THE BIG GUYS */
-* {margin:0;padding:0}
-body {text-align:center;padding: 20px 0;background: #222;color:#333;font:83%/1.5 arial,tahoma,verdana,sans-serif}
-img {border:none;display:block}
-hr {margin: 1em 0;background:#eee;height:1px;color:#eee;border:none;clear:both}
+* {
+ margin: 0;
+ padding: 0;
+}
+
+body {
+ text-align: center;
+ padding: 20px 0;
+ background: #222;
+ color: #333;
+ font: 83%/1.5 arial,tahoma,verdana,sans-serif;
+}
+
+img {
+ border: none;
+ display: block;
+}
+
+hr {
+ margin: 1em 0;
+ background: #eee;
+ height: 1px;
+ color: #eee;
+ border: none;
+ clear: both;
+}
/* LINKS */
-a,a:link,a:link,a:link,a:hover {font-weight:bold;background:transparent;text-decoration:underline;cursor:pointer}
-a:link {color:#c00}
-a:visited {color:#999}
-a:hover,a:active {color:#069}
+a, a:link, a:link, a:link, a:hover {
+ font-weight: bold;
+ background: transparent;
+ text-decoration: underline;
+ cursor: pointer;
+}
+
+a:link {
+ color: #c00;
+}
+
+a:visited {
+ color: #999;
+}
+
+a:hover, a:active {
+ color: #069;
+}
/* LISTS */
-ul {margin: .3em 0 1.5em 2em}
- ul.related {margin-top:-1em}
-li {margin-left:2em}
-dt {font-weight:bold}
-#wrap {border: 1px solid #fff;position:relative;background:#fff;width:600px;margin: 0 auto;text-align:left}
-#header {background: #666 url("sprites.gif") repeat-x 0 100%;margin: 0 0 25px;padding: 0 0 8px}
-#header h1 {color:#fff;font-size: 145%;padding:20px 20px 12px}
-#poweredby {width:96px;height:63px;position:absolute;top:0;right:0}
-#content {padding: 0 20px}
+ul {
+ margin: .3em 0 1.5em 2em;
+}
+
+ul.related {
+ margin-top: -1em;
+}
+
+li {
+ margin-left: 2em;
+}
+
+dt {
+ font-weight: bold;
+}
+
+#wrap {
+ border: 1px solid #fff;
+ position: relative;
+ background: #fff;
+ width: 600px;
+ margin: 0 auto;
+ text-align: left;
+}
+
+#header {
+ background: #666 url("sprites.gif") repeat-x 0 100%;
+ margin: 0 0 25px;
+ padding: 0 0 8px;
+}
+
+#header h1 {
+ color: #fff;
+ font-size: 145%;
+ padding: 20px 20px 12px;
+}
+
+#poweredby {
+ width: 96px;
+ height: 63px;
+ position: absolute;
+ top: 0;
+ right: 0;
+}
+
+#content {
+ padding: 0 20px;
+}
/* TYPOGRAPHY */
-p, ul, ol {margin: 0 0 1.5em}
-h1, h2, h3, h4, h5, h6 {letter-spacing: -1px;font-family: arial,verdana,sans-serif;margin: 1.2em 0 .3em;color:#000;border-bottom: 1px solid #eee;padding-bottom: .1em}
-h1 {font-size: 196%;margin-top:0;border:none}
-h2 {font-size: 136%}
-h3 {font-size: 126%}
+p, ul, ol {
+ margin: 0 0 1.5em;
+}
+
+h1, h2, h3, h4, h5, h6 {
+ letter-spacing: -1px;
+ font-family: arial,verdana,sans-serif;
+ margin: 1.2em 0 .3em;
+ color: #000;
+ border-bottom: 1px solid #eee;
+ padding-bottom: .1em;
+}
+
+h1 {
+ font-size: 196%;
+ margin-top: 0;
+ border: none;
+}
+
+h2 {
+ font-size: 136%;
+}
+
+h3 {
+ font-size: 126%;
+}
+
h4 {
font-size: 116%;
font-weight: bold;
}
-h5 {font-size: 106%}
-h6 {font-size: 96%}
+h5 {
+ font-size: 106%;
+}
+
+h6 {
+ font-size: 96%;
+}
h1 a {
text-decoration: none;
color: white;
}
+
h1 a:hover {
border-bottom: 1px dotted #eee;
}
+
#content {
margin-top: 2em;
}
-.old {text-decoration:line-through}
+
+.old {
+ text-decoration: line-through;
+}
dl dt {
color: #333;
}
+
dl dd {
color: #666;
margin-left: 3em;
font-family: monospace;
}
+
.efieldlist {
padding: .4em;
margin: .8em;
border-top: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
}
+
.efieldlist.warning {
background-color: #922;
border: 1px solid #333;
color: white;
}
+
.efieldlist.warning h5 {
color: white;
}
+
.efieldlist h5 {
font-weight: bold;
color: #200;
@@ -83,6 +195,7 @@ dl dd {
padding: .6em;
margin: .4em;
}
+
.trackidtext .trackid {
border: 1px solid #ccc;
background: #eee;
@@ -91,11 +204,11 @@ dl dd {
font-family: monospace;
font-size: large;
}
+
div.caution {
background-color: #FF9;
background-image: url('icons/caution.png');
background-repeat: no-repeat;
-
border: thin solid #444;
padding: .2em .2em .2em 60px;
margin: 1em 0px 1em 0p;
@@ -104,3 +217,4 @@ div.caution {
th.rowtitle {
text-align: left;
}
+
--
GitLab