diff --git a/.gitignore b/.gitignore index 209fb83c..38be2f62 100644 --- a/.gitignore +++ b/.gitignore @@ -8,3 +8,4 @@ public/system bin/ install/ config/app_config.yml +public/stylesheets/**/*.css diff --git a/Gemfile b/Gemfile index 6121e317..9fff120d 100644 --- a/Gemfile +++ b/Gemfile @@ -21,6 +21,7 @@ gem 'memcache-client' gem 'spreadsheet' gem 'roadie' gem 'ruby-oembed' +gem 'sass' group :development do gem 'git-up' diff --git a/Gemfile.lock b/Gemfile.lock index 555c7c33..ca064ac5 100644 --- a/Gemfile.lock +++ b/Gemfile.lock @@ -180,6 +180,7 @@ GEM rubyzip (0.9.4) sanitize (2.0.2) nokogiri (~> 1.4.4) + sass (3.2.8) selenium-webdriver (0.2.1) childprocess (>= 0.1.7) ffi (>= 1.0.7) @@ -241,6 +242,7 @@ DEPENDENCIES ruby-debug ruby-oembed sanitize + sass spatial_adapter spreadsheet steak! diff --git a/public/stylesheets/backoffice/chosen.css b/public/stylesheets/backoffice/chosen.css deleted file mode 100644 index 5eba53d6..00000000 --- a/public/stylesheets/backoffice/chosen.css +++ /dev/null @@ -1,398 +0,0 @@ -/* @group Base */ -.chzn-container { - font-size: 13px; - position: relative; - display: inline-block; - zoom: 1; - *display: inline; - vertical-align: top; -} - -.chzn-container .chzn-single span { - margin: 0 !important; -} - -.chzn-container .chzn-drop { - background: #fff; - border: 1px solid #aaa; - border-top: 0; - position: absolute; - top: 29px; - left: 0; - -webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15); - -moz-box-shadow : 0 4px 5px rgba(0,0,0,.15); - -o-box-shadow : 0 4px 5px rgba(0,0,0,.15); - box-shadow : 0 4px 5px rgba(0,0,0,.15); - z-index: 999; -} -/* @end */ - -/* @group Single Chosen */ -.chzn-container-single .chzn-single { - background-color: #ffffff; - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 ); - background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4)); - background-image: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); - background-image: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); - background-image: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); - background-image: -ms-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); - background-image: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); - -webkit-border-radius: 5px; - -moz-border-radius : 5px; - border-radius : 5px; - -moz-background-clip : padding; - -webkit-background-clip: padding-box; - background-clip : padding-box; - border: 1px solid #aaaaaa; - -webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1); - -moz-box-shadow : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1); - box-shadow : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1); - display: block; - overflow: hidden; - white-space: nowrap; - position: relative; - height: 30px; - line-height: 30px; - padding: 0 0 0 8px; - color: #444444; - text-decoration: none; - font-size:15px; -} -.chzn-container-single .chzn-single span { - margin-right: 26px; - display: block; - overflow: hidden; - white-space: nowrap; - -o-text-overflow: ellipsis; - -ms-text-overflow: ellipsis; - text-overflow: ellipsis; -} -.chzn-container-single .chzn-single abbr { - display: block; - position: absolute; - right: 34px; - top: 10px; - width: 12px; - height: 13px; - font-size: 1px; - background: url(../../images/backoffice/chosen-sprite.png) right top no-repeat; - z-index: 1; -} -.chzn-container-single .chzn-single abbr:hover { - background-position: right -11px; -} -.chzn-container-single .chzn-single div { - position: absolute; - right: 0; - top: 3px; - display: block; - height: 100%; - width: 38px; -} -.chzn-container-single .chzn-single div b { - background: url(../../images/backoffice/chosen-sprite.png) no-repeat 8px -48px; - display: block; - width: 100%; - height: 100%; -} -.chzn-container-single .chzn-search { - padding: 3px 4px; - position: relative; - margin: 0; - white-space: nowrap; - z-index: 1010; -} -.chzn-container-single .chzn-drop .chzn-search input { - background: #fff url(../../images/backoffice/chosen-sprite.png) no-repeat 100% -22px; - background: url(../../images/backoffice/chosen-sprite.png) no-repeat 100% -22px, -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); - background: url(../../images/backoffice/chosen-sprite.png) no-repeat 100% -22px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%); - background: url(../../images/backoffice/chosen-sprite.png) no-repeat 100% -22px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%); - background: url(../../images/backoffice/chosen-sprite.png) no-repeat 100% -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%); - background: url(../../images/backoffice/chosen-sprite.png) no-repeat 100% -22px, -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%); - background: url(../../images/backoffice/chosen-sprite.png) no-repeat 100% -22px, linear-gradient(top, #eeeeee 1%, #ffffff 15%); - margin: 1px 0; - padding: 4px 20px 4px 5px; - outline: 0; - border: 1px solid #aaa; - font-family: sans-serif; - font-size: 1em; -} -.chzn-container-single .chzn-drop { - -webkit-border-radius: 0 0 4px 4px; - -moz-border-radius : 0 0 4px 4px; - border-radius : 0 0 4px 4px; - -moz-background-clip : padding; - -webkit-background-clip: padding-box; - background-clip : padding-box; -} -/* @end */ - -.chzn-container-single-nosearch .chzn-search input { - position: absolute; - left: -9000px; -} - -/* @group Multi Chosen */ -.chzn-container-multi .chzn-choices { - background-color: #fff; - background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); - background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%); - background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%); - background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%); - background-image: -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%); - background-image: linear-gradient(top, #eeeeee 1%, #ffffff 15%); - border: 1px solid #aaa; - margin: 0; - padding: 0; - cursor: text; - overflow: hidden; - height: auto !important; - height: 1%; - position: relative; -} -.chzn-container-multi .chzn-choices li { - float: left; - list-style: none; -} - -.chzn-container-multi .chzn-choices .search-field { - white-space: nowrap; - margin: 0; - padding: 0; -} -.chzn-container-multi .chzn-choices .search-field input { - color: #666; - background: transparent !important; - border: 0 !important; - font-family: sans-serif; - font-size: 100%; - height: 15px; - padding: 5px; - margin: 1px 0; - outline: 0; - -webkit-box-shadow: none; - -moz-box-shadow : none; - -o-box-shadow : none; - box-shadow : none; -} -.chzn-container-multi .chzn-choices .search-field .default { - color: #999; -} -.chzn-container-multi .chzn-choices .search-choice { - -webkit-border-radius: 3px; - -moz-border-radius : 3px; - border-radius : 3px; - -moz-background-clip : padding; - -webkit-background-clip: padding-box; - background-clip : padding-box; - background-color: #e4e4e4; - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 ); - background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); - background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); - background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); - background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); - background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); - background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); - -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05); - -moz-box-shadow : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05); - box-shadow : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05); - color: #333; - border: 1px solid #aaaaaa; - line-height: 13px; - padding: 3px 20px 3px 5px; - margin: 3px 0 3px 5px; - position: relative; - cursor: default; -} -.chzn-container-multi .chzn-choices .search-choice-focus { - background: #d4d4d4; -} -.chzn-container-multi .chzn-choices .search-choice .search-choice-close { - display: block; - position: absolute; - right: 3px; - top: 4px; - width: 12px; - height: 13px; - font-size: 1px; - background: url(../../images/backoffice/chosen-sprite.png) right top no-repeat; -} -.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover { - background-position: right -11px; -} -.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close { - background-position: right -11px; -} -/* @end */ - -/* @group Results */ -.chzn-container .chzn-results { - margin: 0 4px 4px 0; - max-height: 150px; - padding: 0 0 0 4px; - position: relative; - overflow-x: hidden; - overflow-y: auto; -} -.chzn-container-multi .chzn-results { - margin: -1px 0 0; - padding: 0; -} -.chzn-container .chzn-results li { - display: none; - line-height: 15px; - padding: 5px 6px; - margin: 0; - list-style: none; -} -.chzn-container .chzn-results .active-result { - cursor: pointer; - display: list-item; -} -.chzn-container .chzn-results .highlighted { - background-color: #3875d7; - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3875d7', endColorstr='#2a62bc', GradientType=0 ); - background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc)); - background-image: -webkit-linear-gradient(top, #3875d7 20%, #2a62bc 90%); - background-image: -moz-linear-gradient(top, #3875d7 20%, #2a62bc 90%); - background-image: -o-linear-gradient(top, #3875d7 20%, #2a62bc 90%); - background-image: -ms-linear-gradient(top, #3875d7 20%, #2a62bc 90%); - background-image: linear-gradient(top, #3875d7 20%, #2a62bc 90%); - color:#fff!important; -} -.chzn-container .chzn-results li em { - background: #feffde; - font-style: normal; -} -.chzn-container .chzn-results .highlighted em { - background: transparent; -} -.chzn-container .chzn-results .no-results { - background: #f4f4f4; - display: list-item; -} -.chzn-container .chzn-results .group-result { - cursor: default; - color: #999; -} -.chzn-container .chzn-results .group-option { - padding-left: 15px; -} -.chzn-container-multi .chzn-drop .result-selected { - display: none; -} -.chzn-container .chzn-results-scroll { - background: white; - margin: 0 4px; - position: absolute; - text-align: center; - width: 321px; /* This should by dynamic with js */ - z-index: 1; -} -.chzn-container .chzn-results-scroll span { - display: inline-block; - height: 17px; - text-indent: -5000px; - width: 9px; -} -.chzn-container .chzn-results-scroll-down { - bottom: 0; -} -.chzn-container .chzn-results-scroll-down span { - background: url(../../images/backoffice/chosen-sprite.png) no-repeat -4px -3px; -} -.chzn-container .chzn-results-scroll-up span { - background: url(../../images/backoffice/chosen-sprite.png) no-repeat -22px -3px; -} -/* @end */ - -/* @group Active */ -.chzn-container-active .chzn-single { - -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3); - -moz-box-shadow : 0 0 5px rgba(0,0,0,.3); - -o-box-shadow : 0 0 5px rgba(0,0,0,.3); - box-shadow : 0 0 5px rgba(0,0,0,.3); - border: 1px solid #5897fb; -} -.chzn-container-active .chzn-single-with-drop { - border: 1px solid #aaa; - -webkit-box-shadow: 0 1px 0 #fff inset; - -moz-box-shadow : 0 1px 0 #fff inset; - -o-box-shadow : 0 1px 0 #fff inset; - box-shadow : 0 1px 0 #fff inset; - background-color: #eee; - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0 ); - background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff)); - background-image: -webkit-linear-gradient(top, #eeeeee 20%, #ffffff 80%); - background-image: -moz-linear-gradient(top, #eeeeee 20%, #ffffff 80%); - background-image: -o-linear-gradient(top, #eeeeee 20%, #ffffff 80%); - background-image: -ms-linear-gradient(top, #eeeeee 20%, #ffffff 80%); - background-image: linear-gradient(top, #eeeeee 20%, #ffffff 80%); - -webkit-border-bottom-left-radius : 0; - -webkit-border-bottom-right-radius: 0; - -moz-border-radius-bottomleft : 0; - -moz-border-radius-bottomright: 0; - border-bottom-left-radius : 0; - border-bottom-right-radius: 0; -} - -.chzn-container-active .chzn-single-with-drop div { - background: transparent; - border-left: none; -} -.chzn-container-active .chzn-single-with-drop div b { - background-position: 8px -80px; -} -.chzn-container-active .chzn-choices { - -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3); - -moz-box-shadow : 0 0 5px rgba(0,0,0,.3); - -o-box-shadow : 0 0 5px rgba(0,0,0,.3); - box-shadow : 0 0 5px rgba(0,0,0,.3); - border: 1px solid #5897fb; -} -.chzn-container-active .chzn-choices .search-field input { - color: #111 !important; -} -/* @end */ - -/* @group Disabled Support */ -.chzn-disabled { - cursor: default; - opacity:0.5 !important; -} -.chzn-disabled .chzn-single { - cursor: default; -} -.chzn-disabled .chzn-choices .search-choice .search-choice-close { - cursor: default; -} - -/* @group Right to Left */ -.chzn-rtl { text-align: right; } -.chzn-rtl .chzn-single { padding: 0 8px 0 0; overflow: visible; } -.chzn-rtl .chzn-single span { margin-left: 26px; margin-right: 0; direction: rtl; } - -.chzn-rtl .chzn-single div { left: 3px; right: auto; } -.chzn-rtl .chzn-single abbr { - left: 26px; - right: auto; -} -.chzn-rtl .chzn-choices .search-field input { direction: rtl; } -.chzn-rtl .chzn-choices li { float: right; } -.chzn-rtl .chzn-choices .search-choice { padding: 3px 5px 3px 19px; margin: 3px 5px 3px 0; } -.chzn-rtl .chzn-choices .search-choice .search-choice-close { left: 4px; right: auto; background-position: right top;} -.chzn-rtl.chzn-container-single .chzn-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; } -.chzn-rtl .chzn-results .group-option { padding-left: 0; padding-right: 15px; } -.chzn-rtl.chzn-container-active .chzn-single-with-drop div { border-right: none; } -.chzn-rtl .chzn-search input { - background: #fff url(../../images/backoffice/chosen-sprite.png) no-repeat -38px -22px; - background: url(../../images/backoffice/chosen-sprite.png) no-repeat -38px -22px, -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); - background: url(../../images/backoffice/chosen-sprite.png) no-repeat -38px -22px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%); - background: url(../../images/backoffice/chosen-sprite.png) no-repeat -38px -22px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%); - background: url(../../images/backoffice/chosen-sprite.png) no-repeat -38px -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%); - background: url(../../images/backoffice/chosen-sprite.png) no-repeat -38px -22px, -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%); - background: url(../../images/backoffice/chosen-sprite.png) no-repeat -38px -22px, linear-gradient(top, #eeeeee 1%, #ffffff 15%); - padding: 4px 5px 4px 20px; - direction: rtl; -} -/* @end */ diff --git a/public/stylesheets/backoffice/htmlArea.css b/public/stylesheets/backoffice/htmlArea.css deleted file mode 100644 index 1d3b0de9..00000000 --- a/public/stylesheets/backoffice/htmlArea.css +++ /dev/null @@ -1,20 +0,0 @@ -@font-face { - font-family: 'PT Sans Bold'; - src: url('/fonts/bold-webfont.eot'); - src: local('☺'), url('/fonts/bold-webfont.woff') format('woff'), url('/fonts/bold-webfont.ttf') format('truetype'), url('/fonts/bold-webfont.svg#webfontsAYHMuxi') format('svg'); - font-weight: normal; - font-style: normal; -} - -body {font:normal 13px Arial; color:#666666;} -h1 {font:normal 18px "PT Sans Bold",Arial; color:#666666; margin:10px 0 0 0;} -h2 {font:normal 16px "PT Sans Bold",Arial; color:#666666; margin:10px 0 0 0;} -h3 {font:normal 13px "PT Sans Bold",Arial; color:#666666; margin:10px 0 0 0; text-transform:uppercase;} -h4 {font:normal 12px "PT Sans Bold",Arial; color:#666666; margin:10px 0 0 0;} -h5 {font:normal 12px "PT Sans Bold",Arial; color:#666666; margin:10px 0 0 0;} -h6 {font:normal 10px "PT Sans Bold",Arial; color:#666666; margin:10px 0 0 0;} -p {font:normal 13px Arial; color:#666666; margin:10px 0 0 0;} -p a {color:#D05F4C; text-decoration:none;} -p a:hover {text-decoration:underline; cursor:pointer;} -ul {width:100%; margin:10px 0 0 0; padding:0 0 6px; list-style:none;} -ul li {padding:3px 0 3px 13px; background:url('/images/sites/icons/list_disc.png') no-repeat 0 10px; font:normal 13px Arial; color:#666666;} \ No newline at end of file diff --git a/public/stylesheets/backoffice/jquery-ui-1.7.2.custom.css b/public/stylesheets/backoffice/jquery-ui-1.7.2.custom.css deleted file mode 100755 index 9d7aa08b..00000000 --- a/public/stylesheets/backoffice/jquery-ui-1.7.2.custom.css +++ /dev/null @@ -1,406 +0,0 @@ -/* -* jQuery UI CSS Framework -* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) -* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. -*/ - -/* Layout helpers -----------------------------------*/ -.ui-helper-hidden { display: none; } -.ui-helper-hidden-accessible { position: absolute; left: -99999999px; } -.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } -.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } -.ui-helper-clearfix { display: inline-block; } -/* required comment for clearfix to work in Opera \*/ -* html .ui-helper-clearfix { height:1%; } -.ui-helper-clearfix { display:block; } -/* end clearfix */ -.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } - - -/* Interaction Cues -----------------------------------*/ -.ui-state-disabled { cursor: default !important; } - - -/* Icons -----------------------------------*/ - -/* states and images */ -.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } - - -/* Misc visuals -----------------------------------*/ - -/* Overlays */ -.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } - - - -/* -* jQuery UI CSS Framework -* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) -* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. -* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px -*/ - - -/* Component containers -----------------------------------*/ -.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; } -.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; } -.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; } -.ui-widget-content a { color: #333333; } -.ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; } -.ui-widget-header a { color: #ffffff; } - -/* Interaction states -----------------------------------*/ -.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; outline: none; } -.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; } -.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; outline: none; } -.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; } -.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; outline: none; } -.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; } - -/* Interaction Cues -----------------------------------*/ -.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fed22f; background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; } -.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; } -.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; } -.ui-state-error a, .ui-widget-content .ui-state-error a { color: #ffffff; } -.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #ffffff; } -.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } -.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; } -.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } - -/* Icons -----------------------------------*/ - -/* states and images */ -.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); } -.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); } -.ui-widget-header .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); } -.ui-state-default .ui-icon { background-image: url(images/ui-icons_ef8c08_256x240.png); } -.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); } -.ui-state-active .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); } -.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_228ef1_256x240.png); } -.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_ffd27a_256x240.png); } - -/* positioning */ -.ui-icon-carat-1-n { background-position: 0 0; } -.ui-icon-carat-1-ne { background-position: -16px 0; } -.ui-icon-carat-1-e { background-position: -32px 0; } -.ui-icon-carat-1-se { background-position: -48px 0; } -.ui-icon-carat-1-s { background-position: -64px 0; } -.ui-icon-carat-1-sw { background-position: -80px 0; } -.ui-icon-carat-1-w { background-position: -96px 0; } -.ui-icon-carat-1-nw { background-position: -112px 0; } -.ui-icon-carat-2-n-s { background-position: -128px 0; } -.ui-icon-carat-2-e-w { background-position: -144px 0; } -.ui-icon-triangle-1-n { background-position: 0 -16px; } -.ui-icon-triangle-1-ne { background-position: -16px -16px; } -.ui-icon-triangle-1-e { background-position: -32px -16px; } -.ui-icon-triangle-1-se { background-position: -48px -16px; } -.ui-icon-triangle-1-s { background-position: -64px -16px; } -.ui-icon-triangle-1-sw { background-position: -80px -16px; } -.ui-icon-triangle-1-w { background-position: -96px -16px; } -.ui-icon-triangle-1-nw { background-position: -112px -16px; } -.ui-icon-triangle-2-n-s { background-position: -128px -16px; } -.ui-icon-triangle-2-e-w { background-position: -144px -16px; } -.ui-icon-arrow-1-n { background-position: 0 -32px; } -.ui-icon-arrow-1-ne { background-position: -16px -32px; } -.ui-icon-arrow-1-e { background-position: -32px -32px; } -.ui-icon-arrow-1-se { background-position: -48px -32px; } -.ui-icon-arrow-1-s { background-position: -64px -32px; } -.ui-icon-arrow-1-sw { background-position: -80px -32px; } -.ui-icon-arrow-1-w { background-position: -96px -32px; } -.ui-icon-arrow-1-nw { background-position: -112px -32px; } -.ui-icon-arrow-2-n-s { background-position: -128px -32px; } -.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } -.ui-icon-arrow-2-e-w { background-position: -160px -32px; } -.ui-icon-arrow-2-se-nw { background-position: -176px -32px; } -.ui-icon-arrowstop-1-n { background-position: -192px -32px; } -.ui-icon-arrowstop-1-e { background-position: -208px -32px; } -.ui-icon-arrowstop-1-s { background-position: -224px -32px; } -.ui-icon-arrowstop-1-w { background-position: -240px -32px; } -.ui-icon-arrowthick-1-n { background-position: 0 -48px; } -.ui-icon-arrowthick-1-ne { background-position: -16px -48px; } -.ui-icon-arrowthick-1-e { background-position: -32px -48px; } -.ui-icon-arrowthick-1-se { background-position: -48px -48px; } -.ui-icon-arrowthick-1-s { background-position: -64px -48px; } -.ui-icon-arrowthick-1-sw { background-position: -80px -48px; } -.ui-icon-arrowthick-1-w { background-position: -96px -48px; } -.ui-icon-arrowthick-1-nw { background-position: -112px -48px; } -.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } -.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } -.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } -.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } -.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } -.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } -.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } -.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } -.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } -.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } -.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } -.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } -.ui-icon-arrowreturn-1-w { background-position: -64px -64px; } -.ui-icon-arrowreturn-1-n { background-position: -80px -64px; } -.ui-icon-arrowreturn-1-e { background-position: -96px -64px; } -.ui-icon-arrowreturn-1-s { background-position: -112px -64px; } -.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } -.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } -.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } -.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } -.ui-icon-arrow-4 { background-position: 0 -80px; } -.ui-icon-arrow-4-diag { background-position: -16px -80px; } -.ui-icon-extlink { background-position: -32px -80px; } -.ui-icon-newwin { background-position: -48px -80px; } -.ui-icon-refresh { background-position: -64px -80px; } -.ui-icon-shuffle { background-position: -80px -80px; } -.ui-icon-transfer-e-w { background-position: -96px -80px; } -.ui-icon-transferthick-e-w { background-position: -112px -80px; } -.ui-icon-folder-collapsed { background-position: 0 -96px; } -.ui-icon-folder-open { background-position: -16px -96px; } -.ui-icon-document { background-position: -32px -96px; } -.ui-icon-document-b { background-position: -48px -96px; } -.ui-icon-note { background-position: -64px -96px; } -.ui-icon-mail-closed { background-position: -80px -96px; } -.ui-icon-mail-open { background-position: -96px -96px; } -.ui-icon-suitcase { background-position: -112px -96px; } -.ui-icon-comment { background-position: -128px -96px; } -.ui-icon-person { background-position: -144px -96px; } -.ui-icon-print { background-position: -160px -96px; } -.ui-icon-trash { background-position: -176px -96px; } -.ui-icon-locked { background-position: -192px -96px; } -.ui-icon-unlocked { background-position: -208px -96px; } -.ui-icon-bookmark { background-position: -224px -96px; } -.ui-icon-tag { background-position: -240px -96px; } -.ui-icon-home { background-position: 0 -112px; } -.ui-icon-flag { background-position: -16px -112px; } -.ui-icon-calendar { background-position: -32px -112px; } -.ui-icon-cart { background-position: -48px -112px; } -.ui-icon-pencil { background-position: -64px -112px; } -.ui-icon-clock { background-position: -80px -112px; } -.ui-icon-disk { background-position: -96px -112px; } -.ui-icon-calculator { background-position: -112px -112px; } -.ui-icon-zoomin { background-position: -128px -112px; } -.ui-icon-zoomout { background-position: -144px -112px; } -.ui-icon-search { background-position: -160px -112px; } -.ui-icon-wrench { background-position: -176px -112px; } -.ui-icon-gear { background-position: -192px -112px; } -.ui-icon-heart { background-position: -208px -112px; } -.ui-icon-star { background-position: -224px -112px; } -.ui-icon-link { background-position: -240px -112px; } -.ui-icon-cancel { background-position: 0 -128px; } -.ui-icon-plus { background-position: -16px -128px; } -.ui-icon-plusthick { background-position: -32px -128px; } -.ui-icon-minus { background-position: -48px -128px; } -.ui-icon-minusthick { background-position: -64px -128px; } -.ui-icon-close { background-position: -80px -128px; } -.ui-icon-closethick { background-position: -96px -128px; } -.ui-icon-key { background-position: -112px -128px; } -.ui-icon-lightbulb { background-position: -128px -128px; } -.ui-icon-scissors { background-position: -144px -128px; } -.ui-icon-clipboard { background-position: -160px -128px; } -.ui-icon-copy { background-position: -176px -128px; } -.ui-icon-contact { background-position: -192px -128px; } -.ui-icon-image { background-position: -208px -128px; } -.ui-icon-video { background-position: -224px -128px; } -.ui-icon-script { background-position: -240px -128px; } -.ui-icon-alert { background-position: 0 -144px; } -.ui-icon-info { background-position: -16px -144px; } -.ui-icon-notice { background-position: -32px -144px; } -.ui-icon-help { background-position: -48px -144px; } -.ui-icon-check { background-position: -64px -144px; } -.ui-icon-bullet { background-position: -80px -144px; } -.ui-icon-radio-off { background-position: -96px -144px; } -.ui-icon-radio-on { background-position: -112px -144px; } -.ui-icon-pin-w { background-position: -128px -144px; } -.ui-icon-pin-s { background-position: -144px -144px; } -.ui-icon-play { background-position: 0 -160px; } -.ui-icon-pause { background-position: -16px -160px; } -.ui-icon-seek-next { background-position: -32px -160px; } -.ui-icon-seek-prev { background-position: -48px -160px; } -.ui-icon-seek-end { background-position: -64px -160px; } -.ui-icon-seek-first { background-position: -80px -160px; } -.ui-icon-stop { background-position: -96px -160px; } -.ui-icon-eject { background-position: -112px -160px; } -.ui-icon-volume-off { background-position: -128px -160px; } -.ui-icon-volume-on { background-position: -144px -160px; } -.ui-icon-power { background-position: 0 -176px; } -.ui-icon-signal-diag { background-position: -16px -176px; } -.ui-icon-signal { background-position: -32px -176px; } -.ui-icon-battery-0 { background-position: -48px -176px; } -.ui-icon-battery-1 { background-position: -64px -176px; } -.ui-icon-battery-2 { background-position: -80px -176px; } -.ui-icon-battery-3 { background-position: -96px -176px; } -.ui-icon-circle-plus { background-position: 0 -192px; } -.ui-icon-circle-minus { background-position: -16px -192px; } -.ui-icon-circle-close { background-position: -32px -192px; } -.ui-icon-circle-triangle-e { background-position: -48px -192px; } -.ui-icon-circle-triangle-s { background-position: -64px -192px; } -.ui-icon-circle-triangle-w { background-position: -80px -192px; } -.ui-icon-circle-triangle-n { background-position: -96px -192px; } -.ui-icon-circle-arrow-e { background-position: -112px -192px; } -.ui-icon-circle-arrow-s { background-position: -128px -192px; } -.ui-icon-circle-arrow-w { background-position: -144px -192px; } -.ui-icon-circle-arrow-n { background-position: -160px -192px; } -.ui-icon-circle-zoomin { background-position: -176px -192px; } -.ui-icon-circle-zoomout { background-position: -192px -192px; } -.ui-icon-circle-check { background-position: -208px -192px; } -.ui-icon-circlesmall-plus { background-position: 0 -208px; } -.ui-icon-circlesmall-minus { background-position: -16px -208px; } -.ui-icon-circlesmall-close { background-position: -32px -208px; } -.ui-icon-squaresmall-plus { background-position: -48px -208px; } -.ui-icon-squaresmall-minus { background-position: -64px -208px; } -.ui-icon-squaresmall-close { background-position: -80px -208px; } -.ui-icon-grip-dotted-vertical { background-position: 0 -224px; } -.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } -.ui-icon-grip-solid-vertical { background-position: -32px -224px; } -.ui-icon-grip-solid-horizontal { background-position: -48px -224px; } -.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } -.ui-icon-grip-diagonal-se { background-position: -80px -224px; } - - -/* Misc visuals -----------------------------------*/ - -/* Corner radius */ -.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; } -.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; } -.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; } -.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } -.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; } -.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } -.ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } -.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; } -.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; } - -/* Overlays */ -.ui-widget-overlay { background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); } -.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; }/* Accordion -----------------------------------*/ -.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } -.ui-accordion .ui-accordion-li-fix { display: inline; } -.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } -.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; } -.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } -.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; } -.ui-accordion .ui-accordion-content-active { display: block; }/* Datepicker -----------------------------------*/ -.ui-datepicker { width: 17em; padding: .2em .2em 0; } -.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } -.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } -.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } -.ui-datepicker .ui-datepicker-prev { left:2px; } -.ui-datepicker .ui-datepicker-next { right:2px; } -.ui-datepicker .ui-datepicker-prev-hover { left:1px; } -.ui-datepicker .ui-datepicker-next-hover { right:1px; } -.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } -.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } -.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; } -.ui-datepicker select.ui-datepicker-month-year {width: 100%;} -.ui-datepicker select.ui-datepicker-month, -.ui-datepicker select.ui-datepicker-year { width: 49%;} -.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; } -.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } -.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } -.ui-datepicker td { border: 0; padding: 1px; } -.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } -.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } -.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } -.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } - -/* with multiple calendars */ -.ui-datepicker.ui-datepicker-multi { width:auto; } -.ui-datepicker-multi .ui-datepicker-group { float:left; } -.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } -.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } -.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } -.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } -.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } -.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } -.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } -.ui-datepicker-row-break { clear:both; width:100%; } - -/* RTL support */ -.ui-datepicker-rtl { direction: rtl; } -.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } -.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } -.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } -.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } -.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } -.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } -.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } -.ui-datepicker-rtl .ui-datepicker-group { float:right; } -.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } -.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } - -/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ -.ui-datepicker-cover { - display: none; /*sorry for IE5*/ - display/**/: block; /*sorry for IE5*/ - position: absolute; /*must have*/ - z-index: -1; /*must have*/ - filter: mask(); /*must have*/ - top: -4px; /*must have*/ - left: -4px; /*must have*/ - width: 200px; /*must have*/ - height: 200px; /*must have*/ -}/* Dialog -----------------------------------*/ -.ui-dialog { position: relative; padding: .2em; width: 300px; } -.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative; } -.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } -.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } -.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } -.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } -.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } -.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } -.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; } -.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } -.ui-draggable .ui-dialog-titlebar { cursor: move; } -/* Progressbar -----------------------------------*/ -.ui-progressbar { height:2em; text-align: left; } -.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable -----------------------------------*/ -.ui-resizable { position: relative;} -.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;} -.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } -.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; } -.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; } -.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; } -.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; } -.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } -.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } -.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } -.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Slider -----------------------------------*/ -.ui-slider { position: relative; text-align: left; } -.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } -.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; } - -.ui-slider-horizontal { height: .8em; } -.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } -.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } -.ui-slider-horizontal .ui-slider-range-min { left: 0; } -.ui-slider-horizontal .ui-slider-range-max { right: 0; } - -.ui-slider-vertical { width: .8em; height: 100px; } -.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } -.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } -.ui-slider-vertical .ui-slider-range-min { bottom: 0; } -.ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs -----------------------------------*/ -.ui-tabs { padding: .2em; zoom: 1; } -.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; } -.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; } -.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; } -.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; } -.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } -.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ -.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; } -.ui-tabs .ui-tabs-hide { display: none !important; } diff --git a/public/stylesheets/backoffice/jscroll.css b/public/stylesheets/backoffice/jscroll.css deleted file mode 100755 index 9b5335a0..00000000 --- a/public/stylesheets/backoffice/jscroll.css +++ /dev/null @@ -1,124 +0,0 @@ -/* - * CSS Styles that are needed by jScrollPane for it to operate correctly. - * - * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane - * may not operate correctly without them. - */ - -.jspContainer -{ - overflow: hidden; - position: relative; -} - -.jspPane -{ - position: absolute; -} - -.jspVerticalBar -{ - position: absolute; - top: 0px; - right: 23px; - width: 11px; - height: 100%; -} - -.jspHorizontalBar -{ - position: absolute; - bottom: 0; - left: 0; - width: 100%; - height: 16px; -} - -.jspVerticalBar *, -.jspHorizontalBar * -{ - margin: 0; - padding: 0; -} - -.jspCap -{ - display: none; -} - -.jspHorizontalBar .jspCap -{ - float: left; -} - -.jspTrack -{ - background: #E3E3E3; - position: relative; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; -} - -.jspDrag -{ - background: #8B8B8B; - position: relative; - top: 0; - left: 0; - cursor: pointer; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; -} - -.jspHorizontalBar .jspTrack, -.jspHorizontalBar .jspDrag -{ - float: left; - height: 100%; -} - -.jspArrow -{ - background: #50506d; - text-indent: -20000px; - display: none!important; - cursor: pointer; -} - -.jspArrow.jspDisabled -{ - cursor: default; - background: #80808d; -} - -.jspVerticalBar .jspArrow -{ - height: 2px; -} - -.jspHorizontalBar .jspArrow -{ - width: 16px; - float: left; - height: 100%; -} - -.jspVerticalBar .jspArrow:focus -{ - outline: none; -} - -.jspCorner -{ - background: #eeeef4; - float: left; - height: 100%; -} - -/* Yuk! CSS Hack for IE6 3 pixel bug :( */ -* html .jspCorner -{ - margin: 0 -3px 0 0; -} \ No newline at end of file diff --git a/public/stylesheets/backoffice/layout.css b/public/stylesheets/backoffice/layout.css deleted file mode 100644 index d0993e05..00000000 --- a/public/stylesheets/backoffice/layout.css +++ /dev/null @@ -1,7364 +0,0 @@ -body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,form,fieldset,p { - margin:0; - padding:0; - font-weight:normal; -} -img,fieldset { - border:none; - padding:0; - margin:0; -} -body { - font:11px Arial, Helvetica,serif; - color:#FFFFFF; -} -span.clear { - clear:both; -} -div.left { - float:left; - width:auto; -} -div.right { - float:right; - width:auto; -} -a { - text-decoration:none; -} -a:focus { - outline:none; -} -ul:focus { - outline:none; -} -input:focus { -outline:none} -body { - background:#E1E5E7; -} -ul { - list-style:none; -} -label strong { - font:normal 14px Georgia; - color:#E93E3F; -} -textarea:focus { - outline:none; -} - -/*IE7 reset properties*/ -input[type="text"] { - border:0px; -} -textarea { - border:0px; -} - -/*FONT FACE*/ -@font-face { - font-family: 'Museo Sans'; - src: url('/fonts/museosans_500-webfont.eot'); - src: local('☺'), url('/fonts/museosans_500-webfont.woff') format('woff'), url('/fonts/museosans_500-webfont.ttf') format('truetype'), url('/fonts/museosans_500-webfont.svg#webfontX97tj7j1') format('svg'); - font-weight: normal; - font-style: normal; -} - -.hidden { - display: none; -} - -/*The next is neccesary to fix properly the content scrollable*/ -div.wrapper { - float:left; - margin:0; - padding:0; -} - -/*Necessary to float all content*/ -div.field { - float:left; -} -div.field.save { - float:right; -} - -/*FLASH*/ -.flash { - width: 942px; - height: 85px; - margin: 0 auto; -} - -.flash div { - float: left; - width: 902px; - margin: 20px 0 -20px 3px; - padding: 0 20px; - font-size: 21px; - line-height: 85px; - color: #333333; -} - -.flash .notice { - background: url('/images/backoffice/backgrounds/flash_notice.png') no-repeat scroll top left; - text-align: center; -} - -.flash .notice a { - color: #E93E3F; - text-decoration: underline; -} - -/*ERROR MESSAGES*/ -span.field_error { - position:absolute; - bottom:10px; - right:10px; - margin:0; - padding:0; -} -span.field_error a.error { - float:right; - width:14px; - height:14px; - background: url('/images/backoffice/icons/error.png') no-repeat scroll top left; -} -span.field_error a.error:hover { - cursor:pointer; -} -span.field_error div.error_msg { - position:absolute; - display:none; - top:-9px; - left:-9px; - width:200px; -z-index: 1} -span.field_error div.error_msg p { - position:relative; - float:left; - padding:0 0 0 27px; - height:31px; - background: url('/images/backoffice/common/left_error.png') no-repeat scroll top left; -} -span.field_error div.error_msg p span { - position:relative; - float:left!important; - height:15px; - padding:8px 15px 8px 2px; - display:block; - background:url('/images/backoffice/common/right_error.png') no-repeat right 0; - font:normal 13px Arial; - color:#333333; -} - -span.simple_field_error { - position:absolute; - top:0; - left:405px; - margin:0; - padding:0; -} -span.simple_field_error a.simple_error { - float:right; - width:34px; - height:32px; - background: url('/images/backoffice/icons/simple_error.png') no-repeat scroll top left; -} -span.simple_field_error a.simple_error:hover { - cursor:pointer; -} -span.simple_field_error div.error_msg { - position:absolute; - display:none; - top:0; - left:1px; - width:200px; -} -span.simple_field_error div.error_msg p { - position:relative; - float:left; - padding:0 0 0 27px; - height:31px; - background: url('/images/backoffice/common/left_error.png') no-repeat scroll top left; -} -span.simple_field_error div.error_msg p span { - position:relative; - float:left!important; - height:15px; - padding:8px 15px 8px 2px; - display:block; - background:url('/images/backoffice/common/right_error.png') no-repeat right 0; - font:normal 13px Arial; - color:#333333; -} - -/* LAYOUT */ -div.main_layout { - margin:0 auto; - width:942px; -} -div.main_layout p.link_to_back { - background:url('/images/backoffice/common/red_arrow.png') no-repeat 0 3px; - width:auto; - height:auto; - position:absolute; - top:-25px; - left:4px; -} -div.main_layout p.link_to_back a { - float:left; - font:normal 13px Arial; - color:#CC5B4B; - padding:0 0 0 22px; -} -div.main_layout p.link_to_back a:hover { - cursor:pointer; - text-decoration:underline; -} -div.main_layout div.block { - float:left; - width:942px; - margin:40px 0 0 0; -} -div.main_layout div.block div.top { - float:left; - width:942px; - height:15px; - background:url('/images/backoffice/backgrounds/top_long.png') no-repeat center 0; - position:relative; -} -div.main_layout div.block div.med { - float:left; - width:880px; - padding:16px 31px 28px; - background:url('/images/backoffice/backgrounds/mid_long.png') repeat-y center 0; -} - -/*ngo dashboard*/ -div.med div.header { - width:100%; - overflow:hidden; - padding:0 0 20px 0; - border-bottom:1px solid #CCCCCC; -} -div.med div.header.no_border { - border-bottom:0; - padding:0; -} -div.med div.header h2 { - width:740px; -} -div.med div.header h2 a { - color:#EB3F40; -} -div.med div.header h2 a:hover { - text-decoration:underline; -} -div.med div.header span { - float:right; - width:273px; - height:auto; -} -div.med div.header span.buttons { - width:auto; -} -div.med div.header span p { - display:inline-block; - zoom:1; - *display:inline; - vertical-align:top; - width:auto; - padding:0 25px 0 0; - font:normal 27px "Museo Sans"; - color:#333333; -} -div.med div.header span p em { - padding:0 0 0 3px; - font:normal 11px Arial; - color:#999999; - text-transform:uppercase; -} - -div.med .info_list ul { - width:100%; - padding:0; - margin:18px 0 0!important; - letter-spacing:-4px; -} -div.med .info_list ul li { - float:none; - display:inline-block!important; - zoom:1; - *display:inline; - vertical-align:top; - width:273px!important; - margin:0 30px 0 0!important; - letter-spacing:0px; -} -div.med .info_list ul li.last { - margin:0!important; -} -div.med .info_list h4 { - padding:10px 0 5px 0; - font:bold 11px Arial; - color:#999999; - text-transform:uppercase; -} -div.med .info_list p { - display:block!important; - font:normal 15px Arial!important; - color:#666666!important; - letter-spacing:0!important; -} -div.med .info_list p a { - color:#EB3F40; - text-decoration:none; -} -div.med .info_list p a:hover { - color:#EB3F40; - text-decoration:underline; -} - -.grey div.bottom_white { - background:url('/images/backoffice/backgrounds/bottom_grey_long.png') repeat-y center bottom; -} -.grey div.top { - background:url('/images/backoffice/backgrounds/top_grey_long.png') no-repeat center 0!important; -} -.grey div.med { - background:url('/images/backoffice/backgrounds/med_grey_long.png') repeat-y center 0!important; -} - -/*add new site,donor,...*/ -div.add_new { - float:left; - width:922px; - height:98px; - padding:5px; - margin:20px 0 0 5px; - background:url('/images/backoffice/dashboard/add_new_bkg.png') no-repeat center 0; -} -div.add_new a { - float:left; - width:922px; - height:70px; - padding:28px 0 0 0; - margin:0px; - background:url('/images/backoffice/dashboard/add_bkg_a.png') repeat-x 0 0; - text-align:center; - font:normal 27px "Museo Sans",Arial; - color:white; -} -div.add_new a:hover { - background-position:0 -98px; -} -div.add_new a strong { - float:left; - width:100%; - font:normal 15px Arial; - color:#C3DB9F; - text-align:center; -} -/*common right column*/ -div.block div.med div.right { - position:relative; - float:right; - width:284px; - /*min-height:420px;*/ -} -div.block div.med div.right ul { - float:left; - width:230px; - margin:10px 0 0 0; -} -div.block div.med div.right ul li { - float:left; - width:205px; - padding:6px 12px 6px 0; -} -div.block div.med div.right ul li.selected { - float:left; - width:auto; - padding:15px 14px 15px 0; - background:url('/images/backoffice/common/selected_li.png') no-repeat right 0; - font:bold 15px Arial; - color:#333333; -} -div.block div.med div.right ul li.disabled { - width:200px; -} -div.block div.med div.right ul li.disabled a { - color:#cccccc; -} -div.block div.med div.right ul li a { - float:left; - font:bold 15px Arial; - color:#E93E3F; - padding:0 0 0 20px; -} -div.block div.med div.right ul li p { - float:left; - margin:2px 0 0 7px; - padding:0 0 0 5px; - background:url('/images/backoffice/common/amount_left.png') no-repeat 0 0; -} -div.block div.med div.right ul li p span { - float:left; - padding:1px 7px 1px 2px; - height:12px; - line-height:12px; - background:url('/images/backoffice/common/amount_right.png') no-repeat right 0; - font:bold 11px Arial; - color:white; -} -div.block div.med div.right ul li.selected a { - color:#333333; -} -div.block div.med div.right ul li.selected p { - background-position:0 -14px; -} -div.block div.med div.right ul li.selected div.bottom_selected { - float:left; - width:auto; - padding:0 12px 13px 0; - margin:0; - padding:0; - background:url('/images/backoffice/backgrounds/menu_bottom.png') no-repeat right bottom; -} -div.block div.med div.right ul li.selected div.bottom_selected ul { - float:left; - width:auto!important; - margin:0; - padding:0; - list-style:square; - color:black; -} -div.block div.med div.right ul li.selected div.bottom_selected ul li { - float:left; - width:auto!important; - margin:0; - padding:0; -} -div.block div.med div.right ul li.selected div.bottom_selected ul li a { - float:left; - width:auto!important; - margin:0; - padding:0; -} -div.block div.med div.right ul li.selected span { - background-position:right -14px; -} -div.block div.med div.right ul li:hover a { - color:#333333; -} -div.block div.med div.right ul li:hover a:focus { - outline:none; -} -div.block div.med div.right ul li:hover p { - background-position:0 -14px; -} -div.block div.med div.right ul li:hover span { - background-position:right -14px; -} -div.block div.med div.right ul li.disabled:hover a { - color:#cccccc; - cursor:default; -} - -div.block div.med div.right ul li.list_selected { - float:left; - width:auto; - margin:10px 0 0 0; - padding:15px 0 0 0; - background:url('/images/backoffice/donors/menu_top.png') no-repeat right 0; -} -div.block div.med div.right ul li.list_selected div.bottom_selected { - float:left; - width:auto; - padding:0 14px 15px 0; - background:url('/images/backoffice/donors/menu_bottom.png') no-repeat right bottom; -} -div.block div.med div.right ul li.list_selected div.bottom_selected a.basic { - width:100%; - color:#E93E3F; - padding:0 0 0 20px; -} -div.block div.med div.right ul li.list_selected div.bottom_selected a.basic:hover { - cursor:default; -} -div.block div.med div.right ul li.list_selected div.bottom_selected span.list { - float:left; - width:auto; - margin:3px 0 0 0; -} -div.block div.med div.right ul li.list_selected div.bottom_selected span.list p { - float:left; - width:100%; - margin:5px 0 0 15px; - background:none; -} -div.block div.med div.right ul li.list_selected div.bottom_selected span.list p a { - float:left; - width:auto; - padding:0 0 0 6px; - background:url('/images/backoffice/icons/grey_square.jpg') no-repeat 0 7px!important; - font:normal 13px Arial; -color:#333333} -div.block div.med div.right ul li.list_selected div.bottom_selected span.list p a:hover { - text-decoration:underline; -} -div.block div.med div.right ul li.list_selected div.bottom_selected span.list p.sublist { - margin:5px 0 0 40px; -} -div.block div.med div.right ul li.list_selected:hover div.bottom_selected p a { - color:#E93E3F; -} - -div.block div.med div.right ul li.sublist_selected { - float:left; - width:auto; - margin:10px 0 0 0; - padding:15px 0 0 0; - background:url('/images/backoffice/donors/menu_top.png') no-repeat right 0; -} -div.block div.med div.right ul li.sublist_selected div.bottom_selected { - float:left; - width:auto; - padding:0 14px 15px 0; - background:url('/images/backoffice/donors/menu_bottom.png') no-repeat right bottom; -} -div.block div.med div.right ul li.sublist_selected div.bottom_selected a.basic { - color:#E93E3F; - padding:0 0 0 20px; -} -div.block div.med div.right ul li.sublist_selected div.bottom_selected a.basic:hover { - cursor:default; -} -div.block div.med div.right ul li.sublist_selected div.bottom_selected span.list { - float:left; - width:auto; - margin:3px 0 0 0; -} -div.block div.med div.right ul li.sublist_selected div.bottom_selected span.list p { - float:left; - width:100%; - margin:5px 0 0 15px; - background:none; -} -div.block div.med div.right ul li.sublist_selected div.bottom_selected span.list p.no { - float:left; - width:auto; - margin:5px 0 0 20px; - padding:0 0 0 6px; - background:url('/images/backoffice/icons/red_square.jpg') no-repeat 0 7px!important; - font:normal 13px Arial; -color:#E93E3F} -div.block div.med div.right ul li.sublist_selected div.bottom_selected span.list p.sublist { - margin:5px 0 0 40px; -} -div.block div.med div.right ul li.sublist_selected div.bottom_selected span.list p.no.sublist { - margin:5px 0 0 45px; -} -div.block div.med div.right ul li.sublist_selected div.bottom_selected span.list p a { - float:left; - width:auto; - padding:0 0 0 6px; - background:url('/images/backoffice/icons/grey_square.jpg') no-repeat 0 7px!important; - font:normal 13px Arial; -color:#333333} -div.block div.med div.right ul li.sublist_selected div.bottom_selected span.list p a:hover { - text-decoration:underline; -} -div.block div.med div.right ul li.sublist_selected:hover div.bottom_selected p a { - color:#E93E3F; -} - -div.block div.med div.right ul li:hover div.bottom_selected p a { - color:#E93E3F; -} -div.block div.med div.right div.export_import, div.block div.med div.right div.delete { - position:absolute; - display:none; - left:20px; -} -div.block div.med div.right div.export_import { - bottom: 145px; -} -div.block div.med div.right div.export_import h5 { - float:left; - font:normal 17px "Museo Sans",Arial; - color:#333333; - letter-spacing:-1px; -} -div.block div.med div.right div.export_import p { - float:left; - margin:5px 0 0 0; - width:100%; - font:normal 13px Arial; - color:#666666; -} -div.block div.med div.right div.export_import p.split { - width:auto; - margin:15px 5px 0; - font:normal 15px Arial; - color:#333333; -} -div.block div.med div.right div.export_import a { - float:left; - margin:17px 0 0 0; - font:normal 15px Arial; - color:#D8393D; - text-decoration:underline; -} -/*div.block div.med div.right div.export_import a:hover { -text-decoration:underline; -cursor:pointer; -} - */ - div.block div.med div.right div.export_import a.link_hidden { - position:relative; - } - div.block div.med div.right div.export_import form { - float:left; - display:inline; - width:80px; - } - div.block div.med div.right div.export_import div#links { - position:relative; - float:left; - } - div.block div.med div.right div.export_import div#links div#wrapper_form { - position:absolute; - width:80px; - height:17px; - background-color:red; - top:17px; - left:0; - overflow:hidden; - opacity:0.0; - -moz-opacity:0; - filter:alpha(opacity: 0); - z-index:2; - } - div.block div.med div.right div.export_import input[type="file"] { - width:80px; - cursor:pointer; - } - div.block div.med div.right div.export_import input[type="submit"] { - width:100px; - position:absolute; - top:15px; - left:0; - } - div.block div.med div.right div.delete { - bottom:0; - } - div.block div.med div.right div.delete h5 { - float:left; - font:normal 17px "Museo Sans",Arial; - color:#333333; - letter-spacing:-1px; - } - div.block div.med div.right div.delete p { - float:left; - margin:5px 0 0 0; - width:100%; - font:normal 13px Arial; - color:#666666; - } - div.block div.med div.right div.delete a { - float:left; - margin:17px 0 0 0; - font:normal 15px Arial; - color:#D8393D; - text-decoration:underline; - } - div.block div.med div.right div.delete a:hover { - text-decoration:none; - } - - /*header*/ - div#header { - float:left; - width:100%; - height:120px; - background:url('/images/backoffice/common/header_bkg.jpg') repeat-x 0 0; - } - div#header div.inner_header { - margin:0 auto; - width:932px; - } - div#header div.inner_header div.top { - float:left; - width:100%; - height:26px; - margin:28px 0 0 0; - } - div#header div.inner_header div.top a { - font:bold 29px Arial; - color:white; - letter-spacing:-2px; - } - div#header div.inner_header div.top a sup { - padding:0 0 0 7px; - font:normal 15px "Museo Sans",Arial; - color:#E93E3F; - letter-spacing:0; - } - div#header div.inner_header div.bottom { - position: relative; - float:left; - width:100%; - margin:24px 0 0 0; - } - div#header div.inner_header div.bottom ul.main_menu { - width:auto; - height:42px; - text-align: justify; - } - div#header div.inner_header div.bottom ul.main_menu li { - display: inline; - width:auto; - margin:0 4px 0 0; - } - div#header div.inner_header div.bottom ul.main_menu li a { - display:inline-block; - vertical-align:top; - zoom: 1; - *display:inline; - height:42px; - padding:0 1.5px 0 4px; - background:url('/images/backoffice/common/header_tab_left.png') no-repeat 0 0; - } - div#header div.inner_header div.bottom ul.main_menu li a:focus { - outline:none; - } - div#header div.inner_header div.bottom ul.main_menu li span { - display:inline-block; - vertical-align:top; - zoom: 1; - *display:inline; - height:32px; - padding:10px 22px 0 18px; - background:url('/images/backoffice/common/header_tab_right.png') no-repeat right 0; - font:normal 17px "Museo Sans", Arial; - color:#DEE1E4; - vertical-align: top; - } - div#header div.inner_header div.bottom ul.main_menu li a:hover { - background-position:0 -42px; - cursor:pointer; - } - div#header div.inner_header div.bottom ul.main_menu li a:hover span { - background-position:right -42px; - color:#0A0A0A; - } - div#header div.inner_header div.bottom ul.main_menu li.selected a { - background-position:0 -42px; - } - div#header div.inner_header div.bottom ul.main_menu li.selected a span { - background-position:right -42px; - color:#0A0A0A; - } - div#header div.inner_header div.bottom ul.admin { - position: absolute; - top: -60px; - right: 0; - margin:12px 0 0 0; - } - div#header div.inner_header div.bottom ul.admin li { - float:left; - width:auto; - padding:0 11px; - background:url('/images/backoffice/common/footer_list_separator.png') no-repeat right -2px; - } - div#header div.inner_header div.bottom ul.admin li a { - font:normal 13px "Museo Sans", "Arial"; - color:#DEE1E4; - text-decoration:underline; - } - div#header div.inner_header div.bottom ul.admin li a:hover { - color:white; - } - div#header div.inner_header div.bottom ul.admin li.last { - padding:0 0 0 8px; - background:none; - } - - /*login*/ - div.login { - position:absolute; - top:0; - bottom:0; - right:0; - left:0; - float:left; - width:100%; - height:100%; - background:url('/images/backoffice/login/login_bkg.png') repeat-x 0 bottom #373737; - } - div.login div.main { - position:absolute; - top:118px; - left:50%; - width:401px; - margin:0 0 0 -200px; - } - div.login div.main h1 { - float:left; - margin:0 0 0 90px; - } - div.login div.main h1 a { - font:bold 29px Arial; - color:white; - letter-spacing:-2px; - } - div.login div.main h1 a sup { - padding:0 0 0 7px; - font:normal 15px "Museo Sans",Arial; - color:#E93E3F; - letter-spacing:0; - } - div.login div.main div.top_data { - float:left; - width:100%; - height:10px; - margin:20px 0 0 0; - background:url('/images/backoffice/login/top_login.png') no-repeat 0 0; - } - div.login div.main div.med_data { - float:left; - width:324px; - padding:10px 38px 38px; - background:white; - } - div.login div.main div.med_data label { - float:left; - width:322px; - margin:20px 0 0 2px; - font:bold 11px Arial; - color:#666666; - text-transform: uppercase; - } - div.login div.main div.med_data input { - float:left; - width:309px; - height:18px; - line-height:13px; - padding:7px; - margin:5px 0 0 0; - background:url('/images/backoffice/login/text_bkg.png') no-repeat 0 0; - border:none; - font:normal 15px Arial; - color:#333333; - } - div.login div.main div.med_data input[type="password"] { - font-weight:bold; - } - div.login div.main div.med_data input.error { - background-position:0 -32px; - } - div.login div.main div.med_data p.error { - float:left; - width:256px; - height:33px; - margin:20px 0 0 1px; - padding:19px 0 0 65px; - background:url('/images/backoffice/login/error_bkg.png') no-repeat 0 0; - font:normal 13px Arial; - color:white; - } - div.login div.main div.med_data p.error.margin { - height:42px; - padding-top:10px; - } - div.login div.main div.med_data p.error a { - color:white; - text-decoration:underline; - } - div.login div.main div.bottom_data { - float:left; - width:400px; - height:76px; - background:url('/images/backoffice/login/bottom_login.png') no-repeat scroll top left; - } - div.login div.main div.bottom_data input { - float:left; - width:98px; - height:32px; - padding:0; - margin:22px 0 0 39px; - background:url('/images/backoffice/login/submit_bkg.png') no-repeat 0 0; - border:none; - text-align:center; - font:normal 19px "Museo Sans","Arial"; - color:white; - text-shadow:0 1px #96272D; - } - div.login div.main div.bottom_data input:hover { - background-position:0 -32px; - cursor:pointer; - } - div.login div.main div.bottom_data a { - float:right; - height: 32px; - margin:22px 40px 0 0; - font-size: 15px; - color: red; - text-decoration: underline; - line-height: 32px; - } - - /*Passwords*/ - div.passwords div.main div.med_data h3, div.login div.main div.med_data p { - float:left; - width:322px; - margin:20px 0 0 2px; - font:normal 15px Arial; - color:#666666; - } - div.passwords div.main div.med_data h3 { - font-weight: bold; - } - - /*dashboard & main sites*/ - div.one { - float:left; - width:307px; - height:143px; - margin:20px 10px 0 0; - padding:30px 0 0 0; - background:url('/images/backoffice/dashboard/one_top.png') no-repeat 0 0; - } - div.one.last { - margin:20px 0 0 0; - } - div.one p { - float:left; - width:100%; - text-align:center; - font:normal 61px "Museo Sans",Arial; - color:#333333; - letter-spacing:-2px; - line-height:59px; - } - div.one a { - float:left; - width:100%; - text-align:center; - font:normal 15px "Museo Sans",Arial; - color:#EB4142; - } - div.one a:hover { - text-decoration:underline; - cursor:pointer; - } - div.one a:focus { - outline:none; - } - div.one p.info { - padding:11px 0 0 0; - font:normal 15px "Museo Sans",Arial; - color:#999999; - letter-spacing:0; - line-height:15px; - } - div.med h2 { - float:left; - width:100%; - font:normal 27px "Museo Sans",Arial; - color:#333333; - } - div.med h5 { - float:left; - width:100%; - font:normal 15px Arial; - color:#666666; - } - div.med.information h2 a { - color:#EB4142; - text-decoration:none; - } - div.med.information h2 a:hover { - text-decoration:underline; - } - div.med.information h2 a:focus { - outline:none; - } - div.med.information ul { - float:left; - width:100%; - margin:25px 0 0 0; - } - div.med.information ul li { - float:left; - width:auto; - margin:0 30px 0 0; - } - div.med.information ul li label { - font:normal 11px Arial; - color:#999999; - text-transform:uppercase; - } - div.med.information ul li p { - padding:0; - font:normal 35px "Museo Sans",Arial; - color:#333333; - letter-spacing:-1px; - } - div.med.information div.info { - float:left; - width:100%; - margin:20px 0 0 0; - } - div.med.information div.info div.left { - float:left; - width:auto; - } - div.med.information div.info div.left p { - padding:5px 0 0 0; - font:normal 15px Arial; - color:#666666; - } - div.med.information div.info div.left strong { - color:#333333; - font-weight:normal; - } - div.med.information div.info div.left p a { - color:#EB4142; - text-decoration:none; - } - div.med.information div.info div.left p a:hover { - text-decoration:underline; - } - div.med.information div.info div.right_graph { - float:right; - } - div.med div.form_error { - width: 483px; - height: 12px; - margin: 30px 0 0 0; - padding: 20px 20px 20px 60px; - font:normal 13px Arial; - color:#FFFFFF; - background:url('/images/backoffice/common/form_error_bkg.png')} - div.bottom_grey { - float:left; - width:942px; - height:64px; - background:url('/images/backoffice/backgrounds/bottom_grey_long.png') no-repeat center 0; - } - div.bottom_white { - float:left; - width:942px; - height:13px; - background:url('/images/backoffice/backgrounds/bottom_white_long.png') no-repeat center bottom; - } - div.bottom_grey a { - float:right; - width:auto; - margin:20px 32px 0 0; - font:normal 17px Arial; - color:#EB4142; - text-decoration:none; - } - div.bottom_grey a:hover { - text-decoration:underline; - } - div.bottom_grey a.published { - float:left; - margin:20px 0 0 30px; - color:#99CC33; - text-decoration:underline; - } - div.bottom_grey a.not_published { - float:left; - margin:20px 0 0 30px; - color:#FF6600; - text-decoration:underline; - } - - /*organizations form customization*/ - .organization div.med h2 { - float: none; - } - div.med div.form_error { - margin-top: 20px; - } - - /*settings*/ - div.right.tips { - width:286px; - } - div.right.tips div.big_bubble { - float:left; - width:220px; - height:71px; - padding:20px 20px 20px 33px; - margin:0 0 0 14px; - background:url('/images/backoffice/common/big_bubble.png') no-repeat 0 0; - } - div.right.tips div.small_bubble { - float:left; - width:220px; - height:50px; - padding:20px 20px 20px 33px; - margin:133px 0 0 14px; - background:url('/images/backoffice/common/small_bubble.png') no-repeat 0 0; - } - div.right.tips div h3 { - float:left; - width:100%; - font:normal 17px "Museo Sans","Arial"; - color:#333333; - } - div.right.tips div p { - float:left; - width:100%; - margin:5px 0 0 0; - font:normal 13px Arial; - color:#666666; - } - - /*donors-NGO edit&new&settings*/ - div.block.edit div.top { - float:left; - width:100%; - background:url('/images/backoffice/backgrounds/top_two_columns.png') no-repeat center 0!important; - } - div.block.edit div.med { - float:left; - width:874px; - padding:16px 33px 28px; - background:url('/images/backoffice/backgrounds/middle_two_columns.png') repeat-y center 0!important; - } - div.block.edit div.med div.left { - float:left; - width:572px; - margin:0 0 0 2px; - } - div.block.edit div.med div.left div.image_container { - float:left; - width:544px; - height:60px; - margin:5px 0 0 0; - padding:10px; - background:url('/images/backoffice/donors/image_bkg.png') no-repeat 0 0; - } - div.block.edit div.med div.left div.image_container p.message { - font-style:italic!important; - color:#999999!important; - } - div.block.edit div.med div.left div.image_container p { - float:left; - font:normal 15px Arial; - color:#666666; - width:auto; - margin:26px 0 0 0; - } - div.block.edit div.med div.left div.image_container p a.remove { - font:normal 15px Arial; - color:#D8393D; - text-decoration:underline; - } - div.block.edit div.med div.left div.image_container p a.remove:hover { - cursor:pointer; - } - div.block.edit div.med div.left div.image_container div#bttn_upload { - float:left; - position:relative; - width:100%; - } - div.block.edit div.med div.left div.image_container div#wrapper_input { - position:absolute; - top:7px; - left:0px; - width:102px; - height:26px; - overflow:hidden; - } - div.block.edit div.med div.left div.image_container a.upload_bttn { - position:absolute; - top:7px; - left:0px; - width:102px; - height:26px; - background:url('/images/backoffice/ngos/upload_bttn.png') no-repeat 0 0; - } - div.block.edit div.med div.left div.image_container a.upload_bttn:hover { - background-position:0 -26px; - } - div.block.edit div.med div.left div.image_container img { - float:left; - max-height:60px; - margin:3px 15px 0 0; - } - div.block.edit div.med div.left div.image_container div.field { - float:left; - width:240px; - } - div.block.edit div.med div.left div.image_container div.field p { - float:left; - width:300px; - margin:2px 0 0 0; - font:normal 13px Arial; - color:#666666; - } - div.block.edit div.med div.left div.image_container div.field p.remove_link { - margin:10px 0 0 110px; - } - div.block.edit div.med div.left div.image_container div.field input { - float:left; - width:102px; - margin:5px 0 0 0; - opacity:0; - } - div.block.edit div.med div.left textarea { - float:left; - min-width:548px; - max-width:548px; - max-height:204px; - min-height:204px; - margin:5px 0 0 0; - padding:5px 8px; - background:url('/images/backoffice/donors/textarea_bkg.png') no-repeat 0 0; - border:none; - font:normal 15px Arial; - color:#333333; - } - div.block.edit div.med div.left textarea.error { - background-position:0 -214px; - } - div.block.edit div.med div.left textarea:focus { - outline:none; - } - div.block.edit div.med div.left label { - float:left; - width:100%; - margin:18px 0 0 1px; - font:bold 11px Arial; - color:#999999; - text-transform:uppercase; - } - div.block.edit div.med div.left label a.show_password_link { - font:normal 13px Arial; - color:#D8393D; - text-transform: none; - text-decoration: underline} - - div.block.edit div.med div.left div.common { - float:left; - width:100%; - margin:35px 0 0 0; - } - div.block.edit div.med div.left div.common h3 { - float:left; - width:100%; - padding:0 0 5px 0; - font:normal 17px "Museo Sans","Arial"; - color:#333333; - text-transform:uppercase; - } - div.block.edit div.med div.left div.short_field { - float:left; - width:272px; - margin:0px 20px 0 0; - } - div.block.edit div.med div.left div.short_field.last { - margin:0; - } - div.block.edit div.med div.left div.short_field input[type="text"].short { - float:left; - width:256px; - height:18px; - margin:5px 0 0 0; - padding:8px; - font:normal 15px Arial; - color:#333333; - border:none; - background:url('/images/backoffice/donors/short_input.png') no-repeat 0 0; - } - div.block.edit div.med div.left div.short_field input[type="text"].short.error { - background-position: 0 -34px; - } - div.block.edit div.med div.left div.field { - position:relative; - float:left; - width:419px; - margin:0; - } - div.block.edit div.med div.left a.preview { - float:left; - width:auto; - margin:43px 0 0 10px; - font:normal 14px Arial; - color:#D8393D; - text-decoration:underline; - } - div.block.edit div.med div.left a.preview.no_margin { - margin:43px 0 0 0; - } - div.block.edit div.med div.left a.preview:hover { - color:#7F2023; - } - div.field input[type="text"], - div.field input[type="password"], - div.field input[type="email"] { - float:left; - width:403px; - height:18px; - margin:5px 0 0 0; - padding:8px; - font:normal 15px Arial; - color:#333333; - border:none; - background:url('/images/backoffice/donors/long_input.png') no-repeat 0 0; - } - div.comboselect .chzn-container { - float: none; - margin:7px 0 0 0; - } - div.block.edit div.med div.left div a span { - float:left; - width:100%; - margin:10px 0 0 0; - } - div.block.edit div.med div.left div span input[type="radio"] { - float:left; - margin:3px 5px 0 10px; - } - div.block.edit div.med div.left div span input[type="checkbox"] { - float:left; - margin:3px 5px 0 10px; - } - div.block.edit div.med div.left div span p { - float:left; - font:normal 15px Arial; - color:#333333; - } - - div.block.edit div.med div.left div span a.combo { - float:left; - font:normal 15px Arial; - color:#333333; - background:url('/images/backoffice/pages/option_bkg.png') no-repeat 0 4px; - padding:0 0 0 15px; - margin:0 0 0 13px; - } - div.block.edit div.med div.left div span a.combo.clicked { - background:url('/images/backoffice/pages/option_bkg_selected.png') no-repeat 0 4px; - } - div.block.edit div.med div.left div span a.combo:hover { - cursor:pointer; - } - - div.block.edit div.med div.left div.field input[type="text"].short { - float:left; - width:256px; - height:18px; - margin:5px 0 0 0; - padding:8px; - font:normal 15px Arial; - color:#333333; - border:none; - background:url('/images/backoffice/donors/short_input.png') no-repeat 0 0; - } - div.block.edit div.med div.left div input[type="password"].short { - float:left; - width:256px; - height:18px; - margin:5px 0 0 0; - padding:8px; - font:normal 15px Arial; - color:#333333; - border:none; - background:url('/images/backoffice/donors/short_input.png') no-repeat 0 0; - } - div.block.edit div.med div.left div.long_field { - float:left; - width:100%; - } - div.block.edit div.med div.left div.long_field input[type="text"].email, div.block.edit div.med div.left div.long_field input[type="text"].address { - float:left; - width:548px; - height:18px; - margin:5px 0 0 0; - padding:8px; - font:normal 15px Arial; - color:#333333; - border:none; - background:url('/images/backoffice/donors/input_address.png') no-repeat 0 0; - } - div.block.edit div.med div.left div.short_field input[type="text"].twitter { - width:234px; - padding:8px 8px 8px 30px; - background:url('/images/backoffice/donors/twitter_bkg.png') no-repeat 0 0; - } - div.block.edit div.med div.left div.field input[type="text"].facebook { - width:381px; - padding:8px 8px 8px 30px; - background:url('/images/backoffice/donors/facebook_input.png') no-repeat 0 0; - } - div.block.edit div.med div.left div.long_field a.check.show_password { - display: none; - } - div.block.edit div.med div.left div.long_field a#reset_password { - float: right; - margin: 16px 10px; - } - div.block.edit div.med div.left div.field a.check, div.block.edit div.med div.left div.long_field a.check { - float:left; - font:normal 15px Arial; - color:#333333; - text-decoration:none; - background:url('/images/backoffice/sites/project_tipo_check.png') no-repeat 0 4px; - padding:0 0 0 15px; - margin: 15px 0; - height:14px; - } - div.block.edit div.med div.left div.field div.options { - padding-left: 15px; - } - div.block.edit div.med div.left div.field div.options a.check { - clear: left; - margin: 9px 0; - } - div.block.edit div.med div.left div.field a.check.selected, div.block.edit div.med div.left div.long_field a.check.selected { - background:url('/images/backoffice/sites/project_tipo_checked.png') no-repeat 0 4px; - } - div.block.edit div.med div.left div.final { - float:left; - width:100%; - } - div.block.edit div.med div.left input[type="submit"], div.block.edit div.med div.left input[type="button"] { - float:right; - width:157px; - height:32px; - margin:40px 8px 0 0; - text-indent:-9999px; - font-size:0; - display:block; - line-height:0; - background:url('/images/backoffice/donors/save_changes.png') no-repeat 0 0; - border:none; - } - div.block.edit div.med div.left input[type="submit"]:hover { - background-position:0 -32px; - cursor:pointer; - } - div.block.edit div.med div.left input[type="submit"].error { - background:url('/images/backoffice/donors/save_changes.png') no-repeat 0 -64px; - } - div.block.edit div.med div.left input[type="submit"].error:hover { - background:url('/images/backoffice/donors/save_changes.png') no-repeat 0 -96px; - cursor:pointer; - } - div.block.edit div.med div.left div.short_field input.error, div.block.edit div.med div.left div.field input.error { - width:379px; - padding:8px 32px 8px 8px; - background-position:0 -34px; - } - div.block.edit div.med div.left span.field_error { - position:absolute; - bottom:10px; - right:10px; - margin:0; - padding:0; - width:auto; - } - div.block.edit div.med div.left span.field_error a.error { - float:right; - width:14px; - height:14px; - background: url('/images/backoffice/icons/error.png') no-repeat scroll top left; - } - div.block.edit div.med div.left span.field_error a.error:hover { - cursor:pointer; - } - div.block.edit div.med div.left span.field_error div.error_msg { - position:absolute; - display:none; - top:-9px; - left:-9px; - width:200px; - } - div.block.edit div.med div.left span.field_error div.error_msg p { - position:relative; - float:left; - width:auto; - height:31px; - padding:0 0 0 27px; - background: url('/images/backoffice/common/left_error.png') no-repeat scroll top left; - } - div.block.edit div.med div.left span.field_error div.error_msg p span { - position:relative; - float:left!important; - height:15px; - padding:8px 10px 8px 2px; - margin:0!important; - display:block; - background:url('/images/backoffice/common/right_error.png') no-repeat right 0; - font:normal 13px Arial; - color:#333333; - } - div.block.edit div.bottom { - float:left; - height:15px; - width:100%; - background: url('/images/backoffice/backgrounds/bottom_two_columns.png') no-repeat scroll top left!important; - } - - /*donors funded projects*/ - div.block.donor_funded div.top { - float:left; - width:100%; - background:url('/images/backoffice/backgrounds/top_two_columns.png') no-repeat center 0!important; - } - div.block.donor_funded div.med { - float:left; - width:880px; - padding:16px 31px 28px; - background:url('/images/backoffice/backgrounds/middle_two_columns.png') repeat-y center 0!important; - } - div.block.donor_funded div.med div.left { - float:left; - width:572px; - } - div.block.donor_funded div.med div.left p { - float:left; - width:100%; - font:normal 15px Arial; - color:#666666; - } - div.block.donor_funded div.med div.left ul { - float:left; - width:100%; - margin:20px 0 0 0; - border-top:1px solid #CCCCCC; - } - div.block.donor_funded div.med div.left ul li { - float:left; - width:100%; - height:71px; - border-bottom:1px solid #CCCCCC; - } - div.block.donor_funded div.med div.left ul li.last { - border:none; - } - div.block.donor_funded div.med div.left ul li span { - float:left; - width:404px; - height:71px; - } - div.block.donor_funded div.med div.left ul li span h3 { - float:left; - width:100%; - margin:15px 0 0 0; - } - div.block.donor_funded div.med div.left ul li span h3 a { - font:bold 17px Arial; - color:#E93E3F; - text-decoration:none; - } - div.block.donor_funded div.med div.left ul li span h3 a:hover { - text-decoration:underline; - } - div.block.donor_funded div.med div.left ul li span p { - height:auto; - background:none; - text-align:left; - padding:5px 0 0 13px; - } - div.block.donor_funded div.med div.left ul li span p.active { - background:url('/images/backoffice/icons/color_circles.png') no-repeat 0 -13px; - } - div.block.donor_funded div.med div.left ul li span p.closed { - background:url('/images/backoffice/icons/color_circles.png') no-repeat 0 9px; - } - div.block.donor_funded div.med div.left ul li p { - float:left; - width:148px; - height:45px; - padding:26px 10px 0 10px; - margin:0; - background:#F7F7F7; - text-align:center; - } - div.block.donor_funded div.med div.left ul li p.more { - padding:20px 10px 0 10px; - height:51px; - } - div.block.donor_funded div.med div.left ul li p a { - font:normal 14px Arial; - color:#E93E3F; - text-decoration:none; - } - div.block.donor_funded div.med div.left ul li p a:hover { - text-decoration:underline; - } - div.block.donor_funded div.bottom_projects_org { - float:left; - height:61px; - width:100%; - background: url('/images/backoffice/backgrounds/bottom_paginate.png') no-repeat left bottom!important; - } - div.block.donor_funded div.bottom_projects_org div.pagination { - float:left; - width:auto; - padding:0; - margin:0 0 0 30px!important; - } - div.block.donor_funded div.bottom_projects_org div.pagination em { - float:left; - padding:20px 10px 7px; - background:url('/images/backoffice/donors/page_selected.jpg') no-repeat center bottom; - font:normal 15px "Museo Sans",Arial; - color:#333333; - } - div.block.donor_funded div.bottom_projects_org div.pagination a { - float:left; - margin:0; - padding:20px 10px 7px 10px; - font:normal 15px "Museo Sans",Arial; - color:#E93E3F; - line-height:15px; - text-transform:uppercase; - } - div.block.donor_funded div.bottom_projects_org div.pagination a:hover { - color:#333333; - text-decoration:none; - } - div.block.donor_funded div.bottom_projects_org div.pagination span.disabled { - display:none; - } - div.block.donor_funded div.bottom_projects_org div.pagination span.gap { - float:left; - height:34px; - border-bottom:1px dotted #EA3C44; - padding:0; - } - - /*donors search*/ - div.two_donors { - float:left; - width:583px; - height:100px; - margin:20px 10px 0 0; - padding:40px 30px 0; - background:url('/images/backoffice/donors/two_donors.png') no-repeat 0 0; - } - div.two_donors.big { - height:140px; - background:url('/images/backoffice/donors/two_donors_big.png') no-repeat 0 0; - } - div.two_donors label { - float:left; - margin:0 0 0 3px; - font:bold 11px Arial; - color:#999999; - } - div.two_donors form { - float:left; - position:relative; - width:100%; - } - div.two_donors input[type="text"] { - float:left; - width:559px; - height:21px; - margin:5px 0 0 0; - padding:8px; - font:normal 17px Arial; - color:#CCCCCC; - border:none; - background:url('/images/backoffice/donors/input_bkg.jpg') no-repeat 0 0; - } - div.two_donors input[type="submit"] { - position:absolute; - width:15px; - height:15px; - right:20px; - top:28px; - background:url('/images/backoffice/donors/lens.jpg') no-repeat 0 0; - border:none; - } - div.two_donors input[type="submit"]:hover { - background-position:0 -15px; - cursor:pointer; - } - div.one_donor { - float:left; - width:288px; - height:180px; - margin:20px 0 0 0; - padding:0; - background:url('/images/backoffice/donors/one_donor.png') no-repeat 0 0; - } - div.one_donor.big { - background:url('/images/backoffice/donors/one_donor_big.png') no-repeat 0 0; - } - div.one_donor div.center { - float:left; - width:100%; - text-align:center; - } - div.one_donor p { - float:left; - margin:20px 5px 0 0; - width:auto; - font:normal 43px "Museo Sans",Arial; - color:#333333; - } - div.one_donor label { - float:left; - font:normal 15px "Museo Sans",Arial; - color:#666666; - margin:24px 0 0 0; - text-align:left; - } - div.one_donor a { - float:left; - width:152px; - height:28px; - margin:7px 0 0 46px; - padding:4px 0 0 40px; - background:url('/images/backoffice/donors/add_donor.png') no-repeat 0 0; - font:normal 19px "Museo Sans",Arial; - color:white; - text-shadow:0 1px #5C7C31; - } - div.one_donor a:hover { - background-position:0 -32px; - } - div.one_donor a.import_csv { - float:left; - width:165px; - height:26px; - margin:3px 0 0 46px; - padding:6px 0 0 27px; - background:url('/images/backoffice/projects/export_csv_btn.png') no-repeat 0 0; - font:normal 19px "Museo Sans",Arial; - color:white; - text-shadow:0 1px #000000; - } - div.one_donor a.import_csv:hover { - background-position:0 -32px; - } - div.med.offices_list h2 a.remove, - div.med.donors_list h2 a.remove { - padding:0 10px 0 0; - color:#333333; - border-bottom:1px dotted #EB4142; - background:url('/images/backoffice/icons/red_x.png') no-repeat right 17px; - } - div.med.offices_list h2 a.remove:hover, - div.med.donors_list h2 a.remove:hover { - border-bottom:1px solid #EB4142; - text-decoration:none; - } - div.med.offices_list ul, - div.med.donors_list ul { - float:left; - width:100%; - padding:0; - margin:23px 0 0 0; - border-top:1px solid #CCCCCC; - } - div.med.offices_list ul li, - div.med.donors_list ul li { - float:left; - width:100%; - padding:0; - margin:0; - border-bottom:1px solid #CCCCCC; - height:71px; - } - div.med.offices_list ul li.last, - div.med.donors_list ul li.last { - border:none; - } - div.med.offices_list ul li h3, - div.med.donors_list ul li h3 { - float:left; - width:546px!important; - height:71px; - margin:0; - padding:27px 0; - display:inline; - } - div.med.offices_list ul li h3 { - width:400px!important; - } - div.med.offices_list ul li h3 a, - div.med.donors_list ul li h3 a { - font:bold 17px Arial; - color:#E93E3F; - } - div.med.offices_list ul li h3 a:hover, - div.med.donors_list ul li h3 a:hover { - text-decoration:underline; - } - div.med.offices_list ul li p, - div.med.donors_list ul li p { - float:left; - width:167px; - height:41px; - padding:30px 0 0 0; - margin:0; - font:normal 13px Arial; - color:#666666; - text-align:center; - } - div.med.offices_list ul li p a, - div.med.donors_list ul li p a { - padding:0; - font:normal 13px Arial; - color:#EB4142; - } - div.med.offices_list ul li p a:hover, - div.med.donors_list ul li p a:hover { - text-decoration:underline; - } - div.med.offices_list ul li p.red, - div.med.donors_list ul li p.red { - background:#f7f7f7; - } - div.med.offices_list ul li p.red { - width: 300px; - } - div.med div.no_results, - div.med div.no_results { - float:left; - width:100%; - padding:70px 0 80px; - } - div.med div.no_results h2, - div.med div.no_results h2 { - float:left; - width:100%; - text-align:center; - } - div.med div.no_results p, - div.med div.no_results p { - float:left; - width:100%; - margin:6px 0 0 0; - text-align:center; - font:normal 17px Arial; - color:#666666; - } - div.med div.no_results p a, - div.med div.no_results p a { - color:#E93E3F; - text-decoration:underline; - } - div.med div.no_results p a:hover, - div.med div.no_results p a:hover { - color:#7F2023; - } - div.bottom_grey div.pagination { - float:right; - width:auto; - padding:0; - margin:0 30px 0 0!important; - } - div.bottom_grey div.pagination em { - float:left; - padding:20px 10px 7px; - background:url('/images/backoffice/donors/page_selected.jpg') no-repeat center bottom; - font:normal 15px "Museo Sans",Arial; - color:#333333; - } - div.bottom_grey div.pagination a { - float:left; - margin:0; - padding:20px 10px 7px 10px; - font:normal 15px "Museo Sans",Arial; - color:#E93E3F; - line-height:15px; - text-transform:uppercase; - } - div.bottom_grey div.pagination a:hover { - color:#333333; - text-decoration:none; - } - div.bottom_grey div.pagination span.disabled { - display:none; - } - div.bottom_grey div.pagination span.gap { - float:left; - height:34px; - border-bottom:1px dotted #EA3C44; - padding:0; - } - - /*specific NGO*/ - div.block.edit div.med div.left div.specific_edit { - float:left; - width:526px; - height:312px; - margin:30px 0 0 0; - padding:20px; - background:url('/images/backoffice/ngos/edit_specific_bkg.png') no-repeat 0 0; - } - div.block.edit div.med div.left div.specific_edit span { - float:left; - width:100%; - } - div.block.edit div.med div.left div.specific_edit h3 { - float:left; - font:normal 17px "Museo Sans",Arial; - color:#333333; - } - div.block.edit div.med div.left div.specific_edit p.paylock { - float:right; - padding:2px 24px 0 0; - font:normal 13px Arial; - color:#333333; - background:url('/images/backoffice/ngos/paylock.png') no-repeat right -21px; - } - div.block.edit div.med div.left div.specific_edit p.paylock.open { - background-position:right -21px; - } - div.block.edit div.med div.left div.specific_edit p.paylock.close { - background-position:right 0; - } - div.block.edit div.med div.left div.specific_edit p.paylock.disabled { - background-position:right -43px; - color:#999999; - } - div.block.edit div.med div.left div.specific_edit p.paylock a { - color:#E93E3F; - text-decoration:underline; - } - div.block.edit div.med div.left div.specific_edit p.paylock a:hover { - color:#7F2023; - } - div.block.edit div.med div.left div.specific_edit div.field { - float:left; - width:397px; - } - div.block.edit div.med div.left div.specific_edit div.short_field { - float:left; - width:252px; - margin:0 20px 0 0; - } - div.block.edit div.med div.left div.specific_edit div.last { - margin:0; - } - div.block.edit div.med div.left div.specific_edit div.tiny_field { - float:right; - width:109px; - } - div.block.edit div.med div.left div.specific_edit div label { - margin-left:3px; - font:normal 11px Arial; - color:#333333; - } - div.block.edit div.med div.left div.specific_edit div.short_field input[type="text"] { - width:236px; - background:url('/images/backoffice/ngos/med_input.png') no-repeat 0 0; - } - div.block.edit div.med div.left div.specific_edit div.tiny_field input[type="text"] { - float:left; - width:93px; - height:18px; - margin:5px 0 0 0; - padding:8px; - font:normal 15px Arial; - color:#333333; - border:none; - background:url('/images/backoffice/ngos/small_input.png') no-repeat 0 0; - } - div.block.edit div.med div.left div.specific_edit div.field input[type="text"] { - width:381px; - background:url('/images/backoffice/ngos/long_input.png') no-repeat 0 0; - } - div.block.edit div.med div.left div.specific_edit div.field input[type="text"].short { - width:236px; - background:url('/images/backoffice/ngos/med_input.png') no-repeat 0 0; - } - div.block.edit div.med div.left div.specific_edit.disabled { - height:auto; - padding:0; - background:none; - } - div.block.edit div.med div.left div.specific_edit.disabled h3 { - color:#999999; - } - div.block.edit div.med div.left div.specific_edit.disabled div.top { - float:left; - width:566px; - height:20px; - background:url('/images/backoffice/ngos/top_specific_edit.png') no-repeat 0 0!important; - } - div.block.edit div.med div.left div.specific_edit.disabled div.med { - float:left; - width:526px; - height:auto; - padding:0 20px; - background:url('/images/backoffice/ngos/med_specific_edit_disabled.png') repeat-y 0 0!important; - } - div.block.edit div.med div.left div.specific_edit.disabled div.med input { - background-position:0 -34px!important; - color:#CBCCC6; - } - div.block.edit div.med div.left div.specific_edit.disabled div.med label { - color:#CBCCC6; - } - div.block.edit div.med div.left div.specific_edit.disabled div.bottom { - float:left; - width:566px; - height:20px; - background:url('/images/backoffice/ngos/bottom_specific_edit.png') no-repeat 0 0!important; - } - div.block.edit div.med div.left div.specific_edit.closed { - height:auto; - padding:0; - background:none; - } - div.block.edit div.med div.left div.specific_edit.closed h3 { - color:#333333; - } - div.block.edit div.med div.left div.specific_edit.closed div.top { - float:left; - width:566px; - height:20px; - background:url('/images/backoffice/ngos/top_specific_edit.png') no-repeat 0 0!important; - } - div.block.edit div.med div.left div.specific_edit.closed div.med { - float:left; - width:526px; - height:auto; - padding:0 20px; - background:url('/images/backoffice/ngos/med_specific_edit_disabled.png') repeat-y 0 0!important; - } - div.block.edit div.med div.left div.specific_edit.closed div.med input { - background-position:0 -34px!important; - color:#CBCCC6; - } - div.block.edit div.med div.left div.specific_edit.closed div.med label { - color:#CBCCC6; - } - div.block.edit div.med div.left div.specific_edit.closed input.twitter { - width:214px; - padding:8px 8px 8px 30px; - background:url('/images/backoffice/ngos/twitter_input.png') no-repeat 0 -34px!important; - } - div.block.edit div.med div.left div.specific_edit.closed input.facebook { - width:359px!important; - padding:8px 8px 8px 30px; - background:url('/images/backoffice/ngos/facebook_input.png') no-repeat 0 -34px!important; - } - div.block.edit div.med div.left div.specific_edit.closed input.people { - width:200px!important; - padding:8px 44px 8px 8px; - background:url('/images/backoffice/ngos/people_input.png') no-repeat 0 -34px!important; - } - div.block.edit div.med div.left div.specific_edit.closed input.budget { - width:214px!important; - padding:8px 30px 8px 8px; - background:url('/images/backoffice/ngos/budget_input.png') no-repeat 0 -34px!important; - } - div.block.edit div.med div.left div.specific_edit.closed div.bottom { - float:left; - width:566px; - height:20px; - background:url('/images/backoffice/ngos/bottom_specific_edit.png') no-repeat 0 0!important; - } - div.block.edit div.med div.left div.specific_edit.closed textarea { - max-width:508px!important; - min-width:508px!important; - max-height:198px!important; - min-height:198px!important; - padding:8px; - background:url('/images/backoffice/ngos/textarea_bkg.png') no-repeat 0 -214px!important; - color:#CCCCCC; - } - div.block.edit div.med div.left div.specific_edit.closed div.image_container { - width:506px; - height:62px; - background:url('/images/backoffice/ngos/logo_bkg.png') no-repeat 0 -82px; - } - div.block.edit div.med div.left div.specific_edit.enabled { - height:auto; - padding:0; - background:none; - } - div.block.edit div.med div.left div.specific_edit.enabled p.paylock { - background-position:right -21px; - } - div.block.edit div.med div.left div.specific_edit.enabled h3 { - color:#333333; - } - div.block.edit div.med div.left div.specific_edit.enabled div.top { - float:left; - width:566px; - height:20px; - background:url('/images/backoffice/ngos/top_specific_edit.png') no-repeat 0 -20px!important; - } - div.block.edit div.med div.left div.specific_edit.enabled div.med { - float:left; - width:526px; - height:auto; - padding:0 20px; - background:url('/images/backoffice/ngos/med_specific_edit_enabled.png') repeat-y 0 0!important; - } - div.block.edit div.med div.left div.specific_edit.enabled div.med input { - background-position:0 0; - color:#333333; - } - div.block.edit div.med div.left div.specific_edit.enabled div.med label { - color:#333333; - } - div.block.edit div.med div.left div.specific_edit.enabled input.twitter { - width:214px; - padding:8px 8px 8px 30px; - background:url('/images/backoffice/ngos/twitter_input.png') no-repeat 0 0!important; - } - div.block.edit div.med div.left div.specific_edit.enabled input.facebook { - width:359px!important; - padding:8px 8px 8px 30px; - background:url('/images/backoffice/ngos/facebook_input.png') no-repeat 0 0!important; - } - div.block.edit div.med div.left div.specific_edit.enabled input.people { - width:200px!important; - padding:8px 44px 8px 8px; - background:url('/images/backoffice/ngos/people_input.png') no-repeat 0 0!important; - } - div.block.edit div.med div.left div.specific_edit.enabled input.budget { - width:214px!important; - padding:8px 30px 8px 8px; - background:url('/images/backoffice/ngos/budget_input.png') no-repeat 0 0!important; - } - div.block.edit div.med div.left div.specific_edit.enabled div.bottom { - float:left; - width:566px; - height:20px; - background:url('/images/backoffice/ngos/bottom_specific_edit.png') no-repeat 0 -20px!important; - } - div.block.edit div.med div.left div.specific_edit.enabled textarea { - max-width:508px!important; - min-width:508px!important; - max-height:198px!important; - min-height:198px!important; - padding:8px; - background:url('/images/backoffice/ngos/textarea_bkg.png') no-repeat 0 0!important; - color:#333333; - } - div.block.edit div.med div.left div.specific_edit.enabled div.image_container { - width:506px; - height:62px; - background:url('/images/backoffice/ngos/logo_bkg.png') no-repeat 0 0; - } - - /*site customize*/ - div.block.edit div.med div.left ul.themes { - float:left; - width:100%; - margin:15px 0 0 0; - } - div.block.edit div.med div.left ul.themes li { - position:relative; - float:left; - width:157px; - height:136px; - padding:10px; - margin:0 15px 0 0; - background:url('/images/backoffice/sites/theme_bkg.png') no-repeat 0 0; - } - div.block.edit div.med div.left ul.themes li:hover { - background-position:0 -156px; - cursor:pointer; - } - div.block.edit div.med div.left ul.themes li.last { - margin:0; - } - div.block.edit div.med div.left ul.themes li.selected { - background-position:0 -156px; - } - div.block.edit div.med div.left ul.themes li a.preview { - position:absolute; - display:none; - bottom:0; - right:0; - width:93px; - height:24px; - text-indent:-9999px; - background:url('/images/backoffice/sites/preview_site.png') no-repeat 0 0; - } - div.block.edit div.med div.left ul.themes li.selected a.preview { - display:block; - } - div.block.edit div.med div.left ul.themes li.selected a.preview:hover { - cursor:pointer; - } - div.block.edit div.med div.left ul.themes li.selected span.ready { - position:absolute; - top:46px; - left:61px; - width:54px; - height:54px; - background:url('/images/backoffice/sites/ready.png') no-repeat 0 0; - } - div.block.edit div.med div.left div.partner { - position:relative; - float:left; - width:396px; - padding:10px; - margin:10px 0 0 0; - background:url('/images/backoffice/sites/partner_bkg.png') no-repeat 0 0; - } - div.block.edit div.med div.left div.partner img { - float:left; - margin:0 15px 0 0; - } - div.block.edit div.med div.left div.partner p { - float:left; - width:250px; - margin:5px 0 0 0; - font:normal 15px Arial; - color:#333333; - } - div.block.edit div.med div.left div.partner p a { - float:left; - width:auto; - font:normal 15px Arial; - color:#333333; - } - div.block.edit div.med div.left div.partner p.bottom { - font-size:13px; - color:#666666; - } - div.block.edit div.med div.left div.partner p.bottom a { - font-size:13px; - color:#666666; - } - div.block.edit div.med div.left div.partner p.bottom a:hover { - text-decoration:underline; - } - div.block.edit div.med div.left div.partner a.delete { - position:absolute; - right:15px; - top:30px; - width:15px; - height:16px; - background:url('/images/backoffice/icons/close_bkg.png') no-repeat 0 0; - text-indent:-9999px; - font-size:0; - display:block; - line-height:0; - } - div.block.edit div.med div.left div.partner a.delete:hover { - background-position:0 -16px; - } - div.block.edit div.med div.left span.add_partner { - float:left; - width:565px; - height:53px; - background:url('/images/backoffice/sites/add_partner_bkg.png') no-repeat 0 0; - } - div.block.edit div.med div.left span.add_partner p { - float:left; - margin:17px 0 0 15px; - font:normal 15px Arial; - color:#333333; - } - div.block.edit div.med div.left span.add_partner a { - float:right; - width:132px; - height:32px; - margin:11px 15px 0 0; - padding:0; - text-indent:-9999px; - background:url('/images/backoffice/sites/add_partner_button.png') no-repeat 0 0; - } - div.block.edit div.med div.left span.add_partner a:hover { - background-position:0 -32px; - cursor:pointer; - } - div.block.edit div.med div.left p.map { - font:normal 13px Arial; - color:#999999; - } - div.block.edit div.med div.left div.outer_map { - position:relative; - width:558px; - height:293px; - margin:10px 0 0 0; - padding:2px!important; - background:url('/images/backoffice/sites/back_map.jpg') no-repeat 0 0; - } - div.block.edit div.med div.left div.outer_map div#map { - float:left; - width:100%; - height:100%; - } - div.block.edit div.med div.left div.outer_map a#zoomIn { - position:absolute; - width:26px; - height:25px; - left:10px; - top:10px; - background:url('/images/sites/maps/zoom_in.png') no-repeat 0 0; - z-index:100; - } - div.block.edit div.med div.left div.outer_map a#zoomIn:hover { - background-position:0 -25px; - } - div.block.edit div.med div.left div.outer_map a#zoomOut { - position:absolute; - width:26px; - height:25px; - left:40px; - top:10px; - background:url('/images/sites/maps/zoom_out.png') no-repeat 0 0; - z-index:100; - } - div.block.edit div.med div.left div.outer_map a#zoomOut:hover { - background-position:0 -25px; - } - - div.block.edit div.med div.left form div.list_combo { - float:left; - width:419px; - height:auto; - position:relative; - } - div.block.edit div.med div.left form ul.list_combo_content { - position:absolute; - top:35px; - width:419px; - display:none; - left:0; - z-index:10; - } - div.block.edit div.med div.left form ul.list_combo_content li.first { - float:left; - width:419px; - height:4px; - margin:0; - background:url('/images/backoffice/projects/top_content_combo_large.png') no-repeat 0 0; - padding:0; - } - div.block.edit div.med div.left form ul.list_combo_content li.element { - float:left; - margin:0; - background:url('/images/backoffice/projects/repeat_content_combo_large.png') no-repeat 0 0; - width:407px; - height:22px; - padding:5px 0 0 12px; - position:relative; - } - div.block.edit div.med div.left form ul.list_combo_content li.element p.project_name { - float:left; - font:normal 15px Arial; - color:#333333; - width:auto; - } - div.block.edit div.med div.left form ul.list_combo_content li.element p.amount_projects { - position:absolute; - top:7px; - right:10px; - font:normal 13px Arial; - color:#666666; - width:auto; - } - div.block.edit div.med div.left form ul.list_combo_content li.element:hover { - cursor:pointer; - background:url('/images/backoffice/projects/repeat_content_combo_large_hover.png') no-repeat 0 0; - } - div.block.edit div.med div.left form ul.list_combo_content li.last { - float:left; - width:419px; - height:7px; - margin:0; - background:url('/images/backoffice/projects/bottom_content_combo_large.png') no-repeat 0 0; - padding:0; - } - div.block.edit div.med div.left form ul.list_combo_content li.last:hover { - background:url('/images/backoffice/projects/bottom_content_combo_large.png') no-repeat 0 0; - } - div.block.edit div.med div.left form span.combo_large { - float:left; - margin:5px 0 0 0; - background:url('/images/backoffice/projects/large_combo_head.png') no-repeat 0 0; - width:410px; - height:24px; - font:normal 13px Arial; - color:#999999; - padding:9px 0 0 11px; - position:relative; - } - div.block.edit div.med div.left form span.combo_large a.organization { - position:absolute; - top:10px; - left:12px; - width:374px; - height:19px; - font:normal 13px Arial; - color:#999999; - } - div.block.edit div.med div.left form span.combo_large a.organization:hover { - cursor:pointer; - } - div.block.edit div.med div.left form span.combo_large.displayed { - background:url('/images/backoffice/projects/large_combo_head_displayed2.png') no-repeat 0 0; - } - div.block.edit div.med div.left form span.blog.selected { - float:left; - width:569px; - height:82px; - background:url('/images/backoffice/sites/blog_bkg.png') no-repeat center 0; - } - div.block.edit div.med div.left form span.blog { - float:left; - height:auto; - background:none; - } - div.block.edit div.med div.left form span.blog input[type="checkbox"] { - margin:13px 0 0 10px; - display:block!important; - visibility:visible; - } - div.block.edit div.med div.left form span input[type="checkbox"] { - visibility:visible; - } - div.block.edit div.med div.left form span.blog p { - margin:10px 0 0 6px; - width:200px; - } - - div.block.edit div.med div.left form span.blog input[type="text"] { - position:relative; - margin:5px 0 0 23px!important; - } - div#manage_partners { - position:absolute; - display:none; - top:0; - left:0; - width:372px; - height:409px; - padding:20px 25px; - background:url('/images/backoffice/sites/add_partner_window.png') no-repeat 0 0; - z-index:1000; - } - div#manage_partners a.close { - position:absolute; - right:20px; - top:18px; - width:12px; - height:12px; - background:url('/images/backoffice/icons/close_window.png') no-repeat 0 0; - text-indent:-9999px; - } - div#manage_partners a.close:hover { - cursor:pointer; - background-position:0 -12px; - } - div#manage_partners h3 { - float:left; - font:normal 21px "Museo Sans",Arial; - color:#333333; - } - div#manage_partners label { - font:normal 11px Arial; - color:#333333; - } - div#manage_partners div.field { - float:left; - width:100%; - padding:0 0 15px; - } - div#manage_partners div.image_container { - float:left; - width:100%; - padding:0; - margin:0; - background:none; - } - div#manage_partners div.image_container span.white { - background:white; - width:117px; - height:60px; - } - div#manage_partners div.image_container p { - float:left; - width:auto; - margin:5px 0 0 0; - font:normal 13px Arial; - color:#666666; - } - div#manage_partners div.image_container input[type="file"] { - margin:5px 0 0 0; - color: #666666; - } - div#manage_partners input[type="submit"] { - width:132px; - height:32px; - margin:25px 0 0 0; - text-indent:-9999px; - background:url('/images/backoffice/sites/add_partner_button.png') no-repeat 0 0; - } - div#manage_partners input[type="submit"]:hover { - background-position:0 -32px; - } - - /*search*/ - div.long_search { - float:left; - width:937px; - height:auto; - margin:20px 10px 0 0; - } - div.long_search span.top { - float:left; - width:942px; - height:9px; - background:url('/images/backoffice/backgrounds/top_long.png') no-repeat 0 0; - } - div.long_search div.content { - float:left; - width:882px; - height:auto; - background:url('/images/backoffice/backgrounds/mid_long.png') repeat-y 0; - padding:15px 30px 10px; - } - div.long_search div.content.padding { - padding:25px 30px 25px!important; - } - div.activity .long_search div.content.padding { - padding:13px 30px 25px!important; - } - div.long_search span.bottom { - float:left; - width:942px; - height:13px; - background:url('/images/backoffice/backgrounds/bottom_white_long.png') no-repeat 0 0; - } - div.long_search ul.combos { - float:left; - width:800px; - height:60px; - margin:20px 0 0 0; - } - div.long_search ul.combos li.comboselect { - float:left; - width:190px; - height:100%; - } - div.long_search ul.combos li.comboselect.status { - width:190px; - } - div.long_search ul.combos li.comboselect.date { - width:140px; - } - div.long_search ul.combos li.comboselect.date .chzn-container-single .chzn-single span { - display:inline-block; - } - - div.long_search ul.combos li.comboselect span.combo { - float:left; - margin:6px 0 0 0; - background:url('/images/backoffice/projects/single_combo_head.png') no-repeat 0 0; - font:normal 13px Arial; - color:#333333; - text-decoration:none; - width:134px; - height:24px; - padding:8px 0 0 11px; - position:relative; - } - div.long_search ul.combos li.comboselect span.combo:focus { - outline:none; - } - div.long_search ul.combos li.comboselect span.combo p { - width:130px; - } - div.long_search ul.combos li.comboselect span.combo ul.elements { - display:none; - } - div.long_search ul.combos li.comboselect span.combo.clicked { - background:url('/images/backoffice/projects/combos/index_search_head.png') no-repeat 0 0; - width:135px; - position:relative; - } - div.long_search ul.combos li.comboselect span.combo.clicked div.elements_content { - position:absolute; - top:31px; - left:0; - display:inline; - background:url('/images/backoffice/projects/combos/body_combo_search.png') no-repeat 0 0; - width:148px; - height:198px; - z-index:50; - } - div.long_search ul.combos li.comboselect span.combo.clicked ul.elements { - float:left; - width:148px; - height:194px; - overflow-x:hidden; - overflow-y:auto; - display:inline; - } - div.long_search ul.combos li.comboselect span.combo.clicked ul.elements li { - float:left; - width:88px; - height:auto; - padding:5px 30px 5px 12px; - margin:0 0 0 1px; - } - div.long_search ul.combos li.comboselect span.combo.clicked ul.elements li:hover { - background-color:#E4F0CA; - } - div.long_search ul.combos li.comboselect span.combo ul.elements.short { - display:none; - } - div.long_search ul.combos li.comboselect span.combo.clicked ul.elements.short { - position:absolute; - top:31px; - left:-1px; - display:inline; - width:148px; - height:auto; - background:none; - z-index:50; - } - div.long_search ul.combos li.comboselect span.combo.clicked ul.elements.short li { - float:left; - width:120px; - height:auto; - background:url('/images/backoffice/projects/combos/index_search_content.png') - repeat-y 0; - padding:5px 5px 5px 12px; - margin:0 0 0 1px; - } - div.long_search ul.combos li.comboselect span.combo.clicked ul.elements.short li:hover { - float:left; - width:264px; - background:url('/images/backoffice/projects/combos/index_search_content_hover.png') repeat-y 0; - } - div.long_search ul.combos li.comboselect span.combo.clicked ul.elements.short li.first { - float:left; - width:135px; - height:6px; - background:url('/images/backoffice/projects/combos/index_search_content_first.png') no-repeat 0 0; - margin:0 0 0 0 1px; - padding:0; - } - div.long_search ul.combos li.comboselect span.combo.clicked ul.elements.short li.last { - float:left; - width:135px; - height:6px; - background:url('/images/backoffice/projects/combos/index_search_bottom.png') no-repeat 0 0; - } - div.long_search ul.combos li.comboselect span.combo.clicked ul.elements.short li.last:hover { - background:url('/images/backoffice/projects/combos/index_search_bottom.png') no-repeat 0 0; - } - div.long_search ul.combos li.comboselect span.combo:hover { - cursor:pointer; - } - div.long_search ul.combos li.comboselect label { - display:block; - clear:both; - width: 104px; - margin-bottom: 7px; - } - - - .chzn-container-single .chzn-single { - line-height:30px!important; - } - div .chzn-container .chzn-results li { - color:#333; - } - div .chzn-container .chzn-results li.active-result:hover { - color:#fff; - } - div #status_chzn .chzn-search { - display:none; - } - - div.long_search label { - float:left; - margin:0 0 0 3px; - font:bold 11px Arial; - color:#999999; - } - div.long_search form.search { - float:left; - position:relative; - width:100%; - } - div.long_search input[type="text"].main_search { - float:left; - width:832px; - height:29px; - margin:5px 0 0 0; - padding:7px 36px 5px 10px; - font:normal 17px Arial; - color:#333; - border:none; - background:url('/images/backoffice/projects/long_search.png') no-repeat 0 0; - line-height:27px; - } - div.long_search input[type="submit"] { - position: absolute; - width: 152px; - height: 41px; - right: 5px; - top: 17px; - background: url('/images/backoffice/common/search.png') no-repeat 0 0; - border: none; - } - div.long_search input[type="submit"]:hover { - background-position:0 -41px; - cursor:pointer; - } - - /* Offices search */ - div.offices_search { - width:937px; - height:auto; - margin:20px 10px 0 0; - } - div.offices_search span.top { - display: block; - width:942px; - height:9px; - background:url('/images/backoffice/backgrounds/top_long.png') no-repeat 0 0; - } - div.offices_search div.content { - width:882px; - height:auto; - background:url('/images/backoffice/backgrounds/mid_long.png') repeat-y 0; - padding:15px 30px 10px; - } - div.offices_search div.content.padding { - padding:25px 30px 25px!important; - } - div.activity .offices_search div.content.padding { - padding:13px 30px 25px!important; - } - div.offices_search span.bottom { - display: block; - width:942px; - height:13px; - background:url('/images/backoffice/backgrounds/bottom_white_long.png') no-repeat 0 0; - } - div.offices_search ul.combos { - width:800px; - height:60px; - margin:20px 0 0 0; - } - div.offices_search ul.combos li.comboselect { - width:190px; - height:100%; - } - div.offices_search ul.combos li.comboselect.status { - width:190px; - } - div.offices_search ul.combos li.comboselect.date { - width:140px; - } - div.offices_search ul.combos li.comboselect.date .chzn-container-single .chzn-single span { - display:inline-block; - } - - div.offices_search ul.combos li.comboselect span.combo { - margin:6px 0 0 0; - background:url('/images/backoffice/projects/single_combo_head.png') no-repeat 0 0; - font:normal 13px Arial; - color:#333333; - text-decoration:none; - width:134px; - height:24px; - padding:8px 0 0 11px; - position:relative; - } - div.offices_search ul.combos li.comboselect span.combo:focus { - outline:none; - } - div.offices_search ul.combos li.comboselect span.combo p { - width:130px; - } - div.offices_search ul.combos li.comboselect span.combo ul.elements { - display:none; - } - div.offices_search ul.combos li.comboselect span.combo.clicked { - background:url('/images/backoffice/projects/combos/index_search_head.png') no-repeat 0 0; - width:135px; - position:relative; - } - div.offices_search ul.combos li.comboselect span.combo.clicked div.elements_content { - position:absolute; - top:31px; - left:0; - display:inline; - background:url('/images/backoffice/projects/combos/body_combo_search.png') no-repeat 0 0; - width:148px; - height:198px; - z-index:50; - } - div.offices_search ul.combos li.comboselect span.combo.clicked ul.elements { - width:148px; - height:194px; - overflow-x:hidden; - overflow-y:auto; - display:inline; - } - div.offices_search ul.combos li.comboselect span.combo.clicked ul.elements li { - width:88px; - height:auto; - padding:5px 30px 5px 12px; - margin:0 0 0 1px; - } - div.offices_search ul.combos li.comboselect span.combo.clicked ul.elements li:hover { - background-color:#E4F0CA; - } - div.offices_search ul.combos li.comboselect span.combo ul.elements.short { - display:none; - } - div.offices_search ul.combos li.comboselect span.combo.clicked ul.elements.short { - position:absolute; - top:31px; - left:-1px; - display:inline; - width:148px; - height:auto; - background:none; - z-index:50; - } - div.offices_search ul.combos li.comboselect span.combo.clicked ul.elements.short li { - width:120px; - height:auto; - background:url('/images/backoffice/projects/combos/index_search_content.png') - repeat-y 0; - padding:5px 5px 5px 12px; - margin:0 0 0 1px; - } - div.offices_search ul.combos li.comboselect span.combo.clicked ul.elements.short li:hover { - width:264px; - background:url('/images/backoffice/projects/combos/index_search_content_hover.png') repeat-y 0; - } - div.offices_search ul.combos li.comboselect span.combo.clicked ul.elements.short li.first { - width:135px; - height:6px; - background:url('/images/backoffice/projects/combos/index_search_content_first.png') no-repeat 0 0; - margin:0 0 0 0 1px; - padding:0; - } - div.offices_search ul.combos li.comboselect span.combo.clicked ul.elements.short li.last { - width:135px; - height:6px; - background:url('/images/backoffice/projects/combos/index_search_bottom.png') no-repeat 0 0; - } - div.offices_search ul.combos li.comboselect span.combo.clicked ul.elements.short li.last:hover { - background:url('/images/backoffice/projects/combos/index_search_bottom.png') no-repeat 0 0; - } - div.offices_search ul.combos li.comboselect span.combo:hover { - cursor:pointer; - } - div.offices_search ul.combos li.comboselect label { - display:block; - clear:both; - width: 104px; - margin-bottom: 7px; - } - - - .chzn-container-single .chzn-single { - line-height:30px!important; - } - div .chzn-container .chzn-results li { - color:#333; - } - div .chzn-container .chzn-results li.active-result:hover { - color:#fff; - } - div #status_chzn .chzn-search { - display:none; - } - - div.offices_search label { - display: block; - margin:0 0 0 3px; - font:bold 11px Arial; - color:#999999; - } - div.offices_search form.search { - position:relative; - width:100%; - } - - div.offices_search form.search .field { - float: none; - } - - div.offices_search form.search .field, - div.offices_search form.search .comboselect { - display:inline-block; - vertical-align:top; - zoom:1; - *display:inline; - } - - div.offices_search input[type="text"].main_search { - width:525px; - height:29px; - margin:5px 0 0 0; - padding:7px 10px 5px 10px; - font:normal 17px Arial; - color:#333; - border:none; - background:url('/images/backoffice/projects/offices_search.png') no-repeat 0 0; - line-height:27px; - } - div.offices_search input[type="submit"] { - position: absolute; - width: 152px; - height: 41px; - right: 5px; - top: 17px; - background: url('/images/backoffice/common/offices_search.png') no-repeat 0 0; - border: none; - } - div.offices_search input[type="submit"]:hover { - background-position:0 -41px; - cursor:pointer; - } - - div.one_project { - float:left; - width:288px; - height:140px; - margin:20px 0 0 0; - padding:0; - } - div.one_project span.top { - float:left; - width:288px; - height:8px; - background:url('/images/backoffice/backgrounds/one_box_top.png') no-repeat 0 0; - } - div.one_project div.content { - float:left; - width:288px; - height:auto; - padding:0 0 26px; - background:url('/images/backoffice/backgrounds/one_box_content.png') repeat-y 0; - } - div.one_project span.bottom { - float:left; - width:288px; - height:15px; - background:url('/images/backoffice/backgrounds/one_box_bottom.png') no-repeat 0 0; - } - div.one_project div.center { - float:left; - width:100%; - text-align:center; - } - div.one_project p { - float:left; - margin:12px 5px 0 0; - width:auto; - font:normal 43px "Museo Sans",Arial; - color:#333333; - } - div.one_project label { - float:left; - font:normal 15px "Museo Sans",Arial; - color:#666666; - margin:15px 0 0 0; - text-align:left; - } - a.add_project { - float:left; - width:127px; - height:26px; - margin:0 10px 0 0; - padding:6px 0 0 0; - background:url('/images/backoffice/projects/green_new.png') no-repeat 0 0; - font:normal 19px "Museo Sans",Arial; - color:white; - text-shadow:0 1px #5C7C31; - text-align:center; - } - a.add_project:hover { - background-position:0 -32px; - } - a.import_csv { - float:left; - width:153px; - height:26px; - margin:0; - padding:6px 0 0 0; - background:url('/images/backoffice/projects/export_csv_btn.png') no-repeat 0 0; - font:normal 19px "Museo Sans",Arial; - color:white; - text-shadow:0 1px #000000; - text-align:center; - } - a.import_csv:hover { - background-position:0 -32px; - } - - - .sync_projects { - } - - .sync_projects #synchronization_projects_file { - display: none; - } - - div.med.projects_list h2 a.remove { - padding:0 10px 0 0; - color:#333333; - border-bottom:1px dotted #EB4142; - background:url('/images/backoffice/icons/red_x.png') no-repeat right 17px; - } - div.med.projects_list h2 a.remove:hover { - border-bottom:1px solid #EB4142; - text-decoration:none; - } - div.med.projects_list ul { - float:left; - width:100%; - padding:0; - margin:23px 0 0 0; - border-top:1px solid #CCCCCC; - } - div.med.projects_list ul li { - float:left; - width:100%; - padding:0; - margin:0; - border-bottom:1px solid #CCCCCC; - height:71px; - } - div.med .projects_list ul li.last { - border:none; - } - div.med .projects_list ul li h3 a { - font:bold 17px Arial; - color:#E93E3F; - } - div.med .projects_list ul li h3 a:hover { - text-decoration:underline; - } - div.med .projects_list ul li div.project_name { - float:left; - width:443px; - height:71px; - } - div.med .projects_list ul li div.project_name_long { - width:610px} - div.med .projects_list ul li div.project_name h3 { - float:left; - width:100%; - padding:17px 0 0 0; - } - div.med .projects_list ul li div.project_name a.project_status { - float:left; - margin:2px 0 0 0; - font:normal 13px Arial; - color:#666666; - padding:0 0 0 12px; - } - div.med .projects_list ul li div.project_name a.project_status.active { - background:url('/images/backoffice/projects/active_icon.png') no-repeat 0 3px; - } - div.med .projects_list ul li div.project_name a.project_status.closed { - background:url('/images/backoffice/projects/closed_icon.png') no-repeat 0 3px; - } - div.med .projects_list ul li div.box { - float:left; - height:50px; - width:167px; - padding:21px 0 0 0; - } - div.med .projects_list ul li div.box.little { - width:135px; - } - div.med .projects_list ul li div.box.single { - padding:28px 0 0 0; - height:43px; - } - div.med .projects_list ul li div.box.red { - background:#f7f7f7; - } - div.med .projects_list ul li div.box.gray { - background:#f7f7f7; - } - div.med .projects_list div.no_results { - float:left; - width:100%; - padding:70px 0 80px; - } - div.med .projects_list div.no_results h2 { - float:left; - width:100%; - text-align:center; - } - div.med .projects_list div.no_results p { - float:left; - width:100%; - margin:6px 0 0 0; - text-align:center; - font:normal 17px Arial; - color:#666666; - } - div.med .projects_list div.no_results p a { - color:#E93E3F; - text-decoration:underline; - } - div.med .projects_list div.no_results p a:hover { - color:#7F2023; - } - - div.med .projects_list table { - float:left; - width:100%; - margin:23px 0 0 0; - border-top:1px solid #CCCCCC; - border-collapse:collapse; - } - div.med .projects_list table tr { - width:100%; - } - div.med .projects_list table tr td { - height:110px; - padding:0 10px; - border-bottom:1px solid #E5E5E5; - } - div.med .projects_list table tr td.center { - text-align:center; - } - div.med .projects_list table tr td p { - font:normal 13px Arial!important; - color:#666666; - } - div.med .projects_list table tr td p.margin { - margin:5px 0 0 0; - } - div.med .projects_list table tr td.odd { - background:#F7F7F7; - } - div.med .projects_list table tr:last-child td { - border-bottom:none; - } - div.med .projects_list table tr h3 { - font:normal 17px Arial; - color:#666666; - } - div.med .projects_list table tr h3 a { - font:bold 17px Arial; - color:#E93E3F; - } - div.med .projects_list table tr h3 a:hover { - text-decoration:underline; - } - div.med .projects_list table tr a.project_status { - float:left; - font:normal 13px Arial; - color:#666666; - padding:0 4px 0 12px; - } - div.med .projects_list table tr a.project_status.active { - background:url('/images/backoffice/projects/active_icon.png') no-repeat 0 4px; - } - div.med .projects_list table tr a.project_status.closed { - background:url('/images/backoffice/projects/closed_icon.png') no-repeat 0 3px; - } - - div.med.projects_list ul li p.red { - color:#EB4142; - width:147px; - margin:0 0 0 9px; - } - div.med.projects_list ul li p.red a { - padding:0; - font:normal 13px Arial; - color:#EB4142; - } - - div.med.projects_list ul li p { - float:left; - width:100%; - height:auto; - padding:0; - margin:0; - font:normal 13px Arial; - color:#666666; - text-align:center; - } - div.med.projects_list ul li p.secondary { - margin:2px 0 0 0; - padding:0; - } - div.med.projects_list ul li p a { - padding:0; - font:normal 13px Arial; - color:#666666; - } - div.med.projects_list ul li p a:hover { - text-decoration:underline; - } - - /*EDIT PROJECTS */ - div.block.project_info div.top { - float:left; - width:100%; - background:url('/images/backoffice/backgrounds/top_two_columns.png') no-repeat center 0!important; - } - div.block.project_info div.med { - float:left; - width:880px; - padding:16px 31px 28px; - background:url('/images/backoffice/backgrounds/middle_two_columns.png') repeat-y center 0!important; - } - div.block.project_info div.med div.left { - float:left; - width:572px; - margin:0 0 0 2px; - } - div.block p.by { - float:left; - width:100%; - font:normal 15px Arial; - color:#666666; - } - div.block p.by a { - width:auto; - font:normal 15px Arial; - color:#E93E3F; - text-decoration:none; - } - div.block p.by a:hover { - text-decoration:underline; - } - div.block div.med div.left form { - float:left; - width:100%; - height:auto; - margin:5px 0 0 0; - /*padding:0 0 15px 0; - */ position:relative; - z-index:1; -} - -div.block.project_info div.med div.left form input[type="checkbox"] { - float:left; - visibility:hidden; - width:2px; -} -div.block.project_info div.med div.left form label { - position:relative; - float:left; - margin:20px 0 0 3px; - font:bold 11px Arial; - color:#999999; - width:100%; - text-transform:uppercase; - z-index:1; -} - -div.block.project_info div.med div.left form p.title { - float:left; - margin:20px 0 0 3px; - font:bold 11px Arial; - color:#999999; - width:100%; -} -div.block.project_info div.med div.left form p.title span.info { - font:normal 13px Arial; - color:#999999; - width:auto; - padding:0 5px; -} -div.block.project_info div.med div.left form span.input_large { - float:left; - margin:5px 0 0 0; - background:url('/images/backoffice/projects/input_project_large.png') no-repeat 0 0; - width:419px; - height:34px; - position:relative; - z-index:5; -} -div.block.project_info div.med div.left form span.input_large.active { - background:url('/images/backoffice/projects/large_combo_head_displayed.png') no-repeat 0 0; -} -div.block.project_info div.med div.left form span.error { - background-position:0 -34px; -} - -/*AUTOCOMPLETE - PROJECT TAGS*/ -ul.ui-autocomplete.project_tags { - position:absolute; - top:40px; - width:419px; - display:none; - z-index:20; -} -ul.ui-autocomplete.project_tags li.ui-menu-item { - float:right; - margin:0; - background:url('/images/backoffice/projects/repeat_content_tags.png') no-repeat 0 0; - width:413px; - height:22px; - font:normal 15px Arial; - color:#333333; - padding:5px 0 0 12px; - position:relative; -} -ul.ui-autocomplete.project_tags li.ui-menu-item:hover { - cursor:pointer; - background:url('/images/backoffice/projects/repeat_content_tags_hover.png') no-repeat 0 0; -} -ul.ui-autocomplete.project_tags li.ui-menu-item.last { - float:right; - width:425px; - height:7px; - margin:0; - background:url('/images/backoffice/projects/bottom_content_tags.png') no-repeat 0 0; - padding:0; -} -ul.ui-autocomplete.project_tags li.ui-menu-item a { - font:normal 15px Arial; - width:100%; -} -ul.ui-autocomplete.project_tags li.ui-menu-item p.info_amount { - position:absolute; - right:20px; - top:6px; - font:normal 13px Arial; - color:#666666; - width:auto; -} -/*END - AUTOCOMPLETE - TAGS*/ - -/*AUTOCOMPLETE - DONOR NAME*/ -ul.ui-autocomplete.donor_names { - position:absolute; - top:40px; - width:279px; - display:none; - z-index:20; - left:0; -} -ul.ui-autocomplete.donor_names li.ui-menu-item { - float:right; - margin:0; - background:url('/images/backoffice/projects/donations/repeat_content_tags.png') no-repeat 0 0; - width:257px; - height:17px; - font:normal 15px Arial; - color:#333333; - padding:5px 20px 0 12px; - position:relative; -} -ul.ui-autocomplete.donor_names li.ui-menu-item:hover { - cursor:pointer; - background:url('/images/backoffice/projects/donations/repeat_content_tags_hover.png') no-repeat 0 0; -} -ul.ui-autocomplete.donor_names li.ui-menu-item.last { - float:right; - width:289px; - height:7px; - margin:0; - background:url('/images/backoffice/projects/donations/bottom_content_tags.png') no-repeat 0 0; - padding:0; -} -ul.ui-autocomplete.donor_names li.ui-menu-item a { - font:normal 13px Arial; - width:100%; -} -/*END - AUTOCOMPLETE - TAGS*/ - -/*AUTOCOMPLETE - FILTERING TAGS*/ -ul.ui-autocomplete.site_tags { - position:absolute; - top:0; - width:502px; - display:none; - z-index:20; - left:0; -} -ul.ui-autocomplete.site_tags li.ui-menu-item { - float:right; - margin:0; - background:url('/images/backoffice/sites/repeat_content_tags.png') no-repeat 0 0; - width:497px; - height:22px; - font:normal 15px Arial; - color:#333333; - padding:5px 0 0 12px; - position:relative; -} -ul.ui-autocomplete.site_tags li.ui-menu-item:hover { - cursor:pointer; - background:url('/images/backoffice/sites/repeat_content_tags_hover.png') no-repeat 0 0; -} -ul.ui-autocomplete.site_tags li.ui-menu-item.last { - float:right; - width:509px; - height:7px; - margin:0; - background:url('/images/backoffice/sites/bottom_content_tags.png') no-repeat 0 0; - padding:0; -} -ul.ui-autocomplete.site_tags li.ui-menu-item a { - font:normal 13px Arial; - width:100%; -} -/*END - AUTOCOMPLETE - TAGS*/ - -div.block.project_info div.med div.left form input[type="text"] { - float:left; - margin:7px 0 0 7px; - width:400px; - height:21px; - font:normal 15px Arial; - color:#333333; - border:none; - padding:0; - border:0px; - background: none; -} -div.block.project_info div.bottom { - float:left; - height:15px; - width:100%; - background: url('/images/backoffice/backgrounds/bottom_two_columns.png') no-repeat scroll top left!important; -} -div.block.project_info div.med div.left form span.textarea.error { - background-position:0 -214px; -} -div.block.project_info div.med div.left form span.textarea { - float:left; - margin:5px 0 0 0; - background:url('/images/backoffice/projects/input_project_multiple.png') no-repeat 0 0; - width:564px; - height:214px; - position:relative; -} -div.block.project_info div.med div.left form textarea { - position:absolute; - top:9px; - left:9px; - width:546px; - height:197px; - min-width:546px; - max-width:546px; - min-height:197px; - max-height:197px; - font:normal 15px Arial; - color:#333333; - border:none; - line-height:17px; -} -div.block.project_info div.med div.left form textarea:focus { - outline:none; -} -div.block.project_info div.med div.left form div.list_combo { - float:left; - width:419px; - height:auto; - position:relative; -} -div.block.project_info div.med div.left form ul.list_combo_content { - position:absolute; - top:35px; - width:434px; - height:199px; - display:none; - left:0; - z-index:10; - background:url('/images/backoffice/projects/combos/body_combo_orgs.png') no-repeat 0 0; - overflow-x:hidden; - overflow-y:auto; -} -div.block.project_info div.med div.left form ul.list_combo_content li.element { - float:left; - margin:0 0 0 1px; - width:404px; - height:22px; - font:normal 15px Arial; - color:#333333; - padding:5px 0 0 12px; - position:relative; -} -div.block.project_info div.med div.left form ul.list_combo_content li.element p.project_name { - width:310px; -} -div.block.project_info div.med div.left form ul.list_combo_content li.element p.amount_projects { - position:absolute; - top:7px; - right:30px; - font:normal 13px Arial; - color:#666666; - width:auto; -} -div.block.project_info div.med div.left form ul.list_combo_content li.element:hover { - cursor:pointer; - background-color:#CCE599; -} -div.block.project_info div.med div.left form span.combo_large { - float:left; - margin:5px 0 0 0; - background:url('/images/backoffice/projects/large_combo_head.png') no-repeat 0 0; - width:410px; - height:24px; - font:normal 13px Arial; - color:#999999; - padding:9px 0 0 11px; - position:relative; -} -div.block.project_info div.med div.left form span.combo_large.error { - background-position: 0 -36px; -} -div.block.project_info div.med div.left form span.combo_large a.organization { - position:absolute; - top:10px; - left:12px; - width:374px; - height:19px; - font:normal 13px Arial; - color:#999999; -} -div.block.project_info div.med div.left form span.combo_large a.organization:hover { - cursor:pointer; -} -div.block.project_info div.med div.left form span.combo_large.displayed { - background:url('/images/backoffice/projects/large_combo_head_displayed2.png') no-repeat 0 0; -} - -div.block.project_info div.med div.left form span.combo_large:hover { - cursor:pointer; -} -div.block.project_info div.med div.left form h3.section { - float:left; - margin:30px 0 0 2px; - width:100%; - font:500 17px "Museo Sans",Arial; - color:#333333; -} -div.block.project_info div.med div.left form ul.dates { - float:left; - width:400px; - height:auto; - margin:0 0 0 0; -} -div.block.project_info div.med div.left form ul.dates li.date { - float:left; - width:142px; - height:auto; -} -div.block.project_info div.med div.left form ul.dates li.date span.combo_date { - float:left; - background:url('/images/backoffice/projects/date/bkg_calendar.png') no-repeat 0 0; - width:122px; - height:26px; - font:normal 15px Arial; - color:#333333; - margin:5px 0 0 0; - padding:8px 0 0 8px; - position:relative; -} -div.block.project_info div.med div.left form ul.dates li.date span.combo_date.error { -background:url('/images/backoffice/projects/date/bkg_calendar_error.png') no-repeat 0 0 } -div.block.project_info div.med div.left form ul.dates li.date span.combo_date:hover { - cursor:pointer; -} -div.block.project_info div.med div.left form ul.dates li.date span.combo_date div.select_dates { - display:none; -} -div.block.project_info div.med div.left form ul.dates li.date span.combo_date.clicked { - background:url('/images/backoffice/projects/date/bkg_header_clicked_date.png') no-repeat 0 0; -} -div.block.project_info div.med div.left form ul.dates li.date span.combo_date.clicked.error { - background:url('/images/backoffice/projects/date/bkg_header_clicked_date_error.png') no-repeat 0 0; -} -div.block.project_info div.med div.left form ul.dates li.date span.combo_date.clicked div.select_dates { - position:absolute; - top:30px; - left:0; - background:url('/images/backoffice/projects/date/bkg_date_content.png') no-repeat 0 0; - width:335px; - height:68px; - z-index:20; - display:inline; - padding-left: 5px; -} -div.block.project_info div.med div.left form ul.dates li.date span.combo_date.clicked div.select_dates.end_date { - background:url('/images/backoffice/projects/date/bkg_date_content_right.png') no-repeat 0 0; - position:absolute; - top:30px; - left:-142px; -} - -div.block.project_info div.med div.left form ul.dates li.date span.combo_date.clicked div.select_dates span.month { - float:left; - width:124px; - height:51px; - margin:10px 9px 0 10px; -} -div.block.project_info div.med div.left form ul.dates li.date span.combo_date.clicked div.select_dates span.day { - float:left; - width:62px; - height:51px; - margin:10px 9px 0 8px; -} -div.block.project_info div.med div.left form ul.dates li.date span.combo_date.clicked div.select_dates span.year { - float:left; - width:76px; - height:51px; - margin:10px 0 0 0; -} - -div.block.project_info div.med div.left form ul.dates li.date span.combo_date.clicked div.select_dates p.title { - float:left; - margin:0 0 0 5px; - font:normal 11px Arial; - color:#606851; - text-transform:uppercase; - width:auto; -} -div.block.project_info div.med div.left form ul.dates li.date span.combo_date.clicked div.select_dates p.title#month { - float:left; - margin:12px 10px 3px 0; - width:135px; -} -div.block.project_info div.med div.left form ul.dates li.date span.combo_date.clicked div.select_dates p.title#day { - float:left; - margin:12px 10px 3px 0; - width:53px; -} -div.block.project_info div.med div.left form ul.dates li.date span.combo_date.clicked div.select_dates p.title#year { - float:left; - margin:12px 10px 3px 0; - width:100px; -} -div.block.project_info div.med div.left form ul.dates li.date span.combo_date.clicked div.select_dates a { - font:normal 13px Arial; - color:#333333; -} -div.block.project_info div.med div.left form ul.dates li.date span.combo_date.clicked div.select_dates a:hover { - cursor:pointer; -} -div.block.project_info div.med div.left form ul.dates li.date span.combo_date.clicked div.select_dates a.month_combo { - float:left; - margin:2px 0 0 0; - background:url('/images/backoffice/projects/date/month_combo.png') no-repeat 0 0; - width:123px; - height:23px; - padding:9px 0 0 10px; -} -div.block.project_info div.med div.left form ul.dates li.date span.combo_date.clicked div.select_dates a.day_combo { - float:left; - margin:2px 0 0 0; - background:url('/images/backoffice/projects/date/day_combo.png') no-repeat 0 0; - width:54px; - height:23px; - padding:9px 0 0 10px; -} -div.block.project_info div.med div.left form ul.dates li.date span.combo_date.clicked div.select_dates a.year_combo { - float:left; - margin:2px 0 0 0; - background:url('/images/backoffice/projects/date/year_combo.png') no-repeat 0 0; - width:68px; - height:23px; - padding:9px 0 0 10px; -} - - -/*CLUSTERS*/ -div.block.project_info div.med div.left form ul.clusters { - float:left; - width:272px; - height:auto; - margin:0; -} -div.block.project_info div.med div.left form ul.clusters li { - float:left; - width:262px; - height:24px; - background:url('/images/backoffice/projects/bkg_cluster.png') no-repeat 0 0; - font:normal 13px Arial; - color:#333333; - padding:6px 0 0 10px; - margin:10px 0 0 0; -} -div.block.project_info div.med div.left form ul.clusters li p { - float:left; - width:auto; -} -div.block.project_info div.med div.left form ul.clusters li a.close { - float:right; - margin:1px 5px 0 0; - background:url('/images/backoffice/projects/close_cluster_bttn.png') no-repeat 0 0; - width:16px; - height:16px; - padding:0; -} -div.block.project_info div.med div.left form ul.clusters li a.close:hover { - cursor:pointer; -} - -/*SECTORS*/ -div.block.project_info div.med div.left form ul.sectors { - float:left; - width:272px; - height:auto; - margin:0 0 0 0; -} -div.block.project_info div.med div.left form ul.sectors li { - float:left; - width:262px; - height:24px; - background:url('/images/backoffice/projects/bkg_cluster.png') no-repeat 0 0; - font:normal 13px Arial; - color:#333333; - padding:6px 0 0 10px; - margin:10px 0 0 0; -} -div.block.project_info div.med div.left form ul.sectors li p { - float:left; - width:auto; -} -div.block.project_info div.med div.left form ul.sectors li a.close { - float:right; - margin:1px 5px 0 0; - background:url('/images/backoffice/projects/close_cluster_bttn.png') no-repeat 0 0; - width:16px; - height:16px; -} -div.block.project_info div.med div.left form ul.sectors li a.close:hover { - cursor:pointer; -} - -/*UBICATIONS*/ -div.block.project_info div.med div.left form ul.ubications { - float:left; - width:272px; - height:auto; - margin:0 0 0 0; -} -div.block.project_info div.med div.left form ul.ubications li { - float:left; - width:490px; - height:24px; - background:url('/images/backoffice/projects/bkg_cluster2.png') no-repeat 0 0; - font:normal 13px Arial; - color:#333333; - padding:6px 0 0 10px; - margin:10px 0 0 0; -} -div.block.project_info div.med div.left form ul.ubications li p { - float:left; - width:auto; -} -div.block.project_info div.med div.left form ul.ubications li a.close { - float:right; - margin:1px 5px 0 0; - background:url('/images/backoffice/projects/close_cluster_bttn.png') no-repeat 0 0; - width:16px; - height:16px; -} -div.block.project_info div.med div.left form ul.ubications li a.close:hover { - cursor:pointer; -} - -div.block.project_info div.med div.left form div.cluster_options { - float:left; - margin:10px 0 0 0; - background:url('/images/backoffice/projects/bkg_cluster_options.png') no-repeat 0 0; - width:411px; - height:50px; -} -div.block.project_info div.med div.left form div.cluster_options span.combo_cluster_options { - float:left; - margin:10px 0 0 10px; - background:url('/images/backoffice/projects/combos/combo_add_cluster.png') no-repeat 0 0; - width:254px; - height:24px; - padding:8px 0 0 10px; -} -div.block.project_info div.med div.left form div.cluster_options span.combo_cluster_options p { - font:normal 13px Arial; - color:#999999; -} -div.block.project_info div.med div.left form div.cluster_options span.combo_cluster_options ul.options { - display:none; -} -div.block.project_info div.med div.left form div.cluster_options span.combo_cluster_options.clicked { - background:url('/images/backoffice/projects/combos/combo_add_cluster_clicked.png') no-repeat 0 0; -} -div.block.project_info div.med div.left form div.cluster_options span.combo_cluster_options.clicked ul.options { - position:absolute; - top:32px; - left:0; - width:281px; - height:197px; - display:inline; - z-index:100; - background:url('/images/backoffice/projects/combos/body_combo_cluster.png') no-repeat 0 0; - overflow-x:hidden; - overflow-y:auto; -} -div.block.project_info div.med div.left form div.cluster_options span.combo_cluster_options.clicked ul.options li { - float:left; - margin:0 0 0 1px; - width:240px; - height:auto; - padding:4px 11px; -} -div.block.project_info div.med div.left form div.cluster_options span.combo_cluster_options.clicked ul.options li:hover { - background-color:#E4F0CA; -} -div.block.project_info div.med div.left form div.cluster_options span.combo_cluster_options.clicked ul.options li a { - font:normal 13px Arial; - color:#666666; - text-decoration:none; -} -div.block.project_info div.med div.left form div.cluster_options span.combo_cluster_options:hover { - cursor:pointer; -} - -div.block.project_info div.med div.left form div.cluster_options a.add_cluster { - float:left; - margin:10px 0 0 9px; - background:url('/images/backoffice/projects/add_cluster_bttn.png') no-repeat 0 0; - width:118px; - height:25px; - font:500 15px "Museo Sans",Arial; - color:#FFFFFF; - text-shadow:0 1px #6E8C30; - text-align:center; - padding:7px 0 0 0; -} -div.block.project_info div.med div.left form div.cluster_options a.add_cluster:hover { - cursor:pointer; - background-position:0 -32px; -} -div.block.project_info div.bottom { - float:left; - height:15px; - width:100%; - background: url('/images/backoffice/backgrounds/bottom_two_columns.png') no-repeat scroll top left!important; -} - -div.block.project_info div.med div.left form div.sector_options { - float:left; - margin:10px 0 0 0; - background:url('/images/backoffice/projects/bkg_cluster_options.png') no-repeat 0 0; - width:411px; - height:50px; -} -div.block.project_info div.med div.left form div.sector_options span.combo_sector_options { - float:left; - margin:10px 0 0 10px; - background:url('/images/backoffice/projects/combos/combo_add_cluster.png') no-repeat 0 0; - width:254px; - height:24px; - padding:8px 0 0 10px; -} -div.block.project_info div.med div.left form div.sector_options span.combo_sector_options p { - font:normal 13px Arial; - color:#999999; -} -div.block.project_info div.med div.left form div.sector_options span.combo_sector_options ul.options { - display:none; -} - -div.block.project_info div.med div.left form div.sector_options span.combo_sector_options.clicked { - background:url('/images/backoffice/projects/combos/combo_add_cluster_clicked.png') no-repeat 0 0; -} -div.block.project_info div.med div.left form div.sector_options span.combo_sector_options.clicked ul.options { - position:absolute; - top:32px; - left:0; - width:281px; - height:197px; - display:inline; - z-index:20; - background:url('/images/backoffice/projects/combos/body_combo_cluster.png') no-repeat 0 0; - overflow-x:hidden; - overflow-y:auto; -} -div.block.project_info div.med div.left form div.sector_options span.combo_sector_options.clicked ul.options li { - float:left; - margin:0 0 0 1px; - width:240px; - height:auto; - padding:4px 11px; -} -div.block.project_info div.med div.left form div.sector_options span.combo_sector_options.clicked ul.options li:hover { - background-color:#E4F0CA; -} -div.block.project_info div.med div.left form div.sector_options span.combo_sector_options.clicked ul.options li a { - font:normal 13px Arial; - color:#666666; - text-decoration:none; -} - -div.block.project_info div.med div.left form div.sector_options span.combo_sector_options:hover { - cursor:pointer; -} -div.block.project_info div.med div.left form div.sector_options a.add_sector { - float:left; - margin:10px 0 0 9px; - background:url('/images/backoffice/projects/add_cluster_bttn.png') no-repeat 0 0; - width:118px; - height:25px; - font:500 15px "Museo Sans",Arial; - color:#FFFFFF; - text-shadow:0 1px #6E8C30; - text-align:center; - padding:7px 0 0 0; -} -div.block.project_info div.med div.left form div.sector_options a.add_sector:hover { - cursor:pointer; - background-position:0 -32px; -} -div.block.project_info div.bottom { - float:left; - height:15px; - width:100%; - background: url('/images/backoffice/backgrounds/bottom_two_columns.png') no-repeat scroll top left!important; -} - -div.block.project_info div.med div.left form div.location_options.region_block { - position:relative; -} -div.block.project_info div.med div.left form div.location_options.empty { - float:left; - margin:10px 0 0 0; - background:url('/images/backoffice/projects/bkg_cluster_options.png') no-repeat 0 0; - width:411px; - height:50px; -} -div.block.project_info div.med div.left form div.location_options.empty.error { - width: 412px; - height: 51px; -background:url('/images/backoffice/projects/bkg_cluster_options_error.png')} -div.block.project_info div.med div.left form div.location_options.empty p.msg { - float:left; - margin:18px 0 0 12px; - width:269px; - font:normal 13px Arial; - color:#616851; -} -div.block.project_info div.med div.left form div.location_options.empty.error p.msg { - color: white; -} -div.block.project_info div.med div.left form div.location_options.empty a.add_location { - float:right; - margin:10px 10px 0 0; - background:url('/images/backoffice/projects/add_cluster_bttn.png') no-repeat 0 0; - width:118px; - height:25px; - font:500 15px "Museo Sans",Arial; - color:#FFFFFF; - text-shadow:0 1px #6E8C30; - text-align:center; - padding:7px 0 0 0; -} -div.block.project_info div.med div.left form div.location_options.empty a.add_location:hover { - cursor:pointer; - background-position:0 -32px; -} -div.block.project_info div.med div.left form div.location_options.empty.error a.add_location { - width: 119px; - height: 26px; - background:url('/images/backoffice/projects/add_cluster_bttn_error.png') no-repeat 0 -2px; -} -div.block.project_info div.med div.left form div.location_options.empty.error a.add_location:hover { - cursor:pointer; - background-position:0 -37px; -} -div.block.project_info div.med div.left form span.input_short { - float:left; - margin:5px 0 0 0; - width:272px; - height:34px; - background:url('/images/backoffice/projects/bkg_input_short.png') no-repeat 0 0; -} -div.block.project_info div.med div.left form span.input_short p.msg { - float:right; - margin:8px 8px 0 0; - font:italic 15px Arial; - color:#999999; -} -div.block.project_info div.med div.left form span.input_short input[type="text"] { - float:left; - margin:8px 0 0 5px; - width:210px; - height:20px; - border:none; -} - -div.region_window { - position:absolute; - display:none; - bottom:20px; - right:-100px; - width:358px; - z-index:100; -} -div.region_window div.top_region { - float:left; - width:330px; - padding:14px 14px 0; - background:url('/images/backoffice/projects/top_region_window.png') no-repeat 0 0!important; -} -div.region_window div.bottom_region { - float:left; - width:330px; - padding:0 14px 40px; - background:url('/images/backoffice/projects/bottom_region_window.png') no-repeat 0 bottom!important; -} -div.region_window div h3 { - float:left; - width:100%; - padding:0 0 10px 0; - font:normal 21px "Museo Sans",Arial; - color:#333333; -} -div.region_window div a.close { - position:absolute; - right:20px; - top:18px; - width:12px; - height:12px; - background:url('/images/backoffice/icons/close_window.png') no-repeat 0 0; - text-indent:-9999px; -} -div.region_window div a.close:hover { - cursor:pointer; - background-position:0 -12px; -} -div.region_window div p { - padding:10px 0 0; - font:normal 13px Arial; - color:#666666; -} -div.region_window div img.loader { - position:absolute; - display:none; - right:22px; - top:131px; -} -div.region_window div.level_1 { - display:none; -} -div.region_window div.level_2 { - display:none; -} -div.region_window div.level_3 { - display:none; -} -div.region_window span.region_combo { - position:relative; - float:left; - margin:10px 0 0 3px; - background:url('/images/backoffice/projects/combos/combo_add_cluster.png') no-repeat 0 0; - width:254px; - height:24px; - padding:8px 0 0 10px; -} -div.region_window span.region_combo p { - padding:0; - margin:0; - font:normal 13px Arial; - color:#999999; -} -div.region_window span.region_combo ul.options { - display:none; -} -div.region_window span.region_combo.clicked { - background:url('/images/backoffice/projects/combos/combo_add_cluster_clicked.png') no-repeat 0 0; -} -div.region_window span.region_combo.clicked ul.options { - position:absolute; - top:32px; - left:0; - width:281px; - height:197px; - display:inline; - z-index:100; - background:url('/images/backoffice/projects/combos/body_combo_cluster.png') no-repeat 0 0; - overflow-x:hidden; - overflow-y:auto; -} -div.region_window span.region_combo.clicked ul.options li { - float:left; - margin:0 0 0 1px; - width:240px; - height:auto; - padding:4px 11px; -} -div.region_window span.region_combo.clicked ul.options li:hover { - background-color:#E4F0CA; -} -div.region_window span.region_combo.clicked ul.options li a { - font:normal 13px Arial; - color:#666666; - text-decoration:none; -} -div.region_window span.region_combo:hover { - cursor:pointer; -} -div.region_window a.add_location { - margin:20px 10px 0 0!important; -} - -div.field_info { - position:relative!important; - float:none; - margin:0; - padding:0; - display:inline-block; - vertical-align:top; - zoom:1; - *display:inline; - width:18px; - height:18px; - overflow:visible; -} -div.field_info span.info { - display:inline-block; - vertical-align:top; - zoom:1; - *display:inline; - width:18px; - height:18px; - text-indent:-9999px; - font-size:0; - line-height:0; - overflow:hidden; - background:url('/images/backoffice/icons/field_info.png') no-repeat 0 0; -} -div.field_info span.info:hover { - background-position:0 -18px; - cursor:pointer; -} -div.field_info div.field_text { - position:absolute; - display:none; - bottom:18px; - left:-155px; - width:329px; - z-index:300; -} -div.field_info div.field_text div.top { - float:left; - width:289px; - padding:0 20px 0!important; - margin:0; - height:5px; - background:url('/images/backoffice/projects/field_info.png') no-repeat 0 0!important; -} -div.field_info div.field_text div.bottom { - float:left; - width:289px; - height:auto; - padding:0 20px 40px; - background:url('/images/backoffice/projects/field_info.png') no-repeat right bottom!important; -} -div.field_info div.field_text div.bottom span.scroll { - float:left; - width:100%; - max-height:150px; - overflow:auto; -} -div.field_info div.field_text h3 { - float:left; - width:100%; - padding:0 0 8px 0; - margin:10px 0 0 0; - font:normal 21px "Museo Sans",Arial; - color:white; - text-transform:none; -} -div.field_info div.field_text div.top a { - position:absolute; - right:20px; - top:18px; - width:12px; - height:12px; - color:white; -} -div.field_info div.field_text p { - padding:10px 0 0; - font:normal 13px Arial; - color:#CCCCCC; - text-transform:none!important; -} - - -div.block.project_info div.med div.left form span.input_short.coin p.coin { - float:left; - margin:10px 0 0 8px; - font:normal 15px Arial; - color:#999999; -} -div.block.project_info div.med div.left form span.input_short.coin input[type="text"] { - float:left; - margin:9px 0 0 5px; - width:240px; - height:20px; - border:none; -} - -div.block.project_info div.med div.left form div.two_columns { - float:left; - width:100%; - height:70px; - z-index:0; -} -div.block.project_info div.med div.left form div.two_columns div.left_column { - float:left; - width:289px; - height:90px; - z-index:0; -} -div.block.project_info div.med div.left form div.two_columns div.right_column { - float:left; - width:280px; - height:90px; - z-index:0; -} -div.block.project_info div.med div.left form input[type="submit"] { - background:url('/images/backoffice/projects/save_changes_bttn.png') no-repeat 0 0; - font:500 19px "Museo Sans",Arial; - color:#FFFFFF; - text-shadow:0 1px #6E8C30; - border:none; - text-align:center; - width:157px; - height:32px; - float:right; - margin:30px 10px 0 0; - /*position:absolute; - bottom:0; - right:0; - */} - div.block.project_info div.med div.left form input[type="submit"]:hover { - background-position:0 -32px; - cursor:pointer; - } - /*geolocate map*/ - div.map_window { - position:absolute; - display:none; - top:0; - bottom:0; - z-index:200; - width:386px; - height:296px; - padding:14px; - background:url('/images/backoffice/projects/add_position_bkg.png') no-repeat 0 0; - } - div.map_window h3 { - float:left; - width:100%; - font:normal 21px "Museo Sans",Arial; - color:#333333; - } - div.map_window a.close { - position:absolute; - right:20px; - top:18px; - width:12px; - height:12px; - background:url('/images/backoffice/icons/close_window.png') no-repeat 0 0; - text-indent:-9999px; - } - div.map_window a.close:hover { - cursor:pointer; - background-position:0 -12px; - } - div.map_window div.outer_map { - position:relative; - float:left; - width:382px; - height:206px; - margin:5px 0 0 0; - padding:2px; - background:white; - } - div.map_window div.outer_map div#map { - float:left; - width:382px; - height:206px; - } - div.map_window div.outer_map form.geocoder { - position:absolute!important; - top:5px; - left:8px; - width:367px; - z-index:100; - } - div.map_window div.outer_map form.geocoder input[type="text"] { - position:relative!important; - float:left; - left:0!important; - top:0!important; - width:319px!important; - height:18px!important; - margin:0!important; - padding:8px!important; - background:url('/images/backoffice/projects/geolocate_textinput_bkg.png') no-repeat 0 0; - } - div.map_window div.outer_map form.geocoder input[type="submit"] { - position:relative; - float:left!important; - width:32px!important; - height:34px!important; - margin:0!important; - background:url('/images/backoffice/projects/geolocate_submit_bkg.png') no-repeat 0 0!important; - text-indent:-9999px; - } - div.map_window div.outer_map form.geocoder input[type="submit"]:hover { - background-position:0 -34px; - } - div.map_window p { - float:left; - width:230px; - margin:10px 0 0 0; - font:normal 13px Arial; - color:#666666; - } - div.map_window a.save { - float:right; - width:118px; - height:32px; - margin:9px 0 0 0; - background:url('/images/backoffice/projects/save_position.png') no-repeat 0 0; - text-indent:-9999px; - } - div.map_window a.save:hover { - background-position:0 -32px; - cursor:pointer; - } - - div.block div.med div.left form .submit.floating { - position: fixed; - top: 500px; - left: 50%; - margin-left: 156px; - height: 55px; - width: 175px; - background: url("/images/backoffice/common/submit_tab.png") no-repeat scroll right 0 transparent; - } - - div.block div.med div.left form .submit.floating input { - display: block; - width: 163px !important; - margin: 12px 6px !important; - } - - /* DONATIONS PROJECT */ - /*resources*/ - div.block.donations_project div.top { - float:left; - width:100%; - background:url('/images/backoffice/backgrounds/top_two_columns.png') no-repeat center 0!important; - } - div.block.donations_project div.med { - float:left; - width:880px; - padding:16px 31px 28px; - background:url('/images/backoffice/backgrounds/middle_two_columns.png') repeat-y center 0!important; - } - div.block.donations_project div.med div.left { - float:left; - width:572px; - position:relative; - } - div.block.donations_project div.med div.left div.field input[type="text"], - div.block.donations_project div.med div.left div.field input[type="password"], - div.block.donations_project div.med div.left div.field input[type="email"] { - margin:auto; - padding:0; - background: none; - } - div.block.donations_project div.med div.left p { - float:left; - width:100%; - font:normal 15px Arial; - color:#666666; - } - div.block.donations_project div.med div.left ul.donations { - float:left; - width:100%; - margin:20px 0 0 0; - border-top:1px solid #CCCCCC; - } - div.block.donations_project div.med div.left ul.donations li { - position:relative; - float:left; - width:100%; - height:71px; - border-bottom:1px solid #CCCCCC; - } - div.block.donations_project div.med div.left ul.donations li div.name_box { - float:left; - width:356px; - height:71px; - } - div.block.donations_project div.med div.left ul.donations li div.date_box { - float:left; - width:105px; - background-color:#F7F7F7; - height:71px; - } - div.block.donations_project div.med div.left ul.donations li div.amount_box { - float:left; - width:110px; - position:relative; - } - div.block.donations_project div.med div.left ul.donations li div.amount_box a.delete { - position:absolute; - right:5px; - top:28px; - width:15px; - height:16px; - background:url('/images/backoffice/icons/close_bkg.png') no-repeat 0 0; - text-indent:-9999px; - font-size:0; - display:block; - line-height:0; - } - div.block.donations_project div.med div.left ul.donations li div.amount_box a.delete:hover { - background-position:0 -16px; - } - div.block.donations_project div.med div.left ul.donations li div.name_box h3 { - float:left; - width:100%; - margin:22px 0 0 0; - } - div.block.donations_project div.med div.left ul.donations li div.name_box h3 a { - font:bold 17px Arial; - color:#E93E3F; - } - div.block.donations_project div.med div.left ul.donations li div.name_box span { - color: #666666; - font-size: 13px; - } - div.block.donations_project div.med div.left ul.donations li div.name_box span a { - color:#E93E3F; - } - div.block.donations_project div.med div.left ul.donations li p { - float:left; - padding:5px 0 0 0; - font:normal 13px Arial; - color:#666666; - margin:22px 0 0 19px; - } - div.block.donations_project div.med div.left h4.total { - float:left; - margin:25px 0 0 268px; - font:500 17px "Museo Sans",Arial; - color:#333333; - width:150px; - } - div.block.donations_project div.med div.left span.total_account { - float:left; - width:auto; - font:bold 15px Arial; - color:#333333; - margin:26px 0 0 36px; - } - div.block.donations_project div.med div.left p.amount { - float:left; - width:auto; - font:bold 15px Arial; - color:#333333; - margin:26px 0 0 5px; - } - div.block.donations_project div.med div.left form { - position:relative; - float:left; - width:571px; - height:244px; - padding:0; - margin:50px 0 0 2px; - background:url('/images/backoffice/projects/bkg_add_donation_form.png') no-repeat center center; - } - div.block.donations_project div.med div.left form div#donor_name, - div.block.donations_project div.med div.left form div#office_name { - float:left; - width:385px; - height:64px; - margin:0 10px 0 15px; - } - div.block.donations_project div.med div.left form div#donor_name span, - div.block.donations_project div.med div.left form div#office_name span { - float:left; - background:url('/images/backoffice/projects/input_donor_name.png') no-repeat 0 0; - width:380px; - height:32px; - position:relative; - margin:3px 0 0 7px; - } - div.block.donations_project div.med div.left form div#office_name span.disabled { - background:url('/images/backoffice/projects/input_donor_name_disabled.png') no-repeat 0 0; - } - div.block.donations_project div.med div.left form div#donor_name span.error, - div.block.donations_project div.med div.left form div#office_name span.error { - background-position:0 -32px; - } - div.block.donations_project div.med div.left form div#donor_name span.active, - div.block.donations_project div.med div.left form div#office_name span.active { - background:url('/images/backoffice/projects/input_donation_name_active.png') no-repeat 0 0; - height:33px; - } - div.block.donations_project div.med div.left form div#donor_name span input[type="text"], - div.block.donations_project div.med div.left form div#office_name span input[type="text"] { - border:none; - font:normal 13px Arial; - color:#999999; - position:absolute; - top:8px; - left:10px; - width:253px; - } - div.block.donations_project div.med div.left form div#donor_name span .spinner, - div.block.donations_project div.med div.left form div#office_name span .spinner { - display: none; - position: absolute; - top: 8px; - right: 8px; - background: url('/images/backoffice/projects/donors_spinner.gif') no-repeat 0 0; - width: 16px; - height: 16px; - } - - div.block.donations_project div.med div.left form div#donation_date { - float:left; - width:142px; - height: 64px; - } - div.block.donations_project div.med div.left form div#donation_date span.combo_date { - float:left; - background:url('/images/backoffice/projects/date/bkg_calendar.png') no-repeat 0 0; - width:122px; - height:32px; - font:normal 15px Arial; - color:#333333; - margin:7px 0 0 7px; - padding:8px 0 0 8px; - position:relative; - } - div.block.donations_project div.med div.left form div#donation_date span.combo_date.error { - background:url('/images/backoffice/projects/date/bkg_calendar_error.png') no-repeat 0 0 } - div.block.donations_project div.med div.left form div#donation_date span.combo_date:hover { - cursor:pointer; - } - div.block.donations_project div.med div.left form div#donation_date span.combo_date div.select_dates { - display:none; - } - div.block.donations_project div.med div.left form div#donation_date span.combo_date.clicked { - background:url('/images/backoffice/projects/date/bkg_header_clicked_date.png') no-repeat 0 0; - } - div.block.donations_project div.med div.left form div#donation_date span.combo_date.clicked.error { - background:url('/images/backoffice/projects/date/bkg_header_clicked_date_error.png') no-repeat 0 0; - } - div.block.donations_project div.med div.left form div#donation_date span.combo_date.clicked div.select_dates { - position:absolute; - top:30px; - left:0; - background:url('/images/backoffice/projects/date/bkg_date_content.png') no-repeat 0 0; - width:335px; - height:68px; - z-index:20; - display:inline; - padding-left: 5px; - } - div.block.donations_project div.med div.left form div#donation_date span.combo_date.clicked div.select_dates.end_date { - background:url('/images/backoffice/projects/date/bkg_date_content_right.png') no-repeat 0 0; - position:absolute; - top:30px; - left:-142px; - } - div.block.donations_project div.med div.left form div#donation_date span.combo_date.clicked div.select_dates span.month { - float:left; - width:124px; - height:51px; - margin:10px 9px 0 10px; - } - div.block.donations_project div.med div.left form div#donation_date span.combo_date.clicked div.select_dates span.day { - float:left; - width:62px; - height:51px; - margin:10px 9px 0 8px; - } - div.block.donations_project div.med div.left form div#donation_date span.combo_date.clicked div.select_dates span.year { - float:left; - width:76px; - height:51px; - margin:10px 0 0 0; - } - div.block.donations_project div.med div.left form div#donation_date span.combo_date.clicked div.select_dates p.title { - float:left; - margin:0 0 0 5px; - font:normal 11px Arial; - color:#606851; - text-transform:uppercase; - width:auto; - } - div.block.donations_project div.med div.left form div#donation_date span.combo_date.clicked div.select_dates p.title#month { - float:left; - margin:12px 10px 3px 0; - width:135px; - } - div.block.donations_project div.med div.left form div#donation_date span.combo_date.clicked div.select_dates p.title#day { - float:left; - margin:12px 10px 3px 0; - width:53px; - } - div.block.donations_project div.med div.left form div#donation_date span.combo_date.clicked div.select_dates p.title#year { - float:left; - margin:12px 10px 3px 0; - width:100px; - } - div.block.donations_project div.med div.left form div#donation_date span.combo_date.clicked div.select_dates a { - font:normal 13px Arial; - color:#333333; - } - div.block.donations_project div.med div.left form div#donation_date span.combo_date.clicked div.select_dates a:hover { - cursor:pointer; - } - div.block.donations_project div.med div.left form div#donation_date span.combo_date.clicked div.select_dates a.month_combo { - float:left; - margin:2px 0 0 0; - background:url('/images/backoffice/projects/date/month_combo.png') no-repeat 0 0; - width:123px; - height:23px; - padding:9px 0 0 10px; - } - div.block.donations_project div.med div.left form div#donation_date span.combo_date.clicked div.select_dates a.day_combo { - float:left; - margin:2px 0 0 0; - background:url('/images/backoffice/projects/date/day_combo.png') no-repeat 0 0; - width:54px; - height:23px; - padding:9px 0 0 10px; - } - div.block.donations_project div.med div.left form div#donation_date span.combo_date.clicked div.select_dates a.year_combo { - float:left; - margin:2px 0 0 0; - background:url('/images/backoffice/projects/date/year_combo.png') no-repeat 0 0; - width:68px; - height:23px; - padding:9px 0 0 10px; - } - - div.block.donations_project div.med div.left form div#donation_amount { - float:left; - width:132px; - height:64px; - margin: 0; - } - div.block.donations_project div.med div.left form div#donation_amount span { - float:left; - width:132px; - height:34px; - background:url('/images/backoffice/projects/amount_donation_input.png') no-repeat 0 0; - position:relative; - margin:0 0 0 8px; - } - div.block.donations_project div.med div.left form div#donation_amount span input[type="text"] { - position:absolute; - top:5px; - left:22px; - border:none; - width:64px; - height:21px; - font:normal 15px Arial; - color:#333333; - } - div.block.donations_project div.med div.left form h4 { - font:normal 21px "Museo Sans",Arial; - color:#333333; - text-shadow:0 1px white; - margin:22px 0 0 22px; - } - div.block.donations_project div.med div.left form label { - float:left; - width:400px; - margin:17px 0 0 9px; - font:normal 11px Arial; - color:#666666; - text-shadow:none; - text-transform:uppercase; - width:100px; - } - - div.block.donations_project div.med div.left form input[type="submit"] { - float:right; - width:128px; - height:32px; - background:url('/images/backoffice/projects/add_donation_bttn.png') no-repeat 0 0!important; - border:none; - text-indent:-9999px; - font-size:0; - display:block; - line-height:0; - z-index:0; - margin:18px 22px 0 0; - } - div.block.donations_project div.med div.left form input[type="submit"]:hover { - background-position:0 -32px; - cursor:pointer; - } - div.block.donations_project div.bottom { - float:left; - height:15px; - width:100%; - background: url('/images/backoffice/backgrounds/bottom_two_columns.png') no-repeat scroll top left!important; - } - - /*ngos search*/ - div.med.ngos_list h2 a.remove { - padding:0 10px 0 0; - color:#333333; - border-bottom:1px dotted #EB4142; - background:url('/images/backoffice/icons/red_x.png') no-repeat right 17px; - } - div.med.ngos_list h2 a.remove:hover { - border-bottom:1px solid #EB4142; - text-decoration:none; - } - div.med.ngos_list ul { - float:left; - width:100%; - padding:0; - margin:23px 0 0 0; - border-top:1px solid #CCCCCC; - } - div.med.ngos_list ul li { - float:left; - width:100%; - padding:0; - margin:0; - border-bottom:1px solid #CCCCCC; - height:71px; - } - div.med.ngos_list ul li.last { - border:none; - } - div.med.ngos_list ul li h3 { - float:left; - width:546px; - height:71px; - margin:0; - padding:27px 0; - } - div.med.ngos_list ul li h3 a { - font:bold 17px Arial; - color:#E93E3F; - } - div.med.ngos_list ul li h3 a:hover { - text-decoration:underline; - } - div.med.ngos_list ul li p { - float:left; - width:167px; - height:41px; - padding:30px 0 0 0; - margin:0; - font:normal 13px Arial; - color:#666666; - text-align:center; - } - div.med.ngos_list ul li p a { - padding:0; - font:normal 13px Arial; - color:#666666; - } - div.med.ngos_list ul li p a:hover { - text-decoration:underline; - } - div.med.ngos_list ul li p.red { - background:#f7f7f7; - } - div.med.ngos_list ul li p.red a { - color:#EB4142; - } - div.med.ngos_list div.no_results { - float:left; - width:100%; - padding:70px 0 80px; - } - div.med.ngos_list div.no_results h2 { - float:left; - width:100%; - text-align:center; - } - div.med.ngos_list div.no_results p { - float:left; - width:100%; - margin:6px 0 0 0; - text-align:center; - font:normal 17px Arial; - color:#666666; - } - div.med.ngos_list div.no_results p a { - color:#E93E3F; - text-decoration:underline; - } - div.med.ngos_list div.no_results p a:hover { - color:#7F2023; - } - - - /*resources*/ - div.block.resources div.top { - float:left; - width:100%; - background:url('/images/backoffice/backgrounds/top_two_columns.png') no-repeat center 0!important; - } - div.block.resources div.med { - float:left; - width:880px; - padding:16px 31px 28px; - background:url('/images/backoffice/backgrounds/middle_two_columns.png') repeat-y center 0!important; - } - div.block.resources div.med div.left { - float:left; - width:572px; - } - div.block.resources div.med div.left p { - float:left; - width:100%; - font:normal 15px Arial; - color:#666666; - } - div.block.resources div.med div.left p.resources_account { - margin:14px 0 0 0; - } - div.block.resources div.med div.left ul { - float:left; - width:100%; - margin:20px 0 0 0; - border-top:1px solid #CCCCCC; - } - div.block.resources div.med div.left ul li { - position:relative; - float:left; - width:100%; - height:auto; - border-bottom:1px solid #CCCCCC; - } - div.block.resources div.med div.left ul li h3 { - float:left; - width:100%; - margin:15px 0 0 0; - } - div.block.resources div.med div.left ul li h3 a { - font:bold 17px Arial; - color:#E93E3F; - } - div.block.resources div.med div.left ul li p { - float:left; - padding:5px 0 0 0; - font:normal 13px Arial; - color:#666666; - } - div.block.resources div.med div.left ul li a.delete { - position:absolute; - right:0; - top:25px; - width:15px; - height:16px; - background:url('/images/backoffice/icons/close_bkg.png') no-repeat 0 0; - text-indent:-9999px; - font-size:0; - display:block; - line-height:0; - } - div.block.resources div.med div.left ul li a.delete:hover { - background-position:0 -16px; - } - div.block.resources div.med div.left ul.ngo { - position:relative; - float:left; - padding:0; - border:none; - } - div.block.resources div.med div.left ul li.ngo { - border:none; - padding:0 0 30px 0; - margin:0 0 0 3px; - } - div.block.resources div.med div.left ul li.ngo form { - background:none; - height:auto; - margin:0; - padding:0; - } - div.block.resources div.med div.left ul li.ngo div.head { - position:relative; - float:left; - width:535px; - height:42px; - padding:15px; - background:url('/images/backoffice/resources/header_resources.png') no-repeat 0 0; - } - div.block.resources div.med div.left ul li.ngo div.head h3 { - margin:0; - } - div.block.resources div.med div.left ul li.ngo div.head a.delete { - right:17px; - top:28px; - } - div.block.resources div.med div.left ul li.ngo div.body { - float:left; - width:535px; - padding:15px 15px 0; - background:url('/images/backoffice/resources/resources_med.png') repeat-y 0 0; - } - div.block.resources div.med div.left ul li.ngo div.body h4 { - float:left; - width:100%; - padding:0 0 10px 0; - font:normal 11px Arial; - color:#666666; - } - div.block.resources div.med div.left ul li.ngo div.body label { - padding:0 0 0 5px; - font:normal 13px Arial; - color:#666666; - } - div.block.resources div.med div.left ul li.ngo div.down { - float:left; - width:565px; - height:15px; - background:url('/images/backoffice/resources/resources_bottom.png') no-repeat 0 0; - } - div.block.resources div.med div.left form { - float:left; - width:527px; - height:209px; - padding:21px; - margin:20px 0 0 2px; - background:url('/images/backoffice/common/green_form_bkg.png') no-repeat center center; - } - div.block.resources div.med div.left form h4 { - font:normal 21px "Museo Sans",Arial; - color:#333333; - text-shadow:0 1px white; - } - div.block.resources div.med div.left form label { - float:left; - width:400px; - margin:12px 0 0 3px; - font:normal 11px Arial; - color:#333333; - text-shadow:none; - text-transform:uppercase; - } - div.block.resources div.med div.left form label.site { - width:auto; - margin:0 15px 0 3px; - } - div.block.resources div.med div.left form input[type="text"] { - float:left; - width:509px; - height:22px; - padding:6px 8px; - margin:5px 0 0 0; - font:normal 13px Arial; - color:#666666; - background:url('/images/backoffice/resources/url_input_bkg.png') no-repeat 0 0; - border:none; - } - div.block.resources div.med div.left form input[type="text"].title { - float:left; - width:319px; - height:22px; - background:url('/images/backoffice/resources/title_input_bkg.png') no-repeat 0 0; - } - div.block.resources div.med div.left form input[type="submit"].add { - float:right; - width:130px; - height:32px; - margin:15px 3px 0 0; - background:url('/images/backoffice/resources/add_input_bkg.png') no-repeat 0 0; - border:none; - text-indent:-9999px; - font-size:0; - display:block; - line-height:0; - } - div.block.resources div.med div.left form input[type="submit"].add:hover { - background-position:0 -32px; - cursor:pointer; - } - div.block.resources div.bottom { - float:left; - height:15px; - width:100%; - background: url('/images/backoffice/backgrounds/bottom_two_columns.png') no-repeat scroll top left!important; - } - div.block.resources div.med div.left form input[type="checkbox"] { - float:left; - width:10px; - height:10px; - margin:2px 0 0 0; - } - div.block.resources div.med div.left form input[type="submit"].update { - float:right; - width:130px; - height:32px; - margin:15px 3px 0 0; - border:none; - text-indent:-9999px; - font-size:0; - display:block; - line-height:0; - font:normal 14px Arial; - color:#666666; - background:url('/images/backoffice/ngos/save_changes.png') no-repeat 0 0; - width:106px; - height:28px; - } - div.block.resources div.med div.left form input[type="submit"].update:hover { - cursor:pointer; - background-position:0 -28px; - } - - /*media*/ - div.block.media div.top { - float:left; - width:100%; - background:url('/images/backoffice/backgrounds/top_two_columns.png') no-repeat center 0!important; - } - div.block.media div.med { - float:left; - width:880px; - padding:16px 31px 28px; - background:url('/images/backoffice/backgrounds/middle_two_columns.png') repeat-y center 0!important; - } - div.block.media div.med div.left { - float:left; - width:572px; - } - div.block.media div.med div.left p { - float:left; - width:100%; - font:normal 15px Arial; - color:#666666; - } - div.block.media div.med div.left p.resource_error { - display:none; - float:left; - width:531px; - height:14px; - margin:30px 0 0 0; - padding:9px 0 11px 35px; - background:url('/images/backoffice/media/error_bkg.png') no-repeat 0 0; - font:normal 14px Arial; - color:white; - } - div.block.media div.med div.left ul { - float:left; - width:100%; - margin:0; - } - div.block.media div.med div.left ul li { - position:relative; - float:left; - width:100%; - height:auto; - margin:28px 0 0; - } - div.block.media div.med div.left ul li div.top_media { - float:left; - width:566px; - height:10px; - background:url('/images/backoffice/backgrounds/top_media.png') no-repeat 0 0; - } - div.block.media div.med div.left ul li div.med_media { - position:relative; - float:left; - width:549px; - height:auto; - padding:0 9px; - background:url('/images/backoffice/backgrounds/med_media.png') repeat-y 0 0; - } - div.block.media div.med div.left ul li div.med_media:hover span.over { - display:block; - } - div.block.media div.med div.left ul li div.med_media img { - max-width:549px; - } - div.block.media div.med div.left ul li div.med_media iframe { - width:100%; - max-height: 300px; - } - div.block.media div.med div.left ul li div.med_media span.over { - position:absolute; - display:none; - top:50%; - left:50%; - margin:-37px 0 0 -104px; - z-index:10000; - width:208px; - height:74px; - background:url('/images/backoffice/media/over_bkg.png') no-repeat 0 0; - } - div.block.media div.med div.left ul li div.med_media span.over a.up { - float:left; - width:24px; - height:27px; - margin:24px 0 0 45px; - background:url('/images/backoffice/media/up.png') no-repeat 0 0; - text-indent:-9999px; - font-size:0; - display:block; - line-height:0; - } - div.block.media div.med div.left ul li div.med_media span.over a.down { - float:left; - width:24px; - height:27px; - margin:24px 0 0 20px; - background:url('/images/backoffice/media/down.png') no-repeat 0 0; - text-indent:-9999px; - font-size:0; - display:block; - line-height:0; - } - div.block.media div.med div.left ul li div.med_media span.over a.up:hover { - background-position:0 -27px; - } - div.block.media div.med div.left ul li div.med_media span.over a.down:hover { - background-position:0 -27px; - } - div.block.media div.med div.left ul li div.med_media span.over a.delete { - float:left; - width:28px; - height:30px; - margin:22px 0 0 20px; - background:url('/images/backoffice/media/delete.png') no-repeat 0 0; - text-indent:-9999px; - font-size:0; - display:block; - line-height:0; - } - div.block.media div.med div.left ul li div.med_media span.over a.delete:hover { - background-position:0 -30px; - } - div.block.media div.med div.left ul li div.med_media p { - padding:12px 0; - font:normal 15px Arial; - color:#999999; - } - div.block.media div.med div.left ul li div.med_media p a { - font:normal 15px Arial; - color:#E93E3F; - text-decoration:underline; - } - div.block.media div.med div.left ul li div.med_media p a:hover { - color:#7F2023; - } - div.block.media div.med div.left ul li div.med_media div.caption { - float:left; - width:100%; - display:none; - } - div.block.media div.med div.left ul li div.med_media div.caption form { - position:relative; - float:left; - width:547px; - } - div.block.media div.med div.left ul li div.med_media div.caption form input[type="text"] { - float:left; - width:469px; - height:16px; - padding:8px 70px 8px 8px; - background:url('/images/backoffice/media/caption_input_bkg.png') no-repeat 0 0; - border:none; - font:normal 13px Arial; - color:#333333; - } - div.block.media div.med div.left ul li div.med_media div.caption form input[type="submit"] { - position:absolute; - width:58px; - height:26px; - right:3px; - top:3px; - background:url('/images/backoffice/media/caption_input.png') no-repeat 0 0; - border:none; - text-indent:-9999px; - } - div.block.media div.med div.left ul li div.med_media div.caption form input[type="submit"]:hover { - background-position:0 -26px; - cursor:pointer; - } - div.block.media div.med div.left ul li div.bottom_media { - float:left; - width:566px; - height:10px; - background:url('/images/backoffice/backgrounds/bottom_media.png') repeat-y 0 0; - } - div.block.media div.med div.left div.add_media { - float:left; - margin:20px 0 0 0; - width:526px; - height:66px; - padding:20px; - background:url('/images/backoffice/media/add_bkg.png') no-repeat center center; - } - div.block.media div.med div.left div.add_media h3 { - float:left; - width:auto; - font:normal 21px "Museo Sans",Arial; - line-height:21px; - text-shadow:0 1px white; - color:#333333; - } - div.block.media div.med div.left div.add_media p { - float:right; - width:auto; - margin:3px 0 0 0; - padding:0 0 15px; - font:normal 15px Arial; - color:#333333; - } - div.block.media div.med div.left div.add_media p a { - color:#E93E3F; - text-decoration:underline; - } - div.block.media div.med div.left div.add_media p a:hover { - color:#7F2023; - } - div.block.media div.med div.left div.add_media form { - position:relative; - float:left; - width:100%; - } - div.block.media div.med div.left div.add_media form input { - margin:10px 0 0 0; - } - div.block.media div.med div.left div.add_media form input[type="file"] { - float:left; - width:250px; - } - div.block.media div.med div.left div.add_media form input[type="text"] { - float:left; - width:452px; - height:16px; - margin:0; - padding:8px 65px 8px 8px; - font:normal 15px Arial; - color:#333333; - border:none; - background:url('/images/backoffice/media/video_input.png') no-repeat 0 0; - } - div.block.media div.med div.left div.add_media form input[type="submit"] { - float:right; - width:56px; - height:26px; - margin:3px 0 0 0; - background:url('/images/backoffice/media/save.png') no-repeat 0 0; - border:none; - text-indent:-9999px; - font-size:0; - display:block; - line-height:0; - } - div.block.media div.med div.left div.add_media form input[type="submit"]:hover { - background-position:0 -26px; - cursor:pointer; - } - div.block.media div.med div.left div#new_video form input[type="submit"] { - position:absolute; - right:4px; - top:0; - width:56px; - height:26px; - margin:3px 0 0 0; - background:url('/images/backoffice/media/save.png') no-repeat 0 0; - border:none; - text-indent:-9999px; - font-size:0; - display:block; - line-height:0; - } - div.block.media div.med div.left div#new_video form input[type="submit"]:hover { - background-position:0 -26px; - cursor:pointer; - } - div.block.media div.bottom { - float:left; - height:15px; - width:100%; - background: url('/images/backoffice/backgrounds/bottom_two_columns.png') no-repeat scroll top left!important; - } - - /* SITE */ - div.steps_create_project { - float:left; - width:932px; - height:auto; - margin:10px 0 0 5px; - padding:0 0 30px 0; - } - div.steps_create_project span.top { - float:left; - width:932px; - height:7px; - background:url('/images/backoffice/sites/bkg_top_msg.png') no-repeat 0 0; - margin:0; - } - div.steps_create_project div.middle { - float:left; - width:932px; - height:auto; - background:url('/images/backoffice/sites/bkg_middle_msg.png') repeat-y 0; - margin:0; - } - div.steps_create_project div.middle h1 { - float:left; - margin:20px 0 0 30px; - font:500 21px "Museo Sans",Arial; - color:#333333; - width:626px; - } - div.steps_create_project div.middle ul.steps { - float:left; - margin:20px 0 0 30px; - width:900px; - height:auto; - } - div.steps_create_project div.middle ul.steps li { - float:left; - width:300px; - height:90px; - } - div.steps_create_project div.middle ul.steps li span.circle { - float:left; - width:29px; - height:24px; - background:url('/images/backoffice/sites/circle_step.png') no-repeat 0 0; - font:500 15px "Museo Sans",Arial; - color:white; - text-align:center; - padding:5px 0 0 0; - } - div.steps_create_project div.middle ul.steps li label { - float:left; - margin:5px 0 0 12px; - font:500 13px "Museo Sans",Arial; - color:#333333; - width:240px; - text-transform:uppercase; - } - div.steps_create_project div.middle ul.steps li p { - float:left; - font:normal 13px Arial; - color:#849064; - width:246px; - margin:7px 0 0 12px; - } - div.steps_create_project span.bottom { - float:left; - width:932px; - height:7px; - background:url('/images/backoffice/sites/bkg_bottom_msg.png') no-repeat 0 0; - margin:0; - } - - div.block.site_info div.top { - float:left; - width:100%; - background:url('/images/backoffice/backgrounds/top_two_columns.png') no-repeat center 0!important; - } - div.block.site_info div.med { - float:left; - width:880px; - padding:16px 31px 28px; - background:url('/images/backoffice/backgrounds/middle_two_columns.png') repeat-y center 0!important; - } - div.block.site_info div.med div.left { - float:left; - width:572px; - margin:0 0 0 2px; - } - div.block.site_info div.med div.left p.by { - float:left; - width:100%; - font:normal 15px Arial; - color:#666666; - } - div.block.site_info div.med div.left p.by a { - width:auto; - font:normal 15px Arial; - color:#E93E3F; - text-decoration:none; - } - div.block.site_info div.med div.left p.by a:hover { - text-decoration:underline; - } - div.block.site_info div.med div.left form { - float:left; - width:100%; - height:auto; - margin:4px 0 0 0; - /*padding:0 0 15px 0; - */ position:relative; -} - - -div.block.site_info div.med div.left form input[type="checkbox"] { - visibility:hidden; -} -div.block.site_info div.med div.left form label { - float:left; - margin:17px 0 0 3px; - font:bold 11px Arial; - color:#999999; - width:100%; - text-transform:uppercase; -} -div.block.site_info div.med div.left form label.first { - margin:25px 0 0 3px; -} -div.block.site_info div.med div.left form p.title { - float:left; - margin:20px 0 0 3px; - font:bold 11px Arial; - color:#999999; - width:100%; -} -div.block.site_info div.med div.left form p.title strong { - font:normal 14px Georgia; - color:#E93E3F; -} -div.block.site_info div.med div.left form p.title span.info { - font:normal 13px Arial; - color:#999999; - width:auto; - padding:0 5px; -} -div.block.site_info div.med div.left form span.input_large { - float:left; - margin:5px 0 0 0; - background:url('/images/backoffice/projects/input_project_large.png') no-repeat 0 0; - width:419px; - height:34px; - position:relative; -} -div.block.site_info div.med div.left form span.input_large.active { - background:url('/images/backoffice/projects/large_combo_head_displayed.png') no-repeat 0 0; -} -div.block.site_info div.med div.left form input[type="text"] { - position:absolute; - top:6px; - left:7px; - width:400px; - height:21px; - background:none; - font:normal 15px Arial; - color:#333333; - border:none; - padding:0; -} -div.block.site_info div.med div.left form span.textarea { - float:left; - margin:5px 0 0 0; - background:url('/images/backoffice/projects/input_project_multiple.png') no-repeat 0 0; - width:564px; - height:214px; - position:relative; -} -div.block.site_info div.med div.left form span.textarea textarea { - position:absolute; - top:9px; - left:9px; - max-width:546px; - max-height:197px; - min-width:546px; - min-height:197px; - font:normal 15px Arial; - color:#333333; - border:none; - line-height:17px; -} - -div.block.site_info div.med div.left form span.textarea_little { - float:left; - margin:5px 0 0 0; - background:url('/images/backoffice/sites/little_descript.png') no-repeat 0 0; - width:564px; - height:34px; - position:relative; -} -div.block.site_info div.med div.left form span.textarea_little textarea { - position:absolute; - top:9px; - left:9px; - min-width:546px; - min-height:17px; - max-width:546px; - max-height:17px; - font:normal 15px Arial; - color:#333333; - border:none; - line-height:17px; -} -div.block.site_info div.med div.left form span.textarea_little.error { - background-position:0 -34px; -} - -div.block.site_info div.med div.left form span.textarea_short { - float:left; - margin:5px 0 0 0; - background:url('/images/backoffice/sites/short_descript.png') no-repeat 0 0; - min-width:564px; - min-height:114px; - max-width:564px; - max-height:114px; - position:relative; -} -div.block.site_info div.med div.left form span.textarea_short.error { - background-position:0 -114px; -} -div.block.site_info div.med div.left form span.textarea_short textarea { - position:absolute; - top:9px; - left:9px; - width:546px; - height:97px; - font:normal 15px Arial; - color:#333333; - border:none; - line-height:17px; -} -div.block.site_info div.med div.left form h3.section { - float:left; - margin:35px 0 0 2px; - width:100%; - font:500 17px "Museo Sans",Arial; - color:#333333; -} - -/* -------------- GEOGRAPHIC OPTIONS*/ -div.block.site_info div.med div.left form ul.geographic_options { - float:left; - width:235px; - height:auto; - margin:5px 0 0 0px; -} -div.block.site_info div.med div.left form ul.geographic_options li.option { - float:left; - margin:7px 0 0 12px; - width:230px; -} -div.block.site_info div.med div.left form ul.geographic_options li.selected { - margin:10px 0 0 0; -} -div.block.site_info div.med div.left form ul.geographic_options li a.combo { - float:left; - font:normal 15px Arial; - color:#333333; - text-decoration:none; - background:url('/images/backoffice/sites/option_bkg.png') no-repeat 0 4px; - padding:0 0 0 15px; - height:14px; -} -div.block.site_info div.med div.left form ul.geographic_options li a.combo:hover { - cursor:pointer; -} -div.block.site_info div.med div.left form ul.geographic_options li.selected a.combo { - background:url('/images/backoffice/sites/option_bkg_selected.png') no-repeat 0 4px; -} -div.block.site_info div.med div.left form ul.geographic_options li div.content { - display:none; - width:100%; -} -div.block.site_info div.med div.left form ul.geographic_options li.selected div.content { - float:left; - display:inline; - width:100%; -} -div.block.site_info div.med div.left form ul.geographic_options li.selected#gc_worldwide { - margin:7px 0 0 12px; -} -div.block.site_info div.med div.left form ul.geographic_options li.selected#gc_limited_country { - background:url('/images/backoffice/sites/bkg_limited_country.png') no-repeat 0 0; - width:544px; - height:65px; - padding:10px 13px; -} -div.block.site_info div.med div.left form ul.geographic_options li.selected span.select_country_combo { - float:left; - background:url('/images/backoffice/sites/select_country_combo.png') no-repeat 0 0; - width:240px; - height:32px; - margin:12px 0 0 12px; -} -div.block.site_info div.med div.left form ul.geographic_options li.selected span.select_country_combo.region { - margin:12px 0 0 3px; -} -div.block.site_info div.med div.left form ul.geographic_options li.selected span.select_country_combo:hover { - cursor:pointer; -} -div.block.site_info div.med div.left form ul.geographic_options li.selected span.select_country_combo.clicked { - background:url('/images/backoffice/sites/select_country_combo_head.png') no-repeat 0 0; - height:32px; - position:relative; -} -div.block.site_info div.med div.left form ul.geographic_options li.selected span.select_country_combo.clicked div.values { - position:absolute; - width:239px; - height:202px; - top:32px; - left:0; - background:url('/images/backoffice/sites/select_country_combo_body.png') no-repeat 0 0; - z-index:30; - display:inline; -} -div.block.site_info div.med div.left form ul.geographic_options li.selected span.select_country_combo ul { - display:none; -} -div.block.site_info div.med div.left form ul.geographic_options li.selected span.select_country_combo.clicked div.values ul { - float:left; - width:234px; - height:180px; - margin:4px 0 0 1px; - padding:0; - overflow-y:auto; - display:inline; - overflow-x:hidden; -} -div.block.site_info div.med div.left form ul.geographic_options li.selected span.select_country_combo.clicked div.values ul.regions { - width:248px; -} -div.block.site_info div.med div.left form ul.geographic_options li.selected span.select_country_combo.clicked div.values ul li { - float:left; - margin:0; - width:233px; - height:25px; -} -div.block.site_info div.med div.left form ul.geographic_options li.selected span.select_country_combo.clicked div.values ul li:hover { - background-color:#E4F0CA; -} -div.block.site_info div.med div.left form ul.geographic_options li.selected span.select_country_combo.clicked div.values ul li a { - float:left; - font:normal 15px Arial; - color:#666666; - background:none; - padding:0; - margin:4px 9px; -} -div.block.site_info div.med div.left form ul.geographic_options li.selected p.country { - float:left; - margin:8px 0 0 10px; - font:normal 13px Arial; - color:#999999; -} -div.block.site_info div.med div.left form ul.geographic_options li.selected p.region { - float:left; - margin:8px 0 0 10px; - font:normal 13px Arial; - color:#999999; -} -div.block.site_info div.med div.left form ul.geographic_options li.selected#gc_limited_region { - background:url('/images/backoffice/sites/bkg_limited_country.png') no-repeat 0 0; - width:544px; - height:65px; - padding:10px 13px; -} -div.block.site_info div.med div.left form ul.geographic_options li.selected#gc_limited_bbox { - background:url('/images/backoffice/sites/bkg_limited_bbox.png') no-repeat 0 0; - width:539px; - height:176px; - padding:13px; -} -div.block.site_info div.med div.left form ul.geographic_options li div.content img.arrow { - float:left; - margin:24px 10px; - width:14px; - height:9px; -} -div.block.site_info div.med div.left form ul.geographic_options li.selected#gc_limited_bbox div#map_bbox { - float:left; - width:505px; - height:153px; - margin:10px 15px; - border:2px solid #8EA06B; -} - -/* -------------- PROJECT TYPOLOGY*/ -div.block.site_info div.med div.left form ul.project_tipo_options { - float:left; - width:235px; - height:auto; - margin:1px 0 0 0px; -} -div.block.site_info div.med div.left form ul.project_tipo_options li { - float:left; - margin:7px 0 0 12px; - width:600px; -} -div.block.site_info div.med div.left form ul.project_tipo_options li.selected { - margin:10px 0 0 0; - background:url('/images/backoffice/sites/bkg_limited_country.png') no-repeat 0 0; - width:544px; - height:65px; - padding:10px 13px; -} - -div.block.site_info div.med div.left form ul.project_tipo_options li a.check { - float:left; - font:normal 15px Arial; - color:#333333; - text-decoration:none; - background:url('/images/backoffice/sites/project_tipo_check.png') no-repeat 0 4px; - padding:0 0 0 15px; - height:14px; -} -div.block.site_info div.med div.left form ul.project_tipo_options li a.check:hover { - cursor:pointer; -} -div.block.site_info div.med div.left form ul.project_tipo_options li.selected a.check { - background:url('/images/backoffice/sites/project_tipo_checked.png') no-repeat 0 4px; -} -div.block.site_info div.med div.left form ul.project_tipo_options li.selected div.content { - display:inline; -} -div.block.site_info div.med div.left form ul.project_tipo_options li div.content { - display:none; - width:100%; -} -div.block.site_info div.med div.left form ul.project_tipo_options li.selected span.select_combo_typology { - float:left; - background:url('/images/backoffice/sites/select_country_combo.png') no-repeat 0 0; - width:240px; - height:32px; - margin:12px 0 0 12px; -} -div.block.site_info div.med div.left form ul.project_tipo_options li.selected span.select_combo_typology.region { - margin:12px 0 0 3px; -} -div.block.site_info div.med div.left form ul.project_tipo_options li.selected span.select_combo_typology:hover { - cursor:pointer; -} -div.block.site_info div.med div.left form ul.project_tipo_options li.selected span.select_combo_typology.clicked { - background:url('/images/backoffice/sites/select_country_combo_head.png') no-repeat 0 0; - height:32px; - position:relative; -} -div.block.site_info div.med div.left form ul.project_tipo_options li.selected span.select_combo_typology.clicked div.values { - position:absolute; - width:239px; - height:202px; - top:32px; - left:0; - background:url('/images/backoffice/sites/select_country_combo_body.png') no-repeat 0 0; - z-index:30; - display:inline; -} -div.block.site_info div.med div.left form ul.project_tipo_options li.selected span.select_combo_typology ul { - display:none; -} -div.block.site_info div.med div.left form ul.project_tipo_options li.selected span.select_combo_typology.clicked div.values ul { - float:left; - width:252px; - height:187px; - margin:5px 0 0 1px; - padding:0; - overflow-y:auto; - display:inline; - overflow-x:hidden; -} -div.block.site_info div.med div.left form ul.project_tipo_options li.selected span.select_combo_typology.clicked div.values ul li { - float:left; - margin:0; - width:233px; - height:21px; -} -div.block.site_info div.med div.left form ul.project_tipo_options li.selected span.select_combo_typology.clicked div.values ul li.section { - float:left; - margin:2px 0 0 0; - width:233px; - height:25px; -} -div.block.site_info div.med div.left form ul.project_tipo_options li.selected span.select_combo_typology.clicked div.values ul li.section p { - float:left; - font:bold 11px Arial; - color:#333333; - margin:7px 9px; -} -div.block.site_info div.med div.left form ul.project_tipo_options li.selected span.select_combo_typology.clicked div.values ul li.section:hover { - background:none; -} -div.block.site_info div.med div.left form ul.project_tipo_options li.selected span.select_combo_typology.clicked div.values ul li:hover { - background-color:#E4F0CA; -} -div.block.site_info div.med div.left form ul.project_tipo_options li.selected span.select_combo_typology.clicked div.values ul li a { - float:left; - font:normal 13px Arial; - color:#666666; - background:url('/images/backoffice/sites/bkg_li_subelement.png') no-repeat 0 5px; - padding:0 0 0 10px; - margin:4px 9px; -} -div.block.site_info div.med div.left form ul.project_tipo_options li.selected span.select_combo_typology.clicked div.values ul li a.organization { - background:none; - margin:4px 0px; -} -div.block.site_info div.med div.left form ul.project_tipo_options li.selected p.cluster_sector { - float:left; - margin:9px 0 0 10px; - font:normal 13px Arial; - color:#999999; -} -div.block.site_info div.med div.left form ul.project_tipo_options li.selected p.ngo { - float:left; - margin:9px 0 0 10px; - font:normal 13px Arial; - color:#999999; -} - -div.block.site_info div.med div.left form ul.project_tipo_options li.selected span.tags_site { - float:left; - margin:10px 0 0 12px; - width:509px; - height:34px; - background:url('/images/backoffice/sites/bkg_tags_site.png') no-repeat 0 0; - position:relative; -} -div.block.site_info div.med div.left form ul.project_tipo_options li.selected span.tags_site.active { - background:url('/images/backoffice/sites/bkg_tags_site_active.png') no-repeat 0 0; - height:33px; -} -div.block.site_info div.med div.left form ul.project_tipo_options li.selected span.tags_site input[type="text"] { - position:absolute; - top:5px; - left:8px; - width:472px; - height:25px; - display:inline; -} - -div.block.site_info div.med div.left form div.two_columns { - float:left; - width:100%; - height:70px; -} -div.block.site_info div.med div.left form div.two_columns div.left_column { - float:left; - width:289px; - height:90px; -} -div.block.site_info div.med div.left form div.two_columns div.right_column { - float:left; - width:280px; - height:90px; -} -div.block.site_info div.med div.left form span.input_short { - float:left; - margin:5px 0 0 0; - width:272px; - height:34px; - background:url('/images/backoffice/projects/bkg_input_short.png') no-repeat 0 0; - position:relative; -} -div.block.site_info div.med div.left form span.input_short input[type="text"] { - position:absolute; - top:7px; - left:7px; - width:257px; - height:20px; - border:none; -} - -div.block.site_info div.med div.left form span.input_url { - float:left; - margin:5px 0 0 0; - width:273px; - height:34px; - background:url('/images/backoffice/sites/site_url_input.png') no-repeat 0 0; - position:relative; -} -div.block.site_info div.med div.left form span.input_url input[type="text"] { - position:absolute; - top:5px; - left:7px; - width:259px; - height:23px; - font:normal 15px Arial; - color:#333333; -} -div.block.site_info div.med div.left form span.input_url p.url { - position:absolute; - top:7px; - left:279px; - font:normal 15px Arial; - color:#333333; -} -div.block.site_info div.med div.left form input[type="submit"] { - background:url('/images/backoffice/projects/save_changes_bttn.png') no-repeat 0 0; - font:500 19px "Museo Sans",Arial; - color:#FFFFFF; - text-shadow:0 1px #6E8C30; - border:none; - text-align:center; - width:157px; - height:32px; - float:right; - margin:60px 10px 0 0; - text-indent:-9999px; - /*position:absolute; - bottom:0; - right:0; - */} - div.block.site_info div.med div.left form input[type="submit"]:hover { - background-position:0 -32px; - cursor:pointer; - } - - div.block.site_info div.bottom { - float:left; - height:15px; - width:100%; - background: url('/images/backoffice/backgrounds/bottom_two_columns.png') no-repeat scroll top left!important; - } - - /*pages index*/ - ul.pages { - float:left; - width:100%; - margin:0; - } - ul.pages li { - float:left; - width:100%; - } - ul.pages li div.head { - position:relative; - float:left; - width:535px; - height:42px; - padding:15px; - } - ul.pages li div.head.more { - background:url('/images/backoffice/resources/header_resources.png') no-repeat 0 0!important; - margin:20px 0 0 0; - } - ul.pages li div.head.one { - background:url('/images/backoffice/pages/one_page_list.png') no-repeat 0 0!important; - } - ul.pages li div.head.one h3 { - margin:12px 0 0 0; - font:bold 17px Arial!important; - } - ul.pages li div.head h3 { - margin:12px 0 0 0; - font:bold 17px Arial!important; - } - ul.pages li div.head h3 a { - color:#E93E3F; - text-align:left; - font:bold 17px Arial!important; - } - ul.pages li div.head h3 a:hover { - text-decoration:underline; - } - ul.pages li div.head a.delete { - position:absolute; - right:17px; - top:28px; - width:15px; - height:16px; - background:url('/images/backoffice/icons/close_bkg.png') no-repeat 0 0; - text-indent:-9999px; - font-size:0; - display:block; - line-height:0; - } - ul.pages li div.head a.delete:hover { - background-position:0 -16px; - } - ul.pages li div.body { - float:left; - width:535px; - padding:15px 15px 0; - background:url('/images/backoffice/resources/resources_med.png') repeat-y 0 0; - } - ul.pages li div.body span { - float:left; - width:100%; - padding:0 0 5px 0; - } - ul.pages li div.body span a { - float:left; - font:normal 15px Arial; - color:#E93E3F; - text-decoration:none; - } - ul.pages li div.body span a:hover { - text-decoration:underline; - } - ul.pages li div.body span a.delete { - float:left; - width:14px; - height:14px; - margin:2px 0 0 7px; - background:url('/images/backoffice/icons/tiny_close.png') no-repeat 0 0; - text-indent:-9999px; - } - ul.pages li div.body span a.delete:hover { - background-position:0 -14px; - } - ul.pages li div.down { - float:left; - width:565px; - height:15px; - background:url('/images/backoffice/resources/resources_bottom.png') no-repeat 0 bottom; - } - span.chars { - position:relative; - float:left; - width:100%; - } - span.chars label { - width:auto!important; - } - span.chars p { - float:right!important; - margin:20px 10px 0 0; - width:auto; - font:normal 13px Arial!important; - color:#999999; - } - span.chars p.html { - position:absolute; - top:30px; - right:0; - z-index:100; - } - span.chars p a { - font:normal 12px Arial!important; - color:#666666; - text-decoration:underline; - } - span.chars p a:hover { - color:#333333; - } - span.chars p.few { - color:#FF9900; - } - select#page_parent_id { - display:none; - } - span#parent_page { - float:left; - margin:10px 0 0 0; - background:url('/images/backoffice/projects/combos/combo_add_cluster.png') no-repeat 0 0; - width:254px; - height:24px; - padding:8px 0 0 10px; - position:relative; - } - span#parent_page p { - font:normal 13px Arial; - color:#999999; - } - span#parent_page ul.options { - display:none; - } - span#parent_page.clicked { - background:url('/images/backoffice/projects/combos/combo_add_cluster_clicked.png') no-repeat 0 0; - } - span#parent_page.clicked ul.options { - position:absolute; - top:32px; - left:0; - width:264px; - height:auto; - display:inline; - z-index:20; - } - span#parent_page.clicked ul.options li { - float:left; - margin:0; - background:url('/images/backoffice/projects/combos/combo_add_cluster_lielement.png') repeat-y 0; - width:242px; - height:auto; - padding:4px 11px; - } - span#parent_page.clicked ul.options li.last { - background:url('/images/backoffice/projects/combos/combo_add_cluster_lielement_last.png') no-repeat 0 0; - height:6px; - } - span#parent_page.clicked ul.options li.last:hover { - background:url('/images/backoffice/projects/combos/combo_add_cluster_lielement_last.png') no-repeat 0 0; - } - span#parent_page.clicked ul.options li:hover { - background:url('/images/backoffice/projects/combos/combo_add_cluster_lielement_hover.png') repeat-y 0; - } - span#parent_page.clicked ul.options li a { - font:normal 13px Arial; - color:#666666; - text-decoration:none; - } - span#parent_page:hover { - cursor:pointer; - } - textarea.huge { - float:left; - min-width:548px!important; - max-width:548px!important; - max-height:687px!important; - min-height:687px!important; - margin:5px 0 0 0; - padding:5px 8px; - background:url('/images/backoffice/pages/textarea_bkg.jpg') no-repeat 0 0!important; - border:none; - font:normal 15px Arial; - color:#333333; - } - textarea.huge.error { - background-position:0 -697px!important; - } - textarea.huge.richeditor { - margin:44px 0 0 0!important; - } - - /*window alert*/ - div#modal_window { - position:absolute; - display:none; - top:0; - left:0; - right:0; - bottom:0; - background:url('/images/backoffice/common/modal_bkg.png') repeat 0 0; - z-index:10; - } - div#modal_window div.alert { - position:absolute; - top:50%; - left:50%; - width:450px; - height:88px; - padding:22px; - margin:-66px 0 0 -247px; - background:url('/images/backoffice/common/alert_bkg.png') no-repeat 0 0!important; - } - div#modal_window div.alert h4 { - float:left; - width:100%; - font:bold 17px Arial; - color:#333333; - } - div#modal_window div.alert p { - float:left; - width:100%; - margin:5px 0 0 0; - font:normal 15px Arial; - color:#666666; - } - div#modal_window div.alert span { - float:right; - margin:0; - } - div#modal_window div.alert.importer span { - float: left; - } - div#modal_window div.alert span a.cancel { - float:left; - margin:5px 12px 0 0; - font:normal 15px Arial; - color:#E93E3F; - text-decoration:underline; - } - div#modal_window div.alert span a.cancel:hover { - color:#7F2023; - cursor:pointer; - } - div#modal_window div.alert span a.button { - float:left; - text-indent:-9999px; - font-size:0; - display:block; - line-height:0; - } - div#modal_window div.alert span a.button:hover { - background-position:0 -26px; - } - div#modal_window div.alert ul#errors { - display:none; - } - div#modal_window div.alert span a.button.remove { - display: inline; - background:url('/images/backoffice/common/delete_button.png') no-repeat 0 0; - width:63px; - height:26px; - } - - div#modal_window div.alert { - background:url('/images/backoffice/common/alert_csv_bkg.png') no-repeat 0 0!important; - width:450px; - height:46px; - } - div#modal_window div.alert.ok p { - margin:15px 0 0 0; - } - div#modal_window div.alert.error p { - margin:19px 0 0 0; - } - div#modal_window div.alert.ok span { - margin:15px 0 0 0; - } - - div#modal_window div.alert span a.cancel { - display:none; - } - div#modal_window div.alert span a.remove { - display:none; - } - div#modal_window div.alert span a.cancel.ok { - float:left; - width:63px; - height:26px; - background:url('/images/backoffice/common/ok_button.png') no-repeat 0 0; - text-indent:-9999px; - font-size:0; - display:block; - line-height:0; - margin:5px 5px 0 0; - } - div#modal_window div.alert span a.cancel.ok:hover { - background-position:0 -26px; - } - div#modal_window div.alert span a.cancel.ok.error { - background-position:0 -52px} - div#modal_window div.alert span a.cancel.ok.error:hover { - background-position:0 -78px} - - div#modal_window div.alert.ok { - background:url('/images/backoffice/common/alert_csv_ok_bkg.png') no-repeat 0 0!important; - width:450px; - height:96px; - } - div#modal_window div.alert.error { - background:url('/images/backoffice/common/alert_csv_error_bkg.png') no-repeat 0 0!important; - width:450px; - height:340px; - top:30%; - left:50%; - } - div#modal_window div.alert.error ul#errors { - float:left; - margin:15px 0 0 15px; - display:inline; - width:425px; - height:190px; - overflow-x:hidden; - overflow-y:auto; - } - div#modal_window div.alert.error ul#errors li { - float:left; - margin:7px 0 0 0; - background:url('/images/backoffice/common/li_style.png') no-repeat 0 7px; - padding:0 0 0 7px; - font:normal 15px Arial; - color:#666666; - width:418px; - } - - /*footer*/ - div#footer { - float:left; - width:100%; - height:120px; - margin:40px 0 0 0 ; - background:url('/images/backoffice/common/header_bkg.jpg') repeat-x 0 0; - } - div#footer div.inner_footer { - margin:0 auto; - width:932px; - } - div#footer div.inner_footer a.logo { - float:left; - margin:35px 0 0 0; - } - div#footer div.inner_footer ul { - float:right; - margin:50px 2px 0 0; - } - div#footer div.inner_footer ul li { - float:left; - width:auto; - padding:0 13px; - background:url('/images/backoffice/common/footer_list_separator.png') no-repeat right -2px; - } - div#footer div.inner_footer ul li.last { - padding:0 0 0 10px; - background:none; - } - div#footer div.inner_footer ul li a { - font:normal 13px Arial; - color:#999999; - text-decoration:none; - } - div#footer div.inner_footer ul li a:hover { - text-decoration:underline; - } - - /* STYLING DATE COMBOS */ - .stylish-select ul.newList { - left:-9999px; - } - - ul.newList:focus { - outline:none; - } - ul.newList { - } - ul.newList * { - margin:0; - padding:0; - border:none; - overflow:hidden; - } - ul.newList a { - color: #333333; - text-decoration:none; - display:block; - } - ul.newList { - margin:0; - padding:0; - list-style:none; - color:#000; - width:100px; - overflow-x:hidden; - z-index:9999; - } - - ul.newList.month { - position:absolute; - top:22px; - left:0; - float:left; - background:url('/images/backoffice/common/dates/body_month.png') no-repeat 0 0; - height:198px; - overflow-x:hidden; - width:148px; - top:32px; - } - ul.newList.month li { - width:131px; - margin:0 0 0 1px; - } - ul.newList.day { - position:absolute; - top:22px; - left:0; - float:left; - background:url('/images/backoffice/common/dates/body_day.png') no-repeat 0 0; - height:198px; - overflow-x:hidden; - width:80px; - top:32px; - } - ul.newList.day li { - width:62px; - margin:0 0 0 1px; - } - ul.newList.year { - position:absolute; - top:22px; - left:0; - float:left; - background:url('/images/backoffice/common/dates/body_year.png') no-repeat 0 0; - height:198px; - overflow-x:hidden; - width:94px; - top:32px; - } - ul.newList.year li { - width:76px; - margin:0 0 0 1px; - } - - .newListSelected { - width:128px; - color:#000; - height:29px; - padding:3px 0 0 6px; - float:left; - background:url('/images/backoffice/common/dates/head_month.png') no-repeat 0 0; - margin:2px 0 0 7px; - } - - .newListSelected:focus { - outline:none; - } - .newListSelected.month { - width:131px; - color:#000; - height:30px; - padding:3px 0 0 6px; - float:left; - backgroundPosition:url('/images/backoffice/common/dates/head_month.png') no-repeat 0 0; - } - .newListSelected.day { - width:59px; - color:#000; - height:30px; - padding:3px 0 0 6px; - float:left; - background:url('/images/backoffice/common/dates/head_day.png') no-repeat 0 0; - } - .newListSelected.year { - width:78px; - color:#000; - height:30px; - padding:3px 0 0 6px; - float:left; - background:url('/images/backoffice/common/dates/head_year.png') no-repeat 0 0; - } - - .newListSelected.month, .newListSelected.month, .newListSelected.month .selectedTxt { - text-transform:uppercase; - } - - /* country combo */ - .newListSelected.country { - width:237px; - color:#000; - height:29px; - padding:3px 0 0 6px; - float:left; - background:url('/images/backoffice/sites/combo/country_head.png') no-repeat 0 0; - margin:10px 0 0 13px; - } - .newListSelected.country .selectedTxt { - width:225px; - overflow:hidden; - height:20px; - margin:4px 0 0 3px; - font:normal 13px Arial; - color:#999999; - line-height:21px; - } - div.newList_content.country { - background:url('/images/backoffice/sites/combo/country_body.png') no-repeat 0 0; - height:205px; - width:237px; - top:32px!important; - left:0; - position:absolute; - } - ul.newList.country { - float:left; - height:194px; - overflow-x:hidden; - width:248px; - margin:0 0 0 1px; - overflow-y:auto; - } - ul.newList.country li { - width:233px; - margin:0; - } - ul.newList.country li a { - font:normal 15px Arial; - color:#666666; - } - - /* country combo */ - .newListSelected.country_index { - width:134px; - color:#000; - height:29px; - padding:3px 0 0 6px; - float:left; - background:url('/images/backoffice/projects/combos/country_head.png') no-repeat 0 0; - margin:6px 0 0 1px; - } - .newListSelected.country_index .selectedTxt { - width:134px; - overflow:hidden; - height:20px; - margin:2px 0 0 5px; - font:normal 13px Arial; - color:#333333; - line-height:21px; - } - div.newList_content.country_index { - background:url('/images/backoffice/projects/combos/country_body.png') no-repeat 0 0; - height:201px; - width:134px; - top:32px!important; - left:0; - position:absolute; - z-index:100; - } - ul.newList.country_index { - float:left; - height:194px; - overflow-x:hidden; - width:147px; - margin:0 0 0 1px; - overflow-y:auto; - } - ul.newList.country_index li { - width:233px; - margin:0; - height:auto !important; - } - ul.newList.country_index li:focus { - outline:none; - } - ul.newList.country_index li a { - font:normal 13px Arial; - color:#333333; - width:113px; - } - - ul.newList li a { - padding:3px 8px; - display: block; - } - ul.newList li a:focus { - -moz-outline-style: none; - outline:none; - } - .selectedTxt { - width:auto; - overflow:hidden; - height:16px; - margin:4px 0 0 3px; - font:normal 13px Arial; - color:#333333; - line-height:21px; - } - .hiLite { - background:#E4F0CA!important; - color:#333333!important; - } - .hiLite a { - background:#E4F0CA!important; - color:#333333!important; - } - .newListHover { - background:#E4F0CA; - color:#333333!important; - cursor:pointer; - } - /*.newListSelHover { - background-position:0 -32px; - cursor:default; - } - */ - .newListSelFocus { - background-position:0 -32px; - cursor:pointer; - } - .newListSelFocus.country { - background-position:0 -32px; - cursor:pointer; - } - .newListOptionTitle { - font-weight:bold; - } - .newListOptionTitle ul { - margin:3px 0 0; - } - .newListOptionTitle li { - font-weight:normal; - border-left:1px solid #ccc; - } - .newListOptionTitle li a { - text-transform:uppercase; - font:normal 11px Arial; - color:#333333; - } - /* END ------------------------------ STYLING DATE COMBOS */ - - /*RICH TEXT EDITOR*/ - div.jHtmlArea { - padding:10px 0 0 0; - display: inline block; - } - div.jHtmlArea p { - font:normal 13px Arial; - color:#666666; - } - div.jHtmlArea div { - margin: 0px; - padding: 10px 0 0 0; - } - div.jHtmlArea .ToolBar { - } - div.jHtmlArea .ToolBar ul { - border: solid 1px #ccc; - margin:10px 1px 10px; - padding:1px; - float: left; - background: #fff url('/images/backoffice/pages/jHtmlArea_Toolbar_Group_BG.png') repeat-x; - } - div.jHtmlArea .ToolBar ul li { - list-style-type: none; - float: left; - border: none; - padding: 1px; - margin: 1px; - } - div.jHtmlArea .ToolBar ul li:hover { - border: solid 1px #ccc; - background: #ddd url('/images/backoffice/pages/jHtmlArea_Toolbar_Group__Btn_Select_BG.png'); - padding: 0; - } - div.jHtmlArea .ToolBar ul li a { - display: block; - width: 16px; - height: 16px; - background: url('/images/backoffice/pages/jHtmlArea.png') no-repeat -16px -500px; - border: none; - cursor: pointer; - padding: 0px; - } - div.jHtmlArea .ToolBar ul li a.highlighted { - border: solid 1px #aaa; - background-color: #bbb; - padding: 0; - } - div.jHtmlArea .ToolBar ul li.separator { - height: 16px; - margin: 0 2px 0 3px; - border-left: 1px solid #ccc; - } - div.jHtmlArea .ToolBar ul li.separator:hover { - padding: 1px; - background-color: #fff; - border-top:none; - border-bottom:none; - border-right:none; - } - - div.jHtmlArea .ToolBar ul li a:hover { - } - div.jHtmlArea .ToolBar ul li a.bold { - background-position: 0 0; - } - div.jHtmlArea .ToolBar ul li a.italic { - background-position: -16px 0; - } - div.jHtmlArea .ToolBar ul li a.underline { - background-position: -32px 0; - } - div.jHtmlArea .ToolBar ul li a.strikethrough { - background-position: -48px 0; - } - div.jHtmlArea .ToolBar ul li a.link { - background-position: -64px 0; - } - div.jHtmlArea .ToolBar ul li a.unlink { - background-position: -80px 0; - } - div.jHtmlArea .ToolBar ul li a.orderedlist { - background-position: -96px 0; - } - div.jHtmlArea .ToolBar ul li a.unorderedlist { - background-position: -112px 0; - } - div.jHtmlArea .ToolBar ul li a.image { - background-position: -128px 0; - } - div.jHtmlArea .ToolBar ul li a.cut { - background-position: -144px 0; - } - div.jHtmlArea .ToolBar ul li a.copy { - background-position: -160px 0; - } - div.jHtmlArea .ToolBar ul li a.paste { - background-position: -176px 0; - } - - div.jHtmlArea .ToolBar ul li a.html { - background-position: -192px 0; - opacity:0.6; - filter:alpha(opacity=60); - } - div.jHtmlArea .ToolBar ul li a.html.highlighted { - opacity:1.0; - filter:alpha(opacity=100); - } - div.jHtmlArea .ToolBar ul li a.p { - background-position:-177px -17px; - } - div.jHtmlArea .ToolBar ul li a.h1 { - background-position: 0 -16px; - } - div.jHtmlArea .ToolBar ul li a.h2 { - background-position: -16px -16px; - } - div.jHtmlArea .ToolBar ul li a.h3 { - background-position: -32px -16px; - } - div.jHtmlArea .ToolBar ul li a.h4 { - background-position: -48px -16px; - } - div.jHtmlArea .ToolBar ul li a.h5 { - background-position: -64px -16px; - } - div.jHtmlArea .ToolBar ul li a.h6 { - background-position: -80px -16px; - } - div.jHtmlArea .ToolBar ul li a.subscript { - background-position: -96px -16px; - } - div.jHtmlArea .ToolBar ul li a.superscript { - background-position: -112px -16px; - } - div.jHtmlArea .ToolBar ul li a.indent { - background-position: -128px -16px; - } - div.jHtmlArea .ToolBar ul li a.outdent { - background-position: -144px -16px; - } - div.jHtmlArea .ToolBar ul li a.horizontalrule { - background-position: -160px -16px; - } - - div.jHtmlArea .ToolBar ul li a.justifyleft { - background-position: 0 -32px; - } - div.jHtmlArea .ToolBar ul li a.justifycenter { - background-position: -16px -32px; - } - div.jHtmlArea .ToolBar ul li a.justifyright { - background-position: -32px -32px; - } - div.jHtmlArea .ToolBar ul li a.increasefontsize { - background-position: -48px -32px; - } - div.jHtmlArea .ToolBar ul li a.decreasefontsize { - background-position: -64px -32px; - } - div.jHtmlArea .ToolBar ul li a.forecolor { - background-position: -80px -32px; - } - - /* Activity Tab */ - div.block.activity span.combo_date { - float:left; - background:url('/images/backoffice/projects/date/bkg_calendar.png') no-repeat 0 0; - width:121px; - height:24px; - font:normal 15px Arial; - color:#333333; - margin:0px 0 0 0; - padding:8px 0 0 8px; - position:relative; - } - div.block.activity span.combo_date:hover { - cursor:pointer; - } - div.block.activity span.combo_date div.select_dates { - display:none; - } - div.block.activity span.combo_date.clicked { - background:url('/images/backoffice/projects/date/bkg_header_clicked_date.png') no-repeat 0 0; - } - div.block.activity span.combo_date.clicked div.select_dates { - position:absolute; - top:30px; - left:0; - background:url('/images/backoffice/projects/date/bkg_date_content.png') no-repeat 0 0; - width:335px; - height:68px; - z-index:20; - display:inline; - padding-left:5px; - } - div.block.activity span.combo_date.clicked div.select_dates.end_date { - background:url('/images/backoffice/projects/date/bkg_date_content_right.png') no-repeat 0 0; - position:absolute; - top:30px; - left:-142px; - } - - div.block.activity span.combo_date.clicked div.select_dates span.month { - float:left; - width:124px; - height:51px; - margin:10px 9px 0 10px; - } - div.block.activity span.combo_date.clicked div.select_dates span.day { - float:left; - width:62px; - height:51px; - margin:10px 9px 0 8px; - } - div.block.activity span.combo_date.clicked div.select_dates span.year { - float:left; - width:76px; - height:51px; - margin:10px 0 0 0; - } - - div.block.activity span.combo_date.clicked div.select_dates p.title { - float:left; - margin:0 0 0 5px; - font:normal 11px Arial; - color:#606851; - text-transform:uppercase; - width:auto; - } - div.block.activity span.combo_date.clicked div.select_dates p.title#month { - float:left; - margin:12px 10px 3px 0px; - width:135px; - } - div.block.activity span.combo_date.clicked div.select_dates p.title#day { - float:left; - margin:12px 10px 3px 0; - width:53px; - } - div.block.activity span.combo_date.clicked div.select_dates p.title#year { - float:left; - margin:12px 10px 3px 0; - width:100px; - } - div.block.activity span.combo_date.clicked div.select_dates a { - font:normal 13px Arial; - color:#333333; - } - div.block.activity span.combo_date.clicked div.select_dates a:hover { - cursor:pointer; - } - div.block.activity span.combo_date.clicked div.select_dates a.month_combo { - float:left; - margin:2px 0 0 0; - background:url('/images/backoffice/projects/date/month_combo.png') no-repeat 0 0; - width:123px; - height:23px; - padding:9px 0 0 10px; - } - div.block.activity span.combo_date.clicked div.select_dates a.day_combo { - float:left; - margin:2px 0 0 0; - background:url('/images/backoffice/projects/date/day_combo.png') no-repeat 0 0; - width:54px; - height:23px; - padding:9px 0 0 10px; - } - div.block.activity span.combo_date.clicked div.select_dates a.year_combo { - float:left; - margin:2px 0 0 0; - background:url('/images/backoffice/projects/date/year_combo.png') no-repeat 0 0; - width:68px; - height:23px; - padding:9px 0 0 10px; - } - - .changes_list div.no_results { - float:left; - width:100%; - padding:70px 0 80px; - } - .changes_list div.no_results h2 { - float:left; - width:100%; - text-align:center; - } - .changes_list div.no_results p { - float:left; - width:100%; - margin:6px 0 0 0; - text-align:center; - font:normal 17px Arial; - color:#666666; - } - .changes_list div.no_results p a { - color:#E93E3F; - text-decoration:underline; - } - .changes_list div.no_results p a:hover { - color:#7F2023; - } - - div.med div.changes_list { - margin-top: 15px; - } - - div.med div.changes_list div.change { - width: 874px; - margin-bottom: 19px; - } - - div.med div.changes_list div.change .border_top { - background: url('/images/backoffice/activity/blue_rounded_wide_top.png') no-repeat 0 0; - height: 5px; - width: 874px; - } - - div.med div.changes_list div.change .summary { - background-color: #e0edf1; - height: 47px; - margin: 0; - padding: 10px 0 10px; - clear: both; - } - - div.med div.changes_list div.change.open .summary { - height: 50px; - } - - div.med div.changes_list div.change .summary .reviewed { - display:inline-block; - zoom:1; - *display:inline; - vertical-align:top; - width: 55px; - height: 75px; - border-color: #CCC; - border-style: solid; - border-width: 0 1px 0 0; - margin-top: -14px; - } - - div.med div.changes_list div.change .summary .reviewed button { - position: relative; - width: 55px; - height: 67px; - background: transparent; - border: 0; - cursor: pointer; - } - - div.med div.changes_list div.change .summary .reviewed input { - display: none; - } - - div.med div.changes_list div.change .summary .reviewed button .arrow { - position: absolute; - top: 50%; - left: 50%; - margin-top: -4.5px; - margin-left: -6px; - display: block; - width: 13px; - height: 9px; - border: 0; - background: url('/images/backoffice/activity/check.png') no-repeat 0 0; - } - - div.med div.changes_list div.change .summary .date_time { - display:inline-block; - zoom:1; - *display:inline; - vertical-align:top; - height: 37px; - width: 65px; - padding: 5px 17px; - font-size: 13px; - } - - div.med div.changes_list div.change .summary .date_time .date { - margin-bottom: 6px; - color: #666666; - } - - div.med div.changes_list div.change .summary .date_time .time { - margin-top: 6px; - color: #999999; - } - - div.med div.changes_list div.change .summary .title_by { - display:inline-block; - zoom:1; - *display:inline; - vertical-align:top; - height: 37px; - width: 599px; - padding: 5px 20px; - border-color: #cccccc; - border-style: solid; - border-width: 0 0 0 1px; - } - - div.med div.changes_list div.change .summary .title_by .title { - font-size: 17px; - color: #666666; - } - - div.med div.changes_list div.change .summary .title_by .title a { - color: #E93E3F; - } - - div.med div.changes_list div.change .summary .title_by .title a:hover { - text-decoration: underline; - } - - div.med div.changes_list div.change .summary .title_by .by { - font-size: 13px; - color: #999999; - } - div.med div.changes_list div.change .summary .title_by form { - color: black; - text-align: right; - } - - div.med div.changes_list div.change .summary .more { - display:inline-block; - zoom:1; - *display:inline; - vertical-align:top; - height: 37px; - width: 60px; - padding: 5px; - font-size: 13px; - position: relative; - } - - div.med div.changes_list div.change .summary .more a { - display: block; - height: 100%; - width: 100%; - font-weight: bolder; - } - - div.med div.changes_list div.change .summary .more .arrow { - display: block; - height: 6px; - width: 8px; - position: absolute; - top: 50%; - left: 50%; - margin-top: -3px; - margin-left: 1px; - background: url('/images/backoffice/activity/arrow_down.png') no-repeat 0 0; - } - - div.med div.changes_list div.change.open .summary .more .arrow { - background: url('/images/backoffice/activity/arrow_up.png') no-repeat 0 0; - } - - div.med div.changes_list div.change .detail { - display: none; - border-top: 1px solid #cccccc; - background-color: #eff6f8; - padding: 10px 10px 10px 76px; - font-size: 11px; - text-transform: uppercase; - } - - div.med div.changes_list div.change .detail { - background-color: rgba(239, 246, 248, 0.5); - } - - div.med div.changes_list div.change .detail ul li { - clear: both; - } - - div.med div.changes_list div.change .detail ul li div { - margin: 15px 0; - } - - div.med div.changes_list div.change .detail ul li .label { - display: -moz-inline-stack; - display: inline-block; - zoom: 1; - *display: inline; - color: #999999; - width: 106px; - } - - div.med div.changes_list div.change .detail ul li .label { - color: rgba(153, 153, 153, 0.5); - } - - div.med div.changes_list div.change .detail ul li .value { - display: -moz-inline-stack; - display: inline-block; - zoom: 1; - *display: inline; - width: 679px; - vertical-align: top; - color: black; - line-height: 1.3; - } - - div.med div.changes_list div.change .border_bottom { - background: url('/images/backoffice/activity/blue_rounded_wide_bottom.png') no-repeat 0 0; - height: 5px; - width: 874px; - } - - div.med div.changes_list div.change.open .border_bottom { - background: url('/images/backoffice/activity/light_blue_rounded_wide_bottom.png') no-repeat 0 0; - } - - div.med div.changes_list div.change .detail ul li .separator { - background-color: #dde1e2; - height: 1px; - width: 100%; - } - - div.med div.changes_list div.change .detail ul li:last-child .separator { - display: none; - } - - .project_info div.med div.changes_list div.change { - width: 564px; - } - - .project_info div.med div.changes_list div.change .summary .title_by { - width: 289px; - } - - .project_info div.med div.changes_list div.change .border_top { - background: url('/images/backoffice/activity/blue_rounded_narrow_top.png') no-repeat 0 0; - } - - .project_info div.med div.changes_list div.change .border_bottom { - background: url('/images/backoffice/activity/blue_rounded_narrow_bottom.png') no-repeat 0 0; - height: 5px; - width: 874px; - } - - .project_info div.med div.changes_list div.change.open .border_bottom { - background: url('/images/backoffice/activity/light_blue_rounded_narrow_bottom.png') no-repeat 0 0; - } - - .project_info div.med div.changes_list div.change .detail ul li .value { - width: 369px; - } - - div.med div.changes_list div.change.checked .border_top { - background: url('/images/backoffice/activity/light_blue_rounded_wide_top.png') no-repeat 0 0; - } - - div.med div.changes_list div.change.checked .border_bottom { - background: url('/images/backoffice/activity/light_blue_rounded_wide_bottom.png') no-repeat 0 0; - } - - .project_info div.med div.changes_list div.change.checked .border_top { - background: url('/images/backoffice/activity/light_blue_rounded_narrow_top.png') no-repeat 0 0; - } - - .project_info div.med div.changes_list div.change.checked .border_bottom { - background: url('/images/backoffice/activity/light_blue_rounded_narrow_bottom.png') no-repeat 0 0; - } - - div.med div.changes_list div.change.checked .summary { - background-color: #F8FAFB; - } - - div.med div.changes_list div.change.checked .summary .reviewed { - border-color: rgba(204, 204, 204, 0.5); - } - - div.med div.changes_list div.change.checked .summary .reviewed button .arrow { - background-position: 0 -10px; - } - - div.med div.changes_list div.change.checked .summary .date_time .date { - color: rgba(102, 102, 102, 0.5); - } - - div.med div.changes_list div.change.checked .summary .date_time .time { - color: rgba(153, 153, 153, 0.5); - } - - div.med div.changes_list div.change.checked .summary .title_by { - border-color: rgba(204, 204, 204, 0.5); - } - - div.med div.changes_list div.change.checked .summary .title_by .title { - color: rgba(102, 102, 102, 0.5); - } - - div.med div.changes_list div.change.checked .summary .title_by .title a { - color: rgba(233, 62, 63, 0.5); - } - - div.med div.changes_list div.change.checked .summary .title_by .by { - color: rgba(153, 153, 153, 0.5); - } - - div.med div.changes_list div.change.checked .summary .title_by .by a { - color: rgba(233, 62, 63, 0.5); - } - - div.med div.changes_list div.change.checked .summary .title_by form { - color: rgba(0, 0, 0, 0.5); - } - - div.med div.changes_list div.change.checked .summary .more .arrow { - background: url('/images/backoffice/activity/light_arrow_down.png') no-repeat 0 0; - } - - div.med div.changes_list div.change.open.checked .summary .more .arrow { - background: url('/images/backoffice/activity/light_arrow_up.png') no-repeat 0 0; - } - - div.med div.changes_list div.change.checked .detail { - border-color: rgba(204, 204, 204, 0.5); - background-color: rgba(239, 246, 248, 0.5); - } - - div.med div.changes_list div.change.checked .detail ul li .value { - color: rgba(0, 0, 0, 0.5) - } - - div.med div.changes_list div.change.checked .detail ul li .separator { - background-color: rgba(221, 225, 226, 0.5); - } - - /* USERS */ - .users div.block.edit div.med div.left div.field { - width: auto; - margin-bottom: 20px; - } - .users div.block.edit div.med div.left div.submit { - float: left; - margin-bottom: 20px; - } - .users div.block.edit div.med div.left a.new_user { - float: left; - width:105px; - height:36px; - margin: 0 0 0 15px; - background: url('/images/backoffice/users/new_user.png') no-repeat 0 0; - } - .users div.block.edit div.med div.left .export_users { - float: left; - width:131px; - height:36px; - margin: 0 0 0 15px; - background: url('/images/backoffice/users/export_users.png') no-repeat 0 0; - } - .users div.block.edit div.med div.left .remove { - float: none; - width:17px; - height:16px; - background: url('/images/backoffice/users/remove_user.png') no-repeat 0 0; - } - - .users div.block.edit div.med div.left h2 { - padding-bottom: 20px; - } - - .users div.block.edit div.med div.left #users_list_filter { - float: left; - width: auto; - margin-top: 2px; - } - .users div.block.edit div.med div.left .chzn-container .chzn-results { - float: left; - } - - .users div.block.edit div.med div.left .user { - position: relative; - float: left; - width: 534px; - height: 56px; - background: url('/images/backoffice/users/user_item_bkg.png') no-repeat 0 0; - margin-bottom: 20px; - padding: 15px; - color: #999999; - } - - .users .paginate .pagination { - float: left; - margin: 0 30px 0 32px!important; - } - - .users div.block.edit div.med div.left .user a { - color: #E93E3F; - } - - .users div.block.edit div.med div.left .user .name { - display: block; - font-size: 17px; - height: 28px; - line-height: 2; - } - - .users div.block.edit div.med div.left .user .details { - height: 28px; - line-height: 2; - font-size: 13px; - } - - .users div.block.edit div.med div.left .user form { - position: static; - } - - .users div.block.edit div.med div.left .user .remove { - position: absolute; - right: 15px; - top: 50%; - margin: 0; - margin-top: -8px; - } - - .users div.block.edit div.med div.left .user a { - color: #E93E3F; - } - - .users div.block.edit div.med div.left .user .name { - display: block; - font-size: 17px; - height: 28px; - line-height: 2; - } - - .users div.block.edit div.med div.left .user .details { - height: 28px; - line-height: 2; - font-size: 13px; - } - - .users div.block.edit div.med div.left .user form { - position: static; - } - - .users div.block.edit div.med div.left .user .remove { - position: absolute; - right: 15px; - top: 50%; - margin: 0; - margin-top: -8px; - } - - #uploader { - float: left; - } - #uploader .qq-uploader { - } - #uploader .qq-uploader .qq-upload-button { - width:153px; - height:18px; - margin:0px 0 0 9px; - background:url('/images/backoffice/projects/export_csv_btn.png') no-repeat 0 0; - font:normal 19px "Museo Sans",Arial; - color:white; - text-shadow:0 1px #000000; - } - #uploader .qq-uploader .qq-drop-processing { - display: none; - } - #uploader .qq-uploader .qq-upload-list { - display: none; - } diff --git a/public/stylesheets/backoffice/layout.old.css b/public/stylesheets/backoffice/layout.old.css deleted file mode 100644 index ac718672..00000000 --- a/public/stylesheets/backoffice/layout.old.css +++ /dev/null @@ -1,7099 +0,0 @@ -body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,form,fieldset,p { - margin:0; - padding:0; - font-weight:normal; -} -img,fieldset { - border:none; - padding:0; - margin:0; -} -body { - font:11px Arial, Helvetica,serif; - color:#FFFFFF; -} -span.clear { - clear:both; -} -div.left { - float:left; - width:auto; -} -div.right { - float:right; - width:auto; -} -a { - text-decoration:none; -} -a:focus { - outline:none; -} -ul:focus { - outline:none; -} -input:focus { -outline:none} -body { - background:#E1E5E7; -} -ul { - list-style:none; -} -label strong { - font:normal 14px Georgia; - color:#E93E3F; -} -textarea:focus { - outline:none; -} - -/*IE7 reset properties*/ -input[type="text"] { - border:0px; -} -textarea { - border:0px; -} - -/*FONT FACE*/ -@font-face { - font-family: 'Museo Sans'; - src: url('/fonts/museosans_500-webfont.eot'); - src: local('☺'), url('/fonts/museosans_500-webfont.woff') format('woff'), url('/fonts/museosans_500-webfont.ttf') format('truetype'), url('/fonts/museosans_500-webfont.svg#webfontX97tj7j1') format('svg'); - font-weight: normal; - font-style: normal; -} - -/*The next is neccesary to fix properly the content scrollable*/ -div.wrapper { - float:left; - margin:0; - padding:0; -} - -/*Necessary to float all content*/ -div.field { - float:left; -} -div.field.save { - float:right; -} - -/*FLASH*/ -.flash { - width: 942px; - height: 85px; - margin: 0 auto; -} - -.flash div { - float: left; - width: 902px; - margin: 20px 0 -20px 3px; - padding: 0 20px; - font-size: 21px; - line-height: 85px; - color: #333333; -} - -.flash .notice { - background: url('/images/backoffice/backgrounds/flash_notice.png') no-repeat scroll top left; - text-align: center; -} - -.flash .notice a { - color: #E93E3F; - text-decoration: underline; -} - -/*ERROR MESSAGES*/ -span.field_error { - position:absolute; - bottom:10px; - right:10px; - margin:0; - padding:0; -} -span.field_error a.error { - float:right; - width:14px; - height:14px; - background: url('/images/backoffice/icons/error.png') no-repeat scroll top left; -} -span.field_error a.error:hover { - cursor:pointer; -} -span.field_error div.error_msg { - position:absolute; - display:none; - top:-9px; - left:-9px; - width:200px; -z-index: 1} -span.field_error div.error_msg p { - position:relative; - float:left; - padding:0 0 0 27px; - height:31px; - background: url('/images/backoffice/common/left_error.png') no-repeat scroll top left; -} -span.field_error div.error_msg p span { - position:relative; - float:left!important; - height:15px; - padding:8px 15px 8px 2px; - display:block; - background:url('/images/backoffice/common/right_error.png') no-repeat right 0; - font:normal 13px Arial; - color:#333333; -} - -span.simple_field_error { - position:absolute; - top:0; - left:405px; - margin:0; - padding:0; -} -span.simple_field_error a.simple_error { - float:right; - width:34px; - height:32px; - background: url('/images/backoffice/icons/simple_error.png') no-repeat scroll top left; -} -span.simple_field_error a.simple_error:hover { - cursor:pointer; -} -span.simple_field_error div.error_msg { - position:absolute; - display:none; - top:0; - left:1px; - width:200px; -} -span.simple_field_error div.error_msg p { - position:relative; - float:left; - padding:0 0 0 27px; - height:31px; - background: url('/images/backoffice/common/left_error.png') no-repeat scroll top left; -} -span.simple_field_error div.error_msg p span { - position:relative; - float:left!important; - height:15px; - padding:8px 15px 8px 2px; - display:block; - background:url('/images/backoffice/common/right_error.png') no-repeat right 0; - font:normal 13px Arial; - color:#333333; -} - -/* LAYOUT */ -div.main_layout { - margin:0 auto; - width:942px; -} -div.main_layout p.link_to_back { - background:url('/images/backoffice/common/red_arrow.png') no-repeat 0 3px; - width:auto; - height:auto; - position:absolute; - top:-25px; - left:4px; -} -div.main_layout p.link_to_back a { - float:left; - font:normal 13px Arial; - color:#CC5B4B; - padding:0 0 0 22px; -} -div.main_layout p.link_to_back a:hover { - cursor:pointer; - text-decoration:underline; -} -div.main_layout div.block { - float:left; - width:942px; - margin:40px 0 0 0; -} -div.main_layout div.block div.top { - float:left; - width:942px; - height:15px; - background:url('/images/backoffice/backgrounds/top_long.png') no-repeat center 0; - position:relative; -} -div.main_layout div.block div.med { - float:left; - width:880px; - padding:16px 31px 28px; - background:url('/images/backoffice/backgrounds/mid_long.png') repeat-y center 0; -} - -/*ngo dashboard*/ -div.med div.header { - width:100%; - overflow:hidden; - padding:0 0 20px 0; - border-bottom:1px solid #CCCCCC; -} -div.med div.header.no_border { - border-bottom:0; - padding:0; -} -div.med div.header h2 { - width:580px; -} -div.med div.header h2 a { - color:#EB3F40; -} -div.med div.header h2 a:hover { - text-decoration:underline; -} -div.med div.header span { - float:right; - width:273px; - height:auto; -} -div.med div.header span.buttons { - width:auto; -} -div.med div.header span p { - display:inline-block; - zoom:1; - *display:inline; - vertical-align:top; - width:auto; - padding:0 25px 0 0; - font:normal 27px "Museo Sans"; - color:#333333; -} -div.med div.header span p em { - padding:0 0 0 3px; - font:normal 11px Arial; - color:#999999; - text-transform:uppercase; -} - -div.med .info_list ul { - width:100%; - padding:0; - margin:18px 0 0!important; - letter-spacing:-4px; -} -div.med .info_list ul li { - float:none; - display:inline-block!important; - zoom:1; - *display:inline; - vertical-align:top; - width:273px!important; - margin:0 30px 0 0!important; - letter-spacing:0px; -} -div.med .info_list ul li.last { - margin:0!important; -} -div.med .info_list h4 { - padding:10px 0 5px 0; - font:bold 11px Arial; - color:#999999; - text-transform:uppercase; -} -div.med .info_list p { - display:block!important; - font:normal 15px Arial!important; - color:#666666!important; - letter-spacing:0!important; -} -div.med .info_list p a { - color:#EB3F40; - text-decoration:none; -} -div.med .info_list p a:hover { - color:#EB3F40; - text-decoration:underline; -} - -.grey div.bottom_white { - background:url('/images/backoffice/backgrounds/bottom_grey_long.png') repeat-y center bottom; -} -.grey div.top { - background:url('/images/backoffice/backgrounds/top_grey_long.png') no-repeat center 0!important; -} -.grey div.med { - background:url('/images/backoffice/backgrounds/med_grey_long.png') repeat-y center 0!important; -} - -/*add new site,donor,...*/ -div.add_new { - float:left; - width:922px; - height:98px; - padding:5px; - margin:20px 0 0 5px; - background:url('/images/backoffice/dashboard/add_new_bkg.png') no-repeat center 0; -} -div.add_new a { - float:left; - width:922px; - height:70px; - padding:28px 0 0 0; - margin:0px; - background:url('/images/backoffice/dashboard/add_bkg_a.png') repeat-x 0 0; - text-align:center; - font:normal 27px "Museo Sans",Arial; - color:white; -} -div.add_new a:hover { - background-position:0 -98px; -} -div.add_new a strong { - float:left; - width:100%; - font:normal 15px Arial; - color:#C3DB9F; - text-align:center; -} -/*common right column*/ -div.block div.med div.right { - position:relative; - float:right; - width:284px; - min-height:420px; -} -div.block div.med div.right ul { - float:left; - width:230px; - margin:10px 0 0 0; -} -div.block div.med div.right ul li { - float:left; - width:205px; - padding:6px 12px 6px 0; -} -div.block div.med div.right ul li.selected { - float:left; - width:auto; - padding:15px 14px 15px 0; - background:url('/images/backoffice/common/selected_li.png') no-repeat right 0; - font:bold 15px Arial; - color:#333333; -} -div.block div.med div.right ul li.disabled { - width:200px; -} -div.block div.med div.right ul li.disabled a { - color:#cccccc; -} -div.block div.med div.right ul li a { - float:left; - font:bold 15px Arial; - color:#E93E3F; - padding:0 0 0 20px; -} -div.block div.med div.right ul li p { - float:left; - margin:2px 0 0 7px; - padding:0 0 0 5px; - background:url('/images/backoffice/common/amount_left.png') no-repeat 0 0; -} -div.block div.med div.right ul li p span { - float:left; - padding:1px 7px 1px 2px; - height:12px; - line-height:12px; - background:url('/images/backoffice/common/amount_right.png') no-repeat right 0; - font:bold 11px Arial; - color:white; -} -div.block div.med div.right ul li.selected a { - color:#333333; -} -div.block div.med div.right ul li.selected p { - background-position:0 -14px; -} -div.block div.med div.right ul li.selected div.bottom_selected { - float:left; - width:auto; - padding:0 12px 13px 0; - margin:0; - padding:0; - background:url('/images/backoffice/backgrounds/menu_bottom.png') no-repeat right bottom; -} -div.block div.med div.right ul li.selected div.bottom_selected ul { - float:left; - width:auto!important; - margin:0; - padding:0; - list-style:square; - color:black; -} -div.block div.med div.right ul li.selected div.bottom_selected ul li { - float:left; - width:auto!important; - margin:0; - padding:0; -} -div.block div.med div.right ul li.selected div.bottom_selected ul li a { - float:left; - width:auto!important; - margin:0; - padding:0; -} -div.block div.med div.right ul li.selected span { - background-position:right -14px; -} -div.block div.med div.right ul li:hover a { - color:#333333; -} -div.block div.med div.right ul li:hover a:focus { - outline:none; -} -div.block div.med div.right ul li:hover p { - background-position:0 -14px; -} -div.block div.med div.right ul li:hover span { - background-position:right -14px; -} -div.block div.med div.right ul li.disabled:hover a { - color:#cccccc; - cursor:default; -} - -div.block div.med div.right ul li.list_selected { - float:left; - width:auto; - margin:10px 0 0 0; - padding:15px 0 0 0; - background:url('/images/backoffice/donors/menu_top.png') no-repeat right 0; -} -div.block div.med div.right ul li.list_selected div.bottom_selected { - float:left; - width:auto; - padding:0 14px 15px 0; - background:url('/images/backoffice/donors/menu_bottom.png') no-repeat right bottom; -} -div.block div.med div.right ul li.list_selected div.bottom_selected a.basic { - width:100%; - color:#E93E3F; - padding:0 0 0 20px; -} -div.block div.med div.right ul li.list_selected div.bottom_selected a.basic:hover { - cursor:default; -} -div.block div.med div.right ul li.list_selected div.bottom_selected span.list { - float:left; - width:auto; - margin:3px 0 0 0; -} -div.block div.med div.right ul li.list_selected div.bottom_selected span.list p { - float:left; - width:100%; - margin:5px 0 0 15px; - background:none; -} -div.block div.med div.right ul li.list_selected div.bottom_selected span.list p a { - float:left; - width:auto; - padding:0 0 0 6px; - background:url('/images/backoffice/icons/grey_square.jpg') no-repeat 0 7px!important; - font:normal 13px Arial; -color:#333333} -div.block div.med div.right ul li.list_selected div.bottom_selected span.list p a:hover { - text-decoration:underline; -} -div.block div.med div.right ul li.list_selected div.bottom_selected span.list p.sublist { - margin:5px 0 0 40px; -} -div.block div.med div.right ul li.list_selected:hover div.bottom_selected p a { - color:#E93E3F; -} - -div.block div.med div.right ul li.sublist_selected { - float:left; - width:auto; - margin:10px 0 0 0; - padding:15px 0 0 0; - background:url('/images/backoffice/donors/menu_top.png') no-repeat right 0; -} -div.block div.med div.right ul li.sublist_selected div.bottom_selected { - float:left; - width:auto; - padding:0 14px 15px 0; - background:url('/images/backoffice/donors/menu_bottom.png') no-repeat right bottom; -} -div.block div.med div.right ul li.sublist_selected div.bottom_selected a.basic { - color:#E93E3F; - padding:0 0 0 20px; -} -div.block div.med div.right ul li.sublist_selected div.bottom_selected a.basic:hover { - cursor:default; -} -div.block div.med div.right ul li.sublist_selected div.bottom_selected span.list { - float:left; - width:auto; - margin:3px 0 0 0; -} -div.block div.med div.right ul li.sublist_selected div.bottom_selected span.list p { - float:left; - width:100%; - margin:5px 0 0 15px; - background:none; -} -div.block div.med div.right ul li.sublist_selected div.bottom_selected span.list p.no { - float:left; - width:auto; - margin:5px 0 0 20px; - padding:0 0 0 6px; - background:url('/images/backoffice/icons/red_square.jpg') no-repeat 0 7px!important; - font:normal 13px Arial; -color:#E93E3F} -div.block div.med div.right ul li.sublist_selected div.bottom_selected span.list p.sublist { - margin:5px 0 0 40px; -} -div.block div.med div.right ul li.sublist_selected div.bottom_selected span.list p.no.sublist { - margin:5px 0 0 45px; -} -div.block div.med div.right ul li.sublist_selected div.bottom_selected span.list p a { - float:left; - width:auto; - padding:0 0 0 6px; - background:url('/images/backoffice/icons/grey_square.jpg') no-repeat 0 7px!important; - font:normal 13px Arial; -color:#333333} -div.block div.med div.right ul li.sublist_selected div.bottom_selected span.list p a:hover { - text-decoration:underline; -} -div.block div.med div.right ul li.sublist_selected:hover div.bottom_selected p a { - color:#E93E3F; -} - -div.block div.med div.right ul li:hover div.bottom_selected p a { - color:#E93E3F; -} -div.block div.med div.right div.export_import, div.block div.med div.right div.delete { - position:absolute; - display:none; - left:20px; -} -div.block div.med div.right div.export_import { - bottom: 145px; -} -div.block div.med div.right div.export_import h5 { - float:left; - font:normal 17px "Museo Sans",Arial; - color:#333333; - letter-spacing:-1px; -} -div.block div.med div.right div.export_import p { - float:left; - margin:5px 0 0 0; - width:100%; - font:normal 13px Arial; - color:#666666; -} -div.block div.med div.right div.export_import p.split { - width:auto; - margin:15px 5px 0; - font:normal 15px Arial; - color:#333333; -} -div.block div.med div.right div.export_import a { - float:left; - margin:17px 0 0 0; - font:normal 15px Arial; - color:#D8393D; - text-decoration:underline; -} -/*div.block div.med div.right div.export_import a:hover { -text-decoration:underline; -cursor:pointer; -} - */ - div.block div.med div.right div.export_import a.link_hidden { - position:relative; - } - div.block div.med div.right div.export_import form { - float:left; - display:inline; - width:80px; - } - div.block div.med div.right div.export_import div#links { - position:relative; - float:left; - } - div.block div.med div.right div.export_import div#links div#wrapper_form { - position:absolute; - width:80px; - height:17px; - background-color:red; - top:17px; - left:0; - overflow:hidden; - opacity:0.0; - -moz-opacity:0; - filter:alpha(opacity: 0); - z-index:2; - } - div.block div.med div.right div.export_import input[type="file"] { - width:80px; - cursor:pointer; - } - div.block div.med div.right div.export_import input[type="submit"] { - width:100px; - position:absolute; - top:15px; - left:0; - } - div.block div.med div.right div.delete { - bottom:0; - } - div.block div.med div.right div.delete h5 { - float:left; - font:normal 17px "Museo Sans",Arial; - color:#333333; - letter-spacing:-1px; - } - div.block div.med div.right div.delete p { - float:left; - margin:5px 0 0 0; - width:100%; - font:normal 13px Arial; - color:#666666; - } - div.block div.med div.right div.delete a { - float:left; - margin:17px 0 0 0; - font:normal 15px Arial; - color:#D8393D; - text-decoration:underline; - } - div.block div.med div.right div.delete a:hover { - text-decoration:none; - } - - /*header*/ - div#header { - float:left; - width:100%; - height:120px; - background:url('/images/backoffice/common/header_bkg.jpg') repeat-x 0 0; - } - div#header div.inner_header { - margin:0 auto; - width:932px; - } - div#header div.inner_header div.top { - float:left; - width:100%; - height:26px; - margin:28px 0 0 0; - } - div#header div.inner_header div.top a { - font:bold 29px Arial; - color:white; - letter-spacing:-2px; - } - div#header div.inner_header div.top a sup { - padding:0 0 0 7px; - font:normal 15px "Museo Sans",Arial; - color:#E93E3F; - letter-spacing:0; - } - div#header div.inner_header div.bottom { - position: relative; - float:left; - width:100%; - margin:24px 0 0 0; - } - div#header div.inner_header div.bottom ul.main_menu { - width:auto; - height:42px; - text-align: justify; - } - div#header div.inner_header div.bottom ul.main_menu li { - display: inline; - width:auto; - margin:0 4px 0 0; - } - div#header div.inner_header div.bottom ul.main_menu li a { - display:inline-block; - vertical-align:top; - zoom: 1; - *display:inline; - height:42px; - padding:0 1.5px 0 4px; - background:url('/images/backoffice/common/header_tab_left.png') no-repeat 0 0; - } - div#header div.inner_header div.bottom ul.main_menu li a:focus { - outline:none; - } - div#header div.inner_header div.bottom ul.main_menu li span { - display:inline-block; - vertical-align:top; - zoom: 1; - *display:inline; - height:32px; - padding:10px 22px 0 18px; - background:url('/images/backoffice/common/header_tab_right.png') no-repeat right 0; - font:normal 17px "Museo Sans", Arial; - color:#DEE1E4; - vertical-align: top; - } - div#header div.inner_header div.bottom ul.main_menu li a:hover { - background-position:0 -42px; - cursor:pointer; - } - div#header div.inner_header div.bottom ul.main_menu li a:hover span { - background-position:right -42px; - color:#0A0A0A; - } - div#header div.inner_header div.bottom ul.main_menu li.selected a { - background-position:0 -42px; - } - div#header div.inner_header div.bottom ul.main_menu li.selected a span { - background-position:right -42px; - color:#0A0A0A; - } - div#header div.inner_header div.bottom ul.admin { - position: absolute; - top: -60px; - right: 0; - margin:12px 0 0 0; - } - div#header div.inner_header div.bottom ul.admin li { - float:left; - width:auto; - padding:0 11px; - background:url('/images/backoffice/common/footer_list_separator.png') no-repeat right -2px; - } - div#header div.inner_header div.bottom ul.admin li a { - font:normal 13px "Museo Sans", "Arial"; - color:#DEE1E4; - text-decoration:underline; - } - div#header div.inner_header div.bottom ul.admin li a:hover { - color:white; - } - div#header div.inner_header div.bottom ul.admin li.last { - padding:0 0 0 8px; - background:none; - } - - /*login*/ - div.login { - position:absolute; - top:0; - bottom:0; - right:0; - left:0; - float:left; - width:100%; - height:100%; - background:url('/images/backoffice/login/login_bkg.png') repeat-x 0 bottom #373737; - } - div.login div.main { - position:absolute; - top:118px; - left:50%; - width:401px; - margin:0 0 0 -200px; - } - div.login div.main h1 { - float:left; - margin:0 0 0 90px; - } - div.login div.main h1 a { - font:bold 29px Arial; - color:white; - letter-spacing:-2px; - } - div.login div.main h1 a sup { - padding:0 0 0 7px; - font:normal 15px "Museo Sans",Arial; - color:#E93E3F; - letter-spacing:0; - } - div.login div.main div.top_data { - float:left; - width:100%; - height:10px; - margin:20px 0 0 0; - background:url('/images/backoffice/login/top_login.png') no-repeat 0 0; - } - div.login div.main div.med_data { - float:left; - width:324px; - padding:10px 38px 38px; - background:white; - } - div.login div.main div.med_data label { - float:left; - width:322px; - margin:20px 0 0 2px; - font:bold 11px Arial; - color:#666666; - text-transform: uppercase; - } - div.login div.main div.med_data input { - float:left; - width:309px; - height:18px; - line-height:13px; - padding:7px; - margin:5px 0 0 0; - background:url('/images/backoffice/login/text_bkg.png') no-repeat 0 0; - border:none; - font:normal 15px Arial; - color:#333333; - } - div.login div.main div.med_data input[type="password"] { - font-weight:bold; - } - div.login div.main div.med_data input.error { - background-position:0 -32px; - } - div.login div.main div.med_data p.error { - float:left; - width:256px; - height:33px; - margin:20px 0 0 1px; - padding:19px 0 0 65px; - background:url('/images/backoffice/login/error_bkg.png') no-repeat 0 0; - font:normal 13px Arial; - color:white; - } - div.login div.main div.med_data p.error.margin { - height:42px; - padding-top:10px; - } - div.login div.main div.med_data p.error a { - color:white; - text-decoration:underline; - } - div.login div.main div.bottom_data { - float:left; - width:400px; - height:76px; - background:url('/images/backoffice/login/bottom_login.png') no-repeat scroll top left; - } - div.login div.main div.bottom_data input { - float:left; - width:98px; - height:32px; - padding:0; - margin:22px 0 0 39px; - background:url('/images/backoffice/login/submit_bkg.png') no-repeat 0 0; - border:none; - text-align:center; - font:normal 19px "Museo Sans","Arial"; - color:white; - text-shadow:0 1px #96272D; - } - div.login div.main div.bottom_data input:hover { - background-position:0 -32px; - cursor:pointer; - } - div.login div.main div.bottom_data a { - float:right; - height: 32px; - margin:22px 40px 0 0; - font-size: 15px; - color: red; - text-decoration: underline; - line-height: 32px; - } - - /*Passwords*/ - div.passwords div.main div.med_data h3, div.login div.main div.med_data p { - float:left; - width:322px; - margin:20px 0 0 2px; - font:normal 15px Arial; - color:#666666; - } - div.passwords div.main div.med_data h3 { - font-weight: bold; - } - - /*dashboard & main sites*/ - div.one { - float:left; - width:307px; - height:143px; - margin:20px 10px 0 0; - padding:30px 0 0 0; - background:url('/images/backoffice/dashboard/one_top.png') no-repeat 0 0; - } - div.one.last { - margin:20px 0 0 0; - } - div.one p { - float:left; - width:100%; - text-align:center; - font:normal 61px "Museo Sans",Arial; - color:#333333; - letter-spacing:-2px; - line-height:59px; - } - div.one a { - float:left; - width:100%; - text-align:center; - font:normal 15px "Museo Sans",Arial; - color:#EB4142; - } - div.one a:hover { - text-decoration:underline; - cursor:pointer; - } - div.one a:focus { - outline:none; - } - div.one p.info { - padding:11px 0 0 0; - font:normal 15px "Museo Sans",Arial; - color:#999999; - letter-spacing:0; - line-height:15px; - } - div.med h2 { - float:left; - width:100%; - font:normal 27px "Museo Sans",Arial; - color:#333333; - } - div.med h5 { - float:left; - width:100%; - font:normal 15px Arial; - color:#666666; - } - div.med.information h2 a { - color:#EB4142; - text-decoration:none; - } - div.med.information h2 a:hover { - text-decoration:underline; - } - div.med.information h2 a:focus { - outline:none; - } - div.med.information ul { - float:left; - width:100%; - margin:25px 0 0 0; - } - div.med.information ul li { - float:left; - width:auto; - margin:0 30px 0 0; - } - div.med.information ul li label { - font:normal 11px Arial; - color:#999999; - text-transform:uppercase; - } - div.med.information ul li p { - padding:0; - font:normal 35px "Museo Sans",Arial; - color:#333333; - letter-spacing:-1px; - } - div.med.information div.info { - float:left; - width:100%; - margin:20px 0 0 0; - } - div.med.information div.info div.left { - float:left; - width:auto; - } - div.med.information div.info div.left p { - padding:5px 0 0 0; - font:normal 15px Arial; - color:#666666; - } - div.med.information div.info div.left strong { - color:#333333; - font-weight:normal; - } - div.med.information div.info div.left p a { - color:#EB4142; - text-decoration:none; - } - div.med.information div.info div.left p a:hover { - text-decoration:underline; - } - div.med.information div.info div.right_graph { - float:right; - } - div.med div.form_error { - width: 483px; - height: 12px; - margin: 30px 0 0 0; - padding: 20px 20px 20px 60px; - font:normal 13px Arial; - color:#FFFFFF; - background:url('/images/backoffice/common/form_error_bkg.png')} - div.bottom_grey { - float:left; - width:942px; - height:64px; - background:url('/images/backoffice/backgrounds/bottom_grey_long.png') no-repeat center 0; - } - div.bottom_white { - float:left; - width:942px; - height:13px; - background:url('/images/backoffice/backgrounds/bottom_white_long.png') no-repeat center bottom; - } - div.bottom_grey a { - float:right; - width:auto; - margin:20px 32px 0 0; - font:normal 17px Arial; - color:#EB4142; - text-decoration:none; - } - div.bottom_grey a:hover { - text-decoration:underline; - } - div.bottom_grey a.published { - float:left; - margin:20px 0 0 30px; - color:#99CC33; - text-decoration:underline; - } - div.bottom_grey a.not_published { - float:left; - margin:20px 0 0 30px; - color:#FF6600; - text-decoration:underline; - } - - /*organizations form customization*/ - .organization div.med h2 { - float: none; - } - div.med div.form_error { - margin-top: 20px; - } - - /*settings*/ - div.right.tips { - width:286px; - } - div.right.tips div.big_bubble { - float:left; - width:220px; - height:71px; - padding:20px 20px 20px 33px; - margin:0 0 0 14px; - background:url('/images/backoffice/common/big_bubble.png') no-repeat 0 0; - } - div.right.tips div.small_bubble { - float:left; - width:220px; - height:50px; - padding:20px 20px 20px 33px; - margin:133px 0 0 14px; - background:url('/images/backoffice/common/small_bubble.png') no-repeat 0 0; - } - div.right.tips div h3 { - float:left; - width:100%; - font:normal 17px "Museo Sans","Arial"; - color:#333333; - } - div.right.tips div p { - float:left; - width:100%; - margin:5px 0 0 0; - font:normal 13px Arial; - color:#666666; - } - - /*donors-NGO edit&new&settings*/ - div.block.edit div.top { - float:left; - width:100%; - background:url('/images/backoffice/backgrounds/top_two_columns.png') no-repeat center 0!important; - } - div.block.edit div.med { - float:left; - width:874px; - padding:16px 33px 28px; - background:url('/images/backoffice/backgrounds/middle_two_columns.png') repeat-y center 0!important; - } - div.block.edit div.med div.left { - float:left; - width:572px; - margin:0 0 0 2px; - } - div.block.edit div.med div.left div.image_container { - float:left; - width:544px; - height:60px; - margin:5px 0 0 0; - padding:10px; - background:url('/images/backoffice/donors/image_bkg.png') no-repeat 0 0; - } - div.block.edit div.med div.left div.image_container p.message { - font-style:italic!important; - color:#999999!important; - } - div.block.edit div.med div.left div.image_container p { - float:left; - font:normal 15px Arial; - color:#666666; - width:auto; - margin:26px 0 0 0; - } - div.block.edit div.med div.left div.image_container p a.remove { - font:normal 15px Arial; - color:#D8393D; - text-decoration:underline; - } - div.block.edit div.med div.left div.image_container p a.remove:hover { - cursor:pointer; - } - div.block.edit div.med div.left div.image_container div#bttn_upload { - float:left; - position:relative; - width:100%; - } - div.block.edit div.med div.left div.image_container div#wrapper_input { - position:absolute; - top:7px; - left:0px; - width:102px; - height:26px; - overflow:hidden; - } - div.block.edit div.med div.left div.image_container a.upload_bttn { - position:absolute; - top:7px; - left:0px; - width:102px; - height:26px; - background:url('/images/backoffice/ngos/upload_bttn.png') no-repeat 0 0; - } - div.block.edit div.med div.left div.image_container a.upload_bttn:hover { - background-position:0 -26px; - } - div.block.edit div.med div.left div.image_container img { - float:left; - max-height:60px; - margin:3px 15px 0 0; - } - div.block.edit div.med div.left div.image_container div.field { - float:left; - width:240px; - } - div.block.edit div.med div.left div.image_container div.field p { - float:left; - width:300px; - margin:2px 0 0 0; - font:normal 13px Arial; - color:#666666; - } - div.block.edit div.med div.left div.image_container div.field p.remove_link { - margin:10px 0 0 110px; - } - div.block.edit div.med div.left div.image_container div.field input { - float:left; - width:102px; - margin:5px 0 0 0; - opacity:0; - } - div.block.edit div.med div.left textarea { - float:left; - min-width:548px; - max-width:548px; - max-height:204px; - min-height:204px; - margin:5px 0 0 0; - padding:5px 8px; - background:url('/images/backoffice/donors/textarea_bkg.png') no-repeat 0 0; - border:none; - font:normal 15px Arial; - color:#333333; - } - div.block.edit div.med div.left textarea.error { - background-position:0 -214px; - } - div.block.edit div.med div.left textarea:focus { - outline:none; - } - div.block.edit div.med div.left label { - float:left; - width:100%; - margin:18px 0 0 1px; - font:bold 11px Arial; - color:#999999; - text-transform:uppercase; - } - div.block.edit div.med div.left label a.show_password_link { - font:normal 13px Arial; - color:#D8393D; - text-transform: none; - text-decoration: underline} - - div.block.edit div.med div.left div.common { - float:left; - width:100%; - margin:35px 0 0 0; - } - div.block.edit div.med div.left div.common h3 { - float:left; - width:100%; - padding:0 0 5px 0; - font:normal 17px "Museo Sans","Arial"; - color:#333333; - text-transform:uppercase; - } - div.block.edit div.med div.left div.short_field { - float:left; - width:272px; - margin:0px 20px 0 0; - } - div.block.edit div.med div.left div.short_field.last { - margin:0; - } - div.block.edit div.med div.left div.short_field input[type="text"].short { - float:left; - width:256px; - height:18px; - margin:5px 0 0 0; - padding:8px; - font:normal 15px Arial; - color:#333333; - border:none; - background:url('/images/backoffice/donors/short_input.png') no-repeat 0 0; - } - div.block.edit div.med div.left div.short_field input[type="text"].short.error { - background-position: 0 -34px; - } - div.block.edit div.med div.left div.field { - position:relative; - float:left; - width:419px; - margin:0; - } - div.block.edit div.med div.left a.preview { - float:left; - width:auto; - margin:43px 0 0 10px; - font:normal 14px Arial; - color:#D8393D; - text-decoration:underline; - } - div.block.edit div.med div.left a.preview.no_margin { - margin:43px 0 0 0; - } - div.block.edit div.med div.left a.preview:hover { - color:#7F2023; - } - div.field input[type="text"], - div.field input[type="password"], - div.field input[type="email"] { - float:left; - width:403px; - height:18px; - margin:5px 0 0 0; - padding:8px; - font:normal 15px Arial; - color:#333333; - border:none; - background:url('/images/backoffice/donors/long_input.png') no-repeat 0 0; - } - div.comboselect .chzn-container { - float: none; - margin:5px 0 0 0; - } - div.block.edit div.med div.left div a span { - float:left; - width:100%; - margin:10px 0 0 0; - } - div.block.edit div.med div.left div span input[type="radio"] { - float:left; - margin:3px 5px 0 10px; - } - div.block.edit div.med div.left div span input[type="checkbox"] { - float:left; - margin:3px 5px 0 10px; - } - div.block.edit div.med div.left div span p { - float:left; - font:normal 15px Arial; - color:#333333; - } - - div.block.edit div.med div.left div span a.combo { - float:left; - font:normal 15px Arial; - color:#333333; - background:url('/images/backoffice/pages/option_bkg.png') no-repeat 0 4px; - padding:0 0 0 15px; - margin:0 0 0 13px; - } - div.block.edit div.med div.left div span a.combo.clicked { - background:url('/images/backoffice/pages/option_bkg_selected.png') no-repeat 0 4px; - } - div.block.edit div.med div.left div span a.combo:hover { - cursor:pointer; - } - - div.block.edit div.med div.left div.field input[type="text"].short { - float:left; - width:256px; - height:18px; - margin:5px 0 0 0; - padding:8px; - font:normal 15px Arial; - color:#333333; - border:none; - background:url('/images/backoffice/donors/short_input.png') no-repeat 0 0; - } - div.block.edit div.med div.left div input[type="password"].short { - float:left; - width:256px; - height:18px; - margin:5px 0 0 0; - padding:8px; - font:normal 15px Arial; - color:#333333; - border:none; - background:url('/images/backoffice/donors/short_input.png') no-repeat 0 0; - } - div.block.edit div.med div.left div.long_field { - float:left; - width:100%; - } - div.block.edit div.med div.left div.long_field input[type="text"].email, div.block.edit div.med div.left div.long_field input[type="text"].address { - float:left; - width:548px; - height:18px; - margin:5px 0 0 0; - padding:8px; - font:normal 15px Arial; - color:#333333; - border:none; - background:url('/images/backoffice/donors/input_address.png') no-repeat 0 0; - } - div.block.edit div.med div.left div.short_field input[type="text"].twitter { - width:234px; - padding:8px 8px 8px 30px; - background:url('/images/backoffice/donors/twitter_bkg.png') no-repeat 0 0; - } - div.block.edit div.med div.left div.field input[type="text"].facebook { - width:381px; - padding:8px 8px 8px 30px; - background:url('/images/backoffice/donors/facebook_input.png') no-repeat 0 0; - } - div.block.edit div.med div.left div.long_field a.check.show_password { - display: none; - } - div.block.edit div.med div.left div.long_field a#reset_password { - float: right; - margin: 16px 10px; - } - div.block.edit div.med div.left div.field a.check, div.block.edit div.med div.left div.long_field a.check { - float:left; - font:normal 15px Arial; - color:#333333; - text-decoration:none; - background:url('/images/backoffice/sites/project_tipo_check.png') no-repeat 0 4px; - padding:0 0 0 15px; - margin: 15px 0; - height:14px; - } - div.block.edit div.med div.left div.field div.options { - padding-left: 15px; - } - div.block.edit div.med div.left div.field div.options a.check { - clear: left; - margin: 9px 0; - } - div.block.edit div.med div.left div.field a.check.selected, div.block.edit div.med div.left div.long_field a.check.selected { - background:url('/images/backoffice/sites/project_tipo_checked.png') no-repeat 0 4px; - } - div.block.edit div.med div.left div.final { - float:left; - width:100%; - } - div.block.edit div.med div.left input[type="submit"], div.block.edit div.med div.left input[type="button"] { - float:right; - width:157px; - height:32px; - margin:20px 8px 0 0; - text-indent:-9999px; - font-size:0; - display:block; - line-height:0; - background:url('/images/backoffice/donors/save_changes.png') no-repeat 0 0; - border:none; - } - div.block.edit div.med div.left input[type="submit"]:hover { - background-position:0 -32px; - cursor:pointer; - } - div.block.edit div.med div.left input[type="submit"].error { - background:url('/images/backoffice/donors/save_changes.png') no-repeat 0 -64px; - } - div.block.edit div.med div.left input[type="submit"].error:hover { - background:url('/images/backoffice/donors/save_changes.png') no-repeat 0 -96px; - cursor:pointer; - } - div.block.edit div.med div.left div.short_field input.error, div.block.edit div.med div.left div.field input.error { - width:379px; - padding:8px 32px 8px 8px; - background-position:0 -34px; - } - div.block.edit div.med div.left span.field_error { - position:absolute; - bottom:10px; - right:10px; - margin:0; - padding:0; - width:auto; - } - div.block.edit div.med div.left span.field_error a.error { - float:right; - width:14px; - height:14px; - background: url('/images/backoffice/icons/error.png') no-repeat scroll top left; - } - div.block.edit div.med div.left span.field_error a.error:hover { - cursor:pointer; - } - div.block.edit div.med div.left span.field_error div.error_msg { - position:absolute; - display:none; - top:-9px; - left:-9px; - width:200px; - } - div.block.edit div.med div.left span.field_error div.error_msg p { - position:relative; - float:left; - width:auto; - height:31px; - padding:0 0 0 27px; - background: url('/images/backoffice/common/left_error.png') no-repeat scroll top left; - } - div.block.edit div.med div.left span.field_error div.error_msg p span { - position:relative; - float:left!important; - height:15px; - padding:8px 10px 8px 2px; - margin:0!important; - display:block; - background:url('/images/backoffice/common/right_error.png') no-repeat right 0; - font:normal 13px Arial; - color:#333333; - } - div.block.edit div.bottom { - float:left; - height:15px; - width:100%; - background: url('/images/backoffice/backgrounds/bottom_two_columns.png') no-repeat scroll top left!important; - } - - /*donors funded projects*/ - div.block.donor_funded div.top { - float:left; - width:100%; - background:url('/images/backoffice/backgrounds/top_two_columns.png') no-repeat center 0!important; - } - div.block.donor_funded div.med { - float:left; - width:880px; - padding:16px 31px 28px; - background:url('/images/backoffice/backgrounds/middle_two_columns.png') repeat-y center 0!important; - } - div.block.donor_funded div.med div.left { - float:left; - width:572px; - } - div.block.donor_funded div.med div.left p { - float:left; - width:100%; - font:normal 15px Arial; - color:#666666; - } - div.block.donor_funded div.med div.left ul { - float:left; - width:100%; - margin:20px 0 0 0; - border-top:1px solid #CCCCCC; - } - div.block.donor_funded div.med div.left ul li { - float:left; - width:100%; - height:71px; - border-bottom:1px solid #CCCCCC; - } - div.block.donor_funded div.med div.left ul li.last { - border:none; - } - div.block.donor_funded div.med div.left ul li span { - float:left; - width:404px; - height:71px; - } - div.block.donor_funded div.med div.left ul li span h3 { - float:left; - width:100%; - margin:15px 0 0 0; - } - div.block.donor_funded div.med div.left ul li span h3 a { - font:bold 17px Arial; - color:#E93E3F; - text-decoration:none; - } - div.block.donor_funded div.med div.left ul li span h3 a:hover { - text-decoration:underline; - } - div.block.donor_funded div.med div.left ul li span p { - height:auto; - background:none; - text-align:left; - padding:5px 0 0 13px; - } - div.block.donor_funded div.med div.left ul li span p.active { - background:url('/images/backoffice/icons/color_circles.png') no-repeat 0 -13px; - } - div.block.donor_funded div.med div.left ul li span p.closed { - background:url('/images/backoffice/icons/color_circles.png') no-repeat 0 9px; - } - div.block.donor_funded div.med div.left ul li p { - float:left; - width:148px; - height:45px; - padding:26px 10px 0 10px; - margin:0; - background:#F7F7F7; - text-align:center; - } - div.block.donor_funded div.med div.left ul li p.more { - padding:20px 10px 0 10px; - height:51px; - } - div.block.donor_funded div.med div.left ul li p a { - font:normal 14px Arial; - color:#E93E3F; - text-decoration:none; - } - div.block.donor_funded div.med div.left ul li p a:hover { - text-decoration:underline; - } - div.block.donor_funded div.bottom_projects_org { - float:left; - height:61px; - width:100%; - background: url('/images/backoffice/backgrounds/bottom_paginate.png') no-repeat left bottom!important; - } - div.block.donor_funded div.bottom_projects_org div.pagination { - float:left; - width:auto; - padding:0; - margin:0 0 0 30px!important; - } - div.block.donor_funded div.bottom_projects_org div.pagination em { - float:left; - padding:20px 10px 7px; - background:url('/images/backoffice/donors/page_selected.jpg') no-repeat center bottom; - font:normal 15px "Museo Sans",Arial; - color:#333333; - } - div.block.donor_funded div.bottom_projects_org div.pagination a { - float:left; - margin:0; - padding:20px 10px 7px 10px; - font:normal 15px "Museo Sans",Arial; - color:#E93E3F; - line-height:15px; - text-transform:uppercase; - } - div.block.donor_funded div.bottom_projects_org div.pagination a:hover { - color:#333333; - text-decoration:none; - } - div.block.donor_funded div.bottom_projects_org div.pagination span.disabled { - display:none; - } - div.block.donor_funded div.bottom_projects_org div.pagination span.gap { - float:left; - height:34px; - border-bottom:1px dotted #EA3C44; - padding:0; - } - - /*donors search*/ - div.two_donors { - float:left; - width:583px; - height:100px; - margin:20px 10px 0 0; - padding:40px 30px 0; - background:url('/images/backoffice/donors/two_donors.png') no-repeat 0 0; - } - div.two_donors.big { - height:140px; - background:url('/images/backoffice/donors/two_donors_big.png') no-repeat 0 0; - } - div.two_donors label { - float:left; - margin:0 0 0 3px; - font:bold 11px Arial; - color:#999999; - } - div.two_donors form { - float:left; - position:relative; - width:100%; - } - div.two_donors input[type="text"] { - float:left; - width:559px; - height:21px; - margin:5px 0 0 0; - padding:8px; - font:normal 17px Arial; - color:#CCCCCC; - border:none; - background:url('/images/backoffice/donors/input_bkg.jpg') no-repeat 0 0; - } - div.two_donors input[type="submit"] { - position:absolute; - width:15px; - height:15px; - right:20px; - top:28px; - background:url('/images/backoffice/donors/lens.jpg') no-repeat 0 0; - border:none; - } - div.two_donors input[type="submit"]:hover { - background-position:0 -15px; - cursor:pointer; - } - div.one_donor { - float:left; - width:288px; - height:180px; - margin:20px 0 0 0; - padding:0; - background:url('/images/backoffice/donors/one_donor.png') no-repeat 0 0; - } - div.one_donor.big { - background:url('/images/backoffice/donors/one_donor_big.png') no-repeat 0 0; - } - div.one_donor div.center { - float:left; - width:100%; - text-align:center; - } - div.one_donor p { - float:left; - margin:20px 5px 0 0; - width:auto; - font:normal 43px "Museo Sans",Arial; - color:#333333; - } - div.one_donor label { - float:left; - font:normal 15px "Museo Sans",Arial; - color:#666666; - margin:24px 0 0 0; - text-align:left; - } - div.one_donor a { - float:left; - width:152px; - height:28px; - margin:7px 0 0 46px; - padding:4px 0 0 40px; - background:url('/images/backoffice/donors/add_donor.png') no-repeat 0 0; - font:normal 19px "Museo Sans",Arial; - color:white; - text-shadow:0 1px #5C7C31; - } - div.one_donor a:hover { - background-position:0 -32px; - } - div.one_donor a.import_csv { - float:left; - width:165px; - height:26px; - margin:3px 0 0 46px; - padding:6px 0 0 27px; - background:url('/images/backoffice/projects/import_csv_bttn.png') no-repeat 0 0; - font:normal 19px "Museo Sans",Arial; - color:white; - text-shadow:0 1px #000000; - } - div.one_donor a.import_csv:hover { - background-position:0 -32px; - } - div.med.offices_list h2 a.remove, - div.med.donors_list h2 a.remove { - padding:0 10px 0 0; - color:#333333; - border-bottom:1px dotted #EB4142; - background:url('/images/backoffice/icons/red_x.png') no-repeat right 17px; - } - div.med.offices_list h2 a.remove:hover, - div.med.donors_list h2 a.remove:hover { - border-bottom:1px solid #EB4142; - text-decoration:none; - } - div.med.offices_list ul, - div.med.donors_list ul { - float:left; - width:100%; - padding:0; - margin:23px 0 0 0; - border-top:1px solid #CCCCCC; - } - div.med.offices_list ul li, - div.med.donors_list ul li { - float:left; - width:100%; - padding:0; - margin:0; - border-bottom:1px solid #CCCCCC; - height:71px; - } - div.med.offices_list ul li.last, - div.med.donors_list ul li.last { - border:none; - } - div.med.offices_list ul li h3, - div.med.donors_list ul li h3 { - float:left; - width:546px!important; - height:71px; - margin:0; - padding:27px 0; - display:inline; - } - div.med.offices_list ul li h3 { - width:400px!important; - } - div.med.offices_list ul li h3 a, - div.med.donors_list ul li h3 a { - font:bold 17px Arial; - color:#E93E3F; - } - div.med.offices_list ul li h3 a:hover, - div.med.donors_list ul li h3 a:hover { - text-decoration:underline; - } - div.med.offices_list ul li p, - div.med.donors_list ul li p { - float:left; - width:167px; - height:41px; - padding:30px 0 0 0; - margin:0; - font:normal 13px Arial; - color:#666666; - text-align:center; - } - div.med.offices_list ul li p a, - div.med.donors_list ul li p a { - padding:0; - font:normal 13px Arial; - color:#EB4142; - } - div.med.offices_list ul li p a:hover, - div.med.donors_list ul li p a:hover { - text-decoration:underline; - } - div.med.offices_list ul li p.red, - div.med.donors_list ul li p.red { - background:#f7f7f7; - } - div.med.offices_list ul li p.red { - width: 300px; - } - div.med.offices_list div.no_results, - div.med.donors_list div.no_results { - float:left; - width:100%; - padding:70px 0 80px; - } - div.med.offices_list div.no_results h2, - div.med.donors_list div.no_results h2 { - float:left; - width:100%; - text-align:center; - } - div.med.offices_list div.no_results p, - div.med.donors_list div.no_results p { - float:left; - width:100%; - margin:6px 0 0 0; - text-align:center; - font:normal 17px Arial; - color:#666666; - } - div.med.offices_list div.no_results p a, - div.med.donors_list div.no_results p a { - color:#E93E3F; - text-decoration:underline; - } - div.med.offices_list div.no_results p a:hover, - div.med.donors_list div.no_results p a:hover { - color:#7F2023; - } - div.bottom_grey div.pagination { - float:right; - width:auto; - padding:0; - margin:0 30px 0 0!important; - } - div.bottom_grey div.pagination em { - float:left; - padding:20px 10px 7px; - background:url('/images/backoffice/donors/page_selected.jpg') no-repeat center bottom; - font:normal 15px "Museo Sans",Arial; - color:#333333; - } - div.bottom_grey div.pagination a { - float:left; - margin:0; - padding:20px 10px 7px 10px; - font:normal 15px "Museo Sans",Arial; - color:#E93E3F; - line-height:15px; - text-transform:uppercase; - } - div.bottom_grey div.pagination a:hover { - color:#333333; - text-decoration:none; - } - div.bottom_grey div.pagination span.disabled { - display:none; - } - div.bottom_grey div.pagination span.gap { - float:left; - height:34px; - border-bottom:1px dotted #EA3C44; - padding:0; - } - - /*specific NGO*/ - div.block.edit div.med div.left div.specific_edit { - float:left; - width:526px; - height:312px; - margin:30px 0 0 0; - padding:20px; - background:url('/images/backoffice/ngos/edit_specific_bkg.png') no-repeat 0 0; - } - div.block.edit div.med div.left div.specific_edit span { - float:left; - width:100%; - } - div.block.edit div.med div.left div.specific_edit h3 { - float:left; - font:normal 17px "Museo Sans",Arial; - color:#333333; - } - div.block.edit div.med div.left div.specific_edit p.paylock { - float:right; - padding:2px 24px 0 0; - font:normal 13px Arial; - color:#333333; - background:url('/images/backoffice/ngos/paylock.png') no-repeat right -21px; - } - div.block.edit div.med div.left div.specific_edit p.paylock.open { - background-position:right -21px; - } - div.block.edit div.med div.left div.specific_edit p.paylock.close { - background-position:right 0; - } - div.block.edit div.med div.left div.specific_edit p.paylock.disabled { - background-position:right -43px; - color:#999999; - } - div.block.edit div.med div.left div.specific_edit p.paylock a { - color:#E93E3F; - text-decoration:underline; - } - div.block.edit div.med div.left div.specific_edit p.paylock a:hover { - color:#7F2023; - } - div.block.edit div.med div.left div.specific_edit div.field { - float:left; - width:397px; - } - div.block.edit div.med div.left div.specific_edit div.short_field { - float:left; - width:252px; - margin:0 20px 0 0; - } - div.block.edit div.med div.left div.specific_edit div.last { - margin:0; - } - div.block.edit div.med div.left div.specific_edit div.tiny_field { - float:right; - width:109px; - } - div.block.edit div.med div.left div.specific_edit div label { - margin-left:3px; - font:normal 11px Arial; - color:#333333; - } - div.block.edit div.med div.left div.specific_edit div.short_field input[type="text"] { - width:236px; - background:url('/images/backoffice/ngos/med_input.png') no-repeat 0 0; - } - div.block.edit div.med div.left div.specific_edit div.tiny_field input[type="text"] { - float:left; - width:93px; - height:18px; - margin:5px 0 0 0; - padding:8px; - font:normal 15px Arial; - color:#333333; - border:none; - background:url('/images/backoffice/ngos/small_input.png') no-repeat 0 0; - } - div.block.edit div.med div.left div.specific_edit div.field input[type="text"] { - width:381px; - background:url('/images/backoffice/ngos/long_input.png') no-repeat 0 0; - } - div.block.edit div.med div.left div.specific_edit div.field input[type="text"].short { - width:236px; - background:url('/images/backoffice/ngos/med_input.png') no-repeat 0 0; - } - div.block.edit div.med div.left div.specific_edit.disabled { - height:auto; - padding:0; - background:none; - } - div.block.edit div.med div.left div.specific_edit.disabled h3 { - color:#999999; - } - div.block.edit div.med div.left div.specific_edit.disabled div.top { - float:left; - width:566px; - height:20px; - background:url('/images/backoffice/ngos/top_specific_edit.png') no-repeat 0 0!important; - } - div.block.edit div.med div.left div.specific_edit.disabled div.med { - float:left; - width:526px; - height:auto; - padding:0 20px; - background:url('/images/backoffice/ngos/med_specific_edit_disabled.png') repeat-y 0 0!important; - } - div.block.edit div.med div.left div.specific_edit.disabled div.med input { - background-position:0 -34px!important; - color:#CBCCC6; - } - div.block.edit div.med div.left div.specific_edit.disabled div.med label { - color:#CBCCC6; - } - div.block.edit div.med div.left div.specific_edit.disabled div.bottom { - float:left; - width:566px; - height:20px; - background:url('/images/backoffice/ngos/bottom_specific_edit.png') no-repeat 0 0!important; - } - div.block.edit div.med div.left div.specific_edit.closed { - height:auto; - padding:0; - background:none; - } - div.block.edit div.med div.left div.specific_edit.closed h3 { - color:#333333; - } - div.block.edit div.med div.left div.specific_edit.closed div.top { - float:left; - width:566px; - height:20px; - background:url('/images/backoffice/ngos/top_specific_edit.png') no-repeat 0 0!important; - } - div.block.edit div.med div.left div.specific_edit.closed div.med { - float:left; - width:526px; - height:auto; - padding:0 20px; - background:url('/images/backoffice/ngos/med_specific_edit_disabled.png') repeat-y 0 0!important; - } - div.block.edit div.med div.left div.specific_edit.closed div.med input { - background-position:0 -34px!important; - color:#CBCCC6; - } - div.block.edit div.med div.left div.specific_edit.closed div.med label { - color:#CBCCC6; - } - div.block.edit div.med div.left div.specific_edit.closed input.twitter { - width:214px; - padding:8px 8px 8px 30px; - background:url('/images/backoffice/ngos/twitter_input.png') no-repeat 0 -34px!important; - } - div.block.edit div.med div.left div.specific_edit.closed input.facebook { - width:359px!important; - padding:8px 8px 8px 30px; - background:url('/images/backoffice/ngos/facebook_input.png') no-repeat 0 -34px!important; - } - div.block.edit div.med div.left div.specific_edit.closed input.people { - width:200px!important; - padding:8px 44px 8px 8px; - background:url('/images/backoffice/ngos/people_input.png') no-repeat 0 -34px!important; - } - div.block.edit div.med div.left div.specific_edit.closed input.budget { - width:214px!important; - padding:8px 30px 8px 8px; - background:url('/images/backoffice/ngos/budget_input.png') no-repeat 0 -34px!important; - } - div.block.edit div.med div.left div.specific_edit.closed div.bottom { - float:left; - width:566px; - height:20px; - background:url('/images/backoffice/ngos/bottom_specific_edit.png') no-repeat 0 0!important; - } - div.block.edit div.med div.left div.specific_edit.closed textarea { - max-width:508px!important; - min-width:508px!important; - max-height:198px!important; - min-height:198px!important; - padding:8px; - background:url('/images/backoffice/ngos/textarea_bkg.png') no-repeat 0 -214px!important; - color:#CCCCCC; - } - div.block.edit div.med div.left div.specific_edit.closed div.image_container { - width:506px; - height:62px; - background:url('/images/backoffice/ngos/logo_bkg.png') no-repeat 0 -82px; - } - div.block.edit div.med div.left div.specific_edit.enabled { - height:auto; - padding:0; - background:none; - } - div.block.edit div.med div.left div.specific_edit.enabled p.paylock { - background-position:right -21px; - } - div.block.edit div.med div.left div.specific_edit.enabled h3 { - color:#333333; - } - div.block.edit div.med div.left div.specific_edit.enabled div.top { - float:left; - width:566px; - height:20px; - background:url('/images/backoffice/ngos/top_specific_edit.png') no-repeat 0 -20px!important; - } - div.block.edit div.med div.left div.specific_edit.enabled div.med { - float:left; - width:526px; - height:auto; - padding:0 20px; - background:url('/images/backoffice/ngos/med_specific_edit_enabled.png') repeat-y 0 0!important; - } - div.block.edit div.med div.left div.specific_edit.enabled div.med input { - background-position:0 0; - color:#333333; - } - div.block.edit div.med div.left div.specific_edit.enabled div.med label { - color:#333333; - } - div.block.edit div.med div.left div.specific_edit.enabled input.twitter { - width:214px; - padding:8px 8px 8px 30px; - background:url('/images/backoffice/ngos/twitter_input.png') no-repeat 0 0!important; - } - div.block.edit div.med div.left div.specific_edit.enabled input.facebook { - width:359px!important; - padding:8px 8px 8px 30px; - background:url('/images/backoffice/ngos/facebook_input.png') no-repeat 0 0!important; - } - div.block.edit div.med div.left div.specific_edit.enabled input.people { - width:200px!important; - padding:8px 44px 8px 8px; - background:url('/images/backoffice/ngos/people_input.png') no-repeat 0 0!important; - } - div.block.edit div.med div.left div.specific_edit.enabled input.budget { - width:214px!important; - padding:8px 30px 8px 8px; - background:url('/images/backoffice/ngos/budget_input.png') no-repeat 0 0!important; - } - div.block.edit div.med div.left div.specific_edit.enabled div.bottom { - float:left; - width:566px; - height:20px; - background:url('/images/backoffice/ngos/bottom_specific_edit.png') no-repeat 0 -20px!important; - } - div.block.edit div.med div.left div.specific_edit.enabled textarea { - max-width:508px!important; - min-width:508px!important; - max-height:198px!important; - min-height:198px!important; - padding:8px; - background:url('/images/backoffice/ngos/textarea_bkg.png') no-repeat 0 0!important; - color:#333333; - } - div.block.edit div.med div.left div.specific_edit.enabled div.image_container { - width:506px; - height:62px; - background:url('/images/backoffice/ngos/logo_bkg.png') no-repeat 0 0; - } - - /*site customize*/ - div.block.edit div.med div.left ul.themes { - float:left; - width:100%; - margin:15px 0 0 0; - } - div.block.edit div.med div.left ul.themes li { - position:relative; - float:left; - width:157px; - height:136px; - padding:10px; - margin:0 15px 0 0; - background:url('/images/backoffice/sites/theme_bkg.png') no-repeat 0 0; - } - div.block.edit div.med div.left ul.themes li:hover { - background-position:0 -156px; - cursor:pointer; - } - div.block.edit div.med div.left ul.themes li.last { - margin:0; - } - div.block.edit div.med div.left ul.themes li.selected { - background-position:0 -156px; - } - div.block.edit div.med div.left ul.themes li a.preview { - position:absolute; - display:none; - bottom:0; - right:0; - width:93px; - height:24px; - text-indent:-9999px; - background:url('/images/backoffice/sites/preview_site.png') no-repeat 0 0; - } - div.block.edit div.med div.left ul.themes li.selected a.preview { - display:block; - } - div.block.edit div.med div.left ul.themes li.selected a.preview:hover { - cursor:pointer; - } - div.block.edit div.med div.left ul.themes li.selected span.ready { - position:absolute; - top:46px; - left:61px; - width:54px; - height:54px; - background:url('/images/backoffice/sites/ready.png') no-repeat 0 0; - } - div.block.edit div.med div.left div.partner { - position:relative; - float:left; - width:396px; - padding:10px; - margin:10px 0 0 0; - background:url('/images/backoffice/sites/partner_bkg.png') no-repeat 0 0; - } - div.block.edit div.med div.left div.partner img { - float:left; - margin:0 15px 0 0; - } - div.block.edit div.med div.left div.partner p { - float:left; - width:250px; - margin:5px 0 0 0; - font:normal 15px Arial; - color:#333333; - } - div.block.edit div.med div.left div.partner p a { - float:left; - width:auto; - font:normal 15px Arial; - color:#333333; - } - div.block.edit div.med div.left div.partner p.bottom { - font-size:13px; - color:#666666; - } - div.block.edit div.med div.left div.partner p.bottom a { - font-size:13px; - color:#666666; - } - div.block.edit div.med div.left div.partner p.bottom a:hover { - text-decoration:underline; - } - div.block.edit div.med div.left div.partner a.delete { - position:absolute; - right:15px; - top:30px; - width:15px; - height:16px; - background:url('/images/backoffice/icons/close_bkg.png') no-repeat 0 0; - text-indent:-9999px; - font-size:0; - display:block; - line-height:0; - } - div.block.edit div.med div.left div.partner a.delete:hover { - background-position:0 -16px; - } - div.block.edit div.med div.left span.add_partner { - float:left; - width:565px; - height:53px; - background:url('/images/backoffice/sites/add_partner_bkg.png') no-repeat 0 0; - } - div.block.edit div.med div.left span.add_partner p { - float:left; - margin:17px 0 0 15px; - font:normal 15px Arial; - color:#333333; - } - div.block.edit div.med div.left span.add_partner a { - float:right; - width:132px; - height:32px; - margin:11px 15px 0 0; - padding:0; - text-indent:-9999px; - background:url('/images/backoffice/sites/add_partner_button.png') no-repeat 0 0; - } - div.block.edit div.med div.left span.add_partner a:hover { - background-position:0 -32px; - cursor:pointer; - } - div.block.edit div.med div.left p.map { - font:normal 13px Arial; - color:#999999; - } - div.block.edit div.med div.left div.outer_map { - position:relative; - width:558px; - height:293px; - margin:10px 0 0 0; - padding:2px!important; - background:url('/images/backoffice/sites/back_map.jpg') no-repeat 0 0; - } - div.block.edit div.med div.left div.outer_map div#map { - float:left; - width:100%; - height:100%; - } - div.block.edit div.med div.left div.outer_map a#zoomIn { - position:absolute; - width:26px; - height:25px; - left:10px; - top:10px; - background:url('/images/sites/maps/zoom_in.png') no-repeat 0 0; - z-index:100; - } - div.block.edit div.med div.left div.outer_map a#zoomIn:hover { - background-position:0 -25px; - } - div.block.edit div.med div.left div.outer_map a#zoomOut { - position:absolute; - width:26px; - height:25px; - left:40px; - top:10px; - background:url('/images/sites/maps/zoom_out.png') no-repeat 0 0; - z-index:100; - } - div.block.edit div.med div.left div.outer_map a#zoomOut:hover { - background-position:0 -25px; - } - - div.block.edit div.med div.left form div.list_combo { - float:left; - width:419px; - height:auto; - position:relative; - } - div.block.edit div.med div.left form ul.list_combo_content { - position:absolute; - top:35px; - width:419px; - display:none; - left:0; - z-index:10; - } - div.block.edit div.med div.left form ul.list_combo_content li.first { - float:left; - width:419px; - height:4px; - margin:0; - background:url('/images/backoffice/projects/top_content_combo_large.png') no-repeat 0 0; - padding:0; - } - div.block.edit div.med div.left form ul.list_combo_content li.element { - float:left; - margin:0; - background:url('/images/backoffice/projects/repeat_content_combo_large.png') no-repeat 0 0; - width:407px; - height:22px; - padding:5px 0 0 12px; - position:relative; - } - div.block.edit div.med div.left form ul.list_combo_content li.element p.project_name { - float:left; - font:normal 15px Arial; - color:#333333; - width:auto; - } - div.block.edit div.med div.left form ul.list_combo_content li.element p.amount_projects { - position:absolute; - top:7px; - right:10px; - font:normal 13px Arial; - color:#666666; - width:auto; - } - div.block.edit div.med div.left form ul.list_combo_content li.element:hover { - cursor:pointer; - background:url('/images/backoffice/projects/repeat_content_combo_large_hover.png') no-repeat 0 0; - } - div.block.edit div.med div.left form ul.list_combo_content li.last { - float:left; - width:419px; - height:7px; - margin:0; - background:url('/images/backoffice/projects/bottom_content_combo_large.png') no-repeat 0 0; - padding:0; - } - div.block.edit div.med div.left form ul.list_combo_content li.last:hover { - background:url('/images/backoffice/projects/bottom_content_combo_large.png') no-repeat 0 0; - } - div.block.edit div.med div.left form span.combo_large { - float:left; - margin:5px 0 0 0; - background:url('/images/backoffice/projects/large_combo_head.png') no-repeat 0 0; - width:410px; - height:24px; - font:normal 13px Arial; - color:#999999; - padding:9px 0 0 11px; - position:relative; - } - div.block.edit div.med div.left form span.combo_large a.organization { - position:absolute; - top:10px; - left:12px; - width:374px; - height:19px; - font:normal 13px Arial; - color:#999999; - } - div.block.edit div.med div.left form span.combo_large a.organization:hover { - cursor:pointer; - } - div.block.edit div.med div.left form span.combo_large.displayed { - background:url('/images/backoffice/projects/large_combo_head_displayed2.png') no-repeat 0 0; - } - div.block.edit div.med div.left form span.blog.selected { - float:left; - width:569px; - height:82px; - background:url('/images/backoffice/sites/blog_bkg.png') no-repeat center 0; - } - div.block.edit div.med div.left form span.blog { - float:left; - height:auto; - background:none; - } - div.block.edit div.med div.left form span.blog input[type="checkbox"] { - margin:13px 0 0 10px; - display:block!important; - visibility:visible; - } - div.block.edit div.med div.left form span input[type="checkbox"] { - visibility:visible; - } - div.block.edit div.med div.left form span.blog p { - margin:10px 0 0 6px; - width:200px; - } - - div.block.edit div.med div.left form span.blog input[type="text"] { - position:relative; - margin:5px 0 0 23px!important; - } - div#manage_partners { - position:absolute; - display:none; - top:0; - left:0; - width:372px; - height:409px; - padding:20px 25px; - background:url('/images/backoffice/sites/add_partner_window.png') no-repeat 0 0; - z-index:1000; - } - div#manage_partners a.close { - position:absolute; - right:20px; - top:18px; - width:12px; - height:12px; - background:url('/images/backoffice/icons/close_window.png') no-repeat 0 0; - text-indent:-9999px; - } - div#manage_partners a.close:hover { - cursor:pointer; - background-position:0 -12px; - } - div#manage_partners h3 { - float:left; - font:normal 21px "Museo Sans",Arial; - color:#333333; - } - div#manage_partners label { - font:normal 11px Arial; - color:#333333; - } - div#manage_partners div.field { - float:left; - width:100%; - padding:0 0 15px; - } - div#manage_partners div.image_container { - float:left; - width:100%; - padding:0; - margin:0; - background:none; - } - div#manage_partners div.image_container span.white { - background:white; - width:117px; - height:60px; - } - div#manage_partners div.image_container p { - float:left; - width:auto; - margin:5px 0 0 0; - font:normal 13px Arial; - color:#666666; - } - div#manage_partners div.image_container input[type="file"] { - margin:5px 0 0 0; - color: #666666; - } - div#manage_partners input[type="submit"] { - width:132px; - height:32px; - margin:25px 0 0 0; - text-indent:-9999px; - background:url('/images/backoffice/sites/add_partner_button.png') no-repeat 0 0; - } - div#manage_partners input[type="submit"]:hover { - background-position:0 -32px; - } - - /*search*/ - div.long_search { - float:left; - width:937px; - height:auto; - margin:20px 10px 0 0; - } - div.long_search span.top { - float:left; - width:942px; - height:9px; - background:url('/images/backoffice/backgrounds/top_long.png') no-repeat 0 0; - } - div.long_search div.content { - float:left; - width:882px; - height:auto; - background:url('/images/backoffice/backgrounds/mid_long.png') repeat-y 0; - padding:15px 30px 10px; - } - div.long_search div.content.padding { - padding:25px 30px 25px!important; - } - div.activity .long_search div.content.padding { - padding:13px 30px 25px!important; - } - div.long_search span.bottom { - float:left; - width:942px; - height:13px; - background:url('/images/backoffice/backgrounds/bottom_white_long.png') no-repeat 0 0; - } - div.long_search ul.combos { - float:left; - width:800px; - height:60px; - margin:20px 0 0 0; - } - div.long_search ul.combos li.comboselect { - float:left; - width:190px; - height:100%; - } - div.long_search ul.combos li.comboselect.status { - width:190px; - } - div.long_search ul.combos li.comboselect.date { - width:140px; - } - div.long_search ul.combos li.comboselect.date .chzn-container-single .chzn-single span { - display:inline-block; - } - - div.long_search ul.combos li.comboselect span.combo { - float:left; - margin:6px 0 0 0; - background:url('/images/backoffice/projects/single_combo_head.png') no-repeat 0 0; - font:normal 13px Arial; - color:#333333; - text-decoration:none; - width:134px; - height:24px; - padding:8px 0 0 11px; - position:relative; - } - div.long_search ul.combos li.comboselect span.combo:focus { - outline:none; - } - div.long_search ul.combos li.comboselect span.combo p { - width:130px; - } - div.long_search ul.combos li.comboselect span.combo ul.elements { - display:none; - } - div.long_search ul.combos li.comboselect span.combo.clicked { - background:url('/images/backoffice/projects/combos/index_search_head.png') no-repeat 0 0; - width:135px; - position:relative; - } - div.long_search ul.combos li.comboselect span.combo.clicked div.elements_content { - position:absolute; - top:31px; - left:0; - display:inline; - background:url('/images/backoffice/projects/combos/body_combo_search.png') no-repeat 0 0; - width:148px; - height:198px; - z-index:50; - } - div.long_search ul.combos li.comboselect span.combo.clicked ul.elements { - float:left; - width:148px; - height:194px; - overflow-x:hidden; - overflow-y:auto; - display:inline; - } - div.long_search ul.combos li.comboselect span.combo.clicked ul.elements li { - float:left; - width:88px; - height:auto; - padding:5px 30px 5px 12px; - margin:0 0 0 1px; - } - div.long_search ul.combos li.comboselect span.combo.clicked ul.elements li:hover { - background-color:#E4F0CA; - } - div.long_search ul.combos li.comboselect span.combo ul.elements.short { - display:none; - } - div.long_search ul.combos li.comboselect span.combo.clicked ul.elements.short { - position:absolute; - top:31px; - left:-1px; - display:inline; - width:148px; - height:auto; - background:none; - z-index:50; - } - div.long_search ul.combos li.comboselect span.combo.clicked ul.elements.short li { - float:left; - width:120px; - height:auto; - background:url('/images/backoffice/projects/combos/index_search_content.png') - repeat-y 0; - padding:5px 5px 5px 12px; - margin:0 0 0 1px; - } - div.long_search ul.combos li.comboselect span.combo.clicked ul.elements.short li:hover { - float:left; - width:264px; - background:url('/images/backoffice/projects/combos/index_search_content_hover.png') repeat-y 0; - } - div.long_search ul.combos li.comboselect span.combo.clicked ul.elements.short li.first { - float:left; - width:135px; - height:6px; - background:url('/images/backoffice/projects/combos/index_search_content_first.png') no-repeat 0 0; - margin:0 0 0 0 1px; - padding:0; - } - div.long_search ul.combos li.comboselect span.combo.clicked ul.elements.short li.last { - float:left; - width:135px; - height:6px; - background:url('/images/backoffice/projects/combos/index_search_bottom.png') no-repeat 0 0; - } - div.long_search ul.combos li.comboselect span.combo.clicked ul.elements.short li.last:hover { - background:url('/images/backoffice/projects/combos/index_search_bottom.png') no-repeat 0 0; - } - div.long_search ul.combos li.comboselect span.combo:hover { - cursor:pointer; - } - div.long_search ul.combos li.comboselect label { - display:block; - clear:both; - width: 104px; - margin-bottom: 7px; - } - - .chzn-container-single .chzn-single { - line-height:30px!important; - } - div .chzn-container .chzn-results li { - color:#333; - } - div .chzn-container .chzn-results li.active-result:hover { - color:#fff; - } - div #status_chzn .chzn-search { - display:none; - } - - div.long_search label { - float:left; - margin:0 0 0 3px; - font:bold 11px Arial; - color:#999999; - } - div.long_search form.search { - float:left; - position:relative; - width:100%; - } - div.long_search input[type="text"].main_search { - float:left; - width:832px; - height:29px; - margin:5px 0 0 0; - padding:7px 36px 5px 10px; - font:normal 17px Arial; - color:#333; - border:none; - background:url('/images/backoffice/projects/long_search.png') no-repeat 0 0; - line-height:27px; - } - div.long_search input[type="submit"] { - position: absolute; - width: 152px; - height: 41px; - right: 5px; - top: 17px; - background: url('/images/backoffice/common/search.png') no-repeat 0 0; - border: none; - } - div.long_search input[type="submit"]:hover { - background-position:0 -41px; - cursor:pointer; - } - - div.one_project { - float:left; - width:288px; - height:140px; - margin:20px 0 0 0; - padding:0; - } - div.one_project span.top { - float:left; - width:288px; - height:8px; - background:url('/images/backoffice/backgrounds/one_box_top.png') no-repeat 0 0; - } - div.one_project div.content { - float:left; - width:288px; - height:auto; - padding:0 0 26px; - background:url('/images/backoffice/backgrounds/one_box_content.png') repeat-y 0; - } - div.one_project span.bottom { - float:left; - width:288px; - height:15px; - background:url('/images/backoffice/backgrounds/one_box_bottom.png') no-repeat 0 0; - } - div.one_project div.center { - float:left; - width:100%; - text-align:center; - } - div.one_project p { - float:left; - margin:12px 5px 0 0; - width:auto; - font:normal 43px "Museo Sans",Arial; - color:#333333; - } - div.one_project label { - float:left; - font:normal 15px "Museo Sans",Arial; - color:#666666; - margin:15px 0 0 0; - text-align:left; - } - a.add_project { - float:left; - width:127px; - height:26px; - margin:0 10px 0 0; - padding:6px 0 0 0; - background:url('/images/backoffice/projects/green_new.png') no-repeat 0 0; - font:normal 19px "Museo Sans",Arial; - color:white; - text-shadow:0 1px #5C7C31; - text-align:center; - } - a.add_project:hover { - background-position:0 -32px; - } - a.import_csv { - float:left; - width:153px; - height:26px; - margin:0; - padding:6px 0 0 0; - background:url('/images/backoffice/projects/import_csv_bttn.png') no-repeat 0 0; - font:normal 19px "Museo Sans",Arial; - color:white; - text-shadow:0 1px #000000; - text-align:center; - } - a.import_csv:hover { - background-position:0 -32px; - } - - div.med.projects_list h2 a.remove { - padding:0 10px 0 0; - color:#333333; - border-bottom:1px dotted #EB4142; - background:url('/images/backoffice/icons/red_x.png') no-repeat right 17px; - } - div.med.projects_list h2 a.remove:hover { - border-bottom:1px solid #EB4142; - text-decoration:none; - } - div.med.projects_list ul { - float:left; - width:100%; - padding:0; - margin:23px 0 0 0; - border-top:1px solid #CCCCCC; - } - div.med.projects_list ul li { - float:left; - width:100%; - padding:0; - margin:0; - border-bottom:1px solid #CCCCCC; - height:71px; - } - div.med .projects_list ul li.last { - border:none; - } - div.med .projects_list ul li h3 a { - font:bold 17px Arial; - color:#E93E3F; - } - div.med .projects_list ul li h3 a:hover { - text-decoration:underline; - } - div.med .projects_list ul li div.project_name { - float:left; - width:443px; - height:71px; - } - div.med .projects_list ul li div.project_name_long { - width:610px} - div.med .projects_list ul li div.project_name h3 { - float:left; - width:100%; - padding:17px 0 0 0; - } - div.med .projects_list ul li div.project_name a.project_status { - float:left; - margin:2px 0 0 0; - font:normal 13px Arial; - color:#666666; - padding:0 0 0 12px; - } - div.med .projects_list ul li div.project_name a.project_status.active { - background:url('/images/backoffice/projects/active_icon.png') no-repeat 0 3px; - } - div.med .projects_list ul li div.project_name a.project_status.closed { - background:url('/images/backoffice/projects/closed_icon.png') no-repeat 0 3px; - } - div.med .projects_list ul li div.box { - float:left; - height:50px; - width:167px; - padding:21px 0 0 0; - } - div.med .projects_list ul li div.box.little { - width:135px; - } - div.med .projects_list ul li div.box.single { - padding:28px 0 0 0; - height:43px; - } - div.med .projects_list ul li div.box.red { - background:#f7f7f7; - } - div.med .projects_list ul li div.box.gray { - background:#f7f7f7; - } - div.med .projects_list div.no_results { - float:left; - width:100%; - padding:70px 0 80px; - } - div.med .projects_list div.no_results h2 { - float:left; - width:100%; - text-align:center; - } - div.med .projects_list div.no_results p { - float:left; - width:100%; - margin:6px 0 0 0; - text-align:center; - font:normal 17px Arial; - color:#666666; - } - div.med .projects_list div.no_results p a { - color:#E93E3F; - text-decoration:underline; - } - div.med .projects_list div.no_results p a:hover { - color:#7F2023; - } - - div.med .projects_list table { - float:left; - width:100%; - margin:23px 0 0 0; - border-top:1px solid #CCCCCC; - border-collapse:collapse; - } - div.med .projects_list table tr { - width:100%; - } - div.med .projects_list table tr td { - height:110px; - padding:0 10px; - border-bottom:1px solid #E5E5E5; - } - div.med .projects_list table tr td.center { - text-align:center; - } - div.med .projects_list table tr td p { - font:normal 13px Arial!important; - color:#666666; - } - div.med .projects_list table tr td p.margin { - margin:5px 0 0 0; - } - div.med .projects_list table tr td.odd { - background:#F7F7F7; - } - div.med .projects_list table tr:last-child td { - border-bottom:none; - } - div.med .projects_list table tr h3 { - font:normal 17px Arial; - color:#666666; - } - div.med .projects_list table tr h3 a { - font:bold 17px Arial; - color:#E93E3F; - } - div.med .projects_list table tr h3 a:hover { - text-decoration:underline; - } - div.med .projects_list table tr a.project_status { - float:left; - font:normal 13px Arial; - color:#666666; - padding:0 4px 0 12px; - } - div.med .projects_list table tr a.project_status.active { - background:url('/images/backoffice/projects/active_icon.png') no-repeat 0 4px; - } - div.med .projects_list table tr a.project_status.closed { - background:url('/images/backoffice/projects/closed_icon.png') no-repeat 0 3px; - } - - div.med.projects_list ul li p.red { - color:#EB4142; - width:147px; - margin:0 0 0 9px; - } - div.med.projects_list ul li p.red a { - padding:0; - font:normal 13px Arial; - color:#EB4142; - } - - div.med.projects_list ul li p { - float:left; - width:100%; - height:auto; - padding:0; - margin:0; - font:normal 13px Arial; - color:#666666; - text-align:center; - } - div.med.projects_list ul li p.secondary { - margin:2px 0 0 0; - padding:0; - } - div.med.projects_list ul li p a { - padding:0; - font:normal 13px Arial; - color:#666666; - } - div.med.projects_list ul li p a:hover { - text-decoration:underline; - } - - /*EDIT PROJECTS */ - div.block.project_info div.top { - float:left; - width:100%; - background:url('/images/backoffice/backgrounds/top_two_columns.png') no-repeat center 0!important; - } - div.block.project_info div.med { - float:left; - width:880px; - padding:16px 31px 28px; - background:url('/images/backoffice/backgrounds/middle_two_columns.png') repeat-y center 0!important; - } - div.block.project_info div.med div.left { - float:left; - width:572px; - margin:0 0 0 2px; - } - div.block p.by { - float:left; - width:100%; - font:normal 15px Arial; - color:#666666; - } - div.block p.by a { - width:auto; - font:normal 15px Arial; - color:#E93E3F; - text-decoration:none; - } - div.block p.by a:hover { - text-decoration:underline; - } - div.block div.med div.left form { - float:left; - width:100%; - height:auto; - margin:5px 0 0 0; - /*padding:0 0 15px 0; - */ position:relative; - z-index:1; -} - -div.block.project_info div.med div.left form input[type="checkbox"] { - float:left; - visibility:hidden; - width:2px; -} -div.block.project_info div.med div.left form label { - position:relative; - float:left; - margin:20px 0 0 3px; - font:bold 11px Arial; - color:#999999; - width:100%; - text-transform:uppercase; - z-index:1; -} - -div.block.project_info div.med div.left form p.title { - float:left; - margin:20px 0 0 3px; - font:bold 11px Arial; - color:#999999; - width:100%; -} -div.block.project_info div.med div.left form p.title span.info { - font:normal 13px Arial; - color:#999999; - width:auto; - padding:0 5px; -} -div.block.project_info div.med div.left form span.input_large { - float:left; - margin:5px 0 0 0; - background:url('/images/backoffice/projects/input_project_large.png') no-repeat 0 0; - width:419px; - height:34px; - position:relative; - z-index:5; -} -div.block.project_info div.med div.left form span.input_large.active { - background:url('/images/backoffice/projects/large_combo_head_displayed.png') no-repeat 0 0; -} -div.block.project_info div.med div.left form span.error { - background-position:0 -34px; -} - -/*AUTOCOMPLETE - PROJECT TAGS*/ -ul.ui-autocomplete.project_tags { - position:absolute; - top:40px; - width:419px; - display:none; - z-index:20; -} -ul.ui-autocomplete.project_tags li.ui-menu-item { - float:right; - margin:0; - background:url('/images/backoffice/projects/repeat_content_tags.png') no-repeat 0 0; - width:413px; - height:22px; - font:normal 15px Arial; - color:#333333; - padding:5px 0 0 12px; - position:relative; -} -ul.ui-autocomplete.project_tags li.ui-menu-item:hover { - cursor:pointer; - background:url('/images/backoffice/projects/repeat_content_tags_hover.png') no-repeat 0 0; -} -ul.ui-autocomplete.project_tags li.ui-menu-item.last { - float:right; - width:425px; - height:7px; - margin:0; - background:url('/images/backoffice/projects/bottom_content_tags.png') no-repeat 0 0; - padding:0; -} -ul.ui-autocomplete.project_tags li.ui-menu-item a { - font:normal 15px Arial; - width:100%; -} -ul.ui-autocomplete.project_tags li.ui-menu-item p.info_amount { - position:absolute; - right:20px; - top:6px; - font:normal 13px Arial; - color:#666666; - width:auto; -} -/*END - AUTOCOMPLETE - TAGS*/ - -/*AUTOCOMPLETE - DONOR NAME*/ -ul.ui-autocomplete.donor_names { - position:absolute; - top:40px; - width:279px; - display:none; - z-index:20; - left:0; -} -ul.ui-autocomplete.donor_names li.ui-menu-item { - float:right; - margin:0; - background:url('/images/backoffice/projects/donations/repeat_content_tags.png') no-repeat 0 0; - width:257px; - height:17px; - font:normal 15px Arial; - color:#333333; - padding:5px 20px 0 12px; - position:relative; -} -ul.ui-autocomplete.donor_names li.ui-menu-item:hover { - cursor:pointer; - background:url('/images/backoffice/projects/donations/repeat_content_tags_hover.png') no-repeat 0 0; -} -ul.ui-autocomplete.donor_names li.ui-menu-item.last { - float:right; - width:289px; - height:7px; - margin:0; - background:url('/images/backoffice/projects/donations/bottom_content_tags.png') no-repeat 0 0; - padding:0; -} -ul.ui-autocomplete.donor_names li.ui-menu-item a { - font:normal 13px Arial; - width:100%; -} -/*END - AUTOCOMPLETE - TAGS*/ - -/*AUTOCOMPLETE - FILTERING TAGS*/ -ul.ui-autocomplete.site_tags { - position:absolute; - top:0; - width:502px; - display:none; - z-index:20; - left:0; -} -ul.ui-autocomplete.site_tags li.ui-menu-item { - float:right; - margin:0; - background:url('/images/backoffice/sites/repeat_content_tags.png') no-repeat 0 0; - width:497px; - height:22px; - font:normal 15px Arial; - color:#333333; - padding:5px 0 0 12px; - position:relative; -} -ul.ui-autocomplete.site_tags li.ui-menu-item:hover { - cursor:pointer; - background:url('/images/backoffice/sites/repeat_content_tags_hover.png') no-repeat 0 0; -} -ul.ui-autocomplete.site_tags li.ui-menu-item.last { - float:right; - width:509px; - height:7px; - margin:0; - background:url('/images/backoffice/sites/bottom_content_tags.png') no-repeat 0 0; - padding:0; -} -ul.ui-autocomplete.site_tags li.ui-menu-item a { - font:normal 13px Arial; - width:100%; -} -/*END - AUTOCOMPLETE - TAGS*/ - -div.block.project_info div.med div.left form input[type="text"] { - float:left; - margin:7px 0 0 7px; - width:400px; - height:21px; - font:normal 15px Arial; - color:#333333; - border:none; - padding:0; - border:0px; - background: none; -} -div.block.project_info div.bottom { - float:left; - height:15px; - width:100%; - background: url('/images/backoffice/backgrounds/bottom_two_columns.png') no-repeat scroll top left!important; -} -div.block.project_info div.med div.left form span.textarea.error { - background-position:0 -214px; -} -div.block.project_info div.med div.left form span.textarea { - float:left; - margin:5px 0 0 0; - background:url('/images/backoffice/projects/input_project_multiple.png') no-repeat 0 0; - width:564px; - height:214px; - position:relative; -} -div.block.project_info div.med div.left form textarea { - position:absolute; - top:9px; - left:9px; - width:546px; - height:197px; - min-width:546px; - max-width:546px; - min-height:197px; - max-height:197px; - font:normal 15px Arial; - color:#333333; - border:none; - line-height:17px; -} -div.block.project_info div.med div.left form textarea:focus { - outline:none; -} -div.block.project_info div.med div.left form div.list_combo { - float:left; - width:419px; - height:auto; - position:relative; -} -div.block.project_info div.med div.left form ul.list_combo_content { - position:absolute; - top:35px; - width:434px; - height:199px; - display:none; - left:0; - z-index:10; - background:url('/images/backoffice/projects/combos/body_combo_orgs.png') no-repeat 0 0; - overflow-x:hidden; - overflow-y:auto; -} -div.block.project_info div.med div.left form ul.list_combo_content li.element { - float:left; - margin:0 0 0 1px; - width:404px; - height:22px; - font:normal 15px Arial; - color:#333333; - padding:5px 0 0 12px; - position:relative; -} -div.block.project_info div.med div.left form ul.list_combo_content li.element p.project_name { - width:310px; -} -div.block.project_info div.med div.left form ul.list_combo_content li.element p.amount_projects { - position:absolute; - top:7px; - right:30px; - font:normal 13px Arial; - color:#666666; - width:auto; -} -div.block.project_info div.med div.left form ul.list_combo_content li.element:hover { - cursor:pointer; - background-color:#CCE599; -} -div.block.project_info div.med div.left form span.combo_large { - float:left; - margin:5px 0 0 0; - background:url('/images/backoffice/projects/large_combo_head.png') no-repeat 0 0; - width:410px; - height:24px; - font:normal 13px Arial; - color:#999999; - padding:9px 0 0 11px; - position:relative; -} -div.block.project_info div.med div.left form span.combo_large.error { - background-position: 0 -36px; -} -div.block.project_info div.med div.left form span.combo_large a.organization { - position:absolute; - top:10px; - left:12px; - width:374px; - height:19px; - font:normal 13px Arial; - color:#999999; -} -div.block.project_info div.med div.left form span.combo_large a.organization:hover { - cursor:pointer; -} -div.block.project_info div.med div.left form span.combo_large.displayed { - background:url('/images/backoffice/projects/large_combo_head_displayed2.png') no-repeat 0 0; -} - -div.block.project_info div.med div.left form span.combo_large:hover { - cursor:pointer; -} -div.block.project_info div.med div.left form h3.section { - float:left; - margin:30px 0 0 2px; - width:100%; - font:500 17px "Museo Sans",Arial; - color:#333333; -} -div.block.project_info div.med div.left form ul.dates { - float:left; - width:400px; - height:auto; - margin:0 0 0 0; -} -div.block.project_info div.med div.left form ul.dates li.date { - float:left; - width:142px; - height:auto; -} -div.block.project_info div.med div.left form ul.dates li.date span.combo_date { - float:left; - background:url('/images/backoffice/projects/date/bkg_calendar.png') no-repeat 0 0; - width:122px; - height:26px; - font:normal 15px Arial; - color:#333333; - margin:5px 0 0 0; - padding:8px 0 0 8px; - position:relative; -} -div.block.project_info div.med div.left form ul.dates li.date span.combo_date.error { -background:url('/images/backoffice/projects/date/bkg_calendar_error.png') no-repeat 0 0 } -div.block.project_info div.med div.left form ul.dates li.date span.combo_date:hover { - cursor:pointer; -} -div.block.project_info div.med div.left form ul.dates li.date span.combo_date div.select_dates { - display:none; -} -div.block.project_info div.med div.left form ul.dates li.date span.combo_date.clicked { - background:url('/images/backoffice/projects/date/bkg_header_clicked_date.png') no-repeat 0 0; -} -div.block.project_info div.med div.left form ul.dates li.date span.combo_date.clicked.error { - background:url('/images/backoffice/projects/date/bkg_header_clicked_date_error.png') no-repeat 0 0; -} -div.block.project_info div.med div.left form ul.dates li.date span.combo_date.clicked div.select_dates { - position:absolute; - top:30px; - left:0; - background:url('/images/backoffice/projects/date/bkg_date_content.png') no-repeat 0 0; - width:335px; - height:68px; - z-index:20; - display:inline; - padding-left: 5px; -} -div.block.project_info div.med div.left form ul.dates li.date span.combo_date.clicked div.select_dates.end_date { - background:url('/images/backoffice/projects/date/bkg_date_content_right.png') no-repeat 0 0; - position:absolute; - top:30px; - left:-142px; -} - -div.block.project_info div.med div.left form ul.dates li.date span.combo_date.clicked div.select_dates span.month { - float:left; - width:124px; - height:51px; - margin:10px 9px 0 10px; -} -div.block.project_info div.med div.left form ul.dates li.date span.combo_date.clicked div.select_dates span.day { - float:left; - width:62px; - height:51px; - margin:10px 9px 0 8px; -} -div.block.project_info div.med div.left form ul.dates li.date span.combo_date.clicked div.select_dates span.year { - float:left; - width:76px; - height:51px; - margin:10px 0 0 0; -} - -div.block.project_info div.med div.left form ul.dates li.date span.combo_date.clicked div.select_dates p.title { - float:left; - margin:0 0 0 5px; - font:normal 11px Arial; - color:#606851; - text-transform:uppercase; - width:auto; -} -div.block.project_info div.med div.left form ul.dates li.date span.combo_date.clicked div.select_dates p.title#month { - float:left; - margin:12px 10px 3px 0; - width:135px; -} -div.block.project_info div.med div.left form ul.dates li.date span.combo_date.clicked div.select_dates p.title#day { - float:left; - margin:12px 10px 3px 0; - width:53px; -} -div.block.project_info div.med div.left form ul.dates li.date span.combo_date.clicked div.select_dates p.title#year { - float:left; - margin:12px 10px 3px 0; - width:100px; -} -div.block.project_info div.med div.left form ul.dates li.date span.combo_date.clicked div.select_dates a { - font:normal 13px Arial; - color:#333333; -} -div.block.project_info div.med div.left form ul.dates li.date span.combo_date.clicked div.select_dates a:hover { - cursor:pointer; -} -div.block.project_info div.med div.left form ul.dates li.date span.combo_date.clicked div.select_dates a.month_combo { - float:left; - margin:2px 0 0 0; - background:url('/images/backoffice/projects/date/month_combo.png') no-repeat 0 0; - width:123px; - height:23px; - padding:9px 0 0 10px; -} -div.block.project_info div.med div.left form ul.dates li.date span.combo_date.clicked div.select_dates a.day_combo { - float:left; - margin:2px 0 0 0; - background:url('/images/backoffice/projects/date/day_combo.png') no-repeat 0 0; - width:54px; - height:23px; - padding:9px 0 0 10px; -} -div.block.project_info div.med div.left form ul.dates li.date span.combo_date.clicked div.select_dates a.year_combo { - float:left; - margin:2px 0 0 0; - background:url('/images/backoffice/projects/date/year_combo.png') no-repeat 0 0; - width:68px; - height:23px; - padding:9px 0 0 10px; -} - - -/*CLUSTERS*/ -div.block.project_info div.med div.left form ul.clusters { - float:left; - width:272px; - height:auto; - margin:0; -} -div.block.project_info div.med div.left form ul.clusters li { - float:left; - width:262px; - height:24px; - background:url('/images/backoffice/projects/bkg_cluster.png') no-repeat 0 0; - font:normal 13px Arial; - color:#333333; - padding:6px 0 0 10px; - margin:10px 0 0 0; -} -div.block.project_info div.med div.left form ul.clusters li p { - float:left; - width:auto; -} -div.block.project_info div.med div.left form ul.clusters li a.close { - float:right; - margin:1px 5px 0 0; - background:url('/images/backoffice/projects/close_cluster_bttn.png') no-repeat 0 0; - width:16px; - height:16px; - padding:0; -} -div.block.project_info div.med div.left form ul.clusters li a.close:hover { - cursor:pointer; -} - -/*SECTORS*/ -div.block.project_info div.med div.left form ul.sectors { - float:left; - width:272px; - height:auto; - margin:0 0 0 0; -} -div.block.project_info div.med div.left form ul.sectors li { - float:left; - width:262px; - height:24px; - background:url('/images/backoffice/projects/bkg_cluster.png') no-repeat 0 0; - font:normal 13px Arial; - color:#333333; - padding:6px 0 0 10px; - margin:10px 0 0 0; -} -div.block.project_info div.med div.left form ul.sectors li p { - float:left; - width:auto; -} -div.block.project_info div.med div.left form ul.sectors li a.close { - float:right; - margin:1px 5px 0 0; - background:url('/images/backoffice/projects/close_cluster_bttn.png') no-repeat 0 0; - width:16px; - height:16px; -} -div.block.project_info div.med div.left form ul.sectors li a.close:hover { - cursor:pointer; -} - -/*UBICATIONS*/ -div.block.project_info div.med div.left form ul.ubications { - float:left; - width:272px; - height:auto; - margin:0 0 0 0; -} -div.block.project_info div.med div.left form ul.ubications li { - float:left; - width:490px; - height:24px; - background:url('/images/backoffice/projects/bkg_cluster2.png') no-repeat 0 0; - font:normal 13px Arial; - color:#333333; - padding:6px 0 0 10px; - margin:10px 0 0 0; -} -div.block.project_info div.med div.left form ul.ubications li p { - float:left; - width:auto; -} -div.block.project_info div.med div.left form ul.ubications li a.close { - float:right; - margin:1px 5px 0 0; - background:url('/images/backoffice/projects/close_cluster_bttn.png') no-repeat 0 0; - width:16px; - height:16px; -} -div.block.project_info div.med div.left form ul.ubications li a.close:hover { - cursor:pointer; -} - -div.block.project_info div.med div.left form div.cluster_options { - float:left; - margin:10px 0 0 0; - background:url('/images/backoffice/projects/bkg_cluster_options.png') no-repeat 0 0; - width:411px; - height:50px; -} -div.block.project_info div.med div.left form div.cluster_options span.combo_cluster_options { - float:left; - margin:10px 0 0 10px; - background:url('/images/backoffice/projects/combos/combo_add_cluster.png') no-repeat 0 0; - width:254px; - height:24px; - padding:8px 0 0 10px; -} -div.block.project_info div.med div.left form div.cluster_options span.combo_cluster_options p { - font:normal 13px Arial; - color:#999999; -} -div.block.project_info div.med div.left form div.cluster_options span.combo_cluster_options ul.options { - display:none; -} -div.block.project_info div.med div.left form div.cluster_options span.combo_cluster_options.clicked { - background:url('/images/backoffice/projects/combos/combo_add_cluster_clicked.png') no-repeat 0 0; -} -div.block.project_info div.med div.left form div.cluster_options span.combo_cluster_options.clicked ul.options { - position:absolute; - top:32px; - left:0; - width:281px; - height:197px; - display:inline; - z-index:100; - background:url('/images/backoffice/projects/combos/body_combo_cluster.png') no-repeat 0 0; - overflow-x:hidden; - overflow-y:auto; -} -div.block.project_info div.med div.left form div.cluster_options span.combo_cluster_options.clicked ul.options li { - float:left; - margin:0 0 0 1px; - width:240px; - height:auto; - padding:4px 11px; -} -div.block.project_info div.med div.left form div.cluster_options span.combo_cluster_options.clicked ul.options li:hover { - background-color:#E4F0CA; -} -div.block.project_info div.med div.left form div.cluster_options span.combo_cluster_options.clicked ul.options li a { - font:normal 13px Arial; - color:#666666; - text-decoration:none; -} -div.block.project_info div.med div.left form div.cluster_options span.combo_cluster_options:hover { - cursor:pointer; -} - -div.block.project_info div.med div.left form div.cluster_options a.add_cluster { - float:left; - margin:10px 0 0 9px; - background:url('/images/backoffice/projects/add_cluster_bttn.png') no-repeat 0 0; - width:118px; - height:25px; - font:500 15px "Museo Sans",Arial; - color:#FFFFFF; - text-shadow:0 1px #6E8C30; - text-align:center; - padding:7px 0 0 0; -} -div.block.project_info div.med div.left form div.cluster_options a.add_cluster:hover { - cursor:pointer; - background-position:0 -32px; -} -div.block.project_info div.bottom { - float:left; - height:15px; - width:100%; - background: url('/images/backoffice/backgrounds/bottom_two_columns.png') no-repeat scroll top left!important; -} - -div.block.project_info div.med div.left form div.sector_options { - float:left; - margin:10px 0 0 0; - background:url('/images/backoffice/projects/bkg_cluster_options.png') no-repeat 0 0; - width:411px; - height:50px; -} -div.block.project_info div.med div.left form div.sector_options span.combo_sector_options { - float:left; - margin:10px 0 0 10px; - background:url('/images/backoffice/projects/combos/combo_add_cluster.png') no-repeat 0 0; - width:254px; - height:24px; - padding:8px 0 0 10px; -} -div.block.project_info div.med div.left form div.sector_options span.combo_sector_options p { - font:normal 13px Arial; - color:#999999; -} -div.block.project_info div.med div.left form div.sector_options span.combo_sector_options ul.options { - display:none; -} - -div.block.project_info div.med div.left form div.sector_options span.combo_sector_options.clicked { - background:url('/images/backoffice/projects/combos/combo_add_cluster_clicked.png') no-repeat 0 0; -} -div.block.project_info div.med div.left form div.sector_options span.combo_sector_options.clicked ul.options { - position:absolute; - top:32px; - left:0; - width:281px; - height:197px; - display:inline; - z-index:20; - background:url('/images/backoffice/projects/combos/body_combo_cluster.png') no-repeat 0 0; - overflow-x:hidden; - overflow-y:auto; -} -div.block.project_info div.med div.left form div.sector_options span.combo_sector_options.clicked ul.options li { - float:left; - margin:0 0 0 1px; - width:240px; - height:auto; - padding:4px 11px; -} -div.block.project_info div.med div.left form div.sector_options span.combo_sector_options.clicked ul.options li:hover { - background-color:#E4F0CA; -} -div.block.project_info div.med div.left form div.sector_options span.combo_sector_options.clicked ul.options li a { - font:normal 13px Arial; - color:#666666; - text-decoration:none; -} - -div.block.project_info div.med div.left form div.sector_options span.combo_sector_options:hover { - cursor:pointer; -} -div.block.project_info div.med div.left form div.sector_options a.add_sector { - float:left; - margin:10px 0 0 9px; - background:url('/images/backoffice/projects/add_cluster_bttn.png') no-repeat 0 0; - width:118px; - height:25px; - font:500 15px "Museo Sans",Arial; - color:#FFFFFF; - text-shadow:0 1px #6E8C30; - text-align:center; - padding:7px 0 0 0; -} -div.block.project_info div.med div.left form div.sector_options a.add_sector:hover { - cursor:pointer; - background-position:0 -32px; -} -div.block.project_info div.bottom { - float:left; - height:15px; - width:100%; - background: url('/images/backoffice/backgrounds/bottom_two_columns.png') no-repeat scroll top left!important; -} - -div.block.project_info div.med div.left form div.location_options.region_block { - position:relative; -} -div.block.project_info div.med div.left form div.location_options.empty { - float:left; - margin:10px 0 0 0; - background:url('/images/backoffice/projects/bkg_cluster_options.png') no-repeat 0 0; - width:411px; - height:50px; -} -div.block.project_info div.med div.left form div.location_options.empty.error { - width: 412px; - height: 51px; -background:url('/images/backoffice/projects/bkg_cluster_options_error.png')} -div.block.project_info div.med div.left form div.location_options.empty p.msg { - float:left; - margin:18px 0 0 12px; - width:269px; - font:normal 13px Arial; - color:#616851; -} -div.block.project_info div.med div.left form div.location_options.empty.error p.msg { - color: white; -} -div.block.project_info div.med div.left form div.location_options.empty a.add_location { - float:right; - margin:10px 10px 0 0; - background:url('/images/backoffice/projects/add_cluster_bttn.png') no-repeat 0 0; - width:118px; - height:25px; - font:500 15px "Museo Sans",Arial; - color:#FFFFFF; - text-shadow:0 1px #6E8C30; - text-align:center; - padding:7px 0 0 0; -} -div.block.project_info div.med div.left form div.location_options.empty a.add_location:hover { - cursor:pointer; - background-position:0 -32px; -} -div.block.project_info div.med div.left form div.location_options.empty.error a.add_location { - width: 119px; - height: 26px; - background:url('/images/backoffice/projects/add_cluster_bttn_error.png') no-repeat 0 -2px; -} -div.block.project_info div.med div.left form div.location_options.empty.error a.add_location:hover { - cursor:pointer; - background-position:0 -37px; -} -div.block.project_info div.med div.left form span.input_short { - float:left; - margin:5px 0 0 0; - width:272px; - height:34px; - background:url('/images/backoffice/projects/bkg_input_short.png') no-repeat 0 0; -} -div.block.project_info div.med div.left form span.input_short p.msg { - float:right; - margin:8px 8px 0 0; - font:italic 15px Arial; - color:#999999; -} -div.block.project_info div.med div.left form span.input_short input[type="text"] { - float:left; - margin:8px 0 0 5px; - width:210px; - height:20px; - border:none; -} - -div.region_window { - position:absolute; - display:none; - bottom:20px; - right:-100px; - width:358px; - z-index:100; -} -div.region_window div.top_region { - float:left; - width:330px; - padding:14px 14px 0; - background:url('/images/backoffice/projects/top_region_window.png') no-repeat 0 0!important; -} -div.region_window div.bottom_region { - float:left; - width:330px; - padding:0 14px 40px; - background:url('/images/backoffice/projects/bottom_region_window.png') no-repeat 0 bottom!important; -} -div.region_window div h3 { - float:left; - width:100%; - padding:0 0 10px 0; - font:normal 21px "Museo Sans",Arial; - color:#333333; -} -div.region_window div a.close { - position:absolute; - right:20px; - top:18px; - width:12px; - height:12px; - background:url('/images/backoffice/icons/close_window.png') no-repeat 0 0; - text-indent:-9999px; -} -div.region_window div a.close:hover { - cursor:pointer; - background-position:0 -12px; -} -div.region_window div p { - padding:10px 0 0; - font:normal 13px Arial; - color:#666666; -} -div.region_window div img.loader { - position:absolute; - display:none; - right:22px; - top:131px; -} -div.region_window div.level_1 { - display:none; -} -div.region_window div.level_2 { - display:none; -} -div.region_window div.level_3 { - display:none; -} -div.region_window span.region_combo { - position:relative; - float:left; - margin:10px 0 0 3px; - background:url('/images/backoffice/projects/combos/combo_add_cluster.png') no-repeat 0 0; - width:254px; - height:24px; - padding:8px 0 0 10px; -} -div.region_window span.region_combo p { - padding:0; - margin:0; - font:normal 13px Arial; - color:#999999; -} -div.region_window span.region_combo ul.options { - display:none; -} -div.region_window span.region_combo.clicked { - background:url('/images/backoffice/projects/combos/combo_add_cluster_clicked.png') no-repeat 0 0; -} -div.region_window span.region_combo.clicked ul.options { - position:absolute; - top:32px; - left:0; - width:281px; - height:197px; - display:inline; - z-index:100; - background:url('/images/backoffice/projects/combos/body_combo_cluster.png') no-repeat 0 0; - overflow-x:hidden; - overflow-y:auto; -} -div.region_window span.region_combo.clicked ul.options li { - float:left; - margin:0 0 0 1px; - width:240px; - height:auto; - padding:4px 11px; -} -div.region_window span.region_combo.clicked ul.options li:hover { - background-color:#E4F0CA; -} -div.region_window span.region_combo.clicked ul.options li a { - font:normal 13px Arial; - color:#666666; - text-decoration:none; -} -div.region_window span.region_combo:hover { - cursor:pointer; -} -div.region_window a.add_location { - margin:20px 10px 0 0!important; -} - -div.field_info { - position:relative!important; - float:none; - margin:0; - padding:0; - display:inline-block; - vertical-align:top; - zoom: 1; - *display:inline; - width:18px; - height:18px; - overflow:visible; -} -div.field_info span.info { - display:inline-block; - vertical-align:top; - zoom:1; - *display:inline; - width:18px; - height:18px; - text-indent:-9999px; - font-size:0; - line-height:0; - overflow:hidden; - background:url('/images/backoffice/icons/field_info.png') no-repeat 0 0; -} -div.field_info span.info:hover { - background-position:0 -18px; - cursor:pointer; -} -div.field_info div.field_text { - position:absolute; - display:none; - bottom:18px; - left:-155px; - width:329px; - z-index:300; -} -div.field_info div.field_text div.top { - float:left; - width:289px; - padding:0 20px 0!important; - margin:0; - height:5px; - background:url('/images/backoffice/projects/field_info.png') no-repeat 0 0!important; -} -div.field_info div.field_text div.bottom { - float:left; - width:289px; - height:auto; - padding:0 20px 40px; - background:url('/images/backoffice/projects/field_info.png') no-repeat right bottom!important; -} -div.field_info div.field_text div.bottom span.scroll { - float:left; - width:100%; - max-height:150px; - overflow:auto; -} -div.field_info div.field_text h3 { - float:left; - width:100%; - padding:0 0 8px 0; - margin:10px 0 0 0; - font:normal 21px "Museo Sans",Arial; - color:white; - text-transform:none; -} -div.field_info div.field_text div.top a { - position:absolute; - right:20px; - top:18px; - width:12px; - height:12px; - color:white; -} -div.field_info div.field_text p { - padding:10px 0 0; - font:normal 13px Arial; - color:#CCCCCC; - text-transform:none!important; -} - - -div.block.project_info div.med div.left form span.input_short.coin p.coin { - float:left; - margin:10px 0 0 8px; - font:normal 15px Arial; - color:#999999; -} -div.block.project_info div.med div.left form span.input_short.coin input[type="text"] { - float:left; - margin:9px 0 0 5px; - width:240px; - height:20px; - border:none; -} - -div.block.project_info div.med div.left form div.two_columns { - float:left; - width:100%; - height:70px; - z-index:0; -} -div.block.project_info div.med div.left form div.two_columns div.left_column { - float:left; - width:289px; - height:90px; - z-index:0; -} -div.block.project_info div.med div.left form div.two_columns div.right_column { - float:left; - width:280px; - height:90px; - z-index:0; -} -div.block.project_info div.med div.left form input[type="submit"] { - background:url('/images/backoffice/projects/save_changes_bttn.png') no-repeat 0 0; - font:500 19px "Museo Sans",Arial; - color:#FFFFFF; - text-shadow:0 1px #6E8C30; - border:none; - text-align:center; - width:157px; - height:32px; - float:right; - margin:30px 10px 0 0; - /*position:absolute; - bottom:0; - right:0; - */} - div.block.project_info div.med div.left form input[type="submit"]:hover { - background-position:0 -32px; - cursor:pointer; - } - /*geolocate map*/ - div.map_window { - position:absolute; - display:none; - top:0; - bottom:0; - z-index:200; - width:386px; - height:296px; - padding:14px; - background:url('/images/backoffice/projects/add_position_bkg.png') no-repeat 0 0; - } - div.map_window h3 { - float:left; - width:100%; - font:normal 21px "Museo Sans",Arial; - color:#333333; - } - div.map_window a.close { - position:absolute; - right:20px; - top:18px; - width:12px; - height:12px; - background:url('/images/backoffice/icons/close_window.png') no-repeat 0 0; - text-indent:-9999px; - } - div.map_window a.close:hover { - cursor:pointer; - background-position:0 -12px; - } - div.map_window div.outer_map { - position:relative; - float:left; - width:382px; - height:206px; - margin:5px 0 0 0; - padding:2px; - background:white; - } - div.map_window div.outer_map div#map { - float:left; - width:382px; - height:206px; - } - div.map_window div.outer_map form.geocoder { - position:absolute!important; - top:5px; - left:8px; - width:367px; - z-index:100; - } - div.map_window div.outer_map form.geocoder input[type="text"] { - position:relative!important; - float:left; - left:0!important; - top:0!important; - width:319px!important; - height:18px!important; - margin:0!important; - padding:8px!important; - background:url('/images/backoffice/projects/geolocate_textinput_bkg.png') no-repeat 0 0; - } - div.map_window div.outer_map form.geocoder input[type="submit"] { - position:relative; - float:left!important; - width:32px!important; - height:34px!important; - margin:0!important; - background:url('/images/backoffice/projects/geolocate_submit_bkg.png') no-repeat 0 0!important; - text-indent:-9999px; - } - div.map_window div.outer_map form.geocoder input[type="submit"]:hover { - background-position:0 -34px; - } - div.map_window p { - float:left; - width:230px; - margin:10px 0 0 0; - font:normal 13px Arial; - color:#666666; - } - div.map_window a.save { - float:right; - width:118px; - height:32px; - margin:9px 0 0 0; - background:url('/images/backoffice/projects/save_position.png') no-repeat 0 0; - text-indent:-9999px; - } - div.map_window a.save:hover { - background-position:0 -32px; - cursor:pointer; - } - - div.block div.med div.left form .submit.floating { - position: fixed; - top: 500px; - left: 50%; - margin-left: 156px; - height: 55px; - width: 175px; - background: url("/images/backoffice/common/submit_tab.png") no-repeat scroll right 0 transparent; - } - - div.block div.med div.left form .submit.floating input { - display: block; - width: 163px !important; - margin: 12px 6px !important; - } - - /* DONATIONS PROJECT */ - /*resources*/ - div.block.donations_project div.top { - float:left; - width:100%; - background:url('/images/backoffice/backgrounds/top_two_columns.png') no-repeat center 0!important; - } - div.block.donations_project div.med { - float:left; - width:880px; - padding:16px 31px 28px; - background:url('/images/backoffice/backgrounds/middle_two_columns.png') repeat-y center 0!important; - } - div.block.donations_project div.med div.left { - float:left; - width:572px; - position:relative; - } - div.block.donations_project div.med div.left p { - div.block.donations_project div.med div.left div.field input[type="text"], - div.block.donations_project div.med div.left div.field input[type="password"], - div.block.donations_project div.med div.left div.field input[type="email"] { - margin:auto; - padding:0; - background: none; - } - div.block.donations_project div.med div.left p { - float:left; - width:100%; - font:normal 15px Arial; - color:#666666; - } - div.block.donations_project div.med div.left ul.donations { - float:left; - width:100%; - margin:20px 0 0 0; - border-top:1px solid #CCCCCC; - } - div.block.donations_project div.med div.left ul.donations li { - position:relative; - float:left; - width:100%; - height:71px; - border-bottom:1px solid #CCCCCC; - } - div.block.donations_project div.med div.left ul.donations li div.name_box { - float:left; - width:356px; - height:71px; - } - div.block.donations_project div.med div.left ul.donations li div.date_box { - float:left; - width:105px; - background-color:#F7F7F7; - height:71px; - } - div.block.donations_project div.med div.left ul.donations li div.amount_box { - float:left; - width:110px; - position:relative; - } - div.block.donations_project div.med div.left ul.donations li div.amount_box a.delete { - position:absolute; - right:5px; - top:28px; - width:15px; - height:16px; - background:url('/images/backoffice/icons/close_bkg.png') no-repeat 0 0; - text-indent:-9999px; - font-size:0; - display:block; - line-height:0; - } - div.block.donations_project div.med div.left ul.donations li div.amount_box a.delete:hover { - background-position:0 -16px; - } - div.block.donations_project div.med div.left ul.donations li div.name_box h3 { - float:left; - width:100%; - margin:22px 0 0 0; - } - div.block.donations_project div.med div.left ul.donations li div.name_box h3 a { - font:bold 17px Arial; - color:#E93E3F; - } - div.block.donations_project div.med div.left ul.donations li p { - float:left; - padding:5px 0 0 0; - font:normal 13px Arial; - color:#666666; - margin:22px 0 0 19px; - } - div.block.donations_project div.med div.left h4.total { - float:left; - margin:25px 0 0 268px; - font:500 17px "Museo Sans",Arial; - color:#333333; - width:150px; - } - div.block.donations_project div.med div.left span.total_account { - float:left; - width:auto; - font:bold 15px Arial; - color:#333333; - margin:26px 0 0 36px; - } - div.block.donations_project div.med div.left p.amount { - float:left; - width:auto; - font:bold 15px Arial; - color:#333333; - margin:26px 0 0 5px; - } - div.block.donations_project div.med div.left form { - position:relative; - float:left; - width:571px; - height:185px; - padding:0; - margin:50px 0 0 2px; - background:url('/images/backoffice/projects/bkg_add_donation_form.png') no-repeat center center; - } - div.block.donations_project div.med div.left form div#donor_name { - float:left; - width:280px; - height:64px; - margin:0 10px 0 15px; - } - div.block.donations_project div.med div.left form div#donor_name span { - float:left; - background:url('/images/backoffice/projects/input_donor_name.png') no-repeat 0 0; - width:272px; - height:32px; - position:relative; - margin:3px 0 0 7px; - } - div.block.donations_project div.med div.left form div#donor_name span.error { - background-position:0 -32px; - } - div.block.donations_project div.med div.left form div#donor_name span.active { - background:url('/images/backoffice/projects/input_donation_name_active.png') no-repeat 0 0; - height:33px; - } - div.block.donations_project div.med div.left form div#donor_name span input[type="text"] { - border:none; - font:normal 13px Arial; - color:#999999; - position:absolute; - top:8px; - left:10px; - width:253px; - } - div.block.donations_project div.med div.left form div#donor_name span .spinner { - display: none; - position: absolute; - top: 8px; - right: 8px; - background: url('/images/backoffice/projects/donors_spinner.gif') no-repeat 0 0; - width: 16px; - height: 16px; - } - - div.block.donations_project div.med div.left form div#donation_date { - float:left; - width:142px; - height: 64px; - } - div.block.donations_project div.med div.left form div#donation_date span.combo_date { - float:left; - background:url('/images/backoffice/projects/date/bkg_calendar.png') no-repeat 0 0; - width:122px; - height:32px; - font:normal 15px Arial; - color:#333333; - margin:7px 0 0 7px; - padding:8px 0 0 8px; - position:relative; - } - div.block.donations_project div.med div.left form div#donation_date span.combo_date.error { - background:url('/images/backoffice/projects/date/bkg_calendar_error.png') no-repeat 0 0 } - div.block.donations_project div.med div.left form div#donation_date span.combo_date:hover { - cursor:pointer; - } - div.block.donations_project div.med div.left form div#donation_date span.combo_date div.select_dates { - display:none; - } - div.block.donations_project div.med div.left form div#donation_date span.combo_date.clicked { - background:url('/images/backoffice/projects/date/bkg_header_clicked_date.png') no-repeat 0 0; - } - div.block.donations_project div.med div.left form div#donation_date span.combo_date.clicked.error { - background:url('/images/backoffice/projects/date/bkg_header_clicked_date_error.png') no-repeat 0 0; - } - div.block.donations_project div.med div.left form div#donation_date span.combo_date.clicked div.select_dates { - position:absolute; - top:30px; - left:0; - background:url('/images/backoffice/projects/date/bkg_date_content.png') no-repeat 0 0; - width:335px; - height:68px; - z-index:20; - display:inline; - padding-left: 5px; - } - div.block.donations_project div.med div.left form div#donation_date span.combo_date.clicked div.select_dates.end_date { - background:url('/images/backoffice/projects/date/bkg_date_content_right.png') no-repeat 0 0; - position:absolute; - top:30px; - left:-142px; - } - div.block.donations_project div.med div.left form div#donation_date span.combo_date.clicked div.select_dates span.month { - float:left; - width:124px; - height:51px; - margin:10px 9px 0 10px; - } - div.block.donations_project div.med div.left form div#donation_date span.combo_date.clicked div.select_dates span.day { - float:left; - width:62px; - height:51px; - margin:10px 9px 0 8px; - } - div.block.donations_project div.med div.left form div#donation_date span.combo_date.clicked div.select_dates span.year { - float:left; - width:76px; - height:51px; - margin:10px 0 0 0; - } - div.block.donations_project div.med div.left form div#donation_date span.combo_date.clicked div.select_dates p.title { - float:left; - margin:0 0 0 5px; - font:normal 11px Arial; - color:#606851; - text-transform:uppercase; - width:auto; - } - div.block.donations_project div.med div.left form div#donation_date span.combo_date.clicked div.select_dates p.title#month { - float:left; - margin:12px 10px 3px 0; - width:135px; - } - div.block.donations_project div.med div.left form div#donation_date span.combo_date.clicked div.select_dates p.title#day { - float:left; - margin:12px 10px 3px 0; - width:53px; - } - div.block.donations_project div.med div.left form div#donation_date span.combo_date.clicked div.select_dates p.title#year { - float:left; - margin:12px 10px 3px 0; - width:100px; - } - div.block.donations_project div.med div.left form div#donation_date span.combo_date.clicked div.select_dates a { - font:normal 13px Arial; - color:#333333; - } - div.block.donations_project div.med div.left form div#donation_date span.combo_date.clicked div.select_dates a:hover { - cursor:pointer; - } - div.block.donations_project div.med div.left form div#donation_date span.combo_date.clicked div.select_dates a.month_combo { - float:left; - margin:2px 0 0 0; - background:url('/images/backoffice/projects/date/month_combo.png') no-repeat 0 0; - width:123px; - height:23px; - padding:9px 0 0 10px; - } - div.block.donations_project div.med div.left form div#donation_date span.combo_date.clicked div.select_dates a.day_combo { - float:left; - margin:2px 0 0 0; - background:url('/images/backoffice/projects/date/day_combo.png') no-repeat 0 0; - width:54px; - height:23px; - padding:9px 0 0 10px; - } - div.block.donations_project div.med div.left form div#donation_date span.combo_date.clicked div.select_dates a.year_combo { - float:left; - margin:2px 0 0 0; - background:url('/images/backoffice/projects/date/year_combo.png') no-repeat 0 0; - width:68px; - height:23px; - padding:9px 0 0 10px; - } - - div.block.donations_project div.med div.left form div#donation_amount { - float:left; - width:92px; - height:64px; - margin:4px 0 0 10px; - } - div.block.donations_project div.med div.left form div#donation_amount span { - float:left; - width:92px; - height:32px; - background:url('/images/backoffice/projects/amount_donation_input.png') no-repeat 0 0; - position:relative; - margin:3px 0 0 8px; - } - div.block.donations_project div.med div.left form div#donation_amount span input[type="text"] { - position:absolute; - top:5px; - left:22px; - border:none; - width:64px; - height:21px; - font:normal 15px Arial; - color:#333333; - } - div.block.donations_project div.med div.left form h4 { - font:normal 21px "Museo Sans",Arial; - color:#333333; - text-shadow:0 1px white; - margin:22px 0 0 22px; - } - div.block.donations_project div.med div.left form label { - float:left; - width:400px; - margin:17px 0 0 9px; - font:normal 11px Arial; - color:#666666; - text-shadow:none; - text-transform:uppercase; - width:100px; - } - - div.block.donations_project div.med div.left form input[type="submit"] { - float:right; - width:128px; - height:32px; - background:url('/images/backoffice/projects/add_donation_bttn.png') no-repeat 0 0!important; - border:none; - text-indent:-9999px; - font-size:0; - display:block; - line-height:0; - z-index:0; - margin:18px 22px 0 0; - } - div.block.donations_project div.med div.left form input[type="submit"]:hover { - background-position:0 -32px; - cursor:pointer; - } - div.block.donations_project div.bottom { - float:left; - height:15px; - width:100%; - background: url('/images/backoffice/backgrounds/bottom_two_columns.png') no-repeat scroll top left!important; - } - - /*ngos search*/ - div.med.ngos_list h2 a.remove { - padding:0 10px 0 0; - color:#333333; - border-bottom:1px dotted #EB4142; - background:url('/images/backoffice/icons/red_x.png') no-repeat right 17px; - } - div.med.ngos_list h2 a.remove:hover { - border-bottom:1px solid #EB4142; - text-decoration:none; - } - div.med.ngos_list ul { - float:left; - width:100%; - padding:0; - margin:23px 0 0 0; - border-top:1px solid #CCCCCC; - } - div.med.ngos_list ul li { - float:left; - width:100%; - padding:0; - margin:0; - border-bottom:1px solid #CCCCCC; - height:71px; - } - div.med.ngos_list ul li.last { - border:none; - } - div.med.ngos_list ul li h3 { - float:left; - width:546px; - height:71px; - margin:0; - padding:27px 0; - } - div.med.ngos_list ul li h3 a { - font:bold 17px Arial; - color:#E93E3F; - } - div.med.ngos_list ul li h3 a:hover { - text-decoration:underline; - } - div.med.ngos_list ul li p { - float:left; - width:167px; - height:41px; - padding:30px 0 0 0; - margin:0; - font:normal 13px Arial; - color:#666666; - text-align:center; - } - div.med.ngos_list ul li p a { - padding:0; - font:normal 13px Arial; - color:#666666; - } - div.med.ngos_list ul li p a:hover { - text-decoration:underline; - } - div.med.ngos_list ul li p.red { - background:#f7f7f7; - } - div.med.ngos_list ul li p.red a { - color:#EB4142; - } - div.med.ngos_list div.no_results { - float:left; - width:100%; - padding:70px 0 80px; - } - div.med.ngos_list div.no_results h2 { - float:left; - width:100%; - text-align:center; - } - div.med.ngos_list div.no_results p { - float:left; - width:100%; - margin:6px 0 0 0; - text-align:center; - font:normal 17px Arial; - color:#666666; - } - div.med.ngos_list div.no_results p a { - color:#E93E3F; - text-decoration:underline; - } - div.med.ngos_list div.no_results p a:hover { - color:#7F2023; - } - - - /*resources*/ - div.block.resources div.top { - float:left; - width:100%; - background:url('/images/backoffice/backgrounds/top_two_columns.png') no-repeat center 0!important; - } - div.block.resources div.med { - float:left; - width:880px; - padding:16px 31px 28px; - background:url('/images/backoffice/backgrounds/middle_two_columns.png') repeat-y center 0!important; - } - div.block.resources div.med div.left { - float:left; - width:572px; - } - div.block.resources div.med div.left p { - float:left; - width:100%; - font:normal 15px Arial; - color:#666666; - } - div.block.resources div.med div.left p.resources_account { - margin:14px 0 0 0; - } - div.block.resources div.med div.left ul { - float:left; - width:100%; - margin:20px 0 0 0; - border-top:1px solid #CCCCCC; - } - div.block.resources div.med div.left ul li { - position:relative; - float:left; - width:100%; - height:auto; - border-bottom:1px solid #CCCCCC; - } - div.block.resources div.med div.left ul li h3 { - float:left; - width:100%; - margin:15px 0 0 0; - } - div.block.resources div.med div.left ul li h3 a { - font:bold 17px Arial; - color:#E93E3F; - } - div.block.resources div.med div.left ul li p { - float:left; - padding:5px 0 0 0; - font:normal 13px Arial; - color:#666666; - } - div.block.resources div.med div.left ul li a.delete { - position:absolute; - right:0; - top:25px; - width:15px; - height:16px; - background:url('/images/backoffice/icons/close_bkg.png') no-repeat 0 0; - text-indent:-9999px; - font-size:0; - display:block; - line-height:0; - } - div.block.resources div.med div.left ul li a.delete:hover { - background-position:0 -16px; - } - div.block.resources div.med div.left ul.ngo { - position:relative; - float:left; - padding:0; - border:none; - } - div.block.resources div.med div.left ul li.ngo { - border:none; - padding:0 0 30px 0; - margin:0 0 0 3px; - } - div.block.resources div.med div.left ul li.ngo form { - background:none; - height:auto; - margin:0; - padding:0; - } - div.block.resources div.med div.left ul li.ngo div.head { - position:relative; - float:left; - width:535px; - height:42px; - padding:15px; - background:url('/images/backoffice/resources/header_resources.png') no-repeat 0 0; - } - div.block.resources div.med div.left ul li.ngo div.head h3 { - margin:0; - } - div.block.resources div.med div.left ul li.ngo div.head a.delete { - right:17px; - top:28px; - } - div.block.resources div.med div.left ul li.ngo div.body { - float:left; - width:535px; - padding:15px 15px 0; - background:url('/images/backoffice/resources/resources_med.png') repeat-y 0 0; - } - div.block.resources div.med div.left ul li.ngo div.body h4 { - float:left; - width:100%; - padding:0 0 10px 0; - font:normal 11px Arial; - color:#666666; - } - div.block.resources div.med div.left ul li.ngo div.body label { - padding:0 0 0 5px; - font:normal 13px Arial; - color:#666666; - } - div.block.resources div.med div.left ul li.ngo div.down { - float:left; - width:565px; - height:15px; - background:url('/images/backoffice/resources/resources_bottom.png') no-repeat 0 0; - } - div.block.resources div.med div.left form { - float:left; - width:527px; - height:209px; - padding:21px; - margin:20px 0 0 2px; - background:url('/images/backoffice/common/green_form_bkg.png') no-repeat center center; - } - div.block.resources div.med div.left form h4 { - font:normal 21px "Museo Sans",Arial; - color:#333333; - text-shadow:0 1px white; - } - div.block.resources div.med div.left form label { - float:left; - width:400px; - margin:12px 0 0 3px; - font:normal 11px Arial; - color:#333333; - text-shadow:none; - text-transform:uppercase; - } - div.block.resources div.med div.left form label.site { - width:auto; - margin:0 15px 0 3px; - } - div.block.resources div.med div.left form input[type="text"] { - float:left; - width:509px; - height:22px; - padding:6px 8px; - margin:5px 0 0 0; - font:normal 13px Arial; - color:#666666; - background:url('/images/backoffice/resources/url_input_bkg.png') no-repeat 0 0; - border:none; - } - div.block.resources div.med div.left form input[type="text"].title { - float:left; - width:319px; - height:22px; - background:url('/images/backoffice/resources/title_input_bkg.png') no-repeat 0 0; - } - div.block.resources div.med div.left form input[type="submit"].add { - float:right; - width:130px; - height:32px; - margin:15px 3px 0 0; - background:url('/images/backoffice/resources/add_input_bkg.png') no-repeat 0 0; - border:none; - text-indent:-9999px; - font-size:0; - display:block; - line-height:0; - } - div.block.resources div.med div.left form input[type="submit"].add:hover { - background-position:0 -32px; - cursor:pointer; - } - div.block.resources div.bottom { - float:left; - height:15px; - width:100%; - background: url('/images/backoffice/backgrounds/bottom_two_columns.png') no-repeat scroll top left!important; - } - div.block.resources div.med div.left form input[type="checkbox"] { - float:left; - width:10px; - height:10px; - margin:2px 0 0 0; - } - div.block.resources div.med div.left form input[type="submit"].update { - float:right; - width:130px; - height:32px; - margin:15px 3px 0 0; - border:none; - text-indent:-9999px; - font-size:0; - display:block; - line-height:0; - font:normal 14px Arial; - color:#666666; - background:url('/images/backoffice/ngos/save_changes.png') no-repeat 0 0; - width:106px; - height:28px; - } - div.block.resources div.med div.left form input[type="submit"].update:hover { - cursor:pointer; - background-position:0 -28px; - } - - /*media*/ - div.block.media div.top { - float:left; - width:100%; - background:url('/images/backoffice/backgrounds/top_two_columns.png') no-repeat center 0!important; - } - div.block.media div.med { - float:left; - width:880px; - padding:16px 31px 28px; - background:url('/images/backoffice/backgrounds/middle_two_columns.png') repeat-y center 0!important; - } - div.block.media div.med div.left { - float:left; - width:572px; - } - div.block.media div.med div.left p { - float:left; - width:100%; - font:normal 15px Arial; - color:#666666; - } - div.block.media div.med div.left p.resource_error { - display:none; - float:left; - width:531px; - height:14px; - margin:30px 0 0 0; - padding:9px 0 11px 35px; - background:url('/images/backoffice/media/error_bkg.png') no-repeat 0 0; - font:normal 14px Arial; - color:white; - } - div.block.media div.med div.left ul { - float:left; - width:100%; - margin:0; - } - div.block.media div.med div.left ul li { - position:relative; - float:left; - width:100%; - height:auto; - margin:28px 0 0; - } - div.block.media div.med div.left ul li div.top_media { - float:left; - width:566px; - height:10px; - background:url('/images/backoffice/backgrounds/top_media.png') no-repeat 0 0; - } - div.block.media div.med div.left ul li div.med_media { - position:relative; - float:left; - width:549px; - height:auto; - padding:0 9px; - background:url('/images/backoffice/backgrounds/med_media.png') repeat-y 0 0; - } - div.block.media div.med div.left ul li div.med_media:hover span.over { - display:block; - } - div.block.media div.med div.left ul li div.med_media img { - max-width:549px; - } - div.block.media div.med div.left ul li div.med_media iframe { - width:100%; - max-height: 300px; - } - div.block.media div.med div.left ul li div.med_media span.over { - position:absolute; - display:none; - top:50%; - left:50%; - margin:-37px 0 0 -104px; - z-index:10000; - width:208px; - height:74px; - background:url('/images/backoffice/media/over_bkg.png') no-repeat 0 0; - } - div.block.media div.med div.left ul li div.med_media span.over a.up { - float:left; - width:24px; - height:27px; - margin:24px 0 0 45px; - background:url('/images/backoffice/media/up.png') no-repeat 0 0; - text-indent:-9999px; - font-size:0; - display:block; - line-height:0; - } - div.block.media div.med div.left ul li div.med_media span.over a.down { - float:left; - width:24px; - height:27px; - margin:24px 0 0 20px; - background:url('/images/backoffice/media/down.png') no-repeat 0 0; - text-indent:-9999px; - font-size:0; - display:block; - line-height:0; - } - div.block.media div.med div.left ul li div.med_media span.over a.up:hover { - background-position:0 -27px; - } - div.block.media div.med div.left ul li div.med_media span.over a.down:hover { - background-position:0 -27px; - } - div.block.media div.med div.left ul li div.med_media span.over a.delete { - float:left; - width:28px; - height:30px; - margin:22px 0 0 20px; - background:url('/images/backoffice/media/delete.png') no-repeat 0 0; - text-indent:-9999px; - font-size:0; - display:block; - line-height:0; - } - div.block.media div.med div.left ul li div.med_media span.over a.delete:hover { - background-position:0 -30px; - } - div.block.media div.med div.left ul li div.med_media p { - padding:12px 0; - font:normal 15px Arial; - color:#999999; - } - div.block.media div.med div.left ul li div.med_media p a { - font:normal 15px Arial; - color:#E93E3F; - text-decoration:underline; - } - div.block.media div.med div.left ul li div.med_media p a:hover { - color:#7F2023; - } - div.block.media div.med div.left ul li div.med_media div.caption { - float:left; - width:100%; - display:none; - } - div.block.media div.med div.left ul li div.med_media div.caption form { - position:relative; - float:left; - width:547px; - } - div.block.media div.med div.left ul li div.med_media div.caption form input[type="text"] { - float:left; - width:469px; - height:16px; - padding:8px 70px 8px 8px; - background:url('/images/backoffice/media/caption_input_bkg.png') no-repeat 0 0; - border:none; - font:normal 13px Arial; - color:#333333; - } - div.block.media div.med div.left ul li div.med_media div.caption form input[type="submit"] { - position:absolute; - width:58px; - height:26px; - right:3px; - top:3px; - background:url('/images/backoffice/media/caption_input.png') no-repeat 0 0; - border:none; - text-indent:-9999px; - } - div.block.media div.med div.left ul li div.med_media div.caption form input[type="submit"]:hover { - background-position:0 -26px; - cursor:pointer; - } - div.block.media div.med div.left ul li div.bottom_media { - float:left; - width:566px; - height:10px; - background:url('/images/backoffice/backgrounds/bottom_media.png') repeat-y 0 0; - } - div.block.media div.med div.left div.add_media { - float:left; - margin:20px 0 0 0; - width:526px; - height:66px; - padding:20px; - background:url('/images/backoffice/media/add_bkg.png') no-repeat center center; - } - div.block.media div.med div.left div.add_media h3 { - float:left; - width:auto; - font:normal 21px "Museo Sans",Arial; - line-height:21px; - text-shadow:0 1px white; - color:#333333; - } - div.block.media div.med div.left div.add_media p { - float:right; - width:auto; - margin:3px 0 0 0; - padding:0 0 15px; - font:normal 15px Arial; - color:#333333; - } - div.block.media div.med div.left div.add_media p a { - color:#E93E3F; - text-decoration:underline; - } - div.block.media div.med div.left div.add_media p a:hover { - color:#7F2023; - } - div.block.media div.med div.left div.add_media form { - position:relative; - float:left; - width:100%; - } - div.block.media div.med div.left div.add_media form input { - margin:10px 0 0 0; - } - div.block.media div.med div.left div.add_media form input[type="file"] { - float:left; - width:250px; - } - div.block.media div.med div.left div.add_media form input[type="text"] { - float:left; - width:452px; - height:16px; - margin:0; - padding:8px 65px 8px 8px; - font:normal 15px Arial; - color:#333333; - border:none; - background:url('/images/backoffice/media/video_input.png') no-repeat 0 0; - } - div.block.media div.med div.left div.add_media form input[type="submit"] { - float:right; - width:56px; - height:26px; - margin:3px 0 0 0; - background:url('/images/backoffice/media/save.png') no-repeat 0 0; - border:none; - text-indent:-9999px; - font-size:0; - display:block; - line-height:0; - } - div.block.media div.med div.left div.add_media form input[type="submit"]:hover { - background-position:0 -26px; - cursor:pointer; - } - div.block.media div.med div.left div#new_video form input[type="submit"] { - position:absolute; - right:4px; - top:0; - width:56px; - height:26px; - margin:3px 0 0 0; - background:url('/images/backoffice/media/save.png') no-repeat 0 0; - border:none; - text-indent:-9999px; - font-size:0; - display:block; - line-height:0; - } - div.block.media div.med div.left div#new_video form input[type="submit"]:hover { - background-position:0 -26px; - cursor:pointer; - } - div.block.media div.bottom { - float:left; - height:15px; - width:100%; - background: url('/images/backoffice/backgrounds/bottom_two_columns.png') no-repeat scroll top left!important; - } - - /* SITE */ - div.steps_create_project { - float:left; - width:932px; - height:auto; - margin:10px 0 0 5px; - padding:0 0 30px 0; - } - div.steps_create_project span.top { - float:left; - width:932px; - height:7px; - background:url('/images/backoffice/sites/bkg_top_msg.png') no-repeat 0 0; - margin:0; - } - div.steps_create_project div.middle { - float:left; - width:932px; - height:auto; - background:url('/images/backoffice/sites/bkg_middle_msg.png') repeat-y 0; - margin:0; - } - div.steps_create_project div.middle h1 { - float:left; - margin:20px 0 0 30px; - font:500 21px "Museo Sans",Arial; - color:#333333; - width:626px; - } - div.steps_create_project div.middle ul.steps { - float:left; - margin:20px 0 0 30px; - width:900px; - height:auto; - } - div.steps_create_project div.middle ul.steps li { - float:left; - width:300px; - height:90px; - } - div.steps_create_project div.middle ul.steps li span.circle { - float:left; - width:29px; - height:24px; - background:url('/images/backoffice/sites/circle_step.png') no-repeat 0 0; - font:500 15px "Museo Sans",Arial; - color:white; - text-align:center; - padding:5px 0 0 0; - } - div.steps_create_project div.middle ul.steps li label { - float:left; - margin:5px 0 0 12px; - font:500 13px "Museo Sans",Arial; - color:#333333; - width:240px; - text-transform:uppercase; - } - div.steps_create_project div.middle ul.steps li p { - float:left; - font:normal 13px Arial; - color:#849064; - width:246px; - margin:7px 0 0 12px; - } - div.steps_create_project span.bottom { - float:left; - width:932px; - height:7px; - background:url('/images/backoffice/sites/bkg_bottom_msg.png') no-repeat 0 0; - margin:0; - } - - div.block.site_info div.top { - float:left; - width:100%; - background:url('/images/backoffice/backgrounds/top_two_columns.png') no-repeat center 0!important; - } - div.block.site_info div.med { - float:left; - width:880px; - padding:16px 31px 28px; - background:url('/images/backoffice/backgrounds/middle_two_columns.png') repeat-y center 0!important; - } - div.block.site_info div.med div.left { - float:left; - width:572px; - margin:0 0 0 2px; - } - div.block.site_info div.med div.left p.by { - float:left; - width:100%; - font:normal 15px Arial; - color:#666666; - } - div.block.site_info div.med div.left p.by a { - width:auto; - font:normal 15px Arial; - color:#E93E3F; - text-decoration:none; - } - div.block.site_info div.med div.left p.by a:hover { - text-decoration:underline; - } - div.block.site_info div.med div.left form { - float:left; - width:100%; - height:auto; - margin:4px 0 0 0; - /*padding:0 0 15px 0; - */ position:relative; -} - - -div.block.site_info div.med div.left form input[type="checkbox"] { - visibility:hidden; -} -div.block.site_info div.med div.left form label { - float:left; - margin:17px 0 0 3px; - font:bold 11px Arial; - color:#999999; - width:100%; - text-transform:uppercase; -} -div.block.site_info div.med div.left form label.first { - margin:25px 0 0 3px; -} -div.block.site_info div.med div.left form p.title { - float:left; - margin:20px 0 0 3px; - font:bold 11px Arial; - color:#999999; - width:100%; -} -div.block.site_info div.med div.left form p.title strong { - font:normal 14px Georgia; - color:#E93E3F; -} -div.block.site_info div.med div.left form p.title span.info { - font:normal 13px Arial; - color:#999999; - width:auto; - padding:0 5px; -} -div.block.site_info div.med div.left form span.input_large { - float:left; - margin:5px 0 0 0; - background:url('/images/backoffice/projects/input_project_large.png') no-repeat 0 0; - width:419px; - height:34px; - position:relative; -} -div.block.site_info div.med div.left form span.input_large.active { - background:url('/images/backoffice/projects/large_combo_head_displayed.png') no-repeat 0 0; -} -div.block.site_info div.med div.left form input[type="text"] { - position:absolute; - top:6px; - left:7px; - width:400px; - height:21px; - font:normal 15px Arial; - color:#333333; - border:none; - padding:0; -} -div.block.site_info div.med div.left form span.textarea { - float:left; - margin:5px 0 0 0; - background:url('/images/backoffice/projects/input_project_multiple.png') no-repeat 0 0; - width:564px; - height:214px; - position:relative; -} -div.block.site_info div.med div.left form span.textarea textarea { - position:absolute; - top:9px; - left:9px; - max-width:546px; - max-height:197px; - min-width:546px; - min-height:197px; - font:normal 15px Arial; - color:#333333; - border:none; - line-height:17px; -} - -div.block.site_info div.med div.left form span.textarea_little { - float:left; - margin:5px 0 0 0; - background:url('/images/backoffice/sites/little_descript.png') no-repeat 0 0; - width:564px; - height:34px; - position:relative; -} -div.block.site_info div.med div.left form span.textarea_little textarea { - position:absolute; - top:9px; - left:9px; - min-width:546px; - min-height:17px; - max-width:546px; - max-height:17px; - font:normal 15px Arial; - color:#333333; - border:none; - line-height:17px; -} -div.block.site_info div.med div.left form span.textarea_little.error { - background-position:0 -34px; -} - -div.block.site_info div.med div.left form span.textarea_short { - float:left; - margin:5px 0 0 0; - background:url('/images/backoffice/sites/short_descript.png') no-repeat 0 0; - min-width:564px; - min-height:114px; - max-width:564px; - max-height:114px; - position:relative; -} -div.block.site_info div.med div.left form span.textarea_short.error { - background-position:0 -114px; -} -div.block.site_info div.med div.left form span.textarea_short textarea { - position:absolute; - top:9px; - left:9px; - width:546px; - height:97px; - font:normal 15px Arial; - color:#333333; - border:none; - line-height:17px; -} -div.block.site_info div.med div.left form h3.section { - float:left; - margin:35px 0 0 2px; - width:100%; - font:500 17px "Museo Sans",Arial; - color:#333333; -} - -/* -------------- GEOGRAPHIC OPTIONS*/ -div.block.site_info div.med div.left form ul.geographic_options { - float:left; - width:235px; - height:auto; - margin:5px 0 0 0px; -} -div.block.site_info div.med div.left form ul.geographic_options li.option { - float:left; - margin:7px 0 0 12px; - width:230px; -} -div.block.site_info div.med div.left form ul.geographic_options li.selected { - margin:10px 0 0 0; -} -div.block.site_info div.med div.left form ul.geographic_options li a.combo { - float:left; - font:normal 15px Arial; - color:#333333; - text-decoration:none; - background:url('/images/backoffice/sites/option_bkg.png') no-repeat 0 4px; - padding:0 0 0 15px; - height:14px; -} -div.block.site_info div.med div.left form ul.geographic_options li a.combo:hover { - cursor:pointer; -} -div.block.site_info div.med div.left form ul.geographic_options li.selected a.combo { - background:url('/images/backoffice/sites/option_bkg_selected.png') no-repeat 0 4px; -} -div.block.site_info div.med div.left form ul.geographic_options li div.content { - display:none; - width:100%; -} -div.block.site_info div.med div.left form ul.geographic_options li.selected div.content { - float:left; - display:inline; - width:100%; -} -div.block.site_info div.med div.left form ul.geographic_options li.selected#gc_worldwide { - margin:7px 0 0 12px; -} -div.block.site_info div.med div.left form ul.geographic_options li.selected#gc_limited_country { - background:url('/images/backoffice/sites/bkg_limited_country.png') no-repeat 0 0; - width:544px; - height:65px; - padding:10px 13px; -} -div.block.site_info div.med div.left form ul.geographic_options li.selected span.select_country_combo { - float:left; - background:url('/images/backoffice/sites/select_country_combo.png') no-repeat 0 0; - width:240px; - height:32px; - margin:12px 0 0 12px; -} -div.block.site_info div.med div.left form ul.geographic_options li.selected span.select_country_combo.region { - margin:12px 0 0 3px; -} -div.block.site_info div.med div.left form ul.geographic_options li.selected span.select_country_combo:hover { - cursor:pointer; -} -div.block.site_info div.med div.left form ul.geographic_options li.selected span.select_country_combo.clicked { - background:url('/images/backoffice/sites/select_country_combo_head.png') no-repeat 0 0; - height:32px; - position:relative; -} -div.block.site_info div.med div.left form ul.geographic_options li.selected span.select_country_combo.clicked div.values { - position:absolute; - width:239px; - height:202px; - top:32px; - left:0; - background:url('/images/backoffice/sites/select_country_combo_body.png') no-repeat 0 0; - z-index:30; - display:inline; -} -div.block.site_info div.med div.left form ul.geographic_options li.selected span.select_country_combo ul { - display:none; -} -div.block.site_info div.med div.left form ul.geographic_options li.selected span.select_country_combo.clicked div.values ul { - float:left; - width:234px; - height:180px; - margin:4px 0 0 1px; - padding:0; - overflow-y:auto; - display:inline; - overflow-x:hidden; -} -div.block.site_info div.med div.left form ul.geographic_options li.selected span.select_country_combo.clicked div.values ul.regions { - width:248px; -} -div.block.site_info div.med div.left form ul.geographic_options li.selected span.select_country_combo.clicked div.values ul li { - float:left; - margin:0; - width:233px; - height:25px; -} -div.block.site_info div.med div.left form ul.geographic_options li.selected span.select_country_combo.clicked div.values ul li:hover { - background-color:#E4F0CA; -} -div.block.site_info div.med div.left form ul.geographic_options li.selected span.select_country_combo.clicked div.values ul li a { - float:left; - font:normal 15px Arial; - color:#666666; - background:none; - padding:0; - margin:4px 9px; -} -div.block.site_info div.med div.left form ul.geographic_options li.selected p.country { - float:left; - margin:8px 0 0 10px; - font:normal 13px Arial; - color:#999999; -} -div.block.site_info div.med div.left form ul.geographic_options li.selected p.region { - float:left; - margin:8px 0 0 10px; - font:normal 13px Arial; - color:#999999; -} -div.block.site_info div.med div.left form ul.geographic_options li.selected#gc_limited_region { - background:url('/images/backoffice/sites/bkg_limited_country.png') no-repeat 0 0; - width:544px; - height:65px; - padding:10px 13px; -} -div.block.site_info div.med div.left form ul.geographic_options li.selected#gc_limited_bbox { - background:url('/images/backoffice/sites/bkg_limited_bbox.png') no-repeat 0 0; - width:539px; - height:176px; - padding:13px; -} -div.block.site_info div.med div.left form ul.geographic_options li div.content img.arrow { - float:left; - margin:24px 10px; - width:14px; - height:9px; -} -div.block.site_info div.med div.left form ul.geographic_options li.selected#gc_limited_bbox div#map_bbox { - float:left; - width:505px; - height:153px; - margin:10px 15px; - border:2px solid #8EA06B; -} - -/* -------------- PROJECT TYPOLOGY*/ -div.block.site_info div.med div.left form ul.project_tipo_options { - float:left; - width:235px; - height:auto; - margin:1px 0 0 0px; -} -div.block.site_info div.med div.left form ul.project_tipo_options li { - float:left; - margin:7px 0 0 12px; - width:600px; -} -div.block.site_info div.med div.left form ul.project_tipo_options li.selected { - margin:10px 0 0 0; - background:url('/images/backoffice/sites/bkg_limited_country.png') no-repeat 0 0; - width:544px; - height:65px; - padding:10px 13px; -} - -div.block.site_info div.med div.left form ul.project_tipo_options li a.check { - float:left; - font:normal 15px Arial; - color:#333333; - text-decoration:none; - background:url('/images/backoffice/sites/project_tipo_check.png') no-repeat 0 4px; - padding:0 0 0 15px; - height:14px; -} -div.block.site_info div.med div.left form ul.project_tipo_options li a.check:hover { - cursor:pointer; -} -div.block.site_info div.med div.left form ul.project_tipo_options li.selected a.check { - background:url('/images/backoffice/sites/project_tipo_checked.png') no-repeat 0 4px; -} -div.block.site_info div.med div.left form ul.project_tipo_options li.selected div.content { - display:inline; -} -div.block.site_info div.med div.left form ul.project_tipo_options li div.content { - display:none; - width:100%; -} -div.block.site_info div.med div.left form ul.project_tipo_options li.selected span.select_combo_typology { - float:left; - background:url('/images/backoffice/sites/select_country_combo.png') no-repeat 0 0; - width:240px; - height:32px; - margin:12px 0 0 12px; -} -div.block.site_info div.med div.left form ul.project_tipo_options li.selected span.select_combo_typology.region { - margin:12px 0 0 3px; -} -div.block.site_info div.med div.left form ul.project_tipo_options li.selected span.select_combo_typology:hover { - cursor:pointer; -} -div.block.site_info div.med div.left form ul.project_tipo_options li.selected span.select_combo_typology.clicked { - background:url('/images/backoffice/sites/select_country_combo_head.png') no-repeat 0 0; - height:32px; - position:relative; -} -div.block.site_info div.med div.left form ul.project_tipo_options li.selected span.select_combo_typology.clicked div.values { - position:absolute; - width:239px; - height:202px; - top:32px; - left:0; - background:url('/images/backoffice/sites/select_country_combo_body.png') no-repeat 0 0; - z-index:30; - display:inline; -} -div.block.site_info div.med div.left form ul.project_tipo_options li.selected span.select_combo_typology ul { - display:none; -} -div.block.site_info div.med div.left form ul.project_tipo_options li.selected span.select_combo_typology.clicked div.values ul { - float:left; - width:252px; - height:187px; - margin:5px 0 0 1px; - padding:0; - overflow-y:auto; - display:inline; - overflow-x:hidden; -} -div.block.site_info div.med div.left form ul.project_tipo_options li.selected span.select_combo_typology.clicked div.values ul li { - float:left; - margin:0; - width:233px; - height:21px; -} -div.block.site_info div.med div.left form ul.project_tipo_options li.selected span.select_combo_typology.clicked div.values ul li.section { - float:left; - margin:2px 0 0 0; - width:233px; - height:25px; -} -div.block.site_info div.med div.left form ul.project_tipo_options li.selected span.select_combo_typology.clicked div.values ul li.section p { - float:left; - font:bold 11px Arial; - color:#333333; - margin:7px 9px; -} -div.block.site_info div.med div.left form ul.project_tipo_options li.selected span.select_combo_typology.clicked div.values ul li.section:hover { - background:none; -} -div.block.site_info div.med div.left form ul.project_tipo_options li.selected span.select_combo_typology.clicked div.values ul li:hover { - background-color:#E4F0CA; -} -div.block.site_info div.med div.left form ul.project_tipo_options li.selected span.select_combo_typology.clicked div.values ul li a { - float:left; - font:normal 13px Arial; - color:#666666; - background:url('/images/backoffice/sites/bkg_li_subelement.png') no-repeat 0 5px; - padding:0 0 0 10px; - margin:4px 9px; -} -div.block.site_info div.med div.left form ul.project_tipo_options li.selected span.select_combo_typology.clicked div.values ul li a.organization { - background:none; - margin:4px 0px; -} -div.block.site_info div.med div.left form ul.project_tipo_options li.selected p.cluster_sector { - float:left; - margin:9px 0 0 10px; - font:normal 13px Arial; - color:#999999; -} -div.block.site_info div.med div.left form ul.project_tipo_options li.selected p.ngo { - float:left; - margin:9px 0 0 10px; - font:normal 13px Arial; - color:#999999; -} - -div.block.site_info div.med div.left form ul.project_tipo_options li.selected span.tags_site { - float:left; - margin:10px 0 0 12px; - width:509px; - height:34px; - background:url('/images/backoffice/sites/bkg_tags_site.png') no-repeat 0 0; - position:relative; -} -div.block.site_info div.med div.left form ul.project_tipo_options li.selected span.tags_site.active { - background:url('/images/backoffice/sites/bkg_tags_site_active.png') no-repeat 0 0; - height:33px; -} -div.block.site_info div.med div.left form ul.project_tipo_options li.selected span.tags_site input[type="text"] { - position:absolute; - top:5px; - left:8px; - width:472px; - height:25px; - display:inline; -} - -div.block.site_info div.med div.left form div.two_columns { - float:left; - width:100%; - height:70px; -} -div.block.site_info div.med div.left form div.two_columns div.left_column { - float:left; - width:289px; - height:90px; -} -div.block.site_info div.med div.left form div.two_columns div.right_column { - float:left; - width:280px; - height:90px; -} -div.block.site_info div.med div.left form span.input_short { - float:left; - margin:5px 0 0 0; - width:272px; - height:34px; - background:url('/images/backoffice/projects/bkg_input_short.png') no-repeat 0 0; - position:relative; -} -div.block.site_info div.med div.left form span.input_short input[type="text"] { - position:absolute; - top:7px; - left:7px; - width:257px; - height:20px; - border:none; -} - -div.block.site_info div.med div.left form span.input_url { - float:left; - margin:5px 0 0 0; - width:273px; - height:34px; - background:url('/images/backoffice/sites/site_url_input.png') no-repeat 0 0; - position:relative; -} -div.block.site_info div.med div.left form span.input_url input[type="text"] { - position:absolute; - top:5px; - left:7px; - width:259px; - height:23px; - font:normal 15px Arial; - color:#333333; -} -div.block.site_info div.med div.left form span.input_url p.url { - position:absolute; - top:7px; - left:279px; - font:normal 15px Arial; - color:#333333; -} -div.block.site_info div.med div.left form input[type="submit"] { - background:url('/images/backoffice/projects/save_changes_bttn.png') no-repeat 0 0; - font:500 19px "Museo Sans",Arial; - color:#FFFFFF; - text-shadow:0 1px #6E8C30; - border:none; - text-align:center; - width:157px; - height:32px; - float:right; - margin:60px 10px 0 0; - text-indent:-9999px; - /*position:absolute; - bottom:0; - right:0; - */} - div.block.site_info div.med div.left form input[type="submit"]:hover { - background-position:0 -32px; - cursor:pointer; - } - - div.block.site_info div.bottom { - float:left; - height:15px; - width:100%; - background: url('/images/backoffice/backgrounds/bottom_two_columns.png') no-repeat scroll top left!important; - } - - /*pages index*/ - ul.pages { - float:left; - width:100%; - margin:0; - } - ul.pages li { - float:left; - width:100%; - } - ul.pages li div.head { - position:relative; - float:left; - width:535px; - height:42px; - padding:15px; - } - ul.pages li div.head.more { - background:url('/images/backoffice/resources/header_resources.png') no-repeat 0 0!important; - margin:20px 0 0 0; - } - ul.pages li div.head.one { - background:url('/images/backoffice/pages/one_page_list.png') no-repeat 0 0!important; - } - ul.pages li div.head.one h3 { - margin:12px 0 0 0; - font:bold 17px Arial!important; - } - ul.pages li div.head h3 { - margin:12px 0 0 0; - font:bold 17px Arial!important; - } - ul.pages li div.head h3 a { - color:#E93E3F; - text-align:left; - font:bold 17px Arial!important; - } - ul.pages li div.head h3 a:hover { - text-decoration:underline; - } - ul.pages li div.head a.delete { - position:absolute; - right:17px; - top:28px; - width:15px; - height:16px; - background:url('/images/backoffice/icons/close_bkg.png') no-repeat 0 0; - text-indent:-9999px; - font-size:0; - display:block; - line-height:0; - } - ul.pages li div.head a.delete:hover { - background-position:0 -16px; - } - ul.pages li div.body { - float:left; - width:535px; - padding:15px 15px 0; - background:url('/images/backoffice/resources/resources_med.png') repeat-y 0 0; - } - ul.pages li div.body span { - float:left; - width:100%; - padding:0 0 5px 0; - } - ul.pages li div.body span a { - float:left; - font:normal 15px Arial; - color:#E93E3F; - text-decoration:none; - } - ul.pages li div.body span a:hover { - text-decoration:underline; - } - ul.pages li div.body span a.delete { - float:left; - width:14px; - height:14px; - margin:2px 0 0 7px; - background:url('/images/backoffice/icons/tiny_close.png') no-repeat 0 0; - text-indent:-9999px; - } - ul.pages li div.body span a.delete:hover { - background-position:0 -14px; - } - ul.pages li div.down { - float:left; - width:565px; - height:15px; - background:url('/images/backoffice/resources/resources_bottom.png') no-repeat 0 bottom; - } - span.chars { - position:relative; - float:left; - width:100%; - } - span.chars label { - width:auto!important; - } - span.chars p { - float:right!important; - margin:20px 10px 0 0; - width:auto; - font:normal 13px Arial!important; - color:#999999; - } - span.chars p.html { - position:absolute; - top:30px; - right:0; - z-index:100; - } - span.chars p a { - font:normal 12px Arial!important; - color:#666666; - text-decoration:underline; - } - span.chars p a:hover { - color:#333333; - } - span.chars p.few { - color:#FF9900; - } - select#page_parent_id { - display:none; - } - span#parent_page { - float:left; - margin:10px 0 0 0; - background:url('/images/backoffice/projects/combos/combo_add_cluster.png') no-repeat 0 0; - width:254px; - height:24px; - padding:8px 0 0 10px; - position:relative; - } - span#parent_page p { - font:normal 13px Arial; - color:#999999; - } - span#parent_page ul.options { - display:none; - } - span#parent_page.clicked { - background:url('/images/backoffice/projects/combos/combo_add_cluster_clicked.png') no-repeat 0 0; - } - span#parent_page.clicked ul.options { - position:absolute; - top:32px; - left:0; - width:264px; - height:auto; - display:inline; - z-index:20; - } - span#parent_page.clicked ul.options li { - float:left; - margin:0; - background:url('/images/backoffice/projects/combos/combo_add_cluster_lielement.png') repeat-y 0; - width:242px; - height:auto; - padding:4px 11px; - } - span#parent_page.clicked ul.options li.last { - background:url('/images/backoffice/projects/combos/combo_add_cluster_lielement_last.png') no-repeat 0 0; - height:6px; - } - span#parent_page.clicked ul.options li.last:hover { - background:url('/images/backoffice/projects/combos/combo_add_cluster_lielement_last.png') no-repeat 0 0; - } - span#parent_page.clicked ul.options li:hover { - background:url('/images/backoffice/projects/combos/combo_add_cluster_lielement_hover.png') repeat-y 0; - } - span#parent_page.clicked ul.options li a { - font:normal 13px Arial; - color:#666666; - text-decoration:none; - } - span#parent_page:hover { - cursor:pointer; - } - textarea.huge { - float:left; - min-width:548px!important; - max-width:548px!important; - max-height:687px!important; - min-height:687px!important; - margin:5px 0 0 0; - padding:5px 8px; - background:url('/images/backoffice/pages/textarea_bkg.jpg') no-repeat 0 0!important; - border:none; - font:normal 15px Arial; - color:#333333; - } - textarea.huge.error { - background-position:0 -697px!important; - } - textarea.huge.richeditor { - margin:44px 0 0 0!important; - } - - /*window alert*/ - div#modal_window { - position:absolute; - display:none; - top:0; - left:0; - right:0; - bottom:0; - background:url('/images/backoffice/common/modal_bkg.png') repeat 0 0; - z-index:10; - } - div#modal_window div.alert { - position:absolute; - top:50%; - left:50%; - width:450px; - height:88px; - padding:22px; - margin:-66px 0 0 -247px; - background:url('/images/backoffice/common/alert_bkg.png') no-repeat 0 0!important; - } - div#modal_window div.alert h4 { - float:left; - width:100%; - font:bold 17px Arial; - color:#333333; - } - div#modal_window div.alert p { - float:left; - width:100%; - margin:5px 0 0 0; - font:normal 15px Arial; - color:#666666; - } - div#modal_window div.alert span { - float:right; - margin:20px 0 0 0; - } - div#modal_window div.alert span a.cancel { - float:left; - margin:5px 12px 0 0; - font:normal 15px Arial; - color:#E93E3F; - text-decoration:underline; - } - div#modal_window div.alert span a.cancel:hover { - color:#7F2023; - cursor:pointer; - } - div#modal_window div.alert span a.button { - float:left; - text-indent:-9999px; - font-size:0; - display:block; - line-height:0; - } - div#modal_window div.alert span a.button:hover { - background-position:0 -26px; - } - div#modal_window div.alert ul#errors_csv { - display:none; - } - div#modal_window div.alert span a.button.remove { - background:url('/images/backoffice/common/delete_button.png') no-repeat 0 0; - width:63px; - height:26px; - } - - div#modal_window div.alert.import_csv { - background:url('/images/backoffice/common/alert_csv_bkg.png') no-repeat 0 0!important; - width:450px; - height:46px; - } - div#modal_window div.alert.import_csv.ok p { - margin:15px 0 0 0; - } - div#modal_window div.alert.import_csv.error p { - margin:19px 0 0 0; - } - div#modal_window div.alert.import_csv.ok span { - margin:5px 0 0 0; - } - - div#modal_window div.alert.import_csv span a.cancel { - display:none; - } - div#modal_window div.alert.import_csv span a.remove { - display:none; - } - div#modal_window div.alert.import_csv span a.cancel.ok { - float:left; - width:63px; - height:26px; - background:url('/images/backoffice/common/ok_button.png') no-repeat 0 0; - text-indent:-9999px; - font-size:0; - display:block; - line-height:0; - margin:5px 5px 0 0; - } - div#modal_window div.alert.import_csv span a.cancel.ok:hover { - background-position:0 -26px; - } - div#modal_window div.alert.import_csv span a.cancel.ok.error { - background-position:0 -52px} - div#modal_window div.alert.import_csv span a.cancel.ok.error:hover { - background-position:0 -78px} - - div#modal_window div.alert.import_csv.ok { - background:url('/images/backoffice/common/alert_csv_ok_bkg.png') no-repeat 0 0!important; - width:450px; - height:96px; - } - div#modal_window div.alert.import_csv.error { - background:url('/images/backoffice/common/alert_csv_error_bkg.png') no-repeat 0 0!important; - width:450px; - height:340px; - top:30%; - left:50%; - } - div#modal_window div.alert.import_csv.error ul#errors_csv { - float:left; - margin:15px 0 0 15px; - display:inline; - width:425px; - height:190px; - overflow-x:hidden; - overflow-y:auto; - } - div#modal_window div.alert.import_csv.error ul#errors_csv li { - float:left; - margin:7px 0 0 0; - background:url('/images/backoffice/common/li_style.png') no-repeat 0 7px; - padding:0 0 0 7px; - font:normal 15px Arial; - color:#666666; - width:418px; - } - - /*footer*/ - div#footer { - float:left; - width:100%; - height:120px; - margin:40px 0 0 0 ; - background:url('/images/backoffice/common/header_bkg.jpg') repeat-x 0 0; - } - div#footer div.inner_footer { - margin:0 auto; - width:932px; - } - div#footer div.inner_footer a.logo { - float:left; - margin:35px 0 0 0; - } - div#footer div.inner_footer ul { - float:right; - margin:50px 2px 0 0; - } - div#footer div.inner_footer ul li { - float:left; - width:auto; - padding:0 13px; - background:url('/images/backoffice/common/footer_list_separator.png') no-repeat right -2px; - } - div#footer div.inner_footer ul li.last { - padding:0 0 0 10px; - background:none; - } - div#footer div.inner_footer ul li a { - font:normal 13px Arial; - color:#999999; - text-decoration:none; - } - div#footer div.inner_footer ul li a:hover { - text-decoration:underline; - } - - /* STYLING DATE COMBOS */ - .stylish-select ul.newList { - left:-9999px; - } - - ul.newList:focus { - outline:none; - } - ul.newList { - } - ul.newList * { - margin:0; - padding:0; - border:none; - overflow:hidden; - } - ul.newList a { - color: #333333; - text-decoration:none; - display:block; - } - ul.newList { - margin:0; - padding:0; - list-style:none; - color:#000; - width:100px; - overflow-x:hidden; - z-index:9999; - } - - ul.newList.month { - position:absolute; - top:22px; - left:0; - float:left; - background:url('/images/backoffice/common/dates/body_month.png') no-repeat 0 0; - height:198px; - overflow-x:hidden; - width:148px; - top:32px; - } - ul.newList.month li { - width:131px; - margin:0 0 0 1px; - } - ul.newList.day { - position:absolute; - top:22px; - left:0; - float:left; - background:url('/images/backoffice/common/dates/body_day.png') no-repeat 0 0; - height:198px; - overflow-x:hidden; - width:80px; - top:32px; - } - ul.newList.day li { - width:62px; - margin:0 0 0 1px; - } - ul.newList.year { - position:absolute; - top:22px; - left:0; - float:left; - background:url('/images/backoffice/common/dates/body_year.png') no-repeat 0 0; - height:198px; - overflow-x:hidden; - width:94px; - top:32px; - } - ul.newList.year li { - width:76px; - margin:0 0 0 1px; - } - - .newListSelected { - width:128px; - color:#000; - height:29px; - padding:3px 0 0 6px; - float:left; - background:url('/images/backoffice/common/dates/head_month.png') no-repeat 0 0; - margin:2px 0 0 7px; - } - - .newListSelected:focus { - outline:none; - } - .newListSelected.month { - width:131px; - color:#000; - height:30px; - padding:3px 0 0 6px; - float:left; - backgroundPosition:url('/images/backoffice/common/dates/head_month.png') no-repeat 0 0; - } - .newListSelected.day { - width:59px; - color:#000; - height:30px; - padding:3px 0 0 6px; - float:left; - background:url('/images/backoffice/common/dates/head_day.png') no-repeat 0 0; - } - .newListSelected.year { - width:78px; - color:#000; - height:30px; - padding:3px 0 0 6px; - float:left; - background:url('/images/backoffice/common/dates/head_year.png') no-repeat 0 0; - } - - .newListSelected.month, .newListSelected.month, .newListSelected.month .selectedTxt { - text-transform:uppercase; - } - - /* country combo */ - .newListSelected.country { - width:237px; - color:#000; - height:29px; - padding:3px 0 0 6px; - float:left; - background:url('/images/backoffice/sites/combo/country_head.png') no-repeat 0 0; - margin:10px 0 0 13px; - } - .newListSelected.country .selectedTxt { - width:225px; - overflow:hidden; - height:20px; - margin:4px 0 0 3px; - font:normal 13px Arial; - color:#999999; - line-height:21px; - } - div.newList_content.country { - background:url('/images/backoffice/sites/combo/country_body.png') no-repeat 0 0; - height:205px; - width:237px; - top:32px!important; - left:0; - position:absolute; - } - ul.newList.country { - float:left; - height:194px; - overflow-x:hidden; - width:248px; - margin:0 0 0 1px; - overflow-y:auto; - } - ul.newList.country li { - width:233px; - margin:0; - } - ul.newList.country li a { - font:normal 15px Arial; - color:#666666; - } - - /* country combo */ - .newListSelected.country_index { - width:134px; - color:#000; - height:29px; - padding:3px 0 0 6px; - float:left; - background:url('/images/backoffice/projects/combos/country_head.png') no-repeat 0 0; - margin:6px 0 0 1px; - } - .newListSelected.country_index .selectedTxt { - width:134px; - overflow:hidden; - height:20px; - margin:2px 0 0 5px; - font:normal 13px Arial; - color:#333333; - line-height:21px; - } - div.newList_content.country_index { - background:url('/images/backoffice/projects/combos/country_body.png') no-repeat 0 0; - height:201px; - width:134px; - top:32px!important; - left:0; - position:absolute; - z-index:100; - } - ul.newList.country_index { - float:left; - height:194px; - overflow-x:hidden; - width:147px; - margin:0 0 0 1px; - overflow-y:auto; - } - ul.newList.country_index li { - width:233px; - margin:0; - height:auto !important; - } - ul.newList.country_index li:focus { - outline:none; - } - ul.newList.country_index li a { - font:normal 13px Arial; - color:#333333; - width:113px; - } - - ul.newList li a { - padding:3px 8px; - display: block; - } - ul.newList li a:focus { - -moz-outline-style: none; - outline:none; - } - .selectedTxt { - width:auto; - overflow:hidden; - height:16px; - margin:4px 0 0 3px; - font:normal 13px Arial; - color:#333333; - line-height:21px; - } - .hiLite { - background:#E4F0CA!important; - color:#333333!important; - } - .hiLite a { - background:#E4F0CA!important; - color:#333333!important; - } - .newListHover { - background:#E4F0CA; - color:#333333!important; - cursor:pointer; - } - /*.newListSelHover { - background-position:0 -32px; - cursor:default; - } - */ - .newListSelFocus { - background-position:0 -32px; - cursor:pointer; - } - .newListSelFocus.country { - background-position:0 -32px; - cursor:pointer; - } - .newListOptionTitle { - font-weight:bold; - } - .newListOptionTitle ul { - margin:3px 0 0; - } - .newListOptionTitle li { - font-weight:normal; - border-left:1px solid #ccc; - } - .newListOptionTitle li a { - text-transform:uppercase; - font:normal 11px Arial; - color:#333333; - } - /* END ------------------------------ STYLING DATE COMBOS */ - - /*RICH TEXT EDITOR*/ - div.jHtmlArea { - padding:10px 0 0 0; - display: inline block; - } - div.jHtmlArea p { - font:normal 13px Arial; - color:#666666; - } - div.jHtmlArea div { - margin: 0px; - padding: 10px 0 0 0; - } - div.jHtmlArea .ToolBar { - } - div.jHtmlArea .ToolBar ul { - border: solid 1px #ccc; - margin:10px 1px 10px; - padding:1px; - float: left; - background: #fff url('/images/backoffice/pages/jHtmlArea_Toolbar_Group_BG.png') repeat-x; - } - div.jHtmlArea .ToolBar ul li { - list-style-type: none; - float: left; - border: none; - padding: 1px; - margin: 1px; - } - div.jHtmlArea .ToolBar ul li:hover { - border: solid 1px #ccc; - background: #ddd url('/images/backoffice/pages/jHtmlArea_Toolbar_Group__Btn_Select_BG.png'); - padding: 0; - } - div.jHtmlArea .ToolBar ul li a { - display: block; - width: 16px; - height: 16px; - background: url('/images/backoffice/pages/jHtmlArea.png') no-repeat -16px -500px; - border: none; - cursor: pointer; - padding: 0px; - } - div.jHtmlArea .ToolBar ul li a.highlighted { - border: solid 1px #aaa; - background-color: #bbb; - padding: 0; - } - div.jHtmlArea .ToolBar ul li.separator { - height: 16px; - margin: 0 2px 0 3px; - border-left: 1px solid #ccc; - } - div.jHtmlArea .ToolBar ul li.separator:hover { - padding: 1px; - background-color: #fff; - border-top:none; - border-bottom:none; - border-right:none; - } - - div.jHtmlArea .ToolBar ul li a:hover { - } - div.jHtmlArea .ToolBar ul li a.bold { - background-position: 0 0; - } - div.jHtmlArea .ToolBar ul li a.italic { - background-position: -16px 0; - } - div.jHtmlArea .ToolBar ul li a.underline { - background-position: -32px 0; - } - div.jHtmlArea .ToolBar ul li a.strikethrough { - background-position: -48px 0; - } - div.jHtmlArea .ToolBar ul li a.link { - background-position: -64px 0; - } - div.jHtmlArea .ToolBar ul li a.unlink { - background-position: -80px 0; - } - div.jHtmlArea .ToolBar ul li a.orderedlist { - background-position: -96px 0; - } - div.jHtmlArea .ToolBar ul li a.unorderedlist { - background-position: -112px 0; - } - div.jHtmlArea .ToolBar ul li a.image { - background-position: -128px 0; - } - div.jHtmlArea .ToolBar ul li a.cut { - background-position: -144px 0; - } - div.jHtmlArea .ToolBar ul li a.copy { - background-position: -160px 0; - } - div.jHtmlArea .ToolBar ul li a.paste { - background-position: -176px 0; - } - - div.jHtmlArea .ToolBar ul li a.html { - background-position: -192px 0; - opacity:0.6; - filter:alpha(opacity=60); - } - div.jHtmlArea .ToolBar ul li a.html.highlighted { - opacity:1.0; - filter:alpha(opacity=100); - } - div.jHtmlArea .ToolBar ul li a.p { - background-position:-177px -17px; - } - div.jHtmlArea .ToolBar ul li a.h1 { - background-position: 0 -16px; - } - div.jHtmlArea .ToolBar ul li a.h2 { - background-position: -16px -16px; - } - div.jHtmlArea .ToolBar ul li a.h3 { - background-position: -32px -16px; - } - div.jHtmlArea .ToolBar ul li a.h4 { - background-position: -48px -16px; - } - div.jHtmlArea .ToolBar ul li a.h5 { - background-position: -64px -16px; - } - div.jHtmlArea .ToolBar ul li a.h6 { - background-position: -80px -16px; - } - div.jHtmlArea .ToolBar ul li a.subscript { - background-position: -96px -16px; - } - div.jHtmlArea .ToolBar ul li a.superscript { - background-position: -112px -16px; - } - div.jHtmlArea .ToolBar ul li a.indent { - background-position: -128px -16px; - } - div.jHtmlArea .ToolBar ul li a.outdent { - background-position: -144px -16px; - } - div.jHtmlArea .ToolBar ul li a.horizontalrule { - background-position: -160px -16px; - } - - div.jHtmlArea .ToolBar ul li a.justifyleft { - background-position: 0 -32px; - } - div.jHtmlArea .ToolBar ul li a.justifycenter { - background-position: -16px -32px; - } - div.jHtmlArea .ToolBar ul li a.justifyright { - background-position: -32px -32px; - } - div.jHtmlArea .ToolBar ul li a.increasefontsize { - background-position: -48px -32px; - } - div.jHtmlArea .ToolBar ul li a.decreasefontsize { - background-position: -64px -32px; - } - div.jHtmlArea .ToolBar ul li a.forecolor { - background-position: -80px -32px; - } - - /* Activity Tab */ - div.block.activity span.combo_date { - float:left; - background:url('/images/backoffice/projects/date/bkg_calendar.png') no-repeat 0 0; - width:121px; - height:24px; - font:normal 15px Arial; - color:#333333; - margin:0px 0 0 0; - padding:8px 0 0 8px; - position:relative; - } - div.block.activity span.combo_date:hover { - cursor:pointer; - } - div.block.activity span.combo_date div.select_dates { - display:none; - } - div.block.activity span.combo_date.clicked { - background:url('/images/backoffice/projects/date/bkg_header_clicked_date.png') no-repeat 0 0; - } - div.block.activity span.combo_date.clicked div.select_dates { - position:absolute; - top:30px; - left:0; - background:url('/images/backoffice/projects/date/bkg_date_content.png') no-repeat 0 0; - width:335px; - height:68px; - z-index:20; - display:inline; - padding-left:5px; - } - div.block.activity span.combo_date.clicked div.select_dates.end_date { - background:url('/images/backoffice/projects/date/bkg_date_content_right.png') no-repeat 0 0; - position:absolute; - top:30px; - left:-142px; - } - - div.block.activity span.combo_date.clicked div.select_dates span.month { - float:left; - width:124px; - height:51px; - margin:10px 9px 0 10px; - } - div.block.activity span.combo_date.clicked div.select_dates span.day { - float:left; - width:62px; - height:51px; - margin:10px 9px 0 8px; - } - div.block.activity span.combo_date.clicked div.select_dates span.year { - float:left; - width:76px; - height:51px; - margin:10px 0 0 0; - } - - div.block.activity span.combo_date.clicked div.select_dates p.title { - float:left; - margin:0 0 0 5px; - font:normal 11px Arial; - color:#606851; - text-transform:uppercase; - width:auto; - } - div.block.activity span.combo_date.clicked div.select_dates p.title#month { - float:left; - margin:12px 10px 3px 0px; - width:135px; - } - div.block.activity span.combo_date.clicked div.select_dates p.title#day { - float:left; - margin:12px 10px 3px 0; - width:53px; - } - div.block.activity span.combo_date.clicked div.select_dates p.title#year { - float:left; - margin:12px 10px 3px 0; - width:100px; - } - div.block.activity span.combo_date.clicked div.select_dates a { - font:normal 13px Arial; - color:#333333; - } - div.block.activity span.combo_date.clicked div.select_dates a:hover { - cursor:pointer; - } - div.block.activity span.combo_date.clicked div.select_dates a.month_combo { - float:left; - margin:2px 0 0 0; - background:url('/images/backoffice/projects/date/month_combo.png') no-repeat 0 0; - width:123px; - height:23px; - padding:9px 0 0 10px; - } - div.block.activity span.combo_date.clicked div.select_dates a.day_combo { - float:left; - margin:2px 0 0 0; - background:url('/images/backoffice/projects/date/day_combo.png') no-repeat 0 0; - width:54px; - height:23px; - padding:9px 0 0 10px; - } - div.block.activity span.combo_date.clicked div.select_dates a.year_combo { - float:left; - margin:2px 0 0 0; - background:url('/images/backoffice/projects/date/year_combo.png') no-repeat 0 0; - width:68px; - height:23px; - padding:9px 0 0 10px; - } - - .changes_list div.no_results { - float:left; - width:100%; - padding:70px 0 80px; - } - .changes_list div.no_results h2 { - float:left; - width:100%; - text-align:center; - } - .changes_list div.no_results p { - float:left; - width:100%; - margin:6px 0 0 0; - text-align:center; - font:normal 17px Arial; - color:#666666; - } - .changes_list div.no_results p a { - color:#E93E3F; - text-decoration:underline; - } - .changes_list div.no_results p a:hover { - color:#7F2023; - } - - div.med div.changes_list { - margin-top: 15px; - } - - div.med div.changes_list div.change { - width: 874px; - margin-bottom: 19px; - } - - div.med div.changes_list div.change .border_top { - background: url('/images/backoffice/activity/blue_rounded_wide_top.png') no-repeat 0 0; - height: 5px; - width: 874px; - } - - div.med div.changes_list div.change .summary { - background-color: #e0edf1; - height: 47px; - margin: 0; - padding: 10px 0 10px; - clear: both; - } - - div.med div.changes_list div.change.open .summary { - height: 50px; - } - - div.med div.changes_list div.change .summary .reviewed { - display:inline-block; - zoom:1; - *display:inline; - vertical-align:top; - width: 55px; - height: 75px; - border-color: #CCC; - border-style: solid; - border-width: 0 1px 0 0; - margin-top: -14px; - } - - div.med div.changes_list div.change .summary .reviewed button { - position: relative; - width: 55px; - height: 67px; - background: transparent; - border: 0; - cursor: pointer; - } - - div.med div.changes_list div.change .summary .reviewed input { - display: none; - } - - div.med div.changes_list div.change .summary .reviewed button .arrow { - position: absolute; - top: 50%; - left: 50%; - margin-top: -4.5px; - margin-left: -6px; - display: block; - width: 13px; - height: 9px; - border: 0; - background: url('/images/backoffice/activity/check.png') no-repeat 0 0; - } - - div.med div.changes_list div.change .summary .date_time { - display:inline-block; - zoom:1; - *display:inline; - vertical-align:top; - height: 37px; - width: 65px; - padding: 5px 17px; - font-size: 13px; - } - - div.med div.changes_list div.change .summary .date_time .date { - margin-bottom: 6px; - color: #666666; - } - - div.med div.changes_list div.change .summary .date_time .time { - margin-top: 6px; - color: #999999; - } - - div.med div.changes_list div.change .summary .title_by { - display:inline-block; - zoom:1; - *display:inline; - vertical-align:top; - height: 37px; - width: 599px; - padding: 5px 20px; - border-color: #cccccc; - border-style: solid; - border-width: 0 0 0 1px; - } - - div.med div.changes_list div.change .summary .title_by .title { - font-size: 17px; - color: #666666; - } - - div.med div.changes_list div.change .summary .title_by .title a { - color: #E93E3F; - } - - div.med div.changes_list div.change .summary .title_by .title a:hover { - text-decoration: underline; - } - - div.med div.changes_list div.change .summary .title_by .by { - font-size: 13px; - color: #999999; - } - div.med div.changes_list div.change .summary .title_by form { - color: black; - text-align: right; - } - - div.med div.changes_list div.change .summary .more { - display:inline-block; - zoom:1; - *display:inline; - vertical-align:top; - height: 37px; - width: 60px; - padding: 5px; - font-size: 13px; - position: relative; - } - - div.med div.changes_list div.change .summary .more a { - display: block; - height: 100%; - width: 100%; - font-weight: bolder; - } - - div.med div.changes_list div.change .summary .more .arrow { - display: block; - height: 6px; - width: 8px; - position: absolute; - top: 50%; - left: 50%; - margin-top: -3px; - margin-left: 1px; - background: url('/images/backoffice/activity/arrow_down.png') no-repeat 0 0; - } - - div.med div.changes_list div.change.open .summary .more .arrow { - background: url('/images/backoffice/activity/arrow_up.png') no-repeat 0 0; - } - - div.med div.changes_list div.change .detail { - display: none; - border-top: 1px solid #cccccc; - background-color: #eff6f8; - padding: 10px 10px 10px 76px; - font-size: 11px; - text-transform: uppercase; - } - - div.med div.changes_list div.change .detail { - background-color: rgba(239, 246, 248, 0.5); - } - - div.med div.changes_list div.change .detail ul li { - clear: both; - } - - div.med div.changes_list div.change .detail ul li div { - margin: 15px 0; - } - - div.med div.changes_list div.change .detail ul li .label { - display: -moz-inline-stack; - display: inline-block; - zoom: 1; - *display: inline; - color: #999999; - width: 106px; - } - - div.med div.changes_list div.change .detail ul li .label { - color: rgba(153, 153, 153, 0.5); - } - - div.med div.changes_list div.change .detail ul li .value { - display: -moz-inline-stack; - display: inline-block; - zoom: 1; - *display: inline; - width: 679px; - vertical-align: top; - color: black; - line-height: 1.3; - } - - div.med div.changes_list div.change .border_bottom { - background: url('/images/backoffice/activity/blue_rounded_wide_bottom.png') no-repeat 0 0; - height: 5px; - width: 874px; - } - - div.med div.changes_list div.change.open .border_bottom { - background: url('/images/backoffice/activity/light_blue_rounded_wide_bottom.png') no-repeat 0 0; - } - - div.med div.changes_list div.change .detail ul li .separator { - background-color: #dde1e2; - height: 1px; - width: 100%; - } - - div.med div.changes_list div.change .detail ul li:last-child .separator { - display: none; - } - - .project_info div.med div.changes_list div.change { - width: 564px; - } - - .project_info div.med div.changes_list div.change .summary .title_by { - width: 289px; - } - - .project_info div.med div.changes_list div.change .border_top { - background: url('/images/backoffice/activity/blue_rounded_narrow_top.png') no-repeat 0 0; - } - - .project_info div.med div.changes_list div.change .border_bottom { - background: url('/images/backoffice/activity/blue_rounded_narrow_bottom.png') no-repeat 0 0; - height: 5px; - width: 874px; - } - - .project_info div.med div.changes_list div.change.open .border_bottom { - background: url('/images/backoffice/activity/light_blue_rounded_narrow_bottom.png') no-repeat 0 0; - } - - .project_info div.med div.changes_list div.change .detail ul li .value { - width: 369px; - } - - div.med div.changes_list div.change.checked .border_top { - background: url('/images/backoffice/activity/light_blue_rounded_wide_top.png') no-repeat 0 0; - } - - div.med div.changes_list div.change.checked .border_bottom { - background: url('/images/backoffice/activity/light_blue_rounded_wide_bottom.png') no-repeat 0 0; - } - - .project_info div.med div.changes_list div.change.checked .border_top { - background: url('/images/backoffice/activity/light_blue_rounded_narrow_top.png') no-repeat 0 0; - } - - .project_info div.med div.changes_list div.change.checked .border_bottom { - background: url('/images/backoffice/activity/light_blue_rounded_narrow_bottom.png') no-repeat 0 0; - } - - div.med div.changes_list div.change.checked .summary { - background-color: #F8FAFB; - } - - div.med div.changes_list div.change.checked .summary .reviewed { - border-color: rgba(204, 204, 204, 0.5); - } - - div.med div.changes_list div.change.checked .summary .reviewed button .arrow { - background-position: 0 -10px; - } - - div.med div.changes_list div.change.checked .summary .date_time .date { - color: rgba(102, 102, 102, 0.5); - } - - div.med div.changes_list div.change.checked .summary .date_time .time { - color: rgba(153, 153, 153, 0.5); - } - - div.med div.changes_list div.change.checked .summary .title_by { - border-color: rgba(204, 204, 204, 0.5); - } - - div.med div.changes_list div.change.checked .summary .title_by .title { - color: rgba(102, 102, 102, 0.5); - } - - div.med div.changes_list div.change.checked .summary .title_by .title a { - color: rgba(233, 62, 63, 0.5); - } - - div.med div.changes_list div.change.checked .summary .title_by .by { - color: rgba(153, 153, 153, 0.5); - } - - div.med div.changes_list div.change.checked .summary .title_by .by a { - color: rgba(233, 62, 63, 0.5); - } - - div.med div.changes_list div.change.checked .summary .title_by form { - color: rgba(0, 0, 0, 0.5); - } - - div.med div.changes_list div.change.checked .summary .more .arrow { - background: url('/images/backoffice/activity/light_arrow_down.png') no-repeat 0 0; - } - - div.med div.changes_list div.change.open.checked .summary .more .arrow { - background: url('/images/backoffice/activity/light_arrow_up.png') no-repeat 0 0; - } - - div.med div.changes_list div.change.checked .detail { - border-color: rgba(204, 204, 204, 0.5); - background-color: rgba(239, 246, 248, 0.5); - } - - div.med div.changes_list div.change.checked .detail ul li .value { - color: rgba(0, 0, 0, 0.5) - } - - div.med div.changes_list div.change.checked .detail ul li .separator { - background-color: rgba(221, 225, 226, 0.5); - } - - /* USERS */ - .users div.block.edit div.med div.left div.field { - width: auto; - margin-bottom: 20px; - } - .users div.block.edit div.med div.left div.submit { - float: left; - margin-bottom: 20px; - } - .users div.block.edit div.med div.left a.new_user { - float: left; - width:105px; - height:36px; - margin: 0 0 0 15px; - background: url('/images/backoffice/users/new_user.png') no-repeat 0 0; - } - .users div.block.edit div.med div.left .export_users { - float: left; - width:131px; - height:36px; - margin: 0 0 0 15px; - background: url('/images/backoffice/users/export_users.png') no-repeat 0 0; - } - .users div.block.edit div.med div.left .remove { - float: none; - width:17px; - height:16px; - background: url('/images/backoffice/users/remove_user.png') no-repeat 0 0; - } - - .users div.block.edit div.med div.left h2 { - padding-bottom: 20px; - } - - .users div.block.edit div.med div.left #users_list_filter { - float: left; - width: auto; - margin-top: 2px; - } - .users div.block.edit div.med div.left .chzn-container .chzn-results { - float: left; - } - - .users div.block.edit div.med div.left .user { - position: relative; - float: left; - width: 534px; - height: 56px; - background: url('/images/backoffice/users/user_item_bkg.png') no-repeat 0 0; - margin-bottom: 20px; - padding: 15px; - color: #999999; - } - - .users .paginate .pagination { - float: left; - margin: 0 30px 0 32px!important; - } - - .users div.block.edit div.med div.left .user a { - color: #E93E3F; - } - - .users div.block.edit div.med div.left .user .name { - display: block; - font-size: 17px; - height: 28px; - line-height: 2; - } - - .users div.block.edit div.med div.left .user .details { - height: 28px; - line-height: 2; - font-size: 13px; - } - - .users div.block.edit div.med div.left .user form { - position: static; - } - - .users div.block.edit div.med div.left .user .remove { - position: absolute; - right: 15px; - top: 50%; - margin: 0; - margin-top: -8px; - } - - .users div.block.edit div.med div.left .user a { - color: #E93E3F; - } - - .users div.block.edit div.med div.left .user .name { - display: block; - font-size: 17px; - height: 28px; - line-height: 2; - } - - .users div.block.edit div.med div.left .user .details { - height: 28px; - line-height: 2; - font-size: 13px; - } - - .users div.block.edit div.med div.left .user form { - position: static; - } - - .users div.block.edit div.med div.left .user .remove { - position: absolute; - right: 15px; - top: 50%; - margin: 0; - margin-top: -8px; - } - diff --git a/public/stylesheets/plugins/fineuploader-3.3.0.css b/public/stylesheets/plugins/fineuploader-3.3.0.css deleted file mode 100644 index 0d073b3b..00000000 --- a/public/stylesheets/plugins/fineuploader-3.3.0.css +++ /dev/null @@ -1,148 +0,0 @@ -/* - * Original version: 1.0 © 2010 Andrew Valums ( andrew(at)valums.com ) - * Current Maintainer (2.0+): 2012, Ray Nicholus ( fineuploader(at)garstasio.com ) - * - * Licensed under MIT license, GNU GPL 2 or later, GNU LGPL 2 or later, see license.txt. - */ -.qq-uploader { - position: relative; - width: 100%; -} -.qq-upload-button { - display: block; - width: 105px; - padding: 7px 0; - text-align: center; - background: #880000; - border-bottom: 1px solid #DDD; - color: #FFF; -} -.qq-upload-button-hover { - background: #CC0000; -} -.qq-upload-button-focus { - outline: 1px dotted #000000; -} -.qq-upload-drop-area, .qq-upload-extra-drop-area { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - min-height: 30px; - z-index: 2; - background: #FF9797; - text-align: center; -} -.qq-upload-drop-area span { - display: block; - position: absolute; - top: 50%; - width: 100%; - margin-top: -8px; - font-size: 16px; -} -.qq-upload-extra-drop-area { - position: relative; - margin-top: 50px; - font-size: 16px; - padding-top: 30px; - height: 20px; - min-height: 40px; -} -.qq-upload-drop-area-active { - background: #FF7171; -} -.qq-upload-list { - margin: 0; - padding: 0; - list-style: none; -} -.qq-upload-list li { - margin: 0; - padding: 9px; - line-height: 15px; - font-size: 16px; - background-color: #FFF0BD; -} -.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-retry, .qq-upload-failed-text, .qq-upload-finished, .qq-upload-delete { - margin-right: 12px; -} -.qq-upload-file { -} -.qq-upload-spinner { - display: inline-block; - background: url("loading.gif"); - width: 15px; - height: 15px; - vertical-align: text-bottom; -} -.qq-drop-processing { - display: none; -} -.qq-drop-processing-spinner { - display: inline-block; - background: url("processing.gif"); - width: 24px; - height: 24px; - vertical-align: text-bottom; -} -.qq-upload-finished { - display:none; - width:15px; - height:15px; - vertical-align:text-bottom; -} -.qq-upload-retry, .qq-upload-delete { - display: none; - color: #000000; -} -.qq-upload-cancel, .qq-upload-delete { - color: #000000; -} -.qq-upload-retryable .qq-upload-retry { - display: inline; -} -.qq-upload-size, .qq-upload-cancel, .qq-upload-retry, .qq-upload-delete { - font-size: 12px; - font-weight: normal; -} -.qq-upload-failed-text { - display: none; - font-style: italic; - font-weight: bold; -} -.qq-upload-failed-icon { - display:none; - width:15px; - height:15px; - vertical-align:text-bottom; -} -.qq-upload-fail .qq-upload-failed-text { - display: inline; -} -.qq-upload-retrying .qq-upload-failed-text { - display: inline; - color: #D60000; -} -.qq-upload-list li.qq-upload-success { - background-color: #5DA30C; - color: #FFFFFF; -} -.qq-upload-list li.qq-upload-fail { - background-color: #D60000; - color: #FFFFFF; -} -.qq-progress-bar { - background: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* IE10+ */ - background: linear-gradient(to bottom, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C */ - width: 0%; - height: 15px; - border-radius: 6px; - margin-bottom: 3px; - display: none; -} diff --git a/public/stylesheets/sass/backoffice/chosen.scss b/public/stylesheets/sass/backoffice/chosen.scss new file mode 100644 index 00000000..0f3e07a3 --- /dev/null +++ b/public/stylesheets/sass/backoffice/chosen.scss @@ -0,0 +1,449 @@ +/* @group Base */ + +.chzn-container { + font-size: 13px; + position: relative; + display: inline-block; + zoom: 1; + *display: inline; + vertical-align: top; + .chzn-single span { + margin: 0 !important; + } + .chzn-drop { + background: #fff; + border: 1px solid #aaa; + border-top: 0; + position: absolute; + top: 29px; + left: 0; + -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); + -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); + -o-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); + box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); + z-index: 999; + } +} + +/* @end */ + +/* @group Single Chosen */ + +.chzn-container-single { + .chzn-single { + background-color: #ffffff; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 ); + background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, white), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4)); + background-image: -webkit-linear-gradient(top, white 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); + background-image: -moz-linear-gradient(top, white 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); + background-image: -o-linear-gradient(top, white 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); + background-image: -ms-linear-gradient(top, white 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); + background-image: linear-gradient(top, white 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + -moz-background-clip: padding; + -webkit-background-clip: padding-box; + background-clip: padding-box; + border: 1px solid #aaaaaa; + -webkit-box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1); + box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1); + display: block; + overflow: hidden; + white-space: nowrap; + position: relative; + height: 30px; + line-height: 30px; + padding: 0 0 0 8px; + color: #444444; + text-decoration: none; + font-size: 15px; + span { + margin-right: 26px; + display: block; + overflow: hidden; + white-space: nowrap; + -o-text-overflow: ellipsis; + -ms-text-overflow: ellipsis; + text-overflow: ellipsis; + } + abbr { + display: block; + position: absolute; + right: 34px; + top: 10px; + width: 12px; + height: 13px; + font-size: 1px; + background: url(../../images/backoffice/chosen-sprite.png) right top no-repeat; + z-index: 1; + &:hover { + background-position: right -11px; + } + } + div { + position: absolute; + right: 0; + top: 3px; + display: block; + height: 100%; + width: 38px; + b { + background: url(../../images/backoffice/chosen-sprite.png) no-repeat 8px -48px; + display: block; + width: 100%; + height: 100%; + } + } + } + .chzn-search { + padding: 3px 4px; + position: relative; + margin: 0; + white-space: nowrap; + z-index: 1010; + } + .chzn-drop { + .chzn-search input { + background: white url(../../images/backoffice/chosen-sprite.png) no-repeat 100% -22px; + background: url(../../images/backoffice/chosen-sprite.png) no-repeat 100% -22px, -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, white)); + background: url(../../images/backoffice/chosen-sprite.png) no-repeat 100% -22px, -webkit-linear-gradient(top, #eeeeee 1%, white 15%); + background: url(../../images/backoffice/chosen-sprite.png) no-repeat 100% -22px, -moz-linear-gradient(top, #eeeeee 1%, white 15%); + background: url(../../images/backoffice/chosen-sprite.png) no-repeat 100% -22px, -o-linear-gradient(top, #eeeeee 1%, white 15%); + background: url(../../images/backoffice/chosen-sprite.png) no-repeat 100% -22px, -ms-linear-gradient(top, #eeeeee 1%, white 15%); + background: url(../../images/backoffice/chosen-sprite.png) no-repeat 100% -22px, linear-gradient(top, #eeeeee 1%, white 15%); + margin: 1px 0; + padding: 4px 20px 4px 5px; + outline: 0; + border: 1px solid #aaa; + font-family: sans-serif; + font-size: 1em; + } + -webkit-border-radius: 0 0 4px 4px; + -moz-border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; + -moz-background-clip: padding; + -webkit-background-clip: padding-box; + background-clip: padding-box; + } +} + +/* @end */ + +.chzn-container-single-nosearch .chzn-search input { + position: absolute; + left: -9000px; +} + +/* @group Multi Chosen */ + +.chzn-container-multi .chzn-choices { + background-color: #fff; + background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, white)); + background-image: -webkit-linear-gradient(top, #eeeeee 1%, white 15%); + background-image: -moz-linear-gradient(top, #eeeeee 1%, white 15%); + background-image: -o-linear-gradient(top, #eeeeee 1%, white 15%); + background-image: -ms-linear-gradient(top, #eeeeee 1%, white 15%); + background-image: linear-gradient(top, #eeeeee 1%, white 15%); + border: 1px solid #aaa; + margin: 0; + padding: 0; + cursor: text; + overflow: hidden; + height: auto !important; + height: 1%; + position: relative; + li { + float: left; + list-style: none; + } + .search-field { + white-space: nowrap; + margin: 0; + padding: 0; + input { + color: #666; + background: transparent !important; + border: 0 !important; + font-family: sans-serif; + font-size: 100%; + height: 15px; + padding: 5px; + margin: 1px 0; + outline: 0; + -webkit-box-shadow: none; + -moz-box-shadow: none; + -o-box-shadow: none; + box-shadow: none; + } + .default { + color: #999; + } + } + .search-choice { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + -moz-background-clip: padding; + -webkit-background-clip: padding-box; + background-clip: padding-box; + background-color: #e4e4e4; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 ); + background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); + background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); + background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); + background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); + background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); + background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); + -webkit-box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05); + box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05); + color: #333; + border: 1px solid #aaaaaa; + line-height: 13px; + padding: 3px 20px 3px 5px; + margin: 3px 0 3px 5px; + position: relative; + cursor: default; + } + .search-choice-focus { + background: #d4d4d4; + } + .search-choice .search-choice-close { + display: block; + position: absolute; + right: 3px; + top: 4px; + width: 12px; + height: 13px; + font-size: 1px; + background: url(../../images/backoffice/chosen-sprite.png) right top no-repeat; + &:hover { + background-position: right -11px; + } + } + .search-choice-focus .search-choice-close { + background-position: right -11px; + } +} + +/* @end */ + +/* @group Results */ + +.chzn-container .chzn-results { + margin: 0 4px 4px 0; + max-height: 150px; + padding: 0 0 0 4px; + position: relative; + overflow-x: hidden; + overflow-y: auto; +} + +.chzn-container-multi .chzn-results { + margin: -1px 0 0; + padding: 0; +} + +.chzn-container .chzn-results { + li { + display: none; + line-height: 15px; + padding: 5px 6px; + margin: 0; + list-style: none; + } + .active-result { + cursor: pointer; + display: list-item; + } + .highlighted { + background-color: #3875d7; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3875d7', endColorstr='#2a62bc', GradientType=0 ); + background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc)); + background-image: -webkit-linear-gradient(top, #3875d7 20%, #2a62bc 90%); + background-image: -moz-linear-gradient(top, #3875d7 20%, #2a62bc 90%); + background-image: -o-linear-gradient(top, #3875d7 20%, #2a62bc 90%); + background-image: -ms-linear-gradient(top, #3875d7 20%, #2a62bc 90%); + background-image: linear-gradient(top, #3875d7 20%, #2a62bc 90%); + color: white !important; + } + li em { + background: #feffde; + font-style: normal; + } + .highlighted em { + background: transparent; + } + .no-results { + background: #f4f4f4; + display: list-item; + } + .group-result { + cursor: default; + color: #999; + } + .group-option { + padding-left: 15px; + } +} + +.chzn-container-multi .chzn-drop .result-selected { + display: none; +} + +.chzn-container { + .chzn-results-scroll { + background: white; + margin: 0 4px; + position: absolute; + text-align: center; + width: 321px; + /* This should by dynamic with js */ + z-index: 1; + span { + display: inline-block; + height: 17px; + text-indent: -5000px; + width: 9px; + } + } + .chzn-results-scroll-down { + bottom: 0; + span { + background: url(../../images/backoffice/chosen-sprite.png) no-repeat -4px -3px; + } + } + .chzn-results-scroll-up span { + background: url(../../images/backoffice/chosen-sprite.png) no-repeat -22px -3px; + } +} + +/* @end */ + +/* @group Active */ + +.chzn-container-active { + .chzn-single { + -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); + -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); + -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); + box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); + border: 1px solid #5897fb; + } + .chzn-single-with-drop { + border: 1px solid #aaa; + -webkit-box-shadow: 0 1px 0 #fff inset; + -moz-box-shadow: 0 1px 0 #fff inset; + -o-box-shadow: 0 1px 0 #fff inset; + box-shadow: 0 1px 0 #fff inset; + background-color: #eee; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0 ); + background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #eeeeee), color-stop(80%, white)); + background-image: -webkit-linear-gradient(top, #eeeeee 20%, white 80%); + background-image: -moz-linear-gradient(top, #eeeeee 20%, white 80%); + background-image: -o-linear-gradient(top, #eeeeee 20%, white 80%); + background-image: -ms-linear-gradient(top, #eeeeee 20%, white 80%); + background-image: linear-gradient(top, #eeeeee 20%, white 80%); + -webkit-border-bottom-left-radius: 0; + -webkit-border-bottom-right-radius: 0; + -moz-border-radius-bottomleft: 0; + -moz-border-radius-bottomright: 0; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + div { + background: transparent; + border-left: none; + b { + background-position: 8px -80px; + } + } + } + .chzn-choices { + -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); + -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); + -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); + box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); + border: 1px solid #5897fb; + .search-field input { + color: #111 !important; + } + } +} + +/* @end */ + +/* @group Disabled Support */ + +.chzn-disabled { + cursor: default; + opacity: 0.5 !important; + .chzn-single, .chzn-choices .search-choice .search-choice-close { + cursor: default; + } +} + +/* @group Right to Left */ + +.chzn-rtl { + text-align: right; + .chzn-single { + padding: 0 8px 0 0; + overflow: visible; + span { + margin-left: 26px; + margin-right: 0; + direction: rtl; + } + div { + left: 3px; + right: auto; + } + abbr { + left: 26px; + right: auto; + } + } + .chzn-choices { + .search-field input { + direction: rtl; + } + li { + float: right; + } + .search-choice { + padding: 3px 5px 3px 19px; + margin: 3px 5px 3px 0; + .search-choice-close { + left: 4px; + right: auto; + background-position: right top; + } + } + } + &.chzn-container-single .chzn-results { + margin: 0 0 4px 4px; + padding: 0 4px 0 0; + } + .chzn-results .group-option { + padding-left: 0; + padding-right: 15px; + } + &.chzn-container-active .chzn-single-with-drop div { + border-right: none; + } + .chzn-search input { + background: white url(../../images/backoffice/chosen-sprite.png) no-repeat -38px -22px; + background: url(../../images/backoffice/chosen-sprite.png) no-repeat -38px -22px, -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, white)); + background: url(../../images/backoffice/chosen-sprite.png) no-repeat -38px -22px, -webkit-linear-gradient(top, #eeeeee 1%, white 15%); + background: url(../../images/backoffice/chosen-sprite.png) no-repeat -38px -22px, -moz-linear-gradient(top, #eeeeee 1%, white 15%); + background: url(../../images/backoffice/chosen-sprite.png) no-repeat -38px -22px, -o-linear-gradient(top, #eeeeee 1%, white 15%); + background: url(../../images/backoffice/chosen-sprite.png) no-repeat -38px -22px, -ms-linear-gradient(top, #eeeeee 1%, white 15%); + background: url(../../images/backoffice/chosen-sprite.png) no-repeat -38px -22px, linear-gradient(top, #eeeeee 1%, white 15%); + padding: 4px 5px 4px 20px; + direction: rtl; + } +} + +/* @end */ diff --git a/public/stylesheets/sass/backoffice/htmlArea.scss b/public/stylesheets/sass/backoffice/htmlArea.scss new file mode 100644 index 00000000..f428b66e --- /dev/null +++ b/public/stylesheets/sass/backoffice/htmlArea.scss @@ -0,0 +1,71 @@ +@font-face { + font-family: 'PT Sans Bold'; + src: url('/fonts/bold-webfont.eot'); + src: local("☺"), url('/fonts/bold-webfont.woff') format("woff"), url('/fonts/bold-webfont.ttf') format("truetype"), url('/fonts/bold-webfont.svg#webfontsAYHMuxi') format("svg"); + font-weight: normal; + font-style: normal; +} + + +body { + font: normal 13px Arial; + color: #666666; +} + +h1 { + font: normal 18px "PT Sans Bold",Arial; + color: #666666; + margin: 10px 0 0 0; +} + +h2 { + font: normal 16px "PT Sans Bold",Arial; + color: #666666; + margin: 10px 0 0 0; +} + +h3 { + font: normal 13px "PT Sans Bold",Arial; + color: #666666; + margin: 10px 0 0 0; + text-transform: uppercase; +} + +h4, h5 { + font: normal 12px "PT Sans Bold",Arial; + color: #666666; + margin: 10px 0 0 0; +} + +h6 { + font: normal 10px "PT Sans Bold",Arial; + color: #666666; + margin: 10px 0 0 0; +} + +p { + font: normal 13px Arial; + color: #666666; + margin: 10px 0 0 0; + a { + color: #D05F4C; + text-decoration: none; + &:hover { + text-decoration: underline; + cursor: pointer; + } + } +} + +ul { + width: 100%; + margin: 10px 0 0 0; + padding: 0 0 6px; + list-style: none; + li { + padding: 3px 0 3px 13px; + background: url('/images/sites/icons/list_disc.png') no-repeat 0 10px; + font: normal 13px Arial; + color: #666666; + } +} diff --git a/public/stylesheets/sass/backoffice/jquery-ui-1.7.2.custom.scss b/public/stylesheets/sass/backoffice/jquery-ui-1.7.2.custom.scss new file mode 100644 index 00000000..1b769337 --- /dev/null +++ b/public/stylesheets/sass/backoffice/jquery-ui-1.7.2.custom.scss @@ -0,0 +1,1550 @@ +/* +* jQuery UI CSS Framework +* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) +* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. +*/ + +/* Layout helpers +----------------------------------*/ + +.ui-helper-hidden { + display: none; +} + +.ui-helper-hidden-accessible { + position: absolute; + left: -99999999px; +} + +.ui-helper-reset { + margin: 0; + padding: 0; + border: 0; + outline: 0; + line-height: 1.3; + text-decoration: none; + font-size: 100%; + list-style: none; +} + +.ui-helper-clearfix { + &:after { + content: "."; + display: block; + height: 0; + clear: both; + visibility: hidden; + } + display: inline-block; +} + +/* required comment for clearfix to work in Opera \*/ + +* html .ui-helper-clearfix { + height: 1%; +} + +.ui-helper-clearfix { + display: block; +} + +/* end clearfix */ + +.ui-helper-zfix { + width: 100%; + height: 100%; + top: 0; + left: 0; + position: absolute; + opacity: 0; + filter: Alpha(Opacity = 0); +} + +/* Interaction Cues +----------------------------------*/ + +.ui-state-disabled { + cursor: default !important; +} + +/* Icons +----------------------------------*/ + +/* states and images */ + +.ui-icon { + display: block; + text-indent: -99999px; + overflow: hidden; + background-repeat: no-repeat; +} + +/* Misc visuals +----------------------------------*/ + +/* Overlays */ + +.ui-widget-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +/* +* jQuery UI CSS Framework +* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) +* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. +* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px +*/ + +/* Component containers +----------------------------------*/ + +.ui-widget { + font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; + font-size: 1.1em; + input, select, textarea, button { + font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; + font-size: 1em; + } +} + +.ui-widget-content { + border: 1px solid #dddddd; + background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; + color: #333333; + a { + color: #333333; + } +} + +.ui-widget-header { + border: 1px solid #e78f08; + background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; + color: #ffffff; + font-weight: bold; + a { + color: #ffffff; + } +} + +/* Interaction states +----------------------------------*/ + +.ui-state-default, .ui-widget-content .ui-state-default { + border: 1px solid #cccccc; + background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; + font-weight: bold; + color: #1c94c4; + outline: none; +} + +.ui-state-default a { + color: #1c94c4; + text-decoration: none; + outline: none; + &:link, &:visited { + color: #1c94c4; + text-decoration: none; + outline: none; + } +} + +.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { + border: 1px solid #fbcb09; + background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; + font-weight: bold; + color: #c77405; + outline: none; +} + +.ui-state-hover a { + color: #c77405; + text-decoration: none; + outline: none; + &:hover { + color: #c77405; + text-decoration: none; + outline: none; + } +} + +.ui-state-active, .ui-widget-content .ui-state-active { + border: 1px solid #fbd850; + background: white url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; + font-weight: bold; + color: #eb8f00; + outline: none; +} + +.ui-state-active a { + color: #eb8f00; + outline: none; + text-decoration: none; + &:link, &:visited { + color: #eb8f00; + outline: none; + text-decoration: none; + } +} + +/* Interaction Cues +----------------------------------*/ + +.ui-state-highlight, .ui-widget-content .ui-state-highlight { + border: 1px solid #fed22f; + background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; + color: #363636; +} + +.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { + color: #363636; +} + +.ui-state-error, .ui-widget-content .ui-state-error { + border: 1px solid #cd0a0a; + background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; + color: #ffffff; +} + +.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-state-error-text, .ui-widget-content .ui-state-error-text { + color: #ffffff; +} + +.ui-state-disabled, .ui-widget-content .ui-state-disabled { + opacity: .35; + filter: Alpha(Opacity = 35); + background-image: none; +} + +.ui-priority-primary, .ui-widget-content .ui-priority-primary { + font-weight: bold; +} + +.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { + opacity: .7; + filter: Alpha(Opacity = 70); + font-weight: normal; +} + +/* Icons +----------------------------------*/ + +/* states and images */ + +.ui-icon { + width: 16px; + height: 16px; + background-image: url(images/ui-icons_222222_256x240.png); +} + +.ui-widget-content .ui-icon { + background-image: url(images/ui-icons_222222_256x240.png); +} + +.ui-widget-header .ui-icon { + background-image: url(images/ui-icons_ffffff_256x240.png); +} + +.ui-state-default .ui-icon, .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-state-active .ui-icon { + background-image: url(images/ui-icons_ef8c08_256x240.png); +} + +.ui-state-highlight .ui-icon { + background-image: url(images/ui-icons_228ef1_256x240.png); +} + +.ui-state-error .ui-icon, .ui-state-error-text .ui-icon { + background-image: url(images/ui-icons_ffd27a_256x240.png); +} + +/* positioning */ + +.ui-icon-carat-1-n { + background-position: 0 0; +} + +.ui-icon-carat-1-ne { + background-position: -16px 0; +} + +.ui-icon-carat-1-e { + background-position: -32px 0; +} + +.ui-icon-carat-1-se { + background-position: -48px 0; +} + +.ui-icon-carat-1-s { + background-position: -64px 0; +} + +.ui-icon-carat-1-sw { + background-position: -80px 0; +} + +.ui-icon-carat-1-w { + background-position: -96px 0; +} + +.ui-icon-carat-1-nw { + background-position: -112px 0; +} + +.ui-icon-carat-2-n-s { + background-position: -128px 0; +} + +.ui-icon-carat-2-e-w { + background-position: -144px 0; +} + +.ui-icon-triangle-1-n { + background-position: 0 -16px; +} + +.ui-icon-triangle-1-ne { + background-position: -16px -16px; +} + +.ui-icon-triangle-1-e { + background-position: -32px -16px; +} + +.ui-icon-triangle-1-se { + background-position: -48px -16px; +} + +.ui-icon-triangle-1-s { + background-position: -64px -16px; +} + +.ui-icon-triangle-1-sw { + background-position: -80px -16px; +} + +.ui-icon-triangle-1-w { + background-position: -96px -16px; +} + +.ui-icon-triangle-1-nw { + background-position: -112px -16px; +} + +.ui-icon-triangle-2-n-s { + background-position: -128px -16px; +} + +.ui-icon-triangle-2-e-w { + background-position: -144px -16px; +} + +.ui-icon-arrow-1-n { + background-position: 0 -32px; +} + +.ui-icon-arrow-1-ne { + background-position: -16px -32px; +} + +.ui-icon-arrow-1-e { + background-position: -32px -32px; +} + +.ui-icon-arrow-1-se { + background-position: -48px -32px; +} + +.ui-icon-arrow-1-s { + background-position: -64px -32px; +} + +.ui-icon-arrow-1-sw { + background-position: -80px -32px; +} + +.ui-icon-arrow-1-w { + background-position: -96px -32px; +} + +.ui-icon-arrow-1-nw { + background-position: -112px -32px; +} + +.ui-icon-arrow-2-n-s { + background-position: -128px -32px; +} + +.ui-icon-arrow-2-ne-sw { + background-position: -144px -32px; +} + +.ui-icon-arrow-2-e-w { + background-position: -160px -32px; +} + +.ui-icon-arrow-2-se-nw { + background-position: -176px -32px; +} + +.ui-icon-arrowstop-1-n { + background-position: -192px -32px; +} + +.ui-icon-arrowstop-1-e { + background-position: -208px -32px; +} + +.ui-icon-arrowstop-1-s { + background-position: -224px -32px; +} + +.ui-icon-arrowstop-1-w { + background-position: -240px -32px; +} + +.ui-icon-arrowthick-1-n { + background-position: 0 -48px; +} + +.ui-icon-arrowthick-1-ne { + background-position: -16px -48px; +} + +.ui-icon-arrowthick-1-e { + background-position: -32px -48px; +} + +.ui-icon-arrowthick-1-se { + background-position: -48px -48px; +} + +.ui-icon-arrowthick-1-s { + background-position: -64px -48px; +} + +.ui-icon-arrowthick-1-sw { + background-position: -80px -48px; +} + +.ui-icon-arrowthick-1-w { + background-position: -96px -48px; +} + +.ui-icon-arrowthick-1-nw { + background-position: -112px -48px; +} + +.ui-icon-arrowthick-2-n-s { + background-position: -128px -48px; +} + +.ui-icon-arrowthick-2-ne-sw { + background-position: -144px -48px; +} + +.ui-icon-arrowthick-2-e-w { + background-position: -160px -48px; +} + +.ui-icon-arrowthick-2-se-nw { + background-position: -176px -48px; +} + +.ui-icon-arrowthickstop-1-n { + background-position: -192px -48px; +} + +.ui-icon-arrowthickstop-1-e { + background-position: -208px -48px; +} + +.ui-icon-arrowthickstop-1-s { + background-position: -224px -48px; +} + +.ui-icon-arrowthickstop-1-w { + background-position: -240px -48px; +} + +.ui-icon-arrowreturnthick-1-w { + background-position: 0 -64px; +} + +.ui-icon-arrowreturnthick-1-n { + background-position: -16px -64px; +} + +.ui-icon-arrowreturnthick-1-e { + background-position: -32px -64px; +} + +.ui-icon-arrowreturnthick-1-s { + background-position: -48px -64px; +} + +.ui-icon-arrowreturn-1-w { + background-position: -64px -64px; +} + +.ui-icon-arrowreturn-1-n { + background-position: -80px -64px; +} + +.ui-icon-arrowreturn-1-e { + background-position: -96px -64px; +} + +.ui-icon-arrowreturn-1-s { + background-position: -112px -64px; +} + +.ui-icon-arrowrefresh-1-w { + background-position: -128px -64px; +} + +.ui-icon-arrowrefresh-1-n { + background-position: -144px -64px; +} + +.ui-icon-arrowrefresh-1-e { + background-position: -160px -64px; +} + +.ui-icon-arrowrefresh-1-s { + background-position: -176px -64px; +} + +.ui-icon-arrow-4 { + background-position: 0 -80px; +} + +.ui-icon-arrow-4-diag { + background-position: -16px -80px; +} + +.ui-icon-extlink { + background-position: -32px -80px; +} + +.ui-icon-newwin { + background-position: -48px -80px; +} + +.ui-icon-refresh { + background-position: -64px -80px; +} + +.ui-icon-shuffle { + background-position: -80px -80px; +} + +.ui-icon-transfer-e-w { + background-position: -96px -80px; +} + +.ui-icon-transferthick-e-w { + background-position: -112px -80px; +} + +.ui-icon-folder-collapsed { + background-position: 0 -96px; +} + +.ui-icon-folder-open { + background-position: -16px -96px; +} + +.ui-icon-document { + background-position: -32px -96px; +} + +.ui-icon-document-b { + background-position: -48px -96px; +} + +.ui-icon-note { + background-position: -64px -96px; +} + +.ui-icon-mail-closed { + background-position: -80px -96px; +} + +.ui-icon-mail-open { + background-position: -96px -96px; +} + +.ui-icon-suitcase { + background-position: -112px -96px; +} + +.ui-icon-comment { + background-position: -128px -96px; +} + +.ui-icon-person { + background-position: -144px -96px; +} + +.ui-icon-print { + background-position: -160px -96px; +} + +.ui-icon-trash { + background-position: -176px -96px; +} + +.ui-icon-locked { + background-position: -192px -96px; +} + +.ui-icon-unlocked { + background-position: -208px -96px; +} + +.ui-icon-bookmark { + background-position: -224px -96px; +} + +.ui-icon-tag { + background-position: -240px -96px; +} + +.ui-icon-home { + background-position: 0 -112px; +} + +.ui-icon-flag { + background-position: -16px -112px; +} + +.ui-icon-calendar { + background-position: -32px -112px; +} + +.ui-icon-cart { + background-position: -48px -112px; +} + +.ui-icon-pencil { + background-position: -64px -112px; +} + +.ui-icon-clock { + background-position: -80px -112px; +} + +.ui-icon-disk { + background-position: -96px -112px; +} + +.ui-icon-calculator { + background-position: -112px -112px; +} + +.ui-icon-zoomin { + background-position: -128px -112px; +} + +.ui-icon-zoomout { + background-position: -144px -112px; +} + +.ui-icon-search { + background-position: -160px -112px; +} + +.ui-icon-wrench { + background-position: -176px -112px; +} + +.ui-icon-gear { + background-position: -192px -112px; +} + +.ui-icon-heart { + background-position: -208px -112px; +} + +.ui-icon-star { + background-position: -224px -112px; +} + +.ui-icon-link { + background-position: -240px -112px; +} + +.ui-icon-cancel { + background-position: 0 -128px; +} + +.ui-icon-plus { + background-position: -16px -128px; +} + +.ui-icon-plusthick { + background-position: -32px -128px; +} + +.ui-icon-minus { + background-position: -48px -128px; +} + +.ui-icon-minusthick { + background-position: -64px -128px; +} + +.ui-icon-close { + background-position: -80px -128px; +} + +.ui-icon-closethick { + background-position: -96px -128px; +} + +.ui-icon-key { + background-position: -112px -128px; +} + +.ui-icon-lightbulb { + background-position: -128px -128px; +} + +.ui-icon-scissors { + background-position: -144px -128px; +} + +.ui-icon-clipboard { + background-position: -160px -128px; +} + +.ui-icon-copy { + background-position: -176px -128px; +} + +.ui-icon-contact { + background-position: -192px -128px; +} + +.ui-icon-image { + background-position: -208px -128px; +} + +.ui-icon-video { + background-position: -224px -128px; +} + +.ui-icon-script { + background-position: -240px -128px; +} + +.ui-icon-alert { + background-position: 0 -144px; +} + +.ui-icon-info { + background-position: -16px -144px; +} + +.ui-icon-notice { + background-position: -32px -144px; +} + +.ui-icon-help { + background-position: -48px -144px; +} + +.ui-icon-check { + background-position: -64px -144px; +} + +.ui-icon-bullet { + background-position: -80px -144px; +} + +.ui-icon-radio-off { + background-position: -96px -144px; +} + +.ui-icon-radio-on { + background-position: -112px -144px; +} + +.ui-icon-pin-w { + background-position: -128px -144px; +} + +.ui-icon-pin-s { + background-position: -144px -144px; +} + +.ui-icon-play { + background-position: 0 -160px; +} + +.ui-icon-pause { + background-position: -16px -160px; +} + +.ui-icon-seek-next { + background-position: -32px -160px; +} + +.ui-icon-seek-prev { + background-position: -48px -160px; +} + +.ui-icon-seek-end { + background-position: -64px -160px; +} + +.ui-icon-seek-first { + background-position: -80px -160px; +} + +.ui-icon-stop { + background-position: -96px -160px; +} + +.ui-icon-eject { + background-position: -112px -160px; +} + +.ui-icon-volume-off { + background-position: -128px -160px; +} + +.ui-icon-volume-on { + background-position: -144px -160px; +} + +.ui-icon-power { + background-position: 0 -176px; +} + +.ui-icon-signal-diag { + background-position: -16px -176px; +} + +.ui-icon-signal { + background-position: -32px -176px; +} + +.ui-icon-battery-0 { + background-position: -48px -176px; +} + +.ui-icon-battery-1 { + background-position: -64px -176px; +} + +.ui-icon-battery-2 { + background-position: -80px -176px; +} + +.ui-icon-battery-3 { + background-position: -96px -176px; +} + +.ui-icon-circle-plus { + background-position: 0 -192px; +} + +.ui-icon-circle-minus { + background-position: -16px -192px; +} + +.ui-icon-circle-close { + background-position: -32px -192px; +} + +.ui-icon-circle-triangle-e { + background-position: -48px -192px; +} + +.ui-icon-circle-triangle-s { + background-position: -64px -192px; +} + +.ui-icon-circle-triangle-w { + background-position: -80px -192px; +} + +.ui-icon-circle-triangle-n { + background-position: -96px -192px; +} + +.ui-icon-circle-arrow-e { + background-position: -112px -192px; +} + +.ui-icon-circle-arrow-s { + background-position: -128px -192px; +} + +.ui-icon-circle-arrow-w { + background-position: -144px -192px; +} + +.ui-icon-circle-arrow-n { + background-position: -160px -192px; +} + +.ui-icon-circle-zoomin { + background-position: -176px -192px; +} + +.ui-icon-circle-zoomout { + background-position: -192px -192px; +} + +.ui-icon-circle-check { + background-position: -208px -192px; +} + +.ui-icon-circlesmall-plus { + background-position: 0 -208px; +} + +.ui-icon-circlesmall-minus { + background-position: -16px -208px; +} + +.ui-icon-circlesmall-close { + background-position: -32px -208px; +} + +.ui-icon-squaresmall-plus { + background-position: -48px -208px; +} + +.ui-icon-squaresmall-minus { + background-position: -64px -208px; +} + +.ui-icon-squaresmall-close { + background-position: -80px -208px; +} + +.ui-icon-grip-dotted-vertical { + background-position: 0 -224px; +} + +.ui-icon-grip-dotted-horizontal { + background-position: -16px -224px; +} + +.ui-icon-grip-solid-vertical { + background-position: -32px -224px; +} + +.ui-icon-grip-solid-horizontal { + background-position: -48px -224px; +} + +.ui-icon-gripsmall-diagonal-se { + background-position: -64px -224px; +} + +.ui-icon-grip-diagonal-se { + background-position: -80px -224px; +} + +/* Misc visuals +----------------------------------*/ + +/* Corner radius */ + +.ui-corner-tl { + -moz-border-radius-topleft: 4px; + -webkit-border-top-left-radius: 4px; +} + +.ui-corner-tr { + -moz-border-radius-topright: 4px; + -webkit-border-top-right-radius: 4px; +} + +.ui-corner-bl { + -moz-border-radius-bottomleft: 4px; + -webkit-border-bottom-left-radius: 4px; +} + +.ui-corner-br { + -moz-border-radius-bottomright: 4px; + -webkit-border-bottom-right-radius: 4px; +} + +.ui-corner-top { + -moz-border-radius-topleft: 4px; + -webkit-border-top-left-radius: 4px; + -moz-border-radius-topright: 4px; + -webkit-border-top-right-radius: 4px; +} + +.ui-corner-bottom { + -moz-border-radius-bottomleft: 4px; + -webkit-border-bottom-left-radius: 4px; + -moz-border-radius-bottomright: 4px; + -webkit-border-bottom-right-radius: 4px; +} + +.ui-corner-right { + -moz-border-radius-topright: 4px; + -webkit-border-top-right-radius: 4px; + -moz-border-radius-bottomright: 4px; + -webkit-border-bottom-right-radius: 4px; +} + +.ui-corner-left { + -moz-border-radius-topleft: 4px; + -webkit-border-top-left-radius: 4px; + -moz-border-radius-bottomleft: 4px; + -webkit-border-bottom-left-radius: 4px; +} + +.ui-corner-all { + -moz-border-radius: 4px; + -webkit-border-radius: 4px; +} + +/* Overlays */ + +.ui-widget-overlay { + background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; + opacity: .50; + filter: Alpha(Opacity = 50); +} + +.ui-widget-shadow { + margin: -5px 0 0 -5px; + padding: 5px; + background: black url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; + opacity: .20; + filter: Alpha(Opacity = 20); + -moz-border-radius: 5px; + -webkit-border-radius: 5px; +} + + /* Accordion +----------------------------------*/ + +.ui-accordion { + .ui-accordion-header { + cursor: pointer; + position: relative; + margin-top: 1px; + zoom: 1; + } + .ui-accordion-li-fix { + display: inline; + } + .ui-accordion-header-active { + border-bottom: 0 !important; + } + .ui-accordion-header { + a { + display: block; + font-size: 1em; + padding: .5em .5em .5em 2.2em; + } + .ui-icon { + position: absolute; + left: .5em; + top: 50%; + margin-top: -8px; + } + } + .ui-accordion-content { + padding: 1em 2.2em; + border-top: 0; + margin-top: -2px; + position: relative; + top: 1px; + margin-bottom: 2px; + overflow: auto; + display: none; + } + .ui-accordion-content-active { + display: block; + } +} + + /* Datepicker +----------------------------------*/ + +.ui-datepicker { + width: 17em; + padding: .2em .2em 0; + .ui-datepicker-header { + position: relative; + padding: .2em 0; + } + .ui-datepicker-prev, .ui-datepicker-next { + position: absolute; + top: 2px; + width: 1.8em; + height: 1.8em; + } + .ui-datepicker-prev-hover, .ui-datepicker-next-hover { + top: 1px; + } + .ui-datepicker-prev { + left: 2px; + } + .ui-datepicker-next { + right: 2px; + } + .ui-datepicker-prev-hover { + left: 1px; + } + .ui-datepicker-next-hover { + right: 1px; + } + .ui-datepicker-prev span, .ui-datepicker-next span { + display: block; + position: absolute; + left: 50%; + margin-left: -8px; + top: 50%; + margin-top: -8px; + } + .ui-datepicker-title { + margin: 0 2.3em; + line-height: 1.8em; + text-align: center; + select { + float: left; + font-size: 1em; + margin: 1px 0; + } + } + select { + &.ui-datepicker-month-year { + width: 100%; + } + &.ui-datepicker-month, &.ui-datepicker-year { + width: 49%; + } + } + .ui-datepicker-title select.ui-datepicker-year { + float: right; + } + table { + width: 100%; + font-size: .9em; + border-collapse: collapse; + margin: 0 0 .4em; + } + th { + padding: .7em .3em; + text-align: center; + font-weight: bold; + border: 0; + } + td { + border: 0; + padding: 1px; + span, a { + display: block; + padding: .2em; + text-align: right; + text-decoration: none; + } + } + .ui-datepicker-buttonpane { + background-image: none; + margin: .7em 0 0 0; + padding: 0 .2em; + border-left: 0; + border-right: 0; + border-bottom: 0; + button { + float: right; + margin: .5em .2em .4em; + cursor: pointer; + padding: .2em .6em .3em .6em; + width: auto; + overflow: visible; + &.ui-datepicker-current { + float: left; + } + } + } + &.ui-datepicker-multi { + width: auto; + } +} + +/* with multiple calendars */ + +.ui-datepicker-multi .ui-datepicker-group { + float: left; + table { + width: 95%; + margin: 0 auto .4em; + } +} + +.ui-datepicker-multi-2 .ui-datepicker-group { + width: 50%; +} + +.ui-datepicker-multi-3 .ui-datepicker-group { + width: 33.3%; +} + +.ui-datepicker-multi-4 .ui-datepicker-group { + width: 25%; +} + +.ui-datepicker-multi { + .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-group-middle .ui-datepicker-header { + border-left-width: 0; + } + .ui-datepicker-buttonpane { + clear: left; + } +} + +.ui-datepicker-row-break { + clear: both; + width: 100%; +} + +/* RTL support */ + +.ui-datepicker-rtl { + direction: rtl; + .ui-datepicker-prev { + right: 2px; + left: auto; + } + .ui-datepicker-next { + left: 2px; + right: auto; + } + .ui-datepicker-prev:hover { + right: 1px; + left: auto; + } + .ui-datepicker-next:hover { + left: 1px; + right: auto; + } + .ui-datepicker-buttonpane { + clear: right; + button { + float: left; + &.ui-datepicker-current { + float: right; + } + } + } + .ui-datepicker-group { + float: right; + } + .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-group-middle .ui-datepicker-header { + border-right-width: 0; + border-left-width: 1px; + } +} + +/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ + +.ui-datepicker-cover { + display: none; + /*sorry for IE5*/ + display/**/: block; + /*sorry for IE5*/ + position: absolute; + /*must have*/ + z-index: -1; + /*must have*/ + filter: mask(); + /*must have*/ + top: -4px; + /*must have*/ + left: -4px; + /*must have*/ + width: 200px; + /*must have*/ + height: 200px; + /*must have*/ +} + + /* Dialog +----------------------------------*/ + +.ui-dialog { + position: relative; + padding: .2em; + width: 300px; + .ui-dialog-titlebar { + padding: .5em .3em .3em 1em; + position: relative; + } + .ui-dialog-title { + float: left; + margin: .1em 0 .2em; + } + .ui-dialog-titlebar-close { + position: absolute; + right: .3em; + top: 50%; + width: 19px; + margin: -10px 0 0 0; + padding: 1px; + height: 18px; + span { + display: block; + margin: 1px; + } + &:hover, &:focus { + padding: 0; + } + } + .ui-dialog-content { + border: 0; + padding: .5em 1em; + background: none; + overflow: auto; + zoom: 1; + } + .ui-dialog-buttonpane { + text-align: left; + border-width: 1px 0 0 0; + background-image: none; + margin: .5em 0 0 0; + padding: .3em 1em .5em .4em; + button { + float: right; + margin: .5em .4em .5em 0; + cursor: pointer; + padding: .2em .6em .3em .6em; + line-height: 1.4em; + width: auto; + overflow: visible; + } + } + .ui-resizable-se { + width: 14px; + height: 14px; + right: 3px; + bottom: 3px; + } +} + +.ui-draggable .ui-dialog-titlebar { + cursor: move; +} + +/* Progressbar +----------------------------------*/ + +.ui-progressbar { + height: 2em; + text-align: left; + .ui-progressbar-value { + margin: -1px; + height: 100%; + } +} + + /* Resizable +----------------------------------*/ + +.ui-resizable { + position: relative; +} + +.ui-resizable-handle { + position: absolute; + font-size: 0.1px; + z-index: 99999; + display: block; +} + +.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { + display: none; +} + +.ui-resizable-n { + cursor: n-resize; + height: 7px; + width: 100%; + top: -5px; + left: 0px; +} + +.ui-resizable-s { + cursor: s-resize; + height: 7px; + width: 100%; + bottom: -5px; + left: 0px; +} + +.ui-resizable-e { + cursor: e-resize; + width: 7px; + right: -5px; + top: 0px; + height: 100%; +} + +.ui-resizable-w { + cursor: w-resize; + width: 7px; + left: -5px; + top: 0px; + height: 100%; +} + +.ui-resizable-se { + cursor: se-resize; + width: 12px; + height: 12px; + right: 1px; + bottom: 1px; +} + +.ui-resizable-sw { + cursor: sw-resize; + width: 9px; + height: 9px; + left: -5px; + bottom: -5px; +} + +.ui-resizable-nw { + cursor: nw-resize; + width: 9px; + height: 9px; + left: -5px; + top: -5px; +} + +.ui-resizable-ne { + cursor: ne-resize; + width: 9px; + height: 9px; + right: -5px; + top: -5px; +} + + /* Slider +----------------------------------*/ + +.ui-slider { + position: relative; + text-align: left; + .ui-slider-handle { + position: absolute; + z-index: 2; + width: 1.2em; + height: 1.2em; + cursor: default; + } + .ui-slider-range { + position: absolute; + z-index: 1; + font-size: .7em; + display: block; + border: 0; + } +} + +.ui-slider-horizontal { + height: .8em; + .ui-slider-handle { + top: -.3em; + margin-left: -.6em; + } + .ui-slider-range { + top: 0; + height: 100%; + } + .ui-slider-range-min { + left: 0; + } + .ui-slider-range-max { + right: 0; + } +} + +.ui-slider-vertical { + width: .8em; + height: 100px; + .ui-slider-handle { + left: -.3em; + margin-left: 0; + margin-bottom: -.6em; + } + .ui-slider-range { + left: 0; + width: 100%; + } + .ui-slider-range-min { + bottom: 0; + } + .ui-slider-range-max { + top: 0; + } +} + + /* Tabs +----------------------------------*/ + +.ui-tabs { + padding: .2em; + zoom: 1; + .ui-tabs-nav { + list-style: none; + position: relative; + padding: .2em .2em 0; + li { + position: relative; + float: left; + border-bottom-width: 0 !important; + margin: 0 .2em -1px 0; + padding: 0; + a { + float: left; + text-decoration: none; + padding: .5em 1em; + } + &.ui-tabs-selected { + padding-bottom: 1px; + border-bottom-width: 0; + a { + cursor: text; + } + } + &.ui-state-disabled a, &.ui-state-processing a { + cursor: text; + } + a { + cursor: pointer; + } + } + } + &.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { + cursor: pointer; + } + .ui-tabs-panel { + padding: 1em 1.4em; + display: block; + border-width: 0; + background: none; + } + .ui-tabs-hide { + display: none !important; + } +} + +/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ diff --git a/public/stylesheets/sass/backoffice/jscroll.scss b/public/stylesheets/sass/backoffice/jscroll.scss new file mode 100644 index 00000000..50de577f --- /dev/null +++ b/public/stylesheets/sass/backoffice/jscroll.scss @@ -0,0 +1,107 @@ +/* + * CSS Styles that are needed by jScrollPane for it to operate correctly. + * + * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane + * may not operate correctly without them. + */ + +.jspContainer { + overflow: hidden; + position: relative; +} + +.jspPane { + position: absolute; +} + +.jspVerticalBar { + position: absolute; + top: 0px; + right: 23px; + width: 11px; + height: 100%; +} + +.jspHorizontalBar { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 16px; +} + +.jspVerticalBar *, .jspHorizontalBar * { + margin: 0; + padding: 0; +} + +.jspCap { + display: none; +} + +.jspHorizontalBar .jspCap { + float: left; +} + +.jspTrack { + background: #E3E3E3; + position: relative; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +} + +.jspDrag { + background: #8B8B8B; + position: relative; + top: 0; + left: 0; + cursor: pointer; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +} + +.jspHorizontalBar { + .jspTrack, .jspDrag { + float: left; + height: 100%; + } +} + +.jspArrow { + background: #50506d; + text-indent: -20000px; + display: none !important; + cursor: pointer; + &.jspDisabled { + cursor: default; + background: #80808d; + } +} + +.jspVerticalBar .jspArrow { + height: 2px; +} + +.jspHorizontalBar .jspArrow { + width: 16px; + float: left; + height: 100%; +} + +.jspVerticalBar .jspArrow:focus { + outline: none; +} + +.jspCorner { + background: #eeeef4; + float: left; + height: 100%; +} + +/* Yuk! CSS Hack for IE6 3 pixel bug :( */ + +* html .jspCorner { + margin: 0 -3px 0 0; +} diff --git a/public/stylesheets/sass/backoffice/layout.old.scss b/public/stylesheets/sass/backoffice/layout.old.scss new file mode 100644 index 00000000..e73377c6 --- /dev/null +++ b/public/stylesheets/sass/backoffice/layout.old.scss @@ -0,0 +1,7245 @@ +body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, form, fieldset, p { + margin: 0; + padding: 0; + font-weight: normal; +} + +img, fieldset { + border: none; + padding: 0; + margin: 0; +} + +body { + font: 11px Arial, Helvetica,serif; + color: #FFFFFF; +} + +span.clear { + clear: both; +} + +div { + &.left { + float: left; + width: auto; + } + &.right { + float: right; + width: auto; + } +} + +a { + text-decoration: none; + &:focus { + outline: none; + } +} + +ul:focus, input:focus { + outline: none; +} + +body { + background: #E1E5E7; +} + +ul { + list-style: none; +} + +label strong { + font: normal 14px Georgia; + color: #E93E3F; +} + +textarea:focus { + outline: none; +} + +/*IE7 reset properties*/ + +input[type="text"], textarea { + border: 0px; +} + +/*FONT FACE*/ +@font-face { + font-family: 'Museo Sans'; + src: url('/fonts/museosans_500-webfont.eot'); + src: local("☺"), url('/fonts/museosans_500-webfont.woff') format("woff"), url('/fonts/museosans_500-webfont.ttf') format("truetype"), url('/fonts/museosans_500-webfont.svg#webfontX97tj7j1') format("svg"); + font-weight: normal; + font-style: normal; +} + + +/*The next is neccesary to fix properly the content scrollable*/ + +div { + &.wrapper { + float: left; + margin: 0; + padding: 0; + } + &.field { + float: left; + &.save { + float: right; + } + } +} + +/*Necessary to float all content*/ + +/*FLASH*/ + +.flash { + width: 942px; + height: 85px; + margin: 0 auto; + div { + float: left; + width: 902px; + margin: 20px 0 -20px 3px; + padding: 0 20px; + font-size: 21px; + line-height: 85px; + color: #333333; + } + .notice { + background: url('/images/backoffice/backgrounds/flash_notice.png') no-repeat scroll top left; + text-align: center; + a { + color: #E93E3F; + text-decoration: underline; + } + } +} + +/*ERROR MESSAGES*/ + +span { + &.field_error { + position: absolute; + bottom: 10px; + right: 10px; + margin: 0; + padding: 0; + a.error { + float: right; + width: 14px; + height: 14px; + background: url('/images/backoffice/icons/error.png') no-repeat scroll top left; + &:hover { + cursor: pointer; + } + } + div.error_msg { + position: absolute; + display: none; + top: -9px; + left: -9px; + width: 200px; + z-index: 1; + p { + position: relative; + float: left; + padding: 0 0 0 27px; + height: 31px; + background: url('/images/backoffice/common/left_error.png') no-repeat scroll top left; + span { + position: relative; + float: left !important; + height: 15px; + padding: 8px 15px 8px 2px; + display: block; + background: url('/images/backoffice/common/right_error.png') no-repeat right 0; + font: normal 13px Arial; + color: #333333; + } + } + } + } + &.simple_field_error { + position: absolute; + top: 0; + left: 405px; + margin: 0; + padding: 0; + a.simple_error { + float: right; + width: 34px; + height: 32px; + background: url('/images/backoffice/icons/simple_error.png') no-repeat scroll top left; + &:hover { + cursor: pointer; + } + } + div.error_msg { + position: absolute; + display: none; + top: 0; + left: 1px; + width: 200px; + p { + position: relative; + float: left; + padding: 0 0 0 27px; + height: 31px; + background: url('/images/backoffice/common/left_error.png') no-repeat scroll top left; + span { + position: relative; + float: left !important; + height: 15px; + padding: 8px 15px 8px 2px; + display: block; + background: url('/images/backoffice/common/right_error.png') no-repeat right 0; + font: normal 13px Arial; + color: #333333; + } + } + } + } +} + +/* LAYOUT */ + +div { + &.main_layout { + margin: 0 auto; + width: 942px; + p.link_to_back { + background: url('/images/backoffice/common/red_arrow.png') no-repeat 0 3px; + width: auto; + height: auto; + position: absolute; + top: -25px; + left: 4px; + a { + float: left; + font: normal 13px Arial; + color: #CC5B4B; + padding: 0 0 0 22px; + &:hover { + cursor: pointer; + text-decoration: underline; + } + } + } + div.block { + float: left; + width: 942px; + margin: 40px 0 0 0; + div { + &.top { + float: left; + width: 942px; + height: 15px; + background: url('/images/backoffice/backgrounds/top_long.png') no-repeat center 0; + position: relative; + } + &.med { + float: left; + width: 880px; + padding: 16px 31px 28px; + background: url('/images/backoffice/backgrounds/mid_long.png') repeat-y center 0; + } + } + } + } + &.med { + div.header { + width: 100%; + overflow: hidden; + padding: 0 0 20px 0; + border-bottom: 1px solid #CCCCCC; + &.no_border { + border-bottom: 0; + padding: 0; + } + h2 { + width: 580px; + a { + color: #EB3F40; + &:hover { + text-decoration: underline; + } + } + } + span { + float: right; + width: 273px; + height: auto; + &.buttons { + width: auto; + } + p { + display: inline-block; + zoom: 1; + *display: inline; + vertical-align: top; + width: auto; + padding: 0 25px 0 0; + font: normal 27px "Museo Sans"; + color: #333333; + em { + padding: 0 0 0 3px; + font: normal 11px Arial; + color: #999999; + text-transform: uppercase; + } + } + } + } + .info_list { + ul { + width: 100%; + padding: 0; + margin: 18px 0 0 !important; + letter-spacing: -4px; + li { + float: none; + display: inline-block !important; + zoom: 1; + *display: inline; + vertical-align: top; + width: 273px !important; + margin: 0 30px 0 0 !important; + letter-spacing: 0px; + &.last { + margin: 0 !important; + } + } + } + h4 { + padding: 10px 0 5px 0; + font: bold 11px Arial; + color: #999999; + text-transform: uppercase; + } + p { + display: block !important; + font: normal 15px Arial !important; + color: #666666 !important; + letter-spacing: 0 !important; + a { + color: #EB3F40; + text-decoration: none; + &:hover { + color: #EB3F40; + text-decoration: underline; + } + } + } + } + } +} + +/*ngo dashboard*/ + +.grey div { + &.bottom_white { + background: url('/images/backoffice/backgrounds/bottom_grey_long.png') repeat-y center bottom; + } + &.top { + background: url('/images/backoffice/backgrounds/top_grey_long.png') no-repeat center 0 !important; + } + &.med { + background: url('/images/backoffice/backgrounds/med_grey_long.png') repeat-y center 0 !important; + } +} + +/*add new site,donor,...*/ + +div { + &.add_new { + float: left; + width: 922px; + height: 98px; + padding: 5px; + margin: 20px 0 0 5px; + background: url('/images/backoffice/dashboard/add_new_bkg.png') no-repeat center 0; + a { + float: left; + width: 922px; + height: 70px; + padding: 28px 0 0 0; + margin: 0px; + background: url('/images/backoffice/dashboard/add_bkg_a.png') repeat-x 0 0; + text-align: center; + font: normal 27px "Museo Sans",Arial; + color: white; + &:hover { + background-position: 0 -98px; + } + strong { + float: left; + width: 100%; + font: normal 15px Arial; + color: #C3DB9F; + text-align: center; + } + } + } + &.block div.med div.right { + position: relative; + float: right; + width: 284px; + min-height: 420px; + ul { + float: left; + width: 230px; + margin: 10px 0 0 0; + li { + float: left; + width: 205px; + padding: 6px 12px 6px 0; + &.selected { + float: left; + width: auto; + padding: 15px 14px 15px 0; + background: url('/images/backoffice/common/selected_li.png') no-repeat right 0; + font: bold 15px Arial; + color: #333333; + } + &.disabled { + width: 200px; + a { + color: #cccccc; + } + } + a { + float: left; + font: bold 15px Arial; + color: #E93E3F; + padding: 0 0 0 20px; + } + p { + float: left; + margin: 2px 0 0 7px; + padding: 0 0 0 5px; + background: url('/images/backoffice/common/amount_left.png') no-repeat 0 0; + span { + float: left; + padding: 1px 7px 1px 2px; + height: 12px; + line-height: 12px; + background: url('/images/backoffice/common/amount_right.png') no-repeat right 0; + font: bold 11px Arial; + color: white; + } + } + &.selected { + a { + color: #333333; + } + p { + background-position: 0 -14px; + } + div.bottom_selected { + float: left; + width: auto; + padding: 0 12px 13px 0; + margin: 0; + padding: 0; + background: url('/images/backoffice/backgrounds/menu_bottom.png') no-repeat right bottom; + ul { + float: left; + width: auto !important; + margin: 0; + padding: 0; + list-style: square; + color: black; + li { + float: left; + width: auto !important; + margin: 0; + padding: 0; + a { + float: left; + width: auto !important; + margin: 0; + padding: 0; + } + } + } + } + span { + background-position: right -14px; + } + } + &:hover { + a { + color: #333333; + &:focus { + outline: none; + } + } + p { + background-position: 0 -14px; + } + span { + background-position: right -14px; + } + } + &.disabled:hover a { + color: #cccccc; + cursor: default; + } + &.list_selected { + float: left; + width: auto; + margin: 10px 0 0 0; + padding: 15px 0 0 0; + background: url('/images/backoffice/donors/menu_top.png') no-repeat right 0; + div.bottom_selected { + float: left; + width: auto; + padding: 0 14px 15px 0; + background: url('/images/backoffice/donors/menu_bottom.png') no-repeat right bottom; + a.basic { + width: 100%; + color: #E93E3F; + padding: 0 0 0 20px; + &:hover { + cursor: default; + } + } + span.list { + float: left; + width: auto; + margin: 3px 0 0 0; + p { + float: left; + width: 100%; + margin: 5px 0 0 15px; + background: none; + a { + float: left; + width: auto; + padding: 0 0 0 6px; + background: url('/images/backoffice/icons/grey_square.jpg') no-repeat 0 7px !important; + font: normal 13px Arial; + color: #333333; + &:hover { + text-decoration: underline; + } + } + &.sublist { + margin: 5px 0 0 40px; + } + } + } + } + &:hover div.bottom_selected p a { + color: #E93E3F; + } + } + &.sublist_selected { + float: left; + width: auto; + margin: 10px 0 0 0; + padding: 15px 0 0 0; + background: url('/images/backoffice/donors/menu_top.png') no-repeat right 0; + div.bottom_selected { + float: left; + width: auto; + padding: 0 14px 15px 0; + background: url('/images/backoffice/donors/menu_bottom.png') no-repeat right bottom; + a.basic { + color: #E93E3F; + padding: 0 0 0 20px; + &:hover { + cursor: default; + } + } + span.list { + float: left; + width: auto; + margin: 3px 0 0 0; + p { + float: left; + width: 100%; + margin: 5px 0 0 15px; + background: none; + &.no { + float: left; + width: auto; + margin: 5px 0 0 20px; + padding: 0 0 0 6px; + background: url('/images/backoffice/icons/red_square.jpg') no-repeat 0 7px !important; + font: normal 13px Arial; + color: #E93E3F; + } + &.sublist { + margin: 5px 0 0 40px; + } + &.no.sublist { + margin: 5px 0 0 45px; + } + a { + float: left; + width: auto; + padding: 0 0 0 6px; + background: url('/images/backoffice/icons/grey_square.jpg') no-repeat 0 7px !important; + font: normal 13px Arial; + color: #333333; + &:hover { + text-decoration: underline; + } + } + } + } + } + &:hover div.bottom_selected p a { + color: #E93E3F; + } + } + &:hover div.bottom_selected p a { + color: #E93E3F; + } + } + } + div { + &.export_import, &.delete { + position: absolute; + display: none; + left: 20px; + } + &.export_import { + bottom: 145px; + h5 { + float: left; + font: normal 17px "Museo Sans",Arial; + color: #333333; + letter-spacing: -1px; + } + p { + float: left; + margin: 5px 0 0 0; + width: 100%; + font: normal 13px Arial; + color: #666666; + &.split { + width: auto; + margin: 15px 5px 0; + font: normal 15px Arial; + color: #333333; + } + } + a { + float: left; + margin: 17px 0 0 0; + font: normal 15px Arial; + color: #D8393D; + text-decoration: underline; + &.link_hidden { + position: relative; + } + } + form { + float: left; + display: inline; + width: 80px; + } + div#links { + position: relative; + float: left; + div#wrapper_form { + position: absolute; + width: 80px; + height: 17px; + background-color: red; + top: 17px; + left: 0; + overflow: hidden; + opacity: 0.0; + -moz-opacity: 0; + filter: alpha(opacity = 0); + z-index: 2; + } + } + input { + &[type="file"] { + width: 80px; + cursor: pointer; + } + &[type="submit"] { + width: 100px; + position: absolute; + top: 15px; + left: 0; + } + } + } + &.delete { + bottom: 0; + h5 { + float: left; + font: normal 17px "Museo Sans",Arial; + color: #333333; + letter-spacing: -1px; + } + p { + float: left; + margin: 5px 0 0 0; + width: 100%; + font: normal 13px Arial; + color: #666666; + } + a { + float: left; + margin: 17px 0 0 0; + font: normal 15px Arial; + color: #D8393D; + text-decoration: underline; + &:hover { + text-decoration: none; + } + } + } + } + } + &#header { + float: left; + width: 100%; + height: 120px; + background: url('/images/backoffice/common/header_bkg.jpg') repeat-x 0 0; + div.inner_header { + margin: 0 auto; + width: 932px; + div { + &.top { + float: left; + width: 100%; + height: 26px; + margin: 28px 0 0 0; + a { + font: bold 29px Arial; + color: white; + letter-spacing: -2px; + sup { + padding: 0 0 0 7px; + font: normal 15px "Museo Sans",Arial; + color: #E93E3F; + letter-spacing: 0; + } + } + } + &.bottom { + position: relative; + float: left; + width: 100%; + margin: 24px 0 0 0; + ul { + &.main_menu { + width: auto; + height: 42px; + text-align: justify; + li { + display: inline; + width: auto; + margin: 0 4px 0 0; + a { + display: inline-block; + vertical-align: top; + zoom: 1; + *display: inline; + height: 42px; + padding: 0 1.5px 0 4px; + background: url('/images/backoffice/common/header_tab_left.png') no-repeat 0 0; + &:focus { + outline: none; + } + } + span { + display: inline-block; + vertical-align: top; + zoom: 1; + *display: inline; + height: 32px; + padding: 10px 22px 0 18px; + background: url('/images/backoffice/common/header_tab_right.png') no-repeat right 0; + font: normal 17px "Museo Sans", Arial; + color: #DEE1E4; + vertical-align: top; + } + a:hover { + background-position: 0 -42px; + cursor: pointer; + span { + background-position: right -42px; + color: #0A0A0A; + } + } + &.selected a { + background-position: 0 -42px; + span { + background-position: right -42px; + color: #0A0A0A; + } + } + } + } + &.admin { + position: absolute; + top: -60px; + right: 0; + margin: 12px 0 0 0; + li { + float: left; + width: auto; + padding: 0 11px; + background: url('/images/backoffice/common/footer_list_separator.png') no-repeat right -2px; + a { + font: normal 13px "Museo Sans", "Arial"; + color: #DEE1E4; + text-decoration: underline; + &:hover { + color: white; + } + } + &.last { + padding: 0 0 0 8px; + background: none; + } + } + } + } + } + } + } + } + &.login { + position: absolute; + top: 0; + bottom: 0; + right: 0; + left: 0; + float: left; + width: 100%; + height: 100%; + background: url('/images/backoffice/login/login_bkg.png') repeat-x 0 bottom #373737; + div.main { + position: absolute; + top: 118px; + left: 50%; + width: 401px; + margin: 0 0 0 -200px; + h1 { + float: left; + margin: 0 0 0 90px; + a { + font: bold 29px Arial; + color: white; + letter-spacing: -2px; + sup { + padding: 0 0 0 7px; + font: normal 15px "Museo Sans",Arial; + color: #E93E3F; + letter-spacing: 0; + } + } + } + div { + &.top_data { + float: left; + width: 100%; + height: 10px; + margin: 20px 0 0 0; + background: url('/images/backoffice/login/top_login.png') no-repeat 0 0; + } + &.med_data { + float: left; + width: 324px; + padding: 10px 38px 38px; + background: white; + label { + float: left; + width: 322px; + margin: 20px 0 0 2px; + font: bold 11px Arial; + color: #666666; + text-transform: uppercase; + } + input { + float: left; + width: 309px; + height: 18px; + line-height: 13px; + padding: 7px; + margin: 5px 0 0 0; + background: url('/images/backoffice/login/text_bkg.png') no-repeat 0 0; + border: none; + font: normal 15px Arial; + color: #333333; + &[type="password"] { + font-weight: bold; + } + &.error { + background-position: 0 -32px; + } + } + p.error { + float: left; + width: 256px; + height: 33px; + margin: 20px 0 0 1px; + padding: 19px 0 0 65px; + background: url('/images/backoffice/login/error_bkg.png') no-repeat 0 0; + font: normal 13px Arial; + color: white; + &.margin { + height: 42px; + padding-top: 10px; + } + a { + color: white; + text-decoration: underline; + } + } + } + &.bottom_data { + float: left; + width: 400px; + height: 76px; + background: url('/images/backoffice/login/bottom_login.png') no-repeat scroll top left; + input { + float: left; + width: 98px; + height: 32px; + padding: 0; + margin: 22px 0 0 39px; + background: url('/images/backoffice/login/submit_bkg.png') no-repeat 0 0; + border: none; + text-align: center; + font: normal 19px "Museo Sans","Arial"; + color: white; + text-shadow: 0 1px #96272D; + &:hover { + background-position: 0 -32px; + cursor: pointer; + } + } + a { + float: right; + height: 32px; + margin: 22px 40px 0 0; + font-size: 15px; + color: red; + text-decoration: underline; + line-height: 32px; + } + } + } + } + } + &.passwords div.main div.med_data h3, &.login div.main div.med_data p { + float: left; + width: 322px; + margin: 20px 0 0 2px; + font: normal 15px Arial; + color: #666666; + } + &.passwords div.main div.med_data h3 { + font-weight: bold; + } + &.one { + float: left; + width: 307px; + height: 143px; + margin: 20px 10px 0 0; + padding: 30px 0 0 0; + background: url('/images/backoffice/dashboard/one_top.png') no-repeat 0 0; + &.last { + margin: 20px 0 0 0; + } + p { + float: left; + width: 100%; + text-align: center; + font: normal 61px "Museo Sans",Arial; + color: #333333; + letter-spacing: -2px; + line-height: 59px; + } + a { + float: left; + width: 100%; + text-align: center; + font: normal 15px "Museo Sans",Arial; + color: #EB4142; + &:hover { + text-decoration: underline; + cursor: pointer; + } + &:focus { + outline: none; + } + } + p.info { + padding: 11px 0 0 0; + font: normal 15px "Museo Sans",Arial; + color: #999999; + letter-spacing: 0; + line-height: 15px; + } + } + &.med { + h2 { + float: left; + width: 100%; + font: normal 27px "Museo Sans",Arial; + color: #333333; + } + h5 { + float: left; + width: 100%; + font: normal 15px Arial; + color: #666666; + } + &.information { + h2 a { + color: #EB4142; + text-decoration: none; + &:hover { + text-decoration: underline; + } + &:focus { + outline: none; + } + } + ul { + float: left; + width: 100%; + margin: 25px 0 0 0; + li { + float: left; + width: auto; + margin: 0 30px 0 0; + label { + font: normal 11px Arial; + color: #999999; + text-transform: uppercase; + } + p { + padding: 0; + font: normal 35px "Museo Sans",Arial; + color: #333333; + letter-spacing: -1px; + } + } + } + div.info { + float: left; + width: 100%; + margin: 20px 0 0 0; + div { + &.left { + float: left; + width: auto; + p { + padding: 5px 0 0 0; + font: normal 15px Arial; + color: #666666; + } + strong { + color: #333333; + font-weight: normal; + } + p a { + color: #EB4142; + text-decoration: none; + &:hover { + text-decoration: underline; + } + } + } + &.right_graph { + float: right; + } + } + } + } + div.form_error { + width: 483px; + height: 12px; + margin: 30px 0 0 0; + padding: 20px 20px 20px 60px; + font: normal 13px Arial; + color: #FFFFFF; + background: url('/images/backoffice/common/form_error_bkg.png'); + } + } + &.bottom_grey { + float: left; + width: 942px; + height: 64px; + background: url('/images/backoffice/backgrounds/bottom_grey_long.png') no-repeat center 0; + } + &.bottom_white { + float: left; + width: 942px; + height: 13px; + background: url('/images/backoffice/backgrounds/bottom_white_long.png') no-repeat center bottom; + } + &.bottom_grey a { + float: right; + width: auto; + margin: 20px 32px 0 0; + font: normal 17px Arial; + color: #EB4142; + text-decoration: none; + &:hover { + text-decoration: underline; + } + &.published { + float: left; + margin: 20px 0 0 30px; + color: #99CC33; + text-decoration: underline; + } + &.not_published { + float: left; + margin: 20px 0 0 30px; + color: #FF6600; + text-decoration: underline; + } + } +} + +/*common right column*/ + +/*div.block div.med div.right div.export_import a:hover { +text-decoration:underline; +cursor:pointer; +} + */ + +/*header*/ + +/*login*/ + +/*Passwords*/ + +/*dashboard & main sites*/ + +/*organizations form customization*/ + +.organization div.med h2 { + float: none; +} + +div { + &.med div.form_error { + margin-top: 20px; + } + &.right.tips { + width: 286px; + div { + &.big_bubble { + float: left; + width: 220px; + height: 71px; + padding: 20px 20px 20px 33px; + margin: 0 0 0 14px; + background: url('/images/backoffice/common/big_bubble.png') no-repeat 0 0; + } + &.small_bubble { + float: left; + width: 220px; + height: 50px; + padding: 20px 20px 20px 33px; + margin: 133px 0 0 14px; + background: url('/images/backoffice/common/small_bubble.png') no-repeat 0 0; + } + h3 { + float: left; + width: 100%; + font: normal 17px "Museo Sans","Arial"; + color: #333333; + } + p { + float: left; + width: 100%; + margin: 5px 0 0 0; + font: normal 13px Arial; + color: #666666; + } + } + } + &.block.edit div { + &.top { + float: left; + width: 100%; + background: url('/images/backoffice/backgrounds/top_two_columns.png') no-repeat center 0 !important; + } + &.med { + float: left; + width: 874px; + padding: 16px 33px 28px; + background: url('/images/backoffice/backgrounds/middle_two_columns.png') repeat-y center 0 !important; + div.left { + float: left; + width: 572px; + margin: 0 0 0 2px; + div.image_container { + float: left; + width: 544px; + height: 60px; + margin: 5px 0 0 0; + padding: 10px; + background: url('/images/backoffice/donors/image_bkg.png') no-repeat 0 0; + p { + &.message { + font-style: italic !important; + color: #999999 !important; + } + float: left; + font: normal 15px Arial; + color: #666666; + width: auto; + margin: 26px 0 0 0; + a.remove { + font: normal 15px Arial; + color: #D8393D; + text-decoration: underline; + &:hover { + cursor: pointer; + } + } + } + div { + &#bttn_upload { + float: left; + position: relative; + width: 100%; + } + &#wrapper_input { + position: absolute; + top: 7px; + left: 0px; + width: 102px; + height: 26px; + overflow: hidden; + } + } + a.upload_bttn { + position: absolute; + top: 7px; + left: 0px; + width: 102px; + height: 26px; + background: url('/images/backoffice/ngos/upload_bttn.png') no-repeat 0 0; + &:hover { + background-position: 0 -26px; + } + } + img { + float: left; + max-height: 60px; + margin: 3px 15px 0 0; + } + div.field { + float: left; + width: 240px; + p { + float: left; + width: 300px; + margin: 2px 0 0 0; + font: normal 13px Arial; + color: #666666; + &.remove_link { + margin: 10px 0 0 110px; + } + } + input { + float: left; + width: 102px; + margin: 5px 0 0 0; + opacity: 0; + } + } + } + textarea { + float: left; + min-width: 548px; + max-width: 548px; + max-height: 204px; + min-height: 204px; + margin: 5px 0 0 0; + padding: 5px 8px; + background: url('/images/backoffice/donors/textarea_bkg.png') no-repeat 0 0; + border: none; + font: normal 15px Arial; + color: #333333; + &.error { + background-position: 0 -214px; + } + &:focus { + outline: none; + } + } + label { + float: left; + width: 100%; + margin: 18px 0 0 1px; + font: bold 11px Arial; + color: #999999; + text-transform: uppercase; + a.show_password_link { + font: normal 13px Arial; + color: #D8393D; + text-transform: none; + text-decoration: underline; + } + } + div { + &.common { + float: left; + width: 100%; + margin: 35px 0 0 0; + h3 { + float: left; + width: 100%; + padding: 0 0 5px 0; + font: normal 17px "Museo Sans","Arial"; + color: #333333; + text-transform: uppercase; + } + } + &.short_field { + float: left; + width: 272px; + margin: 0px 20px 0 0; + &.last { + margin: 0; + } + input[type="text"].short { + float: left; + width: 256px; + height: 18px; + margin: 5px 0 0 0; + padding: 8px; + font: normal 15px Arial; + color: #333333; + border: none; + background: url('/images/backoffice/donors/short_input.png') no-repeat 0 0; + &.error { + background-position: 0 -34px; + } + } + } + &.field { + position: relative; + float: left; + width: 419px; + margin: 0; + } + } + a.preview { + float: left; + width: auto; + margin: 43px 0 0 10px; + font: normal 14px Arial; + color: #D8393D; + text-decoration: underline; + &.no_margin { + margin: 43px 0 0 0; + } + &:hover { + color: #7F2023; + } + } + } + } + } + &.field input { + &[type="text"], &[type="password"], &[type="email"] { + float: left; + width: 403px; + height: 18px; + margin: 5px 0 0 0; + padding: 8px; + font: normal 15px Arial; + color: #333333; + border: none; + background: url('/images/backoffice/donors/long_input.png') no-repeat 0 0; + } + } + &.comboselect .chzn-container { + float: none; + margin: 5px 0 0 0; + } + &.block { + &.edit div { + &.med div.left { + div { + a span { + float: left; + width: 100%; + margin: 10px 0 0 0; + } + span { + input { + &[type="radio"], &[type="checkbox"] { + float: left; + margin: 3px 5px 0 10px; + } + } + p { + float: left; + font: normal 15px Arial; + color: #333333; + } + a.combo { + float: left; + font: normal 15px Arial; + color: #333333; + background: url('/images/backoffice/pages/option_bkg.png') no-repeat 0 4px; + padding: 0 0 0 15px; + margin: 0 0 0 13px; + &.clicked { + background: url('/images/backoffice/pages/option_bkg_selected.png') no-repeat 0 4px; + } + &:hover { + cursor: pointer; + } + } + } + &.field input[type="text"].short, input[type="password"].short { + float: left; + width: 256px; + height: 18px; + margin: 5px 0 0 0; + padding: 8px; + font: normal 15px Arial; + color: #333333; + border: none; + background: url('/images/backoffice/donors/short_input.png') no-repeat 0 0; + } + &.long_field { + float: left; + width: 100%; + input[type="text"] { + &.email, &.address { + float: left; + width: 548px; + height: 18px; + margin: 5px 0 0 0; + padding: 8px; + font: normal 15px Arial; + color: #333333; + border: none; + background: url('/images/backoffice/donors/input_address.png') no-repeat 0 0; + } + } + } + &.short_field input[type="text"].twitter { + width: 234px; + padding: 8px 8px 8px 30px; + background: url('/images/backoffice/donors/twitter_bkg.png') no-repeat 0 0; + } + &.field input[type="text"].facebook { + width: 381px; + padding: 8px 8px 8px 30px; + background: url('/images/backoffice/donors/facebook_input.png') no-repeat 0 0; + } + &.long_field a { + &.check.show_password { + display: none; + } + &#reset_password { + float: right; + margin: 16px 10px; + } + } + &.field a.check, &.long_field a.check { + float: left; + font: normal 15px Arial; + color: #333333; + text-decoration: none; + background: url('/images/backoffice/sites/project_tipo_check.png') no-repeat 0 4px; + padding: 0 0 0 15px; + margin: 15px 0; + height: 14px; + } + &.field { + div.options { + padding-left: 15px; + a.check { + clear: left; + margin: 9px 0; + } + } + a.check.selected { + background: url('/images/backoffice/sites/project_tipo_checked.png') no-repeat 0 4px; + } + } + &.long_field a.check.selected { + background: url('/images/backoffice/sites/project_tipo_checked.png') no-repeat 0 4px; + } + &.final { + float: left; + width: 100%; + } + } + input { + &[type="submit"], &[type="button"] { + float: right; + width: 157px; + height: 32px; + margin: 20px 8px 0 0; + text-indent: -9999px; + font-size: 0; + display: block; + line-height: 0; + background: url('/images/backoffice/donors/save_changes.png') no-repeat 0 0; + border: none; + } + &[type="submit"] { + &:hover { + background-position: 0 -32px; + cursor: pointer; + } + &.error { + background: url('/images/backoffice/donors/save_changes.png') no-repeat 0 -64px; + &:hover { + background: url('/images/backoffice/donors/save_changes.png') no-repeat 0 -96px; + cursor: pointer; + } + } + } + } + div { + &.short_field input.error, &.field input.error { + width: 379px; + padding: 8px 32px 8px 8px; + background-position: 0 -34px; + } + } + span.field_error { + position: absolute; + bottom: 10px; + right: 10px; + margin: 0; + padding: 0; + width: auto; + a.error { + float: right; + width: 14px; + height: 14px; + background: url('/images/backoffice/icons/error.png') no-repeat scroll top left; + &:hover { + cursor: pointer; + } + } + div.error_msg { + position: absolute; + display: none; + top: -9px; + left: -9px; + width: 200px; + p { + position: relative; + float: left; + width: auto; + height: 31px; + padding: 0 0 0 27px; + background: url('/images/backoffice/common/left_error.png') no-repeat scroll top left; + span { + position: relative; + float: left !important; + height: 15px; + padding: 8px 10px 8px 2px; + margin: 0 !important; + display: block; + background: url('/images/backoffice/common/right_error.png') no-repeat right 0; + font: normal 13px Arial; + color: #333333; + } + } + } + } + } + &.bottom { + float: left; + height: 15px; + width: 100%; + background: url('/images/backoffice/backgrounds/bottom_two_columns.png') no-repeat scroll top left !important; + } + } + &.donor_funded div { + &.top { + float: left; + width: 100%; + background: url('/images/backoffice/backgrounds/top_two_columns.png') no-repeat center 0 !important; + } + &.med { + float: left; + width: 880px; + padding: 16px 31px 28px; + background: url('/images/backoffice/backgrounds/middle_two_columns.png') repeat-y center 0 !important; + div.left { + float: left; + width: 572px; + p { + float: left; + width: 100%; + font: normal 15px Arial; + color: #666666; + } + ul { + float: left; + width: 100%; + margin: 20px 0 0 0; + border-top: 1px solid #CCCCCC; + li { + float: left; + width: 100%; + height: 71px; + border-bottom: 1px solid #CCCCCC; + &.last { + border: none; + } + span { + float: left; + width: 404px; + height: 71px; + h3 { + float: left; + width: 100%; + margin: 15px 0 0 0; + a { + font: bold 17px Arial; + color: #E93E3F; + text-decoration: none; + &:hover { + text-decoration: underline; + } + } + } + p { + height: auto; + background: none; + text-align: left; + padding: 5px 0 0 13px; + &.active { + background: url('/images/backoffice/icons/color_circles.png') no-repeat 0 -13px; + } + &.closed { + background: url('/images/backoffice/icons/color_circles.png') no-repeat 0 9px; + } + } + } + p { + float: left; + width: 148px; + height: 45px; + padding: 26px 10px 0 10px; + margin: 0; + background: #F7F7F7; + text-align: center; + &.more { + padding: 20px 10px 0 10px; + height: 51px; + } + a { + font: normal 14px Arial; + color: #E93E3F; + text-decoration: none; + &:hover { + text-decoration: underline; + } + } + } + } + } + } + } + &.bottom_projects_org { + float: left; + height: 61px; + width: 100%; + background: url('/images/backoffice/backgrounds/bottom_paginate.png') no-repeat left bottom !important; + div.pagination { + float: left; + width: auto; + padding: 0; + margin: 0 0 0 30px !important; + em { + float: left; + padding: 20px 10px 7px; + background: url('/images/backoffice/donors/page_selected.jpg') no-repeat center bottom; + font: normal 15px "Museo Sans",Arial; + color: #333333; + } + a { + float: left; + margin: 0; + padding: 20px 10px 7px 10px; + font: normal 15px "Museo Sans",Arial; + color: #E93E3F; + line-height: 15px; + text-transform: uppercase; + &:hover { + color: #333333; + text-decoration: none; + } + } + span { + &.disabled { + display: none; + } + &.gap { + float: left; + height: 34px; + border-bottom: 1px dotted #EA3C44; + padding: 0; + } + } + } + } + } + } + &.two_donors { + float: left; + width: 583px; + height: 100px; + margin: 20px 10px 0 0; + padding: 40px 30px 0; + background: url('/images/backoffice/donors/two_donors.png') no-repeat 0 0; + &.big { + height: 140px; + background: url('/images/backoffice/donors/two_donors_big.png') no-repeat 0 0; + } + label { + float: left; + margin: 0 0 0 3px; + font: bold 11px Arial; + color: #999999; + } + form { + float: left; + position: relative; + width: 100%; + } + input { + &[type="text"] { + float: left; + width: 559px; + height: 21px; + margin: 5px 0 0 0; + padding: 8px; + font: normal 17px Arial; + color: #CCCCCC; + border: none; + background: url('/images/backoffice/donors/input_bkg.jpg') no-repeat 0 0; + } + &[type="submit"] { + position: absolute; + width: 15px; + height: 15px; + right: 20px; + top: 28px; + background: url('/images/backoffice/donors/lens.jpg') no-repeat 0 0; + border: none; + &:hover { + background-position: 0 -15px; + cursor: pointer; + } + } + } + } + &.one_donor { + float: left; + width: 288px; + height: 180px; + margin: 20px 0 0 0; + padding: 0; + background: url('/images/backoffice/donors/one_donor.png') no-repeat 0 0; + &.big { + background: url('/images/backoffice/donors/one_donor_big.png') no-repeat 0 0; + } + div.center { + float: left; + width: 100%; + text-align: center; + } + p { + float: left; + margin: 20px 5px 0 0; + width: auto; + font: normal 43px "Museo Sans",Arial; + color: #333333; + } + label { + float: left; + font: normal 15px "Museo Sans",Arial; + color: #666666; + margin: 24px 0 0 0; + text-align: left; + } + a { + float: left; + width: 152px; + height: 28px; + margin: 7px 0 0 46px; + padding: 4px 0 0 40px; + background: url('/images/backoffice/donors/add_donor.png') no-repeat 0 0; + font: normal 19px "Museo Sans",Arial; + color: white; + text-shadow: 0 1px #5C7C31; + &:hover { + background-position: 0 -32px; + } + &.import_csv { + float: left; + width: 165px; + height: 26px; + margin: 3px 0 0 46px; + padding: 6px 0 0 27px; + background: url('/images/backoffice/projects/import_csv_bttn.png') no-repeat 0 0; + font: normal 19px "Museo Sans",Arial; + color: white; + text-shadow: 0 1px #000000; + &:hover { + background-position: 0 -32px; + } + } + } + } + &.med { + &.offices_list h2 a.remove, &.donors_list h2 a.remove { + padding: 0 10px 0 0; + color: #333333; + border-bottom: 1px dotted #EB4142; + background: url('/images/backoffice/icons/red_x.png') no-repeat right 17px; + } + &.offices_list h2 a.remove:hover, &.donors_list h2 a.remove:hover { + border-bottom: 1px solid #EB4142; + text-decoration: none; + } + &.offices_list ul, &.donors_list ul { + float: left; + width: 100%; + padding: 0; + margin: 23px 0 0 0; + border-top: 1px solid #CCCCCC; + } + &.offices_list ul li, &.donors_list ul li { + float: left; + width: 100%; + padding: 0; + margin: 0; + border-bottom: 1px solid #CCCCCC; + height: 71px; + } + &.offices_list ul li.last, &.donors_list ul li.last { + border: none; + } + &.offices_list ul li h3, &.donors_list ul li h3 { + float: left; + width: 546px !important; + height: 71px; + margin: 0; + padding: 27px 0; + display: inline; + } + &.offices_list ul li h3 { + width: 400px !important; + a { + font: bold 17px Arial; + color: #E93E3F; + } + } + &.donors_list ul li h3 a { + font: bold 17px Arial; + color: #E93E3F; + } + &.offices_list ul li h3 a:hover, &.donors_list ul li h3 a:hover { + text-decoration: underline; + } + &.offices_list ul li p, &.donors_list ul li p { + float: left; + width: 167px; + height: 41px; + padding: 30px 0 0 0; + margin: 0; + font: normal 13px Arial; + color: #666666; + text-align: center; + } + &.offices_list ul li p a, &.donors_list ul li p a { + padding: 0; + font: normal 13px Arial; + color: #EB4142; + } + &.offices_list ul li p a:hover, &.donors_list ul li p a:hover { + text-decoration: underline; + } + &.offices_list ul li p.red, &.donors_list ul li p.red { + background: #f7f7f7; + } + &.offices_list { + ul li p.red { + width: 300px; + } + div.no_results { + float: left; + width: 100%; + padding: 70px 0 80px; + } + } + &.donors_list div.no_results { + float: left; + width: 100%; + padding: 70px 0 80px; + } + &.offices_list div.no_results h2, &.donors_list div.no_results h2 { + float: left; + width: 100%; + text-align: center; + } + &.offices_list div.no_results p, &.donors_list div.no_results p { + float: left; + width: 100%; + margin: 6px 0 0 0; + text-align: center; + font: normal 17px Arial; + color: #666666; + } + &.offices_list div.no_results p a, &.donors_list div.no_results p a { + color: #E93E3F; + text-decoration: underline; + } + &.offices_list div.no_results p a:hover, &.donors_list div.no_results p a:hover { + color: #7F2023; + } + } + &.bottom_grey div.pagination { + float: right; + width: auto; + padding: 0; + margin: 0 30px 0 0 !important; + em { + float: left; + padding: 20px 10px 7px; + background: url('/images/backoffice/donors/page_selected.jpg') no-repeat center bottom; + font: normal 15px "Museo Sans",Arial; + color: #333333; + } + a { + float: left; + margin: 0; + padding: 20px 10px 7px 10px; + font: normal 15px "Museo Sans",Arial; + color: #E93E3F; + line-height: 15px; + text-transform: uppercase; + &:hover { + color: #333333; + text-decoration: none; + } + } + span { + &.disabled { + display: none; + } + &.gap { + float: left; + height: 34px; + border-bottom: 1px dotted #EA3C44; + padding: 0; + } + } + } + &.block.edit div.med div.left { + div.specific_edit { + float: left; + width: 526px; + height: 312px; + margin: 30px 0 0 0; + padding: 20px; + background: url('/images/backoffice/ngos/edit_specific_bkg.png') no-repeat 0 0; + span { + float: left; + width: 100%; + } + h3 { + float: left; + font: normal 17px "Museo Sans",Arial; + color: #333333; + } + p.paylock { + float: right; + padding: 2px 24px 0 0; + font: normal 13px Arial; + color: #333333; + background: url('/images/backoffice/ngos/paylock.png') no-repeat right -21px; + &.open { + background-position: right -21px; + } + &.close { + background-position: right 0; + } + &.disabled { + background-position: right -43px; + color: #999999; + } + a { + color: #E93E3F; + text-decoration: underline; + &:hover { + color: #7F2023; + } + } + } + div { + &.field { + float: left; + width: 397px; + } + &.short_field { + float: left; + width: 252px; + margin: 0 20px 0 0; + } + &.last { + margin: 0; + } + &.tiny_field { + float: right; + width: 109px; + } + label { + margin-left: 3px; + font: normal 11px Arial; + color: #333333; + } + &.short_field input[type="text"] { + width: 236px; + background: url('/images/backoffice/ngos/med_input.png') no-repeat 0 0; + } + &.tiny_field input[type="text"] { + float: left; + width: 93px; + height: 18px; + margin: 5px 0 0 0; + padding: 8px; + font: normal 15px Arial; + color: #333333; + border: none; + background: url('/images/backoffice/ngos/small_input.png') no-repeat 0 0; + } + &.field input[type="text"] { + width: 381px; + background: url('/images/backoffice/ngos/long_input.png') no-repeat 0 0; + &.short { + width: 236px; + background: url('/images/backoffice/ngos/med_input.png') no-repeat 0 0; + } + } + } + &.disabled { + height: auto; + padding: 0; + background: none; + h3 { + color: #999999; + } + div { + &.top { + float: left; + width: 566px; + height: 20px; + background: url('/images/backoffice/ngos/top_specific_edit.png') no-repeat 0 0 !important; + } + &.med { + float: left; + width: 526px; + height: auto; + padding: 0 20px; + background: url('/images/backoffice/ngos/med_specific_edit_disabled.png') repeat-y 0 0 !important; + input { + background-position: 0 -34px !important; + color: #CBCCC6; + } + label { + color: #CBCCC6; + } + } + &.bottom { + float: left; + width: 566px; + height: 20px; + background: url('/images/backoffice/ngos/bottom_specific_edit.png') no-repeat 0 0 !important; + } + } + } + &.closed { + height: auto; + padding: 0; + background: none; + h3 { + color: #333333; + } + div { + &.top { + float: left; + width: 566px; + height: 20px; + background: url('/images/backoffice/ngos/top_specific_edit.png') no-repeat 0 0 !important; + } + &.med { + float: left; + width: 526px; + height: auto; + padding: 0 20px; + background: url('/images/backoffice/ngos/med_specific_edit_disabled.png') repeat-y 0 0 !important; + input { + background-position: 0 -34px !important; + color: #CBCCC6; + } + label { + color: #CBCCC6; + } + } + } + input { + &.twitter { + width: 214px; + padding: 8px 8px 8px 30px; + background: url('/images/backoffice/ngos/twitter_input.png') no-repeat 0 -34px !important; + } + &.facebook { + width: 359px !important; + padding: 8px 8px 8px 30px; + background: url('/images/backoffice/ngos/facebook_input.png') no-repeat 0 -34px !important; + } + &.people { + width: 200px !important; + padding: 8px 44px 8px 8px; + background: url('/images/backoffice/ngos/people_input.png') no-repeat 0 -34px !important; + } + &.budget { + width: 214px !important; + padding: 8px 30px 8px 8px; + background: url('/images/backoffice/ngos/budget_input.png') no-repeat 0 -34px !important; + } + } + div.bottom { + float: left; + width: 566px; + height: 20px; + background: url('/images/backoffice/ngos/bottom_specific_edit.png') no-repeat 0 0 !important; + } + textarea { + max-width: 508px !important; + min-width: 508px !important; + max-height: 198px !important; + min-height: 198px !important; + padding: 8px; + background: url('/images/backoffice/ngos/textarea_bkg.png') no-repeat 0 -214px !important; + color: #CCCCCC; + } + div.image_container { + width: 506px; + height: 62px; + background: url('/images/backoffice/ngos/logo_bkg.png') no-repeat 0 -82px; + } + } + &.enabled { + height: auto; + padding: 0; + background: none; + p.paylock { + background-position: right -21px; + } + h3 { + color: #333333; + } + div { + &.top { + float: left; + width: 566px; + height: 20px; + background: url('/images/backoffice/ngos/top_specific_edit.png') no-repeat 0 -20px !important; + } + &.med { + float: left; + width: 526px; + height: auto; + padding: 0 20px; + background: url('/images/backoffice/ngos/med_specific_edit_enabled.png') repeat-y 0 0 !important; + input { + background-position: 0 0; + color: #333333; + } + label { + color: #333333; + } + } + } + input { + &.twitter { + width: 214px; + padding: 8px 8px 8px 30px; + background: url('/images/backoffice/ngos/twitter_input.png') no-repeat 0 0 !important; + } + &.facebook { + width: 359px !important; + padding: 8px 8px 8px 30px; + background: url('/images/backoffice/ngos/facebook_input.png') no-repeat 0 0 !important; + } + &.people { + width: 200px !important; + padding: 8px 44px 8px 8px; + background: url('/images/backoffice/ngos/people_input.png') no-repeat 0 0 !important; + } + &.budget { + width: 214px !important; + padding: 8px 30px 8px 8px; + background: url('/images/backoffice/ngos/budget_input.png') no-repeat 0 0 !important; + } + } + div.bottom { + float: left; + width: 566px; + height: 20px; + background: url('/images/backoffice/ngos/bottom_specific_edit.png') no-repeat 0 -20px !important; + } + textarea { + max-width: 508px !important; + min-width: 508px !important; + max-height: 198px !important; + min-height: 198px !important; + padding: 8px; + background: url('/images/backoffice/ngos/textarea_bkg.png') no-repeat 0 0 !important; + color: #333333; + } + div.image_container { + width: 506px; + height: 62px; + background: url('/images/backoffice/ngos/logo_bkg.png') no-repeat 0 0; + } + } + } + ul.themes { + float: left; + width: 100%; + margin: 15px 0 0 0; + li { + position: relative; + float: left; + width: 157px; + height: 136px; + padding: 10px; + margin: 0 15px 0 0; + background: url('/images/backoffice/sites/theme_bkg.png') no-repeat 0 0; + &:hover { + background-position: 0 -156px; + cursor: pointer; + } + &.last { + margin: 0; + } + &.selected { + background-position: 0 -156px; + } + a.preview { + position: absolute; + display: none; + bottom: 0; + right: 0; + width: 93px; + height: 24px; + text-indent: -9999px; + background: url('/images/backoffice/sites/preview_site.png') no-repeat 0 0; + } + &.selected { + a.preview { + display: block; + &:hover { + cursor: pointer; + } + } + span.ready { + position: absolute; + top: 46px; + left: 61px; + width: 54px; + height: 54px; + background: url('/images/backoffice/sites/ready.png') no-repeat 0 0; + } + } + } + } + div.partner { + position: relative; + float: left; + width: 396px; + padding: 10px; + margin: 10px 0 0 0; + background: url('/images/backoffice/sites/partner_bkg.png') no-repeat 0 0; + img { + float: left; + margin: 0 15px 0 0; + } + p { + float: left; + width: 250px; + margin: 5px 0 0 0; + font: normal 15px Arial; + color: #333333; + a { + float: left; + width: auto; + font: normal 15px Arial; + color: #333333; + } + &.bottom { + font-size: 13px; + color: #666666; + a { + font-size: 13px; + color: #666666; + &:hover { + text-decoration: underline; + } + } + } + } + a.delete { + position: absolute; + right: 15px; + top: 30px; + width: 15px; + height: 16px; + background: url('/images/backoffice/icons/close_bkg.png') no-repeat 0 0; + text-indent: -9999px; + font-size: 0; + display: block; + line-height: 0; + &:hover { + background-position: 0 -16px; + } + } + } + span.add_partner { + float: left; + width: 565px; + height: 53px; + background: url('/images/backoffice/sites/add_partner_bkg.png') no-repeat 0 0; + p { + float: left; + margin: 17px 0 0 15px; + font: normal 15px Arial; + color: #333333; + } + a { + float: right; + width: 132px; + height: 32px; + margin: 11px 15px 0 0; + padding: 0; + text-indent: -9999px; + background: url('/images/backoffice/sites/add_partner_button.png') no-repeat 0 0; + &:hover { + background-position: 0 -32px; + cursor: pointer; + } + } + } + p.map { + font: normal 13px Arial; + color: #999999; + } + div.outer_map { + position: relative; + width: 558px; + height: 293px; + margin: 10px 0 0 0; + padding: 2px !important; + background: url('/images/backoffice/sites/back_map.jpg') no-repeat 0 0; + div#map { + float: left; + width: 100%; + height: 100%; + } + a { + &#zoomIn { + position: absolute; + width: 26px; + height: 25px; + left: 10px; + top: 10px; + background: url('/images/sites/maps/zoom_in.png') no-repeat 0 0; + z-index: 100; + &:hover { + background-position: 0 -25px; + } + } + &#zoomOut { + position: absolute; + width: 26px; + height: 25px; + left: 40px; + top: 10px; + background: url('/images/sites/maps/zoom_out.png') no-repeat 0 0; + z-index: 100; + &:hover { + background-position: 0 -25px; + } + } + } + } + form { + div.list_combo { + float: left; + width: 419px; + height: auto; + position: relative; + } + ul.list_combo_content { + position: absolute; + top: 35px; + width: 419px; + display: none; + left: 0; + z-index: 10; + li { + &.first { + float: left; + width: 419px; + height: 4px; + margin: 0; + background: url('/images/backoffice/projects/top_content_combo_large.png') no-repeat 0 0; + padding: 0; + } + &.element { + float: left; + margin: 0; + background: url('/images/backoffice/projects/repeat_content_combo_large.png') no-repeat 0 0; + width: 407px; + height: 22px; + padding: 5px 0 0 12px; + position: relative; + p { + &.project_name { + float: left; + font: normal 15px Arial; + color: #333333; + width: auto; + } + &.amount_projects { + position: absolute; + top: 7px; + right: 10px; + font: normal 13px Arial; + color: #666666; + width: auto; + } + } + &:hover { + cursor: pointer; + background: url('/images/backoffice/projects/repeat_content_combo_large_hover.png') no-repeat 0 0; + } + } + &.last { + float: left; + width: 419px; + height: 7px; + margin: 0; + background: url('/images/backoffice/projects/bottom_content_combo_large.png') no-repeat 0 0; + padding: 0; + &:hover { + background: url('/images/backoffice/projects/bottom_content_combo_large.png') no-repeat 0 0; + } + } + } + } + span { + &.combo_large { + float: left; + margin: 5px 0 0 0; + background: url('/images/backoffice/projects/large_combo_head.png') no-repeat 0 0; + width: 410px; + height: 24px; + font: normal 13px Arial; + color: #999999; + padding: 9px 0 0 11px; + position: relative; + a.organization { + position: absolute; + top: 10px; + left: 12px; + width: 374px; + height: 19px; + font: normal 13px Arial; + color: #999999; + &:hover { + cursor: pointer; + } + } + &.displayed { + background: url('/images/backoffice/projects/large_combo_head_displayed2.png') no-repeat 0 0; + } + } + &.blog { + &.selected { + float: left; + width: 569px; + height: 82px; + background: url('/images/backoffice/sites/blog_bkg.png') no-repeat center 0; + } + float: left; + height: auto; + background: none; + input[type="checkbox"] { + margin: 13px 0 0 10px; + display: block !important; + visibility: visible; + } + } + input[type="checkbox"] { + visibility: visible; + } + &.blog { + p { + margin: 10px 0 0 6px; + width: 200px; + } + input[type="text"] { + position: relative; + margin: 5px 0 0 23px !important; + } + } + } + } + } + &#manage_partners { + position: absolute; + display: none; + top: 0; + left: 0; + width: 372px; + height: 409px; + padding: 20px 25px; + background: url('/images/backoffice/sites/add_partner_window.png') no-repeat 0 0; + z-index: 1000; + a.close { + position: absolute; + right: 20px; + top: 18px; + width: 12px; + height: 12px; + background: url('/images/backoffice/icons/close_window.png') no-repeat 0 0; + text-indent: -9999px; + &:hover { + cursor: pointer; + background-position: 0 -12px; + } + } + h3 { + float: left; + font: normal 21px "Museo Sans",Arial; + color: #333333; + } + label { + font: normal 11px Arial; + color: #333333; + } + div { + &.field { + float: left; + width: 100%; + padding: 0 0 15px; + } + &.image_container { + float: left; + width: 100%; + padding: 0; + margin: 0; + background: none; + span.white { + background: white; + width: 117px; + height: 60px; + } + p { + float: left; + width: auto; + margin: 5px 0 0 0; + font: normal 13px Arial; + color: #666666; + } + input[type="file"] { + margin: 5px 0 0 0; + color: #666666; + } + } + } + input[type="submit"] { + width: 132px; + height: 32px; + margin: 25px 0 0 0; + text-indent: -9999px; + background: url('/images/backoffice/sites/add_partner_button.png') no-repeat 0 0; + &:hover { + background-position: 0 -32px; + } + } + } + &.long_search { + float: left; + width: 937px; + height: auto; + margin: 20px 10px 0 0; + span.top { + float: left; + width: 942px; + height: 9px; + background: url('/images/backoffice/backgrounds/top_long.png') no-repeat 0 0; + } + div.content { + float: left; + width: 882px; + height: auto; + background: url('/images/backoffice/backgrounds/mid_long.png') repeat-y 0; + padding: 15px 30px 10px; + &.padding { + padding: 25px 30px 25px !important; + } + } + } + &.activity .long_search div.content.padding { + padding: 13px 30px 25px !important; + } + &.long_search { + span.bottom { + float: left; + width: 942px; + height: 13px; + background: url('/images/backoffice/backgrounds/bottom_white_long.png') no-repeat 0 0; + } + ul.combos { + float: left; + width: 800px; + height: 60px; + margin: 20px 0 0 0; + li.comboselect { + float: left; + width: 190px; + height: 100%; + &.status { + width: 190px; + } + &.date { + width: 140px; + .chzn-container-single .chzn-single span { + display: inline-block; + } + } + span.combo { + float: left; + margin: 6px 0 0 0; + background: url('/images/backoffice/projects/single_combo_head.png') no-repeat 0 0; + font: normal 13px Arial; + color: #333333; + text-decoration: none; + width: 134px; + height: 24px; + padding: 8px 0 0 11px; + position: relative; + &:focus { + outline: none; + } + p { + width: 130px; + } + ul.elements { + display: none; + } + &.clicked { + background: url('/images/backoffice/projects/combos/index_search_head.png') no-repeat 0 0; + width: 135px; + position: relative; + div.elements_content { + position: absolute; + top: 31px; + left: 0; + display: inline; + background: url('/images/backoffice/projects/combos/body_combo_search.png') no-repeat 0 0; + width: 148px; + height: 198px; + z-index: 50; + } + ul.elements { + float: left; + width: 148px; + height: 194px; + overflow-x: hidden; + overflow-y: auto; + display: inline; + li { + float: left; + width: 88px; + height: auto; + padding: 5px 30px 5px 12px; + margin: 0 0 0 1px; + &:hover { + background-color: #E4F0CA; + } + } + } + } + ul.elements.short { + display: none; + } + &.clicked ul.elements.short { + position: absolute; + top: 31px; + left: -1px; + display: inline; + width: 148px; + height: auto; + background: none; + z-index: 50; + li { + float: left; + width: 120px; + height: auto; + background: url('/images/backoffice/projects/combos/index_search_content.png') repeat-y 0; + padding: 5px 5px 5px 12px; + margin: 0 0 0 1px; + &:hover { + float: left; + width: 264px; + background: url('/images/backoffice/projects/combos/index_search_content_hover.png') repeat-y 0; + } + &.first { + float: left; + width: 135px; + height: 6px; + background: url('/images/backoffice/projects/combos/index_search_content_first.png') no-repeat 0 0; + margin: 0 0 0 0 1px; + padding: 0; + } + &.last { + float: left; + width: 135px; + height: 6px; + background: url('/images/backoffice/projects/combos/index_search_bottom.png') no-repeat 0 0; + &:hover { + background: url('/images/backoffice/projects/combos/index_search_bottom.png') no-repeat 0 0; + } + } + } + } + &:hover { + cursor: pointer; + } + } + label { + display: block; + clear: both; + width: 104px; + margin-bottom: 7px; + } + } + } + } +} + +/*settings*/ + +/*donors-NGO edit&new&settings*/ + +/*donors funded projects*/ + +/*donors search*/ + +/*specific NGO*/ + +/*site customize*/ + +/*search*/ + +.chzn-container-single .chzn-single { + line-height: 30px !important; +} + +div { + .chzn-container .chzn-results li { + color: #333; + &.active-result:hover { + color: #fff; + } + } + #status_chzn .chzn-search { + display: none; + } + &.long_search { + label { + float: left; + margin: 0 0 0 3px; + font: bold 11px Arial; + color: #999999; + } + form.search { + float: left; + position: relative; + width: 100%; + } + input { + &[type="text"].main_search { + float: left; + width: 832px; + height: 29px; + margin: 5px 0 0 0; + padding: 7px 36px 5px 10px; + font: normal 17px Arial; + color: #333; + border: none; + background: url('/images/backoffice/projects/long_search.png') no-repeat 0 0; + line-height: 27px; + } + &[type="submit"] { + position: absolute; + width: 152px; + height: 41px; + right: 5px; + top: 17px; + background: url('/images/backoffice/common/search.png') no-repeat 0 0; + border: none; + &:hover { + background-position: 0 -41px; + cursor: pointer; + } + } + } + } + &.one_project { + float: left; + width: 288px; + height: 140px; + margin: 20px 0 0 0; + padding: 0; + span.top { + float: left; + width: 288px; + height: 8px; + background: url('/images/backoffice/backgrounds/one_box_top.png') no-repeat 0 0; + } + div.content { + float: left; + width: 288px; + height: auto; + padding: 0 0 26px; + background: url('/images/backoffice/backgrounds/one_box_content.png') repeat-y 0; + } + span.bottom { + float: left; + width: 288px; + height: 15px; + background: url('/images/backoffice/backgrounds/one_box_bottom.png') no-repeat 0 0; + } + div.center { + float: left; + width: 100%; + text-align: center; + } + p { + float: left; + margin: 12px 5px 0 0; + width: auto; + font: normal 43px "Museo Sans",Arial; + color: #333333; + } + label { + float: left; + font: normal 15px "Museo Sans",Arial; + color: #666666; + margin: 15px 0 0 0; + text-align: left; + } + } +} + +a { + &.add_project { + float: left; + width: 127px; + height: 26px; + margin: 0 10px 0 0; + padding: 6px 0 0 0; + background: url('/images/backoffice/projects/green_new.png') no-repeat 0 0; + font: normal 19px "Museo Sans",Arial; + color: white; + text-shadow: 0 1px #5C7C31; + text-align: center; + &:hover { + background-position: 0 -32px; + } + } + &.import_csv { + float: left; + width: 153px; + height: 26px; + margin: 0; + padding: 6px 0 0 0; + background: url('/images/backoffice/projects/import_csv_bttn.png') no-repeat 0 0; + font: normal 19px "Museo Sans",Arial; + color: white; + text-shadow: 0 1px #000000; + text-align: center; + &:hover { + background-position: 0 -32px; + } + } +} + +div { + &.med { + &.projects_list { + h2 a.remove { + padding: 0 10px 0 0; + color: #333333; + border-bottom: 1px dotted #EB4142; + background: url('/images/backoffice/icons/red_x.png') no-repeat right 17px; + &:hover { + border-bottom: 1px solid #EB4142; + text-decoration: none; + } + } + ul { + float: left; + width: 100%; + padding: 0; + margin: 23px 0 0 0; + border-top: 1px solid #CCCCCC; + li { + float: left; + width: 100%; + padding: 0; + margin: 0; + border-bottom: 1px solid #CCCCCC; + height: 71px; + } + } + } + .projects_list { + ul li { + &.last { + border: none; + } + h3 a { + font: bold 17px Arial; + color: #E93E3F; + &:hover { + text-decoration: underline; + } + } + div { + &.project_name { + float: left; + width: 443px; + height: 71px; + } + &.project_name_long { + width: 610px; + } + &.project_name { + h3 { + float: left; + width: 100%; + padding: 17px 0 0 0; + } + a.project_status { + float: left; + margin: 2px 0 0 0; + font: normal 13px Arial; + color: #666666; + padding: 0 0 0 12px; + &.active { + background: url('/images/backoffice/projects/active_icon.png') no-repeat 0 3px; + } + &.closed { + background: url('/images/backoffice/projects/closed_icon.png') no-repeat 0 3px; + } + } + } + &.box { + float: left; + height: 50px; + width: 167px; + padding: 21px 0 0 0; + &.little { + width: 135px; + } + &.single { + padding: 28px 0 0 0; + height: 43px; + } + &.red, &.gray { + background: #f7f7f7; + } + } + } + } + div.no_results { + float: left; + width: 100%; + padding: 70px 0 80px; + h2 { + float: left; + width: 100%; + text-align: center; + } + p { + float: left; + width: 100%; + margin: 6px 0 0 0; + text-align: center; + font: normal 17px Arial; + color: #666666; + a { + color: #E93E3F; + text-decoration: underline; + &:hover { + color: #7F2023; + } + } + } + } + table { + float: left; + width: 100%; + margin: 23px 0 0 0; + border-top: 1px solid #CCCCCC; + border-collapse: collapse; + tr { + width: 100%; + td { + height: 110px; + padding: 0 10px; + border-bottom: 1px solid #E5E5E5; + &.center { + text-align: center; + } + p { + font: normal 13px Arial !important; + color: #666666; + &.margin { + margin: 5px 0 0 0; + } + } + &.odd { + background: #F7F7F7; + } + } + &:last-child td { + border-bottom: none; + } + h3 { + font: normal 17px Arial; + color: #666666; + a { + font: bold 17px Arial; + color: #E93E3F; + &:hover { + text-decoration: underline; + } + } + } + a.project_status { + float: left; + font: normal 13px Arial; + color: #666666; + padding: 0 4px 0 12px; + &.active { + background: url('/images/backoffice/projects/active_icon.png') no-repeat 0 4px; + } + &.closed { + background: url('/images/backoffice/projects/closed_icon.png') no-repeat 0 3px; + } + } + } + } + } + &.projects_list ul li p { + &.red { + color: #EB4142; + width: 147px; + margin: 0 0 0 9px; + a { + padding: 0; + font: normal 13px Arial; + color: #EB4142; + } + } + float: left; + width: 100%; + height: auto; + padding: 0; + margin: 0; + font: normal 13px Arial; + color: #666666; + text-align: center; + &.secondary { + margin: 2px 0 0 0; + padding: 0; + } + a { + padding: 0; + font: normal 13px Arial; + color: #666666; + &:hover { + text-decoration: underline; + } + } + } + } + &.block { + &.project_info div { + &.top { + float: left; + width: 100%; + background: url('/images/backoffice/backgrounds/top_two_columns.png') no-repeat center 0 !important; + } + &.med { + float: left; + width: 880px; + padding: 16px 31px 28px; + background: url('/images/backoffice/backgrounds/middle_two_columns.png') repeat-y center 0 !important; + div.left { + float: left; + width: 572px; + margin: 0 0 0 2px; + } + } + } + p.by { + float: left; + width: 100%; + font: normal 15px Arial; + color: #666666; + a { + width: auto; + font: normal 15px Arial; + color: #E93E3F; + text-decoration: none; + &:hover { + text-decoration: underline; + } + } + } + div.med div.left form { + float: left; + width: 100%; + height: auto; + margin: 5px 0 0 0; + /*padding:0 0 15px 0; + */ + position: relative; + z-index: 1; + } + &.project_info div.med div.left form { + input[type="checkbox"] { + float: left; + visibility: hidden; + width: 2px; + } + label { + position: relative; + float: left; + margin: 20px 0 0 3px; + font: bold 11px Arial; + color: #999999; + width: 100%; + text-transform: uppercase; + z-index: 1; + } + p.title { + float: left; + margin: 20px 0 0 3px; + font: bold 11px Arial; + color: #999999; + width: 100%; + span.info { + font: normal 13px Arial; + color: #999999; + width: auto; + padding: 0 5px; + } + } + span { + &.input_large { + float: left; + margin: 5px 0 0 0; + background: url('/images/backoffice/projects/input_project_large.png') no-repeat 0 0; + width: 419px; + height: 34px; + position: relative; + z-index: 5; + &.active { + background: url('/images/backoffice/projects/large_combo_head_displayed.png') no-repeat 0 0; + } + } + &.error { + background-position: 0 -34px; + } + } + } + } +} + +/*EDIT PROJECTS */ + +/*AUTOCOMPLETE - PROJECT TAGS*/ + +ul.ui-autocomplete { + &.project_tags { + position: absolute; + top: 40px; + width: 419px; + display: none; + z-index: 20; + li.ui-menu-item { + float: right; + margin: 0; + background: url('/images/backoffice/projects/repeat_content_tags.png') no-repeat 0 0; + width: 413px; + height: 22px; + font: normal 15px Arial; + color: #333333; + padding: 5px 0 0 12px; + position: relative; + &:hover { + cursor: pointer; + background: url('/images/backoffice/projects/repeat_content_tags_hover.png') no-repeat 0 0; + } + &.last { + float: right; + width: 425px; + height: 7px; + margin: 0; + background: url('/images/backoffice/projects/bottom_content_tags.png') no-repeat 0 0; + padding: 0; + } + a { + font: normal 15px Arial; + width: 100%; + } + p.info_amount { + position: absolute; + right: 20px; + top: 6px; + font: normal 13px Arial; + color: #666666; + width: auto; + } + } + } + &.donor_names { + position: absolute; + top: 40px; + width: 279px; + display: none; + z-index: 20; + left: 0; + li.ui-menu-item { + float: right; + margin: 0; + background: url('/images/backoffice/projects/donations/repeat_content_tags.png') no-repeat 0 0; + width: 257px; + height: 17px; + font: normal 15px Arial; + color: #333333; + padding: 5px 20px 0 12px; + position: relative; + &:hover { + cursor: pointer; + background: url('/images/backoffice/projects/donations/repeat_content_tags_hover.png') no-repeat 0 0; + } + &.last { + float: right; + width: 289px; + height: 7px; + margin: 0; + background: url('/images/backoffice/projects/donations/bottom_content_tags.png') no-repeat 0 0; + padding: 0; + } + a { + font: normal 13px Arial; + width: 100%; + } + } + } + &.site_tags { + position: absolute; + top: 0; + width: 502px; + display: none; + z-index: 20; + left: 0; + li.ui-menu-item { + float: right; + margin: 0; + background: url('/images/backoffice/sites/repeat_content_tags.png') no-repeat 0 0; + width: 497px; + height: 22px; + font: normal 15px Arial; + color: #333333; + padding: 5px 0 0 12px; + position: relative; + &:hover { + cursor: pointer; + background: url('/images/backoffice/sites/repeat_content_tags_hover.png') no-repeat 0 0; + } + &.last { + float: right; + width: 509px; + height: 7px; + margin: 0; + background: url('/images/backoffice/sites/bottom_content_tags.png') no-repeat 0 0; + padding: 0; + } + a { + font: normal 13px Arial; + width: 100%; + } + } + } +} + +/*END - AUTOCOMPLETE - TAGS*/ + +/*AUTOCOMPLETE - DONOR NAME*/ + +/*END - AUTOCOMPLETE - TAGS*/ + +/*AUTOCOMPLETE - FILTERING TAGS*/ + +/*END - AUTOCOMPLETE - TAGS*/ + +div { + &.block.project_info div { + &.med div.left form input[type="text"] { + float: left; + margin: 7px 0 0 7px; + width: 400px; + height: 21px; + font: normal 15px Arial; + color: #333333; + border: none; + padding: 0; + border: 0px; + background: none; + } + &.bottom { + float: left; + height: 15px; + width: 100%; + background: url('/images/backoffice/backgrounds/bottom_two_columns.png') no-repeat scroll top left !important; + } + &.med div.left form { + span.textarea { + &.error { + background-position: 0 -214px; + } + float: left; + margin: 5px 0 0 0; + background: url('/images/backoffice/projects/input_project_multiple.png') no-repeat 0 0; + width: 564px; + height: 214px; + position: relative; + } + textarea { + position: absolute; + top: 9px; + left: 9px; + width: 546px; + height: 197px; + min-width: 546px; + max-width: 546px; + min-height: 197px; + max-height: 197px; + font: normal 15px Arial; + color: #333333; + border: none; + line-height: 17px; + &:focus { + outline: none; + } + } + div.list_combo { + float: left; + width: 419px; + height: auto; + position: relative; + } + ul.list_combo_content { + position: absolute; + top: 35px; + width: 434px; + height: 199px; + display: none; + left: 0; + z-index: 10; + background: url('/images/backoffice/projects/combos/body_combo_orgs.png') no-repeat 0 0; + overflow-x: hidden; + overflow-y: auto; + li.element { + float: left; + margin: 0 0 0 1px; + width: 404px; + height: 22px; + font: normal 15px Arial; + color: #333333; + padding: 5px 0 0 12px; + position: relative; + p { + &.project_name { + width: 310px; + } + &.amount_projects { + position: absolute; + top: 7px; + right: 30px; + font: normal 13px Arial; + color: #666666; + width: auto; + } + } + &:hover { + cursor: pointer; + background-color: #CCE599; + } + } + } + span.combo_large { + float: left; + margin: 5px 0 0 0; + background: url('/images/backoffice/projects/large_combo_head.png') no-repeat 0 0; + width: 410px; + height: 24px; + font: normal 13px Arial; + color: #999999; + padding: 9px 0 0 11px; + position: relative; + &.error { + background-position: 0 -36px; + } + a.organization { + position: absolute; + top: 10px; + left: 12px; + width: 374px; + height: 19px; + font: normal 13px Arial; + color: #999999; + &:hover { + cursor: pointer; + } + } + &.displayed { + background: url('/images/backoffice/projects/large_combo_head_displayed2.png') no-repeat 0 0; + } + &:hover { + cursor: pointer; + } + } + h3.section { + float: left; + margin: 30px 0 0 2px; + width: 100%; + font: 500 17px "Museo Sans",Arial; + color: #333333; + } + ul { + &.dates { + float: left; + width: 400px; + height: auto; + margin: 0 0 0 0; + li.date { + float: left; + width: 142px; + height: auto; + span.combo_date { + float: left; + background: url('/images/backoffice/projects/date/bkg_calendar.png') no-repeat 0 0; + width: 122px; + height: 26px; + font: normal 15px Arial; + color: #333333; + margin: 5px 0 0 0; + padding: 8px 0 0 8px; + position: relative; + &.error { + background: url('/images/backoffice/projects/date/bkg_calendar_error.png') no-repeat 0 0; + } + &:hover { + cursor: pointer; + } + div.select_dates { + display: none; + } + &.clicked { + background: url('/images/backoffice/projects/date/bkg_header_clicked_date.png') no-repeat 0 0; + &.error { + background: url('/images/backoffice/projects/date/bkg_header_clicked_date_error.png') no-repeat 0 0; + } + div.select_dates { + position: absolute; + top: 30px; + left: 0; + background: url('/images/backoffice/projects/date/bkg_date_content.png') no-repeat 0 0; + width: 335px; + height: 68px; + z-index: 20; + display: inline; + padding-left: 5px; + &.end_date { + background: url('/images/backoffice/projects/date/bkg_date_content_right.png') no-repeat 0 0; + position: absolute; + top: 30px; + left: -142px; + } + span { + &.month { + float: left; + width: 124px; + height: 51px; + margin: 10px 9px 0 10px; + } + &.day { + float: left; + width: 62px; + height: 51px; + margin: 10px 9px 0 8px; + } + &.year { + float: left; + width: 76px; + height: 51px; + margin: 10px 0 0 0; + } + } + p.title { + float: left; + margin: 0 0 0 5px; + font: normal 11px Arial; + color: #606851; + text-transform: uppercase; + width: auto; + &#month { + float: left; + margin: 12px 10px 3px 0; + width: 135px; + } + &#day { + float: left; + margin: 12px 10px 3px 0; + width: 53px; + } + &#year { + float: left; + margin: 12px 10px 3px 0; + width: 100px; + } + } + a { + font: normal 13px Arial; + color: #333333; + &:hover { + cursor: pointer; + } + &.month_combo { + float: left; + margin: 2px 0 0 0; + background: url('/images/backoffice/projects/date/month_combo.png') no-repeat 0 0; + width: 123px; + height: 23px; + padding: 9px 0 0 10px; + } + &.day_combo { + float: left; + margin: 2px 0 0 0; + background: url('/images/backoffice/projects/date/day_combo.png') no-repeat 0 0; + width: 54px; + height: 23px; + padding: 9px 0 0 10px; + } + &.year_combo { + float: left; + margin: 2px 0 0 0; + background: url('/images/backoffice/projects/date/year_combo.png') no-repeat 0 0; + width: 68px; + height: 23px; + padding: 9px 0 0 10px; + } + } + } + } + } + } + } + &.clusters { + float: left; + width: 272px; + height: auto; + margin: 0; + li { + float: left; + width: 262px; + height: 24px; + background: url('/images/backoffice/projects/bkg_cluster.png') no-repeat 0 0; + font: normal 13px Arial; + color: #333333; + padding: 6px 0 0 10px; + margin: 10px 0 0 0; + p { + float: left; + width: auto; + } + a.close { + float: right; + margin: 1px 5px 0 0; + background: url('/images/backoffice/projects/close_cluster_bttn.png') no-repeat 0 0; + width: 16px; + height: 16px; + padding: 0; + &:hover { + cursor: pointer; + } + } + } + } + &.sectors { + float: left; + width: 272px; + height: auto; + margin: 0 0 0 0; + li { + float: left; + width: 262px; + height: 24px; + background: url('/images/backoffice/projects/bkg_cluster.png') no-repeat 0 0; + font: normal 13px Arial; + color: #333333; + padding: 6px 0 0 10px; + margin: 10px 0 0 0; + p { + float: left; + width: auto; + } + a.close { + float: right; + margin: 1px 5px 0 0; + background: url('/images/backoffice/projects/close_cluster_bttn.png') no-repeat 0 0; + width: 16px; + height: 16px; + &:hover { + cursor: pointer; + } + } + } + } + &.ubications { + float: left; + width: 272px; + height: auto; + margin: 0 0 0 0; + li { + float: left; + width: 490px; + height: 24px; + background: url('/images/backoffice/projects/bkg_cluster2.png') no-repeat 0 0; + font: normal 13px Arial; + color: #333333; + padding: 6px 0 0 10px; + margin: 10px 0 0 0; + p { + float: left; + width: auto; + } + a.close { + float: right; + margin: 1px 5px 0 0; + background: url('/images/backoffice/projects/close_cluster_bttn.png') no-repeat 0 0; + width: 16px; + height: 16px; + &:hover { + cursor: pointer; + } + } + } + } + } + div.cluster_options { + float: left; + margin: 10px 0 0 0; + background: url('/images/backoffice/projects/bkg_cluster_options.png') no-repeat 0 0; + width: 411px; + height: 50px; + span.combo_cluster_options { + float: left; + margin: 10px 0 0 10px; + background: url('/images/backoffice/projects/combos/combo_add_cluster.png') no-repeat 0 0; + width: 254px; + height: 24px; + padding: 8px 0 0 10px; + p { + font: normal 13px Arial; + color: #999999; + } + ul.options { + display: none; + } + &.clicked { + background: url('/images/backoffice/projects/combos/combo_add_cluster_clicked.png') no-repeat 0 0; + ul.options { + position: absolute; + top: 32px; + left: 0; + width: 281px; + height: 197px; + display: inline; + z-index: 100; + background: url('/images/backoffice/projects/combos/body_combo_cluster.png') no-repeat 0 0; + overflow-x: hidden; + overflow-y: auto; + li { + float: left; + margin: 0 0 0 1px; + width: 240px; + height: auto; + padding: 4px 11px; + &:hover { + background-color: #E4F0CA; + } + a { + font: normal 13px Arial; + color: #666666; + text-decoration: none; + } + } + } + } + &:hover { + cursor: pointer; + } + } + a.add_cluster { + float: left; + margin: 10px 0 0 9px; + background: url('/images/backoffice/projects/add_cluster_bttn.png') no-repeat 0 0; + width: 118px; + height: 25px; + font: 500 15px "Museo Sans",Arial; + color: #FFFFFF; + text-shadow: 0 1px #6E8C30; + text-align: center; + padding: 7px 0 0 0; + &:hover { + cursor: pointer; + background-position: 0 -32px; + } + } + } + } + &.bottom { + float: left; + height: 15px; + width: 100%; + background: url('/images/backoffice/backgrounds/bottom_two_columns.png') no-repeat scroll top left !important; + } + &.med div.left form div.sector_options { + float: left; + margin: 10px 0 0 0; + background: url('/images/backoffice/projects/bkg_cluster_options.png') no-repeat 0 0; + width: 411px; + height: 50px; + span.combo_sector_options { + float: left; + margin: 10px 0 0 10px; + background: url('/images/backoffice/projects/combos/combo_add_cluster.png') no-repeat 0 0; + width: 254px; + height: 24px; + padding: 8px 0 0 10px; + p { + font: normal 13px Arial; + color: #999999; + } + ul.options { + display: none; + } + &.clicked { + background: url('/images/backoffice/projects/combos/combo_add_cluster_clicked.png') no-repeat 0 0; + ul.options { + position: absolute; + top: 32px; + left: 0; + width: 281px; + height: 197px; + display: inline; + z-index: 20; + background: url('/images/backoffice/projects/combos/body_combo_cluster.png') no-repeat 0 0; + overflow-x: hidden; + overflow-y: auto; + li { + float: left; + margin: 0 0 0 1px; + width: 240px; + height: auto; + padding: 4px 11px; + &:hover { + background-color: #E4F0CA; + } + a { + font: normal 13px Arial; + color: #666666; + text-decoration: none; + } + } + } + } + &:hover { + cursor: pointer; + } + } + a.add_sector { + float: left; + margin: 10px 0 0 9px; + background: url('/images/backoffice/projects/add_cluster_bttn.png') no-repeat 0 0; + width: 118px; + height: 25px; + font: 500 15px "Museo Sans",Arial; + color: #FFFFFF; + text-shadow: 0 1px #6E8C30; + text-align: center; + padding: 7px 0 0 0; + &:hover { + cursor: pointer; + background-position: 0 -32px; + } + } + } + &.bottom { + float: left; + height: 15px; + width: 100%; + background: url('/images/backoffice/backgrounds/bottom_two_columns.png') no-repeat scroll top left !important; + } + &.med div.left form { + div.location_options { + &.region_block { + position: relative; + } + &.empty { + float: left; + margin: 10px 0 0 0; + background: url('/images/backoffice/projects/bkg_cluster_options.png') no-repeat 0 0; + width: 411px; + height: 50px; + &.error { + width: 412px; + height: 51px; + background: url('/images/backoffice/projects/bkg_cluster_options_error.png'); + } + p.msg { + float: left; + margin: 18px 0 0 12px; + width: 269px; + font: normal 13px Arial; + color: #616851; + } + &.error p.msg { + color: white; + } + a.add_location { + float: right; + margin: 10px 10px 0 0; + background: url('/images/backoffice/projects/add_cluster_bttn.png') no-repeat 0 0; + width: 118px; + height: 25px; + font: 500 15px "Museo Sans",Arial; + color: #FFFFFF; + text-shadow: 0 1px #6E8C30; + text-align: center; + padding: 7px 0 0 0; + &:hover { + cursor: pointer; + background-position: 0 -32px; + } + } + &.error a.add_location { + width: 119px; + height: 26px; + background: url('/images/backoffice/projects/add_cluster_bttn_error.png') no-repeat 0 -2px; + &:hover { + cursor: pointer; + background-position: 0 -37px; + } + } + } + } + span.input_short { + float: left; + margin: 5px 0 0 0; + width: 272px; + height: 34px; + background: url('/images/backoffice/projects/bkg_input_short.png') no-repeat 0 0; + p.msg { + float: right; + margin: 8px 8px 0 0; + font: italic 15px Arial; + color: #999999; + } + input[type="text"] { + float: left; + margin: 8px 0 0 5px; + width: 210px; + height: 20px; + border: none; + } + } + } + } + &.region_window { + position: absolute; + display: none; + bottom: 20px; + right: -100px; + width: 358px; + z-index: 100; + div { + &.top_region { + float: left; + width: 330px; + padding: 14px 14px 0; + background: url('/images/backoffice/projects/top_region_window.png') no-repeat 0 0 !important; + } + &.bottom_region { + float: left; + width: 330px; + padding: 0 14px 40px; + background: url('/images/backoffice/projects/bottom_region_window.png') no-repeat 0 bottom !important; + } + h3 { + float: left; + width: 100%; + padding: 0 0 10px 0; + font: normal 21px "Museo Sans",Arial; + color: #333333; + } + a.close { + position: absolute; + right: 20px; + top: 18px; + width: 12px; + height: 12px; + background: url('/images/backoffice/icons/close_window.png') no-repeat 0 0; + text-indent: -9999px; + &:hover { + cursor: pointer; + background-position: 0 -12px; + } + } + p { + padding: 10px 0 0; + font: normal 13px Arial; + color: #666666; + } + img.loader { + position: absolute; + display: none; + right: 22px; + top: 131px; + } + &.level_1, &.level_2, &.level_3 { + display: none; + } + } + span.region_combo { + position: relative; + float: left; + margin: 10px 0 0 3px; + background: url('/images/backoffice/projects/combos/combo_add_cluster.png') no-repeat 0 0; + width: 254px; + height: 24px; + padding: 8px 0 0 10px; + p { + padding: 0; + margin: 0; + font: normal 13px Arial; + color: #999999; + } + ul.options { + display: none; + } + &.clicked { + background: url('/images/backoffice/projects/combos/combo_add_cluster_clicked.png') no-repeat 0 0; + ul.options { + position: absolute; + top: 32px; + left: 0; + width: 281px; + height: 197px; + display: inline; + z-index: 100; + background: url('/images/backoffice/projects/combos/body_combo_cluster.png') no-repeat 0 0; + overflow-x: hidden; + overflow-y: auto; + li { + float: left; + margin: 0 0 0 1px; + width: 240px; + height: auto; + padding: 4px 11px; + &:hover { + background-color: #E4F0CA; + } + a { + font: normal 13px Arial; + color: #666666; + text-decoration: none; + } + } + } + } + &:hover { + cursor: pointer; + } + } + a.add_location { + margin: 20px 10px 0 0 !important; + } + } + &.field_info { + position: relative !important; + float: none; + margin: 0; + padding: 0; + display: inline-block; + vertical-align: top; + zoom: 1; + *display: inline; + width: 18px; + height: 18px; + overflow: visible; + span.info { + display: inline-block; + vertical-align: top; + zoom: 1; + *display: inline; + width: 18px; + height: 18px; + text-indent: -9999px; + font-size: 0; + line-height: 0; + overflow: hidden; + background: url('/images/backoffice/icons/field_info.png') no-repeat 0 0; + &:hover { + background-position: 0 -18px; + cursor: pointer; + } + } + div.field_text { + position: absolute; + display: none; + bottom: 18px; + left: -155px; + width: 329px; + z-index: 300; + div { + &.top { + float: left; + width: 289px; + padding: 0 20px 0 !important; + margin: 0; + height: 5px; + background: url('/images/backoffice/projects/field_info.png') no-repeat 0 0 !important; + } + &.bottom { + float: left; + width: 289px; + height: auto; + padding: 0 20px 40px; + background: url('/images/backoffice/projects/field_info.png') no-repeat right bottom !important; + span.scroll { + float: left; + width: 100%; + max-height: 150px; + overflow: auto; + } + } + } + h3 { + float: left; + width: 100%; + padding: 0 0 8px 0; + margin: 10px 0 0 0; + font: normal 21px "Museo Sans",Arial; + color: white; + text-transform: none; + } + div.top a { + position: absolute; + right: 20px; + top: 18px; + width: 12px; + height: 12px; + color: white; + } + p { + padding: 10px 0 0; + font: normal 13px Arial; + color: #CCCCCC; + text-transform: none !important; + } + } + } + &.block.project_info div.med div.left form { + span.input_short.coin { + p.coin { + float: left; + margin: 10px 0 0 8px; + font: normal 15px Arial; + color: #999999; + } + input[type="text"] { + float: left; + margin: 9px 0 0 5px; + width: 240px; + height: 20px; + border: none; + } + } + div.two_columns { + float: left; + width: 100%; + height: 70px; + z-index: 0; + div { + &.left_column { + float: left; + width: 289px; + height: 90px; + z-index: 0; + } + &.right_column { + float: left; + width: 280px; + height: 90px; + z-index: 0; + } + } + } + input[type="submit"] { + background: url('/images/backoffice/projects/save_changes_bttn.png') no-repeat 0 0; + font: 500 19px "Museo Sans",Arial; + color: #FFFFFF; + text-shadow: 0 1px #6E8C30; + border: none; + text-align: center; + width: 157px; + height: 32px; + float: right; + margin: 30px 10px 0 0; + /*position:absolute; + bottom:0; + right:0; + */ + &:hover { + background-position: 0 -32px; + cursor: pointer; + } + } + } + &.map_window { + position: absolute; + display: none; + top: 0; + bottom: 0; + z-index: 200; + width: 386px; + height: 296px; + padding: 14px; + background: url('/images/backoffice/projects/add_position_bkg.png') no-repeat 0 0; + h3 { + float: left; + width: 100%; + font: normal 21px "Museo Sans",Arial; + color: #333333; + } + a.close { + position: absolute; + right: 20px; + top: 18px; + width: 12px; + height: 12px; + background: url('/images/backoffice/icons/close_window.png') no-repeat 0 0; + text-indent: -9999px; + &:hover { + cursor: pointer; + background-position: 0 -12px; + } + } + div.outer_map { + position: relative; + float: left; + width: 382px; + height: 206px; + margin: 5px 0 0 0; + padding: 2px; + background: white; + div#map { + float: left; + width: 382px; + height: 206px; + } + form.geocoder { + position: absolute !important; + top: 5px; + left: 8px; + width: 367px; + z-index: 100; + input { + &[type="text"] { + position: relative !important; + float: left; + left: 0 !important; + top: 0 !important; + width: 319px !important; + height: 18px !important; + margin: 0 !important; + padding: 8px !important; + background: url('/images/backoffice/projects/geolocate_textinput_bkg.png') no-repeat 0 0; + } + &[type="submit"] { + position: relative; + float: left !important; + width: 32px !important; + height: 34px !important; + margin: 0 !important; + background: url('/images/backoffice/projects/geolocate_submit_bkg.png') no-repeat 0 0 !important; + text-indent: -9999px; + &:hover { + background-position: 0 -34px; + } + } + } + } + } + p { + float: left; + width: 230px; + margin: 10px 0 0 0; + font: normal 13px Arial; + color: #666666; + } + a.save { + float: right; + width: 118px; + height: 32px; + margin: 9px 0 0 0; + background: url('/images/backoffice/projects/save_position.png') no-repeat 0 0; + text-indent: -9999px; + &:hover { + background-position: 0 -32px; + cursor: pointer; + } + } + } + &.block { + div.med div.left form .submit.floating { + position: fixed; + top: 500px; + left: 50%; + margin-left: 156px; + height: 55px; + width: 175px; + background: url("/images/backoffice/common/submit_tab.png") no-repeat scroll right 0 transparent; + input { + display: block; + width: 163px !important; + margin: 12px 6px !important; + } + } + &.donations_project div { + &.top { + float: left; + width: 100%; + background: url('/images/backoffice/backgrounds/top_two_columns.png') no-repeat center 0 !important; + } + &.med { + float: left; + width: 880px; + padding: 16px 31px 28px; + background: url('/images/backoffice/backgrounds/middle_two_columns.png') repeat-y center 0 !important; + div.left { + float: left; + width: 572px; + position: relative; + p { + margin: auto; + padding: 0; + background: none; + } + div.field input { + &[type="text"], &[type="password"], &[type="email"] { + margin: auto; + padding: 0; + background: none; + } + } + p { + float: left; + width: 100%; + font: normal 15px Arial; + color: #666666; + } + ul.donations { + float: left; + width: 100%; + margin: 20px 0 0 0; + border-top: 1px solid #CCCCCC; + li { + position: relative; + float: left; + width: 100%; + height: 71px; + border-bottom: 1px solid #CCCCCC; + div { + &.name_box { + float: left; + width: 356px; + height: 71px; + } + &.date_box { + float: left; + width: 105px; + background-color: #F7F7F7; + height: 71px; + } + &.amount_box { + float: left; + width: 110px; + position: relative; + a.delete { + position: absolute; + right: 5px; + top: 28px; + width: 15px; + height: 16px; + background: url('/images/backoffice/icons/close_bkg.png') no-repeat 0 0; + text-indent: -9999px; + font-size: 0; + display: block; + line-height: 0; + &:hover { + background-position: 0 -16px; + } + } + } + &.name_box h3 { + float: left; + width: 100%; + margin: 22px 0 0 0; + a { + font: bold 17px Arial; + color: #E93E3F; + } + } + } + p { + float: left; + padding: 5px 0 0 0; + font: normal 13px Arial; + color: #666666; + margin: 22px 0 0 19px; + } + } + } + h4.total { + float: left; + margin: 25px 0 0 268px; + font: 500 17px "Museo Sans",Arial; + color: #333333; + width: 150px; + } + span.total_account { + float: left; + width: auto; + font: bold 15px Arial; + color: #333333; + margin: 26px 0 0 36px; + } + p.amount { + float: left; + width: auto; + font: bold 15px Arial; + color: #333333; + margin: 26px 0 0 5px; + } + form { + position: relative; + float: left; + width: 571px; + height: 185px; + padding: 0; + margin: 50px 0 0 2px; + background: url('/images/backoffice/projects/bkg_add_donation_form.png') no-repeat center center; + div { + &#donor_name { + float: left; + width: 280px; + height: 64px; + margin: 0 10px 0 15px; + span { + float: left; + background: url('/images/backoffice/projects/input_donor_name.png') no-repeat 0 0; + width: 272px; + height: 32px; + position: relative; + margin: 3px 0 0 7px; + &.error { + background-position: 0 -32px; + } + &.active { + background: url('/images/backoffice/projects/input_donation_name_active.png') no-repeat 0 0; + height: 33px; + } + input[type="text"] { + border: none; + font: normal 13px Arial; + color: #999999; + position: absolute; + top: 8px; + left: 10px; + width: 253px; + } + .spinner { + display: none; + position: absolute; + top: 8px; + right: 8px; + background: url('/images/backoffice/projects/donors_spinner.gif') no-repeat 0 0; + width: 16px; + height: 16px; + } + } + } + &#donation_date { + float: left; + width: 142px; + height: 64px; + span.combo_date { + float: left; + background: url('/images/backoffice/projects/date/bkg_calendar.png') no-repeat 0 0; + width: 122px; + height: 32px; + font: normal 15px Arial; + color: #333333; + margin: 7px 0 0 7px; + padding: 8px 0 0 8px; + position: relative; + &.error { + background: url('/images/backoffice/projects/date/bkg_calendar_error.png') no-repeat 0 0; + } + &:hover { + cursor: pointer; + } + div.select_dates { + display: none; + } + &.clicked { + background: url('/images/backoffice/projects/date/bkg_header_clicked_date.png') no-repeat 0 0; + &.error { + background: url('/images/backoffice/projects/date/bkg_header_clicked_date_error.png') no-repeat 0 0; + } + div.select_dates { + position: absolute; + top: 30px; + left: 0; + background: url('/images/backoffice/projects/date/bkg_date_content.png') no-repeat 0 0; + width: 335px; + height: 68px; + z-index: 20; + display: inline; + padding-left: 5px; + &.end_date { + background: url('/images/backoffice/projects/date/bkg_date_content_right.png') no-repeat 0 0; + position: absolute; + top: 30px; + left: -142px; + } + span { + &.month { + float: left; + width: 124px; + height: 51px; + margin: 10px 9px 0 10px; + } + &.day { + float: left; + width: 62px; + height: 51px; + margin: 10px 9px 0 8px; + } + &.year { + float: left; + width: 76px; + height: 51px; + margin: 10px 0 0 0; + } + } + p.title { + float: left; + margin: 0 0 0 5px; + font: normal 11px Arial; + color: #606851; + text-transform: uppercase; + width: auto; + &#month { + float: left; + margin: 12px 10px 3px 0; + width: 135px; + } + &#day { + float: left; + margin: 12px 10px 3px 0; + width: 53px; + } + &#year { + float: left; + margin: 12px 10px 3px 0; + width: 100px; + } + } + a { + font: normal 13px Arial; + color: #333333; + &:hover { + cursor: pointer; + } + &.month_combo { + float: left; + margin: 2px 0 0 0; + background: url('/images/backoffice/projects/date/month_combo.png') no-repeat 0 0; + width: 123px; + height: 23px; + padding: 9px 0 0 10px; + } + &.day_combo { + float: left; + margin: 2px 0 0 0; + background: url('/images/backoffice/projects/date/day_combo.png') no-repeat 0 0; + width: 54px; + height: 23px; + padding: 9px 0 0 10px; + } + &.year_combo { + float: left; + margin: 2px 0 0 0; + background: url('/images/backoffice/projects/date/year_combo.png') no-repeat 0 0; + width: 68px; + height: 23px; + padding: 9px 0 0 10px; + } + } + } + } + } + } + &#donation_amount { + float: left; + width: 92px; + height: 64px; + margin: 4px 0 0 10px; + span { + float: left; + width: 92px; + height: 32px; + background: url('/images/backoffice/projects/amount_donation_input.png') no-repeat 0 0; + position: relative; + margin: 3px 0 0 8px; + input[type="text"] { + position: absolute; + top: 5px; + left: 22px; + border: none; + width: 64px; + height: 21px; + font: normal 15px Arial; + color: #333333; + } + } + } + } + h4 { + font: normal 21px "Museo Sans",Arial; + color: #333333; + text-shadow: 0 1px white; + margin: 22px 0 0 22px; + } + label { + float: left; + width: 400px; + margin: 17px 0 0 9px; + font: normal 11px Arial; + color: #666666; + text-shadow: none; + text-transform: uppercase; + width: 100px; + } + input[type="submit"] { + float: right; + width: 128px; + height: 32px; + background: url('/images/backoffice/projects/add_donation_bttn.png') no-repeat 0 0 !important; + border: none; + text-indent: -9999px; + font-size: 0; + display: block; + line-height: 0; + z-index: 0; + margin: 18px 22px 0 0; + &:hover { + background-position: 0 -32px; + cursor: pointer; + } + } + } + } + } + &.bottom { + float: left; + height: 15px; + width: 100%; + background: url('/images/backoffice/backgrounds/bottom_two_columns.png') no-repeat scroll top left !important; + } + } + } + &.med.ngos_list { + h2 a.remove { + padding: 0 10px 0 0; + color: #333333; + border-bottom: 1px dotted #EB4142; + background: url('/images/backoffice/icons/red_x.png') no-repeat right 17px; + &:hover { + border-bottom: 1px solid #EB4142; + text-decoration: none; + } + } + ul { + float: left; + width: 100%; + padding: 0; + margin: 23px 0 0 0; + border-top: 1px solid #CCCCCC; + li { + float: left; + width: 100%; + padding: 0; + margin: 0; + border-bottom: 1px solid #CCCCCC; + height: 71px; + &.last { + border: none; + } + h3 { + float: left; + width: 546px; + height: 71px; + margin: 0; + padding: 27px 0; + a { + font: bold 17px Arial; + color: #E93E3F; + &:hover { + text-decoration: underline; + } + } + } + p { + float: left; + width: 167px; + height: 41px; + padding: 30px 0 0 0; + margin: 0; + font: normal 13px Arial; + color: #666666; + text-align: center; + a { + padding: 0; + font: normal 13px Arial; + color: #666666; + &:hover { + text-decoration: underline; + } + } + &.red { + background: #f7f7f7; + a { + color: #EB4142; + } + } + } + } + } + div.no_results { + float: left; + width: 100%; + padding: 70px 0 80px; + h2 { + float: left; + width: 100%; + text-align: center; + } + p { + float: left; + width: 100%; + margin: 6px 0 0 0; + text-align: center; + font: normal 17px Arial; + color: #666666; + a { + color: #E93E3F; + text-decoration: underline; + &:hover { + color: #7F2023; + } + } + } + } + } + &.block { + &.resources div { + &.top { + float: left; + width: 100%; + background: url('/images/backoffice/backgrounds/top_two_columns.png') no-repeat center 0 !important; + } + &.med { + float: left; + width: 880px; + padding: 16px 31px 28px; + background: url('/images/backoffice/backgrounds/middle_two_columns.png') repeat-y center 0 !important; + div.left { + float: left; + width: 572px; + p { + float: left; + width: 100%; + font: normal 15px Arial; + color: #666666; + &.resources_account { + margin: 14px 0 0 0; + } + } + ul { + float: left; + width: 100%; + margin: 20px 0 0 0; + border-top: 1px solid #CCCCCC; + li { + position: relative; + float: left; + width: 100%; + height: auto; + border-bottom: 1px solid #CCCCCC; + h3 { + float: left; + width: 100%; + margin: 15px 0 0 0; + a { + font: bold 17px Arial; + color: #E93E3F; + } + } + p { + float: left; + padding: 5px 0 0 0; + font: normal 13px Arial; + color: #666666; + } + a.delete { + position: absolute; + right: 0; + top: 25px; + width: 15px; + height: 16px; + background: url('/images/backoffice/icons/close_bkg.png') no-repeat 0 0; + text-indent: -9999px; + font-size: 0; + display: block; + line-height: 0; + &:hover { + background-position: 0 -16px; + } + } + } + &.ngo { + position: relative; + float: left; + padding: 0; + border: none; + } + li.ngo { + border: none; + padding: 0 0 30px 0; + margin: 0 0 0 3px; + form { + background: none; + height: auto; + margin: 0; + padding: 0; + } + div { + &.head { + position: relative; + float: left; + width: 535px; + height: 42px; + padding: 15px; + background: url('/images/backoffice/resources/header_resources.png') no-repeat 0 0; + h3 { + margin: 0; + } + a.delete { + right: 17px; + top: 28px; + } + } + &.body { + float: left; + width: 535px; + padding: 15px 15px 0; + background: url('/images/backoffice/resources/resources_med.png') repeat-y 0 0; + h4 { + float: left; + width: 100%; + padding: 0 0 10px 0; + font: normal 11px Arial; + color: #666666; + } + label { + padding: 0 0 0 5px; + font: normal 13px Arial; + color: #666666; + } + } + &.down { + float: left; + width: 565px; + height: 15px; + background: url('/images/backoffice/resources/resources_bottom.png') no-repeat 0 0; + } + } + } + } + form { + float: left; + width: 527px; + height: 209px; + padding: 21px; + margin: 20px 0 0 2px; + background: url('/images/backoffice/common/green_form_bkg.png') no-repeat center center; + h4 { + font: normal 21px "Museo Sans",Arial; + color: #333333; + text-shadow: 0 1px white; + } + label { + float: left; + width: 400px; + margin: 12px 0 0 3px; + font: normal 11px Arial; + color: #333333; + text-shadow: none; + text-transform: uppercase; + &.site { + width: auto; + margin: 0 15px 0 3px; + } + } + input { + &[type="text"] { + float: left; + width: 509px; + height: 22px; + padding: 6px 8px; + margin: 5px 0 0 0; + font: normal 13px Arial; + color: #666666; + background: url('/images/backoffice/resources/url_input_bkg.png') no-repeat 0 0; + border: none; + &.title { + float: left; + width: 319px; + height: 22px; + background: url('/images/backoffice/resources/title_input_bkg.png') no-repeat 0 0; + } + } + &[type="submit"].add { + float: right; + width: 130px; + height: 32px; + margin: 15px 3px 0 0; + background: url('/images/backoffice/resources/add_input_bkg.png') no-repeat 0 0; + border: none; + text-indent: -9999px; + font-size: 0; + display: block; + line-height: 0; + &:hover { + background-position: 0 -32px; + cursor: pointer; + } + } + } + } + } + } + &.bottom { + float: left; + height: 15px; + width: 100%; + background: url('/images/backoffice/backgrounds/bottom_two_columns.png') no-repeat scroll top left !important; + } + &.med div.left form input { + &[type="checkbox"] { + float: left; + width: 10px; + height: 10px; + margin: 2px 0 0 0; + } + &[type="submit"].update { + float: right; + width: 130px; + height: 32px; + margin: 15px 3px 0 0; + border: none; + text-indent: -9999px; + font-size: 0; + display: block; + line-height: 0; + font: normal 14px Arial; + color: #666666; + background: url('/images/backoffice/ngos/save_changes.png') no-repeat 0 0; + width: 106px; + height: 28px; + &:hover { + cursor: pointer; + background-position: 0 -28px; + } + } + } + } + &.media div { + &.top { + float: left; + width: 100%; + background: url('/images/backoffice/backgrounds/top_two_columns.png') no-repeat center 0 !important; + } + &.med { + float: left; + width: 880px; + padding: 16px 31px 28px; + background: url('/images/backoffice/backgrounds/middle_two_columns.png') repeat-y center 0 !important; + div.left { + float: left; + width: 572px; + p { + float: left; + width: 100%; + font: normal 15px Arial; + color: #666666; + &.resource_error { + display: none; + float: left; + width: 531px; + height: 14px; + margin: 30px 0 0 0; + padding: 9px 0 11px 35px; + background: url('/images/backoffice/media/error_bkg.png') no-repeat 0 0; + font: normal 14px Arial; + color: white; + } + } + ul { + float: left; + width: 100%; + margin: 0; + li { + position: relative; + float: left; + width: 100%; + height: auto; + margin: 28px 0 0; + div { + &.top_media { + float: left; + width: 566px; + height: 10px; + background: url('/images/backoffice/backgrounds/top_media.png') no-repeat 0 0; + } + &.med_media { + position: relative; + float: left; + width: 549px; + height: auto; + padding: 0 9px; + background: url('/images/backoffice/backgrounds/med_media.png') repeat-y 0 0; + &:hover span.over { + display: block; + } + img { + max-width: 549px; + } + iframe { + width: 100%; + max-height: 300px; + } + span.over { + position: absolute; + display: none; + top: 50%; + left: 50%; + margin: -37px 0 0 -104px; + z-index: 10000; + width: 208px; + height: 74px; + background: url('/images/backoffice/media/over_bkg.png') no-repeat 0 0; + a { + &.up { + float: left; + width: 24px; + height: 27px; + margin: 24px 0 0 45px; + background: url('/images/backoffice/media/up.png') no-repeat 0 0; + text-indent: -9999px; + font-size: 0; + display: block; + line-height: 0; + } + &.down { + float: left; + width: 24px; + height: 27px; + margin: 24px 0 0 20px; + background: url('/images/backoffice/media/down.png') no-repeat 0 0; + text-indent: -9999px; + font-size: 0; + display: block; + line-height: 0; + } + &.up:hover, &.down:hover { + background-position: 0 -27px; + } + &.delete { + float: left; + width: 28px; + height: 30px; + margin: 22px 0 0 20px; + background: url('/images/backoffice/media/delete.png') no-repeat 0 0; + text-indent: -9999px; + font-size: 0; + display: block; + line-height: 0; + &:hover { + background-position: 0 -30px; + } + } + } + } + p { + padding: 12px 0; + font: normal 15px Arial; + color: #999999; + a { + font: normal 15px Arial; + color: #E93E3F; + text-decoration: underline; + &:hover { + color: #7F2023; + } + } + } + div.caption { + float: left; + width: 100%; + display: none; + form { + position: relative; + float: left; + width: 547px; + input { + &[type="text"] { + float: left; + width: 469px; + height: 16px; + padding: 8px 70px 8px 8px; + background: url('/images/backoffice/media/caption_input_bkg.png') no-repeat 0 0; + border: none; + font: normal 13px Arial; + color: #333333; + } + &[type="submit"] { + position: absolute; + width: 58px; + height: 26px; + right: 3px; + top: 3px; + background: url('/images/backoffice/media/caption_input.png') no-repeat 0 0; + border: none; + text-indent: -9999px; + &:hover { + background-position: 0 -26px; + cursor: pointer; + } + } + } + } + } + } + &.bottom_media { + float: left; + width: 566px; + height: 10px; + background: url('/images/backoffice/backgrounds/bottom_media.png') repeat-y 0 0; + } + } + } + } + div { + &.add_media { + float: left; + margin: 20px 0 0 0; + width: 526px; + height: 66px; + padding: 20px; + background: url('/images/backoffice/media/add_bkg.png') no-repeat center center; + h3 { + float: left; + width: auto; + font: normal 21px "Museo Sans",Arial; + line-height: 21px; + text-shadow: 0 1px white; + color: #333333; + } + p { + float: right; + width: auto; + margin: 3px 0 0 0; + padding: 0 0 15px; + font: normal 15px Arial; + color: #333333; + a { + color: #E93E3F; + text-decoration: underline; + &:hover { + color: #7F2023; + } + } + } + form { + position: relative; + float: left; + width: 100%; + input { + margin: 10px 0 0 0; + &[type="file"] { + float: left; + width: 250px; + } + &[type="text"] { + float: left; + width: 452px; + height: 16px; + margin: 0; + padding: 8px 65px 8px 8px; + font: normal 15px Arial; + color: #333333; + border: none; + background: url('/images/backoffice/media/video_input.png') no-repeat 0 0; + } + &[type="submit"] { + float: right; + width: 56px; + height: 26px; + margin: 3px 0 0 0; + background: url('/images/backoffice/media/save.png') no-repeat 0 0; + border: none; + text-indent: -9999px; + font-size: 0; + display: block; + line-height: 0; + &:hover { + background-position: 0 -26px; + cursor: pointer; + } + } + } + } + } + &#new_video form input[type="submit"] { + position: absolute; + right: 4px; + top: 0; + width: 56px; + height: 26px; + margin: 3px 0 0 0; + background: url('/images/backoffice/media/save.png') no-repeat 0 0; + border: none; + text-indent: -9999px; + font-size: 0; + display: block; + line-height: 0; + &:hover { + background-position: 0 -26px; + cursor: pointer; + } + } + } + } + } + &.bottom { + float: left; + height: 15px; + width: 100%; + background: url('/images/backoffice/backgrounds/bottom_two_columns.png') no-repeat scroll top left !important; + } + } + } + &.steps_create_project { + float: left; + width: 932px; + height: auto; + margin: 10px 0 0 5px; + padding: 0 0 30px 0; + span.top { + float: left; + width: 932px; + height: 7px; + background: url('/images/backoffice/sites/bkg_top_msg.png') no-repeat 0 0; + margin: 0; + } + div.middle { + float: left; + width: 932px; + height: auto; + background: url('/images/backoffice/sites/bkg_middle_msg.png') repeat-y 0; + margin: 0; + h1 { + float: left; + margin: 20px 0 0 30px; + font: 500 21px "Museo Sans",Arial; + color: #333333; + width: 626px; + } + ul.steps { + float: left; + margin: 20px 0 0 30px; + width: 900px; + height: auto; + li { + float: left; + width: 300px; + height: 90px; + span.circle { + float: left; + width: 29px; + height: 24px; + background: url('/images/backoffice/sites/circle_step.png') no-repeat 0 0; + font: 500 15px "Museo Sans",Arial; + color: white; + text-align: center; + padding: 5px 0 0 0; + } + label { + float: left; + margin: 5px 0 0 12px; + font: 500 13px "Museo Sans",Arial; + color: #333333; + width: 240px; + text-transform: uppercase; + } + p { + float: left; + font: normal 13px Arial; + color: #849064; + width: 246px; + margin: 7px 0 0 12px; + } + } + } + } + span.bottom { + float: left; + width: 932px; + height: 7px; + background: url('/images/backoffice/sites/bkg_bottom_msg.png') no-repeat 0 0; + margin: 0; + } + } + &.block.site_info div { + &.top { + float: left; + width: 100%; + background: url('/images/backoffice/backgrounds/top_two_columns.png') no-repeat center 0 !important; + } + &.med { + float: left; + width: 880px; + padding: 16px 31px 28px; + background: url('/images/backoffice/backgrounds/middle_two_columns.png') repeat-y center 0 !important; + div.left { + float: left; + width: 572px; + margin: 0 0 0 2px; + p.by { + float: left; + width: 100%; + font: normal 15px Arial; + color: #666666; + a { + width: auto; + font: normal 15px Arial; + color: #E93E3F; + text-decoration: none; + &:hover { + text-decoration: underline; + } + } + } + form { + float: left; + width: 100%; + height: auto; + margin: 4px 0 0 0; + /*padding:0 0 15px 0; + */ + position: relative; + input[type="checkbox"] { + visibility: hidden; + } + label { + float: left; + margin: 17px 0 0 3px; + font: bold 11px Arial; + color: #999999; + width: 100%; + text-transform: uppercase; + &.first { + margin: 25px 0 0 3px; + } + } + p.title { + float: left; + margin: 20px 0 0 3px; + font: bold 11px Arial; + color: #999999; + width: 100%; + strong { + font: normal 14px Georgia; + color: #E93E3F; + } + span.info { + font: normal 13px Arial; + color: #999999; + width: auto; + padding: 0 5px; + } + } + span.input_large { + float: left; + margin: 5px 0 0 0; + background: url('/images/backoffice/projects/input_project_large.png') no-repeat 0 0; + width: 419px; + height: 34px; + position: relative; + &.active { + background: url('/images/backoffice/projects/large_combo_head_displayed.png') no-repeat 0 0; + } + } + input[type="text"] { + position: absolute; + top: 6px; + left: 7px; + width: 400px; + height: 21px; + font: normal 15px Arial; + color: #333333; + border: none; + padding: 0; + } + span { + &.textarea { + float: left; + margin: 5px 0 0 0; + background: url('/images/backoffice/projects/input_project_multiple.png') no-repeat 0 0; + width: 564px; + height: 214px; + position: relative; + textarea { + position: absolute; + top: 9px; + left: 9px; + max-width: 546px; + max-height: 197px; + min-width: 546px; + min-height: 197px; + font: normal 15px Arial; + color: #333333; + border: none; + line-height: 17px; + } + } + &.textarea_little { + float: left; + margin: 5px 0 0 0; + background: url('/images/backoffice/sites/little_descript.png') no-repeat 0 0; + width: 564px; + height: 34px; + position: relative; + textarea { + position: absolute; + top: 9px; + left: 9px; + min-width: 546px; + min-height: 17px; + max-width: 546px; + max-height: 17px; + font: normal 15px Arial; + color: #333333; + border: none; + line-height: 17px; + } + &.error { + background-position: 0 -34px; + } + } + &.textarea_short { + float: left; + margin: 5px 0 0 0; + background: url('/images/backoffice/sites/short_descript.png') no-repeat 0 0; + min-width: 564px; + min-height: 114px; + max-width: 564px; + max-height: 114px; + position: relative; + &.error { + background-position: 0 -114px; + } + textarea { + position: absolute; + top: 9px; + left: 9px; + width: 546px; + height: 97px; + font: normal 15px Arial; + color: #333333; + border: none; + line-height: 17px; + } + } + } + h3.section { + float: left; + margin: 35px 0 0 2px; + width: 100%; + font: 500 17px "Museo Sans",Arial; + color: #333333; + } + ul { + &.geographic_options { + float: left; + width: 235px; + height: auto; + margin: 5px 0 0 0px; + li { + &.option { + float: left; + margin: 7px 0 0 12px; + width: 230px; + } + &.selected { + margin: 10px 0 0 0; + } + a.combo { + float: left; + font: normal 15px Arial; + color: #333333; + text-decoration: none; + background: url('/images/backoffice/sites/option_bkg.png') no-repeat 0 4px; + padding: 0 0 0 15px; + height: 14px; + &:hover { + cursor: pointer; + } + } + &.selected a.combo { + background: url('/images/backoffice/sites/option_bkg_selected.png') no-repeat 0 4px; + } + div.content { + display: none; + width: 100%; + } + &.selected { + div.content { + float: left; + display: inline; + width: 100%; + } + &#gc_worldwide { + margin: 7px 0 0 12px; + } + &#gc_limited_country { + background: url('/images/backoffice/sites/bkg_limited_country.png') no-repeat 0 0; + width: 544px; + height: 65px; + padding: 10px 13px; + } + span.select_country_combo { + float: left; + background: url('/images/backoffice/sites/select_country_combo.png') no-repeat 0 0; + width: 240px; + height: 32px; + margin: 12px 0 0 12px; + &.region { + margin: 12px 0 0 3px; + } + &:hover { + cursor: pointer; + } + &.clicked { + background: url('/images/backoffice/sites/select_country_combo_head.png') no-repeat 0 0; + height: 32px; + position: relative; + div.values { + position: absolute; + width: 239px; + height: 202px; + top: 32px; + left: 0; + background: url('/images/backoffice/sites/select_country_combo_body.png') no-repeat 0 0; + z-index: 30; + display: inline; + } + } + ul { + display: none; + } + &.clicked div.values ul { + float: left; + width: 234px; + height: 180px; + margin: 4px 0 0 1px; + padding: 0; + overflow-y: auto; + display: inline; + overflow-x: hidden; + &.regions { + width: 248px; + } + li { + float: left; + margin: 0; + width: 233px; + height: 25px; + &:hover { + background-color: #E4F0CA; + } + a { + float: left; + font: normal 15px Arial; + color: #666666; + background: none; + padding: 0; + margin: 4px 9px; + } + } + } + } + p { + &.country, &.region { + float: left; + margin: 8px 0 0 10px; + font: normal 13px Arial; + color: #999999; + } + } + &#gc_limited_region { + background: url('/images/backoffice/sites/bkg_limited_country.png') no-repeat 0 0; + width: 544px; + height: 65px; + padding: 10px 13px; + } + &#gc_limited_bbox { + background: url('/images/backoffice/sites/bkg_limited_bbox.png') no-repeat 0 0; + width: 539px; + height: 176px; + padding: 13px; + } + } + div.content img.arrow { + float: left; + margin: 24px 10px; + width: 14px; + height: 9px; + } + &.selected#gc_limited_bbox div#map_bbox { + float: left; + width: 505px; + height: 153px; + margin: 10px 15px; + border: 2px solid #8EA06B; + } + } + } + &.project_tipo_options { + float: left; + width: 235px; + height: auto; + margin: 1px 0 0 0px; + li { + float: left; + margin: 7px 0 0 12px; + width: 600px; + &.selected { + margin: 10px 0 0 0; + background: url('/images/backoffice/sites/bkg_limited_country.png') no-repeat 0 0; + width: 544px; + height: 65px; + padding: 10px 13px; + } + a.check { + float: left; + font: normal 15px Arial; + color: #333333; + text-decoration: none; + background: url('/images/backoffice/sites/project_tipo_check.png') no-repeat 0 4px; + padding: 0 0 0 15px; + height: 14px; + &:hover { + cursor: pointer; + } + } + &.selected { + a.check { + background: url('/images/backoffice/sites/project_tipo_checked.png') no-repeat 0 4px; + } + div.content { + display: inline; + } + } + div.content { + display: none; + width: 100%; + } + &.selected { + span.select_combo_typology { + float: left; + background: url('/images/backoffice/sites/select_country_combo.png') no-repeat 0 0; + width: 240px; + height: 32px; + margin: 12px 0 0 12px; + &.region { + margin: 12px 0 0 3px; + } + &:hover { + cursor: pointer; + } + &.clicked { + background: url('/images/backoffice/sites/select_country_combo_head.png') no-repeat 0 0; + height: 32px; + position: relative; + div.values { + position: absolute; + width: 239px; + height: 202px; + top: 32px; + left: 0; + background: url('/images/backoffice/sites/select_country_combo_body.png') no-repeat 0 0; + z-index: 30; + display: inline; + } + } + ul { + display: none; + } + &.clicked div.values ul { + float: left; + width: 252px; + height: 187px; + margin: 5px 0 0 1px; + padding: 0; + overflow-y: auto; + display: inline; + overflow-x: hidden; + li { + float: left; + margin: 0; + width: 233px; + height: 21px; + &.section { + float: left; + margin: 2px 0 0 0; + width: 233px; + height: 25px; + p { + float: left; + font: bold 11px Arial; + color: #333333; + margin: 7px 9px; + } + &:hover { + background: none; + } + } + &:hover { + background-color: #E4F0CA; + } + a { + float: left; + font: normal 13px Arial; + color: #666666; + background: url('/images/backoffice/sites/bkg_li_subelement.png') no-repeat 0 5px; + padding: 0 0 0 10px; + margin: 4px 9px; + &.organization { + background: none; + margin: 4px 0px; + } + } + } + } + } + p { + &.cluster_sector, &.ngo { + float: left; + margin: 9px 0 0 10px; + font: normal 13px Arial; + color: #999999; + } + } + span.tags_site { + float: left; + margin: 10px 0 0 12px; + width: 509px; + height: 34px; + background: url('/images/backoffice/sites/bkg_tags_site.png') no-repeat 0 0; + position: relative; + &.active { + background: url('/images/backoffice/sites/bkg_tags_site_active.png') no-repeat 0 0; + height: 33px; + } + input[type="text"] { + position: absolute; + top: 5px; + left: 8px; + width: 472px; + height: 25px; + display: inline; + } + } + } + } + } + } + div.two_columns { + float: left; + width: 100%; + height: 70px; + div { + &.left_column { + float: left; + width: 289px; + height: 90px; + } + &.right_column { + float: left; + width: 280px; + height: 90px; + } + } + } + span { + &.input_short { + float: left; + margin: 5px 0 0 0; + width: 272px; + height: 34px; + background: url('/images/backoffice/projects/bkg_input_short.png') no-repeat 0 0; + position: relative; + input[type="text"] { + position: absolute; + top: 7px; + left: 7px; + width: 257px; + height: 20px; + border: none; + } + } + &.input_url { + float: left; + margin: 5px 0 0 0; + width: 273px; + height: 34px; + background: url('/images/backoffice/sites/site_url_input.png') no-repeat 0 0; + position: relative; + input[type="text"] { + position: absolute; + top: 5px; + left: 7px; + width: 259px; + height: 23px; + font: normal 15px Arial; + color: #333333; + } + p.url { + position: absolute; + top: 7px; + left: 279px; + font: normal 15px Arial; + color: #333333; + } + } + } + input[type="submit"] { + background: url('/images/backoffice/projects/save_changes_bttn.png') no-repeat 0 0; + font: 500 19px "Museo Sans",Arial; + color: #FFFFFF; + text-shadow: 0 1px #6E8C30; + border: none; + text-align: center; + width: 157px; + height: 32px; + float: right; + margin: 60px 10px 0 0; + text-indent: -9999px; + /*position:absolute; + bottom:0; + right:0; + */ + &:hover { + background-position: 0 -32px; + cursor: pointer; + } + } + } + } + } + &.bottom { + float: left; + height: 15px; + width: 100%; + background: url('/images/backoffice/backgrounds/bottom_two_columns.png') no-repeat scroll top left !important; + } + } +} + +/*CLUSTERS*/ + +/*SECTORS*/ + +/*UBICATIONS*/ + +/*geolocate map*/ + +/* DONATIONS PROJECT */ +/*resources*/ + +/*ngos search*/ + +/*resources*/ + +/*media*/ + +/* SITE */ + +/* -------------- GEOGRAPHIC OPTIONS*/ + +/* -------------- PROJECT TYPOLOGY*/ + +/*pages index*/ + +ul.pages { + float: left; + width: 100%; + margin: 0; + li { + float: left; + width: 100%; + div { + &.head { + position: relative; + float: left; + width: 535px; + height: 42px; + padding: 15px; + &.more { + background: url('/images/backoffice/resources/header_resources.png') no-repeat 0 0 !important; + margin: 20px 0 0 0; + } + &.one { + background: url('/images/backoffice/pages/one_page_list.png') no-repeat 0 0 !important; + h3 { + margin: 12px 0 0 0; + font: bold 17px Arial !important; + } + } + h3 { + margin: 12px 0 0 0; + font: bold 17px Arial !important; + a { + color: #E93E3F; + text-align: left; + font: bold 17px Arial !important; + &:hover { + text-decoration: underline; + } + } + } + a.delete { + position: absolute; + right: 17px; + top: 28px; + width: 15px; + height: 16px; + background: url('/images/backoffice/icons/close_bkg.png') no-repeat 0 0; + text-indent: -9999px; + font-size: 0; + display: block; + line-height: 0; + &:hover { + background-position: 0 -16px; + } + } + } + &.body { + float: left; + width: 535px; + padding: 15px 15px 0; + background: url('/images/backoffice/resources/resources_med.png') repeat-y 0 0; + span { + float: left; + width: 100%; + padding: 0 0 5px 0; + a { + float: left; + font: normal 15px Arial; + color: #E93E3F; + text-decoration: none; + &:hover { + text-decoration: underline; + } + &.delete { + float: left; + width: 14px; + height: 14px; + margin: 2px 0 0 7px; + background: url('/images/backoffice/icons/tiny_close.png') no-repeat 0 0; + text-indent: -9999px; + &:hover { + background-position: 0 -14px; + } + } + } + } + } + &.down { + float: left; + width: 565px; + height: 15px; + background: url('/images/backoffice/resources/resources_bottom.png') no-repeat 0 bottom; + } + } + } +} + +span.chars { + position: relative; + float: left; + width: 100%; + label { + width: auto !important; + } + p { + float: right !important; + margin: 20px 10px 0 0; + width: auto; + font: normal 13px Arial !important; + color: #999999; + &.html { + position: absolute; + top: 30px; + right: 0; + z-index: 100; + } + a { + font: normal 12px Arial !important; + color: #666666; + text-decoration: underline; + &:hover { + color: #333333; + } + } + &.few { + color: #FF9900; + } + } +} + +select#page_parent_id { + display: none; +} + +span#parent_page { + float: left; + margin: 10px 0 0 0; + background: url('/images/backoffice/projects/combos/combo_add_cluster.png') no-repeat 0 0; + width: 254px; + height: 24px; + padding: 8px 0 0 10px; + position: relative; + p { + font: normal 13px Arial; + color: #999999; + } + ul.options { + display: none; + } + &.clicked { + background: url('/images/backoffice/projects/combos/combo_add_cluster_clicked.png') no-repeat 0 0; + ul.options { + position: absolute; + top: 32px; + left: 0; + width: 264px; + height: auto; + display: inline; + z-index: 20; + li { + float: left; + margin: 0; + background: url('/images/backoffice/projects/combos/combo_add_cluster_lielement.png') repeat-y 0; + width: 242px; + height: auto; + padding: 4px 11px; + &.last { + background: url('/images/backoffice/projects/combos/combo_add_cluster_lielement_last.png') no-repeat 0 0; + height: 6px; + &:hover { + background: url('/images/backoffice/projects/combos/combo_add_cluster_lielement_last.png') no-repeat 0 0; + } + } + &:hover { + background: url('/images/backoffice/projects/combos/combo_add_cluster_lielement_hover.png') repeat-y 0; + } + a { + font: normal 13px Arial; + color: #666666; + text-decoration: none; + } + } + } + } + &:hover { + cursor: pointer; + } +} + +textarea.huge { + float: left; + min-width: 548px !important; + max-width: 548px !important; + max-height: 687px !important; + min-height: 687px !important; + margin: 5px 0 0 0; + padding: 5px 8px; + background: url('/images/backoffice/pages/textarea_bkg.jpg') no-repeat 0 0 !important; + border: none; + font: normal 15px Arial; + color: #333333; + &.error { + background-position: 0 -697px !important; + } + &.richeditor { + margin: 44px 0 0 0 !important; + } +} + +/*window alert*/ + +div { + &#modal_window { + position: absolute; + display: none; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: url('/images/backoffice/common/modal_bkg.png') repeat 0 0; + z-index: 10; + div.alert { + position: absolute; + top: 50%; + left: 50%; + width: 450px; + height: 88px; + padding: 22px; + margin: -66px 0 0 -247px; + background: url('/images/backoffice/common/alert_bkg.png') no-repeat 0 0 !important; + h4 { + float: left; + width: 100%; + font: bold 17px Arial; + color: #333333; + } + p { + float: left; + width: 100%; + margin: 5px 0 0 0; + font: normal 15px Arial; + color: #666666; + } + span { + float: right; + margin: 20px 0 0 0; + a { + &.cancel { + float: left; + margin: 5px 12px 0 0; + font: normal 15px Arial; + color: #E93E3F; + text-decoration: underline; + &:hover { + color: #7F2023; + cursor: pointer; + } + } + &.button { + float: left; + text-indent: -9999px; + font-size: 0; + display: block; + line-height: 0; + &:hover { + background-position: 0 -26px; + } + } + } + } + ul#errors_csv { + display: none; + } + span a.button.remove { + background: url('/images/backoffice/common/delete_button.png') no-repeat 0 0; + width: 63px; + height: 26px; + } + &.import_csv { + background: url('/images/backoffice/common/alert_csv_bkg.png') no-repeat 0 0 !important; + width: 450px; + height: 46px; + &.ok p { + margin: 15px 0 0 0; + } + &.error p { + margin: 19px 0 0 0; + } + &.ok span { + margin: 5px 0 0 0; + } + span a { + &.cancel, &.remove { + display: none; + } + &.cancel.ok { + float: left; + width: 63px; + height: 26px; + background: url('/images/backoffice/common/ok_button.png') no-repeat 0 0; + text-indent: -9999px; + font-size: 0; + display: block; + line-height: 0; + margin: 5px 5px 0 0; + &:hover { + background-position: 0 -26px; + } + &.error { + background-position: 0 -52px; + &:hover { + background-position: 0 -78px; + } + } + } + } + &.ok { + background: url('/images/backoffice/common/alert_csv_ok_bkg.png') no-repeat 0 0 !important; + width: 450px; + height: 96px; + } + &.error { + background: url('/images/backoffice/common/alert_csv_error_bkg.png') no-repeat 0 0 !important; + width: 450px; + height: 340px; + top: 30%; + left: 50%; + ul#errors_csv { + float: left; + margin: 15px 0 0 15px; + display: inline; + width: 425px; + height: 190px; + overflow-x: hidden; + overflow-y: auto; + li { + float: left; + margin: 7px 0 0 0; + background: url('/images/backoffice/common/li_style.png') no-repeat 0 7px; + padding: 0 0 0 7px; + font: normal 15px Arial; + color: #666666; + width: 418px; + } + } + } + } + } + } + &#footer { + float: left; + width: 100%; + height: 120px; + margin: 40px 0 0 0; + background: url('/images/backoffice/common/header_bkg.jpg') repeat-x 0 0; + div.inner_footer { + margin: 0 auto; + width: 932px; + a.logo { + float: left; + margin: 35px 0 0 0; + } + ul { + float: right; + margin: 50px 2px 0 0; + li { + float: left; + width: auto; + padding: 0 13px; + background: url('/images/backoffice/common/footer_list_separator.png') no-repeat right -2px; + &.last { + padding: 0 0 0 10px; + background: none; + } + a { + font: normal 13px Arial; + color: #999999; + text-decoration: none; + &:hover { + text-decoration: underline; + } + } + } + } + } + } +} + +/*footer*/ + +/* STYLING DATE COMBOS */ + +.stylish-select ul.newList { + left: -9999px; +} + +ul.newList { + &:focus { + outline: none; + } + * { + margin: 0; + padding: 0; + border: none; + overflow: hidden; + } + a { + color: #333333; + text-decoration: none; + display: block; + } + margin: 0; + padding: 0; + list-style: none; + color: #000; + width: 100px; + overflow-x: hidden; + z-index: 9999; + &.month { + position: absolute; + top: 22px; + left: 0; + float: left; + background: url('/images/backoffice/common/dates/body_month.png') no-repeat 0 0; + height: 198px; + overflow-x: hidden; + width: 148px; + top: 32px; + li { + width: 131px; + margin: 0 0 0 1px; + } + } + &.day { + position: absolute; + top: 22px; + left: 0; + float: left; + background: url('/images/backoffice/common/dates/body_day.png') no-repeat 0 0; + height: 198px; + overflow-x: hidden; + width: 80px; + top: 32px; + li { + width: 62px; + margin: 0 0 0 1px; + } + } + &.year { + position: absolute; + top: 22px; + left: 0; + float: left; + background: url('/images/backoffice/common/dates/body_year.png') no-repeat 0 0; + height: 198px; + overflow-x: hidden; + width: 94px; + top: 32px; + li { + width: 76px; + margin: 0 0 0 1px; + } + } +} + +.newListSelected { + width: 128px; + color: #000; + height: 29px; + padding: 3px 0 0 6px; + float: left; + background: url('/images/backoffice/common/dates/head_month.png') no-repeat 0 0; + margin: 2px 0 0 7px; + &:focus { + outline: none; + } + &.month { + width: 131px; + color: #000; + height: 30px; + padding: 3px 0 0 6px; + float: left; + backgroundPosition: url('/images/backoffice/common/dates/head_month.png') no-repeat 0 0; + } + &.day { + width: 59px; + color: #000; + height: 30px; + padding: 3px 0 0 6px; + float: left; + background: url('/images/backoffice/common/dates/head_day.png') no-repeat 0 0; + } + &.year { + width: 78px; + color: #000; + height: 30px; + padding: 3px 0 0 6px; + float: left; + background: url('/images/backoffice/common/dates/head_year.png') no-repeat 0 0; + } + &.month { + text-transform: uppercase; + .selectedTxt { + text-transform: uppercase; + } + } + &.country { + width: 237px; + color: #000; + height: 29px; + padding: 3px 0 0 6px; + float: left; + background: url('/images/backoffice/sites/combo/country_head.png') no-repeat 0 0; + margin: 10px 0 0 13px; + .selectedTxt { + width: 225px; + overflow: hidden; + height: 20px; + margin: 4px 0 0 3px; + font: normal 13px Arial; + color: #999999; + line-height: 21px; + } + } +} + +/* country combo */ + +div.newList_content.country { + background: url('/images/backoffice/sites/combo/country_body.png') no-repeat 0 0; + height: 205px; + width: 237px; + top: 32px !important; + left: 0; + position: absolute; +} + +ul.newList.country { + float: left; + height: 194px; + overflow-x: hidden; + width: 248px; + margin: 0 0 0 1px; + overflow-y: auto; + li { + width: 233px; + margin: 0; + a { + font: normal 15px Arial; + color: #666666; + } + } +} + +/* country combo */ + +.newListSelected.country_index { + width: 134px; + color: #000; + height: 29px; + padding: 3px 0 0 6px; + float: left; + background: url('/images/backoffice/projects/combos/country_head.png') no-repeat 0 0; + margin: 6px 0 0 1px; + .selectedTxt { + width: 134px; + overflow: hidden; + height: 20px; + margin: 2px 0 0 5px; + font: normal 13px Arial; + color: #333333; + line-height: 21px; + } +} + +div.newList_content.country_index { + background: url('/images/backoffice/projects/combos/country_body.png') no-repeat 0 0; + height: 201px; + width: 134px; + top: 32px !important; + left: 0; + position: absolute; + z-index: 100; +} + +ul.newList { + &.country_index { + float: left; + height: 194px; + overflow-x: hidden; + width: 147px; + margin: 0 0 0 1px; + overflow-y: auto; + li { + width: 233px; + margin: 0; + height: auto !important; + &:focus { + outline: none; + } + a { + font: normal 13px Arial; + color: #333333; + width: 113px; + } + } + } + li a { + padding: 3px 8px; + display: block; + &:focus { + -moz-outline-style: none; + outline: none; + } + } +} + +.selectedTxt { + width: auto; + overflow: hidden; + height: 16px; + margin: 4px 0 0 3px; + font: normal 13px Arial; + color: #333333; + line-height: 21px; +} + +.hiLite { + background: #e4f0ca !important; + color: #333333 !important; + a { + background: #e4f0ca !important; + color: #333333 !important; + } +} + +.newListHover { + background: #E4F0CA; + color: #333333 !important; + cursor: pointer; +} + +/*.newListSelHover { +background-position:0 -32px; +cursor:default; +} + */ + +.newListSelFocus { + background-position: 0 -32px; + cursor: pointer; + &.country { + background-position: 0 -32px; + cursor: pointer; + } +} + +.newListOptionTitle { + font-weight: bold; + ul { + margin: 3px 0 0; + } + li { + font-weight: normal; + border-left: 1px solid #ccc; + a { + text-transform: uppercase; + font: normal 11px Arial; + color: #333333; + } + } +} + +/* END ------------------------------ STYLING DATE COMBOS */ + +/*RICH TEXT EDITOR*/ + +div { + &.jHtmlArea { + padding: 10px 0 0 0; + display: inline block; + p { + font: normal 13px Arial; + color: #666666; + } + div { + margin: 0px; + padding: 10px 0 0 0; + } + .ToolBar ul { + border: solid 1px #ccc; + margin: 10px 1px 10px; + padding: 1px; + float: left; + background: white url('/images/backoffice/pages/jHtmlArea_Toolbar_Group_BG.png') repeat-x; + li { + list-style-type: none; + float: left; + border: none; + padding: 1px; + margin: 1px; + &:hover { + border: solid 1px #ccc; + background: #dddddd url('/images/backoffice/pages/jHtmlArea_Toolbar_Group__Btn_Select_BG.png'); + padding: 0; + } + a { + display: block; + width: 16px; + height: 16px; + background: url('/images/backoffice/pages/jHtmlArea.png') no-repeat -16px -500px; + border: none; + cursor: pointer; + padding: 0px; + &.highlighted { + border: solid 1px #aaa; + background-color: #bbb; + padding: 0; + } + } + &.separator { + height: 16px; + margin: 0 2px 0 3px; + border-left: 1px solid #ccc; + &:hover { + padding: 1px; + background-color: #fff; + border-top: none; + border-bottom: none; + border-right: none; + } + } + a { + &:hover! {} + &.bold { + background-position: 0 0; + } + &.italic { + background-position: -16px 0; + } + &.underline { + background-position: -32px 0; + } + &.strikethrough { + background-position: -48px 0; + } + &.link { + background-position: -64px 0; + } + &.unlink { + background-position: -80px 0; + } + &.orderedlist { + background-position: -96px 0; + } + &.unorderedlist { + background-position: -112px 0; + } + &.image { + background-position: -128px 0; + } + &.cut { + background-position: -144px 0; + } + &.copy { + background-position: -160px 0; + } + &.paste { + background-position: -176px 0; + } + &.html { + background-position: -192px 0; + opacity: 0.6; + filter: alpha(opacity = 60); + &.highlighted { + opacity: 1.0; + filter: alpha(opacity = 100); + } + } + &.p { + background-position: -177px -17px; + } + &.h1 { + background-position: 0 -16px; + } + &.h2 { + background-position: -16px -16px; + } + &.h3 { + background-position: -32px -16px; + } + &.h4 { + background-position: -48px -16px; + } + &.h5 { + background-position: -64px -16px; + } + &.h6 { + background-position: -80px -16px; + } + &.subscript { + background-position: -96px -16px; + } + &.superscript { + background-position: -112px -16px; + } + &.indent { + background-position: -128px -16px; + } + &.outdent { + background-position: -144px -16px; + } + &.horizontalrule { + background-position: -160px -16px; + } + &.justifyleft { + background-position: 0 -32px; + } + &.justifycenter { + background-position: -16px -32px; + } + &.justifyright { + background-position: -32px -32px; + } + &.increasefontsize { + background-position: -48px -32px; + } + &.decreasefontsize { + background-position: -64px -32px; + } + &.forecolor { + background-position: -80px -32px; + } + } + } + } + } + &.block.activity span.combo_date { + float: left; + background: url('/images/backoffice/projects/date/bkg_calendar.png') no-repeat 0 0; + width: 121px; + height: 24px; + font: normal 15px Arial; + color: #333333; + margin: 0px 0 0 0; + padding: 8px 0 0 8px; + position: relative; + &:hover { + cursor: pointer; + } + div.select_dates { + display: none; + } + &.clicked { + background: url('/images/backoffice/projects/date/bkg_header_clicked_date.png') no-repeat 0 0; + div.select_dates { + position: absolute; + top: 30px; + left: 0; + background: url('/images/backoffice/projects/date/bkg_date_content.png') no-repeat 0 0; + width: 335px; + height: 68px; + z-index: 20; + display: inline; + padding-left: 5px; + &.end_date { + background: url('/images/backoffice/projects/date/bkg_date_content_right.png') no-repeat 0 0; + position: absolute; + top: 30px; + left: -142px; + } + span { + &.month { + float: left; + width: 124px; + height: 51px; + margin: 10px 9px 0 10px; + } + &.day { + float: left; + width: 62px; + height: 51px; + margin: 10px 9px 0 8px; + } + &.year { + float: left; + width: 76px; + height: 51px; + margin: 10px 0 0 0; + } + } + p.title { + float: left; + margin: 0 0 0 5px; + font: normal 11px Arial; + color: #606851; + text-transform: uppercase; + width: auto; + &#month { + float: left; + margin: 12px 10px 3px 0px; + width: 135px; + } + &#day { + float: left; + margin: 12px 10px 3px 0; + width: 53px; + } + &#year { + float: left; + margin: 12px 10px 3px 0; + width: 100px; + } + } + a { + font: normal 13px Arial; + color: #333333; + &:hover { + cursor: pointer; + } + &.month_combo { + float: left; + margin: 2px 0 0 0; + background: url('/images/backoffice/projects/date/month_combo.png') no-repeat 0 0; + width: 123px; + height: 23px; + padding: 9px 0 0 10px; + } + &.day_combo { + float: left; + margin: 2px 0 0 0; + background: url('/images/backoffice/projects/date/day_combo.png') no-repeat 0 0; + width: 54px; + height: 23px; + padding: 9px 0 0 10px; + } + &.year_combo { + float: left; + margin: 2px 0 0 0; + background: url('/images/backoffice/projects/date/year_combo.png') no-repeat 0 0; + width: 68px; + height: 23px; + padding: 9px 0 0 10px; + } + } + } + } + } +} + +/* Activity Tab */ + +.changes_list div.no_results { + float: left; + width: 100%; + padding: 70px 0 80px; + h2 { + float: left; + width: 100%; + text-align: center; + } + p { + float: left; + width: 100%; + margin: 6px 0 0 0; + text-align: center; + font: normal 17px Arial; + color: #666666; + a { + color: #E93E3F; + text-decoration: underline; + &:hover { + color: #7F2023; + } + } + } +} + +div.med div.changes_list { + margin-top: 15px; + div.change { + width: 874px; + margin-bottom: 19px; + .border_top { + background: url('/images/backoffice/activity/blue_rounded_wide_top.png') no-repeat 0 0; + height: 5px; + width: 874px; + } + .summary { + background-color: #e0edf1; + height: 47px; + margin: 0; + padding: 10px 0 10px; + clear: both; + } + &.open .summary { + height: 50px; + } + .summary { + .reviewed { + display: inline-block; + zoom: 1; + *display: inline; + vertical-align: top; + width: 55px; + height: 75px; + border-color: #CCC; + border-style: solid; + border-width: 0 1px 0 0; + margin-top: -14px; + button { + position: relative; + width: 55px; + height: 67px; + background: transparent; + border: 0; + cursor: pointer; + } + input { + display: none; + } + button .arrow { + position: absolute; + top: 50%; + left: 50%; + margin-top: -4.5px; + margin-left: -6px; + display: block; + width: 13px; + height: 9px; + border: 0; + background: url('/images/backoffice/activity/check.png') no-repeat 0 0; + } + } + .date_time { + display: inline-block; + zoom: 1; + *display: inline; + vertical-align: top; + height: 37px; + width: 65px; + padding: 5px 17px; + font-size: 13px; + .date { + margin-bottom: 6px; + color: #666666; + } + .time { + margin-top: 6px; + color: #999999; + } + } + .title_by { + display: inline-block; + zoom: 1; + *display: inline; + vertical-align: top; + height: 37px; + width: 599px; + padding: 5px 20px; + border-color: #cccccc; + border-style: solid; + border-width: 0 0 0 1px; + .title { + font-size: 17px; + color: #666666; + a { + color: #E93E3F; + &:hover { + text-decoration: underline; + } + } + } + .by { + font-size: 13px; + color: #999999; + } + form { + color: black; + text-align: right; + } + } + .more { + display: inline-block; + zoom: 1; + *display: inline; + vertical-align: top; + height: 37px; + width: 60px; + padding: 5px; + font-size: 13px; + position: relative; + a { + display: block; + height: 100%; + width: 100%; + font-weight: bolder; + } + .arrow { + display: block; + height: 6px; + width: 8px; + position: absolute; + top: 50%; + left: 50%; + margin-top: -3px; + margin-left: 1px; + background: url('/images/backoffice/activity/arrow_down.png') no-repeat 0 0; + } + } + } + &.open .summary .more .arrow { + background: url('/images/backoffice/activity/arrow_up.png') no-repeat 0 0; + } + .detail { + display: none; + border-top: 1px solid #cccccc; + background-color: #eff6f8; + padding: 10px 10px 10px 76px; + font-size: 11px; + text-transform: uppercase; + background-color: rgba(239, 246, 248, 0.5); + ul li { + clear: both; + div { + margin: 15px 0; + } + .label { + display: -moz-inline-stack; + display: inline-block; + zoom: 1; + *display: inline; + color: #999999; + width: 106px; + color: rgba(153, 153, 153, 0.5); + } + .value { + display: -moz-inline-stack; + display: inline-block; + zoom: 1; + *display: inline; + width: 679px; + vertical-align: top; + color: black; + line-height: 1.3; + } + } + } + .border_bottom { + background: url('/images/backoffice/activity/blue_rounded_wide_bottom.png') no-repeat 0 0; + height: 5px; + width: 874px; + } + &.open .border_bottom { + background: url('/images/backoffice/activity/light_blue_rounded_wide_bottom.png') no-repeat 0 0; + } + .detail ul li { + .separator { + background-color: #dde1e2; + height: 1px; + width: 100%; + } + &:last-child .separator { + display: none; + } + } + } +} + +.project_info div.med div.changes_list div.change { + width: 564px; + .summary .title_by { + width: 289px; + } + .border_top { + background: url('/images/backoffice/activity/blue_rounded_narrow_top.png') no-repeat 0 0; + } + .border_bottom { + background: url('/images/backoffice/activity/blue_rounded_narrow_bottom.png') no-repeat 0 0; + height: 5px; + width: 874px; + } + &.open .border_bottom { + background: url('/images/backoffice/activity/light_blue_rounded_narrow_bottom.png') no-repeat 0 0; + } + .detail ul li .value { + width: 369px; + } +} + +div.med div.changes_list div.change.checked { + .border_top { + background: url('/images/backoffice/activity/light_blue_rounded_wide_top.png') no-repeat 0 0; + } + .border_bottom { + background: url('/images/backoffice/activity/light_blue_rounded_wide_bottom.png') no-repeat 0 0; + } +} + +.project_info div.med div.changes_list div.change.checked { + .border_top { + background: url('/images/backoffice/activity/light_blue_rounded_narrow_top.png') no-repeat 0 0; + } + .border_bottom { + background: url('/images/backoffice/activity/light_blue_rounded_narrow_bottom.png') no-repeat 0 0; + } +} + +div.med div.changes_list div.change { + &.checked .summary { + background-color: #F8FAFB; + .reviewed { + border-color: rgba(204, 204, 204, 0.5); + button .arrow { + background-position: 0 -10px; + } + } + .date_time { + .date { + color: rgba(102, 102, 102, 0.5); + } + .time { + color: rgba(153, 153, 153, 0.5); + } + } + .title_by { + border-color: rgba(204, 204, 204, 0.5); + .title { + color: rgba(102, 102, 102, 0.5); + a { + color: rgba(233, 62, 63, 0.5); + } + } + .by { + color: rgba(153, 153, 153, 0.5); + a { + color: rgba(233, 62, 63, 0.5); + } + } + form { + color: rgba(0, 0, 0, 0.5); + } + } + .more .arrow { + background: url('/images/backoffice/activity/light_arrow_down.png') no-repeat 0 0; + } + } + &.open.checked .summary .more .arrow { + background: url('/images/backoffice/activity/light_arrow_up.png') no-repeat 0 0; + } + &.checked .detail { + border-color: rgba(204, 204, 204, 0.5); + background-color: rgba(239, 246, 248, 0.5); + ul li { + .value { + color: rgba(0, 0, 0, 0.5); + } + .separator { + background-color: rgba(221, 225, 226, 0.5); + } + } + } +} + +/* USERS */ + +.users { + div.block.edit div.med div.left { + div { + &.field { + width: auto; + margin-bottom: 20px; + } + &.submit { + float: left; + margin-bottom: 20px; + } + } + a.new_user { + float: left; + width: 105px; + height: 36px; + margin: 0 0 0 15px; + background: url('/images/backoffice/users/new_user.png') no-repeat 0 0; + } + .export_users { + float: left; + width: 131px; + height: 36px; + margin: 0 0 0 15px; + background: url('/images/backoffice/users/export_users.png') no-repeat 0 0; + } + .remove { + float: none; + width: 17px; + height: 16px; + background: url('/images/backoffice/users/remove_user.png') no-repeat 0 0; + } + h2 { + padding-bottom: 20px; + } + #users_list_filter { + float: left; + width: auto; + margin-top: 2px; + } + .chzn-container .chzn-results { + float: left; + } + .user { + position: relative; + float: left; + width: 534px; + height: 56px; + background: url('/images/backoffice/users/user_item_bkg.png') no-repeat 0 0; + margin-bottom: 20px; + padding: 15px; + color: #999999; + } + } + .paginate .pagination { + float: left; + margin: 0 30px 0 32px !important; + } + div.block.edit div.med div.left .user { + a { + color: #E93E3F; + } + .name { + display: block; + font-size: 17px; + height: 28px; + line-height: 2; + } + .details { + height: 28px; + line-height: 2; + font-size: 13px; + } + form { + position: static; + } + .remove { + position: absolute; + right: 15px; + top: 50%; + margin: 0; + margin-top: -8px; + } + a { + color: #E93E3F; + } + .name { + display: block; + font-size: 17px; + height: 28px; + line-height: 2; + } + .details { + height: 28px; + line-height: 2; + font-size: 13px; + } + form { + position: static; + } + .remove { + position: absolute; + right: 15px; + top: 50%; + margin: 0; + margin-top: -8px; + } + } +} diff --git a/public/stylesheets/sass/plugins/fineuploader-3.3.0.scss b/public/stylesheets/sass/plugins/fineuploader-3.3.0.scss new file mode 100644 index 00000000..fe17d645 --- /dev/null +++ b/public/stylesheets/sass/plugins/fineuploader-3.3.0.scss @@ -0,0 +1,180 @@ +/* + * Original version: 1.0 © 2010 Andrew Valums ( andrew(at)valums.com ) + * Current Maintainer (2.0+): 2012, Ray Nicholus ( fineuploader(at)garstasio.com ) + * + * Licensed under MIT license, GNU GPL 2 or later, GNU LGPL 2 or later, see license.txt. + */ + +.qq-uploader { + position: relative; + width: 100%; +} + +.qq-upload-button { + display: block; + width: 105px; + padding: 7px 0; + text-align: center; + background: #880000; + border-bottom: 1px solid #DDD; + color: #FFF; +} + +.qq-upload-button-hover { + background: #CC0000; +} + +.qq-upload-button-focus { + outline: 1px dotted #000000; +} + +.qq-upload-drop-area, .qq-upload-extra-drop-area { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + min-height: 30px; + z-index: 2; + background: #FF9797; + text-align: center; +} + +.qq-upload-drop-area span { + display: block; + position: absolute; + top: 50%; + width: 100%; + margin-top: -8px; + font-size: 16px; +} + +.qq-upload-extra-drop-area { + position: relative; + margin-top: 50px; + font-size: 16px; + padding-top: 30px; + height: 20px; + min-height: 40px; +} + +.qq-upload-drop-area-active { + background: #FF7171; +} + +.qq-upload-list { + margin: 0; + padding: 0; + list-style: none; + li { + margin: 0; + padding: 9px; + line-height: 15px; + font-size: 16px; + background-color: #FFF0BD; + } +} + +.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-retry, .qq-upload-failed-text, .qq-upload-finished, .qq-upload-delete { + margin-right: 12px; +} + +.qq-upload-file! {} + +.qq-upload-spinner { + display: inline-block; + background: url("loading.gif"); + width: 15px; + height: 15px; + vertical-align: text-bottom; +} + +.qq-drop-processing { + display: none; +} + +.qq-drop-processing-spinner { + display: inline-block; + background: url("processing.gif"); + width: 24px; + height: 24px; + vertical-align: text-bottom; +} + +.qq-upload-finished { + display: none; + width: 15px; + height: 15px; + vertical-align: text-bottom; +} + +.qq-upload-retry, .qq-upload-delete { + display: none; + color: #000000; +} + +.qq-upload-cancel, .qq-upload-delete { + color: #000000; +} + +.qq-upload-retryable .qq-upload-retry { + display: inline; +} + +.qq-upload-size, .qq-upload-cancel, .qq-upload-retry, .qq-upload-delete { + font-size: 12px; + font-weight: normal; +} + +.qq-upload-failed-text { + display: none; + font-style: italic; + font-weight: bold; +} + +.qq-upload-failed-icon { + display: none; + width: 15px; + height: 15px; + vertical-align: text-bottom; +} + +.qq-upload-fail .qq-upload-failed-text { + display: inline; +} + +.qq-upload-retrying .qq-upload-failed-text { + display: inline; + color: #D60000; +} + +.qq-upload-list li { + &.qq-upload-success { + background-color: #5DA30C; + color: #FFFFFF; + } + &.qq-upload-fail { + background-color: #D60000; + color: #FFFFFF; + } +} + +.qq-progress-bar { + background: -moz-linear-gradient(top, rgba(30, 87, 153, 1) 0%, rgba(41, 137, 216, 1) 50%, rgba(32, 124, 202, 1) 51%, rgba(125, 185, 232, 1) 100%); + /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(30, 87, 153, 1)), color-stop(50%, rgba(41, 137, 216, 1)), color-stop(51%, rgba(32, 124, 202, 1)), color-stop(100%, rgba(125, 185, 232, 1))); + /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, rgba(30, 87, 153, 1) 0%, rgba(41, 137, 216, 1) 50%, rgba(32, 124, 202, 1) 51%, rgba(125, 185, 232, 1) 100%); + /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, rgba(30, 87, 153, 1) 0%, rgba(41, 137, 216, 1) 50%, rgba(32, 124, 202, 1) 51%, rgba(125, 185, 232, 1) 100%); + /* Opera 11.10+ */ + background: -ms-linear-gradient(top, rgba(30, 87, 153, 1) 0%, rgba(41, 137, 216, 1) 50%, rgba(32, 124, 202, 1) 51%, rgba(125, 185, 232, 1) 100%); + /* IE10+ */ + background: linear-gradient(to bottom, rgba(30, 87, 153, 1) 0%, rgba(41, 137, 216, 1) 50%, rgba(32, 124, 202, 1) 51%, rgba(125, 185, 232, 1) 100%); + /* W3C */ + width: 0%; + height: 15px; + border-radius: 6px; + margin-bottom: 3px; + display: none; +} diff --git a/public/stylesheets/sass/sites/galleria.classic.scss b/public/stylesheets/sass/sites/galleria.classic.scss new file mode 100644 index 00000000..2196f179 --- /dev/null +++ b/public/stylesheets/sass/sites/galleria.classic.scss @@ -0,0 +1,233 @@ +.galleria-container { + position: relative; + width: 660px; + height: 400px; + overflow: hidden; +} + +.galleria-stage { + position: absolute; + top: 0px; + bottom: 0px; + left: 0px; + right: 0px; + width: 660px; + height: 400px; + overflow: hidden; +} + +.galleria-counter { + position: absolute; + top: 29px; + left: 33px; + text-align: right; + color: #fff; + font: normal 11px/1 arial,sans-serif; + z-index: 2; +} + +.galleria-loader { + background: #000; + width: 32px; + height: 32px; + position: absolute; + top: 184px; + left: 314px; + z-index: 2; + display: inline; + background: url('/images/sites/galleria/loading_white.gif') no-repeat 2px 2px; +} + +.galleria-info { + width: 437px; + left: 112px; + bottom: 36px; + height: 81px; + z-index: 89; + z-index: 2; + position: absolute; +} + +.galleria-info-text { + background: url('/images/sites/galleria/gallery_caption.png') no-repeat 0 0; + height: 51px; + width: 407px; + padding: 15px !important; + display: none; + opacity: 0.8; + /* IE7 */ + zoom: 1; +} + +.galleria-info-title { + font: normal 15px Arial; + color: white; + margin: 0; + text-decoration: none; +} + +.galleria-info-description { + font: normal 13px Arial; + margin: 0; + color: white; +} + +.galleria-info-title + .galleria-info-description { + margin-top: 7px; +} + +.galleria-info-close { + width: 9px; + height: 9px; + position: absolute; + top: 5px; + right: 5px; + background-position: -753px -11px; + opacity: .5; + filter: alpha(opacity = 50); + cursor: pointer; + display: none; + &:hover { + opacity: 1; + filter: alpha(opacity = 100); + } +} + +.galleria-info-link { + background-position: -669px -5px; + opacity: .7; + filter: alpha(opacity = 70); + position: absolute; + width: 20px; + height: 20px; + cursor: pointer; + background-color: #000; + &:hover { + opacity: 1; + filter: alpha(opacity = 100); + } +} + +.galleria-image-nav { + position: absolute; + bottom: 46px; + width: 100%; + height: 62px; + left: 0; + display: none; +} + +.galleria-image-nav-left { + opacity: .3; + filter: alpha(opacity = 30); + cursor: pointer; + width: 69px; + height: 61px; + position: absolute; + left: 33px; + z-index: 2; + background-position: 0 46px; +} + +.galleria-image-nav-right { + opacity: .3; + filter: alpha(opacity = 30); + cursor: pointer; + width: 69px; + height: 61px; + position: absolute; + left: 33px; + z-index: 2; + background-position: 0 46px; + left: auto; + right: 33px; + z-index: 2; +} + +.galleria-image-nav-left:hover, .galleria-image-nav-right:hover { + opacity: 1; + filter: alpha(opacity = 100); + background-position: 0 -61px; +} + +.galleria-thumb-nav-left { + cursor: pointer; + display: none; + position: absolute; + left: 0; + top: 0; + height: 61px; + width: 69px; + z-index: 3; + opacity: .8; + filter: alpha(opacity = 80); +} + +.galleria-thumb-nav-right { + cursor: pointer; + display: none; + position: absolute; + left: 0; + top: 0; + height: 61px; + width: 69px; + z-index: 3; + opacity: .8; + filter: alpha(opacity = 80); + border-right: none; + right: 0; + left: auto; +} + +.galleria-thumbnails-container .disabled { + /* opacity:.2;filter:alpha(opacity=20);cursor:default;*/ +} + +.galleria-thumb-nav-left:hover, .galleria-thumb-nav-right:hover { + opacity: 1; + filter: alpha(opacity = 100); +} + +.galleria-thumbnails-container .disabled:hover { + opacity: 0.2; + filter: alpha(opacity = 20); + background-color: transparent; +} + +.galleria-carousel { + .galleria-thumb-nav-left, .galleria-thumb-nav-right { + display: block; + } +} + +.galleria-thumb-nav-left, .galleria-thumb-nav-right, .galleria-info-link, .galleria-info-close, .galleria-image-nav-left { + background: url('/images/sites/galleria/previous_image_bkg.png') no-repeat 0 0; +} + +.galleria-image-nav-right { + background: url('/images/sites/galleria/next_image_bkg.png') no-repeat 0 0; + background-repeat: no-repeat; +} + +/*VIDEO*/ + +div.galleria_video { + position: absolute; + left: 50%; + top: 50%; + margin: -45px 0 0 -45px; + width: 90px; + height: 90px; + z-index: 10000; + display: none; + a { + float: left; + width: 90px; + height: 90px; + background: url('/images/common/play.png') no-repeat 0 0; + &:hover { + background-position: 0 -90px; + cursor: pointer; + } + } +} diff --git a/public/stylesheets/sass/sites/galleria.home.scss b/public/stylesheets/sass/sites/galleria.home.scss new file mode 100644 index 00000000..7ffbd152 --- /dev/null +++ b/public/stylesheets/sass/sites/galleria.home.scss @@ -0,0 +1,246 @@ +.galleria-container { + position: relative; + overflow: hidden; + width: 927px; + height: 444px; +} + +.galleria-stage { + position: absolute; + top: 0px; + bottom: 0px; + left: 0px; + right: 0px; + overflow: hidden; + width: 927px; + height: 444px; +} + +.galleria-counter { + position: absolute; + top: 29px; + left: 33px; + text-align: right; + color: #fff; + font: normal 11px/1 arial,sans-serif; + z-index: 2; +} + +.galleria-loader { + background: #000; + width: 32px; + height: 32px; + position: absolute; + top: 260px; + left: 463px; + z-index: 2; + display: inline; + background: url('/images/sites/galleria/loading_white.gif') no-repeat 2px 2px; +} + +.galleria-info { + background: url('/images/sites/home/gallery_info.png') no-repeat 0 0; + height: 117px; + width: 897px; + padding: 15px !important; + z-index: 89; + z-index: 2; + position: absolute; + bottom: 0px; + left: 0px; +} + +.galleria-info-text { + display: none; + margin: 0px 7px; + width: 640px !important; +} + +.galleria-info-title { + font: bold 24px "PT Sans"; + color: white; + margin: 0; + text-decoration: none; + text-transform: uppercase; +} + +.galleria-info-shortdescription { + font: bold 18px "PT Sans"; + color: #D15F50; + margin: 0; +} + +.galleria-info-description { + font: normal 15px "Arial"; + color: white; + margin: 9px 0 0; +} + +.galleria-info-explore { + background: url('/images/sites/home/start_exploring_bttn.png') no-repeat 0 0; + width: 200px; + height: 50px; + position: absolute; + bottom: 29px; + right: 29px; + &:hover { + background-position: 0 -50px; + cursor: pointer; + } +} + +.galleria-info-title + .galleria-info-description { + margin-top: 7px; +} + +.galleria-info-close { + width: 9px; + height: 9px; + position: absolute; + top: 5px; + right: 5px; + background-position: -753px -11px; + opacity: .5; + filter: alpha(opacity = 50); + cursor: pointer; + display: none; + &:hover { + opacity: 1; + filter: alpha(opacity = 100); + } +} + +.galleria-info-link { + background-position: -669px -5px; + opacity: .7; + filter: alpha(opacity = 70); + position: absolute; + width: 20px; + height: 20px; + cursor: pointer; + background-color: #000; + &:hover { + opacity: 1; + filter: alpha(opacity = 100); + } +} + +.galleria-image-nav { + position: absolute; + top: 40%; + width: 100%; + height: 67px; + left: 0; + display: none; +} + +.galleria-image-nav-left { + cursor: pointer; + width: 67px; + height: 67px; + position: absolute; + left: 21px; + z-index: 2; + background-position: 0 46px; +} + +.galleria-image-nav-right { + cursor: pointer; + width: 67px; + height: 67px; + position: absolute; + left: 21px; + z-index: 2; + background-position: 0 46px; + left: auto; + right: 21px; + z-index: 2; +} + +.galleria-image-nav-left:hover, .galleria-image-nav-right:hover { + opacity: 1; + filter: alpha(opacity = 100); + background-position: 0 -67px; +} + +.galleria-thumb-nav-left { + cursor: pointer; + display: none; + position: absolute; + left: 0; + top: 0; + height: 61px; + width: 69px; + z-index: 3; + opacity: .8; + filter: alpha(opacity = 80); +} + +.galleria-thumb-nav-right { + cursor: pointer; + display: none; + position: absolute; + left: 0; + top: 0; + height: 61px; + width: 69px; + z-index: 3; + opacity: .8; + filter: alpha(opacity = 80); + border-right: none; + right: 0; + left: auto; +} + +.galleria-thumbnails-container .disabled { + /* opacity:.2;filter:alpha(opacity=20);cursor:default;*/ +} + +.galleria-thumb-nav-left:hover, .galleria-thumb-nav-right:hover { + opacity: 1; + filter: alpha(opacity = 100); +} + +.galleria-thumbnails-container .disabled:hover { + opacity: 0.2; + filter: alpha(opacity = 20); + background-color: transparent; +} + +.galleria-carousel { + .galleria-thumb-nav-left, .galleria-thumb-nav-right { + display: block; + } +} + +.galleria-thumb-nav-left, .galleria-thumb-nav-right, .galleria-info-link, .galleria-info-close, .galleria-image-nav-left { + background: url('/images/sites/home/left_nav.png') no-repeat 0 0; +} + +.galleria-image-nav-right { + background: url('/images/sites/home/right_nav.png') no-repeat 0 0; + background-repeat: no-repeat; +} + +/*VIDEO*/ + +div.galleria_video { + position: absolute; + left: 50%; + top: 50%; + margin: -45px 0 0 -45px; + width: 90px; + height: 90px; + z-index: 89; + display: none; + a { + float: left; + width: 90px; + height: 90px; + background: url('/images/common/play.png') no-repeat 0 0; + &:hover { + background-position: 0 -90px; + cursor: pointer; + } + } +} diff --git a/public/stylesheets/sass/sites/jscroll.scss b/public/stylesheets/sass/sites/jscroll.scss new file mode 100644 index 00000000..0aa3d0b3 --- /dev/null +++ b/public/stylesheets/sass/sites/jscroll.scss @@ -0,0 +1,200 @@ +/* + * CSS Styles that are needed by jScrollPane for it to operate correctly. + * + * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane + * may not operate correctly without them. + */ + +.jspContainer { + overflow: hidden; + position: relative; +} + +.jspPane { + position: absolute; +} + +.jspVerticalBar { + position: absolute; + top: 0px; + right: 0; + width: 11px; + height: 100%; +} + +.jspHorizontalBar { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 16px; + background: red; +} + +.jspVerticalBar *, .jspHorizontalBar * { + margin: 0; + padding: 0; +} + +.jspCap { + display: none; +} + +.jspHorizontalBar .jspCap { + float: left; +} + +.jspTrack { + background: #585856; + position: relative; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +} + +.jspDrag { + float: left; + background: #2C2C2B; + position: relative; + top: 3px; + left: 2px; + width: 7px; + cursor: pointer; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + height: 100%; +} + +.jspHorizontalBar { + .jspTrack { + float: left; + height: 100%; + } + float: left; + height: 100%; +} + +.jspArrow { + background: #50506d; + text-indent: -20000px; + display: block; + cursor: pointer; + &.jspDisabled { + cursor: default; + background: #80808d; + } +} + +.jspVerticalBar .jspArrow { + height: 16px; +} + +.jspHorizontalBar .jspArrow { + width: 16px; + float: left; + height: 100%; +} + +.jspVerticalBar .jspArrow:focus { + outline: none; +} + +.jspCorner { + background: #eeeef4; + float: left; + height: 100%; +} + +/* Yuk! CSS Hack for IE6 3 pixel bug :( */ + +* html .jspCorner { + margin: 0 -3px 0 0; +} + +/* CSS styles for scrollbars in autocomplete widgets */ + +.ui-autocomplete { + .jspVerticalBar { + position: absolute; + top: 0px; + right: 7px; + width: 11px; + height: 100%; + } + .jspTrack { + background: transparent; + position: relative; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + } + .jspDrag { + background: #8B8B8B; + position: relative; + top: 0; + left: 0; + cursor: pointer; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + } + .jspArrow { + background: #50506d; + text-indent: -20000px; + display: none !important; + cursor: pointer; + } + .jspVerticalBar .jspArrow { + height: 0; + } + .jspCorner { + background: #eeeef4; + float: left; + height: 100%; + } +} + +/* CSS styles for scrollbars in combos */ + +.newList_content { + .jspVerticalBar { + position: absolute; + top: 0; + right: 0; + width: 11px; + height: 100%; + } + .jspTrack { + background: transparent; + position: relative; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + } + .jspDrag { + background: #8B8B8B; + position: relative; + top: 0; + left: 0; + cursor: pointer; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + width: 5px; + } + .jspArrow { + background: #50506d; + text-indent: -20000px; + display: none !important; + cursor: pointer; + } + .jspVerticalBar .jspArrow { + height: 0; + } + .jspCorner { + background: #eeeef4; + float: left; + height: 100%; + } +} diff --git a/public/stylesheets/sass/sites/layout.scss b/public/stylesheets/sass/sites/layout.scss new file mode 100644 index 00000000..2a1a1506 --- /dev/null +++ b/public/stylesheets/sass/sites/layout.scss @@ -0,0 +1,3703 @@ +body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, form, fieldset, p { + margin: 0; + padding: 0; + font-weight: normal; +} + +img, fieldset { + border: none; + padding: 0; + margin: 0; +} + +ul, li { + list-style: none; +} + +body { + font: 13px Arial, Helvetica,serif; + color: #666666; + background-color: #EEEEEE; + background: url('/images/sites/common/bkg_body_repeatxy.jpg'); +} + +span.clear { + clear: both; +} + +div { + &.left { + float: left; + width: auto; + } + &.right { + float: right; + width: auto; + } +} + +a { + text-decoration: none; + &:focus { + outline: none; + } +} + +ul:focus, input:focus { + outline: none; +} + +div { + &#outer_layout { + margin: 0 auto; + width: 100%; + } + &#layout { + width: 932px; + margin: 0 auto; + } + &.wrapper { + float: left; + margin: 0; + padding: 0; + } + &#header_sites { + width: 100%; + height: 34px; + padding: 35px 0 0 0; + margin: 0 0 0 10px; + h1 { + display: inline-block; + text-indent: -99999px; + background: url('/images/ngoaidmap_logo.png'); + width: 184px; + height: 40px; + a { + color: #4A4A4A; + } + span { + position: absolute; + top: -13px; + right: 0; + font: bold 11px "Open Sans Bold"; + color: #8B8B8B; + } + } + h2 { + float: left; + margin: 1px 0 0 0; + font: normal 24px Arial; + color: #D06654; + text-shadow: 0 -1px white; + } + ul.menu { + float: right; + margin: 9px 0 0 0; + padding: 0; + li { + float: left; + margin: 0 32px 0 0; + &.last { + margin: 0; + } + a { + float: left; + font: bold 13px "Open Sans Bold"; + color: #808080; + text-decoration: none; + &:hover { + cursor: pointer; + text-decoration: underline !important; + } + } + } + } + } + &#gallery { + position: relative; + float: left; + width: 958px; + height: 469px; + background: url('/images/sites/home/bkg_gallery.png') no-repeat 0 0; + margin: 27px 0 0; + div.content_gallery { + float: left; + margin: 10px 0 0 13px; + width: 927px; + height: 444px; + overflow: hidden; + } + a.credits { + position: absolute; + right: 50px; + bottom: 126px; + z-index: 100; + font-family: Arial; + font-size: 11px; + color: #696A6C; + text-decoration: underline; + } + img { + float: left; + width: 927px; + height: 444px; + margin: 0; + } + } +} + +/* FONT-FACE */ + +/*@font-face { + font-family: 'Myriad Pro'; + src: url('/fonts/myriadwebpro-webfont.eot'); + src: local('☺'), url('/fonts/myriadwebpro-webfont.woff') format('woff'), url('/fonts/myriadwebpro-webfont.ttf') format('truetype'), url('/fonts/myriadwebpro-webfont.svg#webfontYl3tjaAN') format('svg'); + font-weight: normal; + font-style: normal; +}*/ + +@font-face { + font-family: 'Geneva'; + src: url('/fonts/geneva-webfont.eot'); + src: local("☺"), url('/fonts/geneva-webfont.woff') format("woff"), url('/fonts/geneva-webfont.ttf') format("truetype"), url('/fonts/geneva-webfont.svg#webfontJVzkRI7c') format("svg"); + font-weight: normal; + font-style: normal; +} + + +@font-face { + font-family: 'PT Sans'; + src: url('/fonts/regular-webfont.eot'); + src: local("☺"), url('/fonts/regular-webfont.woff') format("woff"), url('/fonts/regular-webfont.ttf') format("truetype"), url('/fonts/regular-webfont.svg#webfontOmy4YPRL') format("svg"); + font-weight: normal; + font-style: normal; +} + + +@font-face { + font-family: 'PT Sans Bold'; + src: url('/fonts/bold-webfont.eot'); + src: local("☺"), url('/fonts/bold-webfont.ttf') format("truetype"), url('/fonts/bold-webfont.svg#webfontsAYHMuxi') format("svg"); + font-weight: bold; + font-style: normal; +} + + +@font-face { + font-family: 'Open Sans'; + src: url('/fonts/opensans-regular-webfont.eot'); + src: local("☺"), url('/fonts/opensans-regular-webfont.woff') format("woff"), url('/fonts/opensans-regular-webfont.ttf') format("truetype"), url('/fonts/opensans-regular-webfont.svg#webfontOmy4YPRL') format("svg"); + font-weight: normal; + font-style: normal; +} + + +@font-face { + font-family: 'Open Sans Bold'; + src: url('/fonts/opensans-bold-webfont.eot'); + src: local("☺"), url('/fonts/opensans-bold-webfont.ttf') format("truetype"), url('/fonts/opensans-bold-webfont.svg#webfontsAYHMuxi') format("svg"); + font-weight: bold; + font-style: normal; +} + + +@font-face { + font-family: 'Aller'; + src: url('/fonts/aller_rg-webfont.eot'); + src: local("☺"), url('/fonts/aller_rg-webfont.woff') format("woff"), url('/fonts/aller_rg-webfont.ttf') format("truetype"), url('/fonts/aller_rg-webfont.svg#webfont0SDR2pSu') format("svg"); + font-weight: normal; + font-style: normal; +} + + +/*The next is neccesary to fix properly the content scrollable*/ + +/*HOME SITES*/ + +ul#gallery_thumbails { + float: left; + width: 950px; + margin: 0; + li { + float: left; + width: 220px; + margin: 25px 23px 0 0; + div#image { + float: left; + width: 218px; + height: 131px; + background: url('/images/sites/home/bkg_thumbnail.png') no-repeat 0 0; + img { + float: left; + width: 203px; + height: 114px; + margin: 7px; + } + } + a.site_name { + float: left; + width: 100%; + margin: 5px 0 0 9px; + font: bold 15px "Open Sans Bold"; + color: #808080; + text-shadow: 0 -1px white; + text-transform: uppercase; + } + p.sponsor { + float: left; + width: 100%; + margin: 5px 0 0 9px; + color: #808080; + a { + color: #808080; + text-decoration: underline; + } + } + &.last { + margin: 25px 0 0 0; + } + } +} + +/* ***************** END HOME SITES*/ + +/*CLUSTER AND SECTORS TOOLTIPS*/ + +div.tooltip { + position: absolute; + bottom: 18px; + left: -71px; + width: 175px; + display: none; + span { + &.bottom_tooltip { + float: left; + background: url('/images/sites/common/tooltips/bottom_tooltip.png') no-repeat 0 0; + width: 175px; + height: 16px; + } + &.body_tooltip { + float: left; + background: url('/images/sites/common/tooltips/body_tooltip.png') repeat-y top; + width: 149px; + height: auto; + padding: 9px 15px 0 11px; + } + } + label { + float: left; + font: bold 13px "Open Sans Bold"; + color: white; + text-align: center; + width: 152px; + text-shadow: none; + } + p { + float: left; + font: normal 13px Arial; + color: #999999; + margin: 5px 0 0 3px; + padding: 0 0 5px !important; + text-transform: none; + text-shadow: none; + } +} + +h3 div.tooltip p { + width: 152px; + text-align: center; +} + +div { + &.tooltip a { + font: normal 13px Arial; + color: white !important; + text-decoration: underline !important; + &:hover { + cursor: pointer !important; + text-decoration: none !important; + } + } + &.block.info ul { + float: left; + margin: 0; + width: 100%; + padding: 0 0 15px 0; + li { + float: left; + padding: 3px 0 3px 10px; + background: url('/images/sites/icons/list_disc.png') no-repeat 0 10px; + margin: 3px 0 0 0; + width: 100%; + font: normal 15px Arial; + color: #666666; + a { + color: #CE5D4C; + text-decoration: underline; + font: normal 15px Arial; + &:hover { + text-decoration: none; + } + } + } + } + &#header { + width: 100%; + height: 40px; + padding: 0; + background: url(/images/sites/common/bkg_header_repeatx.jpg) repeat-x 0 0; + div { + &.inner_header { + margin: 0 auto; + width: 932px; + height: 40px; + } + &.left { + width: 810px; + display: inline-block; + vertical-align: top; + display: -moz-inline-stack; + zoom: 1; + *display: inline; + &.home { + width: 810px; + } + } + } + h1 { + float: left; + margin: 11px 0 0 0; + font: bold 15px "Open Sans Bold"; + line-height: 18px; + color: white; + text-transform: uppercase; + display: inline-block; + vertical-align: top; + display: -moz-inline-stack; + zoom: 1; + *display: inline; + a { + color: white; + } + } + ul.menu { + position: relative; + float: right; + margin: 4px 0 0; + width: auto; + height: 25px; + li { + float: left; + width: auto; + margin: 0 23px 0 0; + position: relative; + &#cluster_option.clicked ul.suboptions { + position: absolute; + top: 35px; + left: -10px; + z-index: 110; + background: url('/images/sites/common/menu/cluster_body_clicked.png') no-repeat 0 0; + display: none; + width: 505px; + height: 177px; + display: inline; + padding: 0 13px 0 15px; + &.longer { + background: url('/images/sites/common/menu/cluster_body_clicked_long.png') no-repeat 0 0; + height: 290px; + } + } + &#sector_option.clicked ul.suboptions { + position: absolute; + top: 35px; + left: -8px; + z-index: 110; + background: url('/images/sites/common/menu/body_sectors_content.png') repeat-y 0; + display: none; + width: 495px; + height: auto; + display: inline; + padding: 3px 13px 0; + span { + &.top_content { + position: absolute; + top: 0; + left: 0px; + background: url('/images/sites/common/menu/top_sectors_content.png') no-repeat 0 0; + width: 495px; + height: 3px; + } + &.bottom_content { + position: absolute; + bottom: -30px; + left: 0px; + background: url('/images/sites/common/menu/bottom_sectors_content.png') no-repeat 0 0; + width: 495px; + height: 30px; + } + } + &.longer { + background: url('/images/sites/common/menu/cluster_body_clicked_long.png') no-repeat 0 0; + height: 290px; + } + } + div.header_title { + display: none; + a { + display: none; + } + } + &#cluster_option.clicked div.header_title, &#sector_option.clicked div.header_title { + position: absolute; + top: 0; + left: -10px; + background: url('/images/sites/common/menu/cluster_head_clicked.png') no-repeat 0 0; + width: 94px; + height: 35px; + display: inline; + } + &.clicked div.header_title a { + float: left; + margin: 7px 0 0 10px; + padding: 0 8px 0 0; + font: normal 13px "Geneva"; + color: white; + text-decoration: none; + display: inline; + background: url('/images/sites/common/arrow_menu.png') no-repeat right 7px; + } + &#country_option.clicked { + div { + &.header_title { + position: absolute; + top: 0; + left: -15px; + background: url('/images/sites/common/menu/country_head_clicked.png') no-repeat 0 0; + width: 106px; + height: 35px; + display: inline; + } + &.suboptions_body { + position: absolute; + top: 35px; + left: -18px; + z-index: 110; + background: url('/images/sites/common/menu/country_body_clicked.png') no-repeat 0 0; + display: none; + width: 238px; + height: 234px; + display: inline; + padding: 7px; + display: inline; + } + &.header_title a { + margin: 8px 0 0 15px; + } + } + ul.content { + float: left; + width: 204px; + height: 218px; + overflow-x: hidden; + overflow-y: auto; + margin: 0 0 0 13px; + li { + float: left; + margin: 6px 0 0 0; + width: 185px; + a { + float: left; + margin: 0; + font: normal 13px "Geneva"; + linecolor: #C0C0BF; + text-decoration: none; + &:hover { + color: white; + } + } + } + } + } + &#region_option.clicked { + div.header_title { + position: absolute; + top: 0; + left: -15px; + background: url('/images/sites/common/menu/region_head_clicked.png') no-repeat 0 0; + width: 110px; + height: 35px; + display: inline; + } + span.suboptions_body_top { + position: absolute; + top: -2px; + left: 0; + z-index: 110; + background: url('/images/sites/common/menu/region_body_clicked_top.png') no-repeat 0 0; + width: 238px; + height: 2px; + } + div { + &.suboptions_body { + position: absolute; + top: 37px; + left: -19px; + z-index: 110; + background: url('/images/sites/common/menu/region_body_clicked.png') repeat-y 0 bottom; + display: none; + width: 238px; + max-height: 238px; + height: auto; + display: inline; + padding: 7px; + display: inline; + div.content_float { + float: left; + width: 238px; + height: auto; + background: url('/images/sites/common/menu/region_body_clicked.png') repeat-y 0 bottom; + } + } + &.header_title a { + margin: 7px 0 0 15px; + } + } + ul.content { + float: left; + width: 204px; + height: auto; + max-height: 213px; + overflow-x: hidden; + overflow-y: auto; + margin: 0 0 0 13px; + padding: 0 0 5px 0; + li { + float: left; + margin: 7px 0 0 0; + width: 185px; + a { + float: left; + margin: 0; + font: normal 13px "Geneva"; + color: #C0C0BF; + text-decoration: none; + &:hover { + color: white; + } + } + } + } + } + &#organization_option.clicked { + div { + &.header_title { + position: absolute; + top: -1px; + left: -15px; + background: url('/images/sites/common/menu/org_head_clicked.png') no-repeat 0 0; + width: 138px; + height: 36px; + display: inline; + } + &.suboptions_body { + position: absolute; + top: 35px; + left: -15px; + z-index: 110; + background: url('/images/sites/common/menu/org_body_clicked.png') no-repeat 0 0; + display: none; + width: 238px; + height: 234px; + display: inline; + padding: 7px; + display: inline; + span.suboptions_body_top { + position: absolute; + top: -2px; + left: 0; + z-index: 110; + background: url('/images/sites/common/menu/org_body_clicked_top.png') no-repeat 0 0; + width: 234px; + height: 2px; + display: none; + } + &.short { + position: absolute; + width: 238px; + height: auto; + background: url('/images/sites/common/menu/org_body_clicked_repeaty.png') repeat-y 0 bottom !important; + top: 37px; + max-height: 262px; + padding: 2px 7px 13px; + span.suboptions_body_top { + display: inline; + } + } + input[type="text"]#ngos_search { + float: left; + margin: 3px 0 0 7px; + background: url('/images/sites/common/menu/input_ngos.png') no-repeat 0 0; + width: 191px; + height: 22px; + padding: 0 7px; + font: normal 13px Arial; + color: #666666; + border: 0px; + } + &.short input[type="text"] { + display: none !important; + } + } + &.header_title a { + margin: 8px 0 0 15px; + padding: 0 8px 0 0; + background: url('/images/sites/common/arrow_menu.png') no-repeat right 7px; + } + &.suboptions_body.short ul.content { + margin: 3px 0 0 13px; + } + } + ul { + &.content { + float: left; + width: 204px; + height: 189px; + overflow-x: hidden; + overflow-y: auto; + margin: 17px 0 0 13px; + li { + float: left; + margin: 3px 0 0 0; + width: 185px; + a { + float: left; + margin: 2px 0 0 0; + font: normal 13px "Geneva"; + color: #C0C0BF; + text-decoration: none; + &:hover { + color: white; + } + } + } + } + &#orgs_list { + position: relative; + float: left; + overflow-y: scroll; + overflow-x: hidden; + p.no_founded { + position: absolute; + top: 10px; + left: 0; + font: italic 13px Arial; + color: #C1C1C0; + display: none; + } + li { + float: left; + margin: 6px 0 0 0; + a { + float: left; + font: normal 13px "Geneva",Arial; + color: #C1C1C0; + &:hover { + color: white; + } + } + } + } + } + } + &.clicked ul.suboptions { + display: inline; + } + a { + float: left; + width: auto; + font: normal 13px "Geneva"; + color: #C2C1C1; + text-decoration: none; + margin: 8px 0 0 0; + line-height: 15px; + &:hover { + cursor: pointer; + color: white; + } + &.with_suboptions { + padding: 0 8px 0 0; + background: url('/images/sites/common/arrow_menu.png') no-repeat right 6px; + } + span.with_suboptions { + display: none; + } + } + div.suboptions_body { + display: none; + } + ul.suboptions { + position: absolute; + top: 20px; + left: -13px; + background-color: #2F2E2C; + z-index: 110; + display: none; + li { + float: left; + width: 148px; + padding: 0 5px; + margin: 9px 0 0 0; + height: auto; + z-index: 10; + } + } + } + } + div.right { + margin: 10px 0 0 0; + width: auto; + height: 20px; + display: inline-block; + vertical-align: top; + display: -moz-inline-stack; + zoom: 1; + *display: inline; + form.search { + position: relative; + float: right; + span.input_search { + float: left; + width: 111px; + height: 20px; + background: url('/images/sites/common/input_search_bkg.png') no-repeat 0 0; + position: relative; + label { + display: none; + position: absolute; + top: 2px; + left: 5px; + width: 83px; + height: 14px; + font: normal 13px Arial; + color: #999999; + border: 0px; + z-index: 1; + } + input { + &[type="text"] { + position: absolute; + top: 2px; + left: 5px; + width: 83px; + height: 14px; + font: normal 13px Arial; + color: #999999; + border: 0px; + } + &[type="submit"] { + position: absolute; + right: 5px; + top: 3px; + width: 15px; + height: 14px; + background: url('/images/sites/common/bttn_search.png') no-repeat 0 0; + border: none; + } + } + } + } + } + } + &#map { + display: block; + width: 100%; + height: 465px; + background: #99B3CA; + border-bottom: 2px solid white; + border-top: 2px solid white; + &.home { + border-top: none; + } + } + &#small_map { + width: 100%; + height: 335px; + background: #99B3CA; + border-top: 2px solid white; + border-bottom: 2px solid white; + } +} + +/* COMMON TO ALL BLOCKS AND TO SHOW WITH DEFAULT STYLES */ + +/* HEADER */ + +/*COUNTRY*/ + +/*REGION*/ + +a { + &#zoomIn { + position: absolute; + display: none; + width: 24px; + height: 24px; + top: 10px; + left: 10px; + background: url('/images/sites/maps/zoom_in.png') no-repeat 0 0; + z-index: 100; + &:hover { + background-position: 0 -24px; + } + } + &#zoomOut { + position: absolute; + display: none; + width: 24px; + height: 24px; + top: 10px; + left: 40px; + background: url('/images/sites/maps/zoom_out.png') no-repeat 0 0; + z-index: 100; + &:hover { + background-position: 0 -24px; + } + } +} + +div { + &.map_style { + position: absolute; + display: none; + top: 10px; + right: 10px; + width: 111px; + height: 26px; + background: url('/images/sites/maps/map_style.png') no-repeat 0 0; + overflow: hidden; + z-index: 100; + &:hover { + cursor: pointer; + } + p { + margin: 7px 0 0 10px; + font: normal 13px 'Open Sans'; + color: white; + } + ul { + width: 93px; + margin: 10px 10px 0 10px; + li { + padding: 3px 0 3px; + a { + color: white; + text-decoration: none; + &:hover { + cursor: pointer; + } + } + } + } + } + &.main_head { + display: inline-block; + vertical-align: top; + zoom: 1; + *display: inline; + width: 100%; + } + &.inner_main_head { + position: relative; + width: 942px; + margin: 0 auto; + } + &.main_head { + div { + &.left { + width: 248px; + padding: 30px 32px; + background: url('/images/sites/common/mesh.png') repeat 0 0; + display: inline-block; + vertical-align: top; + zoom: 1; + *display: inline; + &.home { + padding: 0px 32px; + } + h1 { + width: 237px; + font: bold 25px "Open Sans Bold"; + line-height: 30px; + color: white; + text-shadow: 0 1px #A44B42; + z-index: 50; + &.cluster_sector_name { + width: 190px; + z-index: 50; + } + } + h2 { + width: 100%; + font: bold 15px "Open Sans Bold"; + color: white; + text-shadow: 0 1px #A44B42; + text-transform: uppercase; + &.cluster_sector_name, &.organization_name { + width: 100%; + font: bold 15px "Open Sans"; + color: #532620; + text-transform: uppercase; + text-shadow: none; + } + } + h3 { + width: 100%; + font: bold 15px "Open Sans Bold"; + color: #7B3C32; + text-transform: uppercase; + } + p { + padding: 5px 0 0 0; + font: normal 13px Arial; + color: #7B3932; + } + } + + &.float_head { + position:absolute; + top:0; + left:5px; + width:238px; + padding:30px 32px 44px 32px; + background:url('/images/sites/search/head_mask.png') repeat 0 0 #C45A4B; + z-index:100; + + &.home { + padding:20px 32px 70px 32px; + h1 { + font:bold 15px "Open Sans Bold"; + font-size:32px; + line-height: 36px; + text-transform:uppercase; + position:relative; + width:200px; + } + sup.beta { + font: normal 11px "Open Sans"; + color: #73352B; + padding: 3px; + } + h3 { + width: 100%; + font: bold 15px "Open Sans Bold"; + color: #7B3C32; + text-transform: uppercase; + margin: 10px 0 0 0; + } + } + } + + &.fund { + position: relative; + left: -27px; + top: 105px; + height: 45px; + width: 302px; + background: #ffffff; + z-index: 200; + vertical-align: middle; + p.fund_label { + display: inline-block; + width: 210px; + text-align: right; + font: bold 13px "Open Sans Bold"; + color: #666666; + vertical-align: middle; + } + div.fund_logo { + display: inline-block; + width: 70px; + height: 40px; + margin: 0 10px 0 0; + vertical-align: middle; + } + } + } + a.filter { + position: absolute; + padding: 5px; + display: block; + width: 239px; + font: bold 13px "Open Sans Bold"; + color: white; + font-weight: normal; + text-transform: uppercase; + z-index: 100; + img { + margin: 2px 5px; + } + } + div { + ul.breadcrumb { + width: 100%; + padding: 0 0 13px; + li { + display: inline; + width: auto; + margin: 0 5px 0 0; + background: url('/images/sites/icons/breadcrumb.png') no-repeat right 6px; + a { + width: auto; + color: #75362D; + text-decoration: underline; + padding: 0 12px 0 0; + font: normal 13px Arial; + &:hover { + color: #522822; + } + } + &.last { + padding: 0; + background: none; + } + } + } + &.right { + position: relative; + width: 604px; + padding: 28px 0; + display: inline-block; + vertical-align: top; + zoom: 1; + *display: inline; + min-height: 40px; + overflow: hidden !important; + span.wikipedia { + position: absolute; + bottom: 0; + right: 0; + background: url('/images/sites/regions/wikipedia_head.png') no-repeat 0 0; + width: 141px; + height: 49px; + } + &.home { + min-height: 50px; + a { + text-decoration: underline !important; + &:hover { + cursor: pointer; + text-decoration: none !important; + } + } + } + p.provided { + margin: 15px 0 0 0; + } + } + } + } + &#left_column { + position: relative; + width: 100%; + div { + &.left { + width: 300px; + height: 300px; + display: inline-block; + vertical-align: top; + display: -moz-inline-stack; + zoom: 1; + *display: inline; + } + &.outer_float { + position: absolute; + top: 0; + left: -5px; + width: 302px; + padding: 0 5px 5px 5px; + background: url('/images/sites/common/mesh.png') repeat-y 0 0; + z-index: 100; + } + &.float_left { + position: absolute; + top: -40px; + left: 5px; + div { + &.head { + position: relative; + width: 238px; + height: auto; + padding: 30px 32px; + background: url('/images/sites/search/head_mask.png') repeat 0 0 #c45a4b; + p { + font: normal 13px Arial; + color: #7B3932; + } + h2 { + width: 100%; + font: bold 15px "Open Sans Bold"; + color: white; + text-shadow: 0 1px #A44B42; + text-transform: uppercase; + } + } + &#secondary_map { + width: 300px; + height: 189px; + border-bottom: 1px solid #999999; + background: #99B3CA; + } + &.block { + float: left; + width: 238px; + padding: 32px; + background: white; + border-bottom: 1px solid #DEDEDE; + &.sharing { + min-height: 175px; + p { + padding: 0; + } + } + } + } + } + } + } + &.inner_main_head div.block { + border-bottom1: none !important; + } + &#left_column div.float_left div.block { + &.box_info { + float: left; + width: 238px; + border-bottom: 1px solid #DEDEDE; + padding: 0 32px 0; + label { + float: left; + margin: 30px 0 0 0; + font: bold 13px "Open Sans Bold"; + color: #666666; + width: 98px; + } + h2 { + float: left; + font: normal 36px "Aller"; + color: #666666; + width: 98px; + } + div { + &.projects_account { + float: left; + width: 119px; + height: 109px; + border-right: 1px solid #DEDEDE; + } + &.orgs_account { + float: left; + width: 90px; + height: 109px; + margin: 0 0 0 23px; + } + } + } + &.green { + background: #D8E5C0; + h3 { + color: #333333; + } + } + p { + width: 100%; + padding: 10px 0 0 0; + font: normal 13px Arial; + color: #666666; + line-height: 17px; + &.budget { + padding: 10px 0 0 10px; + font: normal 25px "Aller"; + color: #666666; + background: url('/images/sites/icons/budget.jpg') no-repeat 0 16px; + } + &.social a { + padding: 0 5px 0 20px; + color: #666666; + text-decoration: underline; + &:hover { + color: #333333; + } + &.twitter { + background: url('/images/sites/icons/twitter.png') no-repeat 0 0; + } + &.facebook { + margin: 0 0 0 4px; + background: url('/images/sites/icons/facebook.png') no-repeat 0 0; + } + } + } + img.logo { + padding: 0 0 10px 0; + max-width: 80px; + max-height: 46px; + width: auto; + height: auto; + } + p.website { + padding: 0; + } + &.wikipedia { + background: url('/images/sites/regions/wikipedia.png') no-repeat right bottom white; + p { + line-height: 17px; + &.provided { + margin: 15px 0 0 0; + } + } + } + &.margin { + margin: 5px 0 0 0; + } + &.resources { + background: url('/images/sites/organization/bkg_resources.png') no-repeat right bottom white; + } + h3 { + width: 100%; + font: bold 13px "Open Sans Bold"; + color: #666666; + text-shadow: none; + text-transform: uppercase; + &.secondary { + margin: 20px 0 0 0; + } + } + a { + color: #CD5D4C; + &:hover { + text-decoration: underline; + } + } + ul { + width: 100%; + margin: 10px 0 0 0; + padding: 0 0 6px; + list-style: none; + li { + padding: 3px 0 3px 10px; + background: url('/images/sites/icons/list_disc.png') no-repeat 0 10px; + font: normal 13px Arial; + color: #999999; + a { + text-decoration: none; + &:hover { + text-decoration: underline; + } + } + &.selected { + background: none; + a { + color: #666666; + &:hover { + text-decoration: none; + color: #666666; + } + } + } + } + } + a#show_donor_list { + float: left; + margin: 15px 0 0 0; + } + ul.clusters { + padding: 5px 0 0 0; + overflow: hidden; + li { + padding: 0 0 17px 42px; + &.last { + padding: 0 0 0 45px; + } + a { + color: #CD5D4C; + } + p { + padding: 1px 0 0 0; + } + } + } + a.more { + position: relative; + margin: 0 0 0 10px; + padding: 0 12px 0 0; + background: url('/images/sites/icons/down_garnet.png') no-repeat right 6px; + } + ul.share li { + background: none; + padding: 13px 0 0 0; + span { + &.share_label { + display: inline-block; + width: 60px; + vertical-align: middle; + } + &.share_icon { + display: inline-block; + margin: 0; + vertical-align: middle; + } + } + } + } + &.projects div { + &.inner_main_head div.left div.block { + padding: 18px 0 20px 5px !important; + } + &.block div.import_data { + float: left; + margin: 10px 0 0 0; + p { + float: left; + font: normal 13px Arial; + color: #666666; + margin: 0; + width: auto; + padding: 0 0 0 20px !important; + background: url('/images/sites/icons/download.png') no-repeat 0 1px !important; + } + a { + font: normal 13px Arial; + text-decoration: none !important; + margin: 1px 0 0 0; + &:hover { + text-decoration: underline !important; + } + } + } + } + &#left_column div { + &.float_left div.block a.more:hover { + text-decoration: underline; + } + &.right { + width: 632px; + padding: 0; + display: inline-block; + vertical-align: top; + display: -moz-inline-stack; + zoom: 1; + *display: inline; + h3 { + display: inline-block; + width: 598px; + padding: 20px 0px 20px 34px; + font: bold 13px "Open Sans Bold"; + color: #808080; + text-shadow: 0 1px white; + text-transform: uppercase; + line-height: 18px; + a#see_all { + padding: 0 5px; + text-transform: none; + text-shadow: none; + font: normal 13px Arial; + &:hover { + text-decoration: underline; + } + } + strong { + padding: 10px 0 0; + font: normal 12px Arial; + color: #808080; + text-transform: none; + text-shadow: none; + line-height: 20px; + } + ul.download { + width: auto; + padding-left: 19px !important; + background: url('/images/sites/icons/download.png') no-repeat 0 5px; + line-height: 25px; + li { + font: normal 13px Arial; + display: inline; + width: auto; + height: auto; + padding: 0; + a:hover { + text-decoration: underline; + } + } + } + a#embed_map { + text-transform: none; + } + &.withlogo { + width: 300px; + } + } + div#sponsor { + position: absolute; + right: 0; + top: 0px; + span { + float: left; + vertical-align: top; + padding: 21px 0 0 0; + font: bold 13px "Open Sans Bold"; + color: #999999; + text-shadow: 0 1px white; + text-transform: uppercase; + } + div { + &#logo { + float: left; + width: 101px; + padding: 15px 0 0 0; + text-align: center; + } + &#logo_bottom_border { + position: absolute; + width: 101px; + height: 10px; + padding: 0; + text-align: center; + right: 0; + bottom: -10px; + } + } + } + ul { + width: 100%; + padding: 0 !important; + li { + width: 572px; + height: 74px; + padding: 20px 26px 20px 34px; + &.even { + background: url('/images/sites/regions/even_bkg.png') repeat-x 0 0; + } + h4 { + width: 100%; + padding: 0; + margin: 0; + a { + font: bold 17px "Open Sans Bold"; + color: #D05F4E; + text-decoration: none; + &:hover { + text-decoration: underline; + } + } + } + p { + font: normal 13px Arial; + color: #666666; + &.author { + padding: 0 !important; + margin: 0; + a { + color: #666666; + text-decoration: underline; + &:hover { + color: #333333; + } + } + } + &.info { + padding: 10px 0 0 0; + a { + text-decoration: underline; + color: #D05F4E; + &:hover { + text-decoration: none; + } + } + } + } + } + } + } + &.view_more { + clear: both; + width: 100%; + padding: 20px 0 0 0; + a { + display: inline; + height: 15px; + margin: 0 0 0 0; + font: bold 13px "Open Sans Bold"; + background: url('/images/sites/search/pagination.png') no-repeat 0 0; + text-align: center; + &:hover { + background-position: 0 -26px; + cursor: pointer; + } + &#previous { + float: left; + margin-left: 34px; + padding: 5px 18px; + } + &#next { + float: right; + padding: 5px 30px; + } + } + } + } + &#popup.embed_map { + display: none; + position: fixed; + width: 468px; + height: 240px; + padding: 30px; + top: 50%; + left: 50%; + margin-top: -150px; + margin-left: -264px; + background-color: white; + clear: both; + z-index: 1500; + h5 { + font-family: 'Open Sans Bold'; + font-size: 13px; + font-weight: bold; + text-transform: uppercase; + } + p { + font-size: 15px; + padding: 5px 0 15px; + } + a.close { + &.top { + position: absolute; + top: 12px; + right: 12px; + background-image: url('/images/sites/common/popup_close_x.png'); + width: 8px; + height: 8px; + display: block; + } + &.button { + background-image: url('/images/sites/common/popup_close_button.png'); + width: 81px; + height: 33px; + display: block; + color: white; + font-family: "Open Sans Bold"; + font-size: 15px; + font-weight: bold; + text-align: center; + line-height: 33px; + margin: 20px 0; + } + } + textarea { + position: relative; + background-image: url('/images/sites/common/embed_map_textarea_background.png'); + background-repeat: no-repeat; + width: 438px; + height: 114px; + padding: 10px 15px; + border: 0 none; + font-family: 'Courier new'; + font-size: 15px; + *float: left; + *margin-left: 30px; + } + } + &.popup_background { + display: none; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: url('/images/sites/common/popup_background.png'); + z-index: 1000; + } + &#pages { + position: relative; + width: 100%; + margin: 65px 0 0 0; + div { + &.left { + width: 670px; + padding-bottom: 5px; + display: inline-block; + vertical-align: top; + display: -moz-inline-stack; + zoom: 1; + *display: inline; + background: url('/images/sites/common/mesh.png') repeat 0 0; + div { + &.outer_head { + width: 660px; + padding: 5px 5px 0 5px; + div.head { + width: 596px; + height: auto; + padding: 32px; + background: url('/images/sites/search/head_mask.png') repeat-x 0 0 #c45a4b; + border-bottom: 1px solid #814941; + h1 { + width: 100%; + font: bold 25px "Open Sans Bold"; + color: white; + text-shadow: 0 1px #A44B42; + } + p { + width: 100%; + padding: 2px 0 0 0; + font: normal 13px Arial; + color: #7C3831; + text-shadow: none; + } + a { + color: #7C3831; + text-decoration: underline; + } + input { + &[type="text"] { + width: 467px; + padding: 10px; + margin: 10px 0 0 0; + background: url('/images/sites/search/textinput_bkg.png') no-repeat 0 0; + font: normal 17px Arial; + color: #333333; + border: none; + display: inline-block; + vertical-align: top; + display: -moz-inline-stack; + zoom: 1; + *display: inline; + } + &[type="submit"] { + width: 101px; + height: 38px; + margin: 10px 0 0 0; + background: url('/images/sites/search/submit_bkg.png') no-repeat 0 0; + border: none; + text-indent: -9999px; + font-size: 0; + line-height: 0; + display: inline-block; + vertical-align: top; + display: -moz-inline-stack; + zoom: 1; + *display: inline; + &:hover { + background-position: 0 -38px; + cursor: pointer; + } + } + } + } + } + &.body { + width: 600px; + margin: 0 0 0 5px; + padding: 22px 30px 50px; + background: white; + border-bottom: 1px solid #CCCCCC; + &.last { + border: none; + } + h3 { + font: bold 13px "Open Sans Bold"; + color: #666666; + margin: 25px 0 0 0; + } + h2 { + font: bold 15px "Open Sans Bold"; + color: #666666; + margin: 10px 0 0 0; + } + p { + font: normal 13px Arial; + color: #666666; + margin: 10px 0 0 0; + &.question { + padding: 15px 0 0 0; + font-weight: bold; + &#firstquestion { + padding: 0; + } + } + a { + color: #D05F4C; + text-decoration: none; + &:hover { + text-decoration: underline; + cursor: pointer; + } + } + } + ul { + width: 100%; + margin: 10px 0 0 0; + padding: 0 0 6px; + list-style: none; + li { + padding: 3px 0 3px 13px; + background: url('/images/sites/icons/list_disc.png') no-repeat 0 10px; + font: normal 13px Arial; + color: #666666; + a { + color: #D05F4C; + text-decoration: none; + &:hover { + text-decoration: underline; + } + } + } + } + div.threecols { + width: 630px; + vertical-align: top; + ul { + display: inline-block; + width: 180px; + margin: 15px 20px 0 0; + vertical-align: top; + &#last { + margin: 15px 0 0 0; + } + } + } + } + &.results_list { + width: 660px; + min-height: 562px; + margin: 0 5px 0 5px; + background: white; + h3 { + margin: 0; + padding: 30px 0 30px 32px; + font: bold 13px "Open Sans Bold"; + color: #666666; + text-transform: uppercase; + a { + color: #666666; + padding: 0 8px 0 0; + background: url('/images/sites/icons/remove.png') no-repeat right 0; + border-bottom: 1px dotted #C45A4B; + &:hover { + border-bottom: 1px solid #C45A4B; + } + } + } + ul { + background: white; + li { + width: 100%; + height: 110px; + padding: 0 0 25px; + &.odd { + background: white; + padding: 0; + } + &.even { + background: #F5F5F5; + padding: 0; + } + p.no_results { + padding: 38px 32px; + font: bold 18px "Open Sans Bold"; + color: #666666; + } + div { + &.project_name { + float: left; + width: 439px; + height: 110px; + border-right: 1px solid #E5E5E5; + display: inline-block; + vertical-align: top; + display: -moz-inline-stack; + zoom: 1; + *display: inline; + h3 { + width: 400px; + padding-bottom: 0; + color: none; + a { + padding: 0; + font: bold 17px "Open Sans Bold"; + text-transform: none; + border: none; + background: none; + color: #C45A4B; + &:hover { + text-decoration: underline; + } + } + } + p { + margin: 0; + padding: 0 0 0 32px; + font: normal 13px Arial; + color: #999999; + a { + color: #999999; + text-decoration: underline; + &:hover { + color: #333333; + } + } + } + } + &.project_places { + width: 170px; + height: 30px; + padding: 35px 20px; + display: inline-block; + vertical-align: top; + display: -moz-inline-stack; + zoom: 1; + *display: inline; + p { + margin: 0; + padding: 0; + font: normal 13px Arial; + color: #999999; + text-align: center; + line-height: 13px; + } + ul { + margin: 0; + padding: 0; + font: normal 13px Arial; + background-color: transparent; + color: #999999; + text-align: center; + li { + margin: 0; + padding: 2px; + background-color: transparent; + line-height: 13px; + } + } + p a { + color: #999999; + text-decoration: underline; + &:hover { + color: #333333; + } + } + } + } + } + } + } + } + } + &.right { + width: 262px; + margin: 71px 0 0 0; + padding: 0; + display: inline-block; + vertical-align: top; + display: -moz-inline-stack; + zoom: 1; + *display: inline; + } + &.rightsearch { + margin: 122px 0 0 0; + } + &.right div.block { + float: left; + width: 242px; + margin: 23px 0 0 0; + padding: 0 0 0 30px; + &.border { + border-bottom: 1px solid #D4D4D4; + padding: 0 0 20px 30px; + &.last { + border: none; + padding: 0 0 0 30px; + } + } + h2 { + width: 100%; + font: bold 13px "Open Sans Bold"; + color: #808080; + text-shadow: 0 1px white; + text-transform: uppercase; + a.clear_date { + float: right; + margin-right: 12px; + font-size: 11px; + font-weight: normal; + color: #ca5d4d; + text-transform: capitalize; + } + } + h3 a:hover { + cursor: pointer; + text-decoration: underline; + } + div.logo { + float: left; + padding: 0 0 5px; + width: 100%; + } + img { + background: white; + &#image_logo { + border: 5px solid #CFCFCF; + } + } + p { + width: 100%; + padding: 10px 0 0 0; + font: normal 13px Arial; + color: #666666; + line-height: 17px; + &.social a { + padding: 0 5px 0 20px; + color: #666666; + text-decoration: underline; + &:hover { + color: #333333; + } + &.twitter { + background: url('/images/sites/icons/twitter.png') no-repeat 0 0; + } + &.facebook { + margin: 0 0 0 4px; + background: url('/images/sites/icons/facebook.png') no-repeat 0 0; + } + } + &.website { + padding: 5px 0 0 0; + } + a { + color: #CD5D4C; + &:hover { + text-decoration: underline; + } + } + } + ul { + width: 100%; + margin: 2px 0 0 0; + padding: 0 0 6px; + list-style: none; + li { + padding: 3px 0 3px 10px; + background: url('/images/sites/icons/list_disc.png') no-repeat 0 10px; + font: normal 13px Arial; + color: #333333; + &.page { + color: #333333; + } + a { + color: #D05F4C; + text-decoration: none; + &:hover { + text-decoration: underline; + cursor: pointer; + } + &.delete { + margin: 0 5px; + img { + vertical-align: middle; + } + } + } + &.selected { + background: none; + a { + color: #666666; + &:hover { + text-decoration: none; + color: #666666; + } + } + } + } + } + a.more { + position: relative; + margin: 0 0 0 10px; + padding: 0 12px 0 0; + background: url('/images/sites/icons/down_garnet.png') no-repeat right 6px; + &:hover { + text-decoration: underline; + } + } + } + &.view_more { + clear: both; + width: 100%; + padding: 30px 0 0 0; + a#view_more { + display: block; + width: 162px; + height: 14px; + margin: 0 0 0 230px; + padding: 5px 0 5px; + font: bold 13px "Open Sans Bold"; + background: url('/images/sites/search/view_more.png') no-repeat 0 0; + text-align: center; + &:hover { + background-position: 0 -26px; + cursor: pointer; + } + } + } + } + form div.right div.block { + position: relative; + width: 200px; + input { + &.add { + position: absolute; + bottom: 1px; + left: 198px; + display: block; + border: 0; + padding: 0; + width: 20px; + height: 20px; + background-color: transparent; + font-family: Arial; + font-size: 16px; + color: #B0B0B0; + font-weight: bold; + line-height: 20px; + text-shadow: 0 1px 0 white; + cursor: pointer; + z-index: 1; + &:hover { + -moz-box-shadow: inset 1px 1px 1px #CCCCCC; + -webkit-box-shadow: inset 1px 1px 1px #CCCCCC; + box-shadow: inset 1px 1px 1px #CCCCCC; + } + &:active { + -moz-box-shadow: inset 1px 1px 1px #999999; + -webkit-box-shadow: inset 1px 1px 1px #999999; + box-shadow: inset 1px 1px 1px #999999; + padding-top: 1px; + padding-left: 1px; + } + } + &.autocomplete { + width: 158px; + height: 21px; + margin: 0; + padding: 0; + padding-left: 5px; + padding-right: 31px; + border: 0 none; + font-family: Arial; + font-size: 13px; + color: #666666; + background: url('/images/sites/search/autocomplete_bkg.png') no-repeat 0 0; + z-index: 1; + &.opened { + background: url('/images/sites/search/autocomplete_bkg.png') no-repeat 0 -21px; + } + } + } + .newListSelected { + float: left; + position: relative; + height: 21px; + padding: 0; + cursor: pointer; + .selectedTxt { + height: 21px; + margin: 0 0 0 6px; + color: #666666; + line-height: 21px; + overflow: hidden; + } + div.newList_content { + position: absolute; + top: 21px; + left: 0; + float: left; + height: 107px; + overflow: hidden; + padding: 0; + z-index: 10; + ul.newList { + padding: 0; + margin: 0; + li { + padding: 3px 6px; + background: none transparent; + a { + color: #666666; + } + } + } + } + &.month { + width: 107px; + margin: 8px 0 0 20px; + background: url('/images/sites/search/combo_month_bkg.png') no-repeat 0 0; + div.newList_content { + width: 107px; + background: url('/images/sites/search/combo_month_body_bkg.png') no-repeat 0 0; + ul.newList { + width: 107px; + } + } + } + &.year { + width: 63px; + margin: 8px 0 0 0; + background: url('/images/sites/search/combo_year_bkg.png') no-repeat 0 0; + div.newList_content { + width: 63px; + background: url('/images/sites/search/combo_year_body_bkg.png') no-repeat 0 0; + ul.newList { + width: 63px; + } + } + } + } + } + } +} + +/* LEFT COLUMN - RIGHT BIG BLOCK */ + +/*LEFT BIG COLUMN - RIGHT SIDEBAR -> SEARCH, SITE PAGES, DONORS, */ + +ul { + &.ui-autocomplete { + width: 177px; + height: 107px; + margin: 0; + padding: 0; + background: url('/images/sites/search/autocomplete_list_bkg.png') no-repeat 0 0; + overflow: hidden; + li { + padding: 3px 6px; + a { + color: #666666; + } + } + } + &.ui- li a.ui-state-hover { + text-decoration: underline; + } +} + +/*chart*/ + +div.statistics { + &.less { + padding-bottom: 15px !important; + } + img.pie_chart { + background: none !important; + margin: 0 0 0 -10px; + height: 125px; + /*hack for google maps chart api image*/ + } + ul.chart { + float: right; + width: 120px !important; + padding: 6px 0 0 0 !important; + display: inline-block; + vertical-align: top; + display: -moz-inline-stack; + zoom: 1; + *display: inline; + li { + float: left; + width: 108px; + padding: 0 0 0 12px !important; + margin: 5px 0 0 0 !important; + background: url('/images/sites/icons/chart_pos0.png') no-repeat 0 4px !important; + a { + color: #666666; + text-decoration: underline !important; + &:hover { + color: #333333; + } + } + &.pos1 { + background: url('/images/sites/icons/chart_pos1.png') no-repeat 0 4px !important; + } + &.pos2 { + background: url('/images/sites/icons/chart_pos2.png') no-repeat 0 4px !important; + } + &.pos3 { + background: url('/images/sites/icons/chart_pos3.png') no-repeat 0 4px !important; + } + } + } + p.other { + float: left; + margin: 10px 0 0 0 !important; + font: normal 13px Arial !important; + } + ul.statistics_list { + width: 270px; + height: auto; + padding: 0; + margin: 10px 0 0 0; + li { + float: left; + width: 100% !important; + padding: 0 !important; + margin: 3px 0 0 0 !important; + height: auto; + position: relative; + } + } +} + +/*cluster*/ + +/*ICONS*/ +/* TO PROGRESS BAR */ + +a { + &.icon_statistics { + float: left; + width: auto; + padding: 0 0 0 22px; + height: 20px; + &.agriculture { + background: url('/images/sites/common/icons/bar/left_agriculture.png') no-repeat left 0; + } + &.camp_coordination { + background: url('/images/sites/common/icons/bar/left_camp_coordination.png') no-repeat left 0; + } + &.communications { + background: url('/images/sites/common/icons/bar/left_communication.png') no-repeat left 0; + } + &.disaster_management { + background: url('/images/sites/common/icons/bar/left_disaster.png') no-repeat left 0; + } + &.early_recovery { + background: url('/images/sites/common/icons/bar/left_early_recovery.png') no-repeat left 0; + } + &.economic_recovery { + background: url('/images/sites/common/icons/bar/left_economic.png') no-repeat left 0; + } + &.education { + background: url('/images/sites/common/icons/bar/left_education.png') no-repeat left 0; + } + &.emergency { + background: url('/images/sites/common/icons/bar/left_emergency.png') no-repeat left 0; + } + &.environment { + background: url('/images/sites/common/icons/bar/left_environment.png') no-repeat left 0; + } + &.food_aid { + background: url('/images/sites/common/icons/bar/left_food_aid.png') no-repeat left 0; + } + &.food_security { + background: url('/images/sites/common/icons/bar/left_food_security.png') no-repeat left 0; + } + &.health { + background: url('/images/sites/common/icons/bar/left_health.png') no-repeat left 0; + } + &.human_rights { + background: url('/images/sites/common/icons/bar/left_human_rights.png') no-repeat left 0; + } + &.logistics { + background: url('/images/sites/common/icons/bar/left_logistics.png') no-repeat left 0; + width: 25px; + padding: 0 0 0 25px; + } + &.nutrition { + background: url('/images/sites/common/icons/bar/left_nutrition.png') no-repeat left 0; + } + &.other { + background: url('/images/sites/common/icons/bar/left_other.png') no-repeat left 0; + } + &.peace_security { + background: url('/images/sites/common/icons/bar/left_peace_security.png') no-repeat left 0; + } + &.protection { + background: url('/images/sites/common/icons/bar/left_protection.png') no-repeat left 0; + } + &.shelter { + background: url('/images/sites/common/icons/bar/left_shelter.png') no-repeat left 0; + } + &.water_sanitation { + background: url('/images/sites/common/icons/bar/left_water_sanitation.png') no-repeat left 0; + } + } + &.icon_menu { + float: left; + padding: 4px 0 0 30px; + height: 18px; + font: normal 13px Arial; + &.double_line { + padding: 0 0 0 30px; + height: 22px; + } + &.agriculture { + background: url('/images/sites/common/icons/menu/agriculture.png') no-repeat left 0; + } + &.camp_coordination { + background: url('/images/sites/common/icons/menu/camp.png') no-repeat left 0; + } + &.communications { + background: url('/images/sites/common/icons/menu/communication.png') no-repeat left 0; + } + &.disaster_management { + background: url('/images/sites/common/icons/menu/disaster_management.png') no-repeat left 0; + } + &.early_recovery { + background: url('/images/sites/common/icons/menu/early_recovery.png') no-repeat left 0; + } + &.economic_recovery { + background: url('/images/sites/common/icons/menu/economic_recovery.png') no-repeat left 0; + } + &.education { + background: url('/images/sites/common/icons/menu/education.png') no-repeat left 0; + } + &.emergency { + background: url('/images/sites/common/icons/menu/emergency.png') no-repeat left 0; + } + &.environment { + background: url('/images/sites/common/icons/menu/environment.png') no-repeat left 0; + } + &.food_aid { + background: url('/images/sites/common/icons/menu/food_aid.png') no-repeat left 0; + } + &.food_security { + background: url('/images/sites/common/icons/menu/food_security.png') no-repeat left 0; + } + &.health { + background: url('/images/sites/common/icons/menu/health.png') no-repeat left 0; + } + &.human_rights { + background: url('/images/sites/common/icons/menu/human_rights.png') no-repeat left 0; + } + &.logistics { + background: url('/images/sites/common/icons/menu/logistics.png') no-repeat left 0; + } + &.nutrition { + background: url('/images/sites/common/icons/menu/nutrition.png') no-repeat left 0; + } + &.other { + background: url('/images/sites/common/icons/menu/other.png') no-repeat left 0; + } + &.peace_security { + background: url('/images/sites/common/icons/menu/peace_security.png') no-repeat left 0; + } + &.protection { + background: url('/images/sites/common/icons/menu/protection.png') no-repeat left 0; + } + &.shelter { + background: url('/images/sites/common/icons/menu/shelter.png') no-repeat left 0; + } + &.water_sanitation { + background: url('/images/sites/common/icons/menu/water.png') no-repeat left 0; + } + &:hover { + background-position: 0 -22px; + cursor: pointer; + } + } +} + +/* TO MENU */ + +/* TO WATER_MARK */ + +span.icon_watermark { + position: absolute; + right: 32px; + top: 32px; + height: 37px; + width: 37px; + z-index: -5; + &.agriculture { + background: url('/images/sites/common/icons/watermark/agriculture.png') no-repeat left 0; + } + &.camp_coordination { + background: url('/images/sites/common/icons/watermark/camp.png') no-repeat left 0; + } + &.communications { + background: url('/images/sites/common/icons/watermark/communication.png') no-repeat left 0; + } + &.disaster_management { + background: url('/images/sites/common/icons/watermark/disaster_management.png') no-repeat left 0; + } + &.early_recovery { + background: url('/images/sites/common/icons/watermark/early_recovery.png') no-repeat left 0; + } + &.economic_recovery { + background: url('/images/sites/common/icons/watermark/economic_recovery.png') no-repeat left 0; + } + &.education { + background: url('/images/sites/common/icons/watermark/education.png') no-repeat left 0; + } + &.emergency { + background: url('/images/sites/common/icons/watermark/emergency.png') no-repeat left 0; + } + &.environment { + background: url('/images/sites/common/icons/watermark/environment.png') no-repeat left 0; + } + &.food_aid { + background: url('/images/sites/common/icons/watermark/food_aid.png') no-repeat left 0; + } + &.food_security { + background: url('/images/sites/common/icons/watermark/food_security.png') no-repeat left 0; + } + &.health { + background: url('/images/sites/common/icons/watermark/health.png') no-repeat left 0; + } + &.human_rights { + background: url('/images/sites/common/icons/watermark/human_rights.png') no-repeat left 0; + } + &.logistics { + background: url('/images/sites/common/icons/watermark/logistics.png') no-repeat left 0; + } + &.nutrition { + background: url('/images/sites/common/icons/watermark/nutrition.png') no-repeat left 0; + } + &.other { + background: url('/images/sites/common/icons/watermark/other.png') no-repeat left 0; + } + &.peace_security { + background: url('/images/sites/common/icons/watermark/peace_security.png') no-repeat left 0; + } + &.protection { + background: url('/images/sites/common/icons/watermark/protection.png') no-repeat left 0; + } + &.shelter { + background: url('/images/sites/common/icons/watermark/shelter.png') no-repeat left 0; + } + &.water_sanitation { + background: url('/images/sites/common/icons/watermark/water.png') no-repeat left 0; + } +} + +/* TO OTHER LIST */ + +li.icon_other { + &.agriculture { + background: url('/images/sites/common/icons/li_others/agriculture.png') no-repeat 0 0 !important; + } + &.camp_coordination { + background: url('/images/sites/common/icons/li_others/camp.png') no-repeat 0 0 !important; + } + &.communications { + background: url('/images/sites/common/icons/li_others/communication.png') no-repeat 0 0 !important; + } + &.disaster_management { + background: url('/images/sites/common/icons/li_others/disaster_management.png') no-repeat 0 0 !important; + } + &.early_recovery { + background: url('/images/sites/common/icons/li_others/early_recovery.png') no-repeat 0 0 !important; + } + &.economic_recovery { + background: url('/images/sites/common/icons/li_others/economic_recovery.png') no-repeat 0 0 !important; + } + &.education { + background: url('/images/sites/common/icons/li_others/education.png') no-repeat 0 0 !important; + } + &.emergency { + background: url('/images/sites/common/icons/li_others/emergency.png') no-repeat 0 0 !important; + } + &.environment { + background: url('/images/sites/common/icons/li_others/environment.png') no-repeat 0 0 !important; + } + &.food_aid { + background: url('/images/sites/common/icons/li_others/food_aid.png') no-repeat 0 0 !important; + } + &.food_security { + background: url('/images/sites/common/icons/li_others/food_security.png') no-repeat 0 0 !important; + } + &.health { + background: url('/images/sites/common/icons/li_others/health.png') no-repeat 0 0 !important; + } + &.human_rights { + background: url('/images/sites/common/icons/li_others/human_rights.png') no-repeat 0 0 !important; + } + &.logistics { + background: url('/images/sites/common/icons/li_others/logistics.png') no-repeat 0 0 !important; + } + &.nutrition { + background: url('/images/sites/common/icons/li_others/nutrition.png') no-repeat 0 0 !important; + } + &.other { + background: url('/images/sites/common/icons/li_others/other.png') no-repeat 0 0 !important; + } + &.peace_security { + background: url('/images/sites/common/icons/li_others/peace_security.png') no-repeat 0 0 !important; + } + &.protection { + background: url('/images/sites/common/icons/li_others/protection.png') no-repeat 0 0 !important; + } + &.shelter { + background: url('/images/sites/common/icons/li_others/shelter.png') no-repeat 0 0 !important; + } + &.water_sanitation { + background: url('/images/sites/common/icons/li_others/water.png') no-repeat 0 0 !important; + } +} + +div { + &.statistics ul.statistics_list li a { + span { + float: left; + width: auto; + height: 13px; + padding: 2px 11px 5px 5px; + background: url('/images/sites/organization/right_statistics.png') no-repeat right 0; + font: normal 13px "Aller"; + color: #FFFFFF; + text-align: right; + &:hover { + text-decoration: none !important; + } + } + &:hover { + text-decoration: none !important; + cursor: pointer; + span { + text-decoration: none !important; + } + } + } + &#project_layout { + width: 992px; + margin: 0 auto; + } + &.main_head.projects div { + &#completed { + position: absolute; + bottom: 10px !important; + right: -15px; + width: 173px; + height: 41px; + background: url('/images/sites/projects/completed_msg.png') no-repeat; + display: block; + z-index: 200; + p { + margin: 5px 0 0 10px; + font: bold 13px 'Open Sans Bold'; + color: white; + } + } + &.left { + width: 596px; + height: auto; + padding: 30px 37px; + margin: 0; + background: url('/images/sites/common/mesh.png') repeat 0 0; + display: inline-block; + vertical-align: top; + zoom: 1; + *display: inline; + } + &.float_head { + position: absolute; + top: 0; + left: 5px; + width: 596px; + height: auto; + padding: 32px 32px 40px; + background: url('/images/sites/search/head_mask.png') repeat 0 0 #cd5d4c; + z-index: 100; + h1 { + font-size: 25px !important; + position: relative; + width: 100%; + } + } + &.left h1 { + font-size: 25px !important; + position: relative; + width: 100%; + } + &.float_head p, &.left p { + font-size: 13px; + position: relative; + width: 100%; + } + &.float_head p a { + color: #7A372D; + text-decoration: underline; + &:hover { + color: black; + } + } + } + &.projects { + position: relative; + width: 100%; + div { + &.left { + float: left; + width: 650px; + height: 400px; + margin: 0 0 0 25px; + padding: 0 5px; + } + &.outer_float { + position: absolute; + top: 0; + left: 25px; + width: 660px; + padding: 0 5px 5px 5px; + background: url('/images/sites/common/mesh.png') repeat-y 0 0; + z-index: 100; + } + &.float_left { + position: absolute; + top: -40px; + left: 5px; + width: 660px; + z-index: 100; + div.galleryStyle { + position: relative; + float: left; + width: 660px; + height: 400px; + border-top: 1px solid #999999; + border-bottom: 1px solid #999999; + background: white; + overflow: hidden; + z-index: 0; + div.mamufas { + position: absolute; + z-index: 50; + top: 0; + left: 0; + bottom: 0; + right: 0; + background: white; + } + } + a.video { + position: absolute; + display: none; + top: 0px; + left: 285px; + height: 82px; + width: 107px; + background: url('/images/sites/projects/play.png') no-repeat 0 0; + z-index: 1000; + &:hover { + background-position: 0 -82px; + } + } + div { + &.loader_gallery { + position: absolute; + display: none; + height: 402px; + width: 100%; + top: 0; + left: 0; + z-index: 10000; + background: white; + overflow: hidden; + p { + position: relative; + float: left; + margin: 180px 0 0 0; + width: 100%; + text-align: center; + font: normal 15px 'Open Sans'; + color: #888888; + } + img { + position: relative; + float: left; + margin: 10px 0 0 320px; + } + div.video_player { + float: left; + display: none; + height: 100%; + width: 100%; + a { + float: left; + width: 100%; + height: 14px; + padding: 8px 0; + background: #eeeeee; + color: black; + text-align: center; + font: normal 14px 'Open Sans'; + } + iframe { + width: 100%; + height: 100%; + } + } + } + &.block { + float: left; + width: 596px; + padding: 32px; + background: white; + border-bottom: 1px solid #DEDEDE; + font: normal 15px Arial; + &.margin { + float: left; + margin: 5px 0 0 0; + } + p { + font: normal 15px Arial; + color: #666666; + } + h3 { + padding: 0 0 10px 0; + font: bold 13px "Open Sans Bold"; + color: #333333; + text-transform: uppercase; + margin: 25px 0 0 0; + &.first { + margin: 0; + } + } + ul { + &.share { + margin: 0; + padding: 0; + li { + display: inline-block; + zoom: 1; + *display: inline; + vertical-align: top; + padding: 0; + background: none; + span { + &.share_label { + display: none; + margin: 5px 5px 0 0; + vertical-align: middle; + width: 60px; + font: normal 13px Arial; + color: #888888; + } + &.share_icon { + display: inline-block; + margin: 5px 0 0 0; + vertical-align: middle; + } + } + &#twitter { + width: 120px; + } + &#google { + width: 83px; + } + &#linkedin { + width: 83px; + max-width: 120px; + } + &#fb { + width: 120px; + } + } + } + &.related_projects { + float: left; + width: 100%; + li { + float: left; + width: 290px; + margin: 0 10px 0 0; + display: inline-block; + vertical-align: top; + display: -moz-inline-stack; + zoom: 1; + *display: inline; + &.last { + margin: 0; + } + div { + &.image { + position: relative; + float: left; + width: 90px; + height: 70px; + margin: 0 10px 0 0; + padding: 5px; + background: #E5E5E5; + display: inline-block; + vertical-align: top; + display: -moz-inline-stack; + zoom: 1; + *display: inline; + img { + float: left; + width: 90px; + height: 70px; + &.marker { + position: absolute; + top: 30px; + left: 40px; + width: 20px; + height: 20px; + z-index: 1000; + } + } + } + &.info { + float: left; + width: 170px; + padding: 5px 0 0 0; + display: inline-block; + vertical-align: top; + display: -moz-inline-stack; + zoom: 1; + *display: inline; + h4 a { + font: normal 15px Arial; + color: #CD5D4C; + text-decoration: none; + &:hover { + text-decoration: underline; + } + } + p { + padding: 3px 0 0 0; + font: normal 13px Arial; + color: #999999; + &.sub { + padding: 7px 0 0 0; + color: #666666; + } + } + } + } + } + } + &.locations { + float: left; + width: 100%; + li { + float: left; + width: 139px; + margin: 0; + } + } + } + } + } + } + &.right { + float: left; + width: 300px; + height: auto; + margin: 0; + padding: 0; + div.block { + float: left; + width: 265px; + margin: 23px 0 0 0; + border-bottom: 1px solid #D4D4D4; + padding: 0 0 20px 35px; + &.last { + border: none; + padding: 0 0 0 30px; + } + h3 { + width: 100%; + font: bold 13px "Open Sans Bold"; + color: #808080; + text-shadow: 0 1px white; + text-transform: uppercase; + &.margin { + padding: 20px 0 0 0; + } + } + div.logo { + float: left; + width: 100%; + padding: 7px 0 15px; + div.logo_bkg { + float: left; + position: relative; + width: 86px; + height: 52px; + background: url('/images/sites/projects/logo_bkg.png') no-repeat 0 0; + vertical-align: top; + overflow: hidden; + } + img { + position: absolute; + top: 3px; + left: 3px; + max-width: 80px; + max-height: 46px; + width: auto; + height: auto; + } + a { + width: 130px; + padding: 10px 0 0 5px; + font: normal 13px Arial; + color: #CE5D4C; + display: inline-block; + vertical-align: top; + display: -moz-inline-stack; + zoom: 1; + *display: inline; + &.long { + width: 100%; + padding: 0; + } + &:hover { + text-decoration: underline; + } + } + } + ul { + width: 100%; + margin: 7px 0 0 0; + padding: 0; + list-style: none; + &.donor_list { + margin: 7px 0 0px 0; + } + li { + padding: 3px 0 3px 10px; + background: url('/images/sites/icons/list_disc.png') no-repeat 0 10px; + font: normal 13px Arial; + color: #999999; + &.office { + margin-left: 10px; + background: url('/images/sites/icons/list_dash.png') no-repeat 0 10px; + } + a { + color: #CE5D4C; + text-decoration: none; + &:hover { + text-decoration: underline; + } + } + } + } + p { + width: 252px; + padding: 7px 0 0 0; + font: normal 13px Arial; + color: #666666; + line-height: 17px; + &.no_margin { + padding: 3px 0 0 0; + } + &.budget { + padding: 3px 0 0 10px; + font: normal 25px "Aller"; + color: #666666; + background: url('/images/sites/icons/budget.png') no-repeat 0 16px; + } + a { + color: #CE5D4C; + text-decoration: none; + &:hover { + text-decoration: underline; + } + } + } + a.more { + position: relative; + float: left; + margin: 10px 0 0 10px; + padding: 0px 12px 0 0; + background: url('/images/sites/icons/down_garnet.png') no-repeat right 6px; + &:hover { + text-decoration: underline; + } + } + span.people_amount { + display: none; + height: 20px; + padding: 0; + background: url('/images/sites/projects/man.png') repeat 0 0; + max-width: 255px; + margin: 2px 0 0 0; + } + p.estimate { + font: normal 25px "Aller"; + color: #666666; + width: auto; + sup { + font: normal 13px "Aller"; + color: #666666; + } + } + div.timeline { + position: relative; + width: 237px; + height: 23px; + padding: 3px; + margin: 6px 0 0 0; + background: url('/images/sites/projects/days_left_bkg.png') no-repeat 0 0; + span { + display: block; + width: 100px; + height: 23px; + background: url('/images/sites/projects/days_left_bar.png') no-repeat 0 0; + width: 245px; + } + p { + position: absolute; + left: 90px; + top: 8px; + width: auto !important; + margin: 0 !important; + padding: 0 !important; + font: normal 11px "Open Sans"; + color: #999999; + } + } + p { + &.first_date { + width: 121px; + margin: 0 !important; + padding: 3px 0 0 0 !important; + font: normal 11px "Aller"; + color: #999999; + text-align: left; + display: inline-block; + vertical-align: top; + display: -moz-inline-stack; + zoom: 1; + *display: inline; + } + &.second_date { + width: 121px; + margin: 0 !important; + padding: 3px 0 0 0 !important; + font: normal 11px "Aller"; + color: #999999; + text-align: right; + display: inline-block; + vertical-align: top; + display: -moz-inline-stack; + zoom: 1; + *display: inline; + } + } + } + } + } + } + &.error_block { + width: 100%; + height: 560px; + div.block { + float: left; + width: 100%; + margin: 250px 0 0 0; + padding: 0; + h1 { + width: 100%; + text-align: center; + font: bold 31px Arial !important; + color: #333333 !important; + text-transform: none !important; + letter-spacing: -1px; + } + h2 { + width: 100%; + margin: 20px 0 0 0; + text-align: center; + font: bold 21px Arial; + color: #333333; + letter-spacing: -1px; + } + p { + width: 100%; + margin: 7px 0 0 0; + text-align: center; + font: normal 15px Arial; + color: #333333; + a:hover { + text-decoration: underline; + } + } + } + } + &#footer_sites { + clear: both; + width: 100%; + padding: 100px 0 100px 0; + div.left { + width: 800px; + margin: 0; + display: inline-block; + vertical-align: top; + display: -moz-inline-stack; + zoom: 1; + *display: inline; + text-align: right; + } + a.logo { + float: left; + display: block; + width: 67px; + height: 43px; + background: url('/images/sites/common/logo_interaction.png') no-repeat 0 0; + margin: 0 20px 0 0; + &:hover { + cursor: pointer; + } + } + div.project { + float: left; + width: 450px; + display: inline-block; + vertical-align: top; + display: -moz-inline-stack; + zoom: 1; + *display: inline; + h1 { + float: left; + width: 100%; + margin: 0; + padding: 0; + font: bold 13px "Open Sans Bold"; + color: #808080; + text-transform: uppercase; + a { + float: left; + padding: 0; + margin: 0; + font: normal 13px Arial; + color: #808080; + text-transform: uppercase; + width: 100%; + } + } + p { + float: left; + padding: 0; + margin: 5px 0 0 0; + font: normal 13px Arial; + color: #AAA; + a { + color: #AAA; + &:hover { + text-decoration: underline; + } + } + &.site_name { + font: bold 15px Arial; + width: 100%; + } + &.all_rights { + width: 550px; + a.link { + color: #AAA; + text-decoration: underline; + &:hover { + color: #444444; + cursor: pointer; + } + } + } + &.site_name a { + color: #AAA; + text-decoration: underline; + &:hover { + color: #444444; + cursor: pointer; + } + } + } + } + } + &#superfooter_pages { + clear: both; + display: inline-block; + zoom: 1; + *display: inline; + vertical-align: top; + width: 100%; + margin: 60px 0 0 0; + padding: 30px 0 30px 0; + background: #171717; + border-bottom: 1px solid #2F2F2F; + a { + color: #864237; + &:hover { + text-decoration: underline; + } + } + div.inner_superfooter { + margin: 0 auto; + width: 932px; + } + h2 { + float: left; + width: 800px; + font: normal 18px Arial; + color: #D06654; + span { + color: #FFFFFF; + font-weight: bold; + } + } + a#learnmore { + float: right; + padding: 3px 0 0 0; + &:hover { + text-decoration: underline; + } + } + ul { + float: left; + margin: 30px 0 0 0; + li { + display: inline-block; + zoom: 1; + *display: inline; + vertical-align: middle; + width: 285px; + margin: 0 33px 0 0; + &.last { + margin: 0; + } + a { + &:hover! {} + img { + width: 285px; + height: 161px; + } + span { + display: block; + margin: 10px 0 0 0; + font: bold 15px "Open Sans Bold"; + text-transform: uppercase; + } + } + } + } + } + &#footer_pages { + clear: both; + display: inline-block; + width: 100%; + padding: 30px 0 100px 0; + color: #808080; + } + &.dark_footer#footer_pages { + background: #171717; + color: #A2A2A2; + } + &#footer_pages a { + color: #808080; + } + &.dark_footer#footer_pages a { + color: #A2A2A2; + } + &.no_superfooter { + margin: 60px 0 0 0; + } + &#footer_pages div { + &.inner_footer { + margin: 0 auto; + width: 932px; + } + &.left { + width: 500px; + height: auto !important; + margin: 0 0 0 5px; + background: none; + display: inline-block; + vertical-align: top; + display: -moz-inline-stack; + zoom: 1; + *display: inline; + } + } + &#project_layout div#footer_pages div.left { + width: 450px; + height: auto !important; + margin: 0 0 0 30px; + background: none; + display: inline-block; + vertical-align: top; + display: -moz-inline-stack; + zoom: 1; + *display: inline; + } + &#footer_pages a.logo { + float:right; + display:block; + width:67px; + height:43px; + margin:0; + background:url('/images/sites/common/logo_interaction.png') no-repeat 0 0; + } + &#footer_pages a.logo_ngoaidmap { + float:right; + display:block; + width:130px; + height:43px; + margin:10px 20px 0 0; + background:url('/images/sites/common/logo_ngoaidmap.png') no-repeat 0 0; + } + + &.dark_footer#footer_pages div.left { + a.logo { + background:url('/images/sites/common/logo_interaction_light.png') no-repeat 0 0; + } + a.logo_ngoaidmap { + background:url('/images/sites/common/logo_ngoaidmap_light.png') no-repeat 0 0; + } + div.project p { + &.site_name, &.all_rights { + color: #444; + a { + color: #444; + &:hover { + color: #555; + } + } + } + } + } + &#footer_pages div { + &.left { + a.logo:hover { + cursor: pointer; + } + div.project { + float: left; + width: 380px; + display: inline-block; + vertical-align: top; + display: -moz-inline-stack; + zoom: 1; + *display: inline; + h1 { + float: left; + width: 100%; + margin: 0; + padding: 0; + font: bold 13px "Open Sans Bold"; + text-transform: uppercase; + a { + float: left; + padding: 0; + margin: 0; + font: bold 13px "Open Sans Bold"; + text-transform: uppercase; + width: 100%; + } + } + p { + float: left; + padding: 0; + margin: 5px 0 0 0; + font: normal 13px "Open Sans"; + a:hover { + text-decoration: underline; + } + &.site_name { + font: bold 15px Arial; + width: 100%; + color: #AAA; + a { + text-decoration: underline; + color: #AAA; + &:hover { + color: #888888; + cursor: pointer; + } + } + } + &.all_rights { + font: normal 13px Arial; + width: 550px; + color: #AAA; + a.link { + text-decoration: underline; + color: #AAA; + &:hover { + color: #666666; + cursor: pointer; + } + } + } + } + } + } + &.right { + width: 400px; + margin: 0; + display: inline-block; + vertical-align: top; + display: -moz-inline-stack; + zoom: 1; + *display: inline; + text-align: right; + } + } + &#project_layout div#footer_pages div.right { + width: 350px; + margin: 0; + display: inline-block; + vertical-align: top; + display: -moz-inline-stack; + zoom: 1; + *display: inline; + text-align: right; + } + &#footer_pages div.right ul { + margin: 5px 0 0 0; + padding: 0; + text-align: right; + li { + margin: 0 0 0 6px; + padding: 0; + font: normal 13px "Open Sans"; + display: inline-block; + vertical-align: top; + display: -moz-inline-stack; + zoom: 1; + *display: inline; + text-align: right; + a { + text-decoration: underline; + text-align: right; + &:hover { + color: #444444; + cursor: pointer; + } + } + } + } + &#footer_errors { + clear: both; + width: 100%; + padding: 100px 0 100px 0; + div { + &.left { + width: 660px; + height: auto !important; + margin: 0 0 0 5px; + background: none; + display: inline-block; + vertical-align: top; + display: -moz-inline-stack; + zoom: 1; + *display: inline; + a.logo { + float: left; + display: block; + width: 67px; + height: 43px; + margin: 0 15px 0 0; + background: url('/images/sites/common/logo_interaction.png') no-repeat 0 0; + &:hover { + cursor: pointer; + } + } + div.project { + float: left; + width: 450px; + display: inline-block; + vertical-align: top; + display: -moz-inline-stack; + zoom: 1; + *display: inline; + h1 { + float: left; + width: 100%; + margin: 0; + padding: 0; + font: bold 13px "Open Sans Bold"; + color: #888888; + text-transform: uppercase; + a { + float: left; + padding: 0; + margin: 0; + font: bold 13px "Open Sans Bold"; + color: #888888; + text-transform: uppercase; + width: 100%; + } + } + p { + float: left; + padding: 0; + margin: 5px 0 0 0; + font: normal 13px "Open Sans"; + color: #B3B3B3; + a { + color: #B3B3B3; + &:hover { + text-decoration: underline; + } + } + } + } + } + &.right { + width: auto; + margin: 0; + display: inline-block; + vertical-align: top; + display: -moz-inline-stack; + zoom: 1; + *display: inline; + text-align: right; + ul { + float: left; + margin: 19px 0 0 0; + padding: 0; + display: inline-block; + vertical-align: top; + display: -moz-inline-stack; + zoom: 1; + *display: inline; + li { + margin: 0 0 0 6px; + padding: 0; + font: normal 13px "Open Sans"; + color: #B3B3B3; + display: inline-block; + vertical-align: top; + display: -moz-inline-stack; + zoom: 1; + *display: inline; + a { + color: #B3B3B3; + &:hover { + text-decoration: underline; + } + } + } + } + } + } + } + &#footer { + clear: both; + width: 100%; + padding: 100px 0 100px 0; + div { + &.right { + float: left; + width: 850px; + margin: 5px 0 0 10px; + background: none; + display: inline-block; + vertical-align: top; + display: -moz-inline-stack; + zoom: 1; + *display: inline; + div { + &.project { + float: left; + width: 350px; + display: inline-block; + vertical-align: top; + display: -moz-inline-stack; + zoom: 1; + *display: inline; + h1 { + font: bold 13px "Open Sans Bold"; + color: #888888; + text-transform: uppercase; + display: inline-block; + } + p { + padding: 0; + font: normal 13px "Open Sans"; + color: #B3B3B3; + a { + color: #B3B3B3; + &:hover { + text-decoration: underline; + } + } + &.site_name { + font: bold 13px "Open Sans Bold"; + a { + color: #B3B3B3; + text-decoration: underline; + } + } + } + } + &.links { + float: right; + width: auto; + margin: 15px 0 0 0; + ul { + float: left; + margin: 0; + padding: 0; + display: inline-block; + vertical-align: top; + display: -moz-inline-stack; + zoom: 1; + *display: inline; + li { + margin: 0 0 0 6px; + padding: 0; + font: normal 13px "Open Sans"; + color: #B3B3B3; + display: inline-block; + vertical-align: top; + display: -moz-inline-stack; + zoom: 1; + *display: inline; + a { + color: #B3B3B3; + &:hover { + text-decoration: underline; + } + } + } + } + } + } + } + &.left { + float: left; + margin: 0; + display: inline-block; + vertical-align: top; + display: -moz-inline-stack; + zoom: 1; + *display: inline; + text-align: right; + a.logo { + float: left; + display: block; + width: 67px; + height: 43px; + background: url('/images/sites/common/logo_interaction.png') no-repeat 0 0; + &:hover { + cursor: pointer; + } + } + } + } + } +} + +/*PROJECTS*/ + +/* TODO: color*/ + +/* TODO: color*/ + +/*404 - 500*/ + +/* FOOTER SITES */ + +/* SUPERFOOTER PAGES */ + +/* FOOTER PAGES */ + +/*FOOTER ERRORS*/ + +/* FOOTER OTHER */ diff --git a/public/stylesheets/sites/old_layout.css b/public/stylesheets/sass/sites/old_layout.scss similarity index 99% rename from public/stylesheets/sites/old_layout.css rename to public/stylesheets/sass/sites/old_layout.scss index 7fe79369..96d8586e 100644 --- a/public/stylesheets/sites/old_layout.css +++ b/public/stylesheets/sass/sites/old_layout.scss @@ -1,5 +1,3 @@ - - /*HEADER*/ /*div#outer_header{float:left; width:100%; background:url(/images/sites/common/bkg_header_repeatx.jpg) repeat-x 0 0; height:40px;} div#inner_header{margin:0 auto; width:932px; height:40px;} @@ -100,9 +98,6 @@ div#right_info_projects ul.projects li p.info a.learn_more:hover {cursor:pointer div#right_info_projects a.view_more_projects {float:left; margin:20px 0 0 250px; background:url('/images/sites/organization/view_more_projs_btn.png') no-repeat 0 0; width:162px; height:26px; font:bold 13px "PT Sans"; color:#D05F4D; text-align:center; line-height:25px; } div#right_info_projects a.view_more_projects:hover {cursor:pointer;}*/ - - - /*FOOTER*/ /*div#footer_pages {float:left; width:932px; height:96px; margin:65px 0 0 0;} div#footer_pages div.right {float:left; width:304px; } diff --git a/public/stylesheets/sass/themes/blue.scss b/public/stylesheets/sass/themes/blue.scss new file mode 100644 index 00000000..8332f589 --- /dev/null +++ b/public/stylesheets/sass/themes/blue.scss @@ -0,0 +1,172 @@ +a { + color: #008BB0; +} + +div { + &.main_head div { + &.left { + h1 { + text-shadow: 0 1px #003F4F; + } + p { + color: #003F4F; + } + } + &.float_head { + background: url('/images/sites/search/head_mask.png') repeat 0 0 #008bb0 !important; + h2 { + color: #003f4f !important; + text-shadow: none; + } + } + } + &#left_column div { + &.float_left div { + &.head { + h2 { + color: white; + text-shadow: 0 1px #003F4F; + } + background: url('/images/sites/search/head_mask.png') repeat 0 0 #008bb0; + } + &.block { + a, ul.clusters li a { + color: #008BB0; + } + } + } + &.right { + ul li { + h4 a, p.info a { + color: #008BB0; + } + } + h3 ul.download li a { + color: #008BB0; + } + } + } + &#pages div { + &.left div { + &.outer_head div.head { + border-bottom: 1px solid #003F4F; + background: url('/images/sites/search/head_mask.png') repeat 0 0 #008bb0 !important; + h1 { + text-shadow: 0 1px #003F4F; + } + p { + color: #003F4F; + } + a { + color: #003F4F; + text-decoration: underline; + } + } + &.body { + p a, ul li a { + color: #008BB0; + text-decoration: none; + } + } + &.results_list ul li div.project_name h3 a { + color: #008BB0; + } + } + &.right div.block { + p a, ul li a { + color: #008BB0; + } + } + } + &#project div { + &.left div.block div.logo a { + color: #008bb0 !important; + } + &.float_right div { + &.head { + background: url('/images/sites/search/head_mask.png') repeat 0 0 #008bb0; + h1 { + text-shadow: 0 1px #008BB0; + } + p { + color: #008BB0; + a { + color: #008BB0; + &:hover { + color: #003F4F; + } + } + } + } + &.block ul li div.info h4 a { + color: #008BB0; + } + } + &.left div.block { + ul li a, p a { + color: #008BB0; + } + } + } +} + +ul.breadcrumb li a { + color: #003f4f !important; +} + +div { + &.main_head { + div.float_head.home { + h3, sup.beta { + color: #003F4F; + } + } + &.projects div.float_head p a { + color: #003F4F; + text-decoration: underline; + } + } + &.projects div { + &.right div.block { + p a, ul li a { + color: #008BB0; + } + div.logo a { + color: #008BB0; + &.long { + color: #008BB0; + } + } + } + &.float_left div.block ul.related_projects li div.info h4 a { + color: #008BB0; + } + } +} + +p.sub a { + color: #008BB0; + &:hover { + text-decoration: underline; + } +} + +a#see_all { + color: #008BB0; +} + +div { + &.view_more a, &.block h3 a { + color: #008BB0; + } +} + +a.more { + color: #008BB0; +} + +div#superfooter_pages { + h2, a { + color: #008BB0; + } +} diff --git a/public/stylesheets/sass/themes/garnet.scss b/public/stylesheets/sass/themes/garnet.scss new file mode 100644 index 00000000..e567fbfd --- /dev/null +++ b/public/stylesheets/sass/themes/garnet.scss @@ -0,0 +1,105 @@ +/*default layout color*/ + +a { + color: #CE5D4C; +} + +div { + &.main_head div { + &.left { + h1 { + text-shadow: 0 1px #8E4035; + } + p { + color: #8E4035; + } + } + &.float_head { + background: url('/images/sites/search/head_mask.png') repeat 0 0 #ce5d4c; + h2 { + color: #7c3b32 !important; + text-shadow: none; + } + } + } + &#left_column div { + &.float_left div { + &.head { + h2 { + color: white; + text-shadow: 0 1px #8E4035; + } + background: url('/images/sites/search/head_mask.png') repeat 0 0 #ce5d4c; + } + &.block { + a, ul.clusters li a { + color: #CE5D4C; + } + } + } + &.right { + ul li { + h4 a, p.info a { + color: #CE5D4C; + } + } + h3 ul.download li a { + color: #CE5D4C; + } + } + } + &#pages div { + &.float_left div { + &.outer_head div.head { + background: url('/images/sites/search/head_mask.png') repeat-x 0 0 #ce5d4c; + p { + color: #8E4035; + } + } + &.body p a { + color: #CE5D4C; + text-decoration: none; + } + &.results_list ul li div.project_name h3 a { + color: #CE5D4C; + } + } + &.right div.block { + p a, ul li a { + color: #CE5D4C; + } + } + } + &#project div { + &.left div.block div.logo a { + color: #CE5D4C; + } + &.float_right div { + &.head { + background: url('/images/sites/search/head_mask.png') no-repeat 0 0 #d16150; + p { + color: #8E4035; + a { + color: #8E4035; + &:hover { + color: #6F322A; + } + } + } + } + &.block ul li div.info h4 a { + color: #CE5D4C; + } + } + &.left div.block { + ul li a, p a { + color: #CE5D4C; + } + } + } + &#superfooter_pages { + h2, a { + color: #CE5D4C; + } + } +} diff --git a/public/stylesheets/sass/themes/green.scss b/public/stylesheets/sass/themes/green.scss new file mode 100644 index 00000000..533a0f7d --- /dev/null +++ b/public/stylesheets/sass/themes/green.scss @@ -0,0 +1,172 @@ +a { + color: #518842; +} + +div { + &.main_head div { + &.left { + h1 { + text-shadow: 0 1px #1E3218; + } + p { + color: #1E3218; + } + } + &.float_head { + background: url('/images/sites/search/head_mask.png') repeat 0 0 #518842 !important; + h2 { + color: #1e3218 !important; + text-shadow: none; + } + } + } + &#left_column div { + &.float_left div { + &.head { + h2 { + color: white; + text-shadow: 0 1px #1E3218; + } + background: url('/images/sites/search/head_mask.png') repeat 0 0 #518842 !important; + } + &.block { + a, ul.clusters li a { + color: #518842; + } + } + } + &.right { + ul li { + h4 a, p.info a { + color: #518842; + } + } + h3 ul.download li a { + color: #518842; + } + } + } + &#pages div { + &.left div { + &.outer_head div.head { + border-bottom: 1px solid #003F4F; + background: url('/images/sites/search/head_mask.png') repeat 0 0 #518842 !important; + h1 { + text-shadow: 0 1px #1E3218; + } + p { + color: #518842; + } + a { + color: #518842; + text-decoration: underline; + } + } + &.body { + p a, ul li a { + color: #518842; + text-decoration: none; + } + } + &.results_list ul li div.project_name h3 a { + color: #518842; + } + } + &.right div.block { + p a, ul li a { + color: #518842; + } + } + } + &#project div { + &.left div.block div.logo a { + color: #518842 !important; + } + &.float_right div { + &.head { + background: url('/images/sites/search/head_mask.png') repeat 0 0 #518842; + h1 { + text-shadow: 0 1px #008BB0; + } + p { + color: #1E3218; + a { + color: #1E3218; + &:hover { + color: #1E3218; + } + } + } + } + &.block ul li div.info h4 a { + color: #518842; + } + } + &.left div.block { + ul li a, p a { + color: #518842; + } + } + } +} + +ul.breadcrumb li a { + color: #1e3218 !important; +} + +div { + &.main_head { + div.float_head.home { + h3, sup.beta { + color: #1E3218; + } + } + &.projects div.float_head p a { + color: #1E3218; + text-decoration: underline; + } + } + &.projects div { + &.right div.block { + p a, ul li a { + color: #518842; + } + div.logo a { + color: #518842; + &.long { + color: #518842; + } + } + } + &.float_left div.block ul.related_projects li div.info h4 a { + color: #518842; + } + } +} + +p.sub a { + color: #518842; + &:hover { + text-decoration: underline; + } +} + +a#see_all { + color: #518842; +} + +div { + &.view_more a, &.block h3 a { + color: #518842; + } +} + +a.more { + color: #518842; +} + +div#superfooter_pages { + h2, a { + color: #518842; + } +} diff --git a/public/stylesheets/sass/themes/pink.scss b/public/stylesheets/sass/themes/pink.scss new file mode 100644 index 00000000..d13ee468 --- /dev/null +++ b/public/stylesheets/sass/themes/pink.scss @@ -0,0 +1,155 @@ +a { + color: #F5007D; +} + +div { + &.main_head div { + &.left { + h1 { + text-shadow: 0 1px #79003E; + } + p { + color: #79003E; + } + } + &.float_head { + background: url('/images/sites/search/head_mask.png') repeat 0 0 #f5007d !important; + h2 { + color: #79003e !important; + text-shadow: none; + } + } + } + &#left_column div { + &.float_left div { + &.head { + h2 { + color: white; + text-shadow: 0 1px #79003E; + } + background: url('/images/sites/search/head_mask.png') repeat 0 0 #f5007d !important; + } + &.block { + a, ul.clusters li a { + color: #F5007D; + } + } + } + &.right { + ul li { + h4 a, p.info a { + color: #F5007D; + } + } + h3 ul.download li a { + color: #F5007D; + } + } + } + &#pages div { + &.float_left div { + &.outer_head div.head { + background: url('/images/sites/search/head_mask.png') no-repeat 0 0 #f5007d !important; + p { + color: #79003E; + } + } + &.body p a { + color: #F5007D; + text-decoration: none; + } + &.results_list ul li div.project_name h3 a { + color: #F5007D; + } + } + &.right div.block { + p a, ul li a { + color: #F5007D; + } + } + } + &#project div { + &.left div.block div.logo a { + color: #F5007D; + } + &.float_right div { + &.head { + background: url('/images/sites/search/head_mask.png') no-repeat 0 0 #f5007d !important; + p { + color: #79003E; + a { + color: #79003E; + &:hover { + color: #470025; + } + } + } + } + &.block ul li div.info h4 a { + color: #F5007D; + } + } + &.left div.block { + ul li a, p a { + color: #F5007D; + } + } + } + &.main_head div.float_head.home { + h3, sup.beta { + color: #79003E; + } + } + &#pages div.float_left div.outer_head div.head { + h1 { + text-shadow: 0 1px #79003E; + } + border-bottom: 1px solid #79003E; + } + &.main_head.projects div.float_head p a { + color: #79003E; + text-decoration: underline; + } + &.projects div { + &.right div.block { + p a, ul li a, div.logo a.long { + color: #F5007D; + } + } + &.float_left div.block ul.related_projects li div.info h4 a { + color: #F5007D; + } + } +} + +p.sub a { + color: #F5007D; + &:hover { + text-decoration: underline; + } +} + +a#see_all { + color: #F5007D; +} + +div { + &.view_more a, &.block h3 a { + color: #F5007D; + } +} + +a.more { + color: #F5007D; +} + +div { + &#pages div.right div.block a.more { + background: url('/images/themes/2/down.png') no-repeat right 6px; + } + &#superfooter_pages { + h2, a { + color: #F5007D; + } + } +} diff --git a/public/stylesheets/sass/themes/yellow.scss b/public/stylesheets/sass/themes/yellow.scss new file mode 100644 index 00000000..095d6ff6 --- /dev/null +++ b/public/stylesheets/sass/themes/yellow.scss @@ -0,0 +1,103 @@ +a { + color: #F1C201; +} + +div { + &.main_head div { + &.left { + h1 { + text-shadow: 0 1px #866C00; + } + p { + color: #866C00; + } + } + &.float_head { + background: url('/images/sites/search/head_mask.png') repeat 0 0 #f1c201; + h2 { + color: white; + text-shadow: 0 1px #866C00; + } + } + } + &#left_column div { + &.float_left div { + &.head { + h2 { + color: white; + text-shadow: 0 1px #866C00; + } + background: url('/images/sites/search/head_mask.png') repeat 0 0 #f1c201; + } + &.block { + a, ul.clusters li a { + color: #F1C201; + } + } + } + &.right { + ul li { + h4 a, p.info a { + color: #F1C201; + } + } + h3 ul.download li a { + color: #F1C201; + } + } + } + &#pages div { + &.float_left div { + &.outer_head div.head { + background: url('/images/sites/search/head_mask.png') repeat 0 0 #f1c201; + p { + color: #866C00; + } + } + &.body p a { + color: #F1C201; + text-decoration: none; + } + &.results_list ul li div.project_name h3 a { + color: #F1C201; + } + } + &.right div.block { + p a, ul li a { + color: #F1C201; + } + } + } + &#project div { + &.left div.block div.logo a { + color: #F1C201; + } + &.float_right div { + &.head { + background: url('/images/sites/search/head_mask.png') repeat 0 0 #f1c201; + p { + color: #866C00; + a { + color: #866C00; + &:hover { + color: #4D3E00; + } + } + } + } + &.block ul li div.info h4 a { + color: #F1C201; + } + } + &.left div.block { + ul li a, p a { + color: #F1C201; + } + } + } + &#superfooter_pages { + h2, a { + color: #F1C201; + } + } +} diff --git a/public/stylesheets/sites/galleria.classic.css b/public/stylesheets/sites/galleria.classic.css deleted file mode 100644 index 15e8772b..00000000 --- a/public/stylesheets/sites/galleria.classic.css +++ /dev/null @@ -1,38 +0,0 @@ -.galleria-container{position:relative;width:660px;height:400px;overflow:hidden;} -.galleria-stage{position:absolute;top:0px;bottom:0px;left:0px;right:0px;width:660px;height:400px;overflow:hidden;} -.galleria-counter{position:absolute;top:29px;left:33px;text-align:right;color:#fff;font:normal 11px/1 arial,sans-serif;z-index:2;} -.galleria-loader{background:#000;width:32px;height:32px;position:absolute;top:184px;left:314px;z-index:2;display:inline;background:url('/images/sites/galleria/loading_white.gif') no-repeat 2px 2px;} -.galleria-info{width:437px;left:112px;bottom:36px;height:81px;z-index:89;z-index:2;position:absolute;} -.galleria-info-text{background:url('/images/sites/galleria/gallery_caption.png') no-repeat 0 0;height:51px;width:407px;padding:15px!important;display:none;opacity:0.8;/* IE7 */ zoom:1;} -.galleria-info-title{font:normal 15px Arial;color:white;margin:0;text-decoration:none;} -.galleria-info-description{font:normal 13px Arial;margin:0;color:white;} -.galleria-info-title+.galleria-info-description{margin-top:7px;} -.galleria-info-close{width:9px;height:9px;position:absolute;top:5px;right:5px;background-position:-753px -11px;opacity:.5;filter:alpha(opacity=50);cursor:pointer;display:none;} -.galleria-info-close:hover{opacity:1;filter:alpha(opacity=100);} -.galleria-info-link{background-position:-669px -5px;opacity:.7;filter:alpha(opacity=70);position:absolute;width:20px;height:20px;cursor:pointer;background-color:#000;} -.galleria-info-link:hover{opacity:1;filter:alpha(opacity=100);} -.galleria-image-nav{position:absolute;bottom:46px;width:100%;height:62px;left:0; display:none;} -.galleria-image-nav-left, -.galleria-image-nav-right{opacity:.3;filter:alpha(opacity=30);cursor:pointer;width:69px;height:61px;position:absolute;left:33px;z-index:2;background-position:0 46px;} -.galleria-image-nav-right{left:auto;right:33px;z-index:2;} -.galleria-image-nav-left:hover, -.galleria-image-nav-right:hover{opacity:1;filter:alpha(opacity=100);background-position:0 -61px;} -.galleria-thumb-nav-left, -.galleria-thumb-nav-right{cursor:pointer;display:none;position:absolute;left:0;top:0;height:61px;width:69px;z-index:3;opacity:.8;filter:alpha(opacity=80);} -.galleria-thumb-nav-right{border-right:none;right:0;left:auto;} -.galleria-thumbnails-container .disabled{/* opacity:.2;filter:alpha(opacity=20);cursor:default;*/} -.galleria-thumb-nav-left:hover, -.galleria-thumb-nav-right:hover{opacity:1;filter:alpha(opacity=100);} -.galleria-thumbnails-container .disabled:hover{opacity:0.2;filter:alpha(opacity=20);background-color:transparent;} -.galleria-carousel .galleria-thumb-nav-left, -.galleria-carousel .galleria-thumb-nav-right{display:block;} -.galleria-thumb-nav-left, -.galleria-thumb-nav-right, -.galleria-info-link, -.galleria-info-close, -.galleria-image-nav-left{background:url('/images/sites/galleria/previous_image_bkg.png') no-repeat 0 0;} -.galleria-image-nav-right{background:url('/images/sites/galleria/next_image_bkg.png') no-repeat 0 0;background-repeat:no-repeat;} -/*VIDEO*/ -div.galleria_video{position:absolute;left:50%;top:50%;margin:-45px 0 0 -45px;width:90px;height:90px;z-index:10000;display:none;} -div.galleria_video a{float:left;width:90px;height:90px;background:url('/images/common/play.png') no-repeat 0 0;} -div.galleria_video a:hover{background-position:0 -90px;cursor:pointer;} diff --git a/public/stylesheets/sites/galleria.home.css b/public/stylesheets/sites/galleria.home.css deleted file mode 100644 index 2db32e94..00000000 --- a/public/stylesheets/sites/galleria.home.css +++ /dev/null @@ -1,43 +0,0 @@ -.galleria-container{position:relative;overflow:hidden; width:927px; height:444px;} -.galleria-stage{position:absolute;top:0px;bottom:0px;left:0px;right:0px;overflow:hidden;width:927px; height:444px;} -.galleria-counter{position:absolute;top:29px;left:33px;text-align:right;color:#fff;font:normal 11px/1 arial,sans-serif;z-index:2;} -.galleria-loader{background:#000;width:32px;height:32px;position:absolute;top:260px;left:463px;z-index:2;display:inline;background:url('/images/sites/galleria/loading_white.gif') no-repeat 2px 2px;} -.galleria-info{background:url('/images/sites/home/gallery_info.png') no-repeat 0 0;height:117px;width:897px;padding:15px!important;z-index:89;z-index:2;position:absolute; bottom:0px; left:0px;} -.galleria-info-text{display:none; margin:0px 7px; width:640px!important;} -.galleria-info-title{font:bold 24px "PT Sans"; color:white; margin:0;text-decoration:none; text-transform:uppercase;} -.galleria-info-shortdescription {font:bold 18px "PT Sans"; color:#D15F50; margin:0;} -.galleria-info-description {font:normal 15px "Arial"; color:white; margin:9px 0 0;} -.galleria-info-explore {background:url('/images/sites/home/start_exploring_bttn.png') no-repeat 0 0; width:200px; height:50px; position:absolute; bottom:29px; right:29px; } -.galleria-info-explore:hover {background-position:0 -50px; cursor:pointer;} -.galleria-info-title+.galleria-info-description{margin-top:7px;} -.galleria-info-close{width:9px;height:9px;position:absolute;top:5px;right:5px;background-position:-753px -11px;opacity:.5;filter:alpha(opacity=50);cursor:pointer;display:none;} -.galleria-info-close:hover{opacity:1;filter:alpha(opacity=100);} -.galleria-info-link{background-position:-669px -5px;opacity:.7;filter:alpha(opacity=70);position:absolute;width:20px;height:20px;cursor:pointer;background-color:#000;} -.galleria-info-link:hover{opacity:1;filter:alpha(opacity=100);} - -.galleria-image-nav{position:absolute;top:40%;width:100%;height:67px;left:0; display:none;} -.galleria-image-nav-left, -.galleria-image-nav-right{cursor:pointer;width:67px;height:67px;position:absolute;left:21px;z-index:2;background-position:0 46px;} -.galleria-image-nav-right{left:auto;right:21px;z-index:2;} -.galleria-image-nav-left:hover, -.galleria-image-nav-right:hover{opacity:1;filter:alpha(opacity=100);background-position:0 -67px;} -.galleria-thumb-nav-left, -.galleria-thumb-nav-right{cursor:pointer;display:none;position:absolute;left:0;top:0;height:61px;width:69px;z-index:3;opacity:.8;filter:alpha(opacity=80);} -.galleria-thumb-nav-right{border-right:none;right:0;left:auto;} -.galleria-thumbnails-container .disabled{/* opacity:.2;filter:alpha(opacity=20);cursor:default;*/} -.galleria-thumb-nav-left:hover, -.galleria-thumb-nav-right:hover{opacity:1;filter:alpha(opacity=100);} -.galleria-thumbnails-container .disabled:hover{opacity:0.2;filter:alpha(opacity=20);background-color:transparent;} -.galleria-carousel .galleria-thumb-nav-left, -.galleria-carousel .galleria-thumb-nav-right{display:block;} -.galleria-thumb-nav-left, -.galleria-thumb-nav-right, -.galleria-info-link, -.galleria-info-close, -.galleria-image-nav-left{background:url('/images/sites/home/left_nav.png') no-repeat 0 0;} -.galleria-image-nav-right{background:url('/images/sites/home/right_nav.png') no-repeat 0 0;background-repeat:no-repeat;} -/*VIDEO*/ -div.galleria_video{position:absolute;left:50%;top:50%;margin:-45px 0 0 -45px;width:90px;height:90px;z-index:89;display:none;} -div.galleria_video a{float:left;width:90px;height:90px;background:url('/images/common/play.png') no-repeat 0 0;} -div.galleria_video a:hover{background-position:0 -90px;cursor:pointer;} - diff --git a/public/stylesheets/sites/jscroll.css b/public/stylesheets/sites/jscroll.css deleted file mode 100755 index 3a6f411b..00000000 --- a/public/stylesheets/sites/jscroll.css +++ /dev/null @@ -1,231 +0,0 @@ -/* - * CSS Styles that are needed by jScrollPane for it to operate correctly. - * - * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane - * may not operate correctly without them. - */ - -.jspContainer -{ - overflow: hidden; - position: relative; -} - -.jspPane -{ - position: absolute; -} - -.jspVerticalBar -{ - position: absolute; - top: 0px; - right: 0; - width: 11px; - height: 100%; -} - -.jspHorizontalBar -{ - position: absolute; - bottom: 0; - left: 0; - width: 100%; - height: 16px; - background: red; -} - -.jspVerticalBar *, -.jspHorizontalBar * -{ - margin: 0; - padding: 0; -} - -.jspCap -{ - display: none; -} - -.jspHorizontalBar .jspCap -{ - float: left; -} - -.jspTrack -{ - background: #585856; - position: relative; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; -} - -.jspDrag -{ - float:left; - background: #2C2C2B; - position: relative; - top: 3px; - left: 2px; - width:7px; - cursor: pointer; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - height:100%; -} - -.jspHorizontalBar .jspTrack, -.jspHorizontalBar -{ - float: left; - height: 100%; -} - -.jspArrow -{ - background: #50506d; - text-indent: -20000px; - display: block; - cursor: pointer; -} - -.jspArrow.jspDisabled -{ - cursor: default; - background: #80808d; -} - -.jspVerticalBar .jspArrow -{ - height: 16px; -} - -.jspHorizontalBar .jspArrow -{ - width: 16px; - float: left; - height: 100%; -} - -.jspVerticalBar .jspArrow:focus -{ - outline: none; -} - -.jspCorner -{ - background: #eeeef4; - float: left; - height: 100%; -} - -/* Yuk! CSS Hack for IE6 3 pixel bug :( */ -* html .jspCorner -{ - margin: 0 -3px 0 0; -} - -/* CSS styles for scrollbars in autocomplete widgets */ -.ui-autocomplete .jspVerticalBar -{ - position: absolute; - top: 0px; - right: 7px; - width: 11px; - height: 100%; -} - -.ui-autocomplete .jspTrack -{ - background: transparent; - position: relative; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; -} - -.ui-autocomplete .jspDrag -{ - background: #8B8B8B; - position: relative; - top: 0; - left: 0; - cursor: pointer; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; -} - -.ui-autocomplete .jspArrow -{ - background: #50506d; - text-indent: -20000px; - display: none!important; - cursor: pointer; -} - -.ui-autocomplete .jspVerticalBar .jspArrow -{ - height: 0; -} - -.ui-autocomplete .jspCorner -{ - background: #eeeef4; - float: left; - height: 100%; -} - -/* CSS styles for scrollbars in combos */ -.newList_content .jspVerticalBar -{ - position: absolute; - top: 0; - right: 0; - width: 11px; - height: 100%; -} - -.newList_content .jspTrack -{ - background: transparent; - position: relative; - -webkit-border-radius: 2px; - -moz-border-radius: 2px; - border-radius: 2px; -} - -.newList_content .jspDrag -{ - background: #8B8B8B; - position: relative; - top: 0; - left: 0; - cursor: pointer; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - width: 5px; -} - -.newList_content .jspArrow -{ - background: #50506d; - text-indent: -20000px; - display: none!important; - cursor: pointer; -} - -.newList_content .jspVerticalBar .jspArrow -{ - height: 0; -} - -.newList_content .jspCorner -{ - background: #eeeef4; - float: left; - height: 100%; -} \ No newline at end of file diff --git a/public/stylesheets/sites/layout.css b/public/stylesheets/sites/layout.css deleted file mode 100644 index b48bf02e..00000000 --- a/public/stylesheets/sites/layout.css +++ /dev/null @@ -1,871 +0,0 @@ -body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,form,fieldset,p{margin:0; padding:0; font-weight:normal;} -img,fieldset{border:none; padding:0; margin:0;} -ul,li {list-style:none;} -body{font:13px Arial, Helvetica,serif; color:#666666; background-color:#EEEEEE; background:url('/images/sites/common/bkg_body_repeatxy.jpg');} -span.clear{clear:both;} -div.left{float:left; width:auto;} -div.right{float:right; width:auto;} -a{text-decoration:none;} -a:focus{outline:none;} -ul:focus {outline:none;} -input:focus{outline:none} - -div#outer_layout{margin:0 auto; width:100%; } -div#layout {width:932px; margin:0 auto;} - - -/* FONT-FACE */ - -/*@font-face { - font-family: 'Myriad Pro'; - src: url('/fonts/myriadwebpro-webfont.eot'); - src: local('☺'), url('/fonts/myriadwebpro-webfont.woff') format('woff'), url('/fonts/myriadwebpro-webfont.ttf') format('truetype'), url('/fonts/myriadwebpro-webfont.svg#webfontYl3tjaAN') format('svg'); - font-weight: normal; - font-style: normal; -}*/ - -@font-face{font-family:'Geneva';src:url('/fonts/geneva-webfont.eot');src:local('☺'),url('/fonts/geneva-webfont.woff') format('woff'),url('/fonts/geneva-webfont.ttf') format('truetype'),url('/fonts/geneva-webfont.svg#webfontJVzkRI7c') format('svg');font-weight:normal;font-style:normal;} -@font-face{font-family:'PT Sans';src:url('/fonts/regular-webfont.eot');src:local('☺'),url('/fonts/regular-webfont.woff') format('woff'),url('/fonts/regular-webfont.ttf') format('truetype'),url('/fonts/regular-webfont.svg#webfontOmy4YPRL') format('svg');font-weight:normal;font-style:normal;} -@font-face{font-family:'PT Sans Bold';src:url('/fonts/bold-webfont.eot');src:local('☺'),url('/fonts/bold-webfont.ttf') format('truetype'),url('/fonts/bold-webfont.svg#webfontsAYHMuxi') format('svg');font-weight:bold;font-style:normal;} - -@font-face{font-family:'Open Sans';src:url('/fonts/opensans-regular-webfont.eot');src:local('☺'),url('/fonts/opensans-regular-webfont.woff') format('woff'),url('/fonts/opensans-regular-webfont.ttf') format('truetype'),url('/fonts/opensans-regular-webfont.svg#webfontOmy4YPRL') format('svg');font-weight:normal;font-style:normal;} -@font-face{font-family:'Open Sans Bold';src:url('/fonts/opensans-bold-webfont.eot');src:local('☺'),url('/fonts/opensans-bold-webfont.ttf') format('truetype'),url('/fonts/opensans-bold-webfont.svg#webfontsAYHMuxi') format('svg');font-weight:bold;font-style:normal;} - -@font-face{font-family:'Aller';src:url('/fonts/aller_rg-webfont.eot');src:local('☺'),url('/fonts/aller_rg-webfont.woff') format('woff'),url('/fonts/aller_rg-webfont.ttf') format('truetype'),url('/fonts/aller_rg-webfont.svg#webfont0SDR2pSu') format('svg');font-weight:normal;font-style:normal;} - - -/*The next is neccesary to fix properly the content scrollable*/ -div.wrapper {float:left; margin:0; padding:0;} - - -/*HOME SITES*/ -div#header_sites {width:100%; height:34px; padding:35px 0 0 0; margin:0 0 0 10px;} -div#header_sites h1 { - display: inline-block; - text-indent: -99999px; - background: url('/images/ngoaidmap_logo.png'); - width: 184px; - height: 40px; -} -div#header_sites h1 a {color:#4A4A4A;} -div#header_sites h1 span {position:absolute; top:-13px; right:0; font:bold 11px "Open Sans Bold"; color:#8B8B8B;} -div#header_sites h2 {float:left; margin: 1px 0 0 0; font:normal 24px Arial; color:#D06654; text-shadow:0 -1px white;} -div#header_sites ul.menu {float:right; margin:9px 0 0 0; padding:0;} -div#header_sites ul.menu li {float:left; margin:0 32px 0 0;} -div#header_sites ul.menu li.last {margin:0;} -div#header_sites ul.menu li a {float:left; font:bold 13px "Open Sans Bold"; color:#808080; text-decoration:none;} -div#header_sites ul.menu li a:hover {cursor:pointer; text-decoration:underline!important;} - -div#gallery {position: relative; float:left; width:958px; height:469px; background:url('/images/sites/home/bkg_gallery.png') no-repeat 0 0; margin:27px 0 0;} -div#gallery div.content_gallery {float:left; margin:10px 0 0 13px; width:927px; height:444px; overflow:hidden;} -div#gallery a.credits{position: absolute; right: 50px; bottom: 126px; z-index: 100; font-family: Arial; font-size: 11px; color: #696A6C; text-decoration: underline;} -div#gallery img {float:left; width:927px; height:444px; margin:0;} - -ul#gallery_thumbails {float:left; width:950px; margin:0;} -ul#gallery_thumbails li {float:left; width:220px; margin:25px 23px 0 0;} -ul#gallery_thumbails li div#image {float:left; width:218px; height:131px; background:url('/images/sites/home/bkg_thumbnail.png') no-repeat 0 0;} -ul#gallery_thumbails li div#image img {float:left; width:203px; height:114px; margin:7px;} -ul#gallery_thumbails li a.site_name {float:left; width:100%; margin:5px 0 0 9px; font:bold 15px "Open Sans Bold"; color:#808080; text-shadow:0 -1px white; text-transform:uppercase;} -ul#gallery_thumbails li p.sponsor {float:left; width:100%; margin:5px 0 0 9px; color:#808080; } -ul#gallery_thumbails li p.sponsor a {color:#808080; text-decoration: underline;} -ul#gallery_thumbails li.last {margin:25px 0 0 0;} - - - -/* ***************** END HOME SITES*/ - -/*CLUSTER AND SECTORS TOOLTIPS*/ -div.tooltip {position:absolute; bottom:18px; left:-71px; width:175px; display:none;} -div.tooltip span.bottom_tooltip {float:left; background:url('/images/sites/common/tooltips/bottom_tooltip.png') no-repeat 0 0; width:175px; height:16px;} -div.tooltip span.body_tooltip {float:left; background:url('/images/sites/common/tooltips/body_tooltip.png') repeat-y top; width:149px; height:auto; padding:9px 15px 0 11px;} -div.tooltip label {float:left; font:bold 13px "Open Sans Bold"; color:white; text-align:center; width:152px; text-shadow:none;} -div.tooltip p {float:left; font:normal 13px Arial; color:#999999; margin:5px 0 0 3px; padding:0 0 5px!important; text-transform:none; text-shadow:none;} -h3 div.tooltip p {width:152px; text-align:center;} -div.tooltip a {font:normal 13px Arial; color:white!important; text-decoration:underline!important;} -div.tooltip a:hover {cursor:pointer!important; text-decoration:none!important;} - - -/* COMMON TO ALL BLOCKS AND TO SHOW WITH DEFAULT STYLES */ -div.block.info ul {float:left; margin:0; width:100%; padding:0 0 15px 0;} -div.block.info ul li {float:left; padding:3px 0 3px 10px; background:url('/images/sites/icons/list_disc.png') no-repeat 0 10px; margin:3px 0 0 0; width:100%; font:normal 15px Arial; color:#666666;} -div.block.info ul li a {color: #CE5D4C; text-decoration:underline; font:normal 15px Arial;} -div.block.info ul li a:hover {text-decoration:none;} - -/* HEADER */ - -div#header {width:100%; height:40px; padding:0; background:url(/images/sites/common/bkg_header_repeatx.jpg) repeat-x 0 0;} -div#header div.inner_header {margin:0 auto; width:932px; height:40px;} -div#header div.left {width:810px; display:inline-block; vertical-align:top; display:-moz-inline-stack; zoom:1; *display:inline;} -div#header div.left.home {width:810px;} -div#header h1 {float:left; margin:11px 0 0 0; font:bold 15px "Open Sans Bold"; line-height: 18px; color:white; text-transform:uppercase; display:inline-block; vertical-align:top; display:-moz-inline-stack; zoom:1; *display:inline;} -div#header h1 a {color:white;} -div#header ul.menu {position:relative; float:right; margin:4px 0 0; width:auto; height:25px;} -div#header ul.menu li {float:left; width:auto; margin:0 23px 0 0; position:relative;} - -div#header ul.menu li#cluster_option.clicked ul.suboptions {position:absolute; top:35px; left:-10px; z-index:110; background:url('/images/sites/common/menu/cluster_body_clicked.png') no-repeat 0 0; display:none; width:505px; height:177px; display:inline; padding:0 13px 0 15px;} -div#header ul.menu li#cluster_option.clicked ul.suboptions.longer {background:url('/images/sites/common/menu/cluster_body_clicked_long.png') no-repeat 0 0; height:290px;} -div#header ul.menu li#sector_option.clicked ul.suboptions {position:absolute; top:35px; left:-8px; z-index:110; background:url('/images/sites/common/menu/body_sectors_content.png') repeat-y 0; display:none; width:495px; height:auto; display:inline; padding:3px 13px 0;} - -div#header ul.menu li#sector_option.clicked ul.suboptions span.top_content {position:absolute; top:0; left:0px; background:url('/images/sites/common/menu/top_sectors_content.png') no-repeat 0 0; width:495px; height:3px;} -div#header ul.menu li#sector_option.clicked ul.suboptions span.bottom_content {position:absolute; bottom:-30px; left:0px; background:url('/images/sites/common/menu/bottom_sectors_content.png') no-repeat 0 0; width:495px; height:30px;} -div#header ul.menu li#sector_option.clicked ul.suboptions.longer {background:url('/images/sites/common/menu/cluster_body_clicked_long.png') no-repeat 0 0; height:290px;} - -div#header ul.menu li div.header_title {display:none;} -div#header ul.menu li div.header_title a {display:none;} -div#header ul.menu li#cluster_option.clicked div.header_title {position:absolute; top:0; left:-10px; background:url('/images/sites/common/menu/cluster_head_clicked.png') no-repeat 0 0; width:94px; height:35px; display:inline;} -div#header ul.menu li#sector_option.clicked div.header_title {position:absolute; top:0; left:-10px; background:url('/images/sites/common/menu/cluster_head_clicked.png') no-repeat 0 0; width:94px; height:35px; display:inline;} -div#header ul.menu li.clicked div.header_title a {float:left; margin:7px 0 0 10px; padding:0 8px 0 0; font:normal 13px "Geneva"; color:white; text-decoration:none; display:inline; background:url('/images/sites/common/arrow_menu.png') no-repeat right 7px;} - -/*COUNTRY*/ -div#header ul.menu li#country_option.clicked div.header_title {position:absolute; top:0; left:-15px; background:url('/images/sites/common/menu/country_head_clicked.png') no-repeat 0 0; width:106px; height:35px; display:inline;} -div#header ul.menu li#country_option.clicked div.suboptions_body {position:absolute; top:35px; left:-18px; z-index:110; background:url('/images/sites/common/menu/country_body_clicked.png') no-repeat 0 0; display:none; width:238px; height:234px; display:inline; padding:7px; display:inline;} -div#header ul.menu li#country_option.clicked div.header_title a {margin:8px 0 0 15px;} -div#header ul.menu li#country_option.clicked ul.content {float:left; width:204px; height:218px; overflow-x:hidden; overflow-y:auto; margin:0 0 0 13px;} -div#header ul.menu li#country_option.clicked ul.content li {float:left; margin:6px 0 0 0; width:185px;} -div#header ul.menu li#country_option.clicked ul.content li a {float:left; margin: 0; font:normal 13px "Geneva"; linecolor:#C0C0BF; text-decoration:none;} -div#header ul.menu li#country_option.clicked ul.content li a:hover {color:white;} -/*REGION*/ -div#header ul.menu li#region_option.clicked div.header_title {position:absolute; top:0; left:-15px; background:url('/images/sites/common/menu/region_head_clicked.png') no-repeat 0 0; width:110px; height:35px; display:inline;} -div#header ul.menu li#region_option.clicked span.suboptions_body_top {position:absolute; top:-2px; left:0; z-index:110; background:url('/images/sites/common/menu/region_body_clicked_top.png') no-repeat 0 0; width:238px; height:2px;} -div#header ul.menu li#region_option.clicked div.suboptions_body {position:absolute; top:37px; left:-19px; z-index:110; background:url('/images/sites/common/menu/region_body_clicked.png') repeat-y 0 bottom; display:none; width:238px; max-height:238px; height:auto; display:inline; padding:7px; display:inline;} -div#header ul.menu li#region_option.clicked div.suboptions_body div.content_float {float:left; width:238px; height:auto; background:url('/images/sites/common/menu/region_body_clicked.png') repeat-y 0 bottom;} - -div#header ul.menu li#region_option.clicked div.header_title a {margin:7px 0 0 15px;} -div#header ul.menu li#region_option.clicked ul.content {float:left; width:204px; height:auto; max-height:213px; overflow-x:hidden; overflow-y:auto; margin:0 0 0 13px; padding:0 0 5px 0;} -div#header ul.menu li#region_option.clicked ul.content li {float:left; margin:7px 0 0 0; width:185px;} -div#header ul.menu li#region_option.clicked ul.content li a {float:left; margin:0; font:normal 13px "Geneva"; color:#C0C0BF; text-decoration:none;} -div#header ul.menu li#region_option.clicked ul.content li a:hover {color:white;} - - -div#header ul.menu li#organization_option.clicked div.header_title {position:absolute; top:-1px; left:-15px; background:url('/images/sites/common/menu/org_head_clicked.png') no-repeat 0 0; width:138px; height:36px; display:inline;} -div#header ul.menu li#organization_option.clicked div.suboptions_body {position:absolute; top:35px; left:-15px; z-index:110; background:url('/images/sites/common/menu/org_body_clicked.png') no-repeat 0 0; display:none; width:238px; height:234px; display:inline; padding:7px; display:inline;} -div#header ul.menu li#organization_option.clicked div.suboptions_body span.suboptions_body_top {position:absolute; top:-2px; left:0; z-index:110; background:url('/images/sites/common/menu/org_body_clicked_top.png') no-repeat 0 0; width:234px; height:2px; display:none;} -div#header ul.menu li#organization_option.clicked div.suboptions_body.short {position:absolute; width:238px; height:auto; background:url('/images/sites/common/menu/org_body_clicked_repeaty.png') repeat-y 0 bottom!important; top:37px; max-height:262px; padding:2px 7px 13px;} -div#header ul.menu li#organization_option.clicked div.suboptions_body.short span.suboptions_body_top {display:inline;} - - -div#header ul.menu li#organization_option.clicked div.suboptions_body input[type="text"]#ngos_search{float:left; margin:3px 0 0 7px; background:url('/images/sites/common/menu/input_ngos.png') no-repeat 0 0; width:191px; height:22px; padding:0 7px; font:normal 13px Arial; color:#666666; border:0px;} -div#header ul.menu li#organization_option.clicked div.suboptions_body.short input[type="text"]{display:none!important;} -div#header ul.menu li#organization_option.clicked div.header_title a {margin:8px 0 0 15px; padding:0 8px 0 0; background:url('/images/sites/common/arrow_menu.png') no-repeat right 7px;} -div#header ul.menu li#organization_option.clicked div.suboptions_body.short ul.content {margin:3px 0 0 13px;} -div#header ul.menu li#organization_option.clicked ul.content {float:left; width:204px; height:189px; overflow-x:hidden; overflow-y:auto; margin:17px 0 0 13px;} -div#header ul.menu li#organization_option.clicked ul.content li {float:left; margin:3px 0 0 0; width:185px;} -div#header ul.menu li#organization_option.clicked ul.content li a {float:left; margin:2px 0 0 0; font:normal 13px "Geneva"; color:#C0C0BF; text-decoration:none;} -div#header ul.menu li#organization_option.clicked ul.content li a:hover {color:white;} - - -div#header ul.menu li#organization_option.clicked ul#orgs_list {position:relative; float:left; overflow-y:scroll; overflow-x:hidden;} -div#header ul.menu li#organization_option.clicked ul#orgs_list p.no_founded {position:absolute; top:10px; left:0; font:italic 13px Arial; color:#C1C1C0; display:none;} -div#header ul.menu li#organization_option.clicked ul#orgs_list li {float:left; margin:6px 0 0 0;} -div#header ul.menu li#organization_option.clicked ul#orgs_list li a {float:left; font:normal 13px "Geneva",Arial; color:#C1C1C0;} -div#header ul.menu li#organization_option.clicked ul#orgs_list li a:hover {color:white;} - -div#header ul.menu li.clicked ul.suboptions {display:inline;} -div#header ul.menu li a {float:left; width:auto; font:normal 13px "Geneva"; color:#C2C1C1; text-decoration:none; margin:8px 0 0 0; line-height:15px;} -div#header ul.menu li a:hover {cursor:pointer; color:white;} -div#header ul.menu li a.with_suboptions {padding:0 8px 0 0; background:url('/images/sites/common/arrow_menu.png') no-repeat right 6px;} -div#header ul.menu li a span.with_suboptions {display:none;} -div#header ul.menu li div.suboptions_body {display:none;} -div#header ul.menu li ul.suboptions {position:absolute; top:20px; left:-13px; background-color:#2F2E2C; z-index:110; display:none;} -div#header ul.menu li ul.suboptions li {float:left; width:148px; padding:0 5px; margin:9px 0 0 0; height:auto; z-index:10;} - -div#header div.right {margin:10px 0 0 0; width:auto; height:20px; display:inline-block; vertical-align:top; display:-moz-inline-stack; zoom:1; *display:inline;} -div#header div.right form.search {position:relative; float:right;} -div#header div.right form.search span.input_search {float:left; width:111px; height:20px; background:url('/images/sites/common/input_search_bkg.png') no-repeat 0 0; position:relative;} -div#header div.right form.search span.input_search label{ display: none; position:absolute; top:2px; left:5px; width:83px; height:14px; font:normal 13px Arial; color:#999999; border:0px; z-index: 1;} -div#header div.right form.search span.input_search input[type="text"]{position:absolute; top:2px; left:5px; width:83px; height:14px; font:normal 13px Arial; color:#999999; border:0px;} -div#header div.right form.search span.input_search input[type="submit"] {position:absolute; right:5px; top:3px; width:15px; height:14px; background:url('/images/sites/common/bttn_search.png') no-repeat 0 0; border:none;} - -div#map {display:block; width:100%; height:465px; background:#99B3CA; border-bottom:2px solid white; border-top:2px solid white;} -div#map.home {border-top:none;} - -div#small_map {width:100%; height:335px; background:#99B3CA; border-top:2px solid white; border-bottom:2px solid white;} -a#zoomIn {position:absolute; display:none; width:24px; height:24px; top:10px; left:10px; background:url('/images/sites/maps/zoom_in.png') no-repeat 0 0; z-index:100;} -a#zoomIn:hover {background-position:0 -24px;} -a#zoomOut {position:absolute; display:none; width:24px; height:24px; top:10px; left:40px; background:url('/images/sites/maps/zoom_out.png') no-repeat 0 0; z-index:100;} -a#zoomOut:hover {background-position:0 -24px;} -div.map_style {position:absolute; display:none; top:10px; right:10px; width:111px; height:26px; background:url('/images/sites/maps/map_style.png') no-repeat 0 0; overflow:hidden; z-index:100;} -div.map_style:hover {cursor:pointer;} -div.map_style p {margin:7px 0 0 10px; font:normal 13px 'Open Sans'; color:white;} -div.map_style ul {width:93px; margin:10px 10px 0 10px;} -div.map_style ul li {padding:3px 0 3px;} -div.map_style ul li a {color:white; text-decoration:none;} -div.map_style ul li a:hover {cursor:pointer;} - - -/* LEFT COLUMN - RIGHT BIG BLOCK */ -div.main_head {display:inline-block; vertical-align:top; zoom:1; *display:inline; width:100%;} -div.inner_main_head {position:relative; width:942px; margin:0 auto;} -div.main_head div.left {width:248px; padding:30px 32px; background:url('/images/sites/common/mesh.png') repeat 0 0; display:inline-block; vertical-align:top; zoom:1; *display:inline;} -div.main_head div.left.home {padding: 0px 32px;} -div.main_head div.left h1 {width:237px; font:bold 25px "Open Sans Bold"; line-height: 30px; color:white; text-shadow:0 1px #A44B42; z-index:50;} -div.main_head div.left h1.cluster_sector_name {width:190px; z-index:50;} -div.main_head div.left h2 {width:100%; font:bold 15px "Open Sans Bold"; color:white; text-shadow:0 1px #A44B42; text-transform:uppercase;} -div.main_head div.left h2.cluster_sector_name, div.main_head div.left h2.organization_name {width:100%; font:bold 15px "Open Sans"; color:#532620; text-transform:uppercase; text-shadow:none;} -div.main_head div.left h3 {width:100%; font:bold 15px "Open Sans Bold"; color:#7B3C32; text-transform:uppercase;} -div.main_head div.left p {padding:5px 0 0 0; font:normal 13px Arial; color:#7B3932;} -div.main_head div.float_head {position:absolute; top:0; left:5px; width:238px; padding:30px 32px 44px 32px; background:url('/images/sites/search/head_mask.png') repeat 0 0 #C45A4B; z-index:100;} -div.main_head div.float_head.home {padding:20px 32px 70px 32px;} -div.main_head div.float_head.home h1 {font:bold 15px "Open Sans Bold"; font-size:32px; line-height: 36px; text-transform:uppercase; position:relative; width:200px;} -div.main_head div.float_head.home sup.beta {font:normal 11px "Open Sans"; color:#73352B; padding:3px;} -div.main_head div.float_head.home h3 {width:100%; font:bold 15px "Open Sans Bold"; color:#7B3C32; text-transform:uppercase; margin:10px 0 0 0;} -div.main_head div.fund {position: relative; left: -27px; top: 105px; height: 45px; width: 302px; background: #ffffff; z-index: 200; vertical-align: middle;} -div.main_head div.fund p.fund_label {display: inline-block; width: 210px; text-align: right; font:bold 13px "Open Sans Bold"; color:#666666; vertical-align: middle;} -div.main_head div.fund div.fund_logo {display: inline-block; width: 70px; height: 40px; margin: 0 10px 0 0; vertical-align: middle;} - -div.main_head a.filter {position: absolute; padding: 5px; display: block; width: 239px; font: bold 13px "Open Sans Bold"; color: white; font-weight: normal; text-transform: uppercase; z-index: 100;} -div.main_head a.filter img{margin: 2px 5px;} -div.main_head div ul.breadcrumb {width:100%; padding:0 0 13px;} -div.main_head div ul.breadcrumb li {display:inline; width:auto; margin:0 5px 0 0; background:url('/images/sites/icons/breadcrumb.png') no-repeat right 6px;} -div.main_head div ul.breadcrumb li a {width:auto; color:#75362D; text-decoration:underline; padding:0 12px 0 0; font:normal 13px Arial;} -div.main_head div ul.breadcrumb li a:hover {color:#522822;} -div.main_head div ul.breadcrumb li.last {padding:0; background:none;} -div.main_head div.right {position:relative; width:604px; padding:28px 0; display:inline-block; vertical-align:top; zoom:1; *display:inline; min-height:40px; overflow:hidden!important;} -div.main_head div.right span.wikipedia {position:absolute; bottom:0; right:0; background:url('/images/sites/regions/wikipedia_head.png') no-repeat 0 0; width:141px; height:49px;} -div.main_head div.right.home {min-height:50px;} -div.main_head div.right.home a {text-decoration:underline!important;} -div.main_head div.right.home a:hover {cursor:pointer; text-decoration:none!important;} -div.main_head div.right p.provided {margin:15px 0 0 0;} - -div#left_column {position:relative; width:100%;} -div#left_column div.left {width:300px; height:300px; display:inline-block; vertical-align:top; display:-moz-inline-stack; zoom:1; *display:inline;} -div#left_column div.outer_float {position:absolute; top:0; left:-5px; width:302px; padding:0 5px 5px 5px; background:url('/images/sites/common/mesh.png') repeat-y 0 0; z-index:100;} -div#left_column div.float_left {position:absolute; top:-40px; left:5px;} -div#left_column div.float_left div.head {position:relative; width:238px; height:auto; padding:30px 32px; background:url('/images/sites/search/head_mask.png') repeat 0 0 #C45A4B;} -div#left_column div.float_left div.head p {font:normal 13px Arial; color:#7B3932;} -div#left_column div.float_left div.head h2 {width:100%; font:bold 15px "Open Sans Bold"; color:white; text-shadow:0 1px #A44B42; text-transform:uppercase;} -div#left_column div.float_left div#secondary_map {width:300px; height:189px; border-bottom:1px solid #999999; background:#99B3CA;} -div#left_column div.float_left div.block {float:left; width:238px; padding:32px; background:white; border-bottom:1px solid #DEDEDE;} -div#left_column div.float_left div.block.sharing {min-height:175px} -div#left_column div.float_left div.block.sharing p {padding: 0} -div.inner_main_head div.block {border-bottom1:none!important;} -div#left_column div.float_left div.block.box_info {float:left; width:238px; border-bottom:1px solid #DEDEDE; padding:0 32px 0; } -div#left_column div.float_left div.block.box_info label {float:left; margin:30px 0 0 0; font:bold 13px "Open Sans Bold"; color:#666666; width:98px;} -div#left_column div.float_left div.block.box_info h2 {float:left; font:normal 36px "Aller"; color:#666666; width:98px;} -div#left_column div.float_left div.block.box_info div.projects_account {float:left; width:119px; height:109px; border-right:1px solid #DEDEDE; } -div#left_column div.float_left div.block.box_info div.orgs_account {float:left; width:90px; height:109px; margin:0 0 0 23px;} -div#left_column div.float_left div.block.green {background:#D8E5C0;} -div#left_column div.float_left div.block.green h3 {color:#333333;} -div#left_column div.float_left div.block p {width:100%; padding:10px 0 0 0; font:normal 13px Arial; color:#666666; line-height:17px;} -div#left_column div.float_left div.block p.budget {padding:10px 0 0 10px; font:normal 25px "Aller"; color:#666666; background:url('/images/sites/icons/budget.jpg') no-repeat 0 16px;} -div#left_column div.float_left div.block p.social a {padding:0 5px 0 20px; color:#666666; text-decoration:underline;} -div#left_column div.float_left div.block p.social a:hover {color:#333333;} -div#left_column div.float_left div.block p.social a.twitter {background:url('/images/sites/icons/twitter.png') no-repeat 0 0;} -div#left_column div.float_left div.block p.social a.facebook {margin:0 0 0 4px; background:url('/images/sites/icons/facebook.png') no-repeat 0 0;} -div#left_column div.float_left div.block img.logo {padding:0 0 10px 0; max-width:80px; max-height:46px; width:auto; height:auto;} -div#left_column div.float_left div.block p.website {padding:0;} -div#left_column div.float_left div.block.wikipedia {background:url('/images/sites/regions/wikipedia.png') no-repeat right bottom #FFFFFF;} -div#left_column div.float_left div.block.wikipedia p {line-height:17px;} -div#left_column div.float_left div.block.wikipedia p.provided {margin:15px 0 0 0;} -div#left_column div.float_left div.block.margin {margin:5px 0 0 0;} -div#left_column div.float_left div.block.resources {background:url('/images/sites/organization/bkg_resources.png') no-repeat right bottom white;} -div#left_column div.float_left div.block h3 {width:100%; font:bold 13px "Open Sans Bold"; color:#666666; text-shadow:none; text-transform:uppercase;} -div#left_column div.float_left div.block h3.secondary {margin:20px 0 0 0;} -div#left_column div.float_left div.block a {color:#CD5D4C;} -div#left_column div.float_left div.block a:hover {text-decoration:underline;} -div#left_column div.float_left div.block ul {width:100%; margin:10px 0 0 0; padding:0 0 6px; list-style:none;} -div#left_column div.float_left div.block ul li {padding:3px 0 3px 10px; background:url('/images/sites/icons/list_disc.png') no-repeat 0 10px; font:normal 13px Arial; color:#999999;} -div#left_column div.float_left div.block ul li a {text-decoration:none;} -div#left_column div.float_left div.block ul li a:hover {text-decoration:underline;} -div#left_column div.float_left div.block ul li.selected {background:none;} -div#left_column div.float_left div.block ul li.selected a {color:#666666;} -div#left_column div.float_left div.block ul li.selected a:hover {text-decoration:none; color:#666666;} -div#left_column div.float_left div.block a#show_donor_list {float:left; margin:15px 0 0 0;} -div#left_column div.float_left div.block ul.clusters {padding:5px 0 0 0; overflow:hidden;} -div#left_column div.float_left div.block ul.clusters li {padding:0 0 17px 42px;} -div#left_column div.float_left div.block ul.clusters li.last {padding:0 0 0 45px;} -div#left_column div.float_left div.block ul.clusters li a {color:#CD5D4C;} -div#left_column div.float_left div.block ul.clusters li p {padding:1px 0 0 0;} -div#left_column div.float_left div.block a.more {position:relative; margin:0 0 0 10px; padding:0 12px 0 0; background:url('/images/sites/icons/down_garnet.png') no-repeat right 6px;} -div#left_column div.float_left div.block ul.share {} -div#left_column div.float_left div.block ul.share li{background: none; padding: 13px 0 0 0;} -div#left_column div.float_left div.block ul.share li span.share_label {display: inline-block; width: 60px; vertical-align: middle} -div#left_column div.float_left div.block ul.share li span.share_icon {display: inline-block; margin:0; vertical-align: middle} - -div.projects div.inner_main_head div.left div.block {padding:18px 0 20px 5px!important;} -div.projects div.block div.import_data {float:left; margin:10px 0 0 0;} -div.projects div.block div.import_data p {float:left; font:normal 13px Arial; color:#666666; margin:0; width:auto; padding:0 0 0 20px!important; background:url('/images/sites/icons/download.png') no-repeat 0 1px!important;} -div.projects div.block div.import_data a {font:normal 13px Arial; text-decoration:none!important; margin:1px 0 0 0;} -div.projects div.block div.import_data a:hover {text-decoration:underline!important;} - -div#left_column div.float_left div.block a.more:hover {text-decoration:underline;} -div#left_column div.right {width:632px; padding:0; display:inline-block; vertical-align:top; display:-moz-inline-stack; zoom:1; *display:inline;} -div#left_column div.right h3 {display: inline-block; width:598px; padding:20px 0px 20px 34px; font:bold 13px "Open Sans Bold"; color:#808080; text-shadow:0 1px white; text-transform:uppercase; line-height: 18px;} -div#left_column div.right h3 a#see_all {padding:0 5px; text-transform:none; text-shadow:none; font:normal 13px Arial;} -div#left_column div.right h3 a#see_all:hover {text-decoration:underline;} -div#left_column div.right h3 strong {padding:10px 0 0; font:normal 12px Arial; color:#808080; text-transform:none; text-shadow:none; line-height:20px;} -div#left_column div.right h3 ul.download { width: auto; padding-left: 19px!important; background:url('/images/sites/icons/download.png') no-repeat 0 5px; line-height: 25px;} -div#left_column div.right h3 ul.download li {font:normal 13px Arial; display: inline; width: auto; height: auto; padding: 0;} -div#left_column div.right h3 ul.download li a:hover {text-decoration: underline;} -div#left_column div.right h3 a#embed_map {text-transform: none; } -div#left_column div.right h3.withlogo {width:300px} -div#left_column div.right div#sponsor {position: absolute; right: 0; top: 0px;} -div#left_column div.right div#sponsor span {float: left; vertical-align: top; padding: 21px 0 0 0; font: bold 13px "Open Sans Bold"; color:#999999; text-shadow:0 1px white; text-transform:uppercase;} -div#left_column div.right div#sponsor div#logo {float: left;; width: 101px; padding: 15px 0 0 0; text-align: center; } -div#left_column div.right div#sponsor div#logo_bottom_border{position: absolute; width: 101px; height: 10px; padding: 0; text-align: center; right: 0; bottom: -10px;} -div#left_column div.right ul {width:100%; padding:0!important;} -div#left_column div.right ul li {width:572px; height:74px; padding:20px 26px 20px 34px;} -div#left_column div.right ul li.even {background:url('/images/sites/regions/even_bkg.png') repeat-x 0 0;} -div#left_column div.right ul li h4 {width:100%; padding:0; margin:0;} -div#left_column div.right ul li h4 a {font:bold 17px "Open Sans Bold"; color:#D05F4E; text-decoration:none;} -div#left_column div.right ul li h4 a:hover {text-decoration:underline;} -div#left_column div.right ul li p {font:normal 13px Arial; color:#666666;} -div#left_column div.right ul li p.author {padding:0!important; margin:0;} -div#left_column div.right ul li p.author a {color:#666666; text-decoration:underline;} -div#left_column div.right ul li p.author a:hover {color:#333333;} -div#left_column div.right ul li p.info {padding:10px 0 0 0;} -div#left_column div.right ul li p.info a {text-decoration:underline; color:#D05F4E;} -div#left_column div.right ul li p.info a:hover {text-decoration:none;} -div#left_column div.view_more {clear:both; width:100%; padding:20px 0 0 0;} -div#left_column div.view_more a {display:inline; height:15px; margin:0 0 0 0; font:bold 13px "Open Sans Bold"; background:url('/images/sites/search/pagination.png') no-repeat 0 0; text-align:center;} -div#left_column div.view_more a:hover {background-position:0 -26px; cursor:pointer;} -div#left_column div.view_more a#previous {float: left; margin-left: 34px; padding: 5px 18px; } -div#left_column div.view_more a#next {float: right; padding: 5px 30px;} - -div#popup.embed_map { - display: none; - position: fixed; - width: 468px; - height: 240px; - padding: 30px; - top: 50%; - left: 50%; - margin-top: -150px; - margin-left: -264px; - background-color: white; - clear: both; - z-index: 1500; -} - -div#popup.embed_map h5{ - font-family: 'Open Sans Bold'; - font-size: 13px; - font-weight: bold; - text-transform: uppercase; -} - -div#popup.embed_map p{ - font-size: 15px; - padding: 5px 0 15px; -} - -div#popup.embed_map a.close.top { - position: absolute; - top: 12px; - right: 12px; - background-image: url('/images/sites/common/popup_close_x.png'); - width: 8px; - height: 8px; - display: block; -} - -div#popup.embed_map a.close.button { - background-image: url('/images/sites/common/popup_close_button.png'); - width: 81px; - height: 33px; - display: block; - color: white; - font-family: "Open Sans Bold"; - font-size: 15px; - font-weight: bold; - text-align: center; - line-height: 33px; - margin: 20px 0; -} - -div#popup.embed_map textarea{ - position: relative; - background-image: url('/images/sites/common/embed_map_textarea_background.png'); - background-repeat: no-repeat; - width: 438px; - height: 114px; - padding: 10px 15px; - border: 0 none; - font-family: 'Courier new'; - font-size: 15px; - *float: left; - *margin-left: 30px; -} - -div.popup_background { - display: none; - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: url('/images/sites/common/popup_background.png'); - z-index: 1000; -} - - -/*LEFT BIG COLUMN - RIGHT SIDEBAR -> SEARCH, SITE PAGES, DONORS, */ -div#pages {position:relative; width:100%; margin:65px 0 0 0;} -div#pages div.left {width:670px; padding-bottom: 5px; display:inline-block; vertical-align:top; display:-moz-inline-stack; zoom:1; *display:inline; background:url('/images/sites/common/mesh.png') repeat 0 0;} - -div#pages div.left div.outer_head {width:660px; padding:5px 5px 0 5px;} -div#pages div.left div.outer_head div.head {width:596px; height:auto; padding:32px; background:url('/images/sites/search/head_mask.png') repeat-x 0 0 #C45A4B; border-bottom:1px solid #814941;} -div#pages div.left div.outer_head div.head h1 {width:100%; font:bold 25px "Open Sans Bold"; color:white; text-shadow:0 1px #A44B42;} -div#pages div.left div.outer_head div.head p {width:100%; padding:2px 0 0 0; font:normal 13px Arial; color:#7C3831; text-shadow:none;} -div#pages div.left div.outer_head div.head a {color:#7C3831; text-decoration: underline;} -div#pages div.left div.outer_head div.head input[type="text"] {width:467px; padding:10px; margin:10px 0 0 0; background:url('/images/sites/search/textinput_bkg.png') no-repeat 0 0; font:normal 17px Arial; color:#333333; border:none; display:inline-block; vertical-align:top; display:-moz-inline-stack; zoom:1; *display:inline;} -div#pages div.left div.outer_head div.head input[type="submit"] {width:101px; height:38px; margin:10px 0 0 0; background:url('/images/sites/search/submit_bkg.png') no-repeat 0 0; border:none; text-indent:-9999px; font-size:0; line-height:0; display:inline-block; vertical-align:top; display:-moz-inline-stack; zoom:1; *display:inline;} -div#pages div.left div.outer_head div.head input[type="submit"]:hover {background-position:0 -38px; cursor:pointer;} -div#pages div.left div.body {width:600px; margin:0 0 0 5px; padding:22px 30px 50px; background:white; border-bottom:1px solid #CCCCCC;} -div#pages div.left div.body.last {border:none;} -div#pages div.left div.body h3 {font:bold 13px "Open Sans Bold"; color:#666666; margin:25px 0 0 0;} -div#pages div.left div.body h2 {font:bold 15px "Open Sans Bold"; color:#666666; margin:10px 0 0 0;} -div#pages div.left div.body p {font:normal 13px Arial; color:#666666; margin:10px 0 0 0;} -div#pages div.left div.body p.question {padding: 15px 0 0 0; font-weight: bold;} -div#pages div.left div.body p.question#firstquestion {padding: 0} -div#pages div.left div.body p a {color:#D05F4C; text-decoration:none;} -div#pages div.left div.body p a:hover {text-decoration:underline; cursor:pointer;} -div#pages div.left div.body ul {width:100%; margin:10px 0 0 0; padding:0 0 6px; list-style:none;} -div#pages div.left div.body ul li {padding:3px 0 3px 13px; background:url('/images/sites/icons/list_disc.png') no-repeat 0 10px; font:normal 13px Arial; color:#666666;} -div#pages div.left div.body ul li a {color:#D05F4C; text-decoration:none;} -div#pages div.left div.body ul li a:hover {text-decoration:underline;} -div#pages div.left div.body div.threecols {width: 630px; vertical-align: top;} -div#pages div.left div.body div.threecols ul {display: inline-block; width: 180px; margin: 15px 20px 0 0; vertical-align: top;} -div#pages div.left div.body div.threecols ul#last {margin: 15px 0 0 0} - -div#pages div.left div.results_list {width:660px; min-height: 562px; margin:0 5px 0 5px; background:white;} -div#pages div.left div.results_list h3 {margin:0; padding:30px 0 30px 32px; font:bold 13px "Open Sans Bold"; color:#666666; text-transform:uppercase;} -div#pages div.left div.results_list h3 a {color:#666666; padding:0 8px 0 0; background:url('/images/sites/icons/remove.png') no-repeat right 0; border-bottom:1px dotted #C45A4B;} -div#pages div.left div.results_list h3 a:hover {border-bottom:1px solid #C45A4B;} -div#pages div.left div.results_list ul {background:white;} -div#pages div.left div.results_list ul li {width:100%; height:110px; padding:0 0 25px;} -div#pages div.left div.results_list ul li.odd {background:white; padding:0;} -div#pages div.left div.results_list ul li.even {background:#F5F5F5; padding:0;} -div#pages div.left div.results_list ul li p.no_results {padding:38px 32px; font:bold 18px "Open Sans Bold"; color:#666666;} -div#pages div.left div.results_list ul li div.project_name {float:left; width:439px; height:110px; border-right:1px solid #E5E5E5; display:inline-block; vertical-align:top; display:-moz-inline-stack; zoom:1; *display:inline;} -div#pages div.left div.results_list ul li div.project_name h3 {width:400px; padding-bottom:0; color:none;} -div#pages div.left div.results_list ul li div.project_name h3 a {padding:0; font:bold 17px "Open Sans Bold"; text-transform:none; border:none; background:none; color:#C45A4B;} -div#pages div.left div.results_list ul li div.project_name h3 a:hover {text-decoration:underline;} -div#pages div.left div.results_list ul li div.project_name p {margin:0; padding:0 0 0 32px; font:normal 13px Arial; color:#999999;} -div#pages div.left div.results_list ul li div.project_name p a {color:#999999; text-decoration:underline;} -div#pages div.left div.results_list ul li div.project_name p a:hover {color:#333333;} -div#pages div.left div.results_list ul li div.project_places {width:170px; height:30px; padding:35px 20px; display:inline-block; vertical-align:top; display:-moz-inline-stack; zoom:1; *display:inline;} -div#pages div.left div.results_list ul li div.project_places p {margin:0; padding:0; font:normal 13px Arial; color:#999999; text-align:center; line-height:13px;} -div#pages div.left div.results_list ul li div.project_places ul {margin:0; padding:0; font:normal 13px Arial; background-color: transparent; color:#999999; text-align:center;} -div#pages div.left div.results_list ul li div.project_places ul li {margin: 0; padding:2px; background-color: transparent; line-height:13px;} -div#pages div.left div.results_list ul li div.project_places p a {color:#999999; text-decoration:underline;} -div#pages div.left div.results_list ul li div.project_places p a:hover {color:#333333;} - -div#pages div.right {width:262px; margin:71px 0 0 0; padding:0; display:inline-block; vertical-align:top; display:-moz-inline-stack; zoom:1; *display:inline;} -div#pages div.rightsearch {margin:122px 0 0 0;} -div#pages div.right div.block {float:left; width:242px; margin:23px 0 0 0; padding:0 0 0 30px;} -div#pages div.right div.block.border {border-bottom:1px solid #D4D4D4; padding:0 0 20px 30px;} -div#pages div.right div.block.border.last {border:none; padding:0 0 0 30px;} -div#pages div.right div.block h2 {width:100%; font:bold 13px "Open Sans Bold"; color:#808080; text-shadow:0 1px white; text-transform:uppercase;} -div#pages div.right div.block h2 a.clear_date{ float: right; margin-right: 12px; font-size: 11px; font-weight: normal; color: #ca5d4d; text-transform: capitalize;} -div#pages div.right div.block h3 a:hover {cursor:pointer; text-decoration:underline;} -div#pages div.right div.block div.logo {float:left; padding:0 0 5px; width:100%;} -div#pages div.right div.block img {background:white;} -div#pages div.right div.block img#image_logo {border:5px solid #CFCFCF;} -div#pages div.right div.block p {width:100%; padding:10px 0 0 0; font:normal 13px Arial; color:#666666; line-height:17px;} -div#pages div.right div.block p.social a {padding:0 5px 0 20px; color:#666666; text-decoration:underline;} -div#pages div.right div.block p.social a:hover {color:#333333;} -div#pages div.right div.block p.social a.twitter {background:url('/images/sites/icons/twitter.png') no-repeat 0 0;} -div#pages div.right div.block p.social a.facebook {margin:0 0 0 4px; background:url('/images/sites/icons/facebook.png') no-repeat 0 0;} -div#pages div.right div.block p.website {padding:5px 0 0 0;} -div#pages div.right div.block p a {color:#CD5D4C;} -div#pages div.right div.block p a:hover {text-decoration:underline;} -div#pages div.right div.block ul {width:100%; margin:2px 0 0 0; padding:0 0 6px; list-style:none;} -div#pages div.right div.block ul li {padding:3px 0 3px 10px; background:url('/images/sites/icons/list_disc.png') no-repeat 0 10px; font:normal 13px Arial; color:#333333;} -div#pages div.right div.block ul li.page {color:#333333;} -div#pages div.right div.block ul li a {color:#D05F4C; text-decoration:none;} -div#pages div.right div.block ul li a:hover {text-decoration:underline; cursor:pointer;} -div#pages div.right div.block ul li a.delete {margin: 0 5px;} -div#pages div.right div.block ul li a.delete img {vertical-align: middle;} -div#pages div.right div.block ul li.selected {background:none;} -div#pages div.right div.block ul li.selected a {color:#666666;} -div#pages div.right div.block ul li.selected a:hover {text-decoration:none; color:#666666;} -div#pages div.right div.block a.more {position:relative; margin:0 0 0 10px; padding:0 12px 0 0; background:url('/images/sites/icons/down_garnet.png') no-repeat right 6px;} -div#pages div.right div.block a.more:hover {text-decoration:underline;} -div#pages div.view_more {clear:both; width:100%; padding:30px 0 0 0;} -div#pages div.view_more a#view_more {display:block; width:162px; height:14px; margin:0 0 0 230px; padding:5px 0 5px; font:bold 13px "Open Sans Bold"; background:url('/images/sites/search/view_more.png') no-repeat 0 0; text-align:center;} -div#pages div.view_more a#view_more:hover {background-position:0 -26px; cursor:pointer;} - -div#pages form div.right div.block {position: relative; width: 200px;} -div#pages form div.right div.block input.add {position: absolute; bottom: 1px; left: 198px; display: block; border: 0; padding: 0; width: 20px; height: 20px; background-color: transparent; font-family: Arial; font-size: 16px; color: #B0B0B0; font-weight: bold; line-height: 20px; text-shadow: 0 1px 0 white; cursor: pointer; z-index: 1;} -div#pages form div.right div.block input.add:hover { -moz-box-shadow: inset 1px 1px 1px #CCCCCC; -webkit-box-shadow: inset 1px 1px 1px #CCCCCC; box-shadow: inset 1px 1px 1px #CCCCCC;} -div#pages form div.right div.block input.add:active { -moz-box-shadow: inset 1px 1px 1px #999999; -webkit-box-shadow: inset 1px 1px 1px #999999; box-shadow: inset 1px 1px 1px #999999; padding-top: 1px; padding-left: 1px;} -div#pages form div.right div.block input.autocomplete {width: 158px; height: 21px; margin: 0; padding: 0; padding-left: 5px; padding-right: 31px; border: 0 none; font-family: Arial; font-size: 13px; color: #666666; background:url('/images/sites/search/autocomplete_bkg.png') no-repeat 0 0; z-index: 1;} -div#pages form div.right div.block input.autocomplete.opened {background:url('/images/sites/search/autocomplete_bkg.png') no-repeat 0 -21px;} - -div#pages form div.right div.block .newListSelected { float: left; position: relative; height:21px; padding: 0; cursor: pointer;} -div#pages form div.right div.block .newListSelected .selectedTxt { height:21px; margin: 0 0 0 6px; color:#666666; line-height:21px; overflow:hidden;} -div#pages form div.right div.block .newListSelected div.newList_content {position: absolute; top: 21px; left: 0; float: left; height: 107px; overflow: hidden; padding: 0; z-index: 10;} -div#pages form div.right div.block .newListSelected div.newList_content ul.newList {padding: 0; margin: 0;} -div#pages form div.right div.block .newListSelected div.newList_content ul.newList li { padding: 3px 6px; background: none transparent;} -div#pages form div.right div.block .newListSelected div.newList_content ul.newList li a {color:#666666;} - -div#pages form div.right div.block .newListSelected.month {width: 107px; margin: 8px 0 0 20px; background:url('/images/sites/search/combo_month_bkg.png') no-repeat 0 0;} -div#pages form div.right div.block .newListSelected.month div.newList_content {width: 107px; background:url('/images/sites/search/combo_month_body_bkg.png') no-repeat 0 0;} -div#pages form div.right div.block .newListSelected.month div.newList_content ul.newList{ width: 107px;} -div#pages form div.right div.block .newListSelected.year {width: 63px; margin: 8px 0 0 0; background:url('/images/sites/search/combo_year_bkg.png') no-repeat 0 0;} -div#pages form div.right div.block .newListSelected.year div.newList_content {width: 63px; background:url('/images/sites/search/combo_year_body_bkg.png') no-repeat 0 0;} -div#pages form div.right div.block .newListSelected.year div.newList_content ul.newList{ width: 63px;} - - -ul.ui-autocomplete { width: 177px; height: 107px; margin: 0; padding: 0; background:url('/images/sites/search/autocomplete_list_bkg.png') no-repeat 0 0; overflow: hidden; } -ul.ui-autocomplete li {padding: 3px 6px;} -ul.ui-autocomplete li a{color: #666666;} -ul.ui- - li a.ui-state-hover { text-decoration: underline;} - - -/*chart*/ -div.statistics.less {padding-bottom:15px!important;} -div.statistics img.pie_chart {background:none!important; margin:0 0 0 -10px; height:125px; /*hack for google maps chart api image*/} -div.statistics ul.chart {float:right; width:120px!important; padding:6px 0 0 0!important; display:inline-block; vertical-align:top; display:-moz-inline-stack; zoom:1; *display:inline;} -div.statistics ul.chart li {float:left; width:108px; padding:0 0 0 12px!important; margin:5px 0 0 0!important; background:url('/images/sites/icons/chart_pos0.png') no-repeat 0 4px!important;} -div.statistics ul.chart li a {color:#666666; text-decoration:underline!important;} -div.statistics ul.chart li a:hover {color:#333333;} -div.statistics ul.chart li.pos1 {background:url('/images/sites/icons/chart_pos1.png') no-repeat 0 4px!important;} -div.statistics ul.chart li.pos2 {background:url('/images/sites/icons/chart_pos2.png') no-repeat 0 4px!important;} -div.statistics ul.chart li.pos3 {background:url('/images/sites/icons/chart_pos3.png') no-repeat 0 4px!important;} -div.statistics p.other {float:left; margin:10px 0 0 0!important; font:normal 13px Arial!important;} - -/*cluster*/ -div.statistics ul.statistics_list {width:270px; height:auto; padding:0; margin:10px 0 0 0;} -div.statistics ul.statistics_list li {float:left; width:100%!important; padding:0!important; margin:3px 0 0 0!important; height:auto; position:relative;} - - -/*ICONS*/ -/* TO PROGRESS BAR */ -a.icon_statistics {float:left; width:auto; padding:0 0 0 22px; height:20px;} -a.icon_statistics.agriculture {background:url('/images/sites/common/icons/bar/left_agriculture.png') no-repeat left 0;} -a.icon_statistics.camp_coordination {background:url('/images/sites/common/icons/bar/left_camp_coordination.png') no-repeat left 0;} -a.icon_statistics.communications {background:url('/images/sites/common/icons/bar/left_communication.png') no-repeat left 0;} -a.icon_statistics.disaster_management {background:url('/images/sites/common/icons/bar/left_disaster.png') no-repeat left 0;} -a.icon_statistics.early_recovery {background:url('/images/sites/common/icons/bar/left_early_recovery.png') no-repeat left 0;} -a.icon_statistics.economic_recovery {background:url('/images/sites/common/icons/bar/left_economic.png') no-repeat left 0;} -a.icon_statistics.education {background:url('/images/sites/common/icons/bar/left_education.png') no-repeat left 0;} -a.icon_statistics.emergency {background:url('/images/sites/common/icons/bar/left_emergency.png') no-repeat left 0;} -a.icon_statistics.environment {background:url('/images/sites/common/icons/bar/left_environment.png') no-repeat left 0;} -a.icon_statistics.food_aid {background:url('/images/sites/common/icons/bar/left_food_aid.png') no-repeat left 0;} -a.icon_statistics.food_security {background:url('/images/sites/common/icons/bar/left_food_security.png') no-repeat left 0;} -a.icon_statistics.health {background:url('/images/sites/common/icons/bar/left_health.png') no-repeat left 0;} -a.icon_statistics.human_rights {background:url('/images/sites/common/icons/bar/left_human_rights.png') no-repeat left 0;} -a.icon_statistics.logistics {background:url('/images/sites/common/icons/bar/left_logistics.png') no-repeat left 0; width:25px; padding:0 0 0 25px;} -a.icon_statistics.nutrition {background:url('/images/sites/common/icons/bar/left_nutrition.png') no-repeat left 0;} -a.icon_statistics.other {background:url('/images/sites/common/icons/bar/left_other.png') no-repeat left 0;} -a.icon_statistics.peace_security {background:url('/images/sites/common/icons/bar/left_peace_security.png') no-repeat left 0;} -a.icon_statistics.protection {background:url('/images/sites/common/icons/bar/left_protection.png') no-repeat left 0;} -a.icon_statistics.shelter {background:url('/images/sites/common/icons/bar/left_shelter.png') no-repeat left 0;} -a.icon_statistics.water_sanitation {background:url('/images/sites/common/icons/bar/left_water_sanitation.png') no-repeat left 0;} - -/* TO MENU */ -a.icon_menu {float:left; padding:4px 0 0 30px; height:18px; font:normal 13px Arial;} -a.icon_menu.double_line {padding:0 0 0 30px; height:22px;} -a.icon_menu.agriculture {background:url('/images/sites/common/icons/menu/agriculture.png') no-repeat left 0;} -a.icon_menu.camp_coordination {background:url('/images/sites/common/icons/menu/camp.png') no-repeat left 0;} -a.icon_menu.communications {background:url('/images/sites/common/icons/menu/communication.png') no-repeat left 0;} -a.icon_menu.disaster_management {background:url('/images/sites/common/icons/menu/disaster_management.png') no-repeat left 0;} -a.icon_menu.early_recovery {background:url('/images/sites/common/icons/menu/early_recovery.png') no-repeat left 0;} -a.icon_menu.economic_recovery {background:url('/images/sites/common/icons/menu/economic_recovery.png') no-repeat left 0;} -a.icon_menu.education {background:url('/images/sites/common/icons/menu/education.png') no-repeat left 0;} -a.icon_menu.emergency {background:url('/images/sites/common/icons/menu/emergency.png') no-repeat left 0;} -a.icon_menu.environment {background:url('/images/sites/common/icons/menu/environment.png') no-repeat left 0;} -a.icon_menu.food_aid {background:url('/images/sites/common/icons/menu/food_aid.png') no-repeat left 0;} -a.icon_menu.food_security {background:url('/images/sites/common/icons/menu/food_security.png') no-repeat left 0;} -a.icon_menu.health {background:url('/images/sites/common/icons/menu/health.png') no-repeat left 0;} -a.icon_menu.human_rights {background:url('/images/sites/common/icons/menu/human_rights.png') no-repeat left 0;} -a.icon_menu.logistics {background:url('/images/sites/common/icons/menu/logistics.png') no-repeat left 0;} -a.icon_menu.nutrition {background:url('/images/sites/common/icons/menu/nutrition.png') no-repeat left 0;} -a.icon_menu.other {background:url('/images/sites/common/icons/menu/other.png') no-repeat left 0;} -a.icon_menu.peace_security {background:url('/images/sites/common/icons/menu/peace_security.png') no-repeat left 0;} -a.icon_menu.protection {background:url('/images/sites/common/icons/menu/protection.png') no-repeat left 0;} -a.icon_menu.shelter {background:url('/images/sites/common/icons/menu/shelter.png') no-repeat left 0;} -a.icon_menu.water_sanitation {background:url('/images/sites/common/icons/menu/water.png') no-repeat left 0;} -a.icon_menu:hover {background-position:0 -22px; cursor:pointer;} - -/* TO WATER_MARK */ - -span.icon_watermark {position:absolute; right:32px; top:32px; height:37px; width:37px; z-index:-5;} -span.icon_watermark.agriculture {background:url('/images/sites/common/icons/watermark/agriculture.png') no-repeat left 0;} -span.icon_watermark.camp_coordination {background:url('/images/sites/common/icons/watermark/camp.png') no-repeat left 0;} -span.icon_watermark.communications {background:url('/images/sites/common/icons/watermark/communication.png') no-repeat left 0;} -span.icon_watermark.disaster_management {background:url('/images/sites/common/icons/watermark/disaster_management.png') no-repeat left 0;} -span.icon_watermark.early_recovery {background:url('/images/sites/common/icons/watermark/early_recovery.png') no-repeat left 0;} -span.icon_watermark.economic_recovery {background:url('/images/sites/common/icons/watermark/economic_recovery.png') no-repeat left 0;} -span.icon_watermark.education {background:url('/images/sites/common/icons/watermark/education.png') no-repeat left 0;} -span.icon_watermark.emergency {background:url('/images/sites/common/icons/watermark/emergency.png') no-repeat left 0;} -span.icon_watermark.environment {background:url('/images/sites/common/icons/watermark/environment.png') no-repeat left 0;} -span.icon_watermark.food_aid {background:url('/images/sites/common/icons/watermark/food_aid.png') no-repeat left 0;} -span.icon_watermark.food_security {background:url('/images/sites/common/icons/watermark/food_security.png') no-repeat left 0;} -span.icon_watermark.health {background:url('/images/sites/common/icons/watermark/health.png') no-repeat left 0;} -span.icon_watermark.human_rights {background:url('/images/sites/common/icons/watermark/human_rights.png') no-repeat left 0;} -span.icon_watermark.logistics {background:url('/images/sites/common/icons/watermark/logistics.png') no-repeat left 0;} -span.icon_watermark.nutrition {background:url('/images/sites/common/icons/watermark/nutrition.png') no-repeat left 0;} -span.icon_watermark.other {background:url('/images/sites/common/icons/watermark/other.png') no-repeat left 0;} -span.icon_watermark.peace_security {background:url('/images/sites/common/icons/watermark/peace_security.png') no-repeat left 0;} -span.icon_watermark.protection {background:url('/images/sites/common/icons/watermark/protection.png') no-repeat left 0;} -span.icon_watermark.shelter {background:url('/images/sites/common/icons/watermark/shelter.png') no-repeat left 0;} -span.icon_watermark.water_sanitation {background:url('/images/sites/common/icons/watermark/water.png') no-repeat left 0;} - - -/* TO OTHER LIST */ -li.icon_other.agriculture {background:url('/images/sites/common/icons/li_others/agriculture.png') no-repeat 0 0!important;} -li.icon_other.camp_coordination {background:url('/images/sites/common/icons/li_others/camp.png') no-repeat 0 0!important;} -li.icon_other.communications {background:url('/images/sites/common/icons/li_others/communication.png') no-repeat 0 0!important;} -li.icon_other.disaster_management {background:url('/images/sites/common/icons/li_others/disaster_management.png') no-repeat 0 0!important;} -li.icon_other.early_recovery {background:url('/images/sites/common/icons/li_others/early_recovery.png') no-repeat 0 0!important;} -li.icon_other.economic_recovery {background:url('/images/sites/common/icons/li_others/economic_recovery.png') no-repeat 0 0!important;} -li.icon_other.education {background:url('/images/sites/common/icons/li_others/education.png') no-repeat 0 0!important;} -li.icon_other.emergency {background:url('/images/sites/common/icons/li_others/emergency.png') no-repeat 0 0!important;} -li.icon_other.environment {background:url('/images/sites/common/icons/li_others/environment.png') no-repeat 0 0!important;} -li.icon_other.food_aid {background:url('/images/sites/common/icons/li_others/food_aid.png') no-repeat 0 0!important;} -li.icon_other.food_security {background:url('/images/sites/common/icons/li_others/food_security.png') no-repeat 0 0!important;} -li.icon_other.health {background:url('/images/sites/common/icons/li_others/health.png') no-repeat 0 0!important;} -li.icon_other.human_rights {background:url('/images/sites/common/icons/li_others/human_rights.png') no-repeat 0 0!important;} -li.icon_other.logistics {background:url('/images/sites/common/icons/li_others/logistics.png') no-repeat 0 0!important} -li.icon_other.nutrition {background:url('/images/sites/common/icons/li_others/nutrition.png') no-repeat 0 0!important;} -li.icon_other.other {background:url('/images/sites/common/icons/li_others/other.png') no-repeat 0 0!important;} -li.icon_other.peace_security {background:url('/images/sites/common/icons/li_others/peace_security.png') no-repeat 0 0!important;} -li.icon_other.protection {background:url('/images/sites/common/icons/li_others/protection.png') no-repeat 0 0!important;} -li.icon_other.shelter {background:url('/images/sites/common/icons/li_others/shelter.png') no-repeat 0 0!important;} -li.icon_other.water_sanitation {background:url('/images/sites/common/icons/li_others/water.png') no-repeat 0 0!important;} - -div.statistics ul.statistics_list li a span {float:left; width:auto; height:13px; padding:2px 11px 5px 5px; background:url('/images/sites/organization/right_statistics.png') no-repeat right 0; font:normal 13px "Aller"; color:#FFFFFF; text-align:right;} -div.statistics ul.statistics_list li a span:hover {text-decoration:none!important;} -div.statistics ul.statistics_list li a:hover {text-decoration:none!important; cursor:pointer;} -div.statistics ul.statistics_list li a:hover span {text-decoration:none!important;} - - -/*PROJECTS*/ -div#project_layout {width:992px; margin:0 auto;} -div.main_head.projects div#completed {position:absolute; bottom:10px!important; right:-15px; width:173px; height:41px; background:url('/images/sites/projects/completed_msg.png') no-repeat; display:block; z-index:200;} -div.main_head.projects div#completed p {margin:5px 0 0 10px; font:bold 13px 'Open Sans Bold'; color:white;} -div.main_head.projects div.left {width:596px; height:auto; padding:30px 37px; margin:0; background:url('/images/sites/common/mesh.png') repeat 0 0; display:inline-block; vertical-align:top; zoom:1; *display:inline;} -div.main_head.projects div.float_head {position:absolute; top:0; left:5px; width:596px; height:auto; padding:32px 32px 40px; background:url('/images/sites/search/head_mask.png') repeat 0 0 #CD5D4C; z-index:100;} -div.main_head.projects div.float_head h1, div.main_head.projects div.left h1 {font-size:25px!important; position:relative; width:100%;} -div.main_head.projects div.float_head p, div.main_head.projects div.left p {font-size:13px; position:relative; width:100%;} -div.main_head.projects div.float_head p a {color:#7A372D; text-decoration:underline;} -div.main_head.projects div.float_head p a:hover {color:black;} -div.projects {position:relative; width:100%;} -div.projects div.left {float:left; width:650px; height:400px; margin:0 0 0 25px; padding:0 5px;} -div.projects div.outer_float {position:absolute; top:0; left:25px; width:660px; padding:0 5px 5px 5px; background:url('/images/sites/common/mesh.png') repeat-y 0 0; z-index:100;} -div.projects div.float_left {position:absolute; top:-40px; left:5px; width:660px; z-index:100;} -div.projects div.float_left div.galleryStyle {position:relative; float:left; width:660px; height:400px; border-top:1px solid #999999; border-bottom:1px solid #999999; background:white; overflow:hidden; z-index:0;} -div.projects div.float_left div.galleryStyle div.mamufas {position:absolute; z-index:50; top:0; left:0; bottom:0; right:0; background:white;} -div.projects div.float_left a.video {position:absolute; display:none; top:0px; left:285px; height:82px; width:107px; background:url('/images/sites/projects/play.png') no-repeat 0 0; z-index:1000;} -div.projects div.float_left a.video:hover {background-position:0 -82px;} -div.projects div.float_left div.loader_gallery {position:absolute; display:none; height:402px; width:100%; top:0; left:0; z-index:10000; background:white; overflow:hidden;} -div.projects div.float_left div.loader_gallery p {position:relative; float:left; margin:180px 0 0 0; width:100%; text-align:center; font:normal 15px 'Open Sans'; color:#888888;} -div.projects div.float_left div.loader_gallery img {position:relative; float:left; margin:10px 0 0 320px;} -div.projects div.float_left div.loader_gallery div.video_player {float:left; display:none; height:100%; width:100%;} -div.projects div.float_left div.loader_gallery div.video_player a {float:left; width:100%; height:14px; padding:8px 0; background:#eeeeee; color:black; text-align:center; font:normal 14px 'Open Sans';} -div.projects div.float_left div.loader_gallery div.video_player iframe {width: 100%; height: 100%;} -div.projects div.float_left div.block {float:left; width:596px; padding:32px; background:white; border-bottom:1px solid #DEDEDE; font:normal 15px Arial;} -div.projects div.float_left div.block.margin {float:left; margin:5px 0 0 0;} -div.projects div.float_left div.block p {font:normal 15px Arial; color:#666666;} -div.projects div.float_left div.block h3 {padding:0 0 10px 0; font:bold 13px "Open Sans Bold"; color:#333333; text-transform:uppercase; margin:25px 0 0 0;} -div.projects div.float_left div.block h3.first {margin:0;} - -div.projects div.float_left div.block ul.share {margin: 0; padding: 0} -div.projects div.float_left div.block ul.share li{display: inline-block; zoom: 1; *display: inline; vertical-align: top; padding: 0; background: none;} -div.projects div.float_left div.block ul.share li span.share_label {display: none; margin: 5px 5px 0 0; vertical-align: middle; width: 60px; font:normal 13px Arial; color:#888888;} -div.projects div.float_left div.block ul.share li span.share_icon {display: inline-block; margin: 5px 0 0 0; vertical-align: middle} -div.projects div.float_left div.block ul.share li#twitter {width: 120px} -div.projects div.float_left div.block ul.share li#google {width: 83px} -div.projects div.float_left div.block ul.share li#linkedin {width: 83px; max-width: 120px} -div.projects div.float_left div.block ul.share li#fb {width: 120px} - -div.projects div.float_left div.block ul.related_projects {float:left; width:100%;} -div.projects div.float_left div.block ul.related_projects li {float:left; width:290px; margin:0 10px 0 0; display:inline-block; vertical-align:top; display:-moz-inline-stack; zoom:1; *display:inline;} -div.projects div.float_left div.block ul.related_projects li.last {margin:0;} -div.projects div.float_left div.block ul.related_projects li div.image {position:relative; float:left; width:90px; height:70px; margin:0 10px 0 0; padding:5px; background:#E5E5E5; display:inline-block; vertical-align:top; display:-moz-inline-stack; zoom:1; *display:inline;} -div.projects div.float_left div.block ul.related_projects li div.image img {float:left; width:90px; height:70px;} -div.projects div.float_left div.block ul.related_projects li div.image img.marker {position:absolute; top:30px; left:40px; width:20px; height:20px; z-index:1000;} -div.projects div.float_left div.block ul.related_projects li div.info {float:left;width:170px; padding:5px 0 0 0; display:inline-block; vertical-align:top; display:-moz-inline-stack; zoom:1; *display:inline;} -div.projects div.float_left div.block ul.related_projects li div.info h4 a {font:normal 15px Arial; color:#CD5D4C; text-decoration:none;} -div.projects div.float_left div.block ul.related_projects li div.info h4 a:hover {text-decoration:underline;} -div.projects div.float_left div.block ul.related_projects li div.info p {padding:3px 0 0 0; font:normal 13px Arial; color:#999999;} -div.projects div.float_left div.block ul.related_projects li div.info p.sub {padding:7px 0 0 0; color:#666666;} -div.projects div.float_left div.block ul.locations {float: left; width: 100%;} -div.projects div.float_left div.block ul.locations li{float: left; width: 139px; margin: 0;} - -div.projects div.right {float:left; width:300px; height:auto; margin:0; padding:0;} -div.projects div.right div.block {float:left; width:265px; margin:23px 0 0 0; border-bottom:1px solid #D4D4D4; padding:0 0 20px 35px;} -div.projects div.right div.block.last {border:none; padding:0 0 0 30px;} -div.projects div.right div.block h3 {width:100%; font:bold 13px "Open Sans Bold"; color:#808080; text-shadow:0 1px white; text-transform:uppercase;} -div.projects div.right div.block h3.margin {padding:20px 0 0 0;} -div.projects div.right div.block div.logo {float:left; width:100%; padding:7px 0 15px;} -div.projects div.right div.block div.logo div.logo_bkg {float:left; position:relative; width:86px; height:52px; background:url('/images/sites/projects/logo_bkg.png') no-repeat 0 0; vertical-align:top; overflow:hidden;} -div.projects div.right div.block div.logo img {position:absolute; top:3px; left:3px; max-width:80px; max-height:46px; width:auto; height:auto;} -div.projects div.right div.block div.logo a {width:130px; padding:10px 0 0 5px; font:normal 13px Arial; color:#CE5D4C; display:inline-block; vertical-align:top; display:-moz-inline-stack; zoom:1; *display:inline;} /* TODO: color*/ -div.projects div.right div.block div.logo a.long {width:100%; padding:0;} -div.projects div.right div.block div.logo a:hover {text-decoration:underline;} -div.projects div.right div.block ul {width:100%; margin:7px 0 0 0; padding:0; list-style:none;} -div.projects div.right div.block ul.donor_list {margin:7px 0 0px 0;} -div.projects div.right div.block ul li {padding:3px 0 3px 10px; background:url('/images/sites/icons/list_disc.png') no-repeat 0 10px; font:normal 13px Arial; color:#999999;} -div.projects div.right div.block ul li.office {margin-left: 10px; background:url('/images/sites/icons/list_dash.png') no-repeat 0 10px;} -div.projects div.right div.block ul li a {color:#CE5D4C; text-decoration:none;} -div.projects div.right div.block ul li a:hover {text-decoration:underline;} -div.projects div.right div.block p {width:252px; padding:7px 0 0 0; font:normal 13px Arial; color:#666666; line-height:17px;} -div.projects div.right div.block p.no_margin {padding:3px 0 0 0;} -div.projects div.right div.block p.budget {padding:3px 0 0 10px; font:normal 25px "Aller"; color:#666666; background:url('/images/sites/icons/budget.png') no-repeat 0 16px;} -div.projects div.right div.block p a {color:#CE5D4C; text-decoration:none;} /* TODO: color*/ -div.projects div.right div.block p a:hover {text-decoration:underline;} -div.projects div.right div.block a.more {position:relative; float: left; margin:10px 0 0 10px; padding:0px 12px 0 0; background:url('/images/sites/icons/down_garnet.png') no-repeat right 6px;} -div.projects div.right div.block a.more:hover {text-decoration:underline;} - -div.projects div.right div.block span.people_amount {display:none; height:20px; padding:0; background:url('/images/sites/projects/man.png') repeat 0 0; max-width:255px; margin:2px 0 0 0;} -div.projects div.right div.block p.estimate {font:normal 25px "Aller"; color:#666666; width:auto;} -div.projects div.right div.block p.estimate sup {font:normal 13px "Aller"; color:#666666;} -div.projects div.right div.block div.timeline {position:relative; width:237px; height:23px; padding:3px; margin:6px 0 0 0; background:url('/images/sites/projects/days_left_bkg.png') no-repeat 0 0;} -div.projects div.right div.block div.timeline span {display:block; width:100px; height:23px; background:url('/images/sites/projects/days_left_bar.png') no-repeat 0 0; width:245px;} -div.projects div.right div.block div.timeline p {position:absolute; left:90px; top:8px; width:auto!important; margin:0!important; padding:0!important; font:normal 11px "Open Sans"; color:#999999;} -div.projects div.right div.block p.first_date {width:121px; margin:0!important; padding:3px 0 0 0!important; font:normal 11px "Aller"; color:#999999; text-align:left; display:inline-block; vertical-align:top; display:-moz-inline-stack; zoom:1; *display:inline;} -div.projects div.right div.block p.second_date {width:121px; margin:0!important; padding:3px 0 0 0!important; font:normal 11px "Aller"; color:#999999; text-align:right; display:inline-block; vertical-align:top; display:-moz-inline-stack; zoom:1; *display:inline;} - - -/*404 - 500*/ -div.error_block {width:100%; height:560px;} -div.error_block div.block {float:left; width:100%; margin:250px 0 0 0; padding:0;} -div.error_block div.block h1 {width:100%; text-align:center; font:bold 31px Arial!important; color:#333333!important; text-transform:none!important; letter-spacing:-1px;} -div.error_block div.block h2 {width:100%; margin:20px 0 0 0; text-align:center; font:bold 21px Arial; color:#333333; letter-spacing:-1px;} -div.error_block div.block p {width:100%; margin:7px 0 0 0; text-align:center; font:normal 15px Arial; color:#333333;} -div.error_block div.block p a:hover {text-decoration:underline;} - - -/* FOOTER SITES */ - -div#footer_sites {clear:both; width:100%; padding:100px 0 100px 0;} -div#footer_sites div.left {width:800px; margin:0; display:inline-block; vertical-align:top; display:-moz-inline-stack; zoom:1; *display:inline; text-align:right;} -div#footer_sites a.logo {float:left; display:block; width:67px; height:43px; background:url('/images/sites/common/logo_interaction.png') no-repeat 0 0; margin:0 20px 0 0;} -div#footer_sites a.logo:hover {cursor:pointer;} - -div#footer_sites div.project {float:left; width:450px; display:inline-block; vertical-align:top; display:-moz-inline-stack; zoom:1; *display:inline;} -div#footer_sites div.project h1 {float:left; width:100%; margin:0; padding:0; font:bold 13px "Open Sans Bold"; color:#808080; text-transform:uppercase;} -div#footer_sites div.project h1 a{float:left; padding:0; margin:0; font:normal 13px Arial; color:#808080; text-transform:uppercase; width:100%;} -div#footer_sites div.project p {float:left; padding:0; margin:5px 0 0 0 ; font:normal 13px Arial; color:#AAA;} -div#footer_sites div.project p a {color:#AAA;} -div#footer_sites div.project p a:hover {text-decoration:underline;} -div#footer_sites div.project p.site_name {font:bold 15px Arial; width:100%;} -div#footer_sites div.project p.all_rights {width:550px;} -div#footer_sites div.project p.all_rights a.link {color:#AAA; text-decoration:underline;} -div#footer_sites div.project p.all_rights a.link:hover {color:#444444; cursor:pointer;} -div#footer_sites div.project p.site_name a {color:#AAA; text-decoration:underline;} -div#footer_sites div.project p.site_name a:hover {color:#444444; cursor:pointer;} - -/* SUPERFOOTER PAGES */ -div#superfooter_pages {clear:both; display: inline-block; zoom: 1; *display: inline; vertical-align: top; width:100%; margin: 60px 0 0 0; padding:30px 0 30px 0; background: #171717; border-bottom: 1px solid #2F2F2F} -div#superfooter_pages a{color: #864237;} -div#superfooter_pages a:hover{text-decoration: underline} -div#superfooter_pages div.inner_superfooter {margin:0 auto; width:932px;} -div#superfooter_pages h2 {float: left; width: 800px; font:normal 18px Arial; color: #D06654} -div#superfooter_pages h2 span{color: #FFFFFF; font-weight: bold;} -div#superfooter_pages a#learnmore {float: right; padding: 3px 0 0 0} -div#superfooter_pages a#learnmore:hover {text-decoration: underline;} -div#superfooter_pages ul {float: left; margin: 30px 0 0 0;} -div#superfooter_pages ul li{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 285px; margin: 0 33px 0 0;} -div#superfooter_pages ul li.last{margin: 0;} -div#superfooter_pages ul li a{} -div#superfooter_pages ul li a:hover{} -div#superfooter_pages ul li a img{width: 285px; height: 161px;} -div#superfooter_pages ul li a span {display: block; margin: 10px 0 0 0; font:bold 15px "Open Sans Bold"; text-transform:uppercase;} - -/* FOOTER PAGES */ -div#footer_pages {clear:both; display: inline-block; width:100%; padding:30px 0 100px 0; color: #808080;} -div.dark_footer#footer_pages {background: #171717; color: #A2A2A2} -div#footer_pages a {color: #808080} -div.dark_footer#footer_pages a {color: #A2A2A2} -div.no_superfooter {margin: 60px 0 0 0;} - -div#footer_pages div.inner_footer {margin:0 auto; width:932px;} -div#footer_pages div.left {width:500px; height:auto!important; margin:0 0 0 5px; background:none; display:inline-block; vertical-align:top; display:-moz-inline-stack; zoom:1; *display:inline;} -div#project_layout div#footer_pages div.left {width:450px; height:auto!important; margin:0 0 0 30px; background:none; display:inline-block; vertical-align:top; display:-moz-inline-stack; zoom:1; *display:inline;} - -div#footer_pages a.logo { - float:right; - display:block; - width:67px; - height:43px; - margin:0; - background:url('/images/sites/common/logo_interaction.png') no-repeat 0 0; -} - -div#footer_pages a.logo_ngoaidmap { - float:right; - display:block; - width:130px; - height:43px; - margin:10px 20px 0 0; - background:url('/images/sites/common/logo_ngoaidmap.png') no-repeat 0 0; -} - -div.dark_footer#footer_pages a.logo { - background:url('/images/sites/common/logo_interaction_light.png') no-repeat 0 0; -} - -div.dark_footer#footer_pages a.logo_ngoaidmap { - background:url('/images/sites/common/logo_ngoaidmap_light.png') no-repeat 0 0; -} - - -div.dark_footer#footer_pages div.left div.project p.site_name {color: #444;} -div.dark_footer#footer_pages div.left div.project p.site_name a {color: #444;} -div.dark_footer#footer_pages div.left div.project p.site_name a:hover {color:#555;} -div.dark_footer#footer_pages div.left div.project p.all_rights {color: #444;} -div.dark_footer#footer_pages div.left div.project p.all_rights a.link {color: #444;} -div.dark_footer#footer_pages div.left div.project p.all_rights a.link:hover {color:#555;} - - -div#footer_pages div.left a.logo:hover {cursor:pointer;} -div#footer_pages div.left div.project {float:left; width:380px; display:inline-block; vertical-align:top; display:-moz-inline-stack; zoom:1; *display:inline;} -div#footer_pages div.left div.project h1 {float:left; width:100%; margin:0; padding:0; font:bold 13px "Open Sans Bold"; text-transform:uppercase;} -div#footer_pages div.left div.project h1 a{float:left; padding:0; margin:0; font:bold 13px "Open Sans Bold"; text-transform:uppercase; width:100%;} -div#footer_pages div.left div.project p {float:left; padding:0; margin:5px 0 0 0 ; font:normal 13px "Open Sans"} -div#footer_pages div.left div.project p a {} -div#footer_pages div.left div.project p a:hover {text-decoration:underline;} -div#footer_pages div.left div.project p.site_name {font:bold 15px Arial; width:100%; color: #AAA;} -div#footer_pages div.left div.project p.site_name a {text-decoration:underline; color: #AAA;} -div#footer_pages div.left div.project p.site_name a:hover {color:#888888; cursor:pointer;} -div#footer_pages div.left div.project p.all_rights {font:normal 13px Arial; width:550px; color: #AAA;} -div#footer_pages div.left div.project p.all_rights a.link {text-decoration:underline; color: #AAA;} -div#footer_pages div.left div.project p.all_rights a.link:hover {color:#666666; cursor:pointer;} -div#footer_pages div.right {width:400px; margin:0; display:inline-block; vertical-align:top; display:-moz-inline-stack; zoom:1; *display:inline; text-align:right;} -div#project_layout div#footer_pages div.right {width:350px; margin:0; display:inline-block; vertical-align:top; display:-moz-inline-stack; zoom:1; *display:inline; text-align:right;} -div#footer_pages div.right ul {margin:5px 0 0 0; padding:0; text-align: right;} -div#footer_pages div.right ul li {margin:0 0 0 6px; padding:0; font:normal 13px "Open Sans"; display:inline-block; vertical-align:top; display:-moz-inline-stack; zoom:1; *display:inline; text-align: right;} -div#footer_pages div.right ul li a {text-decoration:underline; text-align: right;} -div#footer_pages div.right ul li a:hover {color:#444444; cursor:pointer;} - -/*FOOTER ERRORS*/ -div#footer_errors {clear:both; width:100%; padding:100px 0 100px 0;} -div#footer_errors div.left {width:660px; height:auto!important; margin:0 0 0 5px; background:none; display:inline-block; vertical-align:top; display:-moz-inline-stack; zoom:1; *display:inline;} -div#footer_errors div.left a.logo {float:left; display:block; width:67px; height:43px; margin:0 15px 0 0; background:url('/images/sites/common/logo_interaction.png') no-repeat 0 0;} -div#footer_errors div.left a.logo:hover {cursor:pointer;} -div#footer_errors div.left div.project {float:left; width:450px; display:inline-block; vertical-align:top; display:-moz-inline-stack; zoom:1; *display:inline;} -div#footer_errors div.left div.project h1 {float:left; width:100%; margin:0; padding:0; font:bold 13px "Open Sans Bold"; color:#888888; text-transform:uppercase;} -div#footer_errors div.left div.project h1 a{float:left; padding:0; margin:0; font:bold 13px "Open Sans Bold"; color:#888888; text-transform:uppercase; width:100%;} -div#footer_errors div.left div.project p {float:left; padding:0; margin:5px 0 0 0 ; font:normal 13px "Open Sans"; color:#B3B3B3;} -div#footer_errors div.left div.project p a {color:#B3B3B3;} -div#footer_errors div.left div.project p a:hover {text-decoration:underline;} -div#footer_errors div.right {width:auto; margin:0; display:inline-block; vertical-align:top; display:-moz-inline-stack; zoom:1; *display:inline; text-align:right;} -div#footer_errors div.right ul {float:left; margin:19px 0 0 0; padding:0; display:inline-block; vertical-align:top; display:-moz-inline-stack; zoom:1; *display:inline;} -div#footer_errors div.right ul li {margin:0 0 0 6px; padding:0; font:normal 13px "Open Sans"; color:#B3B3B3; display:inline-block; vertical-align:top; display:-moz-inline-stack; zoom:1; *display:inline;} -div#footer_errors div.right ul li a {color:#B3B3B3;} -div#footer_errors div.right ul li a:hover {text-decoration:underline;} - -/* FOOTER OTHER */ -div#footer {clear:both; width:100%; padding:100px 0 100px 0;} -div#footer div.right {float: left; width:850px; margin:5px 0 0 10px; background:none; display:inline-block; vertical-align:top; display:-moz-inline-stack; zoom:1; *display:inline;} -div#footer div.right div.project {float:left; width:350px; display:inline-block; vertical-align:top; display:-moz-inline-stack; zoom:1; *display:inline;} -div#footer div.right div.project h1 {font:bold 13px "Open Sans Bold"; color:#888888; text-transform:uppercase; display:inline-block;} -div#footer div.right div.project p {padding:0; font:normal 13px "Open Sans"; color:#B3B3B3;} -div#footer div.right div.project p a {color:#B3B3B3;} -div#footer div.right div.project p a:hover {text-decoration:underline;} -div#footer div.right div.project p.site_name {font:bold 13px "Open Sans Bold";} -div#footer div.right div.project p.site_name a {color:#B3B3B3; text-decoration:underline;} -div#footer div.right div.links {float:right; width:auto; margin:15px 0 0 0;} -div#footer div.right div.links ul {float:left; margin:0; padding:0; display:inline-block; vertical-align:top; display:-moz-inline-stack; zoom:1; *display:inline;} -div#footer div.right div.links ul li {margin:0 0 0 6px; padding:0; font:normal 13px "Open Sans"; color:#B3B3B3; display:inline-block; vertical-align:top; display:-moz-inline-stack; zoom:1; *display:inline;} -div#footer div.right div.links ul li a {color:#B3B3B3;} -div#footer div.right div.links ul li a:hover {text-decoration:underline;} -div#footer div.left {float:left; margin:0; display:inline-block; vertical-align:top; display:-moz-inline-stack; zoom:1; *display:inline; text-align:right;} -div#footer div.left a.logo {float:left; display:block; width:67px; height:43px; background:url('/images/sites/common/logo_interaction.png') no-repeat 0 0;} -div#footer div.left a.logo:hover {cursor:pointer;} diff --git a/public/stylesheets/themes/blue.css b/public/stylesheets/themes/blue.css deleted file mode 100644 index 3b109f96..00000000 --- a/public/stylesheets/themes/blue.css +++ /dev/null @@ -1,52 +0,0 @@ -a {color:#008BB0;} - -div.main_head div.left h1 {text-shadow:0 1px #003F4F;} -div.main_head div.left p {color:#003F4F;} -div.main_head div.float_head {background:url('/images/sites/search/head_mask.png') repeat 0 0 #008BB0!important;} -div.main_head div.float_head h2 {color:#003F4F!important; text-shadow:none;} -div#left_column div.float_left div.head h2 {color:white; text-shadow:0 1px #003F4F;} -div#left_column div.float_left div.head {background:url('/images/sites/search/head_mask.png') repeat 0 0 #008BB0;} -div#left_column div.float_left div.block a {color:#008BB0;} -div#left_column div.float_left div.block ul.clusters li a {color:#008BB0;} -div#left_column div.right ul li h4 a {color:#008BB0;} -div#left_column div.right ul li p.info a {color:#008BB0} -div#left_column div.right h3 ul.download li a {color: #008BB0;} - -div#pages div.left div.outer_head div.head {border-bottom:1px solid #003F4F; background:url('/images/sites/search/head_mask.png') repeat 0 0 #008BB0!important;} -div#pages div.left div.outer_head div.head h1 {text-shadow:0 1px #003F4F;} -div#pages div.left div.outer_head div.head p {color:#003F4F;} -div#pages div.left div.outer_head div.head a {color:#003F4F; text-decoration: underline;} -div#pages div.left div.body p a, div#pages div.left div.body ul li a {color:#008BB0; text-decoration:none;} -div#pages div.left div.results_list ul li div.project_name h3 a {color:#008BB0;} -div#pages div.right div.block p a {color:#008BB0;} -div#pages div.right div.block ul li a {color:#008BB0;} - -div#project div.left div.block div.logo a {color:#008BB0!important;} -div#project div.float_right div.head {background:url('/images/sites/search/head_mask.png') repeat 0 0 #008BB0;} -div#project div.float_right div.head h1 {text-shadow:0 1px #008BB0;} -div#project div.float_right div.head p {color:#008BB0;} -div#project div.float_right div.head p a {color:#008BB0;} -div#project div.float_right div.head p a:hover {color:#003F4F;} -div#project div.float_right div.block ul li div.info h4 a {color:#008BB0;} -div#project div.left div.block ul li a {color:#008BB0;} -div#project div.left div.block p a {color:#008BB0;} -ul.breadcrumb li a {color:#003F4F!important} - - -div.main_head div.float_head.home h3 {color:#003F4F;} -div.main_head div.float_head.home sup.beta {color:#003F4F;} -div.main_head.projects div.float_head p a {color:#003F4F; text-decoration:underline;} -div.projects div.right div.block p a {color:#008BB0;} -div.projects div.right div.block ul li a {color:#008BB0;} -div.projects div.right div.block div.logo a {color:#008BB0;} -div.projects div.right div.block div.logo a.long {color:#008BB0;} -div.projects div.float_left div.block ul.related_projects li div.info h4 a {color:#008BB0;} -p.sub a {color:#008BB0;} -p.sub a:hover {text-decoration:underline;} -a#see_all {color:#008BB0;} -div.view_more a {color:#008BB0;} -div.block h3 a {color:#008BB0;} -a.more {color:#008BB0;} - -div#superfooter_pages h2 {color: #008BB0} -div#superfooter_pages a{color: #008BB0;} diff --git a/public/stylesheets/themes/garnet.css b/public/stylesheets/themes/garnet.css deleted file mode 100644 index f92ea14a..00000000 --- a/public/stylesheets/themes/garnet.css +++ /dev/null @@ -1,33 +0,0 @@ -/*default layout color*/ -a {color:#CE5D4C;} - -div.main_head div.left h1 {text-shadow:0 1px #8E4035;} -div.main_head div.left p {color:#8E4035;} -div.main_head div.float_head {background:url('/images/sites/search/head_mask.png') repeat 0 0 #CE5D4C;} -div.main_head div.float_head h2 {color:#7C3b32!important; text-shadow:none;} -div#left_column div.float_left div.head h2 {color:white; text-shadow:0 1px #8E4035;} -div#left_column div.float_left div.head {background:url('/images/sites/search/head_mask.png') repeat 0 0 #CE5D4C;} -div#left_column div.float_left div.block a {color:#CE5D4C;} -div#left_column div.float_left div.block ul.clusters li a {color:#CE5D4C;} -div#left_column div.right ul li h4 a {color:#CE5D4C;} -div#left_column div.right ul li p.info a {color:#CE5D4C} -div#left_column div.right h3 ul.download li a {color: #CE5D4C;} - -div#pages div.float_left div.outer_head div.head {background:url('/images/sites/search/head_mask.png') repeat-x 0 0 #CE5D4C;} -div#pages div.float_left div.outer_head div.head p {color:#8E4035;} -div#pages div.float_left div.body p a {color:#CE5D4C; text-decoration:none;} -div#pages div.float_left div.results_list ul li div.project_name h3 a {color:#CE5D4C;} -div#pages div.right div.block p a {color:#CE5D4C;} -div#pages div.right div.block ul li a {color:#CE5D4C;} - -div#project div.left div.block div.logo a {color:#CE5D4C;} -div#project div.float_right div.head {background:url('/images/sites/search/head_mask.png') no-repeat 0 0 #D16150;} -div#project div.float_right div.head p {color:#8E4035;} -div#project div.float_right div.head p a {color:#8E4035;} -div#project div.float_right div.head p a:hover {color:#6F322A;} -div#project div.float_right div.block ul li div.info h4 a {color:#CE5D4C;} -div#project div.left div.block ul li a {color:#CE5D4C;} -div#project div.left div.block p a {color:#CE5D4C;} - -div#superfooter_pages h2 {color: #CE5D4C} -div#superfooter_pages a{color: #CE5D4C;} diff --git a/public/stylesheets/themes/green.css b/public/stylesheets/themes/green.css deleted file mode 100644 index 1a9c0091..00000000 --- a/public/stylesheets/themes/green.css +++ /dev/null @@ -1,53 +0,0 @@ -a {color:#518842;} - -div.main_head div.left h1 {text-shadow:0 1px #1E3218;} -div.main_head div.left p {color:#1E3218;} -div.main_head div.float_head {background:url('/images/sites/search/head_mask.png') repeat 0 0 #518842!important;} -div.main_head div.float_head h2 {color:#1E3218!important; text-shadow:none;} -div#left_column div.float_left div.head h2 {color:white; text-shadow:0 1px #1E3218;} -div#left_column div.float_left div.head {background:url('/images/sites/search/head_mask.png') repeat 0 0 #518842!important;} -div#left_column div.float_left div.block a {color:#518842;} -div#left_column div.float_left div.block ul.clusters li a {color:#518842;} -div#left_column div.right ul li h4 a {color:#518842;} -div#left_column div.right ul li p.info a {color:#518842} -div#left_column div.right h3 ul.download li a {color: #518842;} - -div#pages div.left div.outer_head div.head {border-bottom:1px solid #003F4F; background:url('/images/sites/search/head_mask.png') repeat 0 0 #518842!important;} -div#pages div.left div.outer_head div.head h1 {text-shadow:0 1px #1E3218;} -div#pages div.left div.outer_head div.head p {color:#518842;} -div#pages div.left div.outer_head div.head a {color:#518842; text-decoration: underline;} -div#pages div.left div.body p a, div#pages div.left div.body ul li a {color:#518842; text-decoration:none;} -div#pages div.left div.results_list ul li div.project_name h3 a {color:#518842;} -div#pages div.right div.block p a {color:#518842;} -div#pages div.right div.block ul li a {color:#518842;} - -div#project div.left div.block div.logo a {color:#518842!important;} -div#project div.float_right div.head {background:url('/images/sites/search/head_mask.png') repeat 0 0 #518842;} -div#project div.float_right div.head h1 {text-shadow:0 1px #008BB0;} -div#project div.float_right div.head p {color:#1E3218;} -div#project div.float_right div.head p a {color:#1E3218;} -div#project div.float_right div.head p a:hover {color:#1E3218;} -div#project div.float_right div.block ul li div.info h4 a {color:#518842;} -div#project div.left div.block ul li a {color:#518842;} -div#project div.left div.block p a {color:#518842;} -ul.breadcrumb li a {color:#1E3218!important} - - -div.main_head div.float_head.home h3 {color:#1E3218;} -div.main_head div.float_head.home sup.beta {color:#1E3218;} -div.main_head.projects div.float_head p a {color:#1E3218; text-decoration:underline;} -div.projects div.right div.block p a {color:#518842;} -div.projects div.right div.block ul li a {color:#518842;} -div.projects div.right div.block div.logo a {color:#518842;} -div.projects div.right div.block div.logo a.long {color:#518842;} -div.projects div.float_left div.block ul.related_projects li div.info h4 a {color:#518842;} -p.sub a {color:#518842;} -p.sub a:hover {text-decoration:underline;} -a#see_all {color:#518842;} -div.view_more a {color:#518842;} -div.block h3 a {color:#518842;} -a.more {color:#518842;} - -div#superfooter_pages h2 {color: #518842} -div#superfooter_pages a{color: #518842;} - diff --git a/public/stylesheets/themes/pink.css b/public/stylesheets/themes/pink.css deleted file mode 100644 index 87296882..00000000 --- a/public/stylesheets/themes/pink.css +++ /dev/null @@ -1,49 +0,0 @@ -a {color:#F5007D;} - -div.main_head div.left h1 {text-shadow:0 1px #79003E;} -div.main_head div.left p {color:#79003E;} -div.main_head div.float_head {background:url('/images/sites/search/head_mask.png') repeat 0 0 #F5007D!important;} -div.main_head div.float_head h2 {color:#79003E!important; text-shadow:none;} -div#left_column div.float_left div.head h2 {color:white; text-shadow:0 1px #79003E;} -div#left_column div.float_left div.head {background:url('/images/sites/search/head_mask.png') repeat 0 0 #F5007D!important;} -div#left_column div.float_left div.block a {color:#F5007D;} -div#left_column div.float_left div.block ul.clusters li a {color:#F5007D;} -div#left_column div.right ul li h4 a {color:#F5007D;} -div#left_column div.right ul li p.info a {color:#F5007D} -div#left_column div.right h3 ul.download li a {color: #F5007D;} - -div#pages div.float_left div.outer_head div.head {background:url('/images/sites/search/head_mask.png') no-repeat 0 0 #F5007D!important;} -div#pages div.float_left div.outer_head div.head p {color:#79003E;} -div#pages div.float_left div.body p a {color:#F5007D; text-decoration:none;} -div#pages div.float_left div.results_list ul li div.project_name h3 a {color:#F5007D;} -div#pages div.right div.block p a {color:#F5007D;} -div#pages div.right div.block ul li a {color:#F5007D;} - -div#project div.left div.block div.logo a {color:#F5007D;} -div#project div.float_right div.head {background:url('/images/sites/search/head_mask.png') no-repeat 0 0 #F5007D!important;} -div#project div.float_right div.head p {color:#79003E;} -div#project div.float_right div.head p a {color:#79003E;} -div#project div.float_right div.head p a:hover {color:#470025;} -div#project div.float_right div.block ul li div.info h4 a {color:#F5007D;} -div#project div.left div.block ul li a {color:#F5007D;} -div#project div.left div.block p a {color:#F5007D;} - -div.main_head div.float_head.home h3 {color:#79003E;} -div.main_head div.float_head.home sup.beta {color:#79003E;} -div#pages div.float_left div.outer_head div.head h1 {text-shadow:0 1px #79003E;} -div#pages div.float_left div.outer_head div.head {border-bottom:1px solid #79003E;} -div.main_head.projects div.float_head p a {color:#79003E; text-decoration:underline;} -div.projects div.right div.block p a {color:#F5007D;} -div.projects div.right div.block ul li a {color:#F5007D;} -div.projects div.right div.block div.logo a.long {color:#F5007D;} -div.projects div.float_left div.block ul.related_projects li div.info h4 a {color:#F5007D;} -p.sub a {color:#F5007D;} -p.sub a:hover {text-decoration:underline;} -a#see_all {color:#F5007D;} -div.view_more a {color:#F5007D;} -div.block h3 a {color:#F5007D;} -a.more {color:#F5007D;} -div#pages div.right div.block a.more {background:url('/images/themes/2/down.png') no-repeat right 6px;} - -div#superfooter_pages h2 {color: #F5007D} -div#superfooter_pages a{color: #F5007D;} diff --git a/public/stylesheets/themes/yellow.css b/public/stylesheets/themes/yellow.css deleted file mode 100644 index fc9d3b40..00000000 --- a/public/stylesheets/themes/yellow.css +++ /dev/null @@ -1,32 +0,0 @@ -a {color:#F1C201;} - -div.main_head div.left h1 {text-shadow:0 1px #866C00;} -div.main_head div.left p {color:#866C00;} -div.main_head div.float_head {background:url('/images/sites/search/head_mask.png') repeat 0 0 #F1C201;} -div.main_head div.float_head h2 {color:white; text-shadow:0 1px #866C00;} -div#left_column div.float_left div.head h2 {color:white; text-shadow:0 1px #866C00;} -div#left_column div.float_left div.head {background:url('/images/sites/search/head_mask.png') repeat 0 0 #F1C201;} -div#left_column div.float_left div.block a {color:#F1C201;} -div#left_column div.float_left div.block ul.clusters li a {color:#F1C201;} -div#left_column div.right ul li h4 a {color:#F1C201;} -div#left_column div.right ul li p.info a {color:#F1C201} -div#left_column div.right h3 ul.download li a {color: #F1C201;} - -div#pages div.float_left div.outer_head div.head {background:url('/images/sites/search/head_mask.png') repeat 0 0 #F1C201;} -div#pages div.float_left div.outer_head div.head p {color:#866C00;} -div#pages div.float_left div.body p a {color:#F1C201; text-decoration:none;} -div#pages div.float_left div.results_list ul li div.project_name h3 a {color:#F1C201;} -div#pages div.right div.block p a {color:#F1C201;} -div#pages div.right div.block ul li a {color:#F1C201;} - -div#project div.left div.block div.logo a {color:#F1C201;} -div#project div.float_right div.head {background:url('/images/sites/search/head_mask.png') repeat 0 0 #F1C201;} -div#project div.float_right div.head p {color:#866C00;} -div#project div.float_right div.head p a {color:#866C00;} -div#project div.float_right div.head p a:hover {color:#4D3E00;} -div#project div.float_right div.block ul li div.info h4 a {color:#F1C201;} -div#project div.left div.block ul li a {color:#F1C201;} -div#project div.left div.block p a {color:#F1C201;} - -div#superfooter_pages h2 {color: #F1C201} -div#superfooter_pages a{color: #F1C201;}