You are viewing a plain text version of this content. The canonical link for it is here.
Posted to dev@ofbiz.apache.org by Tim Ruppert <ti...@hotwaxmedia.com> on 2009/04/09 11:26:50 UTC

Re: svn commit: r763544 - /ofbiz/site/css/global.css

Jacques, I duplicated this fix on the build.ofbiz.org and log.ofbiz.org servers.  I will have it fixed on the docs.ofbiz.org server shortly.  Thanks for the catch.

Looking forward to when these are all the same server - and hosted by our OFBiz instance!

Cheers,
Tim
--
Tim Ruppert
HotWax Media
http://www.hotwaxmedia.com

o:801.649.6594
f:801.649.6595

----- jleroux@apache.org wrote:

> Author: jleroux
> Date: Thu Apr  9 07:32:39 2009
> New Revision: 763544
> 
> URL: http://svn.apache.org/viewvc?rev=763544&view=rev
> Log:
> Center footer text
> 
> Modified:
>     ofbiz/site/css/global.css
> 
> Modified: ofbiz/site/css/global.css
> URL:
> http://svn.apache.org/viewvc/ofbiz/site/css/global.css?rev=763544&r1=763543&r2=763544&view=diff
> ==============================================================================
> --- ofbiz/site/css/global.css (original)
> +++ ofbiz/site/css/global.css Thu Apr  9 07:32:39 2009
> @@ -1,590 +1,590 @@
>  * {
> -	margin: 0;
> -	padding: 0;
> -	outline: 0
> +    margin: 0;
> +    padding: 0;
> +    outline: 0
>  }
>  
>  html,body,#wrap-out {
> -	height: 100%;
> +    height: 100%;
>  }
>  
>  body {
> -	font: 11px/ 165% "Lucida Grande", Geneva, Verdana, Arial, Helvetica,
> sans-serif;
> -	color: #666666;
> -	margin: 0;
> -	padding: 0;
> +    font: 11px/ 165% "Lucida Grande", Geneva, Verdana, Arial,
> Helvetica, sans-serif;
> +    color: #666666;
> +    margin: 0;
> +    padding: 0;
>          background: url(../images/bg.png) top left repeat-x #b5b5b5;
> -	text-align: center;
> -	height: auto;
> -	min-height: 100%;
> +    text-align: center;
> +    height: auto;
> +    min-height: 100%;
>  }
>  
>  .clearfix:after {
> -	content: ".";
> -	display: block;
> -	height: 0;
> -	clear: both;
> -	visibility: hidden;
> +    content: ".";
> +    display: block;
> +    height: 0;
> +    clear: both;
> +    visibility: hidden;
>  }
>  
>  .clearfix {
> -	display: inline-block;
> +    display: inline-block;
>  }
>  
>  * html .clearfix {
> -	height: 1%;
> +    height: 1%;
>  }
>  
>  .clearfix {
> -	display: block;
> +    display: block;
>  }
>  
>  .clearLeft {
> -	clear:left;
> +    clear:left;
>  }
>  
>  a,a:active,a:link {
> -	text-decoration: none;
> -	color: #29456b;
> +    text-decoration: none;
> +    color: #29456b;
>  }
>  
>  a:visited {
> -	text-decoration: none;
> +    text-decoration: none;
>  }
>  
>  a:hover {
> -	color: #030d1c;
> +    color: #030d1c;
>  }
>  
>  h1,h2,h3 {
> -	font-family: "Trebuchet MS", Tahoma, Arial, Sans-serif;
> -	color: #555;
> +    font-family: "Trebuchet MS", Tahoma, Arial, Sans-serif;
> +    color: #555;
>  }
>  
>  h1 {
> -	font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica,
> sans-serif;
> -	font-size: 350%;
> -	font-weight: normal;
> -	letter-spacing: -2px;
> -	padding: 15px 10px 5px 10px;
> -	margin: 0;
> +    font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica,
> sans-serif;
> +    font-size: 350%;
> +    font-weight: normal;
> +    letter-spacing: -2px;
> +    padding: 15px 10px 5px 10px;
> +    margin: 0;
>  }
>  
>  h2 {
> -	font-size: 200%;
> -	color: #895F30;
> -	padding: 20px 10px 5px 10px;
> -	margin: 0;
> +    font-size: 200%;
> +    color: #895F30;
> +    padding: 20px 10px 5px 10px;
> +    margin: 0;
>  }
>  
>  h3 {
> -	font-size: 170%;
> -	font-weight: normal;
> -	padding: 20px 10px 5px 10px;
> -	margin: 0;
> +    font-size: 170%;
> +    font-weight: normal;
> +    padding: 20px 10px 5px 10px;
> +    margin: 0;
>  }
>  
>  p,dl {
> -	padding: 10px;
> -	margin: 0;
> +    padding: 10px;
> +    margin: 0;
>  }
>  
>  ul{
> -	margin: 10px 10px;
> -	padding: 0;
> +    margin: 10px 10px;
> +    padding: 0;
>  }
>  
>  ul {
> -	list-style: none;
> +    list-style: none;
>  }
>  
>  ol {
> -	margin: 10px 30px;
> -	padding: 0;
> +    margin: 10px 30px;
> +    padding: 0;
>  }
>  
>  dt {
> -	font-weight: bold;
> -	color: #895F30;
> +    font-weight: bold;
> +    color: #895F30;
>  }
>  
>  dd {
> -	padding-left: 25px;
> +    padding-left: 25px;
>  }
>  
>  img {
> -	border: none;
> +    border: none;
>  }
>  
>  p img {
> -	background: #fafafa;
> -   	border: 1px solid #dcdcdc;
> -	padding: 5px;
> -	margin:0 10px 0 0;
> +    background: #fafafa;
> +       border: 1px solid #dcdcdc;
> +    padding: 5px;
> +    margin:0 10px 0 0;
>  }
>  
>  img.float-right {
> -	margin: 5px 0px 10px 10px;
> +    margin: 5px 0px 10px 10px;
>  }
>  
>  img.float-left {
> -	margin: 5px 10px 10px 0px;
> +    margin: 5px 10px 10px 0px;
>  }
>  
>  code {
> -	margin: 5px 0;
> -	padding: 15px;
> -	text-align: left;
> -	display: block;
> -	overflow: auto;
> -	font: 500 1em/ 1.5em 'Lucida Console', 'courier new', monospace;
> -	/* white-space: pre; */
> -	border: 1px solid #ECF8FE;
> -	background: #ECF8FE;
> +    margin: 5px 0;
> +    padding: 15px;
> +    text-align: left;
> +    display: block;
> +    overflow: auto;
> +    font: 500 1em/ 1.5em 'Lucida Console', 'courier new', monospace;
> +    /* white-space: pre; */
> +    border: 1px solid #ECF8FE;
> +    background: #ECF8FE;
>  }
>  
>  acronym {
> -	cursor: help;
> -	border-bottom: 1px dotted #895F30;
> +    cursor: help;
> +    border-bottom: 1px dotted #895F30;
>  }
>  
>  blockquote {
> -	margin: 15px 10px;
> -	padding: 10px 10px 10px 35px;
> -	border: 1px solid #ECF8FE;
> -	background: #ECF8FE url(../images/quote.jpg) no-repeat 10px 10px;
> -	font-weight: normal;
> -	font-size: 1.5em;
> -	line-height: 1.5em;
> -	font-style: italic;
> -	font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica,
> sans-serif;
> -	color: #976957;
> +    margin: 15px 10px;
> +    padding: 10px 10px 10px 35px;
> +    border: 1px solid #ECF8FE;
> +    background: #ECF8FE url(../images/quote.jpg) no-repeat 10px
> 10px;
> +    font-weight: normal;
> +    font-size: 1.5em;
> +    line-height: 1.5em;
> +    font-style: italic;
> +    font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica,
> sans-serif;
> +    color: #976957;
>  }
>  
>  table {
> -	border-collapse: collapse;
> -	margin: 15px 10px;
> +    border-collapse: collapse;
> +    margin: 15px 10px;
>  }
>  
>  th {
> -	background: #ADD8E6 url(../images/header-bg.jpg) repeat-x 0 -100px;
> -	height: 38px;
> -	padding-left: 12px;
> -	padding-right: 12px;
> -	color: #fff;
> -	text-align: left;
> -	border-left: 1px solid #78C7FA;
> -	border-bottom: solid 2px #fff;
> +    background: #ADD8E6 url(../images/header-bg.jpg) repeat-x 0
> -100px;
> +    height: 38px;
> +    padding-left: 12px;
> +    padding-right: 12px;
> +    color: #fff;
> +    text-align: left;
> +    border-left: 1px solid #78C7FA;
> +    border-bottom: solid 2px #fff;
>  }
>  
>  tr {
> -	height: 34px;
> +    height: 34px;
>  }
>  
>  td {
> -	padding-left: 11px;
> -	padding-right: 11px;
> +    padding-left: 11px;
> +    padding-right: 11px;
>  }
>  
>  
>  input,select {
> -	padding: 4px;
> -	font: normal 1em Verdana, sans-serif;
> -	color: #666666;
> -	background: #fff;
> +    padding: 4px;
> +    font: normal 1em Verdana, sans-serif;
> +    color: #666666;
> +    background: #fff;
>  }
>  
>  textarea {
> -	width: 400px;
> -	padding: 4px;
> -	font: normal 1em Verdana, sans-serif;
> -	height: 100px;
> -	display: block;
> -	color: #666666;
> +    width: 400px;
> +    padding: 4px;
> +    font: normal 1em Verdana, sans-serif;
> +    height: 100px;
> +    display: block;
> +    color: #666666;
>  }
>  
>  input,textarea,select {
> -	background: #fff;
> -	border-width: 1px;
> -	border-style: solid;
> -	border-color: #D4D4D4 #ebebeb #ebebeb #d4d4d4;
> +    background: #fff;
> +    border-width: 1px;
> +    border-style: solid;
> +    border-color: #D4D4D4 #ebebeb #ebebeb #d4d4d4;
>  }
>  
>  input.button {
> -	font: bold 12px Arial, Sans-serif;
> -	height: 30px;
> -	margin: 0;
> -	padding: 2px 3px;
> -	color: #555;
> -	background: #E6E6E6;
> -	border-width: 1px;
> -	border-style: solid;
> -	border-color: #ebebeb #d4d4d4 #d4d4d4 #ebebeb;
> +    font: bold 12px Arial, Sans-serif;
> +    height: 30px;
> +    margin: 0;
> +    padding: 2px 3px;
> +    color: #555;
> +    background: #E6E6E6;
> +    border-width: 1px;
> +    border-style: solid;
> +    border-color: #ebebeb #d4d4d4 #d4d4d4 #ebebeb;
>  }
>  
>  #wrap-out {
> -	position: relative;
> -	background: #fff url(../images/wrapper.jpg) top center no-repeat;
> -	width: 945px;
> -	margin: 0 auto;
> -	text-align: left;
> +    position: relative;
> +    background: #fff url(../images/wrapper.jpg) top center
> no-repeat;
> +    width: 945px;
> +    margin: 0 auto;
> +    text-align: left;
>  }
>  
>  #wrap {
> -	width: 945px;
> -	margin: 0 auto;
> +    width: 945px;
> +    margin: 0 auto;
>  }
>  
>  #content-wrap {
> -	position: relative;
> -	clear: both;
> -	float: left;
> -	width: 945px;
> -	padding: 0;
> -	margin-left: 5px;
> -	display: inline;
> -	background: url(../images/content-bg.png) 585px 0px transparent;
> -	background-repeat: repeat-y;
> -	padding-bottom: 42px;
> +    position: relative;
> +    clear: both;
> +    float: left;
> +    width: 945px;
> +    padding: 0;
> +    margin-left: 5px;
> +    display: inline;
> +    background: url(../images/content-bg.png) 585px 0px transparent;
> +    background-repeat: repeat-y;
> +    padding-bottom: 42px;
>  }
>  
>  #header {
> -	position: relative;
> -	width: 945px;
> -	height: 130px;
> -	padding: 0;
> -	margin: 0 auto;
> -	background: transparent;
> +    position: relative;
> +    width: 945px;
> +    height: 130px;
> +    padding: 0;
> +    margin: 0 auto;
> +    background: transparent;
>  }
>  
>  #header #logo {
> -	position: absolute;
> -	top: 15px;
> -	left: 30px;
> -	height: 42px;
> -	width: 405px;
> +    position: absolute;
> +    top: 15px;
> +    left: 30px;
> +    height: 42px;
> +    width: 405px;
>  }
>  
>  #header #logo a,img {
> -	background: none;
> -	border: none;
> +    background: none;
> +    border: none;
>  }
>  
>  #header #controls {
> -	position: absolute;
> -	top: 60px;
> -	right: 32px;
> -	height: 42px;
> -	color: #1b78d7;
> -	font-size: 12px;
> -	background: url(../images/house.gif) top right no-repeat;
> -	padding-right: 20px;
> -	text-align: right;
> +    position: absolute;
> +    top: 60px;
> +    right: 32px;
> +    height: 42px;
> +    color: #1b78d7;
> +    font-size: 12px;
> +    background: url(../images/house.gif) top right no-repeat;
> +    padding-right: 20px;
> +    text-align: right;
>  }
>  
>  #header #controls a {
> -	position: relative;
> -	top: -2px;
> +    position: relative;
> +    top: -2px;
>  }
>  
>  #header #language {
> -	position: absolute;
> -	top: 10px;
> -	right: 32px;
> -	height: 42px;
> -	color: #797c7e;
> -	text-align: right;
> +    position: absolute;
> +    top: 10px;
> +    right: 32px;
> +    height: 42px;
> +    color: #797c7e;
> +    text-align: right;
>  }
>  
>  #search {
> -	position:absolute;
> -	top:88px;
> -	right:30px;
> -	background:url(../images/search.gif) center left no-repeat;
> -	padding-left:20px;
> +    position:absolute;
> +    top:88px;
> +    right:30px;
> +    background:url(../images/search.gif) center left no-repeat;
> +    padding-left:20px;
>  }
>  
>  .hintText {
> -  	display: none;
> +      display: none;
>  }
>  
>  .fieldWithHint {
> -  	color: #001f2f;
> +      color: #001f2f;
>  }
>  
>  #nav {
> -	position: absolute;
> -	clear: both;
> -	margin: 0;
> -	padding: 0;
> -	height: 34px;
> -	left: 30px;
> -	top: 82px;
> -	z-index: 99999;
> +    position: absolute;
> +    clear: both;
> +    margin: 0;
> +    padding: 0;
> +    height: 34px;
> +    left: 30px;
> +    top: 82px;
> +    z-index: 99999;
>  }
>  
>  #nav ul {
> -	float: left;
> -	list-style: none;
> -	width: 600px;
> -	height: 34px;
> -	text-transform: uppercase;
> -	margin: 0;
> -	padding: 0;
> -	display: inline;
> +    float: left;
> +    list-style: none;
> +    width: 600px;
> +    height: 34px;
> +    text-transform: uppercase;
> +    margin: 0;
> +    padding: 0;
> +    display: inline;
>  }
>  
>  #nav ul li {
> -	display: inline;
> -	margin: 0;
> -	padding: 0;
> +    display: inline;
> +    margin: 0;
> +    padding: 0;
>  }
>  
>  #nav ul li a {
> -	float: left;
> -	margin: 0 5px 0 0;
> -	padding: 0px 20px 0px 20px;
> -	font: bold 12px/ 34px "Trebuchet MS", Helvetica, Arial, Geneva,
> sans-serif;
> -	text-transform: lowercase;
> -	text-decoration: none;
> -	letter-spacing: -0.3px;
> -	color: #fff;
> +    float: left;
> +    margin: 0 5px 0 0;
> +    padding: 0px 20px 0px 20px;
> +    font: bold 12px/ 34px "Trebuchet MS", Helvetica, Arial, Geneva,
> sans-serif;
> +    text-transform: lowercase;
> +    text-decoration: none;
> +    letter-spacing: -0.3px;
> +    color: #fff;
>  }
>  
>  #nav ul li a:hover,#nav ul li a:active {
> -	color: #111;
> -	background-image: url(../images/header_hot.jpg);
> -	border: none;
> +    color: #111;
> +    background-image: url(../images/header_hot.jpg);
> +    border: none;
>  }
>  
>  #nav ul li#current a {
> -	color: #333333;
> -	background-image: url(../images/header_hot.jpg);
> +    color: #333333;
> +    background-image: url(../images/header_hot.jpg);
>  }
>  
>  #main {
> -	float: left;
> -	width: 560px;
> -	padding: 0;
> -	margin: 0 0 0 20px;
> -	display: inline;
> +    float: left;
> +    width: 560px;
> +    padding: 0;
> +    margin: 0 0 0 20px;
> +    display: inline;
>  }
>  
>  #main h2 {
> -	padding-bottom: 3px;
> -	margin-top: 15px;
> -	font: normal 3.5em "Lucida Grande", Geneva, Verdana, Arial,
> Helvetica, sans-serif;
> -	color: #666;
> -	letter-spacing: -2px;
> -	text-transform: none;
> -	border-bottom: 1px solid #ebebeb;
> +    padding-bottom: 3px;
> +    margin-top: 15px;
> +    font: normal 3.5em "Lucida Grande", Geneva, Verdana, Arial,
> Helvetica, sans-serif;
> +    color: #666;
> +    letter-spacing: -2px;
> +    text-transform: none;
> +    border-bottom: 1px solid #ebebeb;
>  }
>  
>  #main h2 a {
> -	color: #666;
> -	text-decoration: none;
> -	background: none;
> -	border: none;
> +    color: #666;
> +    text-decoration: none;
> +    background: none;
> +    border: none;
>  }
>  
>  #main ul li {
> -	list-style-image: url(../images/bullet.gif);
> +    list-style-image: url(../images/bullet.gif);
>  }
>  
>  #col1 {
> -	float: left;
> -	width: 260px;
> -	padding: 0;
> -	margin: 20px 0 0 20px;
> -	display: inline;
> +    float: left;
> +    width: 260px;
> +    padding: 0;
> +    margin: 20px 0 0 20px;
> +    display: inline;
>  }
>  
>  #col2 {
> -	float: left;
> -	width: 260px;
> -	padding: 0;
> -	margin: 20px 0 0 20px;
> -	display: inline;
> +    float: left;
> +    width: 260px;
> +    padding: 0;
> +    margin: 20px 0 0 20px;
> +    display: inline;
>  }
>  
>  #col1 h2, col2 h2 {
> -	padding-bottom: 3px;
> -	margin-top: 15px;
> -	font: normal 3.5em "Lucida Grande", Geneva, Verdana, Arial,
> Helvetica, sans-serif;
> -	color: #666;
> -	letter-spacing: -2px;
> -	text-transform: none;
> -	border-bottom: 1px solid #ebebeb;
> +    padding-bottom: 3px;
> +    margin-top: 15px;
> +    font: normal 3.5em "Lucida Grande", Geneva, Verdana, Arial,
> Helvetica, sans-serif;
> +    color: #666;
> +    letter-spacing: -2px;
> +    text-transform: none;
> +    border-bottom: 1px solid #ebebeb;
>  }
>  
>  #sidebar {
> -	float: right;
> -	width: 300px;
> -	padding: 0;
> -	margin: 15px 20px 0 0;
> -	display: inline;
> +    float: right;
> +    width: 300px;
> +    padding: 0;
> +    margin: 15px 20px 0 0;
> +    display: inline;
>  }
>  
>  #sidebar h3 {
> -	margin-top: 10px;
> -	padding: 15px 5px 3px 5px;
> -	font: normal 2em 'trebuchet MS', Tahoma, Helvetica, Arial,
> sans-serif;
> -	color: #666666;
> -	letter-spacing: -.5px;
> +    margin-top: 10px;
> +    padding: 15px 5px 3px 5px;
> +    font: normal 2em 'trebuchet MS', Tahoma, Helvetica, Arial,
> sans-serif;
> +    color: #666666;
> +    letter-spacing: -.5px;
>  }
>  
>  #sidebar ul.sidemenu {
> -	text-align: left;
> -	margin: 0px 5px 8px 0px;
> -	padding: 5px 0 0 0;
> -	text-decoration: none;
> -	background: url(../images/dots.gif) repeat-x left top;
> +    text-align: left;
> +    margin: 0px 5px 8px 0px;
> +    padding: 5px 0 0 0;
> +    text-decoration: none;
> +    background: url(../images/dots.gif) repeat-x left top;
>  }
>  
>  #sidebar ul.sidemenu li {
> -	list-style: none;
> -	background: url(dots.gif) repeat-x left bottom;
> -	padding: 4px 10px;
> -	margin: 0;
> +    list-style: none;
> +    background: url(dots.gif) repeat-x left bottom;
> +    padding: 4px 10px;
> +    margin: 0;
>  }
>  
>  * html body #sidebar ul.sidemenu li {
> -	height: 1%;
> +    height: 1%;
>  }
>  
>  #sidebar ul.sidemenu li a {
> -	text-decoration: none;
> -	background-image: none;
> -	background-color: transparent;
> -	border: none;
> -	color: #304c70;
> -	font-weight: bold;
> -	font-family: "Trebuchet MS", Tahoma, Helvetica, Arial, Sans-serif;
> -	font-size: 14px;
> -	/* letter-spacing: .5px;  */
> +    text-decoration: none;
> +    background-image: none;
> +    background-color: transparent;
> +    border: none;
> +    color: #304c70;
> +    font-weight: bold;
> +    font-family: "Trebuchet MS", Tahoma, Helvetica, Arial,
> Sans-serif;
> +    font-size: 14px;
> +    /* letter-spacing: .5px;  */
>  }
>  
>  #sidebar ul.sidemenu li a span {
> -	color: #989898;
> -	font-family: Georgia, "Times New Roman", Times, serif;
> -	font-style: italic;
> -	font-weight: normal;
> -	font-size: .8em;
> +    color: #989898;
> +    font-family: Georgia, "Times New Roman", Times, serif;
> +    font-style: italic;
> +    font-weight: normal;
> +    font-size: .8em;
>  }
>  
>  #sidebar ul.sidemenu li a:hover {
> -	color: #555;
> +    color: #555;
>  }
>  
>  #sidebar ul.sidemenu ul {
> -	margin: 0 0 0 5px;
> -	padding: 0;
> +    margin: 0 0 0 5px;
> +    padding: 0;
>  }
>  
>  #sidebar ul.sidemenu ul li {
> -	background: none;
> +    background: none;
>  }
>  
>  #sidebar .indentfirst {
> -	margin-left:0px;
> +    margin-left:0px;
>  }
>  
>  #sidebar .indentsecond {
> -	margin-left:20px;
> +    margin-left:20px;
>  }
>  
>  #footer-wrap {
> -	position: relative;
> -	clear: both;
> -	padding: 0px;
> -	margin-top: -150px;
> -	margin: 0px;
> -	font: normal 1em 'Trebuchet MS', Tahoma, sans-serif;
> -	background: url(../images/footer.png) top center no-repeat;
> -	color: #777;
> -	width: 945px;
> -	height: 42px;
> -	float: left;
> +    position: relative;
> +    clear: both;
> +    padding: 0px;
> +    margin-top: -150px;
> +    margin: 0px;
> +    font: normal 1em 'Trebuchet MS', Tahoma, sans-serif;
> +    background: url(../images/footer.png) top center no-repeat;
> +    color: #777;
> +    width: 945px;
> +    height: 42px;
> +    float: left;
>  }
>  
>  #footer-content {
> -	margin: 15px 0 10px 30px;
> -	width: 880px;
> -	text-align: left;
> -	color: #333;
> +    margin: 15px 0 10px 30px;
> +    width: 880px;
> +    text-align: center;
> +    color: #333;
>  }
>  
>  .postmeta {
> -	padding: 5px;
> -	margin: 20px 10px 15px 10px;
> -	font-size: 1em;
> -	color: #777;
> -	border: 1px solid #ECF8FE;
> -	background: #ECF8FE;
> +    padding: 5px;
> +    margin: 20px 10px 15px 10px;
> +    font-size: 1em;
> +    color: #777;
> +    border: 1px solid #ECF8FE;
> +    background: #ECF8FE;
>  }
>  
>  .postmeta .date {
> -	margin: 0 10px 0 5px;
> +    margin: 0 10px 0 5px;
>  }
>  
>  .postmeta a.comments {
> -	margin: 0 10px 0 5px;
> +    margin: 0 10px 0 5px;
>  }
>  
>  .postmeta a.readmore {
> -	margin: 0 10px 0 5px;
> +    margin: 0 10px 0 5px;
>  }
>  
>  .post-info {
> -	font-size: .95em;
> -	padding-top: 3px;
> -	margin-left: 5px;
> -	color: #bababa;
> +    font-size: .95em;
> +    padding-top: 3px;
> +    margin-left: 5px;
> +    color: #bababa;
>  }
>  
>  .post-info a {
> -	color: #C5935C;
> +    color: #C5935C;
>  }
>  
>  p.thumbs {
> -	padding: 12px 0 0 10px;
> +    padding: 12px 0 0 10px;
>  }
>  
>  .thumbs img {
> -	position: relative;
> -	border: 1px solid #ebebeb;
> -	background: none;
> -	padding: 4px;
> -	margin: 5px;
> -	/* margin: 4px 7px 4px 4px; */
> +    position: relative;
> +    border: 1px solid #ebebeb;
> +    background: none;
> +    padding: 4px;
> +    margin: 5px;
> +    /* margin: 4px 7px 4px 4px; */
>  }
>  
>  .thumbs img:hover {
> -	border: 1px solid #c5c5c5;
> -	background: none;
> +    border: 1px solid #c5c5c5;
> +    background: none;
>  }
>  
>  .thumbs a:hover {
> -	background-color: transparent;
> -	border: none
> +    background-color: transparent;
> +    border: none
>  }
>  
>  .float-left {
> -	float: left;
> +    float: left;
>  }
>  
>  .float-right {
> -	float: right;
> +    float: right;
>  }
>  
>  .align-left {
> -	text-align: left;
> +    text-align: left;
>  }
>  
>  .align-right {
> -	text-align: right;
> +    text-align: right;
>  }
>  
>  .clearer {
> -	clear: both;
> +    clear: both;
>  }

Re: svn commit: r763544 - /ofbiz/site/css/global.css

Posted by Tim Ruppert <ti...@hotwaxmedia.com>.
Either way works for me - I just deferred to the other designers would did the design and then when I saw it - it caught my eye.  Let's leave it your way unless someone else says they agree.

Cheers,
Tim
--
Tim Ruppert
HotWax Media
http://www.hotwaxmedia.com

o:801.649.6594
f:801.649.6595

----- "Jacques Le Roux" <ja...@les7arts.com> wrote:

> Hi Tim,
> 
> I must say that it did not occur to me. I asked my wife (she is a
> painter and graphic designer) and she told me "as it's in another 
> grayed area it does not hurt eyes". So yes, I keep my change except if
> other persons feel like you, of course.
> 
> Thanks
> 
> Jacques
> 
> From: "Tim Ruppert" <ti...@hotwaxmedia.com>
> > Btw, Jacques - I think I liked it better the other way.  When  you
> do this - then the sidebar image cuts right thru the centered 
> > text.  If it's all the same to you, I'd vote to put it back.  I'll
> let you decide though since it was your idea - and I'll follow 
> > your lead on the other sites.
> >
> > Cheers,
> > Tim
> > --
> > Tim Ruppert
> > HotWax Media
> > http://www.hotwaxmedia.com
> >
> > o:801.649.6594
> > f:801.649.6595
> >
> > ----- "Tim Ruppert" <ti...@hotwaxmedia.com> wrote:
> >
> >> Jacques, I duplicated this fix on the build.ofbiz.org and
> >> log.ofbiz.org servers.  I will have it fixed on the docs.ofbiz.org
> >> server shortly.  Thanks for the catch.
> >>
> >> Looking forward to when these are all the same server - and hosted
> by
> >> our OFBiz instance!
> >>
> >> Cheers,
> >> Tim
> >> --
> >> Tim Ruppert
> >> HotWax Media
> >> http://www.hotwaxmedia.com
> >>
> >> o:801.649.6594
> >> f:801.649.6595
> >>
> >> ----- jleroux@apache.org wrote:
> >>
> >> > Author: jleroux
> >> > Date: Thu Apr  9 07:32:39 2009
> >> > New Revision: 763544
> >> >
> >> > URL: http://svn.apache.org/viewvc?rev=763544&view=rev
> >> > Log:
> >> > Center footer text
> >> >
> >> > Modified:
> >> >     ofbiz/site/css/global.css
> >> >
> >> > Modified: ofbiz/site/css/global.css
> >> > URL:
> >> >
> >>
> http://svn.apache.org/viewvc/ofbiz/site/css/global.css?rev=763544&r1=763543&r2=763544&view=diff
> >> >
> >>
> ==============================================================================
> >> > --- ofbiz/site/css/global.css (original)
> >> > +++ ofbiz/site/css/global.css Thu Apr  9 07:32:39 2009
> >> > @@ -1,590 +1,590 @@
> >> >  * {
> >> > - margin: 0;
> >> > - padding: 0;
> >> > - outline: 0
> >> > +    margin: 0;
> >> > +    padding: 0;
> >> > +    outline: 0
> >> >  }
> >> >
> >> >  html,body,#wrap-out {
> >> > - height: 100%;
> >> > +    height: 100%;
> >> >  }
> >> >
> >> >  body {
> >> > - font: 11px/ 165% "Lucida Grande", Geneva, Verdana, Arial,
> >> Helvetica,
> >> > sans-serif;
> >> > - color: #666666;
> >> > - margin: 0;
> >> > - padding: 0;
> >> > +    font: 11px/ 165% "Lucida Grande", Geneva, Verdana, Arial,
> >> > Helvetica, sans-serif;
> >> > +    color: #666666;
> >> > +    margin: 0;
> >> > +    padding: 0;
> >> >          background: url(../images/bg.png) top left repeat-x
> >> #b5b5b5;
> >> > - text-align: center;
> >> > - height: auto;
> >> > - min-height: 100%;
> >> > +    text-align: center;
> >> > +    height: auto;
> >> > +    min-height: 100%;
> >> >  }
> >> >
> >> >  .clearfix:after {
> >> > - content: ".";
> >> > - display: block;
> >> > - height: 0;
> >> > - clear: both;
> >> > - visibility: hidden;
> >> > +    content: ".";
> >> > +    display: block;
> >> > +    height: 0;
> >> > +    clear: both;
> >> > +    visibility: hidden;
> >> >  }
> >> >
> >> >  .clearfix {
> >> > - display: inline-block;
> >> > +    display: inline-block;
> >> >  }
> >> >
> >> >  * html .clearfix {
> >> > - height: 1%;
> >> > +    height: 1%;
> >> >  }
> >> >
> >> >  .clearfix {
> >> > - display: block;
> >> > +    display: block;
> >> >  }
> >> >
> >> >  .clearLeft {
> >> > - clear:left;
> >> > +    clear:left;
> >> >  }
> >> >
> >> >  a,a:active,a:link {
> >> > - text-decoration: none;
> >> > - color: #29456b;
> >> > +    text-decoration: none;
> >> > +    color: #29456b;
> >> >  }
> >> >
> >> >  a:visited {
> >> > - text-decoration: none;
> >> > +    text-decoration: none;
> >> >  }
> >> >
> >> >  a:hover {
> >> > - color: #030d1c;
> >> > +    color: #030d1c;
> >> >  }
> >> >
> >> >  h1,h2,h3 {
> >> > - font-family: "Trebuchet MS", Tahoma, Arial, Sans-serif;
> >> > - color: #555;
> >> > +    font-family: "Trebuchet MS", Tahoma, Arial, Sans-serif;
> >> > +    color: #555;
> >> >  }
> >> >
> >> >  h1 {
> >> > - font-family: "Lucida Grande", Geneva, Verdana, Arial,
> Helvetica,
> >> > sans-serif;
> >> > - font-size: 350%;
> >> > - font-weight: normal;
> >> > - letter-spacing: -2px;
> >> > - padding: 15px 10px 5px 10px;
> >> > - margin: 0;
> >> > +    font-family: "Lucida Grande", Geneva, Verdana, Arial,
> >> Helvetica,
> >> > sans-serif;
> >> > +    font-size: 350%;
> >> > +    font-weight: normal;
> >> > +    letter-spacing: -2px;
> >> > +    padding: 15px 10px 5px 10px;
> >> > +    margin: 0;
> >> >  }
> >> >
> >> >  h2 {
> >> > - font-size: 200%;
> >> > - color: #895F30;
> >> > - padding: 20px 10px 5px 10px;
> >> > - margin: 0;
> >> > +    font-size: 200%;
> >> > +    color: #895F30;
> >> > +    padding: 20px 10px 5px 10px;
> >> > +    margin: 0;
> >> >  }
> >> >
> >> >  h3 {
> >> > - font-size: 170%;
> >> > - font-weight: normal;
> >> > - padding: 20px 10px 5px 10px;
> >> > - margin: 0;
> >> > +    font-size: 170%;
> >> > +    font-weight: normal;
> >> > +    padding: 20px 10px 5px 10px;
> >> > +    margin: 0;
> >> >  }
> >> >
> >> >  p,dl {
> >> > - padding: 10px;
> >> > - margin: 0;
> >> > +    padding: 10px;
> >> > +    margin: 0;
> >> >  }
> >> >
> >> >  ul{
> >> > - margin: 10px 10px;
> >> > - padding: 0;
> >> > +    margin: 10px 10px;
> >> > +    padding: 0;
> >> >  }
> >> >
> >> >  ul {
> >> > - list-style: none;
> >> > +    list-style: none;
> >> >  }
> >> >
> >> >  ol {
> >> > - margin: 10px 30px;
> >> > - padding: 0;
> >> > +    margin: 10px 30px;
> >> > +    padding: 0;
> >> >  }
> >> >
> >> >  dt {
> >> > - font-weight: bold;
> >> > - color: #895F30;
> >> > +    font-weight: bold;
> >> > +    color: #895F30;
> >> >  }
> >> >
> >> >  dd {
> >> > - padding-left: 25px;
> >> > +    padding-left: 25px;
> >> >  }
> >> >
> >> >  img {
> >> > - border: none;
> >> > +    border: none;
> >> >  }
> >> >
> >> >  p img {
> >> > - background: #fafafa;
> >> > -   border: 1px solid #dcdcdc;
> >> > - padding: 5px;
> >> > - margin:0 10px 0 0;
> >> > +    background: #fafafa;
> >> > +       border: 1px solid #dcdcdc;
> >> > +    padding: 5px;
> >> > +    margin:0 10px 0 0;
> >> >  }
> >> >
> >> >  img.float-right {
> >> > - margin: 5px 0px 10px 10px;
> >> > +    margin: 5px 0px 10px 10px;
> >> >  }
> >> >
> >> >  img.float-left {
> >> > - margin: 5px 10px 10px 0px;
> >> > +    margin: 5px 10px 10px 0px;
> >> >  }
> >> >
> >> >  code {
> >> > - margin: 5px 0;
> >> > - padding: 15px;
> >> > - text-align: left;
> >> > - display: block;
> >> > - overflow: auto;
> >> > - font: 500 1em/ 1.5em 'Lucida Console', 'courier new',
> monospace;
> >> > - /* white-space: pre; */
> >> > - border: 1px solid #ECF8FE;
> >> > - background: #ECF8FE;
> >> > +    margin: 5px 0;
> >> > +    padding: 15px;
> >> > +    text-align: left;
> >> > +    display: block;
> >> > +    overflow: auto;
> >> > +    font: 500 1em/ 1.5em 'Lucida Console', 'courier new',
> >> monospace;
> >> > +    /* white-space: pre; */
> >> > +    border: 1px solid #ECF8FE;
> >> > +    background: #ECF8FE;
> >> >  }
> >> >
> >> >  acronym {
> >> > - cursor: help;
> >> > - border-bottom: 1px dotted #895F30;
> >> > +    cursor: help;
> >> > +    border-bottom: 1px dotted #895F30;
> >> >  }
> >> >
> >> >  blockquote {
> >> > - margin: 15px 10px;
> >> > - padding: 10px 10px 10px 35px;
> >> > - border: 1px solid #ECF8FE;
> >> > - background: #ECF8FE url(../images/quote.jpg) no-repeat 10px
> 10px;
> >> > - font-weight: normal;
> >> > - font-size: 1.5em;
> >> > - line-height: 1.5em;
> >> > - font-style: italic;
> >> > - font-family: "Lucida Grande", Geneva, Verdana, Arial,
> Helvetica,
> >> > sans-serif;
> >> > - color: #976957;
> >> > +    margin: 15px 10px;
> >> > +    padding: 10px 10px 10px 35px;
> >> > +    border: 1px solid #ECF8FE;
> >> > +    background: #ECF8FE url(../images/quote.jpg) no-repeat 10px
> >> > 10px;
> >> > +    font-weight: normal;
> >> > +    font-size: 1.5em;
> >> > +    line-height: 1.5em;
> >> > +    font-style: italic;
> >> > +    font-family: "Lucida Grande", Geneva, Verdana, Arial,
> >> Helvetica,
> >> > sans-serif;
> >> > +    color: #976957;
> >> >  }
> >> >
> >> >  table {
> >> > - border-collapse: collapse;
> >> > - margin: 15px 10px;
> >> > +    border-collapse: collapse;
> >> > +    margin: 15px 10px;
> >> >  }
> >> >
> >> >  th {
> >> > - background: #ADD8E6 url(../images/header-bg.jpg) repeat-x 0
> >> -100px;
> >> > - height: 38px;
> >> > - padding-left: 12px;
> >> > - padding-right: 12px;
> >> > - color: #fff;
> >> > - text-align: left;
> >> > - border-left: 1px solid #78C7FA;
> >> > - border-bottom: solid 2px #fff;
> >> > +    background: #ADD8E6 url(../images/header-bg.jpg) repeat-x 0
> >> > -100px;
> >> > +    height: 38px;
> >> > +    padding-left: 12px;
> >> > +    padding-right: 12px;
> >> > +    color: #fff;
> >> > +    text-align: left;
> >> > +    border-left: 1px solid #78C7FA;
> >> > +    border-bottom: solid 2px #fff;
> >> >  }
> >> >
> >> >  tr {
> >> > - height: 34px;
> >> > +    height: 34px;
> >> >  }
> >> >
> >> >  td {
> >> > - padding-left: 11px;
> >> > - padding-right: 11px;
> >> > +    padding-left: 11px;
> >> > +    padding-right: 11px;
> >> >  }
> >> >
> >> >
> >> >  input,select {
> >> > - padding: 4px;
> >> > - font: normal 1em Verdana, sans-serif;
> >> > - color: #666666;
> >> > - background: #fff;
> >> > +    padding: 4px;
> >> > +    font: normal 1em Verdana, sans-serif;
> >> > +    color: #666666;
> >> > +    background: #fff;
> >> >  }
> >> >
> >> >  textarea {
> >> > - width: 400px;
> >> > - padding: 4px;
> >> > - font: normal 1em Verdana, sans-serif;
> >> > - height: 100px;
> >> > - display: block;
> >> > - color: #666666;
> >> > +    width: 400px;
> >> > +    padding: 4px;
> >> > +    font: normal 1em Verdana, sans-serif;
> >> > +    height: 100px;
> >> > +    display: block;
> >> > +    color: #666666;
> >> >  }
> >> >
> >> >  input,textarea,select {
> >> > - background: #fff;
> >> > - border-width: 1px;
> >> > - border-style: solid;
> >> > - border-color: #D4D4D4 #ebebeb #ebebeb #d4d4d4;
> >> > +    background: #fff;
> >> > +    border-width: 1px;
> >> > +    border-style: solid;
> >> > +    border-color: #D4D4D4 #ebebeb #ebebeb #d4d4d4;
> >> >  }
> >> >
> >> >  input.button {
> >> > - font: bold 12px Arial, Sans-serif;
> >> > - height: 30px;
> >> > - margin: 0;
> >> > - padding: 2px 3px;
> >> > - color: #555;
> >> > - background: #E6E6E6;
> >> > - border-width: 1px;
> >> > - border-style: solid;
> >> > - border-color: #ebebeb #d4d4d4 #d4d4d4 #ebebeb;
> >> > +    font: bold 12px Arial, Sans-serif;
> >> > +    height: 30px;
> >> > +    margin: 0;
> >> > +    padding: 2px 3px;
> >> > +    color: #555;
> >> > +    background: #E6E6E6;
> >> > +    border-width: 1px;
> >> > +    border-style: solid;
> >> > +    border-color: #ebebeb #d4d4d4 #d4d4d4 #ebebeb;
> >> >  }
> >> >
> >> >  #wrap-out {
> >> > - position: relative;
> >> > - background: #fff url(../images/wrapper.jpg) top center
> no-repeat;
> >> > - width: 945px;
> >> > - margin: 0 auto;
> >> > - text-align: left;
> >> > +    position: relative;
> >> > +    background: #fff url(../images/wrapper.jpg) top center
> >> > no-repeat;
> >> > +    width: 945px;
> >> > +    margin: 0 auto;
> >> > +    text-align: left;
> >> >  }
> >> >
> >> >  #wrap {
> >> > - width: 945px;
> >> > - margin: 0 auto;
> >> > +    width: 945px;
> >> > +    margin: 0 auto;
> >> >  }
> >> >
> >> >  #content-wrap {
> >> > - position: relative;
> >> > - clear: both;
> >> > - float: left;
> >> > - width: 945px;
> >> > - padding: 0;
> >> > - margin-left: 5px;
> >> > - display: inline;
> >> > - background: url(../images/content-bg.png) 585px 0px
> transparent;
> >> > - background-repeat: repeat-y;
> >> > - padding-bottom: 42px;
> >> > +    position: relative;
> >> > +    clear: both;
> >> > +    float: left;
> >> > +    width: 945px;
> >> > +    padding: 0;
> >> > +    margin-left: 5px;
> >> > +    display: inline;
> >> > +    background: url(../images/content-bg.png) 585px 0px
> >> transparent;
> >> > +    background-repeat: repeat-y;
> >> > +    padding-bottom: 42px;
> >> >  }
> >> >
> >> >  #header {
> >> > - position: relative;
> >> > - width: 945px;
> >> > - height: 130px;
> >> > - padding: 0;
> >> > - margin: 0 auto;
> >> > - background: transparent;
> >> > +    position: relative;
> >> > +    width: 945px;
> >> > +    height: 130px;
> >> > +    padding: 0;
> >> > +    margin: 0 auto;
> >> > +    background: transparent;
> >> >  }
> >> >
> >> >  #header #logo {
> >> > - position: absolute;
> >> > - top: 15px;
> >> > - left: 30px;
> >> > - height: 42px;
> >> > - width: 405px;
> >> > +    position: absolute;
> >> > +    top: 15px;
> >> > +    left: 30px;
> >> > +    height: 42px;
> >> > +    width: 405px;
> >> >  }
> >> >
> >> >  #header #logo a,img {
> >> > - background: none;
> >> > - border: none;
> >> > +    background: none;
> >> > +    border: none;
> >> >  }
> >> >
> >> >  #header #controls {
> >> > - position: absolute;
> >> > - top: 60px;
> >> > - right: 32px;
> >> > - height: 42px;
> >> > - color: #1b78d7;
> >> > - font-size: 12px;
> >> > - background: url(../images/house.gif) top right no-repeat;
> >> > - padding-right: 20px;
> >> > - text-align: right;
> >> > +    position: absolute;
> >> > +    top: 60px;
> >> > +    right: 32px;
> >> > +    height: 42px;
> >> > +    color: #1b78d7;
> >> > +    font-size: 12px;
> >> > +    background: url(../images/house.gif) top right no-repeat;
> >> > +    padding-right: 20px;
> >> > +    text-align: right;
> >> >  }
> >> >
> >> >  #header #controls a {
> >> > - position: relative;
> >> > - top: -2px;
> >> > +    position: relative;
> >> > +    top: -2px;
> >> >  }
> >> >
> >> >  #header #language {
> >> > - position: absolute;
> >> > - top: 10px;
> >> > - right: 32px;
> >> > - height: 42px;
> >> > - color: #797c7e;
> >> > - text-align: right;
> >> > +    position: absolute;
> >> > +    top: 10px;
> >> > +    right: 32px;
> >> > +    height: 42px;
> >> > +    color: #797c7e;
> >> > +    text-align: right;
> >> >  }
> >> >
> >> >  #search {
> >> > - position:absolute;
> >> > - top:88px;
> >> > - right:30px;
> >> > - background:url(../images/search.gif) center left no-repeat;
> >> > - padding-left:20px;
> >> > +    position:absolute;
> >> > +    top:88px;
> >> > +    right:30px;
> >> > +    background:url(../images/search.gif) center left no-repeat;
> >> > +    padding-left:20px;
> >> >  }
> >> >
> >> >  .hintText {
> >> > -  display: none;
> >> > +      display: none;
> >> >  }
> >> >
> >> >  .fieldWithHint {
> >> > -  color: #001f2f;
> >> > +      color: #001f2f;
> >> >  }
> >> >
> >> >  #nav {
> >> > - position: absolute;
> >> > - clear: both;
> >> > - margin: 0;
> >> > - padding: 0;
> >> > - height: 34px;
> >> > - left: 30px;
> >> > - top: 82px;
> >> > - z-index: 99999;
> >> > +    position: absolute;
> >> > +    clear: both;
> >> > +    margin: 0;
> >> > +    padding: 0;
> >> > +    height: 34px;
> >> > +    left: 30px;
> >> > +    top: 82px;
> >> > +    z-index: 99999;
> >> >  }
> >> >
> >> >  #nav ul {
> >> > - float: left;
> >> > - list-style: none;
> >> > - width: 600px;
> >> > - height: 34px;
> >> > - text-transform: uppercase;
> >> > - margin: 0;
> >> > - padding: 0;
> >> > - display: inline;
> >> > +    float: left;
> >> > +    list-style: none;
> >> > +    width: 600px;
> >> > +    height: 34px;
> >> > +    text-transform: uppercase;
> >> > +    margin: 0;
> >> > +    padding: 0;
> >> > +    display: inline;
> >> >  }
> >> >
> >> >  #nav ul li {
> >> > - display: inline;
> >> > - margin: 0;
> >> > - padding: 0;
> >> > +    display: inline;
> >> > +    margin: 0;
> >> > +    padding: 0;
> >> >  }
> >> >
> >> >  #nav ul li a {
> >> > - float: left;
> >> > - margin: 0 5px 0 0;
> >> > - padding: 0px 20px 0px 20px;
> >> > - font: bold 12px/ 34px "Trebuchet MS", Helvetica, Arial,
> Geneva,
> >> > sans-serif;
> >> > - text-transform: lowercase;
> >> > - text-decoration: none;
> >> > - letter-spacing: -0.3px;
> >> > - color: #fff;
> >> > +    float: left;
> >> > +    margin: 0 5px 0 0;
> >> > +    padding: 0px 20px 0px 20px;
> >> > +    font: bold 12px/ 34px "Trebuchet MS", Helvetica, Arial,
> >> Geneva,
> >> > sans-serif;
> >> > +    text-transform: lowercase;
> >> > +    text-decoration: none;
> >> > +    letter-spacing: -0.3px;
> >> > +    color: #fff;
> >> >  }
> >> >
> >> >  #nav ul li a:hover,#nav ul li a:active {
> >> > - color: #111;
> >> > - background-image: url(../images/header_hot.jpg);
> >> > - border: none;
> >> > +    color: #111;
> >> > +    background-image: url(../images/header_hot.jpg);
> >> > +    border: none;
> >> >  }
> >> >
> >> >  #nav ul li#current a {
> >> > - color: #333333;
> >> > - background-image: url(../images/header_hot.jpg);
> >> > +    color: #333333;
> >> > +    background-image: url(../images/header_hot.jpg);
> >> >  }
> >> >
> >> >  #main {
> >> > - float: left;
> >> > - width: 560px;
> >> > - padding: 0;
> >> > - margin: 0 0 0 20px;
> >> > - display: inline;
> >> > +    float: left;
> >> > +    width: 560px;
> >> > +    padding: 0;
> >> > +    margin: 0 0 0 20px;
> >> > +    display: inline;
> >> >  }
> >> >
> >> >  #main h2 {
> >> > - padding-bottom: 3px;
> >> > - margin-top: 15px;
> >> > - font: normal 3.5em "Lucida Grande", Geneva, Verdana, Arial,
> >> > Helvetica, sans-serif;
> >> > - color: #666;
> >> > - letter-spacing: -2px;
> >> > - text-transform: none;
> >> > - border-bottom: 1px solid #ebebeb;
> >> > +    padding-bottom: 3px;
> >> > +    margin-top: 15px;
> >> > +    font: normal 3.5em "Lucida Grande", Geneva, Verdana, Arial,
> >> > Helvetica, sans-serif;
> >> > +    color: #666;
> >> > +    letter-spacing: -2px;
> >> > +    text-transform: none;
> >> > +    border-bottom: 1px solid #ebebeb;
> >> >  }
> >> >
> >> >  #main h2 a {
> >> > - color: #666;
> >> > - text-decoration: none;
> >> > - background: none;
> >> > - border: none;
> >> > +    color: #666;
> >> > +    text-decoration: none;
> >> > +    background: none;
> >> > +    border: none;
> >> >  }
> >> >
> >> >  #main ul li {
> >> > - list-style-image: url(../images/bullet.gif);
> >> > +    list-style-image: url(../images/bullet.gif);
> >> >  }
> >> >
> >> >  #col1 {
> >> > - float: left;
> >> > - width: 260px;
> >> > - padding: 0;
> >> > - margin: 20px 0 0 20px;
> >> > - display: inline;
> >> > +    float: left;
> >> > +    width: 260px;
> >> > +    padding: 0;
> >> > +    margin: 20px 0 0 20px;
> >> > +    display: inline;
> >> >  }
> >> >
> >> >  #col2 {
> >> > - float: left;
> >> > - width: 260px;
> >> > - padding: 0;
> >> > - margin: 20px 0 0 20px;
> >> > - display: inline;
> >> > +    float: left;
> >> > +    width: 260px;
> >> > +    padding: 0;
> >> > +    margin: 20px 0 0 20px;
> >> > +    display: inline;
> >> >  }
> >> >
> >> >  #col1 h2, col2 h2 {
> >> > - padding-bottom: 3px;
> >> > - margin-top: 15px;
> >> > - font: normal 3.5em "Lucida Grande", Geneva, Verdana, Arial,
> >> > Helvetica, sans-serif;
> >> > - color: #666;
> >> > - letter-spacing: -2px;
> >> > - text-transform: none;
> >> > - border-bottom: 1px solid #ebebeb;
> >> > +    padding-bottom: 3px;
> >> > +    margin-top: 15px;
> >> > +    font: normal 3.5em "Lucida Grande", Geneva, Verdana, Arial,
> >> > Helvetica, sans-serif;
> >> > +    color: #666;
> >> > +    letter-spacing: -2px;
> >> > +    text-transform: none;
> >> > +    border-bottom: 1px solid #ebebeb;
> >> >  }
> >> >
> >> >  #sidebar {
> >> > - float: right;
> >> > - width: 300px;
> >> > - padding: 0;
> >> > - margin: 15px 20px 0 0;
> >> > - display: inline;
> >> > +    float: right;
> >> > +    width: 300px;
> >> > +    padding: 0;
> >> > +    margin: 15px 20px 0 0;
> >> > +    display: inline;
> >> >  }
> >> >
> >> >  #sidebar h3 {
> >> > - margin-top: 10px;
> >> > - padding: 15px 5px 3px 5px;
> >> > - font: normal 2em 'trebuchet MS', Tahoma, Helvetica, Arial,
> >> > sans-serif;
> >> > - color: #666666;
> >> > - letter-spacing: -.5px;
> >> > +    margin-top: 10px;
> >> > +    padding: 15px 5px 3px 5px;
> >> > +    font: normal 2em 'trebuchet MS', Tahoma, Helvetica, Arial,
> >> > sans-serif;
> >> > +    color: #666666;
> >> > +    letter-spacing: -.5px;
> >> >  }
> >> >
> >> >  #sidebar ul.sidemenu {
> >> > - text-align: left;
> >> > - margin: 0px 5px 8px 0px;
> >> > - padding: 5px 0 0 0;
> >> > - text-decoration: none;
> >> > - background: url(../images/dots.gif) repeat-x left top;
> >> > +    text-align: left;
> >> > +    margin: 0px 5px 8px 0px;
> >> > +    padding: 5px 0 0 0;
> >> > +    text-decoration: none;
> >> > +    background: url(../images/dots.gif) repeat-x left top;
> >> >  }
> >> >
> >> >  #sidebar ul.sidemenu li {
> >> > - list-style: none;
> >> > - background: url(dots.gif) repeat-x left bottom;
> >> > - padding: 4px 10px;
> >> > - margin: 0;
> >> > +    list-style: none;
> >> > +    background: url(dots.gif) repeat-x left bottom;
> >> > +    padding: 4px 10px;
> >> > +    margin: 0;
> >> >  }
> >> >
> >> >  * html body #sidebar ul.sidemenu li {
> >> > - height: 1%;
> >> > +    height: 1%;
> >> >  }
> >> >
> >> >  #sidebar ul.sidemenu li a {
> >> > - text-decoration: none;
> >> > - background-image: none;
> >> > - background-color: transparent;
> >> > - border: none;
> >> > - color: #304c70;
> >> > - font-weight: bold;
> >> > - font-family: "Trebuchet MS", Tahoma, Helvetica, Arial,
> >> Sans-serif;
> >> > - font-size: 14px;
> >> > - /* letter-spacing: .5px;  */
> >> > +    text-decoration: none;
> >> > +    background-image: none;
> >> > +    background-color: transparent;
> >> > +    border: none;
> >> > +    color: #304c70;
> >> > +    font-weight: bold;
> >> > +    font-family: "Trebuchet MS", Tahoma, Helvetica, Arial,
> >> > Sans-serif;
> >> > +    font-size: 14px;
> >> > +    /* letter-spacing: .5px;  */
> >> >  }
> >> >
> >> >  #sidebar ul.sidemenu li a span {
> >> > - color: #989898;
> >> > - font-family: Georgia, "Times New Roman", Times, serif;
> >> > - font-style: italic;
> >> > - font-weight: normal;
> >> > - font-size: .8em;
> >> > +    color: #989898;
> >> > +    font-family: Georgia, "Times New Roman", Times, serif;
> >> > +    font-style: italic;
> >> > +    font-weight: normal;
> >> > +    font-size: .8em;
> >> >  }
> >> >
> >> >  #sidebar ul.sidemenu li a:hover {
> >> > - color: #555;
> >> > +    color: #555;
> >> >  }
> >> >
> >> >  #sidebar ul.sidemenu ul {
> >> > - margin: 0 0 0 5px;
> >> > - padding: 0;
> >> > +    margin: 0 0 0 5px;
> >> > +    padding: 0;
> >> >  }
> >> >
> >> >  #sidebar ul.sidemenu ul li {
> >> > - background: none;
> >> > +    background: none;
> >> >  }
> >> >
> >> >  #sidebar .indentfirst {
> >> > - margin-left:0px;
> >> > +    margin-left:0px;
> >> >  }
> >> >
> >> >  #sidebar .indentsecond {
> >> > - margin-left:20px;
> >> > +    margin-left:20px;
> >> >  }
> >> >
> >> >  #footer-wrap {
> >> > - position: relative;
> >> > - clear: both;
> >> > - padding: 0px;
> >> > - margin-top: -150px;
> >> > - margin: 0px;
> >> > - font: normal 1em 'Trebuchet MS', Tahoma, sans-serif;
> >> > - background: url(../images/footer.png) top center no-repeat;
> >> > - color: #777;
> >> > - width: 945px;
> >> > - height: 42px;
> >> > - float: left;
> >> > +    position: relative;
> >> > +    clear: both;
> >> > +    padding: 0px;
> >> > +    margin-top: -150px;
> >> > +    margin: 0px;
> >> > +    font: normal 1em 'Trebuchet MS', Tahoma, sans-serif;
> >> > +    background: url(../images/footer.png) top center no-repeat;
> >> > +    color: #777;
> >> > +    width: 945px;
> >> > +    height: 42px;
> >> > +    float: left;
> >> >  }
> >> >
> >> >  #footer-content {
> >> > - margin: 15px 0 10px 30px;
> >> > - width: 880px;
> >> > - text-align: left;
> >> > - color: #333;
> >> > +    margin: 15px 0 10px 30px;
> >> > +    width: 880px;
> >> > +    text-align: center;
> >> > +    color: #333;
> >> >  }
> >> >
> >> >  .postmeta {
> >> > - padding: 5px;
> >> > - margin: 20px 10px 15px 10px;
> >> > - font-size: 1em;
> >> > - color: #777;
> >> > - border: 1px solid #ECF8FE;
> >> > - background: #ECF8FE;
> >> > +    padding: 5px;
> >> > +    margin: 20px 10px 15px 10px;
> >> > +    font-size: 1em;
> >> > +    color: #777;
> >> > +    border: 1px solid #ECF8FE;
> >> > +    background: #ECF8FE;
> >> >  }
> >> >
> >> >  .postmeta .date {
> >> > - margin: 0 10px 0 5px;
> >> > +    margin: 0 10px 0 5px;
> >> >  }
> >> >
> >> >  .postmeta a.comments {
> >> > - margin: 0 10px 0 5px;
> >> > +    margin: 0 10px 0 5px;
> >> >  }
> >> >
> >> >  .postmeta a.readmore {
> >> > - margin: 0 10px 0 5px;
> >> > +    margin: 0 10px 0 5px;
> >> >  }
> >> >
> >> >  .post-info {
> >> > - font-size: .95em;
> >> > - padding-top: 3px;
> >> > - margin-left: 5px;
> >> > - color: #bababa;
> >> > +    font-size: .95em;
> >> > +    padding-top: 3px;
> >> > +    margin-left: 5px;
> >> > +    color: #bababa;
> >> >  }
> >> >
> >> >  .post-info a {
> >> > - color: #C5935C;
> >> > +    color: #C5935C;
> >> >  }
> >> >
> >> >  p.thumbs {
> >> > - padding: 12px 0 0 10px;
> >> > +    padding: 12px 0 0 10px;
> >> >  }
> >> >
> >> >  .thumbs img {
> >> > - position: relative;
> >> > - border: 1px solid #ebebeb;
> >> > - background: none;
> >> > - padding: 4px;
> >> > - margin: 5px;
> >> > - /* margin: 4px 7px 4px 4px; */
> >> > +    position: relative;
> >> > +    border: 1px solid #ebebeb;
> >> > +    background: none;
> >> > +    padding: 4px;
> >> > +    margin: 5px;
> >> > +    /* margin: 4px 7px 4px 4px; */
> >> >  }
> >> >
> >> >  .thumbs img:hover {
> >> > - border: 1px solid #c5c5c5;
> >> > - background: none;
> >> > +    border: 1px solid #c5c5c5;
> >> > +    background: none;
> >> >  }
> >> >
> >> >  .thumbs a:hover {
> >> > - background-color: transparent;
> >> > - border: none
> >> > +    background-color: transparent;
> >> > +    border: none
> >> >  }
> >> >
> >> >  .float-left {
> >> > - float: left;
> >> > +    float: left;
> >> >  }
> >> >
> >> >  .float-right {
> >> > - float: right;
> >> > +    float: right;
> >> >  }
> >> >
> >> >  .align-left {
> >> > - text-align: left;
> >> > +    text-align: left;
> >> >  }
> >> >
> >> >  .align-right {
> >> > - text-align: right;
> >> > +    text-align: right;
> >> >  }
> >> >
> >> >  .clearer {
> >> > - clear: both;
> >> > +    clear: both;
> >> >  }
> >

Re: svn commit: r763544 - /ofbiz/site/css/global.css

Posted by Jacques Le Roux <ja...@les7arts.com>.
Hi Tim,

I must say that it did not occur to me. I asked my wife (she is a painter and graphic designer) and she told me "as it's in another 
grayed area it does not hurt eyes". So yes, I keep my change except if other persons feel like you, of course.

Thanks

Jacques

From: "Tim Ruppert" <ti...@hotwaxmedia.com>
> Btw, Jacques - I think I liked it better the other way.  When  you do this - then the sidebar image cuts right thru the centered 
> text.  If it's all the same to you, I'd vote to put it back.  I'll let you decide though since it was your idea - and I'll follow 
> your lead on the other sites.
>
> Cheers,
> Tim
> --
> Tim Ruppert
> HotWax Media
> http://www.hotwaxmedia.com
>
> o:801.649.6594
> f:801.649.6595
>
> ----- "Tim Ruppert" <ti...@hotwaxmedia.com> wrote:
>
>> Jacques, I duplicated this fix on the build.ofbiz.org and
>> log.ofbiz.org servers.  I will have it fixed on the docs.ofbiz.org
>> server shortly.  Thanks for the catch.
>>
>> Looking forward to when these are all the same server - and hosted by
>> our OFBiz instance!
>>
>> Cheers,
>> Tim
>> --
>> Tim Ruppert
>> HotWax Media
>> http://www.hotwaxmedia.com
>>
>> o:801.649.6594
>> f:801.649.6595
>>
>> ----- jleroux@apache.org wrote:
>>
>> > Author: jleroux
>> > Date: Thu Apr  9 07:32:39 2009
>> > New Revision: 763544
>> >
>> > URL: http://svn.apache.org/viewvc?rev=763544&view=rev
>> > Log:
>> > Center footer text
>> >
>> > Modified:
>> >     ofbiz/site/css/global.css
>> >
>> > Modified: ofbiz/site/css/global.css
>> > URL:
>> >
>> http://svn.apache.org/viewvc/ofbiz/site/css/global.css?rev=763544&r1=763543&r2=763544&view=diff
>> >
>> ==============================================================================
>> > --- ofbiz/site/css/global.css (original)
>> > +++ ofbiz/site/css/global.css Thu Apr  9 07:32:39 2009
>> > @@ -1,590 +1,590 @@
>> >  * {
>> > - margin: 0;
>> > - padding: 0;
>> > - outline: 0
>> > +    margin: 0;
>> > +    padding: 0;
>> > +    outline: 0
>> >  }
>> >
>> >  html,body,#wrap-out {
>> > - height: 100%;
>> > +    height: 100%;
>> >  }
>> >
>> >  body {
>> > - font: 11px/ 165% "Lucida Grande", Geneva, Verdana, Arial,
>> Helvetica,
>> > sans-serif;
>> > - color: #666666;
>> > - margin: 0;
>> > - padding: 0;
>> > +    font: 11px/ 165% "Lucida Grande", Geneva, Verdana, Arial,
>> > Helvetica, sans-serif;
>> > +    color: #666666;
>> > +    margin: 0;
>> > +    padding: 0;
>> >          background: url(../images/bg.png) top left repeat-x
>> #b5b5b5;
>> > - text-align: center;
>> > - height: auto;
>> > - min-height: 100%;
>> > +    text-align: center;
>> > +    height: auto;
>> > +    min-height: 100%;
>> >  }
>> >
>> >  .clearfix:after {
>> > - content: ".";
>> > - display: block;
>> > - height: 0;
>> > - clear: both;
>> > - visibility: hidden;
>> > +    content: ".";
>> > +    display: block;
>> > +    height: 0;
>> > +    clear: both;
>> > +    visibility: hidden;
>> >  }
>> >
>> >  .clearfix {
>> > - display: inline-block;
>> > +    display: inline-block;
>> >  }
>> >
>> >  * html .clearfix {
>> > - height: 1%;
>> > +    height: 1%;
>> >  }
>> >
>> >  .clearfix {
>> > - display: block;
>> > +    display: block;
>> >  }
>> >
>> >  .clearLeft {
>> > - clear:left;
>> > +    clear:left;
>> >  }
>> >
>> >  a,a:active,a:link {
>> > - text-decoration: none;
>> > - color: #29456b;
>> > +    text-decoration: none;
>> > +    color: #29456b;
>> >  }
>> >
>> >  a:visited {
>> > - text-decoration: none;
>> > +    text-decoration: none;
>> >  }
>> >
>> >  a:hover {
>> > - color: #030d1c;
>> > +    color: #030d1c;
>> >  }
>> >
>> >  h1,h2,h3 {
>> > - font-family: "Trebuchet MS", Tahoma, Arial, Sans-serif;
>> > - color: #555;
>> > +    font-family: "Trebuchet MS", Tahoma, Arial, Sans-serif;
>> > +    color: #555;
>> >  }
>> >
>> >  h1 {
>> > - font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica,
>> > sans-serif;
>> > - font-size: 350%;
>> > - font-weight: normal;
>> > - letter-spacing: -2px;
>> > - padding: 15px 10px 5px 10px;
>> > - margin: 0;
>> > +    font-family: "Lucida Grande", Geneva, Verdana, Arial,
>> Helvetica,
>> > sans-serif;
>> > +    font-size: 350%;
>> > +    font-weight: normal;
>> > +    letter-spacing: -2px;
>> > +    padding: 15px 10px 5px 10px;
>> > +    margin: 0;
>> >  }
>> >
>> >  h2 {
>> > - font-size: 200%;
>> > - color: #895F30;
>> > - padding: 20px 10px 5px 10px;
>> > - margin: 0;
>> > +    font-size: 200%;
>> > +    color: #895F30;
>> > +    padding: 20px 10px 5px 10px;
>> > +    margin: 0;
>> >  }
>> >
>> >  h3 {
>> > - font-size: 170%;
>> > - font-weight: normal;
>> > - padding: 20px 10px 5px 10px;
>> > - margin: 0;
>> > +    font-size: 170%;
>> > +    font-weight: normal;
>> > +    padding: 20px 10px 5px 10px;
>> > +    margin: 0;
>> >  }
>> >
>> >  p,dl {
>> > - padding: 10px;
>> > - margin: 0;
>> > +    padding: 10px;
>> > +    margin: 0;
>> >  }
>> >
>> >  ul{
>> > - margin: 10px 10px;
>> > - padding: 0;
>> > +    margin: 10px 10px;
>> > +    padding: 0;
>> >  }
>> >
>> >  ul {
>> > - list-style: none;
>> > +    list-style: none;
>> >  }
>> >
>> >  ol {
>> > - margin: 10px 30px;
>> > - padding: 0;
>> > +    margin: 10px 30px;
>> > +    padding: 0;
>> >  }
>> >
>> >  dt {
>> > - font-weight: bold;
>> > - color: #895F30;
>> > +    font-weight: bold;
>> > +    color: #895F30;
>> >  }
>> >
>> >  dd {
>> > - padding-left: 25px;
>> > +    padding-left: 25px;
>> >  }
>> >
>> >  img {
>> > - border: none;
>> > +    border: none;
>> >  }
>> >
>> >  p img {
>> > - background: #fafafa;
>> > -   border: 1px solid #dcdcdc;
>> > - padding: 5px;
>> > - margin:0 10px 0 0;
>> > +    background: #fafafa;
>> > +       border: 1px solid #dcdcdc;
>> > +    padding: 5px;
>> > +    margin:0 10px 0 0;
>> >  }
>> >
>> >  img.float-right {
>> > - margin: 5px 0px 10px 10px;
>> > +    margin: 5px 0px 10px 10px;
>> >  }
>> >
>> >  img.float-left {
>> > - margin: 5px 10px 10px 0px;
>> > +    margin: 5px 10px 10px 0px;
>> >  }
>> >
>> >  code {
>> > - margin: 5px 0;
>> > - padding: 15px;
>> > - text-align: left;
>> > - display: block;
>> > - overflow: auto;
>> > - font: 500 1em/ 1.5em 'Lucida Console', 'courier new', monospace;
>> > - /* white-space: pre; */
>> > - border: 1px solid #ECF8FE;
>> > - background: #ECF8FE;
>> > +    margin: 5px 0;
>> > +    padding: 15px;
>> > +    text-align: left;
>> > +    display: block;
>> > +    overflow: auto;
>> > +    font: 500 1em/ 1.5em 'Lucida Console', 'courier new',
>> monospace;
>> > +    /* white-space: pre; */
>> > +    border: 1px solid #ECF8FE;
>> > +    background: #ECF8FE;
>> >  }
>> >
>> >  acronym {
>> > - cursor: help;
>> > - border-bottom: 1px dotted #895F30;
>> > +    cursor: help;
>> > +    border-bottom: 1px dotted #895F30;
>> >  }
>> >
>> >  blockquote {
>> > - margin: 15px 10px;
>> > - padding: 10px 10px 10px 35px;
>> > - border: 1px solid #ECF8FE;
>> > - background: #ECF8FE url(../images/quote.jpg) no-repeat 10px 10px;
>> > - font-weight: normal;
>> > - font-size: 1.5em;
>> > - line-height: 1.5em;
>> > - font-style: italic;
>> > - font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica,
>> > sans-serif;
>> > - color: #976957;
>> > +    margin: 15px 10px;
>> > +    padding: 10px 10px 10px 35px;
>> > +    border: 1px solid #ECF8FE;
>> > +    background: #ECF8FE url(../images/quote.jpg) no-repeat 10px
>> > 10px;
>> > +    font-weight: normal;
>> > +    font-size: 1.5em;
>> > +    line-height: 1.5em;
>> > +    font-style: italic;
>> > +    font-family: "Lucida Grande", Geneva, Verdana, Arial,
>> Helvetica,
>> > sans-serif;
>> > +    color: #976957;
>> >  }
>> >
>> >  table {
>> > - border-collapse: collapse;
>> > - margin: 15px 10px;
>> > +    border-collapse: collapse;
>> > +    margin: 15px 10px;
>> >  }
>> >
>> >  th {
>> > - background: #ADD8E6 url(../images/header-bg.jpg) repeat-x 0
>> -100px;
>> > - height: 38px;
>> > - padding-left: 12px;
>> > - padding-right: 12px;
>> > - color: #fff;
>> > - text-align: left;
>> > - border-left: 1px solid #78C7FA;
>> > - border-bottom: solid 2px #fff;
>> > +    background: #ADD8E6 url(../images/header-bg.jpg) repeat-x 0
>> > -100px;
>> > +    height: 38px;
>> > +    padding-left: 12px;
>> > +    padding-right: 12px;
>> > +    color: #fff;
>> > +    text-align: left;
>> > +    border-left: 1px solid #78C7FA;
>> > +    border-bottom: solid 2px #fff;
>> >  }
>> >
>> >  tr {
>> > - height: 34px;
>> > +    height: 34px;
>> >  }
>> >
>> >  td {
>> > - padding-left: 11px;
>> > - padding-right: 11px;
>> > +    padding-left: 11px;
>> > +    padding-right: 11px;
>> >  }
>> >
>> >
>> >  input,select {
>> > - padding: 4px;
>> > - font: normal 1em Verdana, sans-serif;
>> > - color: #666666;
>> > - background: #fff;
>> > +    padding: 4px;
>> > +    font: normal 1em Verdana, sans-serif;
>> > +    color: #666666;
>> > +    background: #fff;
>> >  }
>> >
>> >  textarea {
>> > - width: 400px;
>> > - padding: 4px;
>> > - font: normal 1em Verdana, sans-serif;
>> > - height: 100px;
>> > - display: block;
>> > - color: #666666;
>> > +    width: 400px;
>> > +    padding: 4px;
>> > +    font: normal 1em Verdana, sans-serif;
>> > +    height: 100px;
>> > +    display: block;
>> > +    color: #666666;
>> >  }
>> >
>> >  input,textarea,select {
>> > - background: #fff;
>> > - border-width: 1px;
>> > - border-style: solid;
>> > - border-color: #D4D4D4 #ebebeb #ebebeb #d4d4d4;
>> > +    background: #fff;
>> > +    border-width: 1px;
>> > +    border-style: solid;
>> > +    border-color: #D4D4D4 #ebebeb #ebebeb #d4d4d4;
>> >  }
>> >
>> >  input.button {
>> > - font: bold 12px Arial, Sans-serif;
>> > - height: 30px;
>> > - margin: 0;
>> > - padding: 2px 3px;
>> > - color: #555;
>> > - background: #E6E6E6;
>> > - border-width: 1px;
>> > - border-style: solid;
>> > - border-color: #ebebeb #d4d4d4 #d4d4d4 #ebebeb;
>> > +    font: bold 12px Arial, Sans-serif;
>> > +    height: 30px;
>> > +    margin: 0;
>> > +    padding: 2px 3px;
>> > +    color: #555;
>> > +    background: #E6E6E6;
>> > +    border-width: 1px;
>> > +    border-style: solid;
>> > +    border-color: #ebebeb #d4d4d4 #d4d4d4 #ebebeb;
>> >  }
>> >
>> >  #wrap-out {
>> > - position: relative;
>> > - background: #fff url(../images/wrapper.jpg) top center no-repeat;
>> > - width: 945px;
>> > - margin: 0 auto;
>> > - text-align: left;
>> > +    position: relative;
>> > +    background: #fff url(../images/wrapper.jpg) top center
>> > no-repeat;
>> > +    width: 945px;
>> > +    margin: 0 auto;
>> > +    text-align: left;
>> >  }
>> >
>> >  #wrap {
>> > - width: 945px;
>> > - margin: 0 auto;
>> > +    width: 945px;
>> > +    margin: 0 auto;
>> >  }
>> >
>> >  #content-wrap {
>> > - position: relative;
>> > - clear: both;
>> > - float: left;
>> > - width: 945px;
>> > - padding: 0;
>> > - margin-left: 5px;
>> > - display: inline;
>> > - background: url(../images/content-bg.png) 585px 0px transparent;
>> > - background-repeat: repeat-y;
>> > - padding-bottom: 42px;
>> > +    position: relative;
>> > +    clear: both;
>> > +    float: left;
>> > +    width: 945px;
>> > +    padding: 0;
>> > +    margin-left: 5px;
>> > +    display: inline;
>> > +    background: url(../images/content-bg.png) 585px 0px
>> transparent;
>> > +    background-repeat: repeat-y;
>> > +    padding-bottom: 42px;
>> >  }
>> >
>> >  #header {
>> > - position: relative;
>> > - width: 945px;
>> > - height: 130px;
>> > - padding: 0;
>> > - margin: 0 auto;
>> > - background: transparent;
>> > +    position: relative;
>> > +    width: 945px;
>> > +    height: 130px;
>> > +    padding: 0;
>> > +    margin: 0 auto;
>> > +    background: transparent;
>> >  }
>> >
>> >  #header #logo {
>> > - position: absolute;
>> > - top: 15px;
>> > - left: 30px;
>> > - height: 42px;
>> > - width: 405px;
>> > +    position: absolute;
>> > +    top: 15px;
>> > +    left: 30px;
>> > +    height: 42px;
>> > +    width: 405px;
>> >  }
>> >
>> >  #header #logo a,img {
>> > - background: none;
>> > - border: none;
>> > +    background: none;
>> > +    border: none;
>> >  }
>> >
>> >  #header #controls {
>> > - position: absolute;
>> > - top: 60px;
>> > - right: 32px;
>> > - height: 42px;
>> > - color: #1b78d7;
>> > - font-size: 12px;
>> > - background: url(../images/house.gif) top right no-repeat;
>> > - padding-right: 20px;
>> > - text-align: right;
>> > +    position: absolute;
>> > +    top: 60px;
>> > +    right: 32px;
>> > +    height: 42px;
>> > +    color: #1b78d7;
>> > +    font-size: 12px;
>> > +    background: url(../images/house.gif) top right no-repeat;
>> > +    padding-right: 20px;
>> > +    text-align: right;
>> >  }
>> >
>> >  #header #controls a {
>> > - position: relative;
>> > - top: -2px;
>> > +    position: relative;
>> > +    top: -2px;
>> >  }
>> >
>> >  #header #language {
>> > - position: absolute;
>> > - top: 10px;
>> > - right: 32px;
>> > - height: 42px;
>> > - color: #797c7e;
>> > - text-align: right;
>> > +    position: absolute;
>> > +    top: 10px;
>> > +    right: 32px;
>> > +    height: 42px;
>> > +    color: #797c7e;
>> > +    text-align: right;
>> >  }
>> >
>> >  #search {
>> > - position:absolute;
>> > - top:88px;
>> > - right:30px;
>> > - background:url(../images/search.gif) center left no-repeat;
>> > - padding-left:20px;
>> > +    position:absolute;
>> > +    top:88px;
>> > +    right:30px;
>> > +    background:url(../images/search.gif) center left no-repeat;
>> > +    padding-left:20px;
>> >  }
>> >
>> >  .hintText {
>> > -  display: none;
>> > +      display: none;
>> >  }
>> >
>> >  .fieldWithHint {
>> > -  color: #001f2f;
>> > +      color: #001f2f;
>> >  }
>> >
>> >  #nav {
>> > - position: absolute;
>> > - clear: both;
>> > - margin: 0;
>> > - padding: 0;
>> > - height: 34px;
>> > - left: 30px;
>> > - top: 82px;
>> > - z-index: 99999;
>> > +    position: absolute;
>> > +    clear: both;
>> > +    margin: 0;
>> > +    padding: 0;
>> > +    height: 34px;
>> > +    left: 30px;
>> > +    top: 82px;
>> > +    z-index: 99999;
>> >  }
>> >
>> >  #nav ul {
>> > - float: left;
>> > - list-style: none;
>> > - width: 600px;
>> > - height: 34px;
>> > - text-transform: uppercase;
>> > - margin: 0;
>> > - padding: 0;
>> > - display: inline;
>> > +    float: left;
>> > +    list-style: none;
>> > +    width: 600px;
>> > +    height: 34px;
>> > +    text-transform: uppercase;
>> > +    margin: 0;
>> > +    padding: 0;
>> > +    display: inline;
>> >  }
>> >
>> >  #nav ul li {
>> > - display: inline;
>> > - margin: 0;
>> > - padding: 0;
>> > +    display: inline;
>> > +    margin: 0;
>> > +    padding: 0;
>> >  }
>> >
>> >  #nav ul li a {
>> > - float: left;
>> > - margin: 0 5px 0 0;
>> > - padding: 0px 20px 0px 20px;
>> > - font: bold 12px/ 34px "Trebuchet MS", Helvetica, Arial, Geneva,
>> > sans-serif;
>> > - text-transform: lowercase;
>> > - text-decoration: none;
>> > - letter-spacing: -0.3px;
>> > - color: #fff;
>> > +    float: left;
>> > +    margin: 0 5px 0 0;
>> > +    padding: 0px 20px 0px 20px;
>> > +    font: bold 12px/ 34px "Trebuchet MS", Helvetica, Arial,
>> Geneva,
>> > sans-serif;
>> > +    text-transform: lowercase;
>> > +    text-decoration: none;
>> > +    letter-spacing: -0.3px;
>> > +    color: #fff;
>> >  }
>> >
>> >  #nav ul li a:hover,#nav ul li a:active {
>> > - color: #111;
>> > - background-image: url(../images/header_hot.jpg);
>> > - border: none;
>> > +    color: #111;
>> > +    background-image: url(../images/header_hot.jpg);
>> > +    border: none;
>> >  }
>> >
>> >  #nav ul li#current a {
>> > - color: #333333;
>> > - background-image: url(../images/header_hot.jpg);
>> > +    color: #333333;
>> > +    background-image: url(../images/header_hot.jpg);
>> >  }
>> >
>> >  #main {
>> > - float: left;
>> > - width: 560px;
>> > - padding: 0;
>> > - margin: 0 0 0 20px;
>> > - display: inline;
>> > +    float: left;
>> > +    width: 560px;
>> > +    padding: 0;
>> > +    margin: 0 0 0 20px;
>> > +    display: inline;
>> >  }
>> >
>> >  #main h2 {
>> > - padding-bottom: 3px;
>> > - margin-top: 15px;
>> > - font: normal 3.5em "Lucida Grande", Geneva, Verdana, Arial,
>> > Helvetica, sans-serif;
>> > - color: #666;
>> > - letter-spacing: -2px;
>> > - text-transform: none;
>> > - border-bottom: 1px solid #ebebeb;
>> > +    padding-bottom: 3px;
>> > +    margin-top: 15px;
>> > +    font: normal 3.5em "Lucida Grande", Geneva, Verdana, Arial,
>> > Helvetica, sans-serif;
>> > +    color: #666;
>> > +    letter-spacing: -2px;
>> > +    text-transform: none;
>> > +    border-bottom: 1px solid #ebebeb;
>> >  }
>> >
>> >  #main h2 a {
>> > - color: #666;
>> > - text-decoration: none;
>> > - background: none;
>> > - border: none;
>> > +    color: #666;
>> > +    text-decoration: none;
>> > +    background: none;
>> > +    border: none;
>> >  }
>> >
>> >  #main ul li {
>> > - list-style-image: url(../images/bullet.gif);
>> > +    list-style-image: url(../images/bullet.gif);
>> >  }
>> >
>> >  #col1 {
>> > - float: left;
>> > - width: 260px;
>> > - padding: 0;
>> > - margin: 20px 0 0 20px;
>> > - display: inline;
>> > +    float: left;
>> > +    width: 260px;
>> > +    padding: 0;
>> > +    margin: 20px 0 0 20px;
>> > +    display: inline;
>> >  }
>> >
>> >  #col2 {
>> > - float: left;
>> > - width: 260px;
>> > - padding: 0;
>> > - margin: 20px 0 0 20px;
>> > - display: inline;
>> > +    float: left;
>> > +    width: 260px;
>> > +    padding: 0;
>> > +    margin: 20px 0 0 20px;
>> > +    display: inline;
>> >  }
>> >
>> >  #col1 h2, col2 h2 {
>> > - padding-bottom: 3px;
>> > - margin-top: 15px;
>> > - font: normal 3.5em "Lucida Grande", Geneva, Verdana, Arial,
>> > Helvetica, sans-serif;
>> > - color: #666;
>> > - letter-spacing: -2px;
>> > - text-transform: none;
>> > - border-bottom: 1px solid #ebebeb;
>> > +    padding-bottom: 3px;
>> > +    margin-top: 15px;
>> > +    font: normal 3.5em "Lucida Grande", Geneva, Verdana, Arial,
>> > Helvetica, sans-serif;
>> > +    color: #666;
>> > +    letter-spacing: -2px;
>> > +    text-transform: none;
>> > +    border-bottom: 1px solid #ebebeb;
>> >  }
>> >
>> >  #sidebar {
>> > - float: right;
>> > - width: 300px;
>> > - padding: 0;
>> > - margin: 15px 20px 0 0;
>> > - display: inline;
>> > +    float: right;
>> > +    width: 300px;
>> > +    padding: 0;
>> > +    margin: 15px 20px 0 0;
>> > +    display: inline;
>> >  }
>> >
>> >  #sidebar h3 {
>> > - margin-top: 10px;
>> > - padding: 15px 5px 3px 5px;
>> > - font: normal 2em 'trebuchet MS', Tahoma, Helvetica, Arial,
>> > sans-serif;
>> > - color: #666666;
>> > - letter-spacing: -.5px;
>> > +    margin-top: 10px;
>> > +    padding: 15px 5px 3px 5px;
>> > +    font: normal 2em 'trebuchet MS', Tahoma, Helvetica, Arial,
>> > sans-serif;
>> > +    color: #666666;
>> > +    letter-spacing: -.5px;
>> >  }
>> >
>> >  #sidebar ul.sidemenu {
>> > - text-align: left;
>> > - margin: 0px 5px 8px 0px;
>> > - padding: 5px 0 0 0;
>> > - text-decoration: none;
>> > - background: url(../images/dots.gif) repeat-x left top;
>> > +    text-align: left;
>> > +    margin: 0px 5px 8px 0px;
>> > +    padding: 5px 0 0 0;
>> > +    text-decoration: none;
>> > +    background: url(../images/dots.gif) repeat-x left top;
>> >  }
>> >
>> >  #sidebar ul.sidemenu li {
>> > - list-style: none;
>> > - background: url(dots.gif) repeat-x left bottom;
>> > - padding: 4px 10px;
>> > - margin: 0;
>> > +    list-style: none;
>> > +    background: url(dots.gif) repeat-x left bottom;
>> > +    padding: 4px 10px;
>> > +    margin: 0;
>> >  }
>> >
>> >  * html body #sidebar ul.sidemenu li {
>> > - height: 1%;
>> > +    height: 1%;
>> >  }
>> >
>> >  #sidebar ul.sidemenu li a {
>> > - text-decoration: none;
>> > - background-image: none;
>> > - background-color: transparent;
>> > - border: none;
>> > - color: #304c70;
>> > - font-weight: bold;
>> > - font-family: "Trebuchet MS", Tahoma, Helvetica, Arial,
>> Sans-serif;
>> > - font-size: 14px;
>> > - /* letter-spacing: .5px;  */
>> > +    text-decoration: none;
>> > +    background-image: none;
>> > +    background-color: transparent;
>> > +    border: none;
>> > +    color: #304c70;
>> > +    font-weight: bold;
>> > +    font-family: "Trebuchet MS", Tahoma, Helvetica, Arial,
>> > Sans-serif;
>> > +    font-size: 14px;
>> > +    /* letter-spacing: .5px;  */
>> >  }
>> >
>> >  #sidebar ul.sidemenu li a span {
>> > - color: #989898;
>> > - font-family: Georgia, "Times New Roman", Times, serif;
>> > - font-style: italic;
>> > - font-weight: normal;
>> > - font-size: .8em;
>> > +    color: #989898;
>> > +    font-family: Georgia, "Times New Roman", Times, serif;
>> > +    font-style: italic;
>> > +    font-weight: normal;
>> > +    font-size: .8em;
>> >  }
>> >
>> >  #sidebar ul.sidemenu li a:hover {
>> > - color: #555;
>> > +    color: #555;
>> >  }
>> >
>> >  #sidebar ul.sidemenu ul {
>> > - margin: 0 0 0 5px;
>> > - padding: 0;
>> > +    margin: 0 0 0 5px;
>> > +    padding: 0;
>> >  }
>> >
>> >  #sidebar ul.sidemenu ul li {
>> > - background: none;
>> > +    background: none;
>> >  }
>> >
>> >  #sidebar .indentfirst {
>> > - margin-left:0px;
>> > +    margin-left:0px;
>> >  }
>> >
>> >  #sidebar .indentsecond {
>> > - margin-left:20px;
>> > +    margin-left:20px;
>> >  }
>> >
>> >  #footer-wrap {
>> > - position: relative;
>> > - clear: both;
>> > - padding: 0px;
>> > - margin-top: -150px;
>> > - margin: 0px;
>> > - font: normal 1em 'Trebuchet MS', Tahoma, sans-serif;
>> > - background: url(../images/footer.png) top center no-repeat;
>> > - color: #777;
>> > - width: 945px;
>> > - height: 42px;
>> > - float: left;
>> > +    position: relative;
>> > +    clear: both;
>> > +    padding: 0px;
>> > +    margin-top: -150px;
>> > +    margin: 0px;
>> > +    font: normal 1em 'Trebuchet MS', Tahoma, sans-serif;
>> > +    background: url(../images/footer.png) top center no-repeat;
>> > +    color: #777;
>> > +    width: 945px;
>> > +    height: 42px;
>> > +    float: left;
>> >  }
>> >
>> >  #footer-content {
>> > - margin: 15px 0 10px 30px;
>> > - width: 880px;
>> > - text-align: left;
>> > - color: #333;
>> > +    margin: 15px 0 10px 30px;
>> > +    width: 880px;
>> > +    text-align: center;
>> > +    color: #333;
>> >  }
>> >
>> >  .postmeta {
>> > - padding: 5px;
>> > - margin: 20px 10px 15px 10px;
>> > - font-size: 1em;
>> > - color: #777;
>> > - border: 1px solid #ECF8FE;
>> > - background: #ECF8FE;
>> > +    padding: 5px;
>> > +    margin: 20px 10px 15px 10px;
>> > +    font-size: 1em;
>> > +    color: #777;
>> > +    border: 1px solid #ECF8FE;
>> > +    background: #ECF8FE;
>> >  }
>> >
>> >  .postmeta .date {
>> > - margin: 0 10px 0 5px;
>> > +    margin: 0 10px 0 5px;
>> >  }
>> >
>> >  .postmeta a.comments {
>> > - margin: 0 10px 0 5px;
>> > +    margin: 0 10px 0 5px;
>> >  }
>> >
>> >  .postmeta a.readmore {
>> > - margin: 0 10px 0 5px;
>> > +    margin: 0 10px 0 5px;
>> >  }
>> >
>> >  .post-info {
>> > - font-size: .95em;
>> > - padding-top: 3px;
>> > - margin-left: 5px;
>> > - color: #bababa;
>> > +    font-size: .95em;
>> > +    padding-top: 3px;
>> > +    margin-left: 5px;
>> > +    color: #bababa;
>> >  }
>> >
>> >  .post-info a {
>> > - color: #C5935C;
>> > +    color: #C5935C;
>> >  }
>> >
>> >  p.thumbs {
>> > - padding: 12px 0 0 10px;
>> > +    padding: 12px 0 0 10px;
>> >  }
>> >
>> >  .thumbs img {
>> > - position: relative;
>> > - border: 1px solid #ebebeb;
>> > - background: none;
>> > - padding: 4px;
>> > - margin: 5px;
>> > - /* margin: 4px 7px 4px 4px; */
>> > +    position: relative;
>> > +    border: 1px solid #ebebeb;
>> > +    background: none;
>> > +    padding: 4px;
>> > +    margin: 5px;
>> > +    /* margin: 4px 7px 4px 4px; */
>> >  }
>> >
>> >  .thumbs img:hover {
>> > - border: 1px solid #c5c5c5;
>> > - background: none;
>> > +    border: 1px solid #c5c5c5;
>> > +    background: none;
>> >  }
>> >
>> >  .thumbs a:hover {
>> > - background-color: transparent;
>> > - border: none
>> > +    background-color: transparent;
>> > +    border: none
>> >  }
>> >
>> >  .float-left {
>> > - float: left;
>> > +    float: left;
>> >  }
>> >
>> >  .float-right {
>> > - float: right;
>> > +    float: right;
>> >  }
>> >
>> >  .align-left {
>> > - text-align: left;
>> > +    text-align: left;
>> >  }
>> >
>> >  .align-right {
>> > - text-align: right;
>> > +    text-align: right;
>> >  }
>> >
>> >  .clearer {
>> > - clear: both;
>> > +    clear: both;
>> >  }
> 



Re: svn commit: r763544 - /ofbiz/site/css/global.css

Posted by Tim Ruppert <ti...@hotwaxmedia.com>.
Btw, Jacques - I think I liked it better the other way.  When  you do this - then the sidebar image cuts right thru the centered text.  If it's all the same to you, I'd vote to put it back.  I'll let you decide though since it was your idea - and I'll follow your lead on the other sites.

Cheers,
Tim
--
Tim Ruppert
HotWax Media
http://www.hotwaxmedia.com

o:801.649.6594
f:801.649.6595

----- "Tim Ruppert" <ti...@hotwaxmedia.com> wrote:

> Jacques, I duplicated this fix on the build.ofbiz.org and
> log.ofbiz.org servers.  I will have it fixed on the docs.ofbiz.org
> server shortly.  Thanks for the catch.
> 
> Looking forward to when these are all the same server - and hosted by
> our OFBiz instance!
> 
> Cheers,
> Tim
> --
> Tim Ruppert
> HotWax Media
> http://www.hotwaxmedia.com
> 
> o:801.649.6594
> f:801.649.6595
> 
> ----- jleroux@apache.org wrote:
> 
> > Author: jleroux
> > Date: Thu Apr  9 07:32:39 2009
> > New Revision: 763544
> > 
> > URL: http://svn.apache.org/viewvc?rev=763544&view=rev
> > Log:
> > Center footer text
> > 
> > Modified:
> >     ofbiz/site/css/global.css
> > 
> > Modified: ofbiz/site/css/global.css
> > URL:
> >
> http://svn.apache.org/viewvc/ofbiz/site/css/global.css?rev=763544&r1=763543&r2=763544&view=diff
> >
> ==============================================================================
> > --- ofbiz/site/css/global.css (original)
> > +++ ofbiz/site/css/global.css Thu Apr  9 07:32:39 2009
> > @@ -1,590 +1,590 @@
> >  * {
> > -	margin: 0;
> > -	padding: 0;
> > -	outline: 0
> > +    margin: 0;
> > +    padding: 0;
> > +    outline: 0
> >  }
> >  
> >  html,body,#wrap-out {
> > -	height: 100%;
> > +    height: 100%;
> >  }
> >  
> >  body {
> > -	font: 11px/ 165% "Lucida Grande", Geneva, Verdana, Arial,
> Helvetica,
> > sans-serif;
> > -	color: #666666;
> > -	margin: 0;
> > -	padding: 0;
> > +    font: 11px/ 165% "Lucida Grande", Geneva, Verdana, Arial,
> > Helvetica, sans-serif;
> > +    color: #666666;
> > +    margin: 0;
> > +    padding: 0;
> >          background: url(../images/bg.png) top left repeat-x
> #b5b5b5;
> > -	text-align: center;
> > -	height: auto;
> > -	min-height: 100%;
> > +    text-align: center;
> > +    height: auto;
> > +    min-height: 100%;
> >  }
> >  
> >  .clearfix:after {
> > -	content: ".";
> > -	display: block;
> > -	height: 0;
> > -	clear: both;
> > -	visibility: hidden;
> > +    content: ".";
> > +    display: block;
> > +    height: 0;
> > +    clear: both;
> > +    visibility: hidden;
> >  }
> >  
> >  .clearfix {
> > -	display: inline-block;
> > +    display: inline-block;
> >  }
> >  
> >  * html .clearfix {
> > -	height: 1%;
> > +    height: 1%;
> >  }
> >  
> >  .clearfix {
> > -	display: block;
> > +    display: block;
> >  }
> >  
> >  .clearLeft {
> > -	clear:left;
> > +    clear:left;
> >  }
> >  
> >  a,a:active,a:link {
> > -	text-decoration: none;
> > -	color: #29456b;
> > +    text-decoration: none;
> > +    color: #29456b;
> >  }
> >  
> >  a:visited {
> > -	text-decoration: none;
> > +    text-decoration: none;
> >  }
> >  
> >  a:hover {
> > -	color: #030d1c;
> > +    color: #030d1c;
> >  }
> >  
> >  h1,h2,h3 {
> > -	font-family: "Trebuchet MS", Tahoma, Arial, Sans-serif;
> > -	color: #555;
> > +    font-family: "Trebuchet MS", Tahoma, Arial, Sans-serif;
> > +    color: #555;
> >  }
> >  
> >  h1 {
> > -	font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica,
> > sans-serif;
> > -	font-size: 350%;
> > -	font-weight: normal;
> > -	letter-spacing: -2px;
> > -	padding: 15px 10px 5px 10px;
> > -	margin: 0;
> > +    font-family: "Lucida Grande", Geneva, Verdana, Arial,
> Helvetica,
> > sans-serif;
> > +    font-size: 350%;
> > +    font-weight: normal;
> > +    letter-spacing: -2px;
> > +    padding: 15px 10px 5px 10px;
> > +    margin: 0;
> >  }
> >  
> >  h2 {
> > -	font-size: 200%;
> > -	color: #895F30;
> > -	padding: 20px 10px 5px 10px;
> > -	margin: 0;
> > +    font-size: 200%;
> > +    color: #895F30;
> > +    padding: 20px 10px 5px 10px;
> > +    margin: 0;
> >  }
> >  
> >  h3 {
> > -	font-size: 170%;
> > -	font-weight: normal;
> > -	padding: 20px 10px 5px 10px;
> > -	margin: 0;
> > +    font-size: 170%;
> > +    font-weight: normal;
> > +    padding: 20px 10px 5px 10px;
> > +    margin: 0;
> >  }
> >  
> >  p,dl {
> > -	padding: 10px;
> > -	margin: 0;
> > +    padding: 10px;
> > +    margin: 0;
> >  }
> >  
> >  ul{
> > -	margin: 10px 10px;
> > -	padding: 0;
> > +    margin: 10px 10px;
> > +    padding: 0;
> >  }
> >  
> >  ul {
> > -	list-style: none;
> > +    list-style: none;
> >  }
> >  
> >  ol {
> > -	margin: 10px 30px;
> > -	padding: 0;
> > +    margin: 10px 30px;
> > +    padding: 0;
> >  }
> >  
> >  dt {
> > -	font-weight: bold;
> > -	color: #895F30;
> > +    font-weight: bold;
> > +    color: #895F30;
> >  }
> >  
> >  dd {
> > -	padding-left: 25px;
> > +    padding-left: 25px;
> >  }
> >  
> >  img {
> > -	border: none;
> > +    border: none;
> >  }
> >  
> >  p img {
> > -	background: #fafafa;
> > -   	border: 1px solid #dcdcdc;
> > -	padding: 5px;
> > -	margin:0 10px 0 0;
> > +    background: #fafafa;
> > +       border: 1px solid #dcdcdc;
> > +    padding: 5px;
> > +    margin:0 10px 0 0;
> >  }
> >  
> >  img.float-right {
> > -	margin: 5px 0px 10px 10px;
> > +    margin: 5px 0px 10px 10px;
> >  }
> >  
> >  img.float-left {
> > -	margin: 5px 10px 10px 0px;
> > +    margin: 5px 10px 10px 0px;
> >  }
> >  
> >  code {
> > -	margin: 5px 0;
> > -	padding: 15px;
> > -	text-align: left;
> > -	display: block;
> > -	overflow: auto;
> > -	font: 500 1em/ 1.5em 'Lucida Console', 'courier new', monospace;
> > -	/* white-space: pre; */
> > -	border: 1px solid #ECF8FE;
> > -	background: #ECF8FE;
> > +    margin: 5px 0;
> > +    padding: 15px;
> > +    text-align: left;
> > +    display: block;
> > +    overflow: auto;
> > +    font: 500 1em/ 1.5em 'Lucida Console', 'courier new',
> monospace;
> > +    /* white-space: pre; */
> > +    border: 1px solid #ECF8FE;
> > +    background: #ECF8FE;
> >  }
> >  
> >  acronym {
> > -	cursor: help;
> > -	border-bottom: 1px dotted #895F30;
> > +    cursor: help;
> > +    border-bottom: 1px dotted #895F30;
> >  }
> >  
> >  blockquote {
> > -	margin: 15px 10px;
> > -	padding: 10px 10px 10px 35px;
> > -	border: 1px solid #ECF8FE;
> > -	background: #ECF8FE url(../images/quote.jpg) no-repeat 10px 10px;
> > -	font-weight: normal;
> > -	font-size: 1.5em;
> > -	line-height: 1.5em;
> > -	font-style: italic;
> > -	font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica,
> > sans-serif;
> > -	color: #976957;
> > +    margin: 15px 10px;
> > +    padding: 10px 10px 10px 35px;
> > +    border: 1px solid #ECF8FE;
> > +    background: #ECF8FE url(../images/quote.jpg) no-repeat 10px
> > 10px;
> > +    font-weight: normal;
> > +    font-size: 1.5em;
> > +    line-height: 1.5em;
> > +    font-style: italic;
> > +    font-family: "Lucida Grande", Geneva, Verdana, Arial,
> Helvetica,
> > sans-serif;
> > +    color: #976957;
> >  }
> >  
> >  table {
> > -	border-collapse: collapse;
> > -	margin: 15px 10px;
> > +    border-collapse: collapse;
> > +    margin: 15px 10px;
> >  }
> >  
> >  th {
> > -	background: #ADD8E6 url(../images/header-bg.jpg) repeat-x 0
> -100px;
> > -	height: 38px;
> > -	padding-left: 12px;
> > -	padding-right: 12px;
> > -	color: #fff;
> > -	text-align: left;
> > -	border-left: 1px solid #78C7FA;
> > -	border-bottom: solid 2px #fff;
> > +    background: #ADD8E6 url(../images/header-bg.jpg) repeat-x 0
> > -100px;
> > +    height: 38px;
> > +    padding-left: 12px;
> > +    padding-right: 12px;
> > +    color: #fff;
> > +    text-align: left;
> > +    border-left: 1px solid #78C7FA;
> > +    border-bottom: solid 2px #fff;
> >  }
> >  
> >  tr {
> > -	height: 34px;
> > +    height: 34px;
> >  }
> >  
> >  td {
> > -	padding-left: 11px;
> > -	padding-right: 11px;
> > +    padding-left: 11px;
> > +    padding-right: 11px;
> >  }
> >  
> >  
> >  input,select {
> > -	padding: 4px;
> > -	font: normal 1em Verdana, sans-serif;
> > -	color: #666666;
> > -	background: #fff;
> > +    padding: 4px;
> > +    font: normal 1em Verdana, sans-serif;
> > +    color: #666666;
> > +    background: #fff;
> >  }
> >  
> >  textarea {
> > -	width: 400px;
> > -	padding: 4px;
> > -	font: normal 1em Verdana, sans-serif;
> > -	height: 100px;
> > -	display: block;
> > -	color: #666666;
> > +    width: 400px;
> > +    padding: 4px;
> > +    font: normal 1em Verdana, sans-serif;
> > +    height: 100px;
> > +    display: block;
> > +    color: #666666;
> >  }
> >  
> >  input,textarea,select {
> > -	background: #fff;
> > -	border-width: 1px;
> > -	border-style: solid;
> > -	border-color: #D4D4D4 #ebebeb #ebebeb #d4d4d4;
> > +    background: #fff;
> > +    border-width: 1px;
> > +    border-style: solid;
> > +    border-color: #D4D4D4 #ebebeb #ebebeb #d4d4d4;
> >  }
> >  
> >  input.button {
> > -	font: bold 12px Arial, Sans-serif;
> > -	height: 30px;
> > -	margin: 0;
> > -	padding: 2px 3px;
> > -	color: #555;
> > -	background: #E6E6E6;
> > -	border-width: 1px;
> > -	border-style: solid;
> > -	border-color: #ebebeb #d4d4d4 #d4d4d4 #ebebeb;
> > +    font: bold 12px Arial, Sans-serif;
> > +    height: 30px;
> > +    margin: 0;
> > +    padding: 2px 3px;
> > +    color: #555;
> > +    background: #E6E6E6;
> > +    border-width: 1px;
> > +    border-style: solid;
> > +    border-color: #ebebeb #d4d4d4 #d4d4d4 #ebebeb;
> >  }
> >  
> >  #wrap-out {
> > -	position: relative;
> > -	background: #fff url(../images/wrapper.jpg) top center no-repeat;
> > -	width: 945px;
> > -	margin: 0 auto;
> > -	text-align: left;
> > +    position: relative;
> > +    background: #fff url(../images/wrapper.jpg) top center
> > no-repeat;
> > +    width: 945px;
> > +    margin: 0 auto;
> > +    text-align: left;
> >  }
> >  
> >  #wrap {
> > -	width: 945px;
> > -	margin: 0 auto;
> > +    width: 945px;
> > +    margin: 0 auto;
> >  }
> >  
> >  #content-wrap {
> > -	position: relative;
> > -	clear: both;
> > -	float: left;
> > -	width: 945px;
> > -	padding: 0;
> > -	margin-left: 5px;
> > -	display: inline;
> > -	background: url(../images/content-bg.png) 585px 0px transparent;
> > -	background-repeat: repeat-y;
> > -	padding-bottom: 42px;
> > +    position: relative;
> > +    clear: both;
> > +    float: left;
> > +    width: 945px;
> > +    padding: 0;
> > +    margin-left: 5px;
> > +    display: inline;
> > +    background: url(../images/content-bg.png) 585px 0px
> transparent;
> > +    background-repeat: repeat-y;
> > +    padding-bottom: 42px;
> >  }
> >  
> >  #header {
> > -	position: relative;
> > -	width: 945px;
> > -	height: 130px;
> > -	padding: 0;
> > -	margin: 0 auto;
> > -	background: transparent;
> > +    position: relative;
> > +    width: 945px;
> > +    height: 130px;
> > +    padding: 0;
> > +    margin: 0 auto;
> > +    background: transparent;
> >  }
> >  
> >  #header #logo {
> > -	position: absolute;
> > -	top: 15px;
> > -	left: 30px;
> > -	height: 42px;
> > -	width: 405px;
> > +    position: absolute;
> > +    top: 15px;
> > +    left: 30px;
> > +    height: 42px;
> > +    width: 405px;
> >  }
> >  
> >  #header #logo a,img {
> > -	background: none;
> > -	border: none;
> > +    background: none;
> > +    border: none;
> >  }
> >  
> >  #header #controls {
> > -	position: absolute;
> > -	top: 60px;
> > -	right: 32px;
> > -	height: 42px;
> > -	color: #1b78d7;
> > -	font-size: 12px;
> > -	background: url(../images/house.gif) top right no-repeat;
> > -	padding-right: 20px;
> > -	text-align: right;
> > +    position: absolute;
> > +    top: 60px;
> > +    right: 32px;
> > +    height: 42px;
> > +    color: #1b78d7;
> > +    font-size: 12px;
> > +    background: url(../images/house.gif) top right no-repeat;
> > +    padding-right: 20px;
> > +    text-align: right;
> >  }
> >  
> >  #header #controls a {
> > -	position: relative;
> > -	top: -2px;
> > +    position: relative;
> > +    top: -2px;
> >  }
> >  
> >  #header #language {
> > -	position: absolute;
> > -	top: 10px;
> > -	right: 32px;
> > -	height: 42px;
> > -	color: #797c7e;
> > -	text-align: right;
> > +    position: absolute;
> > +    top: 10px;
> > +    right: 32px;
> > +    height: 42px;
> > +    color: #797c7e;
> > +    text-align: right;
> >  }
> >  
> >  #search {
> > -	position:absolute;
> > -	top:88px;
> > -	right:30px;
> > -	background:url(../images/search.gif) center left no-repeat;
> > -	padding-left:20px;
> > +    position:absolute;
> > +    top:88px;
> > +    right:30px;
> > +    background:url(../images/search.gif) center left no-repeat;
> > +    padding-left:20px;
> >  }
> >  
> >  .hintText {
> > -  	display: none;
> > +      display: none;
> >  }
> >  
> >  .fieldWithHint {
> > -  	color: #001f2f;
> > +      color: #001f2f;
> >  }
> >  
> >  #nav {
> > -	position: absolute;
> > -	clear: both;
> > -	margin: 0;
> > -	padding: 0;
> > -	height: 34px;
> > -	left: 30px;
> > -	top: 82px;
> > -	z-index: 99999;
> > +    position: absolute;
> > +    clear: both;
> > +    margin: 0;
> > +    padding: 0;
> > +    height: 34px;
> > +    left: 30px;
> > +    top: 82px;
> > +    z-index: 99999;
> >  }
> >  
> >  #nav ul {
> > -	float: left;
> > -	list-style: none;
> > -	width: 600px;
> > -	height: 34px;
> > -	text-transform: uppercase;
> > -	margin: 0;
> > -	padding: 0;
> > -	display: inline;
> > +    float: left;
> > +    list-style: none;
> > +    width: 600px;
> > +    height: 34px;
> > +    text-transform: uppercase;
> > +    margin: 0;
> > +    padding: 0;
> > +    display: inline;
> >  }
> >  
> >  #nav ul li {
> > -	display: inline;
> > -	margin: 0;
> > -	padding: 0;
> > +    display: inline;
> > +    margin: 0;
> > +    padding: 0;
> >  }
> >  
> >  #nav ul li a {
> > -	float: left;
> > -	margin: 0 5px 0 0;
> > -	padding: 0px 20px 0px 20px;
> > -	font: bold 12px/ 34px "Trebuchet MS", Helvetica, Arial, Geneva,
> > sans-serif;
> > -	text-transform: lowercase;
> > -	text-decoration: none;
> > -	letter-spacing: -0.3px;
> > -	color: #fff;
> > +    float: left;
> > +    margin: 0 5px 0 0;
> > +    padding: 0px 20px 0px 20px;
> > +    font: bold 12px/ 34px "Trebuchet MS", Helvetica, Arial,
> Geneva,
> > sans-serif;
> > +    text-transform: lowercase;
> > +    text-decoration: none;
> > +    letter-spacing: -0.3px;
> > +    color: #fff;
> >  }
> >  
> >  #nav ul li a:hover,#nav ul li a:active {
> > -	color: #111;
> > -	background-image: url(../images/header_hot.jpg);
> > -	border: none;
> > +    color: #111;
> > +    background-image: url(../images/header_hot.jpg);
> > +    border: none;
> >  }
> >  
> >  #nav ul li#current a {
> > -	color: #333333;
> > -	background-image: url(../images/header_hot.jpg);
> > +    color: #333333;
> > +    background-image: url(../images/header_hot.jpg);
> >  }
> >  
> >  #main {
> > -	float: left;
> > -	width: 560px;
> > -	padding: 0;
> > -	margin: 0 0 0 20px;
> > -	display: inline;
> > +    float: left;
> > +    width: 560px;
> > +    padding: 0;
> > +    margin: 0 0 0 20px;
> > +    display: inline;
> >  }
> >  
> >  #main h2 {
> > -	padding-bottom: 3px;
> > -	margin-top: 15px;
> > -	font: normal 3.5em "Lucida Grande", Geneva, Verdana, Arial,
> > Helvetica, sans-serif;
> > -	color: #666;
> > -	letter-spacing: -2px;
> > -	text-transform: none;
> > -	border-bottom: 1px solid #ebebeb;
> > +    padding-bottom: 3px;
> > +    margin-top: 15px;
> > +    font: normal 3.5em "Lucida Grande", Geneva, Verdana, Arial,
> > Helvetica, sans-serif;
> > +    color: #666;
> > +    letter-spacing: -2px;
> > +    text-transform: none;
> > +    border-bottom: 1px solid #ebebeb;
> >  }
> >  
> >  #main h2 a {
> > -	color: #666;
> > -	text-decoration: none;
> > -	background: none;
> > -	border: none;
> > +    color: #666;
> > +    text-decoration: none;
> > +    background: none;
> > +    border: none;
> >  }
> >  
> >  #main ul li {
> > -	list-style-image: url(../images/bullet.gif);
> > +    list-style-image: url(../images/bullet.gif);
> >  }
> >  
> >  #col1 {
> > -	float: left;
> > -	width: 260px;
> > -	padding: 0;
> > -	margin: 20px 0 0 20px;
> > -	display: inline;
> > +    float: left;
> > +    width: 260px;
> > +    padding: 0;
> > +    margin: 20px 0 0 20px;
> > +    display: inline;
> >  }
> >  
> >  #col2 {
> > -	float: left;
> > -	width: 260px;
> > -	padding: 0;
> > -	margin: 20px 0 0 20px;
> > -	display: inline;
> > +    float: left;
> > +    width: 260px;
> > +    padding: 0;
> > +    margin: 20px 0 0 20px;
> > +    display: inline;
> >  }
> >  
> >  #col1 h2, col2 h2 {
> > -	padding-bottom: 3px;
> > -	margin-top: 15px;
> > -	font: normal 3.5em "Lucida Grande", Geneva, Verdana, Arial,
> > Helvetica, sans-serif;
> > -	color: #666;
> > -	letter-spacing: -2px;
> > -	text-transform: none;
> > -	border-bottom: 1px solid #ebebeb;
> > +    padding-bottom: 3px;
> > +    margin-top: 15px;
> > +    font: normal 3.5em "Lucida Grande", Geneva, Verdana, Arial,
> > Helvetica, sans-serif;
> > +    color: #666;
> > +    letter-spacing: -2px;
> > +    text-transform: none;
> > +    border-bottom: 1px solid #ebebeb;
> >  }
> >  
> >  #sidebar {
> > -	float: right;
> > -	width: 300px;
> > -	padding: 0;
> > -	margin: 15px 20px 0 0;
> > -	display: inline;
> > +    float: right;
> > +    width: 300px;
> > +    padding: 0;
> > +    margin: 15px 20px 0 0;
> > +    display: inline;
> >  }
> >  
> >  #sidebar h3 {
> > -	margin-top: 10px;
> > -	padding: 15px 5px 3px 5px;
> > -	font: normal 2em 'trebuchet MS', Tahoma, Helvetica, Arial,
> > sans-serif;
> > -	color: #666666;
> > -	letter-spacing: -.5px;
> > +    margin-top: 10px;
> > +    padding: 15px 5px 3px 5px;
> > +    font: normal 2em 'trebuchet MS', Tahoma, Helvetica, Arial,
> > sans-serif;
> > +    color: #666666;
> > +    letter-spacing: -.5px;
> >  }
> >  
> >  #sidebar ul.sidemenu {
> > -	text-align: left;
> > -	margin: 0px 5px 8px 0px;
> > -	padding: 5px 0 0 0;
> > -	text-decoration: none;
> > -	background: url(../images/dots.gif) repeat-x left top;
> > +    text-align: left;
> > +    margin: 0px 5px 8px 0px;
> > +    padding: 5px 0 0 0;
> > +    text-decoration: none;
> > +    background: url(../images/dots.gif) repeat-x left top;
> >  }
> >  
> >  #sidebar ul.sidemenu li {
> > -	list-style: none;
> > -	background: url(dots.gif) repeat-x left bottom;
> > -	padding: 4px 10px;
> > -	margin: 0;
> > +    list-style: none;
> > +    background: url(dots.gif) repeat-x left bottom;
> > +    padding: 4px 10px;
> > +    margin: 0;
> >  }
> >  
> >  * html body #sidebar ul.sidemenu li {
> > -	height: 1%;
> > +    height: 1%;
> >  }
> >  
> >  #sidebar ul.sidemenu li a {
> > -	text-decoration: none;
> > -	background-image: none;
> > -	background-color: transparent;
> > -	border: none;
> > -	color: #304c70;
> > -	font-weight: bold;
> > -	font-family: "Trebuchet MS", Tahoma, Helvetica, Arial,
> Sans-serif;
> > -	font-size: 14px;
> > -	/* letter-spacing: .5px;  */
> > +    text-decoration: none;
> > +    background-image: none;
> > +    background-color: transparent;
> > +    border: none;
> > +    color: #304c70;
> > +    font-weight: bold;
> > +    font-family: "Trebuchet MS", Tahoma, Helvetica, Arial,
> > Sans-serif;
> > +    font-size: 14px;
> > +    /* letter-spacing: .5px;  */
> >  }
> >  
> >  #sidebar ul.sidemenu li a span {
> > -	color: #989898;
> > -	font-family: Georgia, "Times New Roman", Times, serif;
> > -	font-style: italic;
> > -	font-weight: normal;
> > -	font-size: .8em;
> > +    color: #989898;
> > +    font-family: Georgia, "Times New Roman", Times, serif;
> > +    font-style: italic;
> > +    font-weight: normal;
> > +    font-size: .8em;
> >  }
> >  
> >  #sidebar ul.sidemenu li a:hover {
> > -	color: #555;
> > +    color: #555;
> >  }
> >  
> >  #sidebar ul.sidemenu ul {
> > -	margin: 0 0 0 5px;
> > -	padding: 0;
> > +    margin: 0 0 0 5px;
> > +    padding: 0;
> >  }
> >  
> >  #sidebar ul.sidemenu ul li {
> > -	background: none;
> > +    background: none;
> >  }
> >  
> >  #sidebar .indentfirst {
> > -	margin-left:0px;
> > +    margin-left:0px;
> >  }
> >  
> >  #sidebar .indentsecond {
> > -	margin-left:20px;
> > +    margin-left:20px;
> >  }
> >  
> >  #footer-wrap {
> > -	position: relative;
> > -	clear: both;
> > -	padding: 0px;
> > -	margin-top: -150px;
> > -	margin: 0px;
> > -	font: normal 1em 'Trebuchet MS', Tahoma, sans-serif;
> > -	background: url(../images/footer.png) top center no-repeat;
> > -	color: #777;
> > -	width: 945px;
> > -	height: 42px;
> > -	float: left;
> > +    position: relative;
> > +    clear: both;
> > +    padding: 0px;
> > +    margin-top: -150px;
> > +    margin: 0px;
> > +    font: normal 1em 'Trebuchet MS', Tahoma, sans-serif;
> > +    background: url(../images/footer.png) top center no-repeat;
> > +    color: #777;
> > +    width: 945px;
> > +    height: 42px;
> > +    float: left;
> >  }
> >  
> >  #footer-content {
> > -	margin: 15px 0 10px 30px;
> > -	width: 880px;
> > -	text-align: left;
> > -	color: #333;
> > +    margin: 15px 0 10px 30px;
> > +    width: 880px;
> > +    text-align: center;
> > +    color: #333;
> >  }
> >  
> >  .postmeta {
> > -	padding: 5px;
> > -	margin: 20px 10px 15px 10px;
> > -	font-size: 1em;
> > -	color: #777;
> > -	border: 1px solid #ECF8FE;
> > -	background: #ECF8FE;
> > +    padding: 5px;
> > +    margin: 20px 10px 15px 10px;
> > +    font-size: 1em;
> > +    color: #777;
> > +    border: 1px solid #ECF8FE;
> > +    background: #ECF8FE;
> >  }
> >  
> >  .postmeta .date {
> > -	margin: 0 10px 0 5px;
> > +    margin: 0 10px 0 5px;
> >  }
> >  
> >  .postmeta a.comments {
> > -	margin: 0 10px 0 5px;
> > +    margin: 0 10px 0 5px;
> >  }
> >  
> >  .postmeta a.readmore {
> > -	margin: 0 10px 0 5px;
> > +    margin: 0 10px 0 5px;
> >  }
> >  
> >  .post-info {
> > -	font-size: .95em;
> > -	padding-top: 3px;
> > -	margin-left: 5px;
> > -	color: #bababa;
> > +    font-size: .95em;
> > +    padding-top: 3px;
> > +    margin-left: 5px;
> > +    color: #bababa;
> >  }
> >  
> >  .post-info a {
> > -	color: #C5935C;
> > +    color: #C5935C;
> >  }
> >  
> >  p.thumbs {
> > -	padding: 12px 0 0 10px;
> > +    padding: 12px 0 0 10px;
> >  }
> >  
> >  .thumbs img {
> > -	position: relative;
> > -	border: 1px solid #ebebeb;
> > -	background: none;
> > -	padding: 4px;
> > -	margin: 5px;
> > -	/* margin: 4px 7px 4px 4px; */
> > +    position: relative;
> > +    border: 1px solid #ebebeb;
> > +    background: none;
> > +    padding: 4px;
> > +    margin: 5px;
> > +    /* margin: 4px 7px 4px 4px; */
> >  }
> >  
> >  .thumbs img:hover {
> > -	border: 1px solid #c5c5c5;
> > -	background: none;
> > +    border: 1px solid #c5c5c5;
> > +    background: none;
> >  }
> >  
> >  .thumbs a:hover {
> > -	background-color: transparent;
> > -	border: none
> > +    background-color: transparent;
> > +    border: none
> >  }
> >  
> >  .float-left {
> > -	float: left;
> > +    float: left;
> >  }
> >  
> >  .float-right {
> > -	float: right;
> > +    float: right;
> >  }
> >  
> >  .align-left {
> > -	text-align: left;
> > +    text-align: left;
> >  }
> >  
> >  .align-right {
> > -	text-align: right;
> > +    text-align: right;
> >  }
> >  
> >  .clearer {
> > -	clear: both;
> > +    clear: both;
> >  }