svn commit: r1787742 [12/49] - in /ofbiz/branches/ofbiz-new-webs
Locked
svn commit: r1787742 [12/49] - in /ofbiz/branches/ofbiz-new-webs
 
|
Added: ofbiz/branches/ofbiz-new-website/css/layout.css
URL: http://svn.apache.org/viewvc/ofbiz/branches/ofbiz-new-website/css/layout.css?rev=1787742&view=auto ============================================================================== --- ofbiz/branches/ofbiz-new-website/css/layout.css (added) +++ ofbiz/branches/ofbiz-new-website/css/layout.css Mon Mar 20 12:28:40 2017 @@ -0,0 +1,2751 @@ +/* + Document : layout + Created on : 3 sept. 2012, 17:56:23 + Author : shaylash + Description: layout styles + + */ + +/* Table of Content +================================================== + + #Custom Reset + #Typography + #Boostrap customization + #Site Styles + #HomePage Styles + #Page Styles + #Shortcodes classes + #Forms + #Sliders Styles + #Media Queries + */ + + + + +/* #Custom Reset (on top of normalize in bootstrap) +================================================== */ +nav ol, ul {list-style: none; margin:0;} + +/* #Typography +================================================== */ +h1, h2, h3, h4, h5, h6 { + margin:0; +} +h1 { + font-size: 2.5em; + line-height: 1.8076923077em; + margin-bottom: 0.9615384615384616em; + font-weight: 800; +} +h2 { + font-size: 1.75em; + line-height: 1.1em; + margin-bottom: 0; + font-weight: 300; +} +h3 { + font-size: 1.25em; + line-height: 1.5em; + margin-bottom: 0.56em; + font-weight:400; +} +h4 { + font-size: 1.15em; + line-height: 1.3677083731em; + margin-bottom:1.25; + font-weight: 300; +} +h5 { + font-size: 1em; + font-weight: bold; + font-size: 1em; + line-height: 0.9294872284em; +} +h6 { + font-size: 1em; + font-weight: bold; +} +p, ul { + margin-top: 0em; + margin-bottom: 1.5em; +} +strong { + font-weight:bold +} +small, aside { +} +li p { + /*line-height: 1.50000em;*/ +} +a:link, a:visited { + text-decoration:none; +} +a:hover, a:active { + text-decoration:underline; +} +body { + font-family: 'Open Sans', sans-serif; +} +blockquote { + /* display:inline-block;*/ + font-size: 1.75em; + line-height: 1.5em; + font-weight: 300; + margin:0 0 0.25em 0; + padding:1em; + border:1px solid #ccc; + background-color:#EBEBEB; + color:#454545; + text-align:center; + +} +hr {height:0; padding:0; margin:3em 0 3em 0;} +/* #Boostrap customization +================================================== */ + +.pagination ul { + moz-border-radius: 0 !important; + -webkit-border-radius: 0 !important; + border-radius:0 !important; + box-shadow: none !important; +} +.pagination ul > li > a { + border:none; + border-radius:0 !important; + border-top: 2px solid transparent; +} +.accordion-group { + border:none; + border-bottom:1px solid #EAEAEA; + moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; +} + +/* #Site Styles +================================================== */ +/*smoothing */ +html, html a { + -webkit-font-smoothing: antialiased; + text-shadow: 1px 1px 1px rgba(0,0,0,0.004); +} + + +body { + font-size:0.8em; + line-height:1.8; + -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ + -webkit-text-size-adjust: 100%; + padding-top:66px; + position:relative; +} + +.awards{ + position:fixed; + top:0; + left:0; + z-index:9000; +} + +img { + max-width:100%; +} + + + + +/*Slices */ +.slice { + padding-top:2em; + padding-bottom:2em +} + +#content .slice {margin-top:1em;} +.sliceTop { + padding-top:0; + padding-bottom:1.75em +} +.topBox { + padding:1.5em; + moz-border-radius: 0 0 10px 10px; + -webkit-border-radius: 0 0 10px 10px; + border-radius: 0 0 10px 10px; + /*font-size:0.85em;*/ +} +.topBox blockquote, .blockBox blockquote { + background:none; border:none; + font-size: 2.625em; + letter-spacing: -0.02em; + font-weight: 300; + line-height: 1.25em; + text-align:center; + padding:0; + width:100%; +} +.topBox blockquote p{ + font-size: 0.75em; + margin: 0.25em 0 0 0.3em; + font-weight:400; +} + +.blockBox { + padding:3em; + moz-border-radius:10px; + -webkit-border-radius:10px; + border-radius:10px; + +} +#sliderWrapper, #videoSliceWrapper { + padding-top:2em; + padding-bottom:2.4em; +} +.home, .project { + padding-bottom: 0!important; +} +/*FOOTER*/ + +#footer { + padding:3em 0; +} +.footer1 { + margin-top:3em; +} +.noMargin{margin-top:0;} + +#footer h2 { + font-size: 1.5em; + margin-bottom: 0.1em; + font-weight:400; + text-transform:none; +} +#footer .divider { + margin-bottom:2em +} +#footer { + font-size: 0.9em; + line-height:1.88em; +} +#footerRights { +} +/*twitter widget*/ +ul.tweet_list { + padding:0; + margin:0; +} +.tweet_avatar { + margin-right:10px; +} +.nav-pills > .active > a, .nav-pills > .active > a:hover { + background: none; + color:#099 !important +} +.carousel { + margin-bottom:0; +} +.carousel-control { + top: -48px; + /*font-size: 20px; +border-radius: 10px; + +height: 15px;*/ +background:none; +border:0; +width: 20px; +} +.carousel-control:link { + outline:none; +} +.carousel-control.left { + left: auto; + right:20px; +} +.carousel-control.right { + left: auto; + right:0px; +} +.carousel-control i { + font-size:20px; +} +/*CAROUSEL*/ +.projectInfo { + padding:16px; + text-align:center; +} +.projectInfo p { + font-size:0.85em; + line-height:1.5em; +} +/* Header */ + + +#mainHeader .navbar-inner { + filter:none; + min-height:66px; + border:none !important; +} +#mainHeader .navbar .nav { + margin-top:16px; +} +#mainHeader .brand { + margin-top:0.3em; +} +#mainHeader .navbar .nav > li > a { + text-shadow: none; + color:#EDEDED; +} +#mainHeader .navbar .nav li { + margin-bottom:0; +} +#mainHeader .open a.firstLevel { + margin-bottom:5px; +} +#mainHeader .open a.firstLevel { + background-color: #111 !important; + moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; +} +#mainHeader .dropdown-menu { + background-color: #111; +} +#mainHeader .dropdown-menu a { + color:#EDEDED; +} +.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a { + background-color: #099; + background-image:none; +} +.navbar .nav > li > .dropdown-menu::after { + border-bottom: 6px solid #111; +} +#mainHeader #mainMenu { + margin:0; + float:right; +} +#headerBorder { + height:1.3em; +} +#mainLogo { + display:block; + float:left; + width:170px; + margin-right:20px; + line-height:0; +} +#baseline { + font-size: 1.4em; + display:block; + margin:2.8em 0 0 1.5em; + float:left; +} + + + +/* Main menu */ +.socialHeader { + text-align: right; +} +#mainMenu .responsive-nav { + display:none; + padding:0.18em; + margin: 2px auto 0 auto; +} +#mainMenu { + margin:0 0 0 0;/* float:right;*/ + +} +#mainMenu ul { + margin:0; +} +#mainMenu ul li { + float: left; + position: relative; + margin:0; +} +#mainMenu ul li a { + display:block; + text-decoration: none; + margin: 0 5px 0 0; + font-size:1.1em; + padding:1em 1em 0 1em; + /* height:27px;*/ + line-height:2.5em; + -moz-border-radius:0 0 5px 5px; + -webkit-border-radius:0 0 5px 5px; + border-radius:0 0 5px 5px; +} +#mainMenu ul li a.last { + margin-right:0; +} +/* ssmenu */ +#mainMenu ul li ul:before { + width:150px; + height:15px; + /*background: url(../images/sub-arrow.png) no-repeat left top;*/ + content: "\25b4"; + font-size:30px; + color:#454545; + display:block; + padding-top:5px; + position:absolute; + top:-20px; + left:10px; + cursor:pointer; +} + +#mainMenu ul li ul li ul:before{ + content: ""; + + +} + +#mainMenu ul li ul li ul{ + -moz-border-radius:0 5px 5px 5px; + -webkit-border-radius:0 5px 5px 5px; + border-radius:0 5px 5px 5px; +} + +#mainMenu ul ul { + display: none; + left: 0px; + padding:0.46em 0; + position: absolute; + top:66px; + left:0; + width: 150px; + z-index: 1024; + color:white; + float:left; + margin:0; + -moz-border-radius:9px; + -webkit-border-radius:9px; + border-radius:9px; +} +#mainMenu ul ul li { + float: none; + clear:both; +} +#mainMenu ul ul a { + border: 0; + margin:0; + display: block; + text-align: left; + text-transform: none; + -moz-border-radius:0px; + -webkit-border-radius:0px; + border-radius:0px; + font-size:0.9em; + line-height:1.5em; + padding-bottom:1em; +} +#mainMenu ul li ul li a.last { + margin-bottom:3px; +} +#mainMenu ul ul ul { + left: 130px; + top: -7px !important; + opacity:0; +} +#mainMenu ul ul ul:before { + background:none; +} + + +/* =============== HEADER STYLES =================*/ +#mainHeader .brand { + margin-top: 0px; + padding: 0 20px; +} + +.brand img { + max-height: 75px; +} + + +.logoCenter{ padding-top:126px; } +.logoBig{ padding-top:142px; } +.doubleBar{ padding-top:0; } + +.logoCenter .span12 {text-align:center;} +.logoCenter .brand, .logoCenter #mainHeader #mainMenu, .logoBig #mainHeader #mainMenu{float:none;} +.logoCenter #mainHeader nav#mainMenu{display:inline-block; margin:0.5em 0 1em 0;} +.logoCenter #mainMenu>ul>li>a{ + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; + padding-top:0; +} +.logoCenter #mainMenu ul ul li a{ padding-top:1em;} +.logoCenter #mainMenu ul ul {top:45px;} +.logoBig #mainMenu ul ul {top:45px;} +.logoCenter #mainMenu ul{ text-align: left; } +/*** 2 LOGO BIG***/ +.logoBig #mainHeader nav#mainMenu{display:inline-block; margin-bottom:1em;} +.logoBig #mainMenu>ul>li>a{ + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; + padding-top:0; +} + +.logoBig ul.socialNetwork {float:right; margin-top:1.5em;} +.headerPhone{ margin:0; } +.headerPhone li{ display:inline-block; } +.headerPhone li:first-child{ margin-right:10px;} +.headerPhone li a{ color:#999 } +.headerPhone li a:hover{ color:#ff6600; text-decoration:none;} +/***3 TOP BAR ***/ +.topBar {padding:0.7em 0.5em 0.2em 0.5em;} +.topBar ul.socialNetwork {float:right;} +.topBar tel {margin-right:15px;} + +/* Page */ +.mb15 {margin-bottom:4.5em;} + +.headerPage { + width:100%; + padding: 2.75em 0 0 0; +} + + + + + +/* Contact */ + +#contact { + padding-top:3em; + /*padding-bottom: 2.5em;*/ + display:none; + overflow:hidden; + position:relative; + height:480px; +} +#contact h2, #contactPage h2 { + margin-top:0; +} +#contact address { + margin:0 0 1.5em 0; + font-size:0.8em; +} +.slideContactpage { + padding-top:6em; + padding-bottom:1.5em; +} +#contactinfoWrapper { + display:none; + position:relative; +} +#contactinfoWrapperPage { + position:relative; + float: left; +} +#mapTrigger { + display:block; +} +#contactPage #mapWrapper { + margin-top:1.5em; +} +#mapWrapperFullwidth { + width:100%; + height:350px; +} +#mapWrapper img, #mapWrapperFullwidth img { + max-width: none; +} +.contentMap { +} +#contactWrapperHome .error_message { + font-size:0.6em; + line-height:1em; +} + +#contactWrapper .mapCanvas +{ + padding: 9px; + margin-bottom: 1.5em; + display: block; + overflow: hidden; + border-bottom:none; + border: 1px solid #ddd; + background-color: #FEFEFE; + +} +#contactWrapper #mapWrapper{ + margin-bottom:0; +} + +#contactWrapper .error_message{ + font-size:0.8em; + line-height:0.8em; +} +/* Contact Form */ +input, textarea { + background: #f8f8f8; + border:none; + width: 97%; +} +textarea { + height:13.4em; +} +.securityCheck { + margin-top:1.5em; +} +#verify { + border-radius: 0 4px 4px 0; + display: inline; + float: left; + margin-left: -1px; +} +.securityCheck .moreLink { + font-size:0.8em; + margin-left:5px; +} +.termsCheck { + margin:29px 0 0 10px +} +#mapSlideWrapper { + display:none; + margin-left:3000px; + padding-bottom:0.8333em; + float:left; + /* text-align: right;*/ +} +#mapWrapper { + height:358px; + border:1px solid #E6EAEC; + margin-bottom: 0.7em; +} + +#mapReturn:before{ + content:"\2190"; +} + +#mapReturn { + float:right; +} + + +#contactPage #mapWrapper { + margin-bottom:1.5em; +} +/* End contact */ + + +/* End Header */ + +/* Footer */ + +.contactWidget h2 { + background-position: 0 -23px +} +.tweetWidget h2 { + background-position: 0 -52px +} +.testimonialWidget h2 { + background-position: 0 6px; +} +.mailingListlWidget h2 { + background-position: 0 -83px +} +#footer article { + margin-bottom: 1.7em +} +#footer article a { + text-decoration: none; +} +#footer article a:hover { + text-decoration: underline; +} +#footerRights { + padding:2.1em 0 1.9em 0; + font-size:0.75em; +} +#footerRights p { + margin:0; +} +/* End Footer */ + + + + + +/* #HomePage Styles +================================================== */ +.topQuote { + padding:3em; + font-size:0.85em; + text-align:center; +} +.topQuote h1 { + font-size: 2.625em; + letter-spacing:-0.02em; + font-weight: 300; + line-height: 1.25em; + margin-bottom:0; +} +.topQuote span { +} +.bigIconsColumnsWrapper h2 { + /*font-size:1.25em;*/ + margin:1em 0 0.75em 0; +} +.bigIconsColumnsWrapper p { + padding:0 20px 1.5em 20px; + margin-bottom:0; +} +.divider { + height:1px; + margin:0.5em 0 1.5em 0; +} +.divider span { + display:block; + width:50px; + height:1px; +} +.boxWrapper { + margin-bottom:10px; + display:block; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; +} +.carousel .boxWrapper:first-child { + margin-left:2px; +} +.boxWrapper h2, .boxWrapper h3 { + font-size: 1em; + font-weight: bold; + line-height: 1.1em; + margin: 0; + padding: 1.5em 0 2.5em 0; + text-align: center; +} +.boxTextWrapper { + padding:1.5em; +} +.boxWrapper .imgWrapper { + margin-bottom:0!important; + margin-top:0!important; +} +.da-thumbs section{ overflow: hidden; } +.da-thumbs img { + -webkit-transition: all 0.2s ease; + -moz-transition: all 0.2s ease; + -ms-transition: all 0.2s ease; + -o-transition: all 0.2s ease; + transition: all 0.2s ease; + + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + -o-backface-visibility: hidden; + backface-visibility: hidden; +} +.da-thumbs article {margin-bottom:1.5em;} +.da-thumbs .imgWrapper{margin-bottom:0;} +.hiddenInfo{padding:1.5em;} +.hiddenInfo h3, .hiddenInfo p{padding:0;} +#otherProjects .da-thumbs .imgWrapper{margin-bottom:1.5em;} + + +.ch-item { + position: relative; + cursor: normal; + -webkit-transition: all 0.4s ease-in-out; + -moz-transition: all 0.4s ease-in-out; + -o-transition: all 0.4s ease-in-out; + -ms-transition: all 0.4s ease-in-out; + transition: all 0.4s ease-in-out; +} +.ch-info h3 { + text-transform: uppercase; + position: relative; + letter-spacing: 2px; + font-size: 22px; + margin: 0 auto; + padding: 56px 0 0 0; + text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3); +} +.ch-info span { + display:block; + text-transform: uppercase; + color:white; + padding: 40% 0 0 0; +} +.ch-info p { + padding: 10px 5px; + font-style: italic; + margin: 0 auto; + font-size: 12px; +} +.ch-info p a { + display: block; + font-style: normal; + text-transform: uppercase; + font-size: 9px; + letter-spacing: 1px; + padding-top: 4px; +} +.ch-item:hover { + box-shadow: inset 0 0 0 110px rgba(251, 106, 57, 1); +} +.ch-item i { + z-index:1; + opacity:1; + -webkit-transition:opacity 0.3s ease-in-out 0.2s; + -moz-transition:opacity 0.3s ease-in-out 0.2s; + -ms-transition:opacity 0.3s ease-in-out 0.2s; + -o-transition:opacity 0.3s ease-in-out 0.2s; + transition:opacity 0.3s ease-in-out 0.2s; +} +.ch-item:hover i { + opacity:0; + -webkit-transition:opacity 0.3s ease-in-out; + -moz-transition:opacity 0.3s ease-in-out; + -ms-transition:opacity 0.3s ease-in-out; + -o-transition:opacity 0.3s ease-in-out; + transition:opacity 0.3s ease-in-out; +} +.ch-info { + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + opacity: 0; + z-index:10; + -webkit-transition: all 0.4s ease-in-out 0.2s; + -moz-transition: all 0.4s ease-in-out 0.2s; + -o-transition: all 0.4s ease-in-out 0.2s; + -ms-transition: all 0.4s ease-in-out 0.2s; + transition: all 0.4s ease-in-out 0.2s; + -webkit-transform: scale(0); + -moz-transform: scale(0); + -o-transform: scale(0); + -ms-transform: scale(0); + transform: scale(0); + -webkit-backface-visibility: hidden; /*for a smooth font */ +} +.ie .ch-info { + display:none; +} +.ie .ch-item:hover i { + display:none; +} +.ie .ch-item:hover .ch-info { + display:block; +} +.ch-item:hover .ch-info { + opacity: 1; + -webkit-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); +} +.bloc article h3 { + margin-bottom: 0.8em; +} +.mainQuote { + text-align:center; +} +.mainQuote p { + font-size:2em; + margin-bottom: 0.3em; +} +.downloadButton { + float:right; +} +.bigIconsColumnsWrapper { + text-align:center; + padding-top:3.5em; +} + +.newsletter h2 { + border:none; + padding:0; + line-height:1em; +} + +.newsletter h2 small { + display:inline-block; + letter-spacing : normal; + margin-top:0.5em; +} +.newsletter label { + line-height: 1em; + margin-bottom:1em; +} +.newsletter .btn { + margin-top:2em; +} + +#btn-newsletter{ + margin-top:5px; +} + +.newsletter .result{ text-align:center; margin-bottom:0; } + +/**************** TESTIMONIAL *************/ +.testimonial blockquote { + text-transform: none; + font-size:1em; + line-height: 1.5em; + text-shadow:none; + padding:1em; + display: block; + -moz-border-radius:3px; + -webkit-border-radius:3px; + border-radius:3px; + font-weight: normal; + border:none; + text-align:left; +} +.testimonial blockquote span { + margin-top:1.5em; + display:block; + font-style:italic; + font-size:0.75em; +} +.arrowTestimonial { + display:block; + border-bottom: 6px outset transparent; + border-top: 6px outset transparent; + border-right: 8px solid red; + top: 25px; + left:-8px; + height: 0; + position: absolute; + width: 0; + z-index: 100; +} +/**************** END TESTIMONIAL *************/ + +.videoIframe { + width:100%; + height:525px; +} +/* responsive sliders */ +#sliderWrapper { + /*min-height:432px; background-image:url('../images/icons/ajax-loader.gif') no-repeat center center;*/ +} +#sliderShadow { + height:3em; +} +.bgNoSlider { + padding-top:3em; + position:relative; +} +.bgNoSlider img { + vertical-align: bottom; +} +.logoBig {/*margin-bottom:1.5em;*/ +} +#videoWrapper { + background:transparent url('../images/icons/ajax-loader.gif') no-repeat center center; +} + +/* #Page Styles +================================================== */ +#content { +} +/* nav trail */ +#navTrail { + margin-top:2.35em; + margin-bottom:1.5em; + text-align:right; + text-transform:uppercase; + font-size:0.75em; +} +#navTrail span { + margin:0 10px; +} +#navTrail .current { + margin:0; + border-right: 2px solid #F2F2F2; + padding: 0 1.25em 0 0; +} +aside#sidebar { + padding-top: 0; + font-size:1em; +} +#sidebar #subnav, #sidebar #subnav .widgetArea { + margin-right:20px; +} +#sidebar #subnav { + margin-bottom:0; +} +#sidebar #subnav li:first-child { +} +#sidebar #subnav li { + margin:0; +} +#sidebar #subnav li a { + display:block; + padding: 0.5833em 0 0.8333em 0.5em; + text-decoration:none; + color:#666; +} +#widgetArea { + margin-top: 1.5em; + margin-right: 20px; +} +#widgetArea .widget { + -moz-border-radius:3px; + -webkit-border-radius:3px; + border-radius:3px; + padding:1.5em 1.5em 1.5em 1.5em; +} +#widgetArea .widget h3 { + margin:0 0 1.0588em 0; + line-height:1em; +} +#widgetArea .widget p { + margin:0; +} +/* fullWidth */ +#fullWidth { +} +/* Team page */ +.team1, .team2, .team3 { + margin-top:3em; +} + +.team2 header { + padding:0; + margin:1.2em 0 0 0; + line-height: 0; +} +.team1 h2, .team2 h2, .team3 h2 { + line-height:1.1em; + margin:0; + padding:1.6em 0; + text-align:center; + font-size: 1em; + font-weight: bold; +} + +.team3 article{margin-bottom:1.5em;} + +.team3 h2 { + text-align:left; + padding:3em 0 0em 0; + margin-bottom:0.5em; +} +.team3 a { + display:block; + margin-bottom:1.5em; +} +.team1 h2 span, .team2 h2 span, .team3 h2 span { + display:block; + margin:0.4em 0 0 0; + font-size:1em; + font-weight:normal; +} +.team2 footer { + padding:1.5em; +} +.team1 footer { + text-align:center; +} +.team2 p { + font-size:0.9em; + margin-bottom:0!important; +} +.team2 a { + font-size:0.85em; +} +.team2 .socialNetwork { + width:100%; + margin:1.6em 0 0 0; +} +/* +.team3 article{ margin-bottom:1.5em; } +.team3 header, .team3 .memberInfo{ float:left; } +.team3 .memberInfo{ margin-left:1em; } */ + +/* features */ +.features .sidenav { + width: 120px; +} +.features .threeColumnWrapper h2, .features .twoColumnWrapper h2 { + margin-top:0; +} +.features .btn, .features .btn-3d { + margin-bottom: 1.25em; +} +.features .alert, .features table { + margin-bottom:1.5em; +} +.features .imgRounded, .features .iconBig { + margin:0 20px 20px 0; +} +.features .normalIconW { + margin:33px 20px 0 0; +} +.features .smallIconW { + margin:50px 15px 0 0; +} +.features .miniIconW { + margin:57px 20px 0 0; +} +/*project*/ + +nav#projectsNav ul { + margin-left:0; +} +nav#projectsNav ul li { + display:inline-block; + margin-right:5px; +} +nav#projectsNav ul li a { + float:left; + margin-bottom:0; +} +#projectDescription img { + max-width:100%; +} + +/* single project v2 */ + +#projectsNavAlt ul li{ + display:inline-block; + margin-right:5px; + line-height:1.5em; +} +#projectsNavAlt ul li a:hover{text-decoration:none;} +/* single project v2 */ + + + +section#projectImages { + line-height:0; +} +section#projectImages img { + margin-bottom:4.5em; + max-width:100%; +} +section#projectDescription div { + padding:1.5em 20px 0 20px; +} + +/**** sharrre buttons ****/ +.sharrre .button{ + float:left; + width:60px; +} +/* BLOG */ +#blogHeader { + padding:3em 0; + margin-bottom:3em; +} +.postDate { + width:145px; + height:145px; + -moz-border-radius:50%; + -webkit-border-radius:50%; + border-radius:50%; + text-align:center; + font-size:4.5em; + padding-top:45px; + line-height:0.6em; + font-weight:800; + +} +.postDate span { + font-size:0.25em; + display:block; + width:100%; + text-align:center; +} +header#blogHeader h2 { + font-size:6em; + line-height:1em; + margin-bottom: 0.25em; +} +.blogHomeContent header { + background:none; + margin-bottom:0; +} +.blogHomeContent section { + margin-bottom:0; + padding:0; +} +.blog article h2 { + margin-bottom:0.5em; +} +.blog article { + margin-bottom:1.5em; +} +.blog .widget { + margin-bottom:3em; + padding-bottom:0; + margin-left: 20px; + font-size:1.2em; +} +.blog .widget ul { + padding:0; + margin:0; +} +.blog .widget p { + font-size:11px; +} +.blog .widget h3 { + margin-top:0.1em; + margin-bottom:0.5em; + font-size:1.1em; +} +.blog .widget ul li a { + font-size:0.8em; +} +.blog .widget ul li a:hover { + text-decoration:none; +} +.blogUpdates .tab-content { + padding:1.5em 0 0 10px; + font-size:0.8em; +} + + +.blogUpdates .tab-pane li { + line-height:1.25em; +} +.blogUpdates .tab-pane li h2 { + font-size:1em; + text-transform:none; + margin-bottom:0.5em; + font-weight: 400; +} +.blogUpdates .tab-pane li p, .blogUpdates .tab-pane li p strong { + font-size:0.9em; + margin-bottom:0; +} +.blogUpdates .tab-pane li a { + font-size:1em; + margin-bottom:1.5em; +} +.catPost { + position:relative; +} +#postComment { + margin:0 auto; +} +.blogPostContent .comments { + padding:1px 20px 20px 20px; + margin-top:1.5em; +} +.comments input, .comments textarea { + width: 97.7%; +} +.blogPostContent .comments .commentNumbers { + margin:1em 0 1.5em 0; +} +.blogPostContent .comments ul, .blogPostContent .comments ul li { + margin-bottom:0; + margin-top:0; +} +.blogPostContent .comments>ul>li:first-child { + border:none; +} +.blogPostContent .comments ul ul { + margin-left:50px; +} +.blogPostContent .comments li { + border-top:1px solid #D8D8D8; + padding:1.5em 0 0 0; +} +.comments h4 { +} +.blogPostContent .commentInfo { + font-size:0.9em; + margin-bottom:1em; + color: #777; +} +.blogPostContent .commentInfo h3 { + margin-top:0; +} +.blogPostContent .commentInfo a { + font-size:0.8em; +} +.blogPostContent .commentWrapper { + float:left; + max-width:81%; +} +.mobileBlogTitle { + display:none; +} +ul.entry-meta { + margin:0 0 1em 0; + padding:0.5em 0; +} +ul.entry-meta li { + display:inline-block; + margin-bottom: 0; + background-repeat: no-repeat; + margin-right: 10px; + font-size:0.8em; + line-height:1em; +} +ul.entry-meta [class^="icon-"], [class*=" icon-"] { + line-height:1.25em; +} +/**tags**/ +.blog .blogTags ul li { + display:inline-block; +} +.blog .blogTags ul li a { + text-transform:uppercase; + -moz-border-radius:3px; + -webkit-border-radius:3px; + border-radius:3px; + padding:3px 6px; + font-weight:bold; +} +/***twitter***/ +.blogTwitter article { + font-size: 0.75em; + padding-left: 1px; + width: 85%; +} +.blogTwitter .slidecontrols, .blog .blogTwitter ul li, .blogTwitter article { + margin-bottom:0em; +} +/* #portfolio Styles +================================================== */ +.portfolio { +} +.sizer { + outline:none !important; +} +.navigate ul { + float:right; + margin-bottom:1.33em; +} +.navigate li { + display:inline-block; + height: 24px; +} +/* portfoliohorizontal*/ + + +#makeMeScrollable { + overflow:hidden; + height:300px; + position: relative; +} +/* Replace the last selector for the type of element you have in + your scroller. If you have div's use #makeMeScrollable div.scrollableArea div, + if you have links use #makeMeScrollable div.scrollableArea a and so on. */ + #makeMeScrollable div.scrollableArea article { + position: relative; + float: left; + margin: 0; + padding: 0; + /* If you don't want the images in the scroller to be selectable, try the following + block of code. It's just a nice feature that prevent the images from + accidentally becoming selected/inverted when the user interacts with the scroller. */ + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -o-user-select: none; + user-select: none; + } + .scrollElement img, .scrollElement h3 { + margin-right:2.5px; + margin-left:2.5px; +} +.scrollElement .pInfo { + display:none; + position:absolute; + top:0; + left:0; + height:100%; + padding:10px; + padding:1.5em; + background-color: white; +} +.scrollElement .pInfo h3 { + margin-top:-400px; +} +/*.scrollElement .pInfo p { + margin-top:-300px; + }*/ + .scrollElement .pInfo a:hover { + text-decoration: none; + } + #slideSlice article { + float:left; + } + #portfolioCaroussel { + overflow: hidden + } + #portfolioCaroussel article { + padding:10px; + } + #twoColumns article { + min-height:450px !important; + } + #portfolio article p { + margin-bottom:1.45em;/*set next row on the baseline*/ + } + nav#filter a:hover, nav#filter a.current { + text-decoration:none; + } + nav#filter { + float:right; + margin-top:1.4em; + margin-bottom:0.25em; + } + nav#filter ul { + float:right; + } + nav#filter li { + display:inline-block; + margin:0.625em 0 0 10px; + } + nav#filter li.filterTitle h3 { + font-size: 1em; + line-height: 0.75; + margin-bottom:0.45; + font-weight: 400; + } + /* twoColumns */ + + #twoColumns h3 { + margin-top:0; + margin-bottom: 0.9em; + } + #twoColumns article { + margin-bottom:1.5em; + } + /* threeColumns */ + + #threeColumns h3 { + margin-top:0; + margin-bottom: 1em; + } + #threeColumns article { + margin-bottom: 1.5em; + } + /* fourColumns */ + + #fourColumns h3 { + font-weight:normal; + margin-top:0; + margin-bottom: 0.5em; + } + #fourColumns article { + /*margin-bottom: 1.5em;*/ + } + /* masonery resising*/ + .hiddenInfo { + display:none; + } + /* Portfolio vertical */ + .postview { + padding-bottom:0!important; + } + .PortfolioStickyMenu ul { + margin-bottom:0; + } + .PortfolioStickyMenu a:hover { + text-decoration:none; + } + .projectInfos li { + margin-bottom:0.75em; + } + + .videoWrapper { + position: relative; + padding-top: 25px; + height: 0; + margin-bottom: 10px; + } + + .videoWrapper iframe { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + } + .videoWrapper.videoFormat1 { padding-bottom: 53%;} + .videoWrapper.videoFormat2 { padding-bottom: 54%;} + .videoWrapper.videoFormat3 { padding-bottom: 75%;} + p.videoCredit {display:block;} + +/* #Shortcodes classes +================================================== */ +.relative{ position:relative; } +/* INSIDE GRID */ +.full-width { + width:930px; + height:auto; + overflow:hidden +} +.one_half { + width: 48%; +} +.one_third { + width: 30.66%; +} +.two_thirds { + width: 65.33%; +} +.one_fourth { + width: 22%; +} +.three_fourths { + width: 74%; +} +.one_fifth { + width: 16.8%; +} +.two_fifth { + width: 37.6%; +} +.three_fifth { + width: 58.4%; +} +.four_fifth { + width: 67.2%; +} +.one_sixth { + width: 13.33%; +} +.five_sixth { + width: 82.67%; +} +.one_half, .one_third, .two_thirds, .three_fourths, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { + position: relative; + margin-right: 4%; + float: left; +} +.last { + margin-right:0 !important; +} +/* USEFULL CLASSES */ + + + +.transparent_80 { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; + filter: alpha(opacity=80); + -moz-opacity: 0.8; + -khtml-opacity: 0.8; + opacity: 0.8; +} +/* BTN'S */ + + +a.btn-3d .btn-3d, .btn-3d:link, .btn-3d:visited { + position:relative; + text-decoration: none; + display:inline-block; + *display: inline; + padding: 6px 10px; + font-weight: normal; + font-size:12px; + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + *zoom: 1; + border:none; +} +.btn-3d:hover { + position:relative; + top:2px; +} +.btn-3d-small, .btn-3d-small:link, .btn-3d-small:visited { + padding:1px 8px; + font-size:10px; +} +.btn-3d-medium, .btn-3d-medium:link, .btn-3d-medium:visited { + padding:8px 10px; + font-size:14px; +} +.btn-3d-large, .btn-3d-large:link, .btn-3d-large:visited { + padding:17px 19px; + font-size: 20px; +} +.btn.search { + position:static; +} +.button, button, input[type="submit"], input[type="reset"], input[type="button"] { + cursor:pointer; +} +.iconBtn { + border-radius: 6px 6px 6px 6px; + font-size: 27px; + line-height: 54px; + padding: 17px 19px; + text-shadow: 1px 1px 0 #FFFFFF; + +} +a.iconBtn:hover { + text-decoration:none; +} + +/* Fix for odd Mozilla border & padding issues */ +button::-moz-focus-inner, input::-moz-focus-inner { + border: 0; + padding: 0; +} +.btnWrapper { + padding:14px 6px 15px 6px; + display:inline-block; + -moz-border-radius:10px; + -webkit-border-radius:10px; + border-radius:10px; + float:right; +} +/* END BTN'S */ + + +/* ICONS */ + +.iconWrapper { + display:inline-block; + position:relative; + margin:0 auto 0.4em auto; + -moz-border-radius:50%; + -webkit-border-radius:50%; + border-radius:50%; + text-align:center; + width: 46px; + height: 46px; + font-size:20px; +} + +.iconWrapper i { + line-height:40px; + position:absolute; + top:2px; + left:13px; +} + + +.iconBig { + width:180px; + height:180px; + display:block; +} +.iconBig i { + + font-size:100px; + top:43px; + left:38px; +} + + +.iconMedium i{ + line-height:1em; + top:12px; +} + + +.iconSmall { + height: 28px; + width: 28px; + line-height: 28px; +} +.iconSmall i { + line-height:28px; + line-height:0px; + font-size:0.8em; + top:6px; + left:5px; +} +.iconMini { + height: 20px; + width: 20px; + line-height: 21px; + font-size:10px; +} +.iconMini i { + line-height: 0; + font-size: 10px; + top: 5px; + left: 4px; +} + +.mediumIconH3{ + line-height:46px; +} + +.mediumIconH3 span{ + float:left; margin-right:10px; +} +/* END ICONS*/ + + + +/*PRICING TABLE*/ +.pricingPage { + padding-bottom:3em; +} +table.pricingBloc { + border:1px solid #ccc; + width:100%; + float:left; +} +table.pricingBloc td, table.pricingBloc th { + text-align:center; + padding:1em; +} +table.pricingBloc h2 { + text-transform:none; + font-size:3em; + margin-bottom:0; +} +table.pricingBloc h2 span { + clear:both; + display:block; + font-weight:normal; + font-size:0.4em; + font-family: 'Open Sans', sans-serif; + margin-bottom:0; +} +table.pricingBloc th { + text-transform:uppercase; + font-weight:bold; + margin-bottom:0; + font-size: 1.25em; + line-height: 1; +} +.sign .btn { + width:80%; + font-size:1.5em; + text-transform:uppercase; + font-weight:bold; + margin-bottom:0; + line-height:2.5em; +} + +/*accordion*/ +.accordion-heading .accordion-toggle {padding-left:0;} +a.accordion-toggle:link{text-transform:uppercase;outline:none;} +a.accordion-toggle:hover{text-decoration:none;} + +/* call To Action */ +.callToActionBoxed .ctaText, .callToActionBoxed .btnWrapper { + margin:3em; +} +.callToActionBoxed h2, .callToActionBoxed h3{font-size:1.5em;margin-bottom:0.5em;line-height: 1em;} +.callToActionBoxed .btnWrapper a { + white-space:nowrap; +} +.callToActionBoxed .classicBtn { + background:transparent; +} +/* SOCIAL MENU */ +ul.socialNetwork { + margin:0; + display:block; +} +.socialNetwork li { + display:inline-block; + /*width:27px; + height:27px;*/ + margin-bottom:0; +} +.medium.socialNetwork li { + width:20px; + height:20px; + margin-right: 9px; +} +.small.socialNetwork li { + width:14px; + height:14px; +} +a.socialIcon { + display:inline-block; + background-repeat: no-repeat; + padding-right:4px !important; + overflow:hidden; + -moz-border-radius:3px; + -webkit-border-radius:3px; + border-radius:3px; + font-size:20px; +} +a.socialIcon span { + display: none; +} + +[class^="icon-"]:before, [class*=" icon-"]:before { + opacity:1!important; +} +a.socialIcon:hover { + text-decoration:none; +} +/* +.small .socialIcon { + display:inline-block; + background-repeat: no-repeat; + width:14px; + height:14px; + overflow:hidden; +} +.medium .socialIcon { + display:inline-block; + background-repeat: no-repeat; + width:20px; + height:20px; + overflow:hidden; +} +#rssSuscribe i.socialIcon { + vertical-align: top; + margin-right:10px + }*/ + /* BLOC */ + + .imgWrapper { + /* padding:3px;*/ + line-height:0; + margin-bottom:1.5em; + display:block; + overflow:hidden;/* -moz-border-radius:10px; +-webkit-border-radius:10px; +border-radius:10px;*/ +} + +.home .bloc .imgWrapper{ + height:190px; + margin-bottom:0; +} +.home .bloc .blocBody{ + margin-top:1.5em; +} + +.imgRounded { + -moz-border-radius:50%; + -webkit-border-radius:50%; + border-radius:50%; + height:220px; + width:220px; + overflow:hidden; + background-image:url('../images/team/pic3.jpg') no-repeat center #555; +} +.captionBloc { + padding:15px; + max-width:100%; + margin:1em 0; +} +/* END BLOC */ + + + + +/*FOCUS*/ +.focus { + margin:1.5em 0 3em 0; + padding:1.4em 20px; +} +.focus h1, .focus h2, .focus h3, .focus h4, .focus h5 { + margin-top:0; +} +/* LISTS */ +li { + margin-bottom:0.75em; +} +ol.iconsList {list-style:none; margin:0;} +/* END LISTS */ + + +/* PAGINATION */ +#pagination ul { + border:0; + margin:0; + padding:0; +} +#pagination li { + border:0; + margin:0; + padding:0; +} +#pagination a { + margin-right:2px; + display:block; + float:left; + padding:2px 6px; + text-decoration:none; + -moz-border-radius:3px; + -webkit-border-radius:3px; + border-radius:3px; +} +/* END PAGINATION */ + + + +/* MINI SOCIAL WIDGET */ +.share ul { + margin-bottom:1.33em; +} +.share li { + display:inline-block; + height: 24px; /*margin:0.625em 0 0 10px;*/ +} +/* BACK TO TOP */ +#to-top { + bottom: 80px; + display: none; + position: fixed; + right: 20px; + z-index: 100; +} +/* suscribe Form */ +#suscribeForm input { + width:89.5% +} +/* #Forms +================================================== */ + + + +input[type="text"], input[type="password"], input[type="email"], textarea, select { + border: 1px solid #E4E4E4; + display:block; +} +textarea { + background: #fff; +} +select { + padding: 0; +} +input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus { + -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .2); + -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2); + box-shadow: 0 0 3px rgba(0, 0, 0, .2); +} +textarea { +} +label, legend { + display: block; +} +select { + /*width: 220px; */ +} +input[type="checkbox"] { + display: inline; +} +form .error { + color:#bc0000; +} + +/* =============== #Sliders Styles =================*/ +#noSliderWrapper { + position: relative; + z-index:2; +} +#bgSliderBlocWrapper { + position:absolute; + bottom:0; + width:100%; + z-index:1; +} +#bgSliderBloc { + width:100%; + height:4.5em; + -moz-border-radius:10px 10px 0 0; + -webkit-border-radius:10px 10px 0 0; + border-radius:10px 10px 0 0; +} +#sliderWrapperRS { + height:70px; + position:relative; +} +.fullwidthbanner-container { + width:100% !important; + margin:0 auto; + position:relative; + padding:0; + max-height:500px; + overflow:hidden; +} +.tp-bannertimer { + /*display:none;*/ +} +.fullwidthbanner { + display:none; +} +.fullwidthbanner-container h2, #noSliderWrapper h2 { + font-size: 3em; + background:none; + padding: 0; + margin:0; + font-weight:800; + line-height:1.75em; +} +.fullwidthbanner h3 { + padding:0 0 0 0.5px;/*fixes chrome bug*/ + + font-size:1.5em; +} +.fullwidthbanner .captionBloc h3 { + padding-left:0; + color:white; + height:auto; + background:none; + line-height:1.5em; +} +.fullwidthbanner .captionBloc { + padding:15px !important; + width:400px !important; + white-space:normal!important; + line-height:23px; +} + +/*replace background images with icon font for RS slider UI*/ + +/*.tp-rightarrow.large { + background:url(../images/rs-arrows.png) no-repeat bottom; + width:74px; + height:65px; + margin-left:0; + }*/ +/*.tp-leftarrow.large { + background:url(../images/rs-arrows.png) no-repeat; + width:74px; + height:65px; + margin-left:0; + }*/ + + .tp-leftarrow, .tp-rightarrow{ background:none!important; font-family: 'custom-icons'; font-size:3em; color:#E05D30} + .tp-leftarrow.large:before{ content: '\e4a1'; } + .tp-rightarrow.large:before{content: '\e4a2'; } + + + + .tp-bullets.simplebullets.round .bullet { + /*background:none;*/ + height:9px; + width:9px; + -moz-border-radius:50%; + -webkit-border-radius:50%; + border-radius: 50%; + /*border:1px solid #777;*/ + margin:0 5px; + } + + /*replace background images with icon font for RS slider UI*/ + + .tp-bullets.simplebullets.last { + margin-right:0; + } + /*CAMERA SLIDER */ + .camera_wrap .camera_pag .camera_pag_ul { + text-align:center; + } + + /*replace background images with icon font for Camera slider UI*/ + + .camera_prev > span, .camera_next > span, .camera_commands > .camera_stop,.camera_commands > .camera_play {background:none; font-family: 'custom-icons';color:#fff; font-size:1.75em;text-align:center;} + .camera_prev > span:before{content: '\e75d'; } + + .camera_next > span:before{ content: '\e75e'; } + .camera_commands > .camera_stop:before{ content: '\2389';} + /*replace background images with icon font for Camera slider UI*/ + + +/* =============== FLEX SLIDER =================*/ + + .flexslider { + margin: 0; + border: 9px solid #fff; + border-radius: 0; + box-shadow: 0 1px 3px rgba(0,0,0,0.3); + background: transparent; + } + .flexslider .flex-control-nav { + position: static; + z-index: 2; + width:auto; + right:20px; + padding:18px 0; + } + .flexslider .flex-control-paging li { + margin:0 1px; + } + .flexslider .flex-control-paging li a { + box-shadow:none; + border:none; + border-radius:0; + width:9px; + height:9px; + margin:0 3px; + + moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + } + + .flexslider .slides li { + position:relative; + margin:0; + } + .flexslider { + overflow:hidden + } + .flexslider .slides .txt { + position:absolute; + top:0; + right:0; + width:50%; + padding-top:3em; + display:none; + } + .flexslider .slides .txt h2 { + font-weight:800; + padding: 0; + font-size: 3.916em; + line-height:1em; + color:white; + text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.7); + margin-bottom:0.4em; + /*margin-left:-800px;*/ + margin-left:0; + margin-top:0; + width:100%; + text-transform:none; + + } + .flexslider .txt div { + /*opacity:0;*/ + opacity:1; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + -moz-opacity: 0; + -khtml-opacity: 0; + margin-bottom:1.5em; + padding:1.5em; + /*margin-left:490px;*/ + margin-left:0; + } + .flexslider .txt div p { + margin:0; + width:432px; + } + .flexslider .txt div ul { + margin:1.5em 0 0 0; + list-style: disc; + list-style-position: inside; + width:432px; + } + .flexslider .txt a { + /*margin-top:230px;*/ + margin-top:0; + } + .flex-direction-nav { + display:none; + } + + +/* =============== SEQUENCE =================*/ +.sequence-prev, .sequence-next { + font-size:6em; +} +#sequence h2.title { + font-size: 4em; + margin:0; + padding:0.75em; + font-weight:800; + line-height:1.1em; + display:block; + width:auto; + font-family: 'Open Sans', sans-serif; + color:#fff; + background-color:#555; + moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; + +} +#sequence h3.subtitle { + padding:0; + font-size:2em; + width:auto; + font-family: 'Open Sans', sans-serif; + color:#fff; +} +#sequence p { + padding:0.25em 0.5em; + font-size:1em; +} +.sequence-canvas { + margin:0; +} +#sequence .model { + bottom:-50%; +} +.sequence-pagination { + bottom:0; +} + + + +/* =============== DROPSHADOWS =================*/ + + + .drop-shadow { + position:relative; + float:left; + } + .drop-shadow:before, .drop-shadow:after { + content:""; + position:absolute; + z-index:-2; + } + /* Lifted corners */ + + + .lifted:before, .lifted:after { + bottom:15px; + left:1.5em; + width:60%; + top:80%; + background: rgba(0, 0, 0, 0.5); + -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.5); + -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.5); + box-shadow:0 15px 10px rgba(0, 0, 0, 0.5); + -webkit-transform:rotate(-2deg); + -moz-transform:rotate(-2deg); + -ms-transform:rotate(-2deg); + -o-transform:rotate(-2deg); + transform:rotate(-2deg); + } + .lifted:after { + right:10px; + left:auto; + -webkit-transform:rotate(3deg); + -moz-transform:rotate(3deg); + -ms-transform:rotate(3deg); + -o-transform:rotate(3deg); + transform:rotate(3deg); + } + /* Curled corners */ + + .curled { + border:1px solid #efefef; + -moz-border-radius:0 0 120px 120px / 0 0 6px 6px; + border-radius:0 0 120px 120px / 0 0 6px 6px; + } + .curled:before, .curled:after { + bottom:12px; + left:10px; + width:50%; + height:55%; + max-width:200px; + -webkit-box-shadow:0 8px 12px rgba(0, 0, 0, 0.5); + -moz-box-shadow:0 8px 12px rgba(0, 0, 0, 0.5); + box-shadow:0 8px 12px rgba(0, 0, 0, 0.5); + -webkit-transform:skew(-8deg) rotate(-3deg); + -moz-transform:skew(-8deg) rotate(-3deg); + -ms-transform:skew(-8deg) rotate(-3deg); + -o-transform:skew(-8deg) rotate(-3deg); + transform:skew(-8deg) rotate(-3deg); + } + .curled:after { + right:10px; + left:auto; + -webkit-transform:skew(8deg) rotate(3deg); + -moz-transform:skew(8deg) rotate(3deg); + -ms-transform:skew(8deg) rotate(3deg); + -o-transform:skew(8deg) rotate(3deg); + transform:skew(8deg) rotate(3deg); + } + /* Perspective */ + + .perspective:before { + left:80px; + bottom:5px; + width:50%; + height:35%; + max-width:200px; + -webkit-box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4); + -moz-box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4); + box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4); + -webkit-transform:skew(50deg); + -moz-transform:skew(50deg); + -ms-transform:skew(50deg); + -o-transform:skew(50deg); + transform:skew(50deg); + -webkit-transform-origin:0 100%; + -moz-transform-origin:0 100%; + -ms-transform-origin:0 100%; + -o-transform-origin:0 100%; + transform-origin:0 100%; + } + .perspective:after { + display:none; + } + /* Raised shadow - no pseudo-elements needed */ + + .raised { + -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; + -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; + box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; + } + /* Curved shadows */ + + .curved:before { + top:10px; + bottom:10px; + left:0; + right:50%; + -webkit-box-shadow:0 0 15px rgba(0, 0, 0, 0.6); + -moz-box-shadow:0 0 15px rgba(0, 0, 0, 0.6); + box-shadow:0 0 15px rgba(0, 0, 0, 0.6); + -moz-border-radius:10px / 100px; + border-radius:10px / 100px; + } + .curved-vt-2:before { + right:0; + } + .curved-hz-1:before { + top:50%; + bottom:0; + left:10px; + right:10px; + -moz-border-radius:100px / 10px; + border-radius:100px / 10px; + } + .curved-hz-2:before { + top:0; + bottom:0; + left:10px; + right:10px; + -moz-border-radius:100px / 10px; + border-radius:100px / 10px; + } + /* Rotated box */ + + .rotated { + -webkit-box-shadow:none; + -moz-box-shadow:none; + box-shadow:none; + -webkit-transform:rotate(-3deg); + -moz-transform:rotate(-3deg); + -ms-transform:rotate(-3deg); + -o-transform:rotate(-3deg); + transform:rotate(-3deg); + } + .rotated > :first-child:before { + content:""; + position:absolute; + z-index:-1; + top:0; + bottom:0; + left:0; + right:0; + background:#fff; + -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; + -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; + box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; + } + + + +/* #Media Queries (bootstrap) +================================================== */ + +/* Large desktop */ +@media (min-width: 1200px) { +} + + +/* Portrait tablet to landscape and desktop */ +@media (min-width: 768px) and (max-width: 979px) { + /* GENERAL */ + body, .logoBig, .logoCenter { + padding-top:0; + } + + + .navbar .container { + width: 724px; + padding: auto; + } + + .navbar-fixed-top { + margin-bottom:0; + } + + #mainHeader .navbar-inner{ + padding:0; + } + + /* MAIN MENU */ + + #mainMenu ul { + display:none; + } + #mainMenu .responsive-nav { + display:block; + margin-bottom:0.2em; + width:100%; + + } + + + .home .bloc .imgWrapper{height:auto; } + + +} +/* NEXUS 7 */ +/*@media (min-width: 960px) and (max-width: 970px) { +#mainMenu ul { + display:block; + } + #mainMenu .responsive-nav { + display:none; + } + .awards{ + display:none; + } + }*/ + + /* Landscape phone to portrait tablet */ + @media (max-width: 767px) { + .logoBig, .logoCenter { + padding-top:0; + } + /* GENERAL */ + body { + padding-top:0; + padding-left: 0; + padding-right: 0; + + } + .container, .navbar .container{ + margin-left:auto; + margin-right:auto; + padding:0 20px; + } + .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {margin-left:0; margin-right:0;} + + .navbar .brand { + padding-left: 0; + } + .navbar-fixed-top { + margin-bottom:0; + } + + #mainMenu .responsive-nav { + width:100%; + display:block; + margin-bottom:1em; + } + #mainHeader #mainMenu {float:none!important;} + + + .home .bloc .imgWrapper{height:auto; } + + .flexslider .slides .txt h2 { + font-size:2em; + } + + + /* MAIN MENU */ + + .logoBig ul.socialNetwork { + float:none; + text-align: center; + margin: 0; + } + .logoBig nav#mainMenu, .doubleBar nav#mainMenu { + display: inline !important; + float: none !important; + } + .logoBig #mainMenu .responsive-nav, .doubleBar #mainMenu .responsive-nav{ + width: 100%; + margin-bottom:1em; + } + + .doubleBar .topBar{display:none;} + + #mainMenu ul { + display:none; + } + + + .awards{ + display:none; + } + + .slice{ + padding-top:0.75em;; + + } + + .videoIframe{ + height:200px; +} + + + +.footer1{ + margin-top:1em; + padding-top:1em; +} + + + .navbar .brand { + float:none; + } + .slice [class*="span"] { + margin-bottom:1.5em; + } + .mb15{margin-bottom:0!important;} + + .headerPage #navTrail { + text-align:left; + } + h3 { + margin-bottom:0.3em; + } + .imgRounded { + margin:0 auto; + } + .team2 .teamInfo, .team2 footer, .team3 h2, .memberInfo { + text-align:center; + } + .iconsDemoCustom li { + font-size:11px !important; + } + + .blocs .btn{ + margin-bottom:30px; + } + + + /* SHORTCODES TRANSFROM */ + .iconBig { + height: 100px; + width: 100px; + + } + + .iconBtn{ + font-size: 22px; + } + + .iconBig i { + font-size: 70px; + line-height: 100px; + left:14px; + top:3px; + } + .ch-info h3 { + font-size: 10px; + padding: 25px 0 0; + } + .ch-info p { + font-size: 8px; + padding: 5px; + } + .ch-info p a { + font-size: 2px; + padding: 0; + } + .ch-info span { + padding-top:30%; + } + .callToActionBoxed .btnWrapper, .callToActionBoxed .ctaText { + float: none; + margin: 20px 20px 20px; + } + #noSliderWrapper .btn { + margin:0 0 10px 10px + } + #subnav { + width:100% + } + #footer, #footerRights { + padding:10px; + } + + .da-thumbs img, .imgWrapper img{ + width:100%; + } + + .postDate{ + margin:0 auto 10px auto!important; + width:146px !important; + } + + .ch-info span{ + line-height: 1; + } + .headerPage{padding-top:1em;} + + .flexslider .flex-control-nav{ padding:18px 0 0 0; } + + #sequence h2.title { + font-size: 2.5em; + border-radius:0; + bottom: -50% !important; + } + + #sequence h3.subtitle{ + display:none; + } + +} + + + + +/* Landscape phones and down */ +@media (max-width: 480px) { + + .iconsDemoCustom li { + font-size:9px !important; + } + + /* MAIN MENU */ + #mainHeader #mainMenu {float:left;} + #mainMenu ul { + display:none; + } + + + + #mainMenu { + border-top:none; + } + + + + .flexslider .slides .txt h2 { + font-size:1.4em; + } + + + .one_third{ + width:100%; + } + + .topQuote{ + font-size:0.5em; + } + + + + .btnWrapper{ + padding:7px 6px 8px 6px; + } + + .iconBtn{ + font-size: 1.1em; + } + + .bigIconsColumnsWrapper{ + padding-top:0; + } + + .ctaText{ + margin-bottom:0; + margin-top:15px; + } + + #noSliderWrapper h2{ + margin-left:10px; + } + + #noSliderWrapper h2{ + line-height: 1em; + } + + .btnSmall{ + padding:3px !important; + } + + .callToActionBoxed{ + margin-bottom:20px; + } + + hr{ + margin:0.2em 0; + } + + .one_half, .one_third, .two_thirds, .three_fourths, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { + width:100%; + } + + .headerPage h1{ + margin-bottom:5px; + font-size: 1.3em; + } + + #navTrail{ + margin-top:0.4em; + } + + #widgetArea{ + margin:0 0 10px 0; + } + + .pricingBloc{ + margin-bottom:10px; + } + + #blogHeader h1{ + margin-top:10px; + text-align: center; + line-height: 1em; + } + + + .pull-right{ + float:none!important; + } + + .comments input, .comments textarea{ + width:95% !important; + } + /*video responsive*/ + .videoWrapper.videoFormat1 { padding-bottom: 50%;} + .videoWrapper.videoFormat2 { padding-bottom: 50%;} + .videoWrapper.videoFormat3 { padding-bottom: 80%;} + +} + + +/* Portrait phones */ +@media (max-width: 320px) { + + + + .home .bloc .imgWrapper{ height:auto; } + #mainHeader #mainMenu {float:left;} + #sequence h2.title { font-size:1.5em;} + #noSliderWrapper h2, h1 { text-align:center; } + +} + +/* Crappy android phones */ +@media (max-width: 240px) { + + .iconBtn{ + font-size: 0.7em; + } + + a.socialIcon { + font-size: 1em; + } + + + .imgRounded{ width: 180px; height: 180px; } + #mainHeader #mainMenu {float:left;} + + + .callToActionBoxed .btnWrapper{ + margin-right:12px; + margin-left:12px; + } + + +} + Propchange: ofbiz/branches/ofbiz-new-website/css/layout.css ------------------------------------------------------------------------------ svn:eol-style = native Propchange: ofbiz/branches/ofbiz-new-website/css/layout.css ------------------------------------------------------------------------------ svn:keywords = Date Rev Author URL Id Propchange: ofbiz/branches/ofbiz-new-website/css/layout.css ------------------------------------------------------------------------------ svn:mime-type = text/css Added: ofbiz/branches/ofbiz-new-website/css/light.css URL: http://svn.apache.org/viewvc/ofbiz/branches/ofbiz-new-website/css/light.css?rev=1787742&view=auto ============================================================================== --- ofbiz/branches/ofbiz-new-website/css/light.css (added) +++ ofbiz/branches/ofbiz-new-website/css/light.css Mon Mar 20 12:28:40 2017 @@ -0,0 +1,630 @@ +/* + 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 #66aaee +} +/*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:#66aaee; +} +.nav > li > a:hover { + background:transparent; + color:#66aaee!important; +} + +/*accordion*/ +a.accordion-toggle:link{color:#666;} +a.accordion-toggle:hover{color:#66aaee;} + +/*********************** 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:#66aaee} +.divider { + background-color:#dadada; + border-bottom:1px solid #fff; +} +.divider span { + background-color:#66aaee; +} +/*********************** END TYPOGRAPHY ***********************/ + +/*********************** BUTTONS ***********************/ +a { + color:#66aaee; +} +a:hover, .scrollspyNav .active a { + color:#66aaee; +} +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:#66aaee; +} +.iconBtn i { + color:#66aaee; +} +.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: #9ae5f9; /* Old browsers */ +/* IE9 SVG, needs conditional override of 'filter' to 'none' */ +background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyJSIgc3RvcC1jb2xvcj0iIzlhZTVmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NmFhZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); +background: -moz-linear-gradient(top, #9ae5f9 2%, #66aaee 100%); /* FF3.6+ */ +background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#9ae5f9), color-stop(100%,#66aaee)); /* Chrome,Safari4+ */ +background: -webkit-linear-gradient(top, #9ae5f9 2%,#66aaee 100%); /* Chrome10+,Safari5.1+ */ +background: -o-linear-gradient(top, #9ae5f9 2%,#66aaee 100%); /* Opera 11.10+ */ +background: -ms-linear-gradient(top, #9ae5f9 2%,#66aaee 100%); /* IE10+ */ +background: linear-gradient(to bottom, #9ae5f9 2%,#66aaee 100%); /* W3C */ +filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ae5f9', endColorstr='#66aaee',GradientType=0 ); /* IE6-8 */ + +} +#mainMenu ul ul a { + color:#B4B4B4; +} +#mainMenu ul ul li.Shover a { + color:white !important; + background-color:#66aaee; +} +#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:#66aaee!important; +} + +#mainMenu ul ul li.Shover>a { + background-image:none !important; +} + +/*********************** END MAIN MENU ***********************/ + + +/*********************** FOOTER ***********************/ +.footer1 { + color:#eee; + background:url(../images/textures/bg-footer.png) #005280; +} +.footer2 { + background: #66aaee;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:#66aaee; +} +.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span, .camera_wrap .camera_pag .camera_pag_ul li:hover > span{background-color:#66aaee;} +.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:#66aaee; +} +.flexslider .flex-control-paging li a:hover { + background: #66aaee +} +.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:#66aaee; + border:4px solid #fff; + /*border:1px solid #FFF;*/ +} + +#bgSliderBloc{background:#29A3E4;} +.caption h2, #noSliderWrapper h2, h1 { + color:#454545; +} +.caption.small_text { + text-shadow: none; +} + +.captionBloc { + background:#66aaee; + color: #FFFFFF; +} + +/*dark text*/ + +.fullwidthbanner h3 { +color:#454545; +} +.fullwidthbanner h3 i {color:#66aaee} + +/* sequence */ +#sequenceSliderWrapper{background-color:#66aaee;} + + +/*********************** END SLIDERS ***********************/ + +/*********************** BLOG ***********************/ + +.postDate { + background-color:#66aaee; + color:white; +} +ul.entry-meta { + border-top:1px solid #EAEAEA; + border-bottom:1px solid #EAEAEA; +} + +.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:#66aaee; +} +#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:#66aaee; +} + +.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:#66aaee; + 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-_0008_BOKEY-blue5.jpg); +} +#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:#66aaee} +.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 #66aaee; +} +/*.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:#66aaee; +} +/**** Big ICONs ***/ +.iconWrapper, .bigIconLink a{ + background-color:#66aaee; + + 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 #66aaee; + +} +.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:#66aaee; + 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:#66aaee +} +table.pricingBlocFocus .sign { + background-color:#66aaee; +} +/* 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: #66aaee;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/light.css ------------------------------------------------------------------------------ svn:eol-style = native Propchange: ofbiz/branches/ofbiz-new-website/css/light.css ------------------------------------------------------------------------------ svn:keywords = Date Rev Author URL Id Propchange: ofbiz/branches/ofbiz-new-website/css/light.css ------------------------------------------------------------------------------ svn:mime-type = text/css |
«
Return to OFBiz - Commits
|
1 view|%1 views
| Free forum by Nabble | Edit this page |