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 |
Free forum by Nabble | Edit this page |