[SCM] Website for Isaac project branch, ikiwiki, updated. 2fef228d3608a1f5610f265c28b0e72904c6dcea
Mildred Ki'Lya
silkensedai at online.fr
Fri Sep 11 21:12:33 UTC 2009
The following commit has been merged in the ikiwiki branch:
commit 4633fc644e8386087cb8bdd69b17e8882771a30e
Author: Mildred Ki'Lya <silkensedai at online.fr>
Date: Fri Sep 11 22:54:06 2009 +0200
change CSS style
diff --git a/.ikiwiki/page.tmpl b/.ikiwiki/page.tmpl
index e7e7e3d..bd77890 100644
--- a/.ikiwiki/page.tmpl
+++ b/.ikiwiki/page.tmpl
@@ -34,6 +34,11 @@
</script>
</head>
<body onload="javascript:fixLinks();">
+<div id="body1">
+<div id="body2">
+<div id="body3">
+<div id="body4">
+<div id="body5">
<!-- ******************** *********** ******************** -->
<!-- ******************** PAGE HEADER ******************** -->
@@ -114,7 +119,7 @@
</div>
-<div id="leftcolumn">
+<div id="sidecolumn">
<!-- ******************** **** ******************** -->
<!-- ******************** LOGO ******************** -->
@@ -226,5 +231,10 @@
</div><!-- .pagefooter #footer -->
+</div> <!-- #body5 -->
+</div> <!-- #body4 -->
+</div> <!-- #body3 -->
+</div> <!-- #body2 -->
+</div> <!-- #body1 -->
</body>
</html>
diff --git a/images/h1-column-gradient.png b/images/h1-column-gradient.png
new file mode 100644
index 0000000..29cf72d
Binary files /dev/null and b/images/h1-column-gradient.png differ
diff --git a/images/h1-gradient.png b/images/h1-gradient.png
new file mode 100644
index 0000000..822e062
Binary files /dev/null and b/images/h1-gradient.png differ
diff --git a/images/right-gradient.png b/images/right-gradient.png
new file mode 100644
index 0000000..345a7fa
Binary files /dev/null and b/images/right-gradient.png differ
diff --git a/local.css b/local.css
index 97a848b..4328a1e 100644
--- a/local.css
+++ b/local.css
@@ -2,12 +2,18 @@
html {
margin: 0;
padding: 0;
- background: url("images/fond.png") no-repeat fixed;
+ /*background: url("images/fond.png") no-repeat fixed;*/
+ background-color: #213449;
}
body {
margin: 0;
padding: 0;
+ max-width: 50em;
+ margin-left: auto;
+ margin-right: auto;
+ position: relative; /* set it as containing block for #sidecolumn */
+ background-color: white;
}
.pageheader {
@@ -15,7 +21,7 @@ body {
height: 1em;
margin: 0;
padding: 0.25em;
- border-bottom: thin solid #c0c0c0;
+ /*border-bottom: thin solid #c0c0c0;*/
background-color: #222;
color: white;
background-image: url("images/banner.png");
@@ -27,14 +33,29 @@ body {
}
#content {
- margin-top: 2em;
- margin-left: 20ex;
/*border-left: thin dotted black;*/
/*border: 5px solid green;*/
+ padding-right: 14em; /* 13em + 1em */
+ padding-left: 1em;
}
-#leftcolumn {
- float: left;
+#content > * {
+}
+
+#sidecolumn {
+ /*float: right;*/
+ position: absolute;
+ top: 1.5em;
+ right: 0;
+ bottom: 0;
+ /*border: 5px solid red;*/
+ border-left: 1px solid #638cb8;
+ width: 13em;
+ /*background-color: #b1cff1;
+ background-image: url(images/h1-column-gradient.png);*/
+ background-image: url(images/right-gradient.png);
+ background-repeat: repeat-y;
+ background-position: left top;
}
#mainlogo {
@@ -47,17 +68,15 @@ body {
}
#sidebar {
- /*position: absolute;
- left: 0;
- top: 2em;*/
margin: 0;
padding: 0;
- width: 19ex;
- -moz-border-radius: 6px;
+ /*-moz-border-radius: 6px;
-webkit-border-radius: 6px;
- border-radius: 6px;
- /*border: 5px solid red;*/
- background: inherit;
+ border-radius: 6px;*/
+ background: none;
+ border: none;
+ float: none;
+ width: inherit;
}
#sidebar > div {
@@ -68,10 +87,10 @@ body {
background-color: #ffffff;
opacity: 0.9;
border: 3px solid #c0c0c0;
- margin: 0.5ex;
+ margin: 1em;
margin-top: 0;
- margin-bottom: 2ex;
- padding: 1ex;
+ margin-bottom: 1em;
+ padding: 0.5em;
}
#sidebar > div h1 {
@@ -98,6 +117,30 @@ body {
margin: 0;
}
+#pageinfo {
+ margin: 0;
+ border: none;
+ font-size: 0.8em;
+ /*color: rgb(141, 149, 159);*/
+ color: inherit;
+}
+
+#footer {
+ background-color: #78a1cd;
+ background-image: url(images/h1-gradient.png);
+ background-repeat: repeat-y;
+ background-position: left top;
+ color: white;
+}
+
+#footer a, #footer a:visited {
+ color: rgb(182, 188, 194);
+}
+
+#footer a:hover, #footer a:visited:hover {
+ color: white;
+}
+
.header {
margin: 0;
font-size: inherit;
@@ -139,10 +182,12 @@ div.news h1 {
}
div.news .date {
+ font-size: 0.8em;
font-style: italic;
display: block;
float: right;
margin-left: 1em;
+ margin-right: 0;
}
.center {
@@ -150,20 +195,34 @@ div.news .date {
margin-right: auto;
text-align: center;
}
-
-#content > h1 {
+#content > h1:first-child {
+ /*
margin-top: 2em;
max-width: 20em;
margin-left: auto;
margin-right: auto;
text-align: center;
- border-bottom: 2px solid #006400 ;
+ border-bottom: 2px solid #006400;
+ */
+ font-size: 2em;
+ margin-left: -0.5em; /* 1em / 2 (because font-size is 2em) */
+ margin-right: -7em; /* -14em / 2 (because font-size is 2em) */
+ margin-top: 0;
+ margin-bottom: 0;
+ padding-left: 2em;
+ padding-top: 0.75em;
+ padding-bottom: 1.25em;
+ color: white;
+ background-color: #78a1cd;
+ background-image: url(images/h1-gradient.png);
+ background-repeat: repeat-y;
+ background-position: left top;
}
-h2 {
- border-bottom: 1px solid blue;
+#content > h2, h2 {
+ border-bottom: 1px dotted darkgrey;
margin-right: 2em;
- padding-left: 1em;
+ color: #007F00;
}
pre, tt, code, tr.changeinfo, #blogform {
@@ -171,11 +230,20 @@ pre, tt, code, tr.changeinfo, #blogform {
background-color: #f6f6f0;
}
-pre {
+#content > pre, pre {
margin: 0 7em 0 2em;
padding: 0.5em 0 0.5em 0.5em;
+ -moz-border-radius-topleft: 1em;
+ -webkit-border-radius-topleft: 1em;
+ border-radius-topleft: 1em;
+ -moz-border-radius-bottomright: 1em;
+ -webkit-border-radius-bottomright: 1em;
+ border-radius-bottomright: 1em;
}
+p {
+ text-align: justify;
+}
/*a:before{
content: url(images/link.png);
--
Website for Isaac project
More information about the Lisaac-commits
mailing list