Added: ofbiz/branches/ofbiz-new-website/css/blue.css
URL: http://svn.apache.org/viewvc/ofbiz/branches/ofbiz-new-website/css/blue.css?rev=1787742&view=auto ============================================================================== --- ofbiz/branches/ofbiz-new-website/css/blue.css (added) +++ ofbiz/branches/ofbiz-new-website/css/blue.css Mon Mar 20 12:28:40 2017 @@ -0,0 +1,642 @@ +/* + Document : colors + Created on : 3 sept. 2012, 17:56:23 + Author : shaylash + Description: + Purpose of the stylesheet follows. +*/ +/*********************** BOOSTRAP CUSTOMIZATION ***********************/ +.pagination { + border-top:1px solid #EAEAEA; +} +/* pagination */ +.pagination ul > li > a, .pagination ul > li > span { + background-color:transparent; + color:#ccd; +} +.pagination ul > li > a:hover, .pagination ul > .active > span:hover { + background-color:transparent; + border-top:2px solid #EAEAEA +} +.pagination ul > .active > a, .pagination ul > .active > span { + background-color:transparent; + color:#333; + border-top:2px solid #235689 +} +/*tabs*/ +.nav-tabs > .active > a, .nav-tabs > .active > a:hover { + background:none; + border-bottom-color:#FAFAFA; +} + +.tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover{border-right-color:#FAFAFA;} +/*carousel*/ +.carousel-control { + color:#CFCFCF; + background:#FAFAFA; +} +.carousel-control:hover { + color:#235689; +} +.nav > li > a:hover { + background:transparent; + color:#235689!important; +} + +/*accordion*/ +a.accordion-toggle:link{color:#666;} +a.accordion-toggle:hover{color:#235689;} + +/*********************** END BOOSTRAP CUSTOMIZATION ***********************/ + + +/*********************** TYPOGRAPHY ***********************/ + +body { + color:#777; + background:#FAFAFA; +} + +blockquote { + color:#454545; +} +/*typography*/ + +h3, h4, h5, h6 { + color:#222; +} +h1 { + color:#fff; +} +h2 { + color:#222; +} +h2.smallHeading{color:#235689} +.divider { + background-color:#dadada; + border-bottom:1px solid #fff; +} +.divider span { + background-color:#235689; +} +/*********************** END TYPOGRAPHY ***********************/ + +/*********************** BUTTONS ***********************/ +a { + color:#235689; +} +a:hover, .scrollspyNav .active a { + color:#235689; +} +a.btn-3d, a.iconBtn { + -moz-box-shadow: 0px 1px 0px 0px #9c9c9c, 0px 2px 4px rgba(10, 10, 10, 0.4); + -webkit-box-shadow: 0px 1px 0px 0px #9c9c9c, 0px 2px 4px rgba(10, 10, 10, 0.4); + box-shadow: 0px 1px 0px 0px #9c9c9c, 0px 2px 4px rgba(10, 10, 10, 0.4); + background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fff), color-stop(1, #DADADA) ); + background:-moz-linear-gradient( center top, #fff 5%, #DADADA 100% ); + filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#DADADA'); + background-color:#fff; + color:#010101; +} + +a.iconBtn{ color:#777;} +a.btn-3d:active { + background-color:#fff; +} +.btn-3d:hover, a.iconBtn:hover { + -moz-box-shadow: 0px 1px 0px 0px #9c9c9c, 0px 1px 1px rgba(10, 10, 10, 0.4); + -webkit-box-shadow: 0px 1px 0px 0px #9c9c9c, 0px 1px 1px rgba(10, 10, 10, 0.4); + box-shadow: 0px 1px 0px 0px #9c9c9c, 0px 1px 1px rgba(10, 10, 10, 0.4); + background: #fff; + color:#235689; +} +.iconBtn i { + color:#235689; +} +.btnWrapper { + background:#DDD; + border:1px solid #ccc; +} +.btnFlatHover { + color:white !important; + background: #4F6266 !important; + border-color:#4F6266 !important; +} +.speBtnHover { + color:#4F6266 !important; + background-color: white!important; +} +#mapReturn, #mapReturn:visited, #mapReturn:active, #mapReturn:link{ + color:#235689; +} +#mapReturn:hover { + color:#4F6266; +} + + +a.iconWrapper:hover{ background-color:#777777; color:white;} +/*********************** END BUTTONS ***********************/ + + + +/*********************** MAIN MENU ***********************/ + +/*dark menu*/ +#mainHeader .navbar-inner { + background:#454545; +} +.navbar { + border-bottom:1px solid #111 +} +#mainMenu ul li a { + color:#ededed; +} + +/*white menu*/ +#mainHeader .navbar-inner { + background:#fff; +} +.navbar { + border-bottom:1px solid #ddd +} +#mainMenu ul li a { + color:#999; +} + + +#mainMenu ul ul, #mainMenu ul li ul li.hover a { + background-color:#454545; +} +#mainMenu ul ul { + border:1px solid #454545; +} + +#mainMenu ul li .active, #mainMenu ul li.hover>a, #mainMenu ul li.hover>a.hasSubMenu, #mainMenu ul li.Shover>a{ + color:white!important; +background: #49809e; /* Old browsers */ +/* IE9 SVG, needs conditional override of 'filter' to 'none' */ +background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzQ5ODA5ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMzU2ODkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); +background: -moz-linear-gradient(top, #49809e 1%, #235689 100%); /* FF3.6+ */ +background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#49809e), color-stop(100%,#235689)); /* Chrome,Safari4+ */ +background: -webkit-linear-gradient(top, #49809e 1%,#235689 100%); /* Chrome10+,Safari5.1+ */ +background: -o-linear-gradient(top, #49809e 1%,#235689 100%); /* Opera 11.10+ */ +background: -ms-linear-gradient(top, #49809e 1%,#235689 100%); /* IE10+ */ +background: linear-gradient(to bottom, #49809e 1%,#235689 100%); /* W3C */ +filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49809e', endColorstr='#235689',GradientType=0 ); /* IE6-8 */ + +} +#mainMenu ul ul a { + color:#B4B4B4; +} +#mainMenu ul ul li.Shover a { + color:white !important; + background-color:#235689; +} +#mainMenu .hasSubMenu { + background-image:url('../images/icons/main-nav-normalstate.png'); + background-repeat:no-repeat; + background-position:90% center; +} +#mainMenu ul ul li.hover>a, #mainMenu ul ul li.Shover>a { + background-image:url('../images/icons/main-nav-hoverstate.png') !important; + background-repeat:no-repeat !important; + background-position:90% center !important; + color:white !important; + background-color:#235689 !important; +} + +#mainMenu ul ul li.Shover>a { + background-image:none !important; +} + +/*********************** END MAIN MENU ***********************/ + + +/*********************** FOOTER ***********************/ +.footer1 { + color:#777; + background:url(../images/textures/bg-footer.png) #252525; +} +.footer2 { + background: #235689;color: #fff; +} +#footer h2 { + color:#BBBBBB; +} +#footer .divider{border:none; background:#777;} +/*********************** END FOOTER ***********************/ + +/*********************** SLIDERS ***********************/ +.bgNoSlider { + border-top:1px solid #40b6b6; +} +/*CAMERA*/ +.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont { + background-color:#235689; +} +.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span, .camera_wrap .camera_pag .camera_pag_ul li:hover > span{background-color:#235689;} +.camera_thumbs_cont, .camera_wrap .camera_pag .camera_pag_ul li{background-color:#EDEDED;} + +/*FLEX*/ + +.slides .txt div { + background:#444; + color:#FFFFFF; +} +#sliderWrapper .flex-control-paging li a.flex-active { + background:#235689; +} +.flexslider .flex-control-paging li a:hover { + background: #235689 +} +.flexslider .flex-control-paging li a { + background: #ededed; + border:3px solid #ededed; +} +.flex-control-nav { + background:#fff; +} +/*REVOLUTION SLIDER*/ +.tp-bullets.simplebullets.round .bullet{background:#ededed;border:4px solid #ededed;opacity:0.8;} + +.tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.round .bullet:hover{ + background:#235689; + border:4px solid #fff; + /*border:1px solid #FFF;*/ +} + +#bgSliderBloc{background:#49809E;} +.caption h2, #noSliderWrapper h2, h1 { + color:#fff; + text-shadow:1px 1px 1px rgba(11,11,11,.5); +} +.caption.small_text { + text-shadow: none; +} + +.captionBloc { + background:#235689; + color: #FFFFFF; +} + +/*dark text*/ +/* +.fullwidthbanner h3 { +color:#454545; +} +.fullwidthbanner h3 i {color:#235689} +*/ +/*light text*/ + +.fullwidthbanner h3 { +text-shadow:1px 1px 1px rgba(0, 0, 0, 0.4); +color:white; +} + +/* sequence */ +#sequenceSliderWrapper{background-color:#235689;} + + + +/*********************** END SLIDERS ***********************/ + +/*********************** BLOG ***********************/ + +.postDate { + background-color:#235689; + color:white; +} +ul.entry-meta { + border-top:1px solid #EAEAEA; + border-bottom:1px solid #EAEAEA; +} + +#blogHeader h1 { + color:white; +} +.blog .widget ul li a { + color:#999 +} +.blog .widget ul li a:hover { + color:#4F6266; +} +.blog .blogTags ul li a { + background-color:#ccc; + color:white; +} +.blog .blogTags ul li a.w1 { + background-color:#333333; +} +.blog .blogTags ul li a.w2 { + background-color:#666666; +} +.blog .blogTags ul li a.w3 { + background-color:#CCCCCC; +} +.blog .blogTags ul li a:hover { + background-color:#4F6266; + color:white; +} +.blog article h2 { + color:#777; +} + +.blogPostContent .comments { + background-color:#ededed; +} + +/* PAGINATION */ +#pagination .active { + color:#999; +} +#pagination a:hover { + background-color:#B5C4CB; + color:white; +} +/*********************** END BLOG ***********************/ + + +/*********************** PAGES ***********************/ +#content{border-top: 1px solid #E1E1E1;} +/* NAV TRAIL */ +#navTrail a:link, #navTrail a:visited { + color:#444; +} +#navTrail span { + color:#444; +} +#navTrail .current { + color:#5e5e5e; +} +#navTrail a:hover { + color:#4F6266; +} + +/*sidebar*/ +#sidebar #subnav ul li a { + color:#666; +} +#sidebar #subnav ul li a.active, #sidebar #subnav ul li a:hover { + color:#235689; +} +#widgetArea .widget { + background-color: #E6E6E6; +} +#sidebar #subnav li:first-child { + border-top:1px solid #EAEAEA; +} +#sidebar #subnav li { + border-bottom:1px solid #EAEAEA; +} +/* TEAM PAGE */ +.people h3 { + background-color: #e6eaec; +} +.people h2 { + background-color: #e6eaec; +} +.people h2 span { + color:#999999; +} +/* testimonial*/ +.testimonial blockquote { + background:white; + color:#777; +} +.arrowTestimonial { + border-right-color:white; +} +/*********************** END PAGES ***********************/ + + +/*********************** PORTFOLIO ***********************/ + +/*PORTFOLIO FILTER*/ +nav#filter a:link, nav#filter a:visited { + color:#ADADAD; +} +nav#filter a:hover, nav#filter a.current { + color:#4F6266; +} +li.filterTitle { + color:#4F6266; +} +section#projectDescription { + background-color:#F8F8F8 +} +/*PORTFOLIO */ + +.portfolio #sidebar #subnav a.current{ +color:#235689; +} + +.PortfolioStickyMenu a:link { + color:#666; +} +.PortfolioStickyMenu a:hover { + color:#4F6266; +} +.scrollElement .pInfo { +} +.scrollElement .pInfo a:hover { + color:#4F6266; +} +nav.navigate a { + background-color:#CFCFCF; + color:#eee; +} +nav.navigate a:hover { + background-color:#235689; + color:white; +} +#projectsNavAlt ul li a{color:#999;} + +#projectsNavAlt ul li a:hover{color:#111;} +/*********************** END PORTFOLIO ***********************/ + + +/*********************** MISCELANIOUS ***********************/ +.headerPage, .bgNoSlider, .bgSlider, #sliderWrapperRS, #blogHeader { +background: #DDE1E6; +} +#videoSliceWrapper{background:url(../images/textures/bg-texture-video.png) no-repeat #222;} +.focus { + background:#f8f8f8; +} + +.topQuote {background-color:#EBEBEB;border-left:1px solid #ccc;border-right:1px solid #ccc;} +.topQuote h1{color:#454545; text-shadow:none;} +.topQuote strong{font-weight:400; color:#235689} +.topBox, .blockBox { + background:#fff; + border:1px solid #DBDBDB; +} +.topBox{border-top:none;} +.topBox blockquote p{color:#777;} + +/*SIMPLE DIVIDER*/ +hr { + border-bottom:1px solid #ededed; +} +/* IMAGES*/ +.imgWrapper { + border-bottom:0.5em solid #235689; +} +/*.view:hover, .view:visited, .view:active { color: #EEE; } + +.view span { + color:#444; + background:#fff; +}*/ + +/*SOCIAL ICONS*/ +a.socialIcon { + color:#999; + background-color:transparent; +} +a.socialIcon:hover, .socialHoverClass { + color:#235689; +} +/**** Big ICONs ***/ +.iconWrapper, .bigIconLink a{ + background-color:#235689; + + color:white; + opacity:0.95; + +} + +/** ROLLOVER BIG ICON **/ +.ch-info h3, .ch-info p { + color: #fff; +} +.ch-info p a{ + color: #fff; + color: rgba(255,255,255,1); +} +.ch-info p a:hover { + color: #fff; + color: rgba(255,255,255, 1); +} +.ch-item:hover { + box-shadow: inset 0 0 0 110px #235689; + +} +.iconBig { + +background: #f9f9f9; /* Old browsers */ +/* IE9 SVG, needs conditional override of 'filter' to 'none' */ +background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOGQ4ZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); +background: -moz-linear-gradient(top, #f9f9f9 0%, #d8d8d8 100%); /* FF3.6+ */ +background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#d8d8d8)); /* Chrome,Safari4+ */ +background: -webkit-linear-gradient(top, #f9f9f9 0%,#d8d8d8 100%); /* Chrome10+,Safari5.1+ */ +background: -o-linear-gradient(top, #f9f9f9 0%,#d8d8d8 100%); /* Opera 11.10+ */ +background: -ms-linear-gradient(top, #f9f9f9 0%,#d8d8d8 100%); /* IE10+ */ +background: linear-gradient(to bottom, #f9f9f9 0%,#d8d8d8 100%); /* W3C */ +filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-8 */ + color:#235689; + border: 1px solid #EDEDED; +} + + +/* ICON LINK */ +.iconLink{border:11px solid #eee;} + + +/*PRICING TABLE*/ +table.pricingBloc th { + background:#eee; +} +table.pricingBloc td.cost { + background:#ddd +} +table.pricingBloc h2 { + color:#FBFBFB; +} +table.pricingBloc .line1 { + background-color:#e4e4e4; +} +table.pricingBloc .line2 {/*background-color:#fff;*/ +} +.sign { + background-color:#ededed; +} +table.pricingBlocFocus h2, table.pricingBlocFocus th { + color:white; +} +table.pricingBlocFocus th { + background:#666 +} +table.pricingBlocFocus td.cost { + background:#235689 +} +table.pricingBlocFocus .sign { + background-color:#235689; +} +/* call To Action */ +.callToActionBoxed { + background-color:#EBEBEB; + border:1px solid #ccc; +-moz-box-shadow: inset 0px 0px 10px 0px #D6D6D6 ; +-webkit-box-shadow: inset 0px 0px 10px 0px #D6D6D6 ; +-o-box-shadow: inset 0px 0px 10px 0px #D6D6D6 ; +box-shadow: inset 0px 0px 10px 0px #D6D6D6 ; +filter:progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0, Direction=NaN, Strength=10); +-moz-border-radius: 5px; +-webkit-border-radius: 5px; +border-radius: 5px; +} +.callToActionBoxed h2, .callToActionBoxed h3 { + color: #666666 +} +/*BOXES */ +.boxWrapper { + background-color:#EAEAEA; + -webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4); + -moz-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4); + box-shadow:0 1px 3px rgba(34, 25, 25, 0.4); + +} +.boxWrapper h2, .boxWrapper h3 { + background-color: #FBFBFB; + color:#777; +} +/* TABLE */ +.table-hover tbody tr:hover td, .table-hover tbody tr:hover th { + background-color: #4F6266 !important; + color:white; +} +.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th { + background-color: #F5F5F5; +} +/*CAROUSEL*/ +.carousel-inner article{border:1px solid #ccc;} +.projectInfo { +background: #f5f5f5; /* Old browsers */ +/* IE9 SVG, needs conditional override of 'filter' to 'none' */ +background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); +background: -moz-linear-gradient(top, #f5f5f5 0%, #ffffff 100%); /* FF3.6+ */ +background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ +background: -webkit-linear-gradient(top, #f5f5f5 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ +background: -o-linear-gradient(top, #f5f5f5 0%,#ffffff 100%); /* Opera 11.10+ */ +background: -ms-linear-gradient(top, #f5f5f5 0%,#ffffff 100%); /* IE10+ */ +background: linear-gradient(to bottom, #f5f5f5 0%,#ffffff 100%); /* W3C */ +filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ + +border-top:1px solid #DBDBDB; + +} +/* BACK TO TOP */ +a#to-top:hover { + background-color: #235689;color:white; +} +#to-top { + background-color: #777; +} +/*FORM*/ +input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus { + border: 1px solid #aaa; + color: #444; +} + +/*********************** END MISCELANIOUS ***********************/ Propchange: ofbiz/branches/ofbiz-new-website/css/blue.css ------------------------------------------------------------------------------ svn:eol-style = native Propchange: ofbiz/branches/ofbiz-new-website/css/blue.css ------------------------------------------------------------------------------ svn:keywords = Date Rev Author URL Id Propchange: ofbiz/branches/ofbiz-new-website/css/blue.css ------------------------------------------------------------------------------ svn:mime-type = text/css Added: ofbiz/branches/ofbiz-new-website/css/coffee.css URL: http://svn.apache.org/viewvc/ofbiz/branches/ofbiz-new-website/css/coffee.css?rev=1787742&view=auto ============================================================================== --- ofbiz/branches/ofbiz-new-website/css/coffee.css (added) +++ ofbiz/branches/ofbiz-new-website/css/coffee.css Mon Mar 20 12:28:40 2017 @@ -0,0 +1,639 @@ +/* + Document : colors + Created on : 3 sept. 2012, 17:56:23 + Author : shaylash + Description: + Purpose of the stylesheet follows. +*/ +/*********************** BOOSTRAP CUSTOMIZATION ***********************/ +.pagination { + border-top:1px solid #EAEAEA; +} +/* pagination */ +.pagination ul > li > a, .pagination ul > li > span { + background-color:transparent; + color:#ccd; +} +.pagination ul > li > a:hover, .pagination ul > .active > span:hover { + background-color:transparent; + border-top:2px solid #EAEAEA +} +.pagination ul > .active > a, .pagination ul > .active > span { + background-color:transparent; + color:#333; + border-top:2px solid #A07F4D +} +/*tabs*/ +.nav-tabs > .active > a, .nav-tabs > .active > a:hover { + background:none; + border-bottom-color:#FAFAFA; +} + +.tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover{border-right-color:#FAFAFA;} +/*carousel*/ +.carousel-control { + color:#CFCFCF; +} +.carousel-control:hover { + color:#A07F4D; +} +.nav > li > a:hover { + background:transparent; + color:#A07F4D!important; +} + +/*accordion*/ +a.accordion-toggle:link{color:#666;} +a.accordion-toggle:hover{color:#A07F4D;} + +/*********************** END BOOSTRAP CUSTOMIZATION ***********************/ + + +/*********************** TYPOGRAPHY ***********************/ + +body { + color:#777; + background:#FAFAFA; +} + +blockquote { + color:#454545; +} +/*typography*/ + +h3, h4, h5, h6 { + color:#222; +} +h1 { + color:#fff; +} +h2 { + color:#222; +} +h2.smallHeading{color:#A07F4D} +.divider { + background-color:#dadada; + border-bottom:1px solid #fff; +} +.divider span { + background-color:#A07F4D; +} +/*********************** END TYPOGRAPHY ***********************/ + +/*********************** BUTTONS ***********************/ +a { + color:#A07F4D; +} +a:hover, .scrollspyNav .active a { + color:#A07F4D; +} +a.btn-3d, a.iconBtn { + -moz-box-shadow: 0px 1px 0px 0px #9c9c9c, 0px 2px 4px rgba(10, 10, 10, 0.4); + -webkit-box-shadow: 0px 1px 0px 0px #9c9c9c, 0px 2px 4px rgba(10, 10, 10, 0.4); + box-shadow: 0px 1px 0px 0px #9c9c9c, 0px 2px 4px rgba(10, 10, 10, 0.4); + background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fff), color-stop(1, #DADADA) ); + background:-moz-linear-gradient( center top, #fff 5%, #DADADA 100% ); + filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#DADADA'); + background-color:#fff; + color:#010101; +} + +a.iconBtn{ color:#777;} +a.btn-3d:active { + background-color:#fff; +} +.btn-3d:hover, a.iconBtn:hover { + -moz-box-shadow: 0px 1px 0px 0px #9c9c9c, 0px 1px 1px rgba(10, 10, 10, 0.4); + -webkit-box-shadow: 0px 1px 0px 0px #9c9c9c, 0px 1px 1px rgba(10, 10, 10, 0.4); + box-shadow: 0px 1px 0px 0px #9c9c9c, 0px 1px 1px rgba(10, 10, 10, 0.4); + background: #fff; + color:#A07F4D; +} +.iconBtn i { + color:#A07F4D; +} +.btnWrapper { + background:#DDD; + border:1px solid #ccc; +} +.btnFlatHover { + color:white !important; + background: #4F6266 !important; + border-color:#4F6266 !important; +} +.speBtnHover { + color:#4F6266 !important; + background-color: white!important; +} +#mapReturn, #mapReturn:visited, #mapReturn:active, #mapReturn:link { + color:#A07F4D; +} +#mapReturn:hover { + color:#4F6266; +} +a.iconWrapper:hover{ background-color:#777777; color:white;} +/*********************** END BUTTONS ***********************/ + + + +/*********************** MAIN MENU ***********************/ + +/*dark menu*/ +#mainHeader .navbar-inner { + background:#454545; +} +.navbar { + border-bottom:1px solid #111 +} +#mainMenu ul li a { + color:#ededed; +} + +/*white menu*/ +#mainHeader .navbar-inner { + background:#fff; +} +.navbar { + border-bottom:1px solid #ddd +} +#mainMenu ul li a { + color:#999; +} + + +#mainMenu ul ul, #mainMenu ul li ul li.hover a { + background-color:#454545; +} +#mainMenu ul ul { + border:1px solid #454545; +} + +#mainMenu ul li .active, #mainMenu ul li.hover>a, #mainMenu ul li.hover>a.hasSubMenu, #mainMenu ul li.Shover>a{ + color:white!important; +background: #f2b259; /* Old browsers */ +/* IE9 SVG, needs conditional override of 'filter' to 'none' */ +background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyYjI1OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMDdmNGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); +background: -moz-linear-gradient(top, #f2b259 0%, #a07f4d 100%); /* FF3.6+ */ +background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2b259), color-stop(100%,#a07f4d)); /* Chrome,Safari4+ */ +background: -webkit-linear-gradient(top, #f2b259 0%,#a07f4d 100%); /* Chrome10+,Safari5.1+ */ +background: -o-linear-gradient(top, #f2b259 0%,#a07f4d 100%); /* Opera 11.10+ */ +background: -ms-linear-gradient(top, #f2b259 0%,#a07f4d 100%); /* IE10+ */ +background: linear-gradient(to bottom, #f2b259 0%,#a07f4d 100%); /* W3C */ +filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2b259', endColorstr='#a07f4d',GradientType=0 ); /* IE6-8 */ + +} +#mainMenu ul ul a { + color:#B4B4B4; +} +#mainMenu ul ul li.Shover a { + color:white !important; + background-color:#A07F4D; +} +#mainMenu .hasSubMenu { + background-image:url('../images/icons/main-nav-normalstate.png'); + background-repeat:no-repeat; + background-position:90% center; +} +#mainMenu ul ul li.hover>a, #mainMenu ul ul li.Shover>a { + background-image:url('../images/icons/main-nav-hoverstate.png') !important; + background-repeat:no-repeat !important; + background-position:90% center !important; + color:white !important; + background-color:#A07F4D !important; +} + +#mainMenu ul ul li.Shover>a { + background-image:none !important; +} + +/*********************** END MAIN MENU ***********************/ + + +/*********************** FOOTER ***********************/ +.footer1 { + color:#BBB; + background:url(../images/textures/bg-footer.png) #79501D; +} +.footer2 { + background: #A07F4D;color: #fff; +} +#footer h2 { + color:#BBBBBB; +} +#footer .divider{border:none; background:#777;} +/*********************** END FOOTER ***********************/ + +/*********************** SLIDERS ***********************/ +.bgNoSlider { + border-top:1px solid #40b6b6; +} +/*CAMERA*/ +.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont { + background-color:#A07F4D; +} +.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span, .camera_wrap .camera_pag .camera_pag_ul li:hover > span{background-color:#A07F4D;} +.camera_thumbs_cont, .camera_wrap .camera_pag .camera_pag_ul li{background-color:#EDEDED;} + +/*FLEX*/ + +.slides .txt div { + background:#444; + color:#FFFFFF; +} +#sliderWrapper .flex-control-paging li a.flex-active { + background:#A07F4D; +} +.flexslider .flex-control-paging li a:hover { + background: #A07F4D +} +.flexslider .flex-control-paging li a { + background: #ededed; + border:3px solid #ededed; +} +.flex-control-nav { + background:#fff; +} +/*REVOLUTION SLIDER*/ +.tp-bullets.simplebullets.round .bullet{background:#ededed;border:4px solid #ededed;opacity:0.8;} + +.tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.round .bullet:hover{ + background:#A07F4D; + border:4px solid #fff; + /*border:1px solid #FFF;*/ +} + +#bgSliderBloc{background:#79501D;} +.caption h2, #noSliderWrapper h2, h1 { + color:#fff; + text-shadow:1px 1px 1px rgba(11,11,11,.5); +} +.caption.small_text { + text-shadow: none; +} + +.captionBloc { + background:#A07F4D; + color: #FFFFFF; +} + +/*dark text*/ +/* +.fullwidthbanner h3 { +color:#454545; +} +.fullwidthbanner h3 i {color:#A07F4D} +*/ +/*light text*/ + +.fullwidthbanner h3 { +text-shadow:1px 1px 1px rgba(0, 0, 0, 0.4); +color:white; +} + +/* sequence */ +#sequenceSliderWrapper{background-color:#A07F4D;} + + +/*********************** END SLIDERS ***********************/ + +/*********************** BLOG ***********************/ + +.postDate { + background-color:#A07F4D; + color:white; +} +ul.entry-meta { + border-top:1px solid #EAEAEA; + border-bottom:1px solid #EAEAEA; +} + +#blogHeader h1 { + color:white; +} +.blog .widget ul li a { + color:#999 +} +.blog .widget ul li a:hover { + color:#4F6266; +} +.blog .blogTags ul li a { + background-color:#ccc; + color:white; +} +.blog .blogTags ul li a.w1 { + background-color:#333333; +} +.blog .blogTags ul li a.w2 { + background-color:#666666; +} +.blog .blogTags ul li a.w3 { + background-color:#CCCCCC; +} +.blog .blogTags ul li a:hover { + background-color:#4F6266; + color:white; +} +.blog article h2 { + color:#777; +} + +.blogPostContent .comments { + background-color:#ededed; +} + +/* PAGINATION */ +#pagination .active { + color:#999; +} +#pagination a:hover { + background-color:#B5C4CB; + color:white; +} +/*********************** END BLOG ***********************/ + + +/*********************** PAGES ***********************/ +#content{border-top: 1px solid #E1E1E1;} +/* NAV TRAIL */ +#navTrail a:link, #navTrail a:visited { + color:#444; +} +#navTrail span { + color:#444; +} +#navTrail .current { + color:#5e5e5e; +} +#navTrail a:hover { + color:#4F6266; +} + +/*sidebar*/ +#sidebar #subnav ul li a { + color:#666; +} +#sidebar #subnav ul li a.active, #sidebar #subnav ul li a:hover { + color:#A07F4D; +} +#widgetArea .widget { + background-color: #E6E6E6; +} +#sidebar #subnav li:first-child { + border-top:1px solid #EAEAEA; +} +#sidebar #subnav li { + border-bottom:1px solid #EAEAEA; +} +/* TEAM PAGE */ +.people h3 { + background-color: #e6eaec; +} +.people h2 { + background-color: #e6eaec; +} +.people h2 span { + color:#999999; +} +/* testimonial*/ +.testimonial blockquote { + background:white; + color:#777; +} +.arrowTestimonial { + border-right-color:white; +} +/*********************** END PAGES ***********************/ + + +/*********************** PORTFOLIO ***********************/ + +/*PORTFOLIO FILTER*/ +nav#filter a:link, nav#filter a:visited { + color:#ADADAD; +} +nav#filter a:hover, nav#filter a.current { + color:#4F6266; +} +li.filterTitle { + color:#4F6266; +} +section#projectDescription { + background-color:#F8F8F8 +} +/*PORTFOLIO */ + +.portfolio #sidebar #subnav a.current{ +color:#A07F4D; +} + + +.PortfolioStickyMenu a:link { + color:#666; +} +.PortfolioStickyMenu a:hover { + color:#4F6266; +} +.scrollElement .pInfo { +} +.scrollElement .pInfo a:hover { + color:#4F6266; +} +nav.navigate a { + background-color:#CFCFCF; + color:#eee; +} +nav.navigate a:hover { + background-color:#A07F4D; + color:white; +} +#projectsNavAlt ul li a{color:#999;} + +#projectsNavAlt ul li a:hover{color:#111;} +/*********************** END PORTFOLIO ***********************/ + + +/*********************** MISCELANIOUS ***********************/ +.headerPage, .bgNoSlider, .bgSlider, #sliderWrapperRS, #blogHeader { + background:url(../images/textures/Little-Neko_0003_woody4.jpg) bottom center; +} +#videoSliceWrapper{background:url(../images/textures/bg-texture-video.png) no-repeat #222;} +.focus { + background:#f8f8f8; +} + +.topQuote {background-color:#EBEBEB;border-left:1px solid #ccc;border-right:1px solid #ccc;} +.topQuote h1{color:#454545; text-shadow:none;} +.topQuote strong{font-weight:400; color:#A07F4D} +.topBox, .blockBox { + background:#fff; + border:1px solid #DBDBDB; +} +.topBox{border-top:none;} +.topBox blockquote p{color:#777;} +/*SIMPLE DIVIDER*/ +hr { + border-bottom:1px solid #ededed; +} +/* IMAGES*/ +.imgWrapper { + border-bottom:0.5em solid #A07F4D; +} +/*.view:hover, .view:visited, .view:active { color: #EEE; } + +.view span { + color:#444; + background:#fff; +}*/ + +/*SOCIAL ICONS*/ +a.socialIcon { + color:#999; + background-color:transparent; +} +a.socialIcon:hover, .socialHoverClass { + color:#A07F4D; +} +/**** Big ICONs ***/ +.iconWrapper, .bigIconLink a{ + background-color:#A07F4D; + + color:white; + opacity:0.95; + +} + +/** ROLLOVER BIG ICON **/ +.ch-info h3, .ch-info p { + color: #fff; +} +.ch-info p a{ + color: #fff; + color: rgba(255,255,255,1); +} +.ch-info p a:hover { + color: #fff; + color: rgba(255,255,255, 1); +} +.ch-item:hover { + box-shadow: inset 0 0 0 110px #A07F4D; + +} +.iconBig { + +background: #f9f9f9; /* Old browsers */ +/* IE9 SVG, needs conditional override of 'filter' to 'none' */ +background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOGQ4ZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); +background: -moz-linear-gradient(top, #f9f9f9 0%, #d8d8d8 100%); /* FF3.6+ */ +background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#d8d8d8)); /* Chrome,Safari4+ */ +background: -webkit-linear-gradient(top, #f9f9f9 0%,#d8d8d8 100%); /* Chrome10+,Safari5.1+ */ +background: -o-linear-gradient(top, #f9f9f9 0%,#d8d8d8 100%); /* Opera 11.10+ */ +background: -ms-linear-gradient(top, #f9f9f9 0%,#d8d8d8 100%); /* IE10+ */ +background: linear-gradient(to bottom, #f9f9f9 0%,#d8d8d8 100%); /* W3C */ +filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-8 */ + color:#A07F4D; + border: 1px solid #EDEDED; +} + + +/* ICON LINK */ +.iconLink{border:11px solid #eee;} + + +/*PRICING TABLE*/ +table.pricingBloc th { + background:#eee; +} +table.pricingBloc td.cost { + background:#ddd +} +table.pricingBloc h2 { + color:#FBFBFB; +} +table.pricingBloc .line1 { + background-color:#e4e4e4; +} +table.pricingBloc .line2 {/*background-color:#fff;*/ +} +.sign { + background-color:#ededed; +} +table.pricingBlocFocus h2, table.pricingBlocFocus th { + color:white; +} +table.pricingBlocFocus th { + background:#666 +} +table.pricingBlocFocus td.cost { + background:#A07F4D +} +table.pricingBlocFocus .sign { + background-color:#A07F4D; +} +/* call To Action */ +.callToActionBoxed { + background-color:#EBEBEB; + border:1px solid #ccc; +-moz-box-shadow: inset 0px 0px 10px 0px #D6D6D6 ; +-webkit-box-shadow: inset 0px 0px 10px 0px #D6D6D6 ; +-o-box-shadow: inset 0px 0px 10px 0px #D6D6D6 ; +box-shadow: inset 0px 0px 10px 0px #D6D6D6 ; +filter:progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0, Direction=NaN, Strength=10); +-moz-border-radius: 5px; +-webkit-border-radius: 5px; +border-radius: 5px; +} +.callToActionBoxed h2, .callToActionBoxed h3 { + color: #666666 +} +/*BOXES */ +.boxWrapper { + background-color:#EAEAEA; + -webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4); + -moz-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4); + box-shadow:0 1px 3px rgba(34, 25, 25, 0.4); + +} +.boxWrapper h2, .boxWrapper h3 { + background-color: #FBFBFB; + color:#777; +} +/* TABLE */ +.table-hover tbody tr:hover td, .table-hover tbody tr:hover th { + background-color: #4F6266 !important; + color:white; +} +.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th { + background-color: #F5F5F5; +} +/*CAROUSEL*/ +.carousel-inner article{border:1px solid #ccc;} +.projectInfo { +background: #f5f5f5; /* Old browsers */ +/* IE9 SVG, needs conditional override of 'filter' to 'none' */ +background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); +background: -moz-linear-gradient(top, #f5f5f5 0%, #ffffff 100%); /* FF3.6+ */ +background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ +background: -webkit-linear-gradient(top, #f5f5f5 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ +background: -o-linear-gradient(top, #f5f5f5 0%,#ffffff 100%); /* Opera 11.10+ */ +background: -ms-linear-gradient(top, #f5f5f5 0%,#ffffff 100%); /* IE10+ */ +background: linear-gradient(to bottom, #f5f5f5 0%,#ffffff 100%); /* W3C */ +filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ + +border-top:1px solid #DBDBDB; + +} +/* BACK TO TOP */ +a#to-top:hover { + background-color: #A07F4D;color:white; +} +#to-top { + background-color: #777; +} +/*FORM*/ +input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus { + border: 1px solid #aaa; + color: #444; +} + +/*********************** END MISCELANIOUS ***********************/ + Propchange: ofbiz/branches/ofbiz-new-website/css/coffee.css ------------------------------------------------------------------------------ svn:eol-style = native Propchange: ofbiz/branches/ofbiz-new-website/css/coffee.css ------------------------------------------------------------------------------ svn:keywords = Date Rev Author URL Id Propchange: ofbiz/branches/ofbiz-new-website/css/coffee.css ------------------------------------------------------------------------------ svn:mime-type = text/css Added: ofbiz/branches/ofbiz-new-website/css/colors.css URL: http://svn.apache.org/viewvc/ofbiz/branches/ofbiz-new-website/css/colors.css?rev=1787742&view=auto ============================================================================== --- ofbiz/branches/ofbiz-new-website/css/colors.css (added) +++ ofbiz/branches/ofbiz-new-website/css/colors.css Mon Mar 20 12:28:40 2017 @@ -0,0 +1,644 @@ +/* + Document : colors + Created on : 3 sept. 2012, 17:56:23 + Author : shaylash + Description: + Purpose of the stylesheet follows. +*/ +/*********************** BOOSTRAP CUSTOMIZATION ***********************/ +.pagination { + border-top:1px solid #EAEAEA; +} +/* pagination */ +.pagination ul > li > a, .pagination ul > li > span { + background-color:transparent; + color:#ccd; +} +.pagination ul > li > a:hover, .pagination ul > .active > span:hover { + background-color:transparent; + border-top:2px solid #EAEAEA +} +.pagination ul > .active > a, .pagination ul > .active > span { + background-color:transparent; + color:#333; + border-top:2px solid #E05D30; +} +/*tabs*/ +.nav-tabs > .active > a, .nav-tabs > .active > a:hover { + background:none; + border-bottom-color:#FAFAFA; +} + +.tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover{border-right-color:#FAFAFA;} +/*carousel*/ +.carousel-control { + color:#CFCFCF; + background:#FAFAFA; +} +.carousel-control:hover { + color:#E05D30; +} +.nav > li > a:hover { + background:transparent; + color:#E05D30!important; +} + +/*accordion*/ +a.accordion-toggle:link{color:#666;} +a.accordion-toggle:hover{color:#E05D30;} + +/*********************** END BOOSTRAP CUSTOMIZATION ***********************/ + + +/*********************** TYPOGRAPHY ***********************/ + +body { + color:#777; + background:#FAFAFA; +} + +blockquote { + color:#454545; +} +/*typography*/ + +h3, h4, h5, h6 { + color:#222; +} +h1 { + color:#fff; +} +h2 { + color:#222; +} +h2.smallHeading{color:#E05D30} +.divider { + background-color:#dadada; + border-bottom:1px solid #fff; +} +.divider span { + background-color:#E05D30; +} +/*********************** END TYPOGRAPHY ***********************/ + +/*********************** BUTTONS ***********************/ +a { + color:#E05D30; +} +a:hover, .scrollspyNav .active a { + color:#E05D30; +} +a.btn-3d, a.iconBtn { + -moz-box-shadow: 0px 1px 0px 0px #9c9c9c, 0px 2px 4px rgba(10, 10, 10, 0.4); + -webkit-box-shadow: 0px 1px 0px 0px #9c9c9c, 0px 2px 4px rgba(10, 10, 10, 0.4); + box-shadow: 0px 1px 0px 0px #9c9c9c, 0px 2px 4px rgba(10, 10, 10, 0.4); + background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fff), color-stop(1, #DADADA) ); + background:-moz-linear-gradient( center top, #fff 5%, #DADADA 100% ); + filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#DADADA'); + background-color:#fff; + color:#010101; +} + +a.iconBtn{ color:#777;} +a.btn-3d:active { + background-color:#fff; +} +.btn-3d:hover, a.iconBtn:hover { + -moz-box-shadow: 0px 1px 0px 0px #9c9c9c, 0px 1px 1px rgba(10, 10, 10, 0.4); + -webkit-box-shadow: 0px 1px 0px 0px #9c9c9c, 0px 1px 1px rgba(10, 10, 10, 0.4); + box-shadow: 0px 1px 0px 0px #9c9c9c, 0px 1px 1px rgba(10, 10, 10, 0.4); + background: #fff; + color:#E05D30; +} +.iconBtn i { + color:#E05D30; +} +.btnWrapper { + background:#DDD; + border:1px solid #ccc; +} +.btnFlatHover { + color:white !important; + background: #4F6266 !important; + border-color:#4F6266 !important; +} +.speBtnHover { + color:#4F6266 !important; + background-color: white!important; +} +#mapReturn, #mapReturn:visited, #mapReturn:active, #mapReturn:link { + color:#E05D30; +} +#mapReturn:hover { + color:#4F6266; +} +a.iconWrapper:hover{ background-color:#777777; color:white;} +/*********************** END BUTTONS ***********************/ + + + +/*********************** MAIN MENU ***********************/ + +/*dark menu*/ +#mainHeader .navbar-inner { + background:#454545; +} +.navbar { + border-bottom:1px solid #111 +} +#mainMenu ul li a { + color:#ededed; +} + +/*white menu*/ +#mainHeader .navbar-inner { + background:#fff; +} +.navbar { + border-bottom:1px solid #ddd +} +#mainMenu ul li a { + color:#999; +} + + +#mainMenu ul ul, #mainMenu ul li ul li.hover a { + background-color:#454545; +} +#mainMenu ul ul { + border:1px solid #454545; +} + +#mainMenu ul li .active, #mainMenu ul li.hover>a, #mainMenu ul li.hover>a.hasSubMenu, #mainMenu ul li.Shover>a{ + color: #fff; + background: #f69a25; /* Old browsers */ + background: -moz-linear-gradient(top, #f69a25 0%, #e05d30 33%, #cb2039 66%, #cb2039 66%, #792b81 100%); /* FF3.6-15 */ + background: -webkit-linear-gradient(top, #f69a25 0%,#e05d30 33%,#cb2039 66%,#cb2039 66%,#792b81 100%); /* Chrome10-25,Safari5.1-6 */ + background: linear-gradient(to bottom, #f69a25 0%,#e05d30 33%,#cb2039 66%,#cb2039 66%,#792b81 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f69a25', endColorstr='#792b81',GradientType=0 ); /* IE6-9 */ +} +#mainMenu ul ul a { + color:#B4B4B4; +} +#mainMenu ul ul li.Shover a { + color:white !important; + background-color:#E05D30; +} +#mainMenu .hasSubMenu { + background-image:url('../images/icons/main-nav-normalstate.png'); + background-repeat:no-repeat; + background-position:90% center; +} +#mainMenu ul ul li.hover>a, #mainMenu ul ul li.Shover>a { + background-image:url('../images/icons/main-nav-hoverstate.png') !important; + background-repeat:no-repeat !important; + background-position:90% center !important; + color:white !important; + background-color:#E05D30 !important; +} + +#mainMenu ul ul li.Shover>a { + background-image:none !important; +} + +/*********************** END MAIN MENU ***********************/ + + +/*********************** FOOTER ***********************/ +.footer1 { + color:#777; + background:#333; + border-top:1px solid #eee; +} +.footer2 { + background: #282662; + color: #fff; +} +#footer h2 { + color:#BBBBBB; +} +#footer .divider{border:none; background:#777;} +/*********************** END FOOTER ***********************/ + +/*********************** SLIDERS ***********************/ +.bgNoSlider { + border-top:1px solid #40b6b6; +} +/*CAMERA*/ +.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont { + background-color:#E05D30; +} +.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span, .camera_wrap .camera_pag .camera_pag_ul li:hover > span{background-color:#E05D30;} +.camera_thumbs_cont, .camera_wrap .camera_pag .camera_pag_ul li{background-color:#EDEDED;} + +/*FLEX*/ + +.slides .txt div { + background:#444; + color:#FFFFFF; +} +#sliderWrapper .flex-control-paging li a.flex-active { + background:#E05D30; +} +.flexslider .flex-control-paging li a:hover { + background: #E05D30 +} +.flexslider .flex-control-paging li a { + background: #ededed; + border:3px solid #ededed; +} +.flex-control-nav { + background:#fff; +} +/*REVOLUTION SLIDER*/ +.tp-bullets.simplebullets.round .bullet { + background:#ededed; + border:4px solid #ededed; + opacity:0.8; +} + +.tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.round .bullet:hover{ + background:#E05D30; + border:4px solid #fff; + /*border:1px solid #FFF;*/ +} + +#bgSliderBloc{ + background:#E05D30; +} +.caption h2, #noSliderWrapper h2, h1 { + color:#fff; + text-shadow:1px 1px 1px rgba(11,11,11,.5); +} +.caption.small_text { + text-shadow: none; +} + +.captionBloc { + background:#313131; + color: #FFFFFF; +} + +/*dark text*/ +/* +.fullwidthbanner h3 { +color:#454545; +} +.fullwidthbanner h3 i {color:#E05D30} +*/ +/*light text*/ + +.fullwidthbanner h3 { +text-shadow:1px 1px 1px rgba(0, 0, 0, 0.4); +color:white; +} + +/* sequence */ +#sequenceSliderWrapper{background-color:#E05D30;} + + +/*********************** END SLIDERS ***********************/ + +/*********************** BLOG ***********************/ + +.postDate { + background-color:#E05D30; + color:white; +} +ul.entry-meta { + border-top:1px solid #EAEAEA; + border-bottom:1px solid #EAEAEA; +} + +#blogHeader h1 { + color:white; +} +.blog .widget ul li a { + color:#999 +} +.blog .widget ul li a:hover { + color:#4F6266; +} +.blog .blogTags ul li a { + background-color:#ccc; + color:white; +} +.blog .blogTags ul li a.w1 { + background-color:#333333; +} +.blog .blogTags ul li a.w2 { + background-color:#666666; +} +.blog .blogTags ul li a.w3 { + background-color:#CCCCCC; +} +.blog .blogTags ul li a:hover { + background-color:#4F6266; + color:white; +} +.blog article h2 { + color:#777; +} + +.blogPostContent .comments { + background-color:#ededed; +} + +/* PAGINATION */ +#pagination .active { + color:#999; +} +#pagination a:hover { + background-color:#B5C4CB; + color:white; +} +/*********************** END BLOG ***********************/ + + +/*********************** PAGES ***********************/ +#content{border-top: 1px solid #E1E1E1;} +/* NAV TRAIL */ +#navTrail a:link, #navTrail a:visited { + color:#fff; +} +#navTrail span { + color:#fff; +} +#navTrail .current { + color:#eee; +} +#navTrail a:hover { + color:#5e5e5e; +} + +/*sidebar*/ +#sidebar #subnav ul li a { + color:#666; +} +#sidebar #subnav ul li a.active, #sidebar #subnav ul li a:hover { + color:#E05D30; +} +#widgetArea .widget { + background-color: #E6E6E6; +} +#sidebar #subnav li:first-child { + border-top:1px solid #EAEAEA; +} +#sidebar #subnav li { + border-bottom:1px solid #EAEAEA; +} +/* TEAM PAGE */ +.people h3 { + background-color: #e6eaec; +} +.people h2 { + background-color: #e6eaec; +} +.people h2 span { + color:#999999; +} +/* testimonial*/ +.testimonial blockquote { + background:white; + color:#777; +} +.arrowTestimonial { + border-right-color:white; +} +/*********************** END PAGES ***********************/ + + +/*********************** PORTFOLIO ***********************/ + +/*PORTFOLIO FILTER*/ +nav#filter a:link, nav#filter a:visited { + color:#ADADAD; +} +nav#filter a:hover, nav#filter a.current { + color:#4F6266; +} +li.filterTitle { + color:#4F6266; +} +section#projectDescription { + background-color:#F8F8F8 +} +/*PORTFOLIO */ +.portfolio #sidebar #subnav a.current{ +color:#E05D30; +} + + +.PortfolioStickyMenu a:link { + color:#666; +} +.PortfolioStickyMenu a:hover { + color:#4F6266; +} +.scrollElement .pInfo { +} +.scrollElement .pInfo a:hover { + color:#4F6266; +} +nav.navigate a { + background-color:#CFCFCF; + color:#eee; +} +nav.navigate a:hover { + background-color:#E05D30; + color:white; +} +#projectsNavAlt ul li a{color:#999;} + +#projectsNavAlt ul li a:hover{color:#111;} +/*********************** END PORTFOLIO ***********************/ + + +/*********************** MISCELANIOUS ***********************/ +.headerPage, .bgNoSlider, .bgSlider, #sliderWrapperRS, #blogHeader { + + background:url(../images/textures/texture-psychedelic-pattern-purple.png) #EDEDED center top; +} +#videoSliceWrapper{background:url(../images/textures/bg-texture-video.png) no-repeat #222;} +.focus { + background:#f8f8f8; +} + +.topQuote {background-color:#EBEBEB;border-left:1px solid #ccc;border-right:1px solid #ccc;} +.topQuote h1{color:#454545; text-shadow:none;} +.topQuote strong{font-weight:400; color:#E05D30} +.topBox, .blockBox { + background:#fff; + border:1px solid #DBDBDB; +} +.topBox{border-top:none;} + +.topBox blockquote p{color:#777;} + +/*SIMPLE DIVIDER*/ +hr { + border-bottom:1px solid #ededed; +} +/* IMAGES*/ +.imgWrapper { + border-bottom:0.5em solid #E05D30; +} +/*.view:hover, .view:visited, .view:active { color: #EEE; } + +.view span { + color:#444; + background:#fff; +}*/ + +/*SOCIAL ICONS*/ +a.socialIcon { + color:#999; + background-color:transparent; +} +a.socialIcon:hover, .socialHoverClass { + color:#E05D30; +} +/**** Big ICONs ***/ +.iconWrapper, .bigIconLink a{ + background-color:#E05D30; + + color:white; + opacity:0.95; + +} + +/** ROLLOVER BIG ICON **/ +.ch-info h3, .ch-info p { + color: #fff; +} +.ch-info p a{ + color: #fff; + color: rgba(255,255,255,1); +} +.ch-info p a:hover { + color: #fff; + color: rgba(255,255,255, 1); +} +.ch-item:hover { + box-shadow: inset 0 0 0 110px #E05D30; + +} +.iconBig { + +background: #f9f9f9; /* Old browsers */ +/* IE9 SVG, needs conditional override of 'filter' to 'none' */ +background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOGQ4ZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); +background: -moz-linear-gradient(top, #f9f9f9 0%, #d8d8d8 100%); /* FF3.6+ */ +background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#d8d8d8)); /* Chrome,Safari4+ */ +background: -webkit-linear-gradient(top, #f9f9f9 0%,#d8d8d8 100%); /* Chrome10+,Safari5.1+ */ +background: -o-linear-gradient(top, #f9f9f9 0%,#d8d8d8 100%); /* Opera 11.10+ */ +background: -ms-linear-gradient(top, #f9f9f9 0%,#d8d8d8 100%); /* IE10+ */ +background: linear-gradient(to bottom, #f9f9f9 0%,#d8d8d8 100%); /* W3C */ +filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-8 */ + color:#E05D30; + border: 1px solid #EDEDED; +} + + +/* ICON LINK */ +.iconLink{border:11px solid #eee;} + + +/*PRICING TABLE*/ +table.pricingBloc th { + background:#eee; +} +table.pricingBloc td.cost { + background:#ddd +} +table.pricingBloc h2 { + color:#FBFBFB; +} +table.pricingBloc .line1 { + background-color:#e4e4e4; +} +table.pricingBloc .line2 {/*background-color:#fff;*/ +} +.sign { + background-color:#ededed; +} +table.pricingBlocFocus h2, table.pricingBlocFocus th { + color:white; +} +table.pricingBlocFocus th { + background:#666 +} +table.pricingBlocFocus td.cost { + background:#E05D30 +} +table.pricingBlocFocus .sign { + background-color:#E05D30; +} +/* call To Action */ +.callToActionBoxed { + background-color:#EBEBEB; + border:1px solid #ccc; +-moz-box-shadow: inset 0px 0px 10px 0px #D6D6D6 ; +-webkit-box-shadow: inset 0px 0px 10px 0px #D6D6D6 ; +-o-box-shadow: inset 0px 0px 10px 0px #D6D6D6 ; +box-shadow: inset 0px 0px 10px 0px #D6D6D6 ; +filter:progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0, Direction=NaN, Strength=10); +-moz-border-radius: 5px; +-webkit-border-radius: 5px; +border-radius: 5px; +} +.callToActionBoxed h2, .callToActionBoxed h3 { + color: #666666 +} +/*BOXES */ +.boxWrapper { + background-color:#EAEAEA; + -webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4); + -moz-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4); + box-shadow:0 1px 3px rgba(34, 25, 25, 0.4); + +} +.boxWrapper h2, .boxWrapper h3 { + background-color: #FBFBFB; + color:#777; +} +/* TABLE */ +.table-hover tbody tr:hover td, .table-hover tbody tr:hover th { + background-color: #4F6266 !important; + color:white; +} +.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th { + background-color: #F5F5F5; +} +/*CAROUSEL*/ +.carousel-inner article{border:1px solid #ccc;} +.projectInfo { +background: #f5f5f5; /* Old browsers */ +/* IE9 SVG, needs conditional override of 'filter' to 'none' */ +background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); +background: -moz-linear-gradient(top, #f5f5f5 0%, #ffffff 100%); /* FF3.6+ */ +background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ +background: -webkit-linear-gradient(top, #f5f5f5 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ +background: -o-linear-gradient(top, #f5f5f5 0%,#ffffff 100%); /* Opera 11.10+ */ +background: -ms-linear-gradient(top, #f5f5f5 0%,#ffffff 100%); /* IE10+ */ +background: linear-gradient(to bottom, #f5f5f5 0%,#ffffff 100%); /* W3C */ +filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ + +border-top:1px solid #DBDBDB; + +} +/* BACK TO TOP */ +a#to-top:hover { + background-color: #E05D30;color:white; +} +#to-top { + background-color: #777; +} +/*FORM*/ +input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus { + border: 1px solid #aaa; + color: #444; +} + +/*********************** END MISCELANIOUS ***********************/ + Propchange: ofbiz/branches/ofbiz-new-website/css/colors.css ------------------------------------------------------------------------------ svn:eol-style = native Propchange: ofbiz/branches/ofbiz-new-website/css/colors.css ------------------------------------------------------------------------------ svn:keywords = Date Rev Author URL Id Propchange: ofbiz/branches/ofbiz-new-website/css/colors.css ------------------------------------------------------------------------------ svn:mime-type = text/css Added: ofbiz/branches/ofbiz-new-website/css/dark-black-white.css URL: http://svn.apache.org/viewvc/ofbiz/branches/ofbiz-new-website/css/dark-black-white.css?rev=1787742&view=auto ============================================================================== --- ofbiz/branches/ofbiz-new-website/css/dark-black-white.css (added) +++ ofbiz/branches/ofbiz-new-website/css/dark-black-white.css Mon Mar 20 12:28:40 2017 @@ -0,0 +1,708 @@ +/* + Document : colors + Created on : 3 sept. 2012, 17:56:23 + Author : shaylash + Description: + Purpose of the stylesheet follows. +*/ +/*********************** BOOSTRAP CUSTOMIZATION ***********************/ +.pagination { + border-top:1px solid #EAEAEA; +} +/* pagination */ +.pagination ul > li > a, .pagination ul > li > span { + background-color:transparent; + color:#ccd; +} +.pagination ul > li > a:hover, .pagination ul > .active > span:hover { + background-color:transparent; + border-top:2px solid #EAEAEA +} +.pagination ul > .active > a, .pagination ul > .active > span { + background-color:transparent; + color:#333; + border-top:2px solid #111 +} +/*tabs*/ +.nav-tabs > .active > a, .nav-tabs > .active > a:hover { + background:none; +} +/*carousel*/ +.carousel-control { + color:#CFCFCF; +} +.carousel-control:hover { + color:#111; +} +.nav > li > a:hover { + background:transparent; + color:#111!important; +} + +/*accordion*/ +a.accordion-toggle:link{color:#666;} +a.accordion-toggle:hover{color:#111;} + +/*********************** END BOOSTRAP CUSTOMIZATION ***********************/ + + +/*********************** TYPOGRAPHY ***********************/ + +body { + color:#777; + background:#FAFAFA; +} + +blockquote { + color:#454545; +} +/*typography*/ + +h3, h4, h5, h6 { + color:#777; +} +h1 { + color:#fff; +} +h2 { + color:#222; +} +h2.smallHeading{color:#111} +.divider { + background-color:#dadada; + border-bottom:1px solid #fff; +} +.divider span { + background-color:#fff; +} +/*********************** END TYPOGRAPHY ***********************/ + +/*********************** BUTTONS ***********************/ +a { + color:#111; +} +a:hover, .scrollspyNav .active a { + color:#eee; +} +a.btn-3d, a.iconBtn { + -moz-box-shadow: 0px 1px 0px 0px #9c9c9c, 0px 2px 4px rgba(10, 10, 10, 0.4); + -webkit-box-shadow: 0px 1px 0px 0px #9c9c9c, 0px 2px 4px rgba(10, 10, 10, 0.4); + box-shadow: 0px 1px 0px 0px #9c9c9c, 0px 2px 4px rgba(10, 10, 10, 0.4); + background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fff), color-stop(1, #DADADA) ); + background:-moz-linear-gradient( center top, #fff 5%, #DADADA 100% ); + filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#DADADA'); + background-color:#fff; + color:#010101; +} + +a.iconBtn{ color:#777;} +a.btn-3d:active { + background-color:#fff; +} +.btn-3d:hover, a.iconBtn:hover { + -moz-box-shadow: 0px 1px 0px 0px #9c9c9c, 0px 1px 1px rgba(10, 10, 10, 0.4); + -webkit-box-shadow: 0px 1px 0px 0px #9c9c9c, 0px 1px 1px rgba(10, 10, 10, 0.4); + box-shadow: 0px 1px 0px 0px #9c9c9c, 0px 1px 1px rgba(10, 10, 10, 0.4); + background: #fff; + color:#111; +} +.iconBtn i { + color:#111; +} +.btnWrapper { + background:#DDD; + border:1px solid #ccc; +} +.btnFlatHover { + color:white !important; + background: #4F6266 !important; + border-color:#4F6266 !important; +} +.speBtnHover { + color:#4F6266 !important; + background-color: white!important; +} +#mapReturn, #mapReturn:visited, #mapReturn:active, #mapReturn:link{ + color:#ededed; +} +#mapReturn:hover { + color:#4F6266; +} +a.iconWrapper:hover{ background-color:#777777; color:white;} +/*********************** END BUTTONS ***********************/ + + + +/*********************** MAIN MENU ***********************/ + +/*dark menu*/ +#mainHeader .navbar-inner { + background:#454545; +} +.navbar { + border-bottom:1px solid #111 +} +#mainMenu ul li a { + color:#ededed; +} + +/*white menu*/ +#mainHeader .navbar-inner { + background:#fff; +} +.navbar { + border-bottom:1px solid #ddd +} +#mainMenu ul li a { + color:#999; +} + + +#mainMenu ul ul, #mainMenu ul li ul li.hover a { + background-color:#454545; +} +#mainMenu ul ul { + border:1px solid #454545; +} + +#mainMenu ul li .active, #mainMenu ul li.hover>a, #mainMenu ul li.hover>a.hasSubMenu, #mainMenu ul li.Shover>a{ + color:white!important; + background: #111; + +} +#mainMenu ul ul a { + color:#B4B4B4; +} +#mainMenu ul ul li.Shover a { + color:white !important; + background-color:#111; +} +#mainMenu .hasSubMenu { + background-image:url('../images/icons/main-nav-normalstate.png'); + background-repeat:no-repeat; + background-position:90% center; +} +#mainMenu ul ul li.hover>a, #mainMenu ul ul li.Shover>a { + background-image:url('../images/icons/main-nav-hoverstate.png')!important; + background-repeat:no-repeat!important; + background-position:90% center!important; + color:white !important; + background-color:#111!important; +} + +#mainMenu ul ul li.Shover>a { + background-image:none !important; +} + +/*********************** END MAIN MENU ***********************/ + + +/*********************** FOOTER ***********************/ +.footer1 { + color:#777; + background:url(../images/textures/bg-footer.png) #fff; +} +.footer2 { + background: #111;color: #fff; +} +#footer h2 { + color:#BBBBBB; +} +#footer .divider{border:none; background:#777;} +/*********************** END FOOTER ***********************/ + +/*********************** SLIDERS ***********************/ +.bgNoSlider { + border-top:1px solid #40b6b6; +} +/*CAMERA*/ +.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont { + background-color:#111; +} +.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span, .camera_wrap .camera_pag .camera_pag_ul li:hover > span{background-color:#111;} +.camera_thumbs_cont, .camera_wrap .camera_pag .camera_pag_ul li{background-color:#EDEDED;} + +/*FLEX*/ + +.slides .txt div { + background:#444; + color:#FFFFFF; +} +#sliderWrapper .flex-control-paging li a.flex-active { + background:#111; +} +.flexslider .flex-control-paging li a:hover { + background: #111 +} +.flexslider .flex-control-paging li a { + background: #ededed; + border:3px solid #ededed; +} +.flex-control-nav { + background:#fff; +} +/*REVOLUTION SLIDER*/ +.tp-bullets.simplebullets.round .bullet{background:#ededed;border:4px solid #ededed;opacity:0.8;} + +.tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.round .bullet:hover{ + background:#111; + border:4px solid #fff; + /*border:1px solid #FFF;*/ +} + +#bgSliderBloc{background:#ED4700;background:#666;} +.caption h2, #noSliderWrapper h2, h1 { + color:#fff; + text-shadow:1px 1px 1px rgba(11,11,11,.5); +} +.caption.small_text { + text-shadow: none; +} + +.captionBloc { + background:#111; + color: #FFFFFF; +} + +/*dark text*/ + +.fullwidthbanner h3 { +color:#454545; +} +.fullwidthbanner h3 i {color:#111} + +/* sequence */ +#sequenceSliderWrapper{background-color:#333;} + + + +/*********************** END SLIDERS ***********************/ + +/*********************** BLOG ***********************/ + +.postDate { + background-color:#111; + color:white; +} +ul.entry-meta { + border-top:1px solid #EAEAEA; + border-bottom:1px solid #EAEAEA; +} + +#blogHeader h1 { + color:white; +} +.blog .widget ul li a { + color:#999 +} +.blog .widget ul li a:hover { + color:#4F6266; +} +.blog .blogTags ul li a { + background-color:#ccc; + color:white; +} +.blog .blogTags ul li a.w1 { + background-color:#333333; +} +.blog .blogTags ul li a.w2 { + background-color:#666666; +} +.blog .blogTags ul li a.w3 { + background-color:#CCCCCC; +} +.blog .blogTags ul li a:hover { + background-color:#4F6266; + color:white; +} +.blog article h2 { + color:#777; +} + +.blogPostContent .comments { + background-color:#ededed; +} + +/* PAGINATION */ +#pagination .active { + color:#999; +} +#pagination a:hover { + background-color:#B5C4CB; + color:white; +} +/*********************** END BLOG ***********************/ + + +/*********************** PAGES ***********************/ +#content{border-top: 1px solid #E1E1E1;} +/* NAV TRAIL */ +#navTrail a:link, #navTrail a:visited { + color:#444; +} +#navTrail span { + color:#444; +} +#navTrail .current { + color:#5e5e5e; +} +#navTrail a:hover { + color:#4F6266; +} + +/*sidebar*/ +#sidebar #subnav ul li a { + color:#666; +} +#sidebar #subnav ul li a.active, #sidebar #subnav ul li a:hover { + color:#eee; +} +#widgetArea .widget { + background-color: #E6E6E6; +} +#sidebar #subnav li:first-child { + border-top:1px solid #EAEAEA; +} +#sidebar #subnav li { + border-bottom:1px solid #EAEAEA; +} +/* TEAM PAGE */ +.people h3 { + background-color: #e6eaec; +} +.people h2 { + background-color: #e6eaec; +} +.people h2 span { + color:#999999; +} +/* testimonial*/ +.testimonial blockquote { + background:white; + color:#777; +} +.arrowTestimonial { + border-right-color:white; +} +/*********************** END PAGES ***********************/ + + +/*********************** PORTFOLIO ***********************/ + +/*PORTFOLIO FILTER*/ +nav#filter a:link, nav#filter a:visited { + color:#ADADAD; +} +nav#filter a:hover, nav#filter a.current { + color:#4F6266; +} +li.filterTitle { + color:#4F6266; +} +section#projectDescription { + background-color:#F8F8F8 +} +/*PORTFOLIO */ + +.portfolio #sidebar #subnav a.current{ +color:#eee; +} + + +.PortfolioStickyMenu a:link { + color:#666; +} +.PortfolioStickyMenu a:hover { + color:#4F6266; +} +.scrollElement .pInfo { +} +.scrollElement .pInfo a:hover { + color:#4F6266; +} +nav.navigate a { + background-color:#CFCFCF; + color:#eee; +} +nav.navigate a:hover { + background-color:#111; + color:white; +} +#projectsNavAlt ul li a{color:#999;} + +#projectsNavAlt ul li a:hover{color:#111;} +/*********************** END PORTFOLIO ***********************/ + + +/*********************** MISCELANIOUS ***********************/ +.headerPage, .bgNoSlider, .bgSlider, #sliderWrapperRS, #blogHeader { + + background:#EDEDED; +} +#videoSliceWrapper{background:url(../images/textures/bg-texture-video.png) no-repeat #222;} +.focus { + background:#f8f8f8; +} + +.topQuote {background-color:#EBEBEB;border-left:1px solid #ccc;border-right:1px solid #ccc;} +.topQuote h1{color:#454545; text-shadow:none;} +.topQuote strong{font-weight:400; color:#fff} +.topBox, .blockBox { + background:#fff; + border:1px solid #DBDBDB; +} +.topBox{border-top:none;} +.topBox blockquote p{color:#777;} + +/*SIMPLE DIVIDER*/ +hr { + border-bottom:1px solid #ededed; +} +/* IMAGES*/ +.imgWrapper { + border-bottom:0.5em solid #111; +} +/*.view:hover, .view:visited, .view:active { color: #EEE; } + +.view span { + color:#444; + background:#fff; +}*/ + +/*SOCIAL ICONS*/ +a.socialIcon { + color:#999; + background-color:transparent; +} +a.socialIcon:hover, .socialHoverClass { + color:#111; +} +/**** Big ICONs ***/ +.iconWrapper, .bigIconLink a{ + background-color:#111; + + color:white; + opacity:0.95; + +} + +/** ROLLOVER BIG ICON **/ +.ch-info h3, .ch-info p { + color: #fff; +} +.ch-info p a{ + color: #fff; + color: rgba(255,255,255,1); +} +.ch-info p a:hover { + color: #fff; + color: rgba(255,255,255, 1); +} +.ch-item:hover { + box-shadow: inset 0 0 0 110px #111; + +} +.iconBig { + +background: #f9f9f9; /* Old browsers */ +/* IE9 SVG, needs conditional override of 'filter' to 'none' */ +background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOGQ4ZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); +background: -moz-linear-gradient(top, #f9f9f9 0%, #d8d8d8 100%); /* FF3.6+ */ +background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#d8d8d8)); /* Chrome,Safari4+ */ +background: -webkit-linear-gradient(top, #f9f9f9 0%,#d8d8d8 100%); /* Chrome10+,Safari5.1+ */ +background: -o-linear-gradient(top, #f9f9f9 0%,#d8d8d8 100%); /* Opera 11.10+ */ +background: -ms-linear-gradient(top, #f9f9f9 0%,#d8d8d8 100%); /* IE10+ */ +background: linear-gradient(to bottom, #f9f9f9 0%,#d8d8d8 100%); /* W3C */ +filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-8 */ + color:#111; + border: 1px solid #EDEDED; +} + + +/* ICON LINK */ +.iconLink{border:11px solid #eee;} + + +/*PRICING TABLE*/ +table.pricingBloc th { + background:#eee; +} +table.pricingBloc td.cost { + background:#ddd +} +table.pricingBloc h2 { + color:#FBFBFB; +} +table.pricingBloc .line1 { + background-color:#e4e4e4; +} +table.pricingBloc .line2 {/*background-color:#fff;*/ +} +.sign { + background-color:#ededed; +} +table.pricingBlocFocus h2, table.pricingBlocFocus th { + color:white; +} +table.pricingBlocFocus th { + background:#666 +} +table.pricingBlocFocus td.cost { + background:#111 +} +table.pricingBlocFocus .sign { + background-color:#111; +} +/* call To Action */ +.callToActionBoxed { + background-color:#EBEBEB; + border:1px solid #ccc; +-moz-box-shadow: inset 0px 0px 10px 0px #D6D6D6 ; +-webkit-box-shadow: inset 0px 0px 10px 0px #D6D6D6 ; +-o-box-shadow: inset 0px 0px 10px 0px #D6D6D6 ; +box-shadow: inset 0px 0px 10px 0px #D6D6D6 ; +filter:progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0, Direction=NaN, Strength=10); +-moz-border-radius: 5px; +-webkit-border-radius: 5px; +border-radius: 5px; +} +.callToActionBoxed h2, .callToActionBoxed h3 { + color: #666666 +} +/*BOXES */ +.boxWrapper { + background-color:#EAEAEA; + -webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4); + -moz-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4); + box-shadow:0 1px 3px rgba(34, 25, 25, 0.4); + +} +.boxWrapper h2, .boxWrapper h3 { + background-color: #FBFBFB; + color:#777; +} +/* TABLE */ +.table-hover tbody tr:hover td, .table-hover tbody tr:hover th { + background-color: #4F6266 !important; + color:white; +} +.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th { + background-color: #F5F5F5; +} +/*CAROUSEL*/ +.carousel-inner article{border:1px solid #ccc;} +.projectInfo { +background: #f5f5f5; /* Old browsers */ +/* IE9 SVG, needs conditional override of 'filter' to 'none' */ +background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); +background: -moz-linear-gradient(top, #f5f5f5 0%, #ffffff 100%); /* FF3.6+ */ +background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ +background: -webkit-linear-gradient(top, #f5f5f5 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ +background: -o-linear-gradient(top, #f5f5f5 0%,#ffffff 100%); /* Opera 11.10+ */ +background: -ms-linear-gradient(top, #f5f5f5 0%,#ffffff 100%); /* IE10+ */ +background: linear-gradient(to bottom, #f5f5f5 0%,#ffffff 100%); /* W3C */ +filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ + +border-top:1px solid #DBDBDB; + +} +/* BACK TO TOP */ +a#to-top:hover { + background-color: #111;color:white; +} +#to-top { + background-color: #777; +} +/*FORM*/ +input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus { + border: 1px solid #aaa; + color: #444; +} + +/*********************** END MISCELANIOUS ***********************/ + +/*DARK STYLES */ + +#mainHeader .navbar-inner{background:#242424;} +.navbar { + border-bottom: 1px solid #4D4D4D; +} +.pagination{ + border-top:1px solid #333; + } + +body{background:#111;color:#B9B9B9;} +h2, h3, h4 {color:#777;} +hr{border-bottom:none; border-color:#333;} +#content { +border-top:none; +} + +#bgSliderBloc {background:#1F1F1F;} + +.topQuote { +background-color: #131313; +border-left: 1px solid #222; +border-right: 1px solid #222; +} +.topBox,.blockBox,.callToActionBoxed, .focus{ +background-color: #2E2E2E; +border: 1px solid #222; +} + +.iconBig {background:#222; border-color:#333;} + +.projectInfo{background:#454545;border-top: 1px solid #222;} +table.pricingBloc .line1 {background-color:#333333;} +table.pricingBloc td.cost{background-color:#454545;} +table.pricingBloc th, .sign{background-color:#292929;} +table.pricingBloc{border-color:#292929;} +.divider { +background-color: #333; +border-bottom:none; +} + +.callToActionBoxed { + background-color:#222; + border:1px solid #000; +-moz-box-shadow: none; +-webkit-box-shadow:none ; +-o-box-shadow:none; +box-shadow:none; +filter:nonz; + +} + +.btnWrapper{border:none; background:#444;} +.carousel-inner article{border-color:#222;} + +.boxWrapper { +background-color: #313131; +} +.boxWrapper h2, .boxWrapper h3{background-color: #434343} +.footer1 { +background-color:#000; +} + +#widgetArea .widget { +background-color: #303030; +} +.blogPostContent .comments{background:#222;} + +ul.entry-meta {border-top:1px solid #444; border-bottom:1px solid #444;} +.pagination ul > li > a:hover, .pagination ul > .active > span:hover{border-top:2px solid #333} + + +.carousel-control{ + color:#333; +} + nav.navigate a {background:#333} +.nav-tabs{border-bottom: 1px solid #444;} +.tabs-left > .nav-tabs{border-right: 1px solid #444;} +.nav-tabs > .active > a, .nav-tabs > .active > a:hover{border: 1px solid #444; border-bottom-color:#111;} +.tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover{border-color: #444;border-right-color:#111;} +#sidebar #subnav li {border-bottom: 1px solid #444;} +#sidebar #subnav li:first-child{border-top: 1px solid #444;} +.accordion-inner, .accordion-group{border-color:#444;} + +footer a{color:#ccc;} Propchange: ofbiz/branches/ofbiz-new-website/css/dark-black-white.css ------------------------------------------------------------------------------ svn:eol-style = native Propchange: ofbiz/branches/ofbiz-new-website/css/dark-black-white.css ------------------------------------------------------------------------------ svn:keywords = Date Rev Author URL Id Propchange: ofbiz/branches/ofbiz-new-website/css/dark-black-white.css ------------------------------------------------------------------------------ svn:mime-type = text/css |
Free forum by Nabble | Edit this page |