Thanks. I just merged the stuff I developed lately for our Squeak source server with Lukas' latest (lr.1038) and published back to the shared repository. But the new layout was not in there yet.
- Bert - On 10.04.2010, at 10:17, Michael Haupt wrote: > > Hi, > > why not just forward it to squeak-dev? Like this? > > Best, > > Michael ;-) > > Am 10.04.2010 um 09:16 schrieb Stéphane Ducasse <[email protected]>: > >> Thanks jason >> >> I do not know who is in charge of Squeak source nowadays. >> Adrian lukas do you know it? >> >> Stef >> >> On Apr 10, 2010, at 6:38 AM, jaayer wrote: >> >>> or if not that, then nearly so. >>> >>> The biggest problem is the overall smallness of each page. The site is far >>> too narrow and apparently was designed for monitors with 800x600 screen >>> resolutions. This was unacceptable five years ago and is even more >>> unacceptable now. Further, the fonts are tiny, and worse, they and almost >>> every other sized property are specified using hard-coded pixel widths. For >>> scalable, cross-platform design, percentages and em-widths should be >>> preferred. Links should display some sort of text-decoration when >>> moused-over so it is always clear which link will be selected when the user >>> clicks, even when two or more links are especially close together. >>> SqueakSource is, after the primary home pages, the public face of the >>> Squeak and Pharo projects. It is crucial then that it look--if not >>> great--at least decent. Enclosed is prettified CSS that fixes some of these >>> defects. (Note that Image url() references need to be filled in, and it >>> still probably needs some tweaking.) >>> >>> body { >>> border:0; >>> background:gray; >>> text-align:center; >>> margin:0; >>> padding:10px; >>> font-size:0.9em; >>> } >>> >>> body,div,table,tr,td,th,form input,form submit { >>> font-family:Geneva, Arial, Helvetica, sans-serif; >>> } >>> >>> table,tr,td,th,form { >>> border:0; >>> margin:0; >>> padding:0; >>> } >>> >>> th { >>> text-align:left; >>> } >>> >>> a,a:visited { >>> color:#360484; >>> text-decoration:none; >>> } >>> >>> a:hover,a:active { >>> text-decoration:underline; >>> } >>> >>> #container { >>> width:90%; >>> background:white url(/inserturl) repeat-y 4%; >>> border:1px solid black; >>> border-top:5px solid black; >>> border-bottom:5px solid black; >>> text-align:left; >>> margin:auto; >>> } >>> >>> #top { >>> width:100%; >>> height:50px; >>> background:url(/inserturl) no-repeat; >>> border-bottom:1px solid black; >>> font-size:0.7em; >>> text-align:right; >>> } >>> >>> #sstoolbar { >>> height:2em; >>> border-bottom:1px solid black; >>> background:white; >>> } >>> >>> #sstoolbar a { >>> display:block; >>> float:left; >>> margin-left:-1px; >>> border-left:1px solid black; >>> border-right:1px solid black; >>> line-height:2em; >>> height:2em; >>> letter-spacing:1px; >>> text-decoration:none; >>> padding:0px 10px; >>> } >>> >>> #sstoolbar a:hover,#sstoolbar a:active { >>> background-color:#360484; >>> color:white; >>> text-decoration: none; >>> } >>> >>> #page { >>> padding:0; >>> } >>> >>> #page td,#page th { >>> padding-right:5px; >>> vertical-align:top; >>> } >>> >>> #navigation { >>> float:left; >>> width:12%; >>> padding:0 10px 10px 10px; >>> } >>> >>> #navigation .title { >>> margin-top:11px; >>> font-weight:bold; >>> } >>> >>> #contents { >>> width:70%; >>> height:auto; >>> text-align:justify; >>> margin:0 0 0 16%; >>> padding:5px 10px 10px; >>> } >>> >>> #contents h1 { >>> margin-top:0; >>> font-size:20px; >>> } >>> >>> #contents h2 { >>> margin-bottom:5px; >>> font-size:15px; >>> } >>> >>> #contents h3 { >>> margin-bottom:5px; >>> font-size:13px; >>> } >>> >>> #contents hr { >>> border:none; >>> border-bottom:1px dotted black; >>> } >>> >>> #contents p { >>> width:90%; >>> } >>> >>> #bottom { >>> padding-left:5px; >>> padding-right:5px; >>> clear:both; >>> border-top:1px solid black; >>> background:white; >>> margin:0; >>> } >>> >>> .TabSelected { >>> background-color:#360484; >>> color:white; >>> width:95px; >>> text-align:center; >>> } >>> >>> .TabUnselected { >>> background-color:#D0C4E2; >>> width:95px; >>> text-align:center; >>> } >>> >>> .TabSpacer { >>> width:5px; >>> } >>> >>> .TabLine { >>> background-color:#360484; >>> } >>> >>> #batch { >>> text-align:center; >>> margin-top:8px; >>> } >>> >>> .evenRow { >>> background-color:#E7E1F0; >>> } >>> >>> .largeLabel { >>> width:120px; >>> } >>> >>> .mediumLabel { >>> width:100px; >>> } >>> >>> .smallLabel { >>> width:80px; >>> } >>> >>> .activityTable { >>> margin-left:auto; >>> margin-right:auto; >>> } >>> >>> #window-titlebar { >>> background-color:#D0C4E2; >>> margin-bottom:10px; >>> width:100%; >>> } >>> >>> #window-title { >>> text-align:right; >>> width:66%; >>> } >>> >>> #window-close { >>> text-align:right; >>> } >>> >>> .column-choice select { >>> min-width:15em; >>> } >>> >>> >>> _______________________________________________ >>> Pharo-project mailing list >>> [email protected] >>> http://lists.gforge.inria.fr/cgi-bin/mailman/listinfo/pharo-project >> >> >> _______________________________________________ >> Pharo-project mailing list >> [email protected] >> http://lists.gforge.inria.fr/cgi-bin/mailman/listinfo/pharo-project > > _______________________________________________ > Pharo-project mailing list > [email protected] > http://lists.gforge.inria.fr/cgi-bin/mailman/listinfo/pharo-project _______________________________________________ Pharo-project mailing list [email protected] http://lists.gforge.inria.fr/cgi-bin/mailman/listinfo/pharo-project
