cvs commit: www/test/images bluestar-9x9.png

jeroen at linuxfromscratch.org jeroen at linuxfromscratch.org
Tue Aug 26 07:23:20 PDT 2003


jeroen      03/08/26 08:23:20

  Modified:    test/style screen.css
  Added:       test/images bluestar-9x9.png
  Log:
  Major overhaul to the screen stylesheet for better readability. Also add style unordered lists with an image.
  
  Revision  Changes    Path
  1.43      +87 -394   www/test/style/screen.css
  
  Index: screen.css
  ===================================================================
  RCS file: /home/cvsroot/www/test/style/screen.css,v
  retrieving revision 1.42
  retrieving revision 1.43
  diff -u -r1.42 -r1.43
  --- screen.css	26 Aug 2003 07:43:06 -0000	1.42
  +++ screen.css	26 Aug 2003 14:23:19 -0000	1.43
  @@ -1,27 +1,9 @@
   /* Standard markup */
   
  -body {
  -	font-size: 12px;
  -	font-family: "Bitstream Vera Sans", "Lucida Sans", verdana, 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;
  -}
  +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,
  @@ -31,59 +13,26 @@
     font-size: x-small;
     voice-family: "\"}\"";
     voice-family: inherit;
  -  font-size: small;
  -}
  +  font-size: small;}
   html>body,
   html>body td,
   html>body th,
   html>body p {
  -  font-size: small;
  -}
  +  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;
  -}
  +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;}
  +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}
  @@ -91,346 +40,90 @@
   
   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%;
  -}
  +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;}
   
  -td {
  -	background-color: #eee;
  -	width: auto;
  -}
  -
  -td ul li {
  -	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;
  -}
  -
  -#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;
  -}
  -
  -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;
  -	font-family: "Bitstream Vera Sans Mono", "Lucida Console", "Lucida Sans", "Andale Mono", Arial, sans-serif;
  -	color: #333;
  -	font-weight: bold;
  -}
  -
  +.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;
  -}
  +.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;
  -}
  -
  -#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;
  -	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, verdana, 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;
  -	margin: 0;
  -	padding: 1px 0;
  -	font-family: "Bitstream Vera Sans", "Lucida Sans", arial, verdana, 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;
  -}
  +#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;}
   
  -/* Positional markup */
  +#footer a { font-weight: bold;}
   
  -#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;
  -}
  +/* 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;
  -}
  -
  +#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;}
  
  
  
  1.1                  www/test/images/bluestar-9x9.png
  
  	<<Binary file>>
  
  



More information about the website mailing list