/*============================================================ Reset CSS v2.0 - http://meyerweb.com/eric/tools/css/reset/ ============================================================*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /*============================================================ General Setup ============================================================*/ body, input, textarea, button { color: #383A3A; font: 12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif; } body { background: #F6F6F6 url("/img/body_bg.png"); } a { color: #3A66B2; text-decoration: none; -webkit-transition: color .3s ease-in-out; -moz-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; -ms-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } a:hover { text-decoration: underline; cursor: pointer; } a img { border: none; } .img { padding: 5px; border: 1px solid #DDE2E5; } b, strong { font-weight: bold; } i { font-style: italic; } p { margin-bottom: 7px; } ul.numbers { list-style: decimal inside; } ol.numbers { list-style: decimal outside; margin-left: 20px; } .block { display: block; } .inline { display: inline; } .iblock { display: inline-block; } .underline { text-decoration: underline; } .flx { overflow: hidden; } .fll { float: left !important; } .flr { float: right !important; } .cll { clear: left !important; } .clr { clear: right !important; } .clb { clear: both !important; } .tal { text-align: left !important; } .tac { text-align: center !important; } .taj { text-align: justify !important; } .tar { text-align: right !important; } .light { color: #96999D; } .small { font-size: 11px; line-height: 16px; } .verysmall { font-size: 10px; line-height: 16px; } .serif { font: italic normal 12px/19px "Droid Serif", Georgia, Times, serif; } .uppercase { text-transform: uppercase; } .fat { margin-bottom: 24px !important; } h1 { font-size: 30px; font-weight: bold; line-height: 36px; } h2 { font-size: 24px; font-weight: bold; line-height: 30px; } h3 { font-size: 18px; font-weight: bold; line-height: 24px; } h4 { color: #383A3A; font-family: "Droid Serif", Georgia, Times, serif; font-style: italic; font-size: 15px; line-height: 21px; } h5 { color: #434343; font-weight: bold; line-height: 17px; } h5 a { color: #4d75ba; } .big-text { font-family: "Droid Serif", Georgia, Times, serif; font-style: italic; font-size: 14px; line-height: 20px; } .alert { padding: 12px 20px 15px; text-align: center; background: #FAFFBD; border-top: 1px solid #EAEDED; border-bottom: 1px solid #EAEDED; } .p1 { padding: 1px; } .p2 { padding: 2px; } .mt0 { margin-top: 0px !important; } .mt1 { margin-top: 1px !important; } .mt2 { margin-top: 2px !important; } .mt3 { margin-top: 3px !important; } .mt4 { margin-top: 4px !important; } .mt5 { margin-top: 5px !important; } .mt6 { margin-top: 6px !important; } .mt7 { margin-top: 7px !important; } .mt8 { margin-top: 8px !important; } .mt9 { margin-top: 9px !important; } .mt10 { margin-top: 10px !important; } .mt15 { margin-top: 15px !important; } .mt20 { margin-top: 20px !important; } .mt25 { margin-top: 25px !important; } .mt30 { margin-top: 30px !important; } .mt35 { margin-top: 35px !important; } .mt40 { margin-top: 40px !important; } .mr0 { margin-right: 0px !important } .mr1 { margin-right: 1px !important; } .mr2 { margin-right: 2px !important; } .mr3 { margin-right: 3px !important; } .mr4 { margin-right: 4px !important; } .mr5 { margin-right: 5px !important } .mr6 { margin-right: 6px !important; } .mr7 { margin-right: 7px !important; } .mr8 { margin-right: 8px !important; } .mr9 { margin-right: 9px !important; } .mr10 { margin-right: 10px !important } .mr15 { margin-right: 15px !important } .mr20 { margin-right: 20px !important } .mr25 { margin-right: 25px !important } .mr30 { margin-right: 30px !important } .mr35 { margin-right: 35px !important } .mr40 { margin-right: 40px !important } .mb0 { margin-bottom: 0px !important; } .mb1 { margin-bottom: 1px !important; } .mb2 { margin-bottom: 2px !important; } .mb3 { margin-bottom: 3px !important; } .mb4 { margin-bottom: 4px !important; } .mb5 { margin-bottom: 5px !important; } .mb6 { margin-bottom: 6px !important; } .mb7 { margin-bottom: 7px !important; } .mb8 { margin-bottom: 8px !important; } .mb9 { margin-bottom: 9px !important; } .mb10 { margin-bottom: 10px !important; } .mb15 { margin-bottom: 15px !important; } .mb20 { margin-bottom: 20px !important; } .mb25 { margin-bottom: 25px !important; } .mb30 { margin-bottom: 30px !important; } .mb35 { margin-bottom: 35px !important; } .mb40 { margin-bottom: 40px !important; } .ml0 { margin-left: 0px !important } .ml1 { margin-left: 1px !important; } .ml2 { margin-left: 2px !important; } .ml3 { margin-left: 3px !important; } .ml4 { margin-left: 4px !important; } .ml5 { margin-left: 5px !important } .ml6 { margin-left: 6px !important; } .ml7 { margin-left: 7px !important; } .ml8 { margin-left: 8px !important; } .ml9 { margin-left: 9px !important; } .ml10 { margin-left: 10px !important } .ml15 { margin-left: 15px !important } .ml20 { margin-left: 20px !important } .ml25 { margin-left: 25px !important } .ml30 { margin-left: 30px !important } .ml35 { margin-left: 35px !important } .ml40 { margin-left: 40px !important } .pt0 { padding-top: 0px !important } .pt1 { padding-top: 1px !important } .pt2 { padding-top: 2px !important } .pt3 { padding-top: 3px !important } .pt4 { padding-top: 4px !important } .pt5 { padding-top: 5px !important } .pt6 { padding-top: 6px !important } .pt7 { padding-top: 7px !important } .pt8 { padding-top: 8px !important } .pt9 { padding-top: 9px !important } .pt10 { padding-top: 10px !important } .pt15 { padding-top: 15px !important } .pt20 { padding-top: 20px !important } .pt25 { padding-top: 25px !important } .pt30 { padding-top: 30px !important } .pt35 { padding-top: 35px !important } .pt40 { padding-top: 40px !important } .pr0 { padding-right: 0px !important } .pr1 { padding-right: 1px !important } .pr2 { padding-right: 2px !important } .pr3 { padding-right: 3px !important } .pr4 { padding-right: 4px !important } .pr5 { padding-right: 5px !important } .pr6 { padding-right: 6px !important } .pr7 { padding-right: 7px !important } .pr8 { padding-right: 8px !important } .pr9 { padding-right: 9px !important } .pr10 { padding-right: 10px !important } .pr15 { padding-right: 15px !important } .pr20 { padding-right: 20px !important } .pr25 { padding-right: 25px !important } .pr30 { padding-right: 30px !important } .pr35 { padding-right: 35px !important } .pr40 { padding-right: 40px !important } .pb0 { padding-bottom: 0px !important } .pb1 { padding-bottom: 1px !important } .pb2 { padding-bottom: 2px !important } .pb3 { padding-bottom: 3px !important } .pb4 { padding-bottom: 4px !important } .pb5 { padding-bottom: 5px !important } .pb6 { padding-bottom: 6px !important } .pb7 { padding-bottom: 7px !important } .pb8 { padding-bottom: 8px !important } .pb9 { padding-bottom: 9px !important } .pb10 { padding-bottom: 10px !important } .pb15 { padding-bottom: 15px !important } .pb20 { padding-bottom: 20px !important } .pb25 { padding-bottom: 25px !important } .pb30 { padding-bottom: 30px !important } .pb35 { padding-bottom: 35px !important } .pb40 { padding-bottom: 40px !important } .pl0 { padding-left: 0px !important } .pl1 { padding-left: 1px !important } .pl2 { padding-left: 2px !important } .pl3 { padding-left: 3px !important } .pl4 { padding-left: 4px !important } .pl5 { padding-left: 5px !important } .pl6 { padding-left: 6px !important } .pl7 { padding-left: 7px !important } .pl8 { padding-left: 8px !important } .pl9 { padding-left: 9px !important } .pl10 { padding-left: 10px !important } .pl15 { padding-left: 15px !important } .pl20 { padding-left: 20px !important } .pl25 { padding-left: 25px !important } .pl30 { padding-left: 30px !important } .pl35 { padding-left: 35px !important } .pl40 { padding-left: 40px !important } .ghost { display: none !important; } /* Clearfix hack provided is a combination of Clearfix Reloaded from Thierry Koblentz and the Micro Clearfix Hack from Nicolas Gallagher (use instead of overflow:hidden where possible, to enclose floating divs in sourunding divs) */ .cf:before { content:""; display:table; } .cf:after { clear:both; content:"."; display:block; font-size:0; height:0; visibility:hidden; } .cf {zoom: 1;} /* IE < 8 */ .ovp {overflow:visible !important} /*============================================================ Layout ============================================================*/ .ui-widget-overlay { cursor: auto; display: block; opacity: .70 !important; filter: Alpha(Opacity=70) !important; background: #777 !important; } .admin-placeholder { overflow: hidden; width: 100%; height: 60px; } .adminpanel { position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; color: #888; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; line-height: 18px; padding-top: 20px; background: #222; height: 40px; z-index: 10; } .adminpanel a { display: inline-block; color: #FFF; border-bottom: 1px dotted #555; } .adminpanel a:hover { color: #DE4D39; } #container { display: block; width: 980px; margin: 0 auto; position: relative; } .wrapper { display: block; width: 940px; padding: 0 20px; margin: 0 auto; overflow: hidden; } .subNavWrapper { display: block; padding: 15px 15px 0; background: #dde2e3; } .subNavWrapper .content { padding: 0; margin: 0 5px 15px; background: transparent; } #topNav { background: url("/img/topnav_bg.png"); } #topNav .wrapper { width: 952px; padding: 0 14px; position: relative; } #topMenu { display: block; overflow: hidden; } #topMenu ul.profile { float: right; margin: 0 6px 6px; background: #E1E6E9; background: -webkit-gradient(linear,left top,left bottom,from(#E1E6E9),to(#D1D8DD)); background: -moz-linear-gradient(top,#E1E6E9,#D1D8DD); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#E1E6E9",endColorstr="#D1D8DD"); -moz-box-shadow: 0 0 1px #E7EBED; -webkit-box-shadow: 0 0 1px #E7EBED; box-shadow: 0 0 1px #E7EBED; -moz-border-radius-bottomleft: 4px; -webkit-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; } #topMenu ul.profile li { float: left; margin: 0 0 1px 1px; background: #F3F5F6; background: -webkit-gradient(linear,left top,left bottom,from(#FFFFFF),to(#E8EBEE)); background: -moz-linear-gradient(top,#FFFFFF,#E8EBEE); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF",endColorstr="#E8EBEE"); border-left: 1px solid rgba(255,255,255,0.7); border-right: 1px solid rgba(255,255,255,0.7); } #topMenu ul.profile li:first-child, #topMenu ul.profile li:first-child a { -moz-border-radius-bottomleft: 4px; -webkit-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } #topMenu ul.profile li:last-child, #topMenu ul.profile li:last-child a { -moz-border-radius-bottomright: 4px; -webkit-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; } #topMenu ul.profile li:last-child { margin-right: 1px; } #topMenu ul.profile li a { color: #535D64; font-size: 11px; font-weight: bold; display: inline-block; padding: 9px 18px 10px; text-shadow: 1px 1px 0 #FFFFFF; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } #topMenu ul.profile li a:hover { color: #383A3A; text-decoration: none; } #topMenu ul.profile li.lang a { display: block; width: 20px; height: 20px; background: url("/img/lang.png") no-repeat; padding-top: 8px; padding-bottom: 9px; } #topMenu ul.profile li.lang a.de { background-position: 18px 2px; } #topMenu ul.profile li.lang a.en { background-position: 18px -48px; } #topMenu ul.profile li.search { padding: 2px 8px 3px; width: 215px; } #topMenu #user-status-info img {padding: 9px 77px 7px; } #nav { position: absolute; right: 20px; bottom: 0; height: 43px; padding: 1px 0 0 1px; background: #DFE4E7; background: -webkit-gradient(linear,left top,left bottom,from(#EAEDEF),to(#D4DADF)); background: -moz-linear-gradient(top,#EAEDEF,#D4DADF); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#EAEDEF",endColorstr="#D4DADF"); -moz-border-radius-topleft: 5px; -webkit-border-radius-topleft: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-radius-topright: 5px; border-top-right-radius: 5px; } #nav li { float: left; display: inline-block; padding: 0 1px; background: #FFFFFF; margin-right: 1px; } #nav li:first-child { -moz-border-radius-topleft: 5px; -webkit-border-radius-topleft: 5px; border-top-left-radius: 5px; } #nav li:last-child { -moz-border-radius-topright: 5px; -webkit-border-radius-topright: 5px; border-top-right-radius: 5px; } #nav li a { display: inline-block; color: #84909A; font-weight: bold; padding: 11px 19px 0; height: 28px; -webkit-transition: color .4s ease-in-out; -moz-transition: color .4s ease-in-out; -o-transition: color .4s ease-in-out; -ms-transition: color .4s ease-in-out; transition: color .4s ease-in-out; border-bottom: 4px solid #E8ECED; } #nav li a:hover { color: #535D64; text-decoration: none; border-bottom: 4px solid #DBE0E3; } #nav li a.isActive { cursor: default; color: #282F34; border-bottom: 4px solid #D0F43E; } #header { background: #A19B7F url("/img/header_bg.png") repeat-x; } #header .wrapper { padding: 18px 20px 18px 17px; position: relative; } #header .wrapper.subnav { padding: 18px 20px 0 17px; } #header .wrapper .button { margin-top: 14px; } #header .wrapper.subnav .button { margin-top: 28px; } #header a.video-popup-link, #header a.video-popup-link span.thumbnail { display: block; width: 220px; height: 123px; } #header a.video-popup-link { float: left; padding: 2px 3px 4px; margin-top: 3px; background: url("/img/video-popup_bg.png") no-repeat; } #header a.video-popup-link span.thumbnail { background: url("/img/video-popup-thumbnail.jpg") no-repeat; } #header div.buttons { float: right; display: block; width: 280px; } #header div.socialmedia, #header div.socialmedia-big { float: right; width: 140px; } #header div.socialmedia-big a { float: right; margin-left: 9px; } #header div.socialmedia-big a span { display: block; width: 25px; height: 26px; } #header h1, #header h3 { display: block; text-transform: uppercase; } #header h1 { color: #F0F2F4; font-size: 54px; font-weight: bold; line-height: 54px; text-shadow: 0 1px 3px rgba(0,0,0,0.5); } #header h2 { color: #F0F2F4; font-size: 27px; font-weight: bold; line-height: 36px; margin-top: 5px; text-shadow: 0 1px 4px rgba(0,0,0,0.5); } #header h3 { color: #F8F9FA; font-size: 15px; font-weight: normal; line-height: 14px; letter-spacing: 1px; margin-top: 10px; text-shadow: 0 1px 1px rgba(0,0,0,0.65); } #header h3 strong { text-shadow: 0 1px 1px rgba(0,0,0,0.5); } #header p, #header .big-text { color: #F6F7F8; font-family: "Droid Serif", Georgia, Times, serif; font-style: italic; font-size: 14px; line-height: 20px; margin-top: 7px; padding: 0; text-shadow: 0 1px 1px rgba(0,0,0,0.65); } #header .big-text a { color: #FFFFFF; font-weight: bold; margin-left: 10px; } #box_feedback { color: #FFF; position: absolute; top: -198px; left: 0; z-index: 999; } #box_feedback .body { display: block; width: 360px; padding: 8px 15px 12px; border: 1px solid #556d75; border-top: 0; background: #667b83; } #box_feedback textarea { width: 348px; height: 82px; border: none; margin-bottom: 1px; } #box_feedback #submit-label { display: none; } #box_feedback #feedbacktext-label { margin-bottom: 8px; } #box_feedback #submit-element { display: block; overflow: hidden; margin-top: 0; padding: 0; } #box_feedback #submit-element button { color: #535D64 !important; background: #dee3e4 !important; } #box_feedback #submit-element button:hover { background: #FFF !important; } #box_feedback a#userfeedbackClose { color: #c6ced1; border-bottom: 1px dotted #94a2a8; margin-top: 6px; } #box_feedback a#userfeedbackClose:hover { color: #FFF; } #box_feedback .toggler { overflow: hidden; } #box_feedback .toggler a { color: #FFF; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; padding: 5px 13px 6px 35px; background: #556d75 url(/img/themes/bcrowd/feedback-toggler.png) 10px 7px no-repeat; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; display: inline-block; } #box_feedback .toggler a:hover { background-color: #4a646c; } ul.subNav { overflow: hidden; margin-top: 25px; } ul.subNav li { float: left; } ul.subNav li a { display: inline-block; color: #FFFFFF; text-shadow: 1px 1px 0 rgba(0,0,0,0.25); font-size: 13px; font-weight: bold; padding: 8px 20px; margin-right: 2px; background: #7B7468; background: -webkit-gradient(linear,left top,left bottom,from(#938B7C),to(#645E54)); background: -moz-linear-gradient(top,#938B7C,#645E54); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#938B7C",endColorstr="#645E54"); -moz-box-shadow: inset 1px 1px 1px rgba(255,255,255,0.4); -webkit-box-shadow: inset 1px 1px 1px rgba(255,255,255,0.4); box-shadow: inset 1px 1px 1px rgba(255,255,255,0.4); -webkit-border-radius-topleft: 2px; -moz-border-radius-topleft: 2px; border-top-left-radius: 2px; -webkit-border-radius-topright: 2px; -moz-border-radius-topright: 2px; border-top-right-radius: 2px; } ul.subNav li a:hover { text-decoration: none; } ul.subNav li a.isActive { color: #2B2D2F; text-shadow: none; background: #FFFFFF; filter: progid:DXImageTransform.Microsoft.gradient(enabled='false'); } ul.subNav li a:hover.isActive { cursor: default; } ul.subNav li a.startRequestBox-open { background: #435FA6; background: -webkit-gradient(linear,left top,left bottom,from(#5F77B3),to(#39518D)); background: -moz-linear-gradient(top,#5F77B3,#39518D); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5F77B3",endColorstr="#39518D"); } #main { overflow: hidden; padding: 30px 0 45px; } #main ul.subnav li { margin-bottom: 4px; } #main ul.subnav li a { color: #797C7F; border-bottom: 1px dotted #B0B2B5; } #main ul.subnav li a:hover { color: #222525; text-decoration: none; } #main ul.subnav li a.isActive { cursor: default; color: #FFFFFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); text-decoration: none; padding: 2px 10px 3px 20px; margin: -2px 0 -3px 0; border: none; -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; background: #A49D92; background: -webkit-gradient(linear,left top,left bottom,from(#ACA69C),to(#8F8779)); background: -moz-linear-gradient(top,#ACA69C, #8F8779); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ACA69C",endColorstr="#8F8779"); } #main ul.bullets { list-style-type: disc; } #main ul.bullets li { margin-left: 30px; } #footer .footerArea { padding : 22px 0 45px 0; background: url("/img/footer_bg.png") repeat-x; } #footer .footerArea * { color: #FFFFFF; } #footer .footerArea h5 { margin-bottom: 8px; } #footer .footerArea .bg { overflow: hidden; padding: 15px 12px; background: #A19B7F; -moz-box-shadow: 1px 1px 0 rgba(0,0,0,0.1), inset 1px 1px 2px rgba(0,0,0,0.05); -webkit-box-shadow: 1px 1px 0 rgba(0,0,0,0.1), inset 1px 1px 2px rgba(0,0,0,0.05); box-shadow: 1px 1px 0 rgba(0,0,0,0.1), inset 1px 1px 2px rgba(0,0,0,0.05); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #footer .footerArea .newsletter { padding: 4px 3px 3px 10px; } #footer .footerArea .ajax-loader .indicator { margin: 5px 0 0 40%; } #footer .footerArea .newsletter form input { float: left; background: none; border: none; width: 123px; margin-top: 4px; } #footer .footerArea .cloud { padding: 10px 12px 15px; text-align: center; } #footer .footerArea .cloud a { padding: 0 8px; line-height: 25px; text-decoration: underline; display: inline-block; } #footer .footerArea .cloud a.tag1 { font-size: .8em; font-weight: 200; } #footer .footerArea .cloud a.tag2 { font-size: .9em; font-weight: 200; } #footer .footerArea .cloud a.tag3 { font-size: 1em; font-weight: 300; } #footer .footerArea .cloud a.tag4 { font-size: 1.1em; font-weight: 400; } #footer .footerArea .cloud a.tag5 { font-size: 1.2em; font-weight: 500; } #footer .footerArea .cloud a.tag6 { font-size: 1.3em; font-weight: 600; } #footer .footerArea .cloud a.tag7 { font-size: 1.4em; font-weight: 700; } #footer .footerArea .cloud a.tag8 { font-size: 1.5em; font-weight: 800; } #footer .footerArea .cloud a.tag9 { font-size: 1.6em; font-weight: 900; } #footer .footerArea .cloud a.tag10 { font-size: 1.7em; font-weight: 900; } #footer .footerArea a.paypal-logo { display: block; width: 106px; height: 29px; background: url("/img/paypal-logo.png") no-repeat; } #footer .footerArea .partners a, #footer .footerArea .clients a { float: left; display: block; height: 60px; margin-right: 29px; } #footer .footerArea .partners a { background: url("/img/themes/visionbakery/partners.png") no-repeat; } #footer .footerArea .clients a { background: url("/img/themes/visionbakery/clients.png") no-repeat; } #footer .footerArea .partners a.liz { width: 96px; background-position: -223px top; } #footer .footerArea .partners a.ikosom { width: 95px; background-position: -3px top } #footer .footerArea .partners a.mirador { width: 117px; background-position: -102px top; } #footer .footerArea .partners a.regio-crowd { width: 193px; background-position: -1153px top; } #footer .footerArea .partners a.spreadshirt { width: 46px; background-position: -325px top; } #footer .footerArea .partners a.cf-berlin { width: 156px; background-position: -377px top; } #footer .footerArea .partners a.spirit-legal { width: 214px; background-position: -538px top; } #footer .footerArea .partners a.framebrothers { width: 43px; background-position: -767px top; } #footer .footerArea .partners a.foundervision { width: 186px; background-position: -817px top; } #footer .footerArea .partners a.krle { width: 148px; background-position: -1003px top; } #footer .footerArea .clients a.hornserben { width: 48px; margin-right: 20px; } #footer .footerArea .clients a.secondattempt { width: 124px; background-position: -68px top; margin-right: 12px } #footer .footerArea .clients a.dantesdream { width: 97px; background-position: -203px top; margin-right: 22px } #footer .footerArea .clients a.knalltheater { width: 42px; background-position: -322px top; margin-right: 19px } #footer .footerArea .clients a.makethatchange { width: 92px; background-position: -383px top; margin-right: 24px } #footer .footerArea .clients a.born2bawesome { width: 60px; background-position: -498px top; margin-right: 23px } #footer .footerArea .clients a.antjeschaper { width: 90px; background-position: -576px top; margin-right: 23px } #footer .footerArea .clients a.betourt { width: 80px; background-position: -685px top; margin-right: 23px } #footer .footerArea .clients a.twowoodenstones { width: 90px; background-position: -776px top; margin-right: 23px } #footer .footerArea .clients a.mirador { width: 130px; background-position: -875px top; margin-right: 24px; } #footer .subFooter { overflow: hidden; padding: 20px 0 25px; } #footer .subFooter .copy { float: left; color: #8F9296; } #footer .subFooter ul.footerNav { float: right; } #footer .subFooter ul.footerNav li { float: left; } #footer .subFooter ul.footerNav li a { padding: 0 12px; color: #6F7275; } div.divider { display: block; height: 1px; border-top: 1px solid #E8EBEC; background: #FFFFFF; margin: 17px 0 12px; } .col { float: left; margin-right: 20px; } .col.last { margin-right: 0; } .four-cols .col { width: 220px; } .four-cols .col.two { width: 460px; } .four-cols .col.three { width: 620px; } .three-cols .col { width: 300px; } .three-cols .col.two { width: 620px; } .box { overflow: hidden; background: #FFFFFF; border: 1px solid #E5E5E5; border-bottom: 2px solid #E5E5E5; } div.box.content p { overflow: hidden; } .project-news div.box.content p { overflow: visible; } .box .icon { float: left; display: block; width: 45px; height: 60px; margin: 5px 11px 17px 15px; } .box .bg { background: #F2F2F1; } .box .row { overflow: hidden; padding: 12px 20px 12px; border-bottom: 1px solid #EAEAEA; } .box .bt { border-top: 1px solid #EAEAEA; } .box .bb { border-bottom: 1px solid #EAEAEA; } .box .nb { border: none; } .box .header { overflow: hidden; padding: 10px 20px; background: #9F9984; } .box .header * { color: #FFFFFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); } .box .header h4 { font-weight: bold; } .box .header a.initiator { font-weight: bold; letter-spacing: 1px; text-transform: uppercase; } .box .header a.contact { font: italic normal 12px/19px "Droid Serif", Georgia, Times, serif; color: #FFFFFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); } .box .header .initiatorPic { float: left; display: block; width: 45px; height: 60px; padding: 2px; background: #FFFFFF url("/img/profile-dummy-small.jpg") 2px 2px no-repeat; margin-right: 10px; } .previewBox { position: relative; overflow: hidden; } .previewBox.hover a, .previewBox.hover a:hover { color: #da3a23; } .previewBox .overview { display: block; float: left; width: 218px; height: 194px; background: #303E48; text-decoration: none; border: 1px solid #E4E4E4; border-right: none; } .previewBox .overview:hover * { text-decoration: none; } .previewBox .overview .image { display: block; position: relative; width: 218px; height: 164px; } .previewBox .overview .status { color: #BFC1C2; display: block; padding: 0 12px; height: 20px; background: #002433; } .previewBox .overview .progress { position: relative; display: block; height: 10px; background: #303E48; -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.3); box-shadow: inset 0 1px 3px rgba(0,0,0,0.3); } .previewBox .overview .progress .bar { display: block; height: 10px; background: #D0F43E; background: -webkit-gradient(linear,left top,left bottom,from(#DFFF4C),to(#C0DF38)); background: -moz-linear-gradient(top,#DFFF4C,#C0DF38); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#DFFF4C",endColorstr="#C0DF38"); } .previewBox .overview .progress .overload { position: absolute; top: 0; left: 80%; display: block; height: 10px; background: #E6890C; background: -webkit-gradient(linear,left top,left bottom,from(#FF990D),to(#CC790A)); background: -moz-linear-gradient(top,#FF990D,#CC790A); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF990D",endColorstr="#CC790A"); } .previewBox .overview .progress .mark { position: absolute; height: 14px; top: -2px; left: 80%; border-left: 1px solid #BFC1C2; z-index: 10; } .previewBox .article { overflow: hidden; padding: 12px 12px 15px; } .previewBox ul.details li { border-top: 1px solid #E8EBEC; padding: 2px 0 4px; } .four-cols .col.two .previewBox .article, #clean-layout .previewBox .article, #layout-iframe .previewBox .article { padding: 12px 20px 12px; } .previewBox .article h5 { display: block; margin-bottom: 1px; } .previewBox .article h5 a { color: #434343; } .previewBox .article .fixed-height { height: 148px; overflow: hidden; } .previewBox .article .fixed-height .description { position: relative; } .previewBox .article .fixed-height .description div { position: absolute; top: 0; left: 0; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .previewBox .article .fixed-height .description div.hidden { opacity: 0; filter: alpha(opacity = 0); } .mentorDetails p.info a, .previewBox .article p.info { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 10px; font-weight: bold; margin: 5px 0 0; border: none; color: #B2B2B6; } .mentorDetails p.info a { font-size: 12px; line-height: 22px; } .mentorDetails p.info { overflow: hidden; } .mentorDetails p.info a.social { float: left; display: block; width: 32px; height: 32px; padding: 3px; margin-right: 10px; background: url('/img/socialmedia.png') no-repeat; border: 1px solid #F5F5F5; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .mentorDetails p.info a:hover.social { opacity: 0.75; filter: alpha(opacity = 75); } .mentorDetails p.info a.facebook { background-position: 3px 3px; } .mentorDetails p.info a.twitter { background-position: 3px -47px; } .mentorDetails p.info a.googleplus { background-position: 3px -97px; } .mentorDetails p.info a.linkedin { background-position: 3px -147px; } .mentorDetails p.info a.xing { background-position: 3px -197px; } .mentorDetails p.info a:hover { color: #da3a23; } .previewBox a.mouseOver { position: absolute; top: 0; left: 0; width: 218px; height: 403px; z-index: 99; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; transition: all .6s ease-in-out; opacity: 0; filter: alpha(opacity = 0); background: rgba(247,247,248,.15); border: 1px solid #e4e7e8; } .col.two .previewBox .arrow { position: absolute; top: 12px; right: 0; width: 8px; height: 16px; background: url("/img/project-arrow.png") no-repeat; } .sidebar .previewBox a.mouseOver, #layout-iframe .previewBox a.mouseOver{ width: 216px; } .previewBox a.mouseOver span { display: block; width: 218px; height: 194px; background: rgba(71,93,104,.75); } .previewBox a.mouseOver span em { display: block; width: 218px; height: 194px; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; background: url(/img/magnify.png) center center no-repeat; } .previewBox a.mouseOver span { background: rgba(71,93,104,.4); } .previewBox a:hover.mouseOver { opacity: 1; filter: alpha(opacity = 100); } .previewBox a.mouseOver span em { background-position: center 45px; opacity: 0; filter: alpha(opacity = 0); } .previewBox a:hover.mouseOver span em { background-position: center 70px; opacity: 1; filter: alpha(opacity = 100); } .category .previewBox .overview { margin-right: 1px; } .col.two .previewBox a.mouseOver, .category .previewBox a.mouseOver { width: 217px; height: 403px; } .four-cols .col.two .previewBox a.mouseOver { width: 463px; height: 194px; } .sidebar .previewBox, #layout-iframe .previewBox { margin-bottom: 20px; } .sidebar .previewBox .overview, #layout-iframe .previewBox .overview { margin-right: 1px; } .sidebar .previewBox .article, #layout-iframe .previewBox .article { background: rgba(255,255,255, 0.4); } .sidebar .previewBox a.mouseOver, #layout-iframe .previewBox a.mouseOver { width: 217px; height: 403px; border: 1px solid #e4e7e8; opacity: 1; filter: alpha(opacity = 100); } .sidebar .previewBox a:hover.mouseOver, #layout-iframe .previewBox a:hover.mouseOver { border: 1px solid #fff; } .sidebar .previewBox a.mouseOver span, #layout-iframe .previewBox a.mouseOver span { opacity: 0; filter: alpha(opacity = 0); -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .sidebar .previewBox a:hover.mouseOver span, #layout-iframe .previewBox a:hover.mouseOver span { opacity: 1; filter: alpha(opacity = 100); } #layout-iframe .box { border-width: 1px; } #layout-iframe .previewBox a.mouseOver { height: 99.5%; width: 99.5%; } .content { overflow: hidden; padding: 20px 20px 35px; } .profilePicture { display: block; width: 90px; height: 120px; border: 1px solid #DDE2E5; padding: 2px; background: #FFFFFF url("/img/profile-dummy-big.jpg") 2px 2px no-repeat; } .errors, .warning { color: #D54C4C; overflow: hidden; font-family: "Droid Serif", Georgia, Times, serif; font-style: italic; margin: 7px 0 15px; padding: 10px 10px 12px; background: #FFD7D8; border-bottom: 1px solid #F9BAC7; border-top: 1px solid #F9BAC7; } div.socialmedia { overflow: hidden; } div.socialmedia a { float: right; margin-left: 8px; padding: 0 !important; } div.socialmedia a.addthis_button_tweet, div.socialmedia a.addthis_button_google_plusone, div.socialmedia a.addthis_button_facebook_like { float: left; margin-left: 0; } .paginationControl a, .paginationControl span { display: inline-block; color: #383A3A; text-shadow: 1px 1px 0 #FFF; padding: 2px 8px 3px; margin-right: 2px; border: 1px solid #C4CACE; background: #F1F3F3; background: -webkit-gradient(linear,left top,left bottom,from(#F9FAFA),to(#EAECED)); background: -moz-linear-gradient(top,#F9FAFA,#EAECED); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F9FAFA",endColorstr="#EAECED"); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.05), inset 0 1px 0 #FFF; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05), inset 0 1px 0 #FFF; box-shadow: 0 1px 1px rgba(0,0,0,0.05), inset 0 1px 0 #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .paginationControl span.disabled { cursor: default; opacity: 0.35; filter: alpha(opacity=35); } .paginationControl span.current { cursor: default; color: #F5F6F6; text-shadow: 1px 1px 0 #485157; border: 1px solid #485157; background: #5D6971; -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.05), inset 0 0 3px #505A61; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05), inset 0 0 3px #505A61; box-shadow: 0 1px 1px rgba(0,0,0,0.05), inset 0 0 3px #505A61; } .paginationControl a:hover { text-decoration: none; background: #FDFDFD; } .box.promo .socialmedia { clear:both; margin: 5px 15px 10px; } /*============================================================ Wysiwyg (html-tags by xinha) ============================================================*/ .htmltags hr { color: #E8EBEC; } .htmltags ul, .htmltags ol { margin-bottom: 7px; } .htmltags ul li, .htmltags ol li { margin-left: 30px; } .htmltags ul { list-style-type: disc; } .htmltags ul li ul { list-style-type: circle; } .htmltags ol { list-style-type: decimal; } .htmltags blockquote { margin-left: 30px; } .htmltags h1, .htmltags h2, .htmltags h3, .htmltags h4, .htmltags h5, .htmltags h6 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: bold; line-height: 1.1em; } .htmltags h1 { font-size: 22px; margin-bottom: 7px; margin-top: 21px; } .htmltags h2 { font-size: 20px; margin-bottom: 6px; margin-top: 18px; } .htmltags h3 { font-size: 18px; margin-bottom: 5px; margin-top: 15px; } .htmltags h4 { font-size: 16px; margin-bottom: 4px; margin-top: 12px; } .htmltags h5 { font-size: 14px; margin-bottom: 3px; margin-top: 9px; } .htmltags h6 { font-size: 12px; margin-bottom: 2px; margin-top: 6px; } .htmltags sup, .htmltags sub { font-size: 10px; height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; } .htmltags em { font-style: italic; } .htmltags sup { bottom: .8ex; } .htmltags sub { top: .8ex; } .htmltags hr { border: none; border-bottom: 1px solid #EAEAEA; margin: 10px 0; } .htmltags table { border-top: 1px solid #EAEAEA; } .htmltags table th { border: 1px solid #E8EBEC; border-style: inset; padding: 3px 5px 4px; background-color: #F8F8F9; } .htmltags table td { border: 1px solid #E8EBEC; border-style: inset; padding: 3px 5px 4px; background-color: #FFF; } /*============================================================ General Form Styles ============================================================*/ #register button#submit, #user-update button#submit { margin-top: 20px; } form .captcha img { opacity: 0.60; filter: alpha(opacity=60); margin: 5px 0 5px 2px; border: 1px solid #BBBBBB; } .formLoadingBar img { border: none; display: none; margin: 0 0 10px 2px; } .rewardForm { display: block; margin-bottom: 50px; } /*============================================================ Frontpage ============================================================*/ .frontpage-register { color: #888; padding: 12px 0 10px 15px; background: #e6eae4; } .frontpage-register h3 { color: #676767; font-size: 13px; } .frontpage-register .col { display: block; width: 209px; padding: 0 5px; } .frontpage-register label { display: block; padding-left: 1px; margin-bottom: 1px; } .frontpage-register input { background: #f5f7f2; border-color: #d7dcd4; width: 195px; padding: 4px 6px; } .frontpage-register input:focus { background: #fff; } .frontpage-register input#acceptTermsAndPrivacy { width: auto; margin-left: 0; margin-right: 8px; } .frontpage-register a { color: #555; border-bottom: 1px dotted #BBB; } .frontpage-register a:hover { color: #da3a23; } .frontpage-register .buttons { padding-right: 20px; } /* .frontpage-register button { background: #b2baaf !important; } .frontpage-register button:hover { background: #da3a23 !important; } */ .sidebar-teaser { overflow: hidden; } .sidebar-teaser a { display: block; height: 174px; } /*============================================================ Projects overview ============================================================*/ .box.left-nav { padding: 15px 20px 12px 0; } .box.left-nav h4, .box.left-nav ul.subnav li a { margin-left: 20px; } .box.left-nav h4 { font-size: 14px; } /*============================================================ Show project ============================================================*/ #header .project-tags span.big-text { display: inline-block; margin: 0 25px 0 0; background: url("/img/icons/project-tags.png") no-repeat; } #header .project-tags span.category { padding-left: 21px; background-position: left 3px; } #header .project-tags span.location { padding-left: 14px; background-position: left -47px; } .shortIntro { position: relative; color: #cbccce; overflow: hidden; background: #333; height: 260px; padding: 15px 15px 20px; } .shortIntro .infoText { overflow: hidden; } .shortIntro h1 { color: #fff; } .shortIntro ul.arguments li { padding-left: 21px; background: url("/img/themes/bcrowd/bullet-dark-header.png") left 3px no-repeat; margin-bottom: 5px; } .shortIntro .buttonArea { overflow: hidden; position: absolute; width: 500px; left: 20px; top: 227px; } .shortIntro .buttonArea .countdown { float: right; display: block; width: 260px; } .shortIntro .buttonArea .countdown .icon { float: left; display: block; width: 45px; height: 48px; background: url("/img/icons/project-header.png") no-repeat; } .shortIntro .buttonArea .countdown span.is-countdown { color: #b1b3af; font-weight: bold; } .shortIntro .buttonArea .countdown span.is-countdown span { font-size: 20px; line-height: 28px; } .project-data { min-height: 465px; } .project-data .header { padding: 10px; } a.supporter-image, span.supporter-image { float: left; display: block; width: 45px; height: 60px; border: 1px solid #E8EBEC; margin-right: 8px; background: url("/img/profile-dummy-small.jpg"); } a.supporter-image:hover { border-color: #FFF; } .project-data .icon { float: left; display: block; width: 45px; height: 60px; margin: 2px 1px 17px 15px; background: url("/img/icons/project-data.png") no-repeat; } .project-data .icon.raised { background-position: left top; } .project-data .icon.backers { background-position: left -100px; } .project-data .icon.days { background-position: left -200px; } .project-data h5 { display: block; color: #454D53; margin: 8px 0 5px; } .project-data h5 .num, project-data h5 span.is-countdown span { display: block; color: #5B656E; font-size: 36px; font-weight: bold; line-height: 38px; } .project-data h5 span.is-countdown { display: block; } .project-data h5 span.is-countdown span { display: inline-block; line-height: 1.66em; font-size: 1.33em; } .project-data h5 span.is-countdown span:first-child { font-size: 36px; line-height: 38px; } .project-data .progress { position: relative; display: block; height: 13px; background: #BFC2C0; -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.1); box-shadow: inset 0 1px 3px rgba(0,0,0,0.1); } .project-data .progress .bar { display: block; height: 13px; background: #D0F43E; background: -webkit-gradient(linear,left top,left bottom,from(#DFFF4C),to(#C0DF38)); background: -moz-linear-gradient(top,#DFFF4C,#C0DF38); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#DFFF4C",endColorstr="#C0DF38"); } .project-data .progress .overload { position: absolute; top: 0; left: 80%; display: block; height: 13px; background: #E6890C; background: -webkit-gradient(linear,left top,left bottom,from(#FF990D),to(#CC790A)); background: -moz-linear-gradient(top,#FF990D,#CC790A); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF990D",endColorstr="#CC790A"); } .project-data .progress .mark { position: absolute; height: 19px; top: -3px; left: 80%; border-left: 1px solid #383A3A; z-index: 10; } .project-rewards { overflow: hidden; } .project-rewards .progress { position: relative; display: block; height: 5px; margin: 2px 0 3px; background: #e5e8e8; -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.1); box-shadow: inset 0 1px 3px rgba(0,0,0,0.1); } .project-rewards .progress .bar { height: 5px; } .project-rewards .rewards .progress .bar { background: #a8babc; /* Old browsers */ background: -moz-linear-gradient(top, #a8babc 0%, #92a5a8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a8babc), color-stop(100%,#92a5a8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #a8babc 0%,#92a5a8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #a8babc 0%,#92a5a8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #a8babc 0%,#92a5a8 100%); /* IE10+ */ background: linear-gradient(to bottom, #a8babc 0%,#92a5a8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8babc', endColorstr='#92a5a8',GradientType=0 ); /* IE6-9 */ } .project-comments .profilePicture { float: left; display: block; width: 45px; height: 60px; border: 1px solid #DDE2E5; padding: 2px; margin-right: 8px; background: #FFFFFF url("/img/profile-dummy-small.jpg") 2px 2px no-repeat; } .project-comments .comment { overflow: hidden; padding-left: 7px; position: relative; } .project-comments .comment textarea, .project-comments .comment .text { width: 528px; min-height: 65px; padding: 10px 12px; border: 1px solid #DDE2E5; margin: 0 0 7px; background: #FFFFFF; } .project-comments .comment input#submit { float: right; } .project-comments .comment .arrow { position: absolute; top: 11px; left: 0; width: 8px; height: 14px; background: url("/img/comment-arrow.png") no-repeat; } .project-supporter { overflow: hidden; padding: 10px 12px; border: 1px solid #DDE2E5; background: #FFFFFF; } .project-supporter .profilePicture { display: block; float: left; height: 60px; margin-right: 12px; padding: 2px; width: 45px; background: #FFFFFF url("/img/profile-dummy-small.jpg") 2px 2px no-repeat; border: 1px solid #DDE2E5; } a.companyLogo { float: left; margin-right: 12px; } a.companyLogo img { border: 1px solid #E8EBEC; } img.companyLogo { float: left; border: 1px solid #E8EBEC; margin-right: 12px; } .project-news .type-text { margin-bottom: 20px; } .project-news label { display: block; margin-bottom: 5px; } .project-news .type-text input { font-size: 13px; padding: 3px 6px 5px; width: 560px; } .project-news .content { padding: 20px 25px 22px; } .jwPlayer { height: 465px; position: relative; } .jwPlayer .ajax-loader { position: absolute; display: block; width: 60px; height: 60px; top: 111px; left: 220px; background: url("/img/ajax-loader_bg.png") no-repeat; } .jwPlayer .ajax-loader .indicator { margin: 14px; } #main .jwPlayer .ajax-loader { top: 203px; left: 279px; } .box.project-curators { margin-bottom: 10px; } .box.project-curators .content { padding: 0 0 5px; } .box.project-curators .content img { display: block; margin: auto; } #embedBox .overlay-panel { width: 860px; height: 80%; } #embedBox .overlay-panel .inner { overflow-x: hidden; overflow-y: auto; height: 97%; background: #FFFFFF; } #embedBox .three-cols .col { width: 220px; } #embedBox .three-cols .col.two { width: 540px; } #embedBox textarea { height: 60px; overflow: hidden; margin-bottom: 10px; } #embedBox #widget-video textarea { width: 508px; } #embedBox #widget-vertical textarea { width: 206px; } #embedBox #widget-horizontal textarea { width: 206px; } #embedBox h2 { margin-bottom: 10px; } #embedBox .divider { margin: 30px 0; } #embedBox .example { background: url("/img/ajax-loader.gif") no-repeat scroll 40% 40% transparent; } .form-fieldset { margin-bottom: 20px } .box.form-fieldset { padding: 20px 20px 0; } /*============================================================ New project ============================================================*/ .box.new-project .icon { margin: 14px 7px 0 15px; background: url("/img/icons/numbers.png") no-repeat; } .box.new-project .icon.one { background-position: left top; } .box.new-project .icon.two { background-position: left -100px; } .box.new-project .icon.three { background-position: left -200px; } .box.new-project .icon.four { background-position: left -300px; } .box.new-project .icon.five { background-position: left -400px; } .box.new-project .icon.six { background-position: left -500px; } .box.new-project .icon.seven { background-position: left -600px; } .box.new-project .icon.eight { background-position: left -700px; } .box.new-project .icon.nine { background-position: left -800px; } /*============================================================ Expert panel ============================================================*/ .expertPanel .previewBox { overflow: hidden; height: 225px; } .expertPanel .previewBox a.mouseOver { width: 158px; height: 223px; } .expertPanel .previewBox a.mouseOver span { width: 158px; height: 160px; } .expertPanel .previewBox a.mouseOver span em { width: 158px; height: 160px; background-position: center 41px; } .expertPanel .previewBox .article { padding: 5px 12px 0; } .expertPanel .previewBox .article .description { overflow: hidden; height: 20px; } .expertPanel .previewBox a:hover.mouseOver span em { background-position: center 56px; } /*============================================================ Service sites ============================================================*/ /* FAQ */ #main ul.questions li a:hover { color: #222525; padding: 1px 5px 2px; margin: -1px -5px -2px; text-decoration: none; background-color: #D8ff41; } div.answer { margin-bottom: 20px; } div.answer h5 { margin-bottom: 8px; } div.answer p, div.answer ul { overflow: hidden; border-left: 3px solid #DDE2E5; padding: 3px 0 4px 10px; margin: 0 0 0 18px; } div.answer .img { border: 1px solid #DDE2E5; padding: 2px; } /* Press releases */ .box.press-releases .row { overflow: hidden; padding: 12px 0; } .box.press-releases .row .logo { float: right; width: 180px; margin: 2px 0 0 20px; } .box.press-releases .row .logo a { float: right; } /* Contact form */ .contact-form label { display: block; margin-bottom: 5px; } .contact-form input { width: 560px; padding: 3px 6px 5px; font-size: 13px; margin-bottom: 15px; } .contact-form textarea { width: 564px; padding: 3px 6px 5px; height: 320px; } /* small contact form (for the last column in a three-cols layout) */ .col.last .contact-form { padding-bottom: 15px; } .col.last .contact-form label { margin-top: 15px; margin-bottom: 3px; } .col.last .contact-form input, .col.last .contact-form textarea { width: 240px; margin-bottom: 0px; } .col.last .contact-form textarea { height: 226px; } /*============================================================ Login ============================================================*/ .login h3 { margin-bottom: 15px; } .login label { display: block; margin-bottom: 5px; } .login input, .box.login button { width: 372px; padding: 7px 10px; font-size: 14px; margin-bottom: 20px; } .login .type-check { margin-bottom: 10px; clear: left; } .login .type-check input { width: auto; padding: 0; margin: 2px 7px 16px 0px; float: left; } .login .type-check input.dummy { display: none; } .login input#captcha-input { margin-bottom: 20px; } .login button#loginSubmit, .login button#submit { width: auto; margin-bottom: 0; padding: 8px 14px 9px } .login a.forgot { display: inline-block; line-height: 34px; } #threeColsLogin .box.login { -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } #threeColsLogin .box.login label { margin-bottom: 2px; } #threeColsLogin .box.login input, .box.login button { width: 210px; margin-bottom: 10px; } #threeColsLogin .box.login .type-check input { width: auto; } #threeColsLogin .unselect{ background: none; } /*============================================================ About Us ============================================================*/ .about-teaser-de, .about-teaser-en { color: #4d595f; display: block; height: 105px; position: relative; } .about-teaser-de .button, .about-teaser-en .button { position: absolute; right: 16px; bottom: 14px; } .about-teaser-de { padding: 95px 300px 0 20px; background: #c8d780 url(/img/themes/bcrowd/about-de.jpg) no-repeat; } .about-teaser-en { padding: 95px 325px 0 20px; background: #c8d780 url(/img/themes/bcrowd/about-en.jpg) no-repeat; } #startups .teaser-de, #startups .teaser-en, #investors .teaser-de, #investors .teaser-en { display: block; height: 159px; width: 335px; } #startups .teaser-de { background: #e0e4c7 url(/img/themes/bcrowd/about-startups-de.jpg) no-repeat; } #startups .teaser-en { background: #e0e4c7 url(/img/themes/bcrowd/about-startups-en.jpg) no-repeat; } #investors .teaser-de { background: #e0e4c7 url(/img/themes/bcrowd/about-investors-de.jpg) no-repeat; } #investors .teaser-en { background: #e0e4c7 url(/img/themes/bcrowd/about-investors-en.jpg) no-repeat; } .infoboxes .col { width: 335px; background: #f8f8f9; } #main .infoboxes .col .content { padding: 20px 15px; background: transparent; } .kwicks { overflow: hidden; display: block; list-style: none; position: relative; margin: 0; padding: 0; height: 152px; } .kwicks li { position: relative; display: block; overflow: hidden; padding: 0; width: 96px; height: 152px; } .kwicks li span { display: block; text-align: center; color: #555; line-height: 19px; height: 70px; background: rgba(247, 247, 248, 0.85); margin-top: 132px; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; transition: all .6s ease-in-out; opacity: 0; filter: alpha(opacity = 0); } .kwicks li:hover span { opacity: 1; filter: alpha(opacity = 100); margin-top: 102px; } .kwicks li span em { display: block; color: #222; font-size: 12px; font-style: normal !important; font-weight: bold; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; padding-top: 5px; } .kwicks li#kwick_1 { background: url(/img/themes/bcrowd/team-rw.jpg) no-repeat top center; } .kwicks li#kwick_2 { background: url(/img/themes/bcrowd/team-vf.jpg) no-repeat top center; } .kwicks li#kwick_3 { background: url(/img/themes/bcrowd/team-sp.jpg) no-repeat top center; } .kwicks li#kwick_4 { background: url(/img/themes/bcrowd/team-lk.jpg) no-repeat top center; } .kwicks li#kwick_5 { background: url(/img/themes/bcrowd/team-jp.jpg) no-repeat top center; } .kwicks li#kwick_6 { background: url(/img/themes/bcrowd/team-fh.jpg) no-repeat top center; } .kwicks li#kwick_7 { background: url(/img/themes/bcrowd/team-pd.jpg) no-repeat top center; } /*============================================================ User profile ============================================================*/ .user-profile label { display: block; margin-bottom: 5px; } .user-profile input { width: 350px; padding: 3px 6px 5px; font-size: 13px; margin-bottom: 15px; } .user-profile .type-check input { width:auto; } .user-profile select#Country-countryKey { width: 367px; padding: 3px 6px 5px; font-size: 13px; margin-bottom: 15px; } .user-profile textarea { width: 572px; padding: 3px 6px 5px; height: 300px; margin-bottom: 15px; } .user-profile .htmlarea { margin-bottom: 15px; } .user-profile .type-check { margin-bottom: 4px; } .user-profile .type-check input { width: auto; padding: 0; font-size: 12px; margin-bottom: 0; } .user-profile .content div.cf div { width: 50%; float: left; } .user-profile .content div.cf { width: 100%; float: none; margin: 5px 0 10px; } .user-profile .content form #submit { margin-top: 10px; float:right } .user-profile .content form fieldset { background: none repeat scroll 0 0 #F5F5F5; padding: 15px 20px; margin-bottom: 20px; } .user-profile .content .password { margin-right: 61px; float: left; } /*============================================================ Choose rewards ============================================================*/ #paymentFormContent { position: relative; } #paymentFormContent .white-haze { position: absolute; top: 0; left: 0; width: 100%; background: #fff; opacity: .5; filter: alpha(opacity = 50); } .choose-rewards .box { background: #FFF; } .choose-rewards #paymentFormContent .icon { float: left; display: block; width: 45px; height: 45px; margin-right: 8px; background: url(/img/icons/numbers.png) no-repeat; } .choose-rewards #paymentFormContent .icon.step2 { background-position: left -100px; } .choose-rewards #paymentFormContent .icon.step3 { background-position: left -200px; } .choose-rewards #paymentFormContent .icon.step4 { background-position: left -300px; } .choose-rewards #paymentFormContent .icon.step5 { background-position: left -400px; } .choose-rewards #paymentFormContent .icon.step6 { background-position: left -500px; } .choose-rewards #paymentFormContent .icon.step7 { background-position: left -600px; } .choose-rewards #paymentFormContent .icon.placeholder { background: none; } #main.choose-rewards .content .content { padding: 0 0 35px; } .choose-rewards select { float: left; padding: 1px 0 3px 6px; font-size: 13px; margin-right: 12px; margin-bottom: 20px; width: 80px; } .choose-rewards .dummy { display: none; } .choose-rewards .type-check label { font-weight: bold; display: block; } .choose-rewards .type-radio label { display: block; } .choose-rewards .type-radio label input { margin-right: 7px; } .choose-rewards .type-radio br { font-size: 1px; line-height: 1px; display: none; } .choose-rewards .backings ul li { list-style-type: disc; margin-left: 20px; } .choose-rewards .backings ul li ul li { list-style-type: circle; } .choose-rewards .backings ul.errors li { list-style-type: none; margin-left: 0 } .choose-rewards .backings .type-select .small { color: #666; display: block; overflow: hidden; } .choose-rewards .investment-amount { margin-top: 10px; background: url(/img/dotted_trans-bg.png) repeat-x; padding-top: 3px; } .choose-rewards .investment-amount h1, .choose-rewards .investment-amount span { display: inline-block; line-height: 21px; } .choose-rewards .shipping label { display: block; margin-botom: 4px; } .choose-rewards .shipping input { padding: 4px 6px; background: #f0f6f6;; } .choose-rewards .shipping .content div { width: 50%; float: left; } .choose-rewards .shipping .content div.cf { overflow: hidden; width: 100%; float: none; margin: 5px 0 10px; } .choose-rewards .shipping .content #line div:first-child { width: 30%; } .choose-rewards .shipping .content #line div { width: 70%; } .choose-rewards .shipping .content #line input { width: 71%; } .choose-rewards .shipping .content #line .errors { width: 65%; } .choose-rewards .shipping .content input { width: 80%; float:none; } .choose-rewards .shipping .content span.desc { display: block; overflow: hidden; } .choose-rewards .shipping #shipToCountryKey, .choose-rewards .shipping #contractCountryKey { width: 85%; } .choose-rewards .paymentProvider { display: block; width: 100%; margin-bottom: 10px; } .choose-rewards .paymentProvider label { display: block; } .choose-rewards .paymentProvider table { width: 100%; } .choose-rewards .paymentProvider table td.checkbox { vertical-align: middle; width: 30px; } .choose-rewards .paymentProvider table td.image { vertical-align: middle; width: 170px; } .choose-rewards .paymentProvider table td.text { vertical-align: top; } .choose-rewards .paymentProvider table td.text h5 { display: block; font-weight: normal; margin-bottom: 3px; } .choose-rewards .paymentProvider table td.text td.label { text-transform: uppercase; font-size: 9px; letter-spacing: 1px; font-weight: bold; color: #BBB; width: 100px; padding-right: 5px } .choose-rewards .paymentProvider table td.text td.description, .choose-rewards .termsAndPrivacy p { font-size: 10px; line-height: 16px; color: #888; } .choose-rewards .termsAndPrivacy .type-check input { float: left; margin-right: 8px; } .choose-rewards .termsAndPrivacy .type-check span.desc { display: block; overflow: hidden; } .choose-rewards .chooseSub { margin-top: 10px; clear: both; } .choose-rewards .provideExtraShippingDataSwitch { padding-left: 24px; line-height: 19px; background: url("/img/themes/bcrowd/add.png") left 1px no-repeat; } .choose-rewards .termsAndPrivacy .buttons { float: right; margin-left: 30px; } .choose-rewards .termsAndPrivacy .buttons button { margin: 0px !important; } #clean-layout .ssl-seal { float: right; margin: 5px 0 0 40px; } #header .choose-rewards div.buttons { float: none; margin-top: 20px; } #header .choose-rewards .project-tags .ssl-seal span.big-text { background: none; margin-right: 0; display: block; } .choose-rewards .project-data { min-height: 405px; } .choose-rewards .content h4 { margin: 50px 0 0 0; } /*============================================================ Create project ============================================================*/ .create-project .type-select, .create-project .type-text, .create-project .type-radio { margin-bottom: 20px; } .create-project .dummy { display: none; } .create-project label { display: block; margin-bottom: 5px; } .create-project .type-text input { width: 560px; padding: 3px 6px 5px; font-size: 13px; } .create-project .type-select select { width: 578px; font-size: 13px; padding: 3px 6px 5px; } .create-project .type-check { margin-bottom: 10px; clear: left; } .create-project .type-check input { width: auto; padding: 0; margin: 2px 7px 0px 0px; float: left; } .create-project .type-text textarea { width: 561px; padding: 3px 6px 5px; font-size: 13px; } .create-project .create-project-data .line-2-elements, .create-project .create-project-data .line-3-elements, .create-project .create-project-data .type-select, .create-project .create-project-data .type-text, .create-project .create-project-data .type-radio { width: 100%; } .create-project .create-project-data .type-select, .create-project .create-project-data .type-text, .create-project .create-project-data .type-radio { margin-bottom: 20px; } .create-project .create-project-data .line-2-elements .type-select, .create-project .create-project-data .line-2-elements .type-text, .create-project .create-project-data .line-2-elements .type-radio { float: left; margin-right: 7%; width: 46%; } .create-project .create-project-data .line-3-elements .type-select, .create-project .create-project-data .line-3-elements .type-text, .create-project .create-project-data .line-3-elements .type-radio { float: left; margin-right: 7%; width: 28%; } .create-project .create-project-data .line-2-elements div:last-child, .create-project .create-project-data .line-3-elements div:last-child { margin-right: 0; } .create-project .create-project-data input, .create-project .create-project-data select { width: 100%; padding: 3px 6px 5px; font-size: 13px; } .create-project .create-project-data input { width: 97%; height: 19px; }.create-project .create-project-data .type-check input { width: auto; } .create-project .create-project-data .line-2-elements input, .create-project .create-project-data .line-3-elements input { width: 96%; } .create-project .create-project-data .line-2-elements select { width: 103%; } .rewardForm { display: block; padding-bottom: 20px; margin-bottom:40px; border-bottom: thin dashed #B0B2B5; } .rewardForm .col { width: 140px !important; margin-right: 119px; } .rewardForm .col.first { width: 180px !important; margin-right: 79px; } .rewardForm .col.last { margin-right: 0px !important; } .rewardForm .col .type-text input { width: 122px !important; } .rewardForm .col .type-radio label { display: inline; margin: 0 0 0 15px; } .rewardForm .col .type-radio label.optional { display: block; margin: 0 0 10px 0; } .rewardForm .buttons { clear:both; } .create-project .rewardForm .col { margin-right: 59px; } /*============================================================ Overlay window ============================================================*/ .overlay { background: url("/img/overlay_bg.png") repeat; bottom: 0; display: none; left: 0; min-height: 100%; position: fixed; right: 0; text-align: center; top: 0; width: 100%; z-index: 100; } .overlay-panel { margin: 5% auto 0; width: 560px; padding: 12px; background: rgba(255,255,255,0.4); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .overlay-panel .inner { position: relative; display: block; padding: 10px; background: #FFF; } .overlay-panel .top-fixed { overflow: hidden; } .overlay-panel .top-fixed a.overlay-close { float: right; display: block; width: 75px; height: 22px; background: url("/img/overlay-close.png") repeat; } /*============================================================ Project administration ============================================================*/ .project-administration .dummy { display: none; } .project-administration .type-select, .project-administration .type-text, .project-administration .type-radio { margin-bottom: 20px; } .project-administration label { display: block; margin-bottom: 5px; } .project-administration .type-text input { width: 640px; padding: 3px 6px 5px; font-size: 13px; } .project-administration .type-select select { width: 660px; font-size: 13px; padding: 3px 6px 5px; } .project-administration .type-check { margin-bottom: 4px; } .project-administration .type-check input { margin-right: 10px; } .project-administration .type-text textarea { width: 640px; padding: 3px 6px 5px; font-size: 13px; } /*============================================================ Buttons ============================================================*/ div.buttons, div.type-button { overflow: hidden; padding: 1px 1px 5px; } div.type-button { margin-top: 8px; } button, .button { cursor: pointer; width: auto; overflow: visible; color: #42484A !important; font-weight: bold; border: none; background: #EDEFF1; background: -webkit-gradient(linear,left top,left bottom,from(#FFFFFF),to(#D0D7DC)); background: -moz-linear-gradient(top,#FFFFFF,#D0D7DC); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF",endColorstr="#D0D7DC"); -moz-box-shadow: 0 0 1px rgba(0,0,0,0.3), 0 1px 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.3), 0 1px 1px rgba(0,0,0,0.2); box-shadow: 0 0 1px rgba(0,0,0,0.3), 0 1px 1px rgba(0,0,0,0.2); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-shadow: 1px 1px 0 rgba(255,255,255,0.5); margin-left: 12px; padding: 8px 14px 9px; text-decoration: none; display: inline-block; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } button:hover, .button:hover { cursor: pointer; text-decoration: none; } .button.yellow { background: #D0F43E; background: -webkit-gradient(linear,left top,left bottom,from(#DFFF4C),to(#C0DF38)); background: -moz-linear-gradient(top,#DFFF4C,#C0DF38); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#DFFF4C",endColorstr="#C0DF38"); } .button.blue { color: #F0F2F4 !important; text-shadow: 1px 1px 0 rgba(0,0,0,0.5); background: #435FA6; background: -webkit-gradient(linear,left top,left bottom,from(#5F77B3),to(#39518D)); background: -moz-linear-gradient(top,#5F77B3,#39518D); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5F77B3",endColorstr="#39518D"); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3), inset 0 1px 1px rgba(255,255,255,0.3); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3), inset 0 1px 1px rgba(255,255,255,0.3); box-shadow: 0 1px 2px rgba(0,0,0,0.3), inset 0 1px 1px rgba(255,255,255,0.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .button.small { font-size: 11px; padding: 4px 10px 5px; -moz-box-shadow: 0 0 1px rgba(0,0,0,0.3), 0 1px 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.3), 0 1px 1px rgba(0,0,0,0.2); box-shadow: 0 0 1px rgba(0,0,0,0.3), 0 1px 1px rgba(0,0,0,0.2); } input.button.small { padding: 4px 7px 5px; } .button.large { font-size: 15px; line-height: 21px; padding: 9px 20px 10px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } input#submit { float: right; margin-bottom: 0; } button::-moz-focus-inner { border: 0; padding: 0; } /* fixing evil default Firefox padding */ @media screen and (-webkit-min-device-pixel-ratio:0) { button span { margin-top: -1px !important; } } /* fix margins in Safari and Google Chrome */ span.button { cursor: default !important; opacity: 0.65 !important; filter: alpha(opacity=65) !important; } #fbLoginBtn { -moz-box-orient: vertical; background-image: url("/img/fb-login-btn.png") !important; background-repeat: no-repeat; display: inline-block; height: 26px; overflow: hidden; vertical-align: middle; width: 195px; font-size: 14px; color: #FFFFFF !important; font-weight: bold; text-decoration: none; cursor: pointer; padding-left: 35px; padding-top: 4px; margin-top: 12px; } /*============================================================ Frontpage ============================================================*/ #main .content .we-are { display: block; width: 240px; height: 350px; float: left; border: 3px solid #eaeded; margin: 0 17px 0 0; background: #c9d672 url('/img/themes/bcrowd/frontpage-weare.jpg'); } #main .content table b, #main .content table strong { border-bottom: none; } #main .content em { font-style: italic; } #main .content .more-info { overflow: hidden; margin-top: 14px; } #main .content .more-info a.teaser { display: block; width: 460px; height: 135px; background: #DDE1C1 no-repeat; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; border: 3px solid #eaeded; } #main .content .more-info a.investor { float: left; background-image: url('/img/themes/bcrowd/frontpage-investor-large.jpg'); } #main .content .more-info a.startup { float: right; background-image: url('/img/themes/bcrowd/frontpage-startup-large.jpg'); } #main .content .more-info a:hover.teaser { color: #DE4D39; border: 3px solid #F8F8F9; } #main .content .more-info a.teaser span { display: block; height: 133px; padding: 0; background: rgba(247, 247, 248, 0); opacity: 0; filter: alpha(opacity = 0); border: 1px solid transparent; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } #main .content .more-info a.teaser span em { display: block; width: 70px; color: #FFF; font-style: normal; text-align: center; padding: 2px 10px 4px; margin: 52px auto; background: rgba(71, 93, 104, 0); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } #main .content .more-info a:hover.teaser span { opacity: 1; filter: alpha(opacity = 100); background: rgba(247, 247, 248, .25); } #main .content .more-info a:hover.teaser span em { background: rgba(71, 93, 104, .85); } #main .content .tableOfContents li { padding-bottom: 5px; } #main .content .lightGrey { background-color: #F8F8F9; } .recent-blog-entry h1, .recent-blog-entry h1 a { color: #3b4b50 !important; font-size: 14px !important; line-height: 22px !important; } .recent-blog-entry h1 a { display: inline; border-bottom: 1px dotted #B2B2B6; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .recent-blog-entry h1 a:hover { color: #da3a23 !important; border-bottom: 1px dotted #da3a23; } .recent-blog-entry h1 { margin: 0 0 5px; } .recent-blog-entry a.teaser { height: auto; padding: 0; width: auto; margin: 0 12px 2px 0; border: none; } .recent-blog-entry a.teaser img { -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; border: 3px solid #e3e7e7; } .recent-blog-entry a:hover.teaser img { border: 3px solid #fff; opacity:0.75; filter:alpha(opacity=75); } .recent-blog-entry p { overflow: hidden; } .recent-blog-entry p a { float: right; color: #3b4b50; border-bottom: 1px dotted #B2B2B6; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; margin-top: 7px; } .recent-blog-entry p a:hover { color: #da3a23 !important; border-bottom: 1px dotted #da3a23; } #fancybox-content { overflow-y: auto !important; } .previewBoxLarge { margin: 3px 3px 0 0; } .previewBoxLarge .overview { width: 438px; height: 350px; } .previewBoxLarge .overview .image { position: relative; width: 438px; height: 311px; } .previewBoxLarge .overview .image .ribbon { position: absolute; top: 0; left: 0; display: block; width: 108px; height: 108px; background: url('/img/themes/bcrowd/ribbon-invest-now.png'); } .previewBoxLarge .overview .image .upcoming { background: url('/img/themes/bcrowd/ribbon-upcoming.png'); } .previewBoxLarge a.mouseOver { width: 678px; height: 350px; } .previewBoxLarge a.mouseOver span { width: 438px; height: 350px; } .previewBoxLarge a.mouseOver span em { display: block; width: 438px; height: 350px; } .previewBoxLarge .article p.info { margin: 154px 0 0; } /*============================================================ Search Form ============================================================*/ .search-box { position: relative; width: 100%; margin: 0; } .search-form { height: 34px; border: 1px solid #aaa; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #fff; -webkit-box-shadow: inset 0 0 3px #bbb; -moz-box-shadow: inset 0 0 3px #bbb; box-shadow: inset 0 0 3px #bbb; overflow: hidden; } .search-form .search-text { font-size: 13px; color: #96999D; border-width: 0; background: transparent; width: 90%; padding: 8px 0 9px 1em; outline: none; } .search-form .search-button { position: absolute; top: 1px; right: 1px; height: 34px; width: 40px; font-size: 14px; color: #fff; text-align: center; line-height: 34px; border-width: 0; border-left: 1px dotted #D1CDCD; background: url("/img/icons/search-button-icon.png") no-repeat scroll 1px 1px transparent; cursor: pointer; -moz-box-shadow: none; -webkit-box-shadow: none; filter:none; box-shadow: none; } .search-form .search-button:hover { background-position: 1px -36px; } #topMenu .search-form .search-button:hover { background-position: -1px -1px; } #topMenu .search-form .search-button { background-position: -1px -38px; } #topMenu .search-form .search-text { padding: 7px 0 6px 1em; } #topMenu .search-form { height: 30px; background: #F3F5F6; background: -webkit-gradient(linear,left top,left bottom,from(#E8EBEE),to(#FFFFFF)); background: -moz-linear-gradient(top,#E8EBEE,#FFFFFF); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#E8EBEE",endColorstr="#FFFFFF"); border: 1px solid #D1CDCD; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #fff; -moz-box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.46) inset; -webkit-box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.46) inset; box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.46) inset; } #topMenu .search-form .search-button { height: 30px; width: 34px; line-height: 30px; } /* bx-slider li elements in project description */ .htmltags .slider-border { background-color: #f3f3f3; padding: 1px; margin-bottom: 10px; } .htmltags ul.bxslider { list-style: none; } .htmltags .bxslider li { margin: 0px; } .htmltags .bxslider li img { margin: 0 auto; display: block; } .htmltags .slider-border.thumbnail-pager .bx-wrapper { margin-bottom: 60px; } .htmltags .slider-border.thumbnail-pager .bx-wrapper .bx-pager { bottom: -56px; } .htmltags .slider-border.thumbnail-pager .bx-wrapper .bx-pager a { border: solid #ccc 1px; display: block; margin: 0 5px; padding: 1px; line-height: 0px; } .htmltags .slider-border.thumbnail-pager .bx-wrapper .bx-pager a:hover, .htmltags .slider-border.thumbnail-pager .bx-wrapper .bx-pager a.active { border: solid #5E5D64 1px; }