-
-
-
- Technocrat.net Style-Sheet Developer's Guide
-
Bruce Perens Thu, 08 May 2008 23:20:13 PDT About Technocrat.net
-
Those of you who wish to try your hand at building a style-sheet for new.Technocrat.net (soon to be just plain "Technocrat.net") would be interested in this guide. It makes the layout a lot easier to understand. Update: I added another image (of the comment page layout) this morning.
-
-
-
-
-
- Technocrat.net Style-Sheet Developer's Guide
-
kai Fri, 09 May 2008 01:30:15 PDT
-
Thank you, Bruce, this is very welcome information!
-
-
-
-
-
-
- Technocrat.net Style-Sheet Developer's Guide
-
ndansmith Fri, 09 May 2008 08:00:04 PDT About Technocrat.net
-
Wow, things are coming along quite nicely. Are we going to have user-selectable CSS?
-
-
-
-
-
- Technocrat.net Style-Sheet Developer's Guide
-
Bruce Perens Fri, 09 May 2008 09:22:45 PDT About Technocrat.net
-
Yes.
-
-
-
-
-
-
-
-
- Technocrat.net Style-Sheet Developer's Guide
-
Roy Schestowitz Fri, 09 May 2008 16:37:13 PDT
- I've been looking forward to it.
-
-
-
-
-
-
- Technocrat.net Style-Sheet Developer's Guide
-
kai Fri, 09 May 2008 18:51:22 PDT About Technocrat.net
-
Is there an easy way that devs (ie, me) can submit changes and see the results on the real site?
-
-
-
-
-
- Technocrat.net Style-Sheet Developer's Guide
-
kai Fri, 09 May 2008 18:54:41 PDT About Technocrat.net
-
Alternatively, is there a sample page that features at least one of all the elements mentioned in The Guide that I could have on my local machine to test the changes against?
-
-
-
-
-
- Technocrat.net Style-Sheet Developer's Guide
-
Champs Fri, 09 May 2008 20:48:47 PDT
-
For my part, I've noticed the supplied HTML doesn't match up with the structure offered by the guide.
-
-
-
-
-
- Technocrat.net Style-Sheet Developer's Guide
-
Bruce Perens Sat, 10 May 2008 01:15:41 PDT
-
It's being developed all day. And note that I have not documented the front page, only story pages, because I have yet to do all the front-page layout. Is there a particular problem I should fix to make style sheet development easier?
Thanks
Bruce
-
-
-
-
-
-
-
-
-
-
- Technocrat.net Style-Sheet Developer's Guide
-
Bruce Perens Sat, 10 May 2008 01:14:10 PDT
- I'll have to put in user settable style sheet paths to make that work.
-
-
-
-
-
-
-
-
- Technocrat.net Style-Sheet Developer's Guide
-
kai Fri, 09 May 2008 21:49:58 PDT
-
Lacking any other way to submit changes to the CSS, here's my version 0.9 for new.technocrat.net
body { font: 11pt/1.6 Georgia, "Times New Roman", Times, serif; background-color: #c0c0c0; } h1 { color: #fbfff6; background-color: #174554; padding-left: 0.5em; font-weight: bold; text-shadow: #000 1px 1px 3px; margin-top: -8px; margin-left: -8px; padding-top: 0.25em; padding-bottom: 0.4em; width: 100%; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } h2 { background-color: #447382; color: #fbfff6; margin-left: -14px; padding-top: 4px; padding-bottom: 4px; padding-left: 8px; margin-top: -1px; border-bottom: thick double #9ab7ab; text-shadow: #174554 1px 1px 4px; font: bold 16pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } .comment h2 a:link { font-weight: normal; text-decoration: none; color: #fbfff6; } .comment h2 a:visited { color: #fbfff6; } table.attributes { color: #174554; background-color: #9ab7ab; display: block; padding-top: 4px; margin-top: -17px; margin-left: -14px; padding-left: 8px; text-shadow: #174554 0 0 0; border-bottom: thick double #d6e1c6; font: 11pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } table.attributes a:link { color: #174554; } table.attributes a:visited { color: #447382; } .comment { color: #101010; background-color: #d6e1c6; padding-left: 1em; margin-bottom: 1em; padding-top: 1px; border-bottom: thin dotted #447382; } .comment a:link { color: #174554; } .comment a:visited { text-decoration: none; color: #447382; } .comment a:hover { color: #447382; text-decoration: none; } .preface { padding-top: 8px; margin-left: 0; padding-right: 16px; } .preface a:link { color: #174554; } .preface a:visited { color: #447382; } p.readMore { background-color: #9ab7ab; margin-left: -14px; padding-left: 14px; margin-bottom: -4px; padding-bottom: 4px; padding-top: 4px; border-top: thick double #d6e1c6; font: 11pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #174554; } blockquote { border-left: thin dotted #447382; padding-left: 1em; margin-left: 0.5em; color: #000; font-style: italic; } blockquote.reply { border: thin dotted #447382; margin-right: 4px; margin-left: 0; margin-bottom: 4px; } h5 { background-color: #9ab7ab; display: block; margin-left: -14px; margin-top: 0; padding-left: 8px; padding-top: 4px; padding-bottom: 8px; color: #174554; font: italic bold 11pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; margin-bottom: 4px; } .body { font-size: 10pt; line-height: 1.6; } .content .comment .title { font-weight: bold; } .content .comment .attributes { font-size: 70%; } .content .comment .attributes .user:before { content: "By "; } .content .comment .attributes .user a { font-style: italic; } .content .comment .attributes .date, .content .comment .attributes .top_controls { display: inline; } .comment .child .title { font-weight: bold; } .story_list { font-size: 70%; font-family: sans-serif; } .story_list a { text-decoration: none; } .story_list a:visited { display: none; } .header { width: inherit; } .torso { clear: both; width: inherit; } .footer { clear: both; width: inherit; } .left_sidebar { float: left; margin: 2px; width: 13%; height: 100%; min-width: 160px; overflow: hidden; } .center_column { float: left; margin: 2px; width: 65%; height: 100%; min-width: 10em; } .right_sidebar { float: right; margin: 1px; width: 20%; height: 100%; min-width: 5em; top: 0; }
-
-
-
-
-