You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@ofbiz.apache.org by jo...@apache.org on 2009/04/08 12:19:12 UTC

svn commit: r763168 - in /ofbiz/site/css: ./ global.css home.css

Author: jonesde
Date: Wed Apr  8 10:19:11 2009
New Revision: 763168

URL: http://svn.apache.org/viewvc?rev=763168&view=rev
Log:
New design for the site from Jira #OFBIZ-2261

Added:
    ofbiz/site/css/
    ofbiz/site/css/global.css   (with props)
    ofbiz/site/css/home.css   (with props)

Added: ofbiz/site/css/global.css
URL: http://svn.apache.org/viewvc/ofbiz/site/css/global.css?rev=763168&view=auto
==============================================================================
--- ofbiz/site/css/global.css (added)
+++ ofbiz/site/css/global.css Wed Apr  8 10:19:11 2009
@@ -0,0 +1,590 @@
+* {
+	margin: 0;
+	padding: 0;
+	outline: 0
+}
+
+html,body,#wrap-out {
+	height: 100%;
+}
+
+body {
+	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%;
+}
+
+.clearfix:after {
+	content: ".";
+	display: block;
+	height: 0;
+	clear: both;
+	visibility: hidden;
+}
+
+.clearfix {
+	display: inline-block;
+}
+
+* html .clearfix {
+	height: 1%;
+}
+
+.clearfix {
+	display: block;
+}
+
+.clearLeft {
+	clear:left;
+}
+
+a,a:active,a:link {
+	text-decoration: none;
+	color: #29456b;
+}
+
+a:visited {
+	text-decoration: none;
+}
+
+a:hover {
+	color: #030d1c;
+}
+
+h1,h2,h3 {
+	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;
+}
+
+h2 {
+	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;
+}
+
+p,dl {
+	padding: 10px;
+	margin: 0;
+}
+
+ul{
+	margin: 10px 10px;
+	padding: 0;
+}
+
+ul {
+	list-style: none;
+}
+
+ol {
+	margin: 10px 30px;
+	padding: 0;
+}
+
+dt {
+	font-weight: bold;
+	color: #895F30;
+}
+
+dd {
+	padding-left: 25px;
+}
+
+img {
+	border: none;
+}
+
+p img {
+	background: #fafafa;
+   	border: 1px solid #dcdcdc;
+	padding: 5px;
+	margin:0 10px 0 0;
+}
+
+img.float-right {
+	margin: 5px 0px 10px 10px;
+}
+
+img.float-left {
+	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;
+}
+
+acronym {
+	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;
+}
+
+table {
+	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;
+}
+
+tr {
+	height: 34px;
+}
+
+td {
+	padding-left: 11px;
+	padding-right: 11px;
+}
+
+
+input,select {
+	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;
+}
+
+input,textarea,select {
+	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;
+}
+
+#wrap-out {
+	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;
+}
+
+#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;
+}
+
+#header {
+	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;
+}
+
+#header #logo a,img {
+	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;
+}
+
+#header #controls a {
+	position: relative;
+	top: -2px;
+}
+
+#header #language {
+	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;
+}
+
+.hintText {
+  	display: none;
+}
+
+.fieldWithHint {
+  	color: #001f2f;
+}
+
+#nav {
+	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;
+}
+
+#nav ul li {
+	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;
+}
+
+#nav ul li a:hover,#nav ul li a:active {
+	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);
+}
+
+#main {
+	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;
+}
+
+#main h2 a {
+	color: #666;
+	text-decoration: none;
+	background: none;
+	border: none;
+}
+
+#main ul li {
+	list-style-image: url(../images/bullet.gif);
+}
+
+#col1 {
+	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;
+}
+
+#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;
+}
+
+#sidebar {
+	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;
+}
+
+#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;
+}
+
+#sidebar ul.sidemenu li {
+	list-style: none;
+	background: url(dots.gif) repeat-x left bottom;
+	padding: 4px 10px;
+	margin: 0;
+}
+
+* html body #sidebar ul.sidemenu li {
+	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;  */
+}
+
+#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;
+}
+
+#sidebar ul.sidemenu li a:hover {
+	color: #555;
+}
+
+#sidebar ul.sidemenu ul {
+	margin: 0 0 0 5px;
+	padding: 0;
+}
+
+#sidebar ul.sidemenu ul li {
+	background: none;
+}
+
+#sidebar .indentfirst {
+	margin-left:0px;
+}
+
+#sidebar .indentsecond {
+	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;
+}
+
+#footer-content {
+	margin: 15px 0 10px 30px;
+	width: 880px;
+	text-align: left;
+	color: #333;
+}
+
+.postmeta {
+	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;
+}
+
+.postmeta a.comments {
+	margin: 0 10px 0 5px;
+}
+
+.postmeta a.readmore {
+	margin: 0 10px 0 5px;
+}
+
+.post-info {
+	font-size: .95em;
+	padding-top: 3px;
+	margin-left: 5px;
+	color: #bababa;
+}
+
+.post-info a {
+	color: #C5935C;
+}
+
+p.thumbs {
+	padding: 12px 0 0 10px;
+}
+
+.thumbs img {
+	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;
+}
+
+.thumbs a:hover {
+	background-color: transparent;
+	border: none
+}
+
+.float-left {
+	float: left;
+}
+
+.float-right {
+	float: right;
+}
+
+.align-left {
+	text-align: left;
+}
+
+.align-right {
+	text-align: right;
+}
+
+.clearer {
+	clear: both;
+}

Propchange: ofbiz/site/css/global.css
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: ofbiz/site/css/global.css
------------------------------------------------------------------------------
    svn:keywords = "Date Rev Author URL Id"

Propchange: ofbiz/site/css/global.css
------------------------------------------------------------------------------
    svn:mime-type = text/css

Added: ofbiz/site/css/home.css
URL: http://svn.apache.org/viewvc/ofbiz/site/css/home.css?rev=763168&view=auto
==============================================================================
--- ofbiz/site/css/home.css (added)
+++ ofbiz/site/css/home.css Wed Apr  8 10:19:11 2009
@@ -0,0 +1,85 @@
+#wrap-out {
+	position: relative;
+	background: #fff url(../images/home-wrapper.jpg) top center no-repeat;
+	width: 945px;
+	margin: 0 auto;
+	text-align: left;
+}
+
+#header {
+	position: relative;
+	width: 945px;
+	height: 403px;
+	padding: 0;
+	margin: 0 auto;
+	background: transparent;
+}
+
+#header #slides {
+	position: absolute;
+	top: 128px;
+	left: 10px;
+	background: url(../images/slideshow-bg.jpg) top center no-repeat;
+	width: 923px;
+	height: 260px;
+}
+
+#header #slides .callout {
+	position: absolute;
+	top: 35px;
+	left: 30px;
+	font-size: 30px;
+	line-height: 30px;
+	color: #2b1f48;
+}
+
+#header #slides .description {
+	position: absolute;
+	top: 175px;
+	left: 30px;
+	font-size: 14px;
+	line-height: 15px;
+	color: #e0e0e0;
+	width: 350px;
+}
+
+#header #slides .slidenav {
+	width: 200px;
+	position: absolute;
+	top: 10px;
+	left: 800px;
+}
+
+#header #slides .slidenav a {
+	margin-right: 20px;
+	border: none;
+	background: none;
+}
+
+#header #slides .slidenav a img {
+	background: none;
+	border: none;
+	cursor: pointer;
+}
+
+#header #slides .mantle{
+	position:absolute;
+	top:58px;
+	left:385px;
+}
+
+.downloadNow {
+	margin:30px 0 10px 0;
+}
+
+.downloadLinks span.docs {
+	float:left;
+	margin:0px 0px 0 0;
+	display:inline;
+}
+
+.downloadLinks span.previousVersions {
+	float:right;
+	margin:0px 20px 0 0;
+	display:inline;
+}
\ No newline at end of file

Propchange: ofbiz/site/css/home.css
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: ofbiz/site/css/home.css
------------------------------------------------------------------------------
    svn:keywords = "Date Rev Author URL Id"

Propchange: ofbiz/site/css/home.css
------------------------------------------------------------------------------
    svn:mime-type = text/css