cvs commit: www/test/style advanced.css screen.css

jeroen at linuxfromscratch.org jeroen at linuxfromscratch.org
Tue Aug 26 08:09:40 PDT 2003


jeroen      03/08/26 09:09:40

  Modified:    test/style screen.css
  Added:       test/style advanced.css
  Log:
  Move all content from screen.css to advanced.css and import that one. This effectively blocks out all 4th generation browsers like IE4 and NN4 which have trouble with the stylesheet. Based on the table at http://centricle.com/ref/css/filters/
  
  Revision  Changes    Path
  1.44      +9 -128    www/test/style/screen.css
  
  Index: screen.css
  ===================================================================
  RCS file: /home/cvsroot/www/test/style/screen.css,v
  retrieving revision 1.43
  retrieving revision 1.44
  diff -u -r1.43 -r1.44
  --- screen.css	26 Aug 2003 14:23:19 -0000	1.43
  +++ screen.css	26 Aug 2003 15:09:40 -0000	1.44
  @@ -1,129 +1,10 @@
  -/* Standard markup */
  + at import "advanced.css";
   
  -body { font-size: 12px; font-family: "Bitstream Vera Sans", "Lucida Sans", Geneva, arial, sans-serif; line-height: 1.4; color: #000; padding: 0; margin: 0; position: relative; background: #aaabbb;}
  -body.faq li, body.faq .code li { list-style-type: none;}
  -body.faq dd li { list-style-type: circle;}
  -body.root #footer { margin: 0 0 0 1em;}
  -
  -/*/*/a{}
  -body,
  -body td,
  -body th,
  -body p {
  -  font-size: x-small;
  -  voice-family: "\"}\"";
  -  voice-family: inherit;
  -  font-size: small;}
  -html>body,
  -html>body td,
  -html>body th,
  -html>body p {
  -  font-size: small;}
  -/* */
  -
  -img { border: none;}
  -
  -a { background-color: transparent; color: #30e; text-decoration: none; border-bottom: 1px solid #30e;}
  -a:visited   { background-color: transparent; color: #636; border-bottom: 1px solid #636;}
  -a:hover { background-color: transparent; color: #e80; border-bottom: 1px solid #e80;}
  -a:active { color: #0b0bfb;}
  -
  -h1,h2,h3,h4,h5 { background-color: transparent; text-align: left; white-space: nowrap; padding: 0.2em 0 0 0; margin: 0; color:  #30a; font-family: "Trebuchet MS", "Arial Narrow", "Bitstream Vera Serif", "Lucida Serif", serif;}
  -h2:target, h3:target, h4:target, h5:target {color: #e80;}
  -li:target h3, li:target h4, li:target h5 {color: #e80}
  -dt:target {color: #e80}
  -h1 { font-size: 160%; font-family: "Bitstream Vera Sans Mono", "Lucida Console", "Lucida Sans Unicode", "Lucida Sans", "Andale Mono", "Arial", sans-serif;}
  -h2 { font-size: 130%; margin-bottom: 0;}
  -h3 { font-size: 116%}
  -h4 { font-size: 104%; font-style: italic; padding: 0.2em 0 0 0.5em}
  -h5, h6 { font-size: 104%; font-style: italic; padding: 0 0 0 0.5em; color: #000;}
  -
  -p { padding: 0 0 0 1em; }
  -
  -address { margin: 1em; padding: 1em; border: 1px solid #ddd; background-color: #eee;}
  -
  -table, td { background-color: #ddd; border: solid 1px #ccc; margin: 1em; padding: 0.5em; width: 90%; \width: auto; /* Otherwise IE5 makes pages too wide */ w\idth: 90%;}
  -html>body table { width: 90%; }
  -td { background-color: #eee; width: auto;}
  -td ul li { list-style-image: none; list-style-type: none; margin-left: -3em;}
  -th { font-size: 116%; text-align: left; color:  #30a; font-family: "Trebuchet MS", "Arial Narrow", "Bitstream Vera Serif", "Lucida Serif", serif; padding: 0.2em 0.5em;}
  -
  -dt	{ font-weight: bold; margin: 0 0 0 2em;}
  -dd	{ margin: 0 0 1em 4em;}
  -dd p { margin: .5em 1em 0 0;}
  -
  -code { font-family: "Bitstream Vera Sans Mono", "Andale Mono", "Lucida Console", "Lucida Sans", Arial, sans-serif; color: #333; font-weight: bold; margin: 0 0 0 3.5em;}
  -p code, dt code, li code { margin: 0;}
  -
  -blockquote p { font-family: "Bitstream Vera Sans Mono", "Andale Mono", "Lucida Console", "Lucida Sans", Arial, sans-serif; font-style: italic;}
  -
  -select, input {font-size: 100%;}
  -input:focus { background-color:#fff; color:#000;}
  -form table th { width: 30%; text-align: right;}
  -form table td { background-color: #e3e3e3;}
  -form table th.button { width: 100%; text-align: center;}
  -
  -ul li	{ list-style-image: url(../images/bluestar-9x9.png);}
  -ol li { list-style-type: lower-alpha;}
  -
  -/* Custom classes */
  -
  -.code li { list-style-type: none; list-style-image: none; font-family: "Bitstream Vera Sans Mono", "Lucida Console", "Lucida Sans", "Andale Mono", Arial, sans-serif; color: #333; font-weight: bold;}
  -.hidden {display:none;}
  -.accesskey { border-bottom: 1px #fa6 solid;}
  -.accesskeys dt { display: run-in;}
  -
  -/* Layout styling */
  -
  -#header { background: #5e6e7e url(../images/linuxfromscratch.png) no-repeat;}
  -#header a { color: #eee; font-size: 77%; border-bottom: 1px solid #eee;}
  -#header a:visited   { background-color: transparent; color: #eee; border-bottom: none;}
  -#header a:hover { background-color: transparent; color: #e80; text-decoration: none; border-bottom: 1px solid #e80;}
  -#header h1 a { font-size: 130%; color: #f83; padding: 0; border-bottom: none;}
  -#header h2 a { font-size: 116%; color: #f80; border-bottom: none;}
  -#header h1 a:visited, #header h2 a:visited   { color: #f83; border-bottom: none;}
  -#header h1 a:hover, #header h2 a:hover { color: #fff; border-bottom: none;}
  -
  -#search input { background-color: #dfdfdf; color: #000; vertical-align: middle; font-size: 88%; padding: 0; margin: 0 0 5px 0;}
  -#search i\nput { border: 1px solid #ccc; } /* Workaround for Konqueror, see http://centricle.com/ref/css/filters/ */
  -#search input:active, #searchinput:hover { background-color: #eee;}
  -
  -#content, #index, #rootcontent	{ background: #fafafa; color: #000; line-height: 1.4; border: 1px solid #aaa;}
  -
  -#sectionnav ul, 
  -#footer ul { margin: .5em 0; padding: 0;}
  -#sectionnav li, #footer li, #pagenav li { list-style-type: none; list-style-image: none; display: inline;}
  -
  -#pagenav ul { padding: 0 0 .2em 1em; margin: 0 0 .5em 0; text-align: right; border-top: 2px solid #cdcdcd;}
  -#pagenav li a { margin: 0 0 0 .5em; font:	0.9em/3 "Bitstream Vera Sans", "Lucida Sans", arial, sans-serif;}
  -
  -#sectionnav li a { margin: 0 1em; font-family: "Bitstream Vera Sans Mono", "Lucida Console", "Lucida Sans", "Andale Mono", Arial, sans-serif; font-size: 88%;}
  -
  -#projectnav, 
  -#generalnav { border: 1px solid #aaa; padding: 2px; margin: 1em 0 0 0; background: #cccddd;}
  -#projectnav ul, 
  -#generalnav ul { margin: 0;	/* Removes all list padding */ padding: 0;}
  -#projectnav li, #generalnav li { list-style-type: none; list-style-image: none; margin: 0; padding: 1px 0; font-family: "Bitstream Vera Sans", "Lucida Sans", arial, sans-serif; line-height: 2;}
  -#projectnav h2, #projectnav h3, #generalnav h3 { padding: 0; margin: 0; font-size: 108%;}
  -#projectnav li a, #generalnav li a { display: block; padding: 0 .25em; border: 1px solid #ccc; /* invisible border so hover doesn't shift the text */ font-size: 88%;}
  -#projectnav li a:visited, #generalnav li a:visited { text-decoration: none; color: #336;}
  -#projectnav li a:hover, #generalnav li a:hover { background: #e6ebef; border-top: 1px solid #fefefe; border-left: 1px solid #fefefe; border-bottom: 1px solid #999; border-right: 1px solid #999; color: #e80;}
  -#projectnav li a.currentpage, #generalnav li a.currentpage { border: 1px solid #fa6; font-weight: bold; background: #e6ebef; color: #e80;}
  -
  -#footer a { font-weight: bold;}
  -
  -/* Positional markup */
  -
  -#language { position: absolute; top: 0; right: 1em; padding-top: 3px; /* Padding needed for Opera */ margin: 0;}
  -#header { position: relative; margin: 0; padding: 0 1em 0 2em; height: 115px;}
  -#header h1, #header h2 { margin: 0; }
  -#search { text-align: right; position: absolute; top: 2.5em; right: 1em;}
  -#sectionnav { position: relative; margin: 0; padding: 3px 0 0 0; /* Padding needed for Opera */ text-align: center;}
  -#container { margin: 0; padding: 1em 0 0 0; position: relative; width: 100%;}
  -#content, #index, #rootcontent { position: relative; margin: 0 14em 1em 14em; padding: 1em; min-height: 25em;}
  -#index { margin: 1em;}
  -#rootcontent { margin: 0 14em 1em 1em; }
  -#footer { margin: 0 14em 0 14em; padding: 0 1em; text-align: left; font-size: 77%; color: #777;}
  -#footer a { font-size: 104%; border: 0;}
  -#projectnav { position: absolute; left: .5em; top: 0; width: 12.5em;}
  -#generalnav { position: absolute; right: .5em; top: 0; width: 12.5em;}
  +/*	General rules for all browsers can be written here.
  +	If someone cares enough for IE4 and NN4, they can import
  +	rules from advanced.css to this one and mail me patches to
  +	this stylesheet 
  +	(http://linuxfromscratch.org/mailman/listinfo/website).
  +	Since I don't have either browser, I'm dropping support for
  +	them completely.
  +*/
  \ No newline at end of file
  
  
  
  1.1                  www/test/style/advanced.css
  
  Index: advanced.css
  ===================================================================
  /* Standard markup */
  
  body { font-size: 12px; font-family: "Bitstream Vera Sans", "Lucida Sans", Geneva, arial, sans-serif; line-height: 1.4; color: #000; padding: 0; margin: 0; position: relative; background: #aaabbb;}
  body.faq li, body.faq .code li { list-style-type: none;}
  body.faq dd li { list-style-type: circle;}
  body.root #footer { margin: 0 0 0 1em;}
  
  /*/*/a{}
  body,
  body td,
  body th,
  body p {
    font-size: x-small;
    voice-family: "\"}\"";
    voice-family: inherit;
    font-size: small;}
  html>body,
  html>body td,
  html>body th,
  html>body p {
    font-size: small;}
  /* */
  
  img { border: none;}
  
  a { background-color: transparent; color: #30e; text-decoration: none; border-bottom: 1px solid #30e;}
  a:visited   { background-color: transparent; color: #636; border-bottom: 1px solid #636;}
  a:hover { background-color: transparent; color: #e80; border-bottom: 1px solid #e80;}
  a:active { color: #0b0bfb;}
  
  h1,h2,h3,h4,h5 { background-color: transparent; text-align: left; white-space: nowrap; padding: 0.2em 0 0 0; margin: 0; color:  #30a; font-family: "Trebuchet MS", "Arial Narrow", "Bitstream Vera Serif", "Lucida Serif", serif;}
  h2:target, h3:target, h4:target, h5:target {color: #e80;}
  li:target h3, li:target h4, li:target h5 {color: #e80}
  dt:target {color: #e80}
  h1 { font-size: 160%; font-family: "Bitstream Vera Sans Mono", "Lucida Console", "Lucida Sans Unicode", "Lucida Sans", "Andale Mono", "Arial", sans-serif;}
  h2 { font-size: 130%; margin-bottom: 0;}
  h3 { font-size: 116%}
  h4 { font-size: 104%; font-style: italic; padding: 0.2em 0 0 0.5em}
  h5, h6 { font-size: 104%; font-style: italic; padding: 0 0 0 0.5em; color: #000;}
  
  p { padding: 0 0 0 1em; }
  
  address { margin: 1em; padding: 1em; border: 1px solid #ddd; background-color: #eee;}
  
  table, td { background-color: #ddd; border: solid 1px #ccc; margin: 1em; padding: 0.5em; width: 90%; \width: auto; /* Otherwise IE5 makes pages too wide */ w\idth: 90%;}
  html>body table { width: 90%; }
  td { background-color: #eee; width: auto;}
  td ul li { list-style-image: none; list-style-type: none; margin-left: -3em;}
  th { font-size: 116%; text-align: left; color:  #30a; font-family: "Trebuchet MS", "Arial Narrow", "Bitstream Vera Serif", "Lucida Serif", serif; padding: 0.2em 0.5em;}
  
  dt	{ font-weight: bold; margin: 0 0 0 2em;}
  dd	{ margin: 0 0 1em 4em;}
  dd p { margin: .5em 1em 0 0;}
  
  code { font-family: "Bitstream Vera Sans Mono", "Andale Mono", "Lucida Console", "Lucida Sans", Arial, sans-serif; color: #333; font-weight: bold; margin: 0 0 0 3.5em;}
  p code, dt code, li code { margin: 0;}
  
  blockquote p { font-family: "Bitstream Vera Sans Mono", "Andale Mono", "Lucida Console", "Lucida Sans", Arial, sans-serif; font-style: italic;}
  
  select, input {font-size: 100%;}
  input:focus { background-color:#fff; color:#000;}
  form table th { width: 30%; text-align: right;}
  form table td { background-color: #e3e3e3;}
  form table th.button { width: 100%; text-align: center;}
  
  ul li	{ list-style-image: url(../images/bluestar-9x9.png);}
  ol li { list-style-type: lower-alpha;}
  
  /* Custom classes */
  
  .code li { list-style-type: none; list-style-image: none; font-family: "Bitstream Vera Sans Mono", "Lucida Console", "Lucida Sans", "Andale Mono", Arial, sans-serif; color: #333; font-weight: bold;}
  .hidden {display:none;}
  .accesskey { border-bottom: 1px #fa6 solid;}
  .accesskeys dt { display: run-in;}
  
  /* Layout styling */
  
  #header { background: #5e6e7e url(../images/linuxfromscratch.png) no-repeat;}
  #header a { color: #eee; font-size: 77%; border-bottom: 1px solid #eee;}
  #header a:visited   { background-color: transparent; color: #eee; border-bottom: none;}
  #header a:hover { background-color: transparent; color: #e80; text-decoration: none; border-bottom: 1px solid #e80;}
  #header h1 a { font-size: 130%; color: #f83; padding: 0; border-bottom: none;}
  #header h2 a { font-size: 116%; color: #f80; border-bottom: none;}
  #header h1 a:visited, #header h2 a:visited   { color: #f83; border-bottom: none;}
  #header h1 a:hover, #header h2 a:hover { color: #fff; border-bottom: none;}
  
  #search input { background-color: #dfdfdf; color: #000; vertical-align: middle; font-size: 88%; padding: 0; margin: 0 0 5px 0;}
  #search i\nput { border: 1px solid #ccc; } /* Workaround for Konqueror, see http://centricle.com/ref/css/filters/ */
  #search input:active, #searchinput:hover { background-color: #eee;}
  
  #content, #index, #rootcontent	{ background: #fafafa; color: #000; line-height: 1.4; border: 1px solid #aaa;}
  
  #sectionnav ul, 
  #footer ul { margin: .5em 0; padding: 0;}
  #sectionnav li, #footer li, #pagenav li { list-style-type: none; list-style-image: none; display: inline;}
  
  #pagenav ul { padding: 0 0 .2em 1em; margin: 0 0 .5em 0; text-align: right; border-top: 2px solid #cdcdcd;}
  #pagenav li a { margin: 0 0 0 .5em; font:	0.9em/3 "Bitstream Vera Sans", "Lucida Sans", arial, sans-serif;}
  
  #sectionnav li a { margin: 0 1em; font-family: "Bitstream Vera Sans Mono", "Lucida Console", "Lucida Sans", "Andale Mono", Arial, sans-serif; font-size: 88%;}
  
  #projectnav, #generalnav { border: 1px solid #aaa; padding: 2px; margin: 1em 0 0 0; background: #cccddd;}
  #projectnav ul, #generalnav ul { margin: 0;	/* Removes all list padding */ padding: 0;}
  #projectnav li, #generalnav li { list-style-type: none; list-style-image: none; margin: 0; padding: 1px 0; font-family: "Bitstream Vera Sans", "Lucida Sans", arial, sans-serif; line-height: 2;}
  #projectnav h2, #projectnav h3, #generalnav h3 { padding: 0; margin: 0; font-size: 108%;}
  #projectnav li a, #generalnav li a { display: block; padding: 0 .25em; border: 1px solid #ccc; /* invisible border so hover doesn't shift the text */ font-size: 88%;}
  #projectnav li a:visited, #generalnav li a:visited { text-decoration: none; color: #336;}
  #projectnav li a:hover, #generalnav li a:hover { background: #e6ebef; border-top: 1px solid #fefefe; border-left: 1px solid #fefefe; border-bottom: 1px solid #999; border-right: 1px solid #999; color: #e80;}
  #projectnav li a.currentpage, #generalnav li a.currentpage { border: 1px solid #fa6; font-weight: bold; background: #e6ebef; color: #e80;}
  
  #footer a { font-weight: bold;}
  
  /* Positional markup */
  
  #language { position: absolute; top: 0; right: 1em; padding-top: 3px; /* Padding needed for Opera */ margin: 0;}
  #header { position: relative; margin: 0; padding: 0 1em 0 2em; height: 115px;}
  #header h1, #header h2 { margin: 0; }
  #search { text-align: right; position: absolute; top: 2.5em; right: 1em;}
  #sectionnav { position: relative; margin: 0; padding: 3px 0 0 0; /* Padding needed for Opera */ text-align: center;}
  
  #container { margin: 0; padding: 1em 0 0 0; position: relative; width: 100%;}
  #content, #index, #rootcontent { position: relative; margin: 0 14em 1em 14em; padding: 1em; min-height: 25em;}
  #index { margin: 1em;}
  #rootcontent { margin: 0 14em 1em 1em; }
  
  html[xmlns] div#footer { margin: 0 14em;} /* This rule is hidden for all IE versions, to acomodate the different em sizes */
  #footer { margin: 0 14em 0 18em; padding: 0 1em; text-align: left; font-size: 77%; color: #777;}
  #footer a { font-size: 104%; border: 0;}
  #projectnav { position: absolute; left: .5em; top: 0; width: 12.5em;}
  #generalnav { position: absolute; right: .5em; top: 0; width: 12.5em;}
  
  
  



More information about the website mailing list