Hello, I want very hard this site stay readable for me (and other tired
eyes), so I have play with your css. only a few changes.
It seems respect your mind...
--
Marie-Claude Collilieux
Bretagne
/* changed only all font-size in % and add font-family "bitstream vera sans" behind Arial */
/* {{{ License
*
* This work is licensed under the Creative Commons Attribution-NonCommercial-ShareAlike
* 2.5 License. To view a copy of this license, visit http://creativecommons.org/licenses/by-nc-sa/2.5/
* or send a letter to Creative Commons, 543 Howard Street, 5th Floor, San Francisco,
* California, 94105, USA.
*
* Copyright: Panos Laganakos.
*
* }}} */
/* {{{ Basic Elements */
body {
margin: 0em;
padding: 0em;
font: 100% Arial, "bitstream vera sans", sans-serif;
}
h2 {
margin: 0em 0em 0em 0em;
padding: 0em 0em 0.4em 0em;
font-weight: bold;
font-size: 260%;
color: #3465a4;
}
h3 {
font-size: 110%;
font-weight: bold;
margin: 0em 0em 0.2em 0em;
}
p.note {
line-height: 145%;
background: #8AE234;
border: 2px solid #73D216;
border-left: 12px solid #73D216;
padding: 1.1em;
margin: 0em 8em 3em 0em;
}
span.date {
display: block;
color: #babdb6;
text-align: right;
margin: 1em 0em 0em 0em;
padding: 0em;
}
span.rss {
visibility: hidden;
}
a.rss {
background: url(./img/img/rss-icon.png) no-repeat;
text-decoration: none;
}
div.newsentry {
border-left: 12px solid #EEEEEC;
margin: 0em 0em 3em 0em;
padding: 0em 0em 0em 1.5em;
}
div.developer {
margin: 0em 0em 5em 0em;
padding: 0em 0em 0em 5em;
background: url(./img/face-monkey.png) no-repeat left center;
}
p#boxed {
font-size: 120%;
font-weight: bold;
float: right;
background: #8AE234 url(./img/text-x-generic.png) no-repeat center top;
padding: 3.0em 1em 0em 1em;
margin: 0em;
text-align: center;
line-height: 120%;
}
/* }}} */
/* {{{ Divisions */
#header {
background: #3465A4;
padding: 1.5em 1.5em 0.8em 1em;
margin: 0em;
}
#header h1 {
height: 56px;
background: url(./img/logo.png) center right no-repeat;
padding: 0em;
margin: 0em;
}
#header span {
display: none;
}
#menubar {
background: #729FCF;
text-align: right;
padding: 0em;
margin: 0em;
}
#menubar ul {
padding: 0em;
margin: 0em;
list-style-type: none;
}
#menubar a {
font-size: 130%;
font-weight: bold;
text-decoration: none;
width: 10em;
color: #FFFFFF;
padding: 0em 1em 0em 1em;
margin: 0em;
}
#menubar a:hover {
background-color: #3465A4;
}
#menubar li {
display: inline;
padding: 0.1em 0em 0.1em 0em;
margin: 0em;
}
#container {
padding: 2em 2em 1em 2em;
margin: 0em 0em 2em 0em;
}
#leftmenu {
float: left;
padding: 0.5em 1em 0em 1em;
background: #EEEEEC;
border-top: 2px solid #D3D7CF;
border-bottom: 2px solid #D3D7CF;
}
#leftmenu h2 {
font-weight: bold;
font-size: 110%;
color: #555753;
text-align: center;
}
#leftmenu h3 {
font-weight: bold;
font-size: 400%;
color: #D3D7CF;
text-align: right;
margin-top: 2em;
}
#leftmenu ul {
list-style-type: none;
padding: 0.5em 0em 0.5em 0em;
margin: 0em;
}
#leftmenu li {
border-left: 2px solid #D3D7CF;
}
#leftmenu li:hover {
background-color: #D3D7CF;
}
#leftmenu a {
color: #555753;
display: block;
font-weight: bold;
text-decoration: none;
padding: 0.2em 0.2em 0.2em 1em;
}
#content {
padding: 0em;
margin: 0em 0em 0em 13.5em;
}
#content h2 {
}
#content h2 a {
background: url(./img/rss-icon.png) no-repeat center right;
height: 32px;
}
#content span.heading {
display: none;
}
#footer {
background: #EEEEEC;
min-height: 2em;
margin: 0em;
padding: 0.9em 0em 0em 0em;
clear: both;
}
#footer p {
font: bold 100% Arial,"bitstream vera sans";
color: #BABDB6;
text-align: center;
padding: 0em;
margin: 0em;
}
#baseprojects {
position: absolute;
background: url(./img/a.png) no-repeat;
width: 117px;
height: 49px;
top: 3.5em;
left: 43px;
margin: 0em;
padding: 0.5em 1.2em 0.5em 1.2em;
}
#baseprojects a {
width: 2em;
padding: 0.3em;
}
p.pageicon {
height: 48px;
margin-left: 4em;
}
p.pageicon span {
display: none;
}
#home {
background: url(./img/go-home.png) no-repeat;
}
#documentation {
background: url(./img/go-home.png) no-repeat;
}
#james-henstridge {
margin: 0em 0em 5em 0em;
padding: 0em 0em 0em 5em;
background: url(./img/face-devil-grin.png) no-repeat left center;
}
#articles {
width: 100%;
}
#articles thead {
background: #729FCF;
}
#articles td {
padding: 0.5em;
}
#articles tr.row2 {
background: #EEEEEC;
}
/* }}} */
_______________________________________________
pygtk mailing list [email protected]
http://www.daa.com.au/mailman/listinfo/pygtk
Read the PyGTK FAQ: http://www.async.com.br/faq/pygtk/
