diff --git a/app/assets/stylesheets/bootstrap_and_overrides.css.less b/app/assets/stylesheets/bootstrap_and_overrides.css.less index da3827b..39df4a5 100644 --- a/app/assets/stylesheets/bootstrap_and_overrides.css.less +++ b/app/assets/stylesheets/bootstrap_and_overrides.css.less @@ -1,1882 +1,1899 @@ -@import "twitter/bootstrap/bootstrap"; -@import "twitter/bootstrap/responsive"; - -// Set the correct sprite paths -@iconSpritePath: "assets/images/glyphicons-halflings"; -@iconWhiteSpritePath: "assets/images/glyphicons-halflings-white"; - -// Set the Font Awesome (Font Awesome is default. You can disable by commenting below lines) -@fontAwesomeEotPath: asset-url("fontawesome-webfont.eot"); -@fontAwesomeEotPath_iefix: asset-url("fontawesome-webfont.eot#iefix"); -@fontAwesomeWoffPath: asset-url("fontawesome-webfont.woff"); -@fontAwesomeTtfPath: asset-url("fontawesome-webfont.ttf"); -@fontAwesomeSvgPath: asset-url("fontawesome-webfont.svg#fontawesomeregular"); - -// Font Awesome -@import "fontawesome/font-awesome"; - -// Glyphicons -//@import "twitter/bootstrap/sprites.less"; - -// Your custom LESS stylesheets goes here - -/******************************* - * DMPonline v4 stylesheet - * - * - * starting date: June 2013 - *******************************/ - -/**** font configuration ****/ -@font-face { - font-family: 'GillSansLight'; - src: font-url('GillSansLight.ttf') format('truetype'); - font-weight: normal; - } - -@header_font: "GillSansLight"; -@text_font: 'Helvetica Neue', Helvetica, Arial, sans-serif; -@font_size: 14px; -@font_size_medium: 13px; -@font_size_small: 11px; -@font_colour: #3e3c3c; -@orange_colour: #F49700; -@orange_darker_colour: #f47900; -@orange_lighter_colour: #fbb400; -@grey_colour: #656263; -@grey_lighter_colour: #827d7e; -@grey_very_light_colour: #cccccc; -@grey_darker_colour: #515151; -@background_lighter_colour: #f9f9f9; -@background_darker_colour: #d1d5d4; -@green_colour: #114b8b; -@red_colour: #ec563c; -@red_lighter_colour: #EE6B54; -@white_colour: #ffffff; - -/************************************************************/ -/* main structure of the t */ -/************************************************************/ - -html.dmponline { - /* fallback */ - background-repeat:repeat-y; - min-height: 100%; - /* Safari 4-5, Chrome 1-9 */ - background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, @background_darker_colour), color-stop(1, @background_lighter_colour)); - /* Firefox 3.6+ */ - background-image: -moz-linear-gradient(top ,@background_darker_colour , @background_lighter_colour 100% ); - /* Safari 5.1, Chrome 10+ */ - background-image: -webkit-linear-gradient(top ,@background_darker_colour , @background_lighter_colour 100% ); - /* Opera 11.10+ */ - background-image: -o-linear-gradient(top ,@background_darker_colour , @background_lighter_colour 100% ); - /* IE 10 */ - background-image: -ms-linear-gradient(top ,@background_darker_colour , @background_lighter_colour 100% ); - background-image: linear-gradient(top ,@background_darker_colour , @background_lighter_colour 100% ); - background-image: linear-gradient(top ,@background_darker_colour , @background_lighter_colour 100% ); - -ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1d5d4', endColorstr='#f9f9f9', gradientType='0')'; - filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#d1d5d4', endColorstr='#f9f9f9') ;/*For IE7-8-9*/ - /*For IE7*/ - *height: 1%; - min-width: 850px; -} - -body.dmponline { - font-family: @text_font; - color: @font_colour; - font-size: @font_size; - margin: 0 11% 0 11%; - line-height: 24px; - min-width: 540px; - padding:0 0 0 0; - background:none; -} - -.main_header{ - height: 145px; - margin: 0 0 40px 0; - width:99%; - clear:both; - float:left; -} - -.main_page_container{ - clear: both; - float: left; - width: 99%; - margin:0 0 30px 0; -} - -footer { - clear:both; - padding: 30px 0 100px 0; - margin-top: 70px; - font-size: @font_size; -} - -/*********************************************/ -/**** header ****/ -/*********************************************/ -/* left side*/ -div.header_left{ - float: left; - clear:both; - width: 145px; - } - .home_logo{ - margin-right:0px; - } - - -/* right side*/ -div.header_right{ - margin-left: 146px; - height:145px; - position:relative; -} - -/*****************************/ -/****** Main Navigation ******/ -/*****************************/ -.navbar{ - border: none !important; - border-color: none !important; - box-shadow: 0 !important; - -webkit-box-shadow: none !important; - position: static; - filter:none !important; - overflow: visible; -} - -.main_nav_tabs{ - width: 500px; - float:left; - position:absolute; - bottom:0; -} - -#main-nav-tabs ul{ - margin-right :0px; - margin-bottom:0px; - float:left; - border-bottom: 2px solid @orange_colour; -} - -#main-nav-tabs li a{ - background-color: @grey_lighter_colour; - color: @white_colour; - font-weight: bold; - padding: 4px 15px 4px 15px; - margin-bottom: 1px; - text-decoration: none !important; -} - -#main-nav-tabs li a.main_nav_last_li{ - margin-right: 0px; -} - -#main-nav-tabs li.active a, #main-nav-tabs li.active a:active, #main-nav-tabs li a:hover{ - background-color: @orange_colour; - color: @white_colour !important; - font-weight: bold; - border: 1px solid @orange_colour; - padding: 4px 15px 4px 15px; - text-decoration: none !important; -} - -/********************/ -/** top right menu **/ -/********************/ -.signIn { - float:right; - position:absolute; - top:0; - right:0; -} - -.signIn ul{ - list-style-type: none; - color: @orange_colour; - font-size: 100%; -} - -.signIn ul li a, .signIn ul li a.active, .signIn ul li a:visited { - color: @orange_colour; - text-decoration:underline; - background-color: none; -} - -.caret { - display: inline-block; - width: 0; - height: 0; - vertical-align: top; - border-top: 4px solid @orange_colour; - border-right: 4px solid transparent; - border-left: 4px solid transparent; - content: ""; -} - -.dropdown .caret { - margin-top: 8px; - margin-left: 2px; -} - -.dropdown-menu { - position: absolute; - top: 100%; - right: 0; - left:45%; - z-index: 99; - display: none; - float: right; - padding: 5px 0; - margin: 2px 0 0; - list-style: none; - border: 1px solid @grey_very_light_colour; - border: 1px solid rgba(0, 0, 0, 0.2); - *border-right-width: 2px; - *border-bottom-width: 2px; - -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; - -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - -webkit-background-clip: padding-box; - -moz-background-clip: padding; - background-clip: padding-box; -} - -ul#signIn_dropdown{ - background: @grey_colour !important; -} - -ul#signIn_dropdown li , ul#signIn_dropdown li a.signIn_dropdown_link, - ul#signIn_dropdown li a.signIn_dropdown_link:link, - ul#signIn_dropdown li a.signIn_dropdown_link:active, - ul#signIn_dropdown li a.signIn_dropdown_link:visited{ - font-size:17px; - text-decoration:none; - font-weight:normal; - background: @grey_colour !important; - filter:none; - color: @white_colour; -} - -ul#signIn_dropdown li a.signIn_dropdown_link:hover, -ul#signIn_dropdown li a.signIn_dropdown_link:focus{ - text-decoration:underline; - background-color: @grey_colour !important; - background-image: none; - filter: none; - color: @white_colour !important; -} - - -/********************/ -/*** Org Branding ***/ -/********************/ -.branding_container{ - width: 99%; -} - -.header_org_logo{ - padding:5px 0 0 5px; - float:left; - position:relative; - height:120px; - width: 25%; -} - -.header_org_logo_img{ - max-height: 110px; - max-width: 200px; - padding:0 5px 0 0; - position:absolute; - bottom: 20%; -} - -.header_org_banner_text{ - position:relative; - height:110px; - width: 99%; - } - -.header_org_banner_text_vertical_align{ - position:absolute; - text-align: center; - top:28%; -} - -/*********************************************/ -/**** footer ****/ -/*********************************************/ -footer .left_side_footer{ - float: left; - clear:both; - width: 45%; - } - footer .first_row{ - float:left; - - } - footer .second_row{ - clear:both; - float:left; - } - -footer .right_side_footer{ - float: right; - width: 45%; - - } - -footer .right_side_footer p{ - text-decoration: none; - text-align:center; - color: #999999; - float: right; - -} - -ul.footer-links { - margin-left:0px; -} - -ul.footer-links li { - display: inline; - padding: 0 2px; - line-height: 20px; -} - -ul.footer-links li:first-child { - padding-left: 0; -} - -ul.footer-links li a, ul.footer-links li a:active, ul.footer-links li a:visited { - color: @grey_colour; - text-decoration: none; -} - -ul.footer-links li a:hover, ul.footer-links li a:focus{ - color: @grey_darker_colour !important; - text-decoration:underline; -} - -#dcc_link{ - color: @grey_colour; -} - -#dcc_link a, #dcc_link a:active, #dcc_link a:visited{ - text-decoration: none; - color: @grey_colour; -} -#dcc_link a:hover, #dcc_link a:focus{ - color: @grey_darker_colour !important; - text-decoration:underline; - } - - -/*********************************************/ -/**** html tags ****/ -/*********************************************/ -h1, h2, h3, h4 { - font-family: @header_font; - color: @orange_colour; - font-weight: lighter; - font-style: normal; -} - -h1{ - font-size: 40px; - line-height:53px; -} - -h2{ - font-size: 32px; -} - -h3{ - font-size: 26px; -} - -h4{ - font-size: @font_size; -} - -p{ - font-size: @font_size; - font-family: @text_font; -} - -label.text_colour{ - font-size: @font_size; - font-family: @text_font; - color: @orange_colour; -} - -p a:hover, a.a-orange:hover, div.signIn a:hover, td a:hover, .question-guidance .accordion-inner a:hover, div a:hover{ - color: @orange_darker_colour !important; - background-color: none !important; -} - -a, a:active, a:focus { - color: @orange_colour; - text-decoration:underline; - font-family: @text_font; -} - -a.visited{ - background-color: none !important; - color: @orange_colour; -} - -a:hover, a.btn:hover, div.nav-project-tabs ul.nav-tabs li a:hover, div#sections-accordion a.accordion-toggle:hover{ - color: @white_colour !important; - background-color: none !important; -} - -ul{ - list-style-type: none; - margin-left:0px; -} - -hr.orange_break_line{ - clear: both; - margin-top: 40px; - border-top-color: @orange_lighter_colour; -} - - -/*************************/ -.formtastic{ - width:99%; -} - -.inputs ol{ - margin-left:0px; -} - -#send_btn { - width:100% !important; -} - -.tooltip_box{ - text-align:left; - z-index: 1000; -} - -.tooltip_box p{ - font-size: @font_size_small; -} -.tooltip_box ul{ - list-style-type: none; - margin-left:0px; -} - - - - - - - - -/** button colour **/ -ul.nav-pills li{ - margin: 0 2px 20px 0; - } - -ul.nav-pills li.last_li{ - margin: 0 0px 20px 0; -} - -ul.nav-pills li a.header_button{ - height: 18px; - padding: 4px 10px 2px 10px; - border-radius: 3px; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; -} - -ul.nav-pills li.last_li a.header_button{ - margin-right:0px; -} - -body.dmponline .btn-primary, body.dmponline .btn-primary:active, body.dmponline .btn-primary:visited, body.dmponline .btn-primary:focus { - background: @orange_colour; - background-image: none; - text-decoration:none; - color: @white_colour; - text-shadow: rgba(0, 0, 0, 0.247059) 0px -1px 0px; - border-color: rgba(0, 0, 0, 0.247059); - border-color: @orange_colour @orange_colour @orange_lighter_colour; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - } - -body.dmponline .btn-primary:hover{ - background-image: -moz-linear-gradient(top, @orange_colour, @orange_lighter_colour 49px); - background-image: -webkit-linear-gradient(top , @orange_colour, @orange_lighter_colour 49px); - background-image: -o-linear-gradient(top , @orange_colour, @orange_lighter_colour 49px); - background-image: -ms-linear-gradient(top , @orange_colour, @orange_lighter_colour 49px); - background-image: linear-gradient(top , @orange_colour, @orange_lighter_colour 49px); - -ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr= @orange_colour, endColorstr= @orange_lighter_colour, gradientType='0')'; - filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= @orange_colour, endColorstr= @orange_lighter_colour) ;/*For IE7-8-9*/ - color: @white_colour; - border-radius: 3px; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; -} - -.btn-grey, .btn-grey:active, .btn-grey:visited, .btn-grey:focus { - background: @grey_colour; - background-image: none; - text-decoration:none; - color: @white_colour; - text-shadow: rgba(0, 0, 0, 0.247059) 0px -1px 0px; - border-color: rgba(0, 0, 0, 0.247059); - border-color: @grey_colour @grey_colour @grey_lighter_colour; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - } - -.btn-grey:hover{ - background-image: -moz-linear-gradient(top ,@grey_colour , @grey_lighter_colour 49px); - background-image: -webkit-linear-gradient(top ,@grey_colour , @grey_lighter_colour 49px); - background-image: -o-linear-gradient(top ,@grey_colour , @grey_lighter_colour 49px); - background-image: -ms-linear-gradient(top ,@grey_colour , @grey_lighter_colour 49px); - background-image: linear-gradient(top ,@grey_colour , @grey_lighter_colour 49px); - -ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr= @grey_colour, endColorstr= @grey_lighter_colour , gradientType='0')'; - filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= @grey_colour, endColorstr= @grey_lighter_colour ) ;/*For IE7-8-9*/ - color: @white_colour; - border-radius: 3px; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; -} - - - -/*********************************** - Home page -************************************/ - -.welcome-message { - float:left; - width: 45%; - margin:0 20px 0 0; -} - -.welcome-message p{ - color: @orange_colour; - background-color: none !important; - font-weight:lighter; - font-size:20px; - font-family: @header_font; - padding-bottom: 15px; - line-height: 34px; -} - -.welcome-message a, .welcome-message a:active, .welcome-message a:visited{ - color: @orange_colour; - background-color: none !important; - font-weight: bold; - text-decoration: none; - font-size:20px; - font-family: @header_font; - padding-bottom: 15px; - line-height: 34px; -} - -.welcome-message a:hover{ - background-color: none !important; - font-weight: bold; - text-decoration: none; -} - -.screencast_home_page{ - background-color:@white_colour; - border-color: @white_colour; - color: @orange_colour; - border-radius: 1px; - margin-bottom: 5px; - box-shadow: 7px 7px 2px 0px rgba(168, 168, 168, 0.5); - -moz-box-shadow: 7px 7px 2px 0px rgba(168, 168, 168, 0.5); - -webkit-box-shadow: 7px 7px 2px 0px rgba(168, 168, 168, 0.5); - padding: 15px; - min-height: 250px; - } - - -/** accordion **/ - -#homepage-accordion { - float:right; - width:48%; - margin:0 1% 0 1.5%; -} - -#homepage-accordion .accordion-group{ - background-color: @white_colour; - border: @white_colour; -} - -#homepage-accordion .accordion-heading{ - background-color: @white_colour; - border: @white_colour; - padding: 15px; -} - -#homepage-accordion .accordion-heading a.accordion-toggle{ - color: @orange_colour; - font-family: @header_font; - font-size: 51px; - font-weight: normal; - margin-bottom: 23px; - padding: 0; - background-color: transparent !important; - line-height: 51px; - } - -#homepage-accordion .accordion-heading a.accordion-toggle:hover, - #homepage-accordion .accordion-heading a.accordion-toggle:focus{ - color: @orange_colour!important; - } - -#homepage-accordion .accordion-inner{ - border: @white_colour; - padding-top: 0px; -} - -.minus-laranja:before{ - content: "\2212"; - float:right; - background-color: transparent !important; - line-height: 13px; - padding-top:0px; -} -.plus-laranja:before{ - content: "+"; - float:right; - background-color: transparent !important; - padding-right:2px; - line-height: 13px; -} - -#new_user ul{ - margin-left: 0px; -} - -#new_user input{ - width: 80%; -} - -#new_user a.forgot_password, #new_user a.forgot_password:active, #new_user a.forgot_password:visited, #new_user a.forgot_password:hover{ - color: @orange_colour; - font-size: @font_size_medium; -} - -li.remember_me_li{ - margin-top:18px; -} - -li.remember_me_li label{ - font-size: @font_size_medium; -} - -#new_user ul li input.btn{ - padding: 4px 40px 2px 40px; - width:40%; - border-radius: 3px; -} - -label.remember_div{ - display: inline-block; - margin: 0 0 4px 12px; -} - -input#user_remember_me, input#user_accept_terms{ - float:left; - width:10px; - margin-top:4px; -} - -.sign_up_org_label{ - margin: 0 0 6px 0; - float:left; -} - -#s2id_user_organisation_id, #s2id_user_language_id { - min-width:84% !important; - clear:both; - float:left; - margin: 0 0 5px 0; -} - -#other-org-link { - clear:both; - padding-bottom:4px; -} - -/****************************** - Project page -*******************************/ -/*** View projects table ***/ -table.dmp_table{ - width: 100%; - border-collapse: separate; - border-spacing: 2px; - border-bottom: 0px; - margin-bottom: 20px; -} - -table.dmp_table thead{ - margin: 0px 4px 0px 0px; - background-color: @orange_colour; -} - -table.dmp_table thead th, table.dmp_table thead td{ - color: @white_colour; - padding: 4px 4px 4px 15px; - font-weight:normal; - text-align: left; - } - -table.dmp_table tbody td{ - background-color: @white_colour; - color: @font_colour; - padding: 4px 4px 4px 15px; -} - -table.dmp_table tbody td.dmp_td_big, table.dmp_table thead th.dmp_th_big{ - width: 32%; - min-width: 180px; -} - -table.dmp_table tbody td.dmp_td_medium, table.dmp_table thead th.dmp_th_medium{ - width: 24%; - min-width: 93px; -} - -table.dmp_table tbody td.dmp_td_small, table.dmp_table thead th.dmp_th_small{ - width: 14%; - min-width: 10px; - padding: 0 20px; -} - -table.dmp_table tbody th.dmp_th_border{ - font-weight: normal; - text-align: left; - border-spacing: 4px; - border-bottom: 1px solid @grey_very_light_colour; - border-top: 10x solid @white_colour; -} - -table.dmp_table tbody th.dmp_th_border p{ - padding: 0px 0px 0px 5px; -} - -table.dmp_table tbody td.dmp_td_border{ - border-bottom: 1px solid @grey_very_light_colour; - border-left: 1px solid @grey_very_light_colour; -} - -table.dmp_table tbody td.dmp_border_bottom{ - border-bottom: 1px solid @grey_very_light_colour; - padding: 0px 0px 0px 5px; - -} -table.dmp_table a.dmp_table_link, table.dmp_table a.dmp_table_link:active, table.dmp_table a.dmp_table_link:visited{ - text-decoration: none !important; - padding: 0px 5px 0px 0px; -} -table.dmp_table a.dmp_table_link:hover{ - text-decoration: underline !important; - color: @orange_colour; -} - - -/*** Project creation ***/ -.dropdowns{ - margin-top:20px; -} - -.control-group{ - width:95%; - background-color: @white_colour; - border-bottom-left-radius: 5px; - border-bottom-right-radius: 5px; - border-top-left-radius: 5px; - border-top-right-radius: 5px; - padding: 20px 20px 20px 20px; -} - -#institution-control-group{ - display:none; -} - -#template-control-group{ - display:none; -} - -#guidance-control-group{ - display:none; -} - -li.select label, li.check_boxes .label{ - background-color: @white_colour; - color: @orange_colour; - font-weight: bold; - text-shadow: none; - border-bottom-color: @white_colour; -} -#project_guidance_groups_input legend.label{ - margin-bottom: 8px; -} - -#project_guidance_groups_input legend.label label{ - font-weight: bold; - font-size: 12px; - } - -.select2-container { - float:right; - min-width: 48%; -} - -#has_more_templates, #project_unit_id_input{ - height:30px; - margin: 10px 0 0 52%; - width:48%; -} - -#has_more_templates label, #project_unit_id_input label{ - color: #575656; - min-width: 20%; - display: inline-block; -} -#has_more_templates #s2id_project_dmptemplate_id, #project_unit_id_input #s2id_project_unit_id{ - min-width: 64%; -} - -div.create_project_question_descriptions{ - font-size: 12px; - padding: 0 15px 0 3px; -} - -fieldset.actions ol{ - margin:25px 0 0 0; -} - -li.choice label{ - font-size: 12px; -} - -li.choice label input{ - margin: 0 8px 2px 3px; -} - - -/*** project editing ***/ -.field-group{ - clear:both; -} - -.left-label{ - float:left; - width:25%; -} - -.left-field{ - padding:0 0 10px 10px; - float:left; -} - -.form-horizontal{ - margin-bottom:0px; -} - -#edit_project_853239759 .form-actions{ - margin:15px 0 0 0; - clear:both; - background-color: @white_colour; - padding-left: 0px; -} - -.project_description{ - padding: 25px 0 0 0; -} - -.choices .label{ - background-color: @white_colour; - color: @font_colour; - border: 0px; -} - -.choices ol{ - list-style-type: none; -} - -#answer_options_input{ - margin-left: 0px; - padding-left: 0px; -} - -#answer_options_input .label{ - padding-left: 0px; - margin-bottom: 10px; - text-shadow: none; -} - -ol .choices-group{ - padding-left: 20px; -} - -#other-funder-name .label { - background-color: @white_colour; - color: @orange_colour; - border: 0px; - text-shadow: none; -} - -#other-funder-name input { - float: right; - min-width: 386px; -} - -/*** progress bar mixin ***/ -.ProgressBar (@start_colour, @stop_colour) { - background-color: @start_colour; - background-image: -moz-linear-gradient(top , @start_colour, @stop_colour 49px); - background-image: -webkit-linear-gradient(top , @start_colour, @stop_colour 49px); - background-image: -o-linear-gradient(top , @start_colour, @stop_colour 49px); - background-image: -ms-linear-gradient(top , @start_colour, @stop_colour 49px); - background-image: linear-gradient(top , @start_colour, @stop_colour 49px); - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr= @start_colour, endColorstr= @stop_colour , gradientType='0')"; - filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= @start_colour, endColorstr= @stop_colour) ;/*For IE7-8-9*/ -} - -/*** project progress bar ***/ -.progress { - height: auto; - margin: 8px 0 20px 10%; - width: 45%; - float: right; - - box-shadow: 7px 7px 2px 0px rgba(168, 168, 168, 0.5); - -moz-box-shadow: 7px 7px 2px 0px rgba(168, 168, 168, 0.5); - -webkit-box-shadow: 7px 7px 2px 0px rgba(168, 168, 168, 0.5); - - .bar-container{ - background-color: @white_colour; - clear: both; - float: left; - height: 2em; - position: relative; - text-align: left; - width: 100%; - - - & > span:first-child { - height: 100%; - color: @grey_lighter_colour; - width: 100%; - z-index: 1000; - } - - & > span { - font-size: 12px; - padding-top: 2px; - overflow: auto; - left: 0; - text-indent: 1em; - position: absolute; - text-align: left !important; - top: 0; - z-index: 1; - } - } - - .bar { - .ProgressBar(@orange_colour, @orange_darker_colour); - } - - .bar.space { - .ProgressBar(@orange_lighter_colour, @orange_colour); - - } - - .bar.full { - .ProgressBar(@red_lighter_colour, @red_colour); - } - - .bar-full-text { - color: @white_colour !important; - } - - - hr { - float: left; - margin: 0 10px -1px 0; - width: 100%; - } - - .color-text{ - color: @orange_colour; - padding-left: 15px; - } -} - -/*** project nav tabs ***/ -.nav-project-tabs{ - clear:both; -} - -.nav li a{ - border-top-left-radius: 0px; - border-top-right-radius: 0px; -} - -#project-tabs ul{ - margin-bottom: 0px; -} - -#project-tabs li a{ - background-color: @white_colour; - color: @grey_very_light_colour; - font-weight: bold; - padding: 4px 20px 4px 20px; - text-decoration: none !important; -} - -#project-tabs li.active a, #project-tabs li.active a:active, #project-tabs li a:hover{ - background-color: @orange_colour; - color: @white_colour; - font-weight: bold; - border: 1px solid @orange_colour; - padding: 4px 20px 4px 20px; - text-decoration: none !important; -} - -/*** project details ***/ -.project-title-container{ - float: left; - width: 45%; - margin: 0 0 20px 0; -} - -.project-title{ - float: left; -} - -.project-title-edit{ - float: left; - margin: 14px 0 0 20px; - font-weight:normal; -} - -.project-title-edit h5{ - font-weight:normal; -} - -.dmp_details_body{ - background-color: @white_colour; - border: 2px solid @orange_colour; - border-radius: 1px; - padding-bottom: 25px; - padding-left: 15px; - padding-right: 15px; - padding-top: 9px; - min-width: 410px; -} - -.dmp_details{ - padding: 0 0 5px 0; - clear: both; -} - -.edit-project ol{ - margin-bottom: 0px; -} - -.div_left{ - float:left; - width:74%; - padding:0 2px 10px 0; -} - -.div_right{ - float:right; - width:25%; - padding:0 2px 10px 0; - - .btn{ - float:right; - margin:0 0 0 4px; - } -} - -.move_2_right{ - float:right; - padding:0 2px 10px 0; -} - - -table.dmp_details_table { - margin: 0 0 0 0; -} - -table.dmp_details_table tr td{ - padding-left: 15px; - min-width:150px; -} - -table.dmp_details_table tr td.first{ - border-right: 1px solid @orange_colour; - padding-right: 15px; - vertical-align:top; - text-align: right; - width: 250px; -} - -table.dmp_details_table .text_area{ - width: 90%; -} - -table.dmp_details_table .text_field{ - height: 17px; - margin-bottom:5px; -} - -.edit-project .actions{ - margin-top: 0px; -} - -.div_clear{ - clear:both; -} - -#project-accordion { - & > .accordion-group { - background-color:@white_colour; - border-color: @white_colour; - border:none !important; - box-shadow:none !important; - -moz-box-shadow: none !important; - -webkit-box-shadow:none !important; - - & > .accordion-heading { - background-color:@white_colour; - border-bottom: 1px solid @orange_colour; - min-height: 50px; - - a { - padding-left:0px; - padding-right:0px; - } - - h3 { - float: left; - margin-top: 0px; - min-width:100%; - } - - span { - margin: 7px; - } - } - } - - .accordion-project { - clear: both; - } - - .accordion-inner { - border:none !important; - padding-right: 0px; - padding-left:0px; - } - -} - -.project-hide { - display:none; -} - - -/*** ***/ -.has_children{ - display:none; -} - -#has_more_templates{ - display:none; -} - -.new-line-tabs{ - margin: 5px 0 10px; - border-top: 2px solid #e9eaea; - -} - -ul.section_ul { - list-style-type: none; - margin-left:0px; -} - -ul.section_ul li{ - color: @orange_colour; - } - -ul.question_ul{ - list-style-type: none; - margin-bottom: 15px; - margin-left:0px; -} - -ul.question_ul li{ - color: @font_colour; -} - - -/*** Accordion css ***/ -.accordion-group{ - background-color: @orange_colour; - border-color:@orange_colour; - border-radius: 1px; - margin-bottom: 5px; - box-shadow: 7px 7px 2px 0px rgba(168, 168, 168, 0.5); - -moz-box-shadow: 7px 7px 2px 0px rgba(168, 168, 168, 0.5); - -webkit-box-shadow: 7px 7px 2px 0px rgba(168, 168, 168, 0.5); -} - -.accordion-heading{ - background-color: @orange_colour; - -} - -.accordion-heading a, .accordion-heading a:hover, .accordion-heading a:active, .accordion-heading a:visited{ - color:@white_colour; - font-weight: bold; - text-decoration: none; - background-color: none; - min-height: 20px; -} - -.accordion_heading_text{ - width:90%; - float:left; - } - -.accordion-icon{ - width:2%; - float:right; - padding-top:5px; - } - -.accordion-body{ - clear:both; -} -.section-status{ - background-color: @orange_colour; -} - -.accordion-inner{ - background-color: @white_colour; -} - -#sections-accordion { - .question-div { - float:left; - width:55%; - } - .question-area-right-column { - padding-left:5px; - float:right; - width:40%; - } - label { - font-size: 14px; - font-weight:normal; - } - .guidance_header { - font-weight: bold; - } - .loading { - display:none; - } -} - -.section_desc{ - color: @white_colour; - font-weight: normal; - padding: 10px 0 10px 15px; -} - - -/*** suggested answers ***/ -div.suggested-answer-div{ - position:relative; - } - -div.suggested-answer-border { - border: 1px solid @orange_colour; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - padding: 10px 10px 5px 10px; - margin-bottom:10px; - overflow-y: auto; - max-height: 200px; -} - -span.suggested-answer-intro{ - position:relative; - background-color: @white_colour; - padding: 2px 10px 2px 6px; - left:15px; - top:10px; -} - - -/*** accordion guidance***/ -.question-guidance .accordion-group{ - background-color:@white_colour; - border-color: @white_colour; - border:none !important; - box-shadow:none !important; - -moz-box-shadow: none !important; - -webkit-box-shadow:none !important; -} - -.question-guidance .accordion-heading{ - background-color:@white_colour; - } - -.question-guidance .guidance-accordion-body { - border: 1px solid @orange_colour; - clear:both; -} - -.question-guidance .guidance-accordion-body ul{ - font-size: @font_size; - list-style:none; - margin-left:0; - padding-left:1em; -} -.question-guidance .guidance-accordion-body ul li:before{ - display:inline-block; - content:"\2212"; - width:1em; - margin-left:-1em; - } - -.question-guidance .accordion-heading a, .question-guidance .accordion-heading a:hover{ - padding-left:0px; - padding-right: 0px; - color: @orange_colour !important; - font-weight: bold; -} - -.two-column-clear { - clear: both; -} - -.question-divider { - border-bottom-color: rgb(244, 151, 0); - border-bottom-style: solid; - border-bottom-width: 1px; - padding-bottom: 5px; - margin-bottom: 10px; -} - -/*******************************/ -/****** Questions NOTES *******/ -/*******************************/ -.question_right_column_nav{ - clear: both; -} - -.question_right_column_nav ul { - clear: both; -} - -ul.question_right_column_ul li { - float:left; -} - -ul.question_right_column_ul li a { - background-color: @grey_very_light_colour; - color: @white_colour; - font_size: 23px; - font-weight: bold; - padding: 4px 6px 2px 6px; - text-decoration: none !important; - border_top: 1px solid @white_colour; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - border-bottom: 1px solid @orange_colour; - border-bottom-left-radius:0px; - border-bottom-right-radius:0px; -} - -ul.question_right_column_ul li a:hover { - background-color: @white_colour; - color: @grey_very_light_colour !important; - text-decoration: none !important; - font_size: 23px; - font-weight: bold; - padding: 4px 5px 2px 5px; - border: 1px solid @grey_very_light_colour; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - border-bottom: 1px solid @orange_colour; - border-bottom-left-radius:0px; - border-bottom-right-radius:0px; -} - -ul.question_right_column_ul li.active a, -ul.question_right_column_ul li.active a:active, -ul.question_right_column_ul li.active a:hover, -ul.question_right_column_ul li.active a:focus { - background-color: @white_colour; - color: @orange_colour !important; - padding: 4px 5px 2px 5px; - text-decoration: none !important; - border: 1px solid @orange_colour; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - border-bottom-color: transparent; - border-bottom-left-radius:0px; - border-bottom-right-radius:0px; -} - -/* being used in the accordion on the question right column */ -p.accordion_label{ - font_size: 23px; - color: @orange_colour; - font-weight: normal; - padding-bottom: 8px; - margin-bottom:0px; -} - -/* tabs content */ -.comment-area, .question-guidance{ - clear: both; - border: 1px solid @orange_colour; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - border-top-left-radius:0px; - padding: 10px 10px 5px 10px; - margin-top: 0px; -} - - - -/*** ***/ -.formtastic { - ol { list-style-type: none; } - fieldset { border: none; } -} - -.new_user { - ul { list-style-type: none; } - fieldset { border: none; } -} - -/*** rich text editor ***/ -.mce-panel{ - border: 1px solid #9E9E9E; - margin: 5px; -} - -.mce-panel i.mce-ico{ - font-size: @font_size; - font-weight:normal; -} - -div { - &.field, &.actions { - margin-bottom: 10px; - } -} - -#notice { - color: green; -} - -.field_with_errors input { - border-color: red; - -} - -#error_explanation { - width: 450px; - border: 2px solid red; - padding: 7px; - padding-bottom: 0; - margin-bottom: 20px; - background-color: #f0f0f0; - h2 { - text-align: left; - font-weight: bold; - padding: 5px 5px 5px 15px; - font-size: 12px; - margin: -7px; - margin-bottom: 0px; - background-color: #c00; - color: #fff; - } - ul li { - font-size: 12px; - list-style: square; - } -} - -/*******************************/ -/********* Exporting **********/ -/*******************************/ -#export_font{ - font-family: @text_font; -} - -ul.export_list li{ - padding-bottom: 5px; - - ul.export_sub_list { - list-style:none; - margin-left: 14px; - - li:before { - display:inline-block; - color: @orange_colour; - content:"-"; - width:1em; - margin-left:-1em; - } - - li { - padding-bottom: 5px; - } - } -} - -/*******************************/ -/********* Static pages ********/ -/*******************************/ -// help page - -ul.help_ul li{ - padding-bottom:12px; -} - -.column_container{ - width:100%; - float:left; -} -.column_left{ - float:left; - width:50%; - margin: 2px 5px 0 0; - .white_background{ - min-height: 465px; - - table.dmp_details_table tr td{ - padding-left: 10px; - min-width:94px; - } - - table.dmp_details_table tr td.first{ - border-right: 1px solid @orange_colour; - padding-right: 15px; - vertical-align:top; - text-align: right; - width: 50px; - } - } -} - -.column_right{ - float:left; - width:48%; - margin: 2px 0 0 5px; - - .white_background{ - min-height: 465px; - - } -} - -.white_background{ - background-color: @white_colour; - border-bottom-left-radius: 5px; - border-bottom-right-radius: 5px; - border-top-left-radius: 5px; - border-top-right-radius: 5px; - padding: 20px 20px 20px 20px; - - ul{ - list-style-type: none; - margin-left:0px; - } -} - - -/*******************************/ -/********** TinyMCE ************/ -/*******************************/ -#tinymce,.mce-content-body { - background-color: @white_colour !important; - padding: 2px; - width: 100%; - ul { - list-style: disc outside; - margin: 0 0 10px 25px; - } -} - -.mce-item-table { - border-collapse: collapse; - font-size: 10pt; - max-width: 500px; -} - -.mce-item-table th, .mce-item-table td { - border: 1px solid black !important; - padding: 2px; - line-height: 18px; -} - -.mce-item-table th { - font-weight: normal; - background-color: @orange_colour; -} - - -/*******************************/ -/****** My plans toolbar *******/ -/*******************************/ -.dmp_toolbar { - background-color: @orange_colour; - height: 34px; - margin-left: 2px; - margin-right:2px; - padding: 4px 2px 4px 2px; - text-align: right; - border-spacing: 2px; - vertical-align: center; - - form#filter_form { - background-color: @white_colour; - border-radius: 3px; - display: inline-block; - height: auto; - overflow: hidden; - padding: 2px; - width: 50%; - - #filter { - border: none; - border-radius: 0; - box-shadow: none; - -webkit-box-shadow: none; - margin: 0; - outline: none; - padding: 4px 0 0 4px; - float: left; - width: 70%; - } - } - - .btn-configure { - color: @white_colour; - float: right; - height: 100%; - line-height: 250%; - margin-left: @font_size / 2; - margin-right:4px; - width:15px; - text-decoration: none !important; - - &:hover { - color: @white_colour !important;} - } - a:focus, - a:active, - a:hover { - text-decoration: none !important; - } -} - -@media screen and (-webkit-min-device-pixel-ratio:0) { - .dmp_toolbar{ - margin-right:3px; - } -} - -/*******************************/ -/********* tablesorter *********/ -/*******************************/ -table.tablesorter thead { - th.header { - cursor: pointer; - background: url('/assets/bg.gif') no-repeat center right; - } - - th.headerSortDown { - background: @orange_lighter_colour url('/assets/desc.gif') no-repeat center right; - } - - th.headerSortUp { - background: @orange_lighter_colour url('/assets/asc.gif') no-repeat center right; - } -} - - -/********************************/ -/* export format selection form */ -/********************************/ -form#select-form-format { - input { - margin-bottom:10px; - } -} - -/*********************************/ -/*export formatting settings form*/ -/*********************************/ -form.new_export, -form.edit_export { - background-color: @white_colour; - border-radius: 5px; - padding: 1em; - - & > fieldset > legend { - - label { - display: inline-block; - width: 90%; - font-size: 21px; - line-height: 40px; - color: #333; - } - - input[type=checkbox] { margin-left: 0 !important; } - } - - - fieldset { - display: inline-block; - width: 47.5%; - vertical-align: top; - - div { - display: inline-block; - width: auto; - - label { - font-size: 0.8em; - text-align: center; - } - - select { - text-align: center; - width: auto; - } - } - - ol { - margin: 0 5% 0 0; - - li { - display: block; - list-style-type: none; - line-height: 1em; - margin: 0; - padding: 0; - position: relative; - width: 100%; - - & > fieldset { - display: block; - width: 100%; - - legend { - border: none; - font-size: 1em; - line-height: 1em; - height: 1.5em; - margin: 0; - padding: 0; - - label { font-weight: bold; } - } - - ol { - border-bottom: 1px solid @grey_very_light_colour; - margin: 0 0 0.5em 0; - padding: 0 0 0.5em 0; - } - - li { - height: auto; - label { text-indent: 5%; } - } - } - - &:last-child fieldset ol { border-bottom: none; } - } - - label { - display: inline-block; - margin: 0; - overflow: hidden; - position: absolute; - text-overflow: ellipsis; - white-space: nowrap; - width: 90%; - top: 0; left: 0; - } - - } - - input[type=checkbox] { margin-left: 95%; } - - h4 { - margin-top: 0; - text-align: center; - } - - &.font { - & > div { - width: 82.5%; - - select { width: 100%; } - } - - & > div:nth-child(2n + 1) { width: 15%; } - } - - &.margins { - div { - width: 24%; - - select { width: 100%; } - } - } - } - - input[type=submit] { margin-top: 1em; } -} - -.modal form.new_export fieldset, -.modal form.edit_export fieldset { width: 100%; } - -.settings-accordion span.plus-laranja:before, -.settings-accordion span.minus-laranja:before { line-height: inherit; } - -tr.new_option_before { - display: none; +@import "twitter/bootstrap/bootstrap"; +@import "twitter/bootstrap/responsive"; + +// Set the correct sprite paths +@iconSpritePath: "assets/images/glyphicons-halflings"; +@iconWhiteSpritePath: "assets/images/glyphicons-halflings-white"; + +// Set the Font Awesome (Font Awesome is default. You can disable by commenting below lines) +@fontAwesomeEotPath: asset-url("fontawesome-webfont.eot"); +@fontAwesomeEotPath_iefix: asset-url("fontawesome-webfont.eot#iefix"); +@fontAwesomeWoffPath: asset-url("fontawesome-webfont.woff"); +@fontAwesomeTtfPath: asset-url("fontawesome-webfont.ttf"); +@fontAwesomeSvgPath: asset-url("fontawesome-webfont.svg#fontawesomeregular"); + +// Font Awesome +@import "fontawesome/font-awesome"; + +// Glyphicons +//@import "twitter/bootstrap/sprites.less"; + +// Your custom LESS stylesheets goes here + +/******************************* + * DMPonline v4 stylesheet + * + * + * starting date: June 2013 + *******************************/ + +/**** font configuration ****/ +@font-face { + font-family: 'GillSansLight'; + src: font-url('GillSansLight.ttf') format('truetype'); + font-weight: normal; + } + +@header_font: "GillSansLight"; +@text_font: 'Helvetica Neue', Helvetica, Arial, sans-serif; +@font_size: 14px; +@font_size_medium: 13px; +@font_size_small: 11px; +@font_colour: #3e3c3c; +@orange_colour: #F49700; +@orange_darker_colour: #f47900; +@orange_lighter_colour: #fbb400; +@grey_colour: #656263; +@grey_lighter_colour: #827d7e; +@grey_very_light_colour: #cccccc; +@grey_darker_colour: #515151; +@background_lighter_colour: #f9f9f9; +@background_darker_colour: #d1d5d4; +@green_colour: #114b8b; +@red_colour: #ec563c; +@red_lighter_colour: #EE6B54; +@white_colour: #ffffff; + +/************************************************************/ +/* main structure of the t */ +/************************************************************/ + +html.dmponline { + /* fallback */ + background-repeat:repeat-y; + min-height: 100%; + /* Safari 4-5, Chrome 1-9 */ + background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, @background_darker_colour), color-stop(1, @background_lighter_colour)); + /* Firefox 3.6+ */ + background-image: -moz-linear-gradient(top ,@background_darker_colour , @background_lighter_colour 100% ); + /* Safari 5.1, Chrome 10+ */ + background-image: -webkit-linear-gradient(top ,@background_darker_colour , @background_lighter_colour 100% ); + /* Opera 11.10+ */ + background-image: -o-linear-gradient(top ,@background_darker_colour , @background_lighter_colour 100% ); + /* IE 10 */ + background-image: -ms-linear-gradient(top ,@background_darker_colour , @background_lighter_colour 100% ); + background-image: linear-gradient(top ,@background_darker_colour , @background_lighter_colour 100% ); + background-image: linear-gradient(top ,@background_darker_colour , @background_lighter_colour 100% ); + -ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1d5d4', endColorstr='#f9f9f9', gradientType='0')'; + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#d1d5d4', endColorstr='#f9f9f9') ;/*For IE7-8-9*/ + /*For IE7*/ + *height: 1%; + min-width: 850px; +} + +body.dmponline { + font-family: @text_font; + color: @font_colour; + font-size: @font_size; + margin: 0 11% 0 11%; + line-height: 24px; + min-width: 540px; + padding:0 0 0 0; + background:none; +} + +.main_header{ + height: 145px; + margin: 0 0 40px 0; + width:99%; + clear:both; + float:left; +} + +.main_page_container{ + clear: both; + float: left; + width: 99%; + margin:0 0 30px 0; +} + +footer { + clear:both; + padding: 30px 0 100px 0; + margin-top: 70px; + font-size: @font_size; +} + +/*********************************************/ +/**** header ****/ +/*********************************************/ +/* left side*/ +div.header_left{ + float: left; + clear:both; + width: 145px; + } + .home_logo{ + margin-right:0px; + } + + +/* right side*/ +div.header_right{ + margin-left: 146px; + height:145px; + position:relative; +} + +/*****************************/ +/****** Main Navigation ******/ +/*****************************/ +.navbar{ + border: none !important; + border-color: none !important; + box-shadow: 0 !important; + -webkit-box-shadow: none !important; + position: static; + filter:none !important; + overflow: visible; +} + +.main_nav_tabs{ + width: 500px; + float:left; + position:absolute; + bottom:0; +} + +#main-nav-tabs ul{ + margin-right :0px; + margin-bottom:0px; + float:left; + border-bottom: 2px solid @orange_colour; +} + +#main-nav-tabs li a{ + background-color: @grey_lighter_colour; + color: @white_colour; + font-weight: bold; + padding: 4px 15px 4px 15px; + margin-bottom: 1px; + text-decoration: none !important; +} + +#main-nav-tabs li a.main_nav_last_li{ + margin-right: 0px; +} + +#main-nav-tabs li.active a, #main-nav-tabs li.active a:active, #main-nav-tabs li a:hover, lang-dropdown-link:hover{ + background-color: @orange_colour!important;; + color: @white_colour !important; + font-weight: bold; + border: 1px solid @orange_colour; + padding: 4px 15px 4px 15px; + text-decoration: none !important; +} + +.caret-orange { + border-top: 4px solid #f49700!important; + border-bottom-color: #f49700!important; + border-right: 4px solid transparent; + border-left: 4px solid transparent; + color: #f49700; +} + +a.dropdown-toggle:hover .caret-orange { + border-top: 4px solid white!important; + border-bottom-color: white!important; +} + +.lang-dropdown-link { + margin-bottom: 0!important; +} + +/********************/ +/** top right menu **/ +/********************/ +.signIn { + float:right; + position:absolute; + top:0; + right:0; +} + +.signIn ul{ + list-style-type: none; + color: @orange_colour; + font-size: 100%; +} + +.signIn ul li a, .signIn ul li a.active, .signIn ul li a:visited { + color: @orange_colour; + text-decoration:underline; + background-color: none; +} + +.caret { + display: inline-block; + width: 0; + height: 0; + vertical-align: top; + border-top: 4px solid @orange_colour; + border-right: 4px solid transparent; + border-left: 4px solid transparent; + content: ""; +} + +.dropdown .caret { + margin-top: 8px; + margin-left: 2px; +} + +.dropdown-menu { + position: absolute; + top: 100%; + right: 0; + left:45%; + z-index: 99; + display: none; + float: right; + padding: 5px 0; + margin: 2px 0 0; + list-style: none; + border: 1px solid @grey_very_light_colour; + border: 1px solid rgba(0, 0, 0, 0.2); + *border-right-width: 2px; + *border-bottom-width: 2px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; +} + +ul#signIn_dropdown{ + background: @grey_colour !important; +} + +ul#signIn_dropdown li , ul#signIn_dropdown li a.signIn_dropdown_link, + ul#signIn_dropdown li a.signIn_dropdown_link:link, + ul#signIn_dropdown li a.signIn_dropdown_link:active, + ul#signIn_dropdown li a.signIn_dropdown_link:visited{ + font-size:17px; + text-decoration:none; + font-weight:normal; + background: @grey_colour !important; + filter:none; + color: @white_colour; +} + +ul#signIn_dropdown li a.signIn_dropdown_link:hover, +ul#signIn_dropdown li a.signIn_dropdown_link:focus{ + text-decoration:underline; + background-color: @grey_colour !important; + background-image: none; + filter: none; + color: @white_colour !important; +} + + +/********************/ +/*** Org Branding ***/ +/********************/ +.branding_container{ + width: 99%; +} + +.header_org_logo{ + padding:5px 0 0 5px; + float:left; + position:relative; + height:120px; + width: 25%; +} + +.header_org_logo_img{ + max-height: 110px; + max-width: 200px; + padding:0 5px 0 0; + position:absolute; + bottom: 20%; +} + +.header_org_banner_text{ + position:relative; + height:110px; + width: 99%; + } + +.header_org_banner_text_vertical_align{ + position:absolute; + text-align: center; + top:28%; +} + +/*********************************************/ +/**** footer ****/ +/*********************************************/ +footer .left_side_footer{ + float: left; + clear:both; + width: 45%; + } + footer .first_row{ + float:left; + + } + footer .second_row{ + clear:both; + float:left; + } + +footer .right_side_footer{ + float: right; + width: 45%; + + } + +footer .right_side_footer p{ + text-decoration: none; + text-align:center; + color: #999999; + float: right; + +} + +ul.footer-links { + margin-left:0px; +} + +ul.footer-links li { + display: inline; + padding: 0 2px; + line-height: 20px; +} + +ul.footer-links li:first-child { + padding-left: 0; +} + +ul.footer-links li a, ul.footer-links li a:active, ul.footer-links li a:visited { + color: @grey_colour; + text-decoration: none; +} + +ul.footer-links li a:hover, ul.footer-links li a:focus{ + color: @grey_darker_colour !important; + text-decoration:underline; +} + +#dcc_link{ + color: @grey_colour; +} + +#dcc_link a, #dcc_link a:active, #dcc_link a:visited{ + text-decoration: none; + color: @grey_colour; +} +#dcc_link a:hover, #dcc_link a:focus{ + color: @grey_darker_colour !important; + text-decoration:underline; + } + + +/*********************************************/ +/**** html tags ****/ +/*********************************************/ +h1, h2, h3, h4 { + font-family: @header_font; + color: @orange_colour; + font-weight: lighter; + font-style: normal; +} + +h1{ + font-size: 40px; + line-height:53px; +} + +h2{ + font-size: 32px; +} + +h3{ + font-size: 26px; +} + +h4{ + font-size: @font_size; +} + +p{ + font-size: @font_size; + font-family: @text_font; +} + +label.text_colour{ + font-size: @font_size; + font-family: @text_font; + color: @orange_colour; +} + +p a:hover, a.a-orange:hover, div.signIn a:hover, td a:hover, .question-guidance .accordion-inner a:hover, div a:hover{ + color: @orange_darker_colour !important; + background-color: none !important; +} + +a, a:active, a:focus { + color: @orange_colour; + text-decoration:underline; + font-family: @text_font; +} + +a.visited{ + background-color: none !important; + color: @orange_colour; +} + +a:hover, a.btn:hover, div.nav-project-tabs ul.nav-tabs li a:hover, div#sections-accordion a.accordion-toggle:hover{ + color: @white_colour !important; + background-color: none !important; +} + +ul{ + list-style-type: none; + margin-left:0px; +} + +hr.orange_break_line{ + clear: both; + margin-top: 40px; + border-top-color: @orange_lighter_colour; +} + + +/*************************/ +.formtastic{ + width:99%; +} + +.inputs ol{ + margin-left:0px; +} + +#send_btn { + width:100% !important; +} + +.tooltip_box{ + text-align:left; + z-index: 1000; +} + +.tooltip_box p{ + font-size: @font_size_small; +} +.tooltip_box ul{ + list-style-type: none; + margin-left:0px; +} + + + + + + + + +/** button colour **/ +ul.nav-pills li{ + margin: 0 2px 20px 0; + } + +ul.nav-pills li.last_li{ + margin: 0 0px 20px 0; +} + +ul.nav-pills li a.header_button{ + height: 18px; + padding: 4px 10px 2px 10px; + border-radius: 3px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; +} + +ul.nav-pills li.last_li a.header_button{ + margin-right:0px; +} + +body.dmponline .btn-primary, body.dmponline .btn-primary:active, body.dmponline .btn-primary:visited, body.dmponline .btn-primary:focus { + background: @orange_colour; + background-image: none; + text-decoration:none; + color: @white_colour; + text-shadow: rgba(0, 0, 0, 0.247059) 0px -1px 0px; + border-color: rgba(0, 0, 0, 0.247059); + border-color: @orange_colour @orange_colour @orange_lighter_colour; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + } + +body.dmponline .btn-primary:hover{ + background-image: -moz-linear-gradient(top, @orange_colour, @orange_lighter_colour 49px); + background-image: -webkit-linear-gradient(top , @orange_colour, @orange_lighter_colour 49px); + background-image: -o-linear-gradient(top , @orange_colour, @orange_lighter_colour 49px); + background-image: -ms-linear-gradient(top , @orange_colour, @orange_lighter_colour 49px); + background-image: linear-gradient(top , @orange_colour, @orange_lighter_colour 49px); + -ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr= @orange_colour, endColorstr= @orange_lighter_colour, gradientType='0')'; + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= @orange_colour, endColorstr= @orange_lighter_colour) ;/*For IE7-8-9*/ + color: @white_colour; + border-radius: 3px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; +} + +.btn-grey, .btn-grey:active, .btn-grey:visited, .btn-grey:focus { + background: @grey_colour; + background-image: none; + text-decoration:none; + color: @white_colour; + text-shadow: rgba(0, 0, 0, 0.247059) 0px -1px 0px; + border-color: rgba(0, 0, 0, 0.247059); + border-color: @grey_colour @grey_colour @grey_lighter_colour; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + } + +.btn-grey:hover{ + background-image: -moz-linear-gradient(top ,@grey_colour , @grey_lighter_colour 49px); + background-image: -webkit-linear-gradient(top ,@grey_colour , @grey_lighter_colour 49px); + background-image: -o-linear-gradient(top ,@grey_colour , @grey_lighter_colour 49px); + background-image: -ms-linear-gradient(top ,@grey_colour , @grey_lighter_colour 49px); + background-image: linear-gradient(top ,@grey_colour , @grey_lighter_colour 49px); + -ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr= @grey_colour, endColorstr= @grey_lighter_colour , gradientType='0')'; + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= @grey_colour, endColorstr= @grey_lighter_colour ) ;/*For IE7-8-9*/ + color: @white_colour; + border-radius: 3px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; +} + + + +/*********************************** + Home page +************************************/ + +.welcome-message { + float:left; + width: 45%; + margin:0 20px 0 0; +} + +.welcome-message p{ + color: @orange_colour; + background-color: none !important; + font-weight:lighter; + font-size:20px; + font-family: @header_font; + padding-bottom: 15px; + line-height: 34px; +} + +.welcome-message a, .welcome-message a:active, .welcome-message a:visited{ + color: @orange_colour; + background-color: none !important; + font-weight: bold; + text-decoration: none; + font-size:20px; + font-family: @header_font; + padding-bottom: 15px; + line-height: 34px; +} + +.welcome-message a:hover{ + background-color: none !important; + font-weight: bold; + text-decoration: none; +} + +.screencast_home_page{ + background-color:@white_colour; + border-color: @white_colour; + color: @orange_colour; + border-radius: 1px; + margin-bottom: 5px; + box-shadow: 7px 7px 2px 0px rgba(168, 168, 168, 0.5); + -moz-box-shadow: 7px 7px 2px 0px rgba(168, 168, 168, 0.5); + -webkit-box-shadow: 7px 7px 2px 0px rgba(168, 168, 168, 0.5); + padding: 15px; + min-height: 250px; + } + + +/** accordion **/ + +#homepage-accordion { + float:right; + width:48%; + margin:0 1% 0 1.5%; +} + +#homepage-accordion .accordion-group{ + background-color: @white_colour; + border: @white_colour; +} + +#homepage-accordion .accordion-heading{ + background-color: @white_colour; + border: @white_colour; + padding: 15px; +} + +#homepage-accordion .accordion-heading a.accordion-toggle{ + color: @orange_colour; + font-family: @header_font; + font-size: 51px; + font-weight: normal; + margin-bottom: 23px; + padding: 0; + background-color: transparent !important; + line-height: 51px; + } + +#homepage-accordion .accordion-heading a.accordion-toggle:hover, + #homepage-accordion .accordion-heading a.accordion-toggle:focus{ + color: @orange_colour!important; + } + +#homepage-accordion .accordion-inner{ + border: @white_colour; + padding-top: 0px; +} + +.minus-laranja:before{ + content: "\2212"; + float:right; + background-color: transparent !important; + line-height: 13px; + padding-top:0px; +} +.plus-laranja:before{ + content: "+"; + float:right; + background-color: transparent !important; + padding-right:2px; + line-height: 13px; +} + +#new_user ul{ + margin-left: 0px; +} + +#new_user input{ + width: 80%; +} + +#new_user a.forgot_password, #new_user a.forgot_password:active, #new_user a.forgot_password:visited, #new_user a.forgot_password:hover{ + color: @orange_colour; + font-size: @font_size_medium; +} + +li.remember_me_li{ + margin-top:18px; +} + +li.remember_me_li label{ + font-size: @font_size_medium; +} + +#new_user ul li input.btn{ + padding: 4px 40px 2px 40px; + width:40%; + border-radius: 3px; +} + +label.remember_div{ + display: inline-block; + margin: 0 0 4px 12px; +} + +input#user_remember_me, input#user_accept_terms{ + float:left; + width:10px; + margin-top:4px; +} + +.sign_up_org_label{ + margin: 0 0 6px 0; + float:left; +} + +#s2id_user_organisation_id, #s2id_user_language_id { + min-width:84% !important; + clear:both; + float:left; + margin: 0 0 5px 0; +} + +#other-org-link { + clear:both; + padding-bottom:4px; +} + +/****************************** + Project page +*******************************/ +/*** View projects table ***/ +table.dmp_table{ + width: 100%; + border-collapse: separate; + border-spacing: 2px; + border-bottom: 0px; + margin-bottom: 20px; +} + +table.dmp_table thead{ + margin: 0px 4px 0px 0px; + background-color: @orange_colour; +} + +table.dmp_table thead th, table.dmp_table thead td{ + color: @white_colour; + padding: 4px 4px 4px 15px; + font-weight:normal; + text-align: left; + } + +table.dmp_table tbody td{ + background-color: @white_colour; + color: @font_colour; + padding: 4px 4px 4px 15px; +} + +table.dmp_table tbody td.dmp_td_big, table.dmp_table thead th.dmp_th_big{ + width: 32%; + min-width: 180px; +} + +table.dmp_table tbody td.dmp_td_medium, table.dmp_table thead th.dmp_th_medium{ + width: 24%; + min-width: 93px; +} + +table.dmp_table tbody td.dmp_td_small, table.dmp_table thead th.dmp_th_small{ + width: 14%; + min-width: 10px; + padding: 0 20px; +} + +table.dmp_table tbody th.dmp_th_border{ + font-weight: normal; + text-align: left; + border-spacing: 4px; + border-bottom: 1px solid @grey_very_light_colour; + border-top: 10x solid @white_colour; +} + +table.dmp_table tbody th.dmp_th_border p{ + padding: 0px 0px 0px 5px; +} + +table.dmp_table tbody td.dmp_td_border{ + border-bottom: 1px solid @grey_very_light_colour; + border-left: 1px solid @grey_very_light_colour; +} + +table.dmp_table tbody td.dmp_border_bottom{ + border-bottom: 1px solid @grey_very_light_colour; + padding: 0px 0px 0px 5px; + +} +table.dmp_table a.dmp_table_link, table.dmp_table a.dmp_table_link:active, table.dmp_table a.dmp_table_link:visited{ + text-decoration: none !important; + padding: 0px 5px 0px 0px; +} +table.dmp_table a.dmp_table_link:hover{ + text-decoration: underline !important; + color: @orange_colour; +} + + +/*** Project creation ***/ +.dropdowns{ + margin-top:20px; +} + +.control-group{ + width:95%; + background-color: @white_colour; + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; + border-top-left-radius: 5px; + border-top-right-radius: 5px; + padding: 20px 20px 20px 20px; +} + +#institution-control-group{ + display:none; +} + +#template-control-group{ + display:none; +} + +#guidance-control-group{ + display:none; +} + +li.select label, li.check_boxes .label{ + background-color: @white_colour; + color: @orange_colour; + font-weight: bold; + text-shadow: none; + border-bottom-color: @white_colour; +} +#project_guidance_groups_input legend.label{ + margin-bottom: 8px; +} + +#project_guidance_groups_input legend.label label{ + font-weight: bold; + font-size: 12px; + } + +.select2-container { + float:right; + min-width: 48%; +} + +#has_more_templates, #project_unit_id_input{ + height:30px; + margin: 10px 0 0 52%; + width:48%; +} + +#has_more_templates label, #project_unit_id_input label{ + color: #575656; + min-width: 20%; + display: inline-block; +} +#has_more_templates #s2id_project_dmptemplate_id, #project_unit_id_input #s2id_project_unit_id{ + min-width: 64%; +} + +div.create_project_question_descriptions{ + font-size: 12px; + padding: 0 15px 0 3px; +} + +fieldset.actions ol{ + margin:25px 0 0 0; +} + +li.choice label{ + font-size: 12px; +} + +li.choice label input{ + margin: 0 8px 2px 3px; +} + + +/*** project editing ***/ +.field-group{ + clear:both; +} + +.left-label{ + float:left; + width:25%; +} + +.left-field{ + padding:0 0 10px 10px; + float:left; +} + +.form-horizontal{ + margin-bottom:0px; +} + +#edit_project_853239759 .form-actions{ + margin:15px 0 0 0; + clear:both; + background-color: @white_colour; + padding-left: 0px; +} + +.project_description{ + padding: 25px 0 0 0; +} + +.choices .label{ + background-color: @white_colour; + color: @font_colour; + border: 0px; +} + +.choices ol{ + list-style-type: none; +} + +#answer_options_input{ + margin-left: 0px; + padding-left: 0px; +} + +#answer_options_input .label{ + padding-left: 0px; + margin-bottom: 10px; + text-shadow: none; +} + +ol .choices-group{ + padding-left: 20px; +} + +#other-funder-name .label { + background-color: @white_colour; + color: @orange_colour; + border: 0px; + text-shadow: none; +} + +#other-funder-name input { + float: right; + min-width: 386px; +} + +/*** progress bar mixin ***/ +.ProgressBar (@start_colour, @stop_colour) { + background-color: @start_colour; + background-image: -moz-linear-gradient(top , @start_colour, @stop_colour 49px); + background-image: -webkit-linear-gradient(top , @start_colour, @stop_colour 49px); + background-image: -o-linear-gradient(top , @start_colour, @stop_colour 49px); + background-image: -ms-linear-gradient(top , @start_colour, @stop_colour 49px); + background-image: linear-gradient(top , @start_colour, @stop_colour 49px); + -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr= @start_colour, endColorstr= @stop_colour , gradientType='0')"; + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= @start_colour, endColorstr= @stop_colour) ;/*For IE7-8-9*/ +} + +/*** project progress bar ***/ +.progress { + height: auto; + margin: 8px 0 20px 10%; + width: 45%; + float: right; + + box-shadow: 7px 7px 2px 0px rgba(168, 168, 168, 0.5); + -moz-box-shadow: 7px 7px 2px 0px rgba(168, 168, 168, 0.5); + -webkit-box-shadow: 7px 7px 2px 0px rgba(168, 168, 168, 0.5); + + .bar-container{ + background-color: @white_colour; + clear: both; + float: left; + height: 2em; + position: relative; + text-align: left; + width: 100%; + + + & > span:first-child { + height: 100%; + color: @grey_lighter_colour; + width: 100%; + z-index: 1000; + } + + & > span { + font-size: 12px; + padding-top: 2px; + overflow: auto; + left: 0; + text-indent: 1em; + position: absolute; + text-align: left !important; + top: 0; + z-index: 1; + } + } + + .bar { + .ProgressBar(@orange_colour, @orange_darker_colour); + } + + .bar.space { + .ProgressBar(@orange_lighter_colour, @orange_colour); + + } + + .bar.full { + .ProgressBar(@red_lighter_colour, @red_colour); + } + + .bar-full-text { + color: @white_colour !important; + } + + + hr { + float: left; + margin: 0 10px -1px 0; + width: 100%; + } + + .color-text{ + color: @orange_colour; + padding-left: 15px; + } +} + +/*** project nav tabs ***/ +.nav-project-tabs{ + clear:both; +} + +.nav li a{ + border-top-left-radius: 0px; + border-top-right-radius: 0px; +} + +#project-tabs ul{ + margin-bottom: 0px; +} + +#project-tabs li a{ + background-color: @white_colour; + color: @grey_very_light_colour; + font-weight: bold; + padding: 4px 20px 4px 20px; + text-decoration: none !important; +} + +#project-tabs li.active a, #project-tabs li.active a:active, #project-tabs li a:hover{ + background-color: @orange_colour; + color: @white_colour; + font-weight: bold; + border: 1px solid @orange_colour; + padding: 4px 20px 4px 20px; + text-decoration: none !important; +} + +/*** project details ***/ +.project-title-container{ + float: left; + width: 45%; + margin: 0 0 20px 0; +} + +.project-title{ + float: left; +} + +.project-title-edit{ + float: left; + margin: 14px 0 0 20px; + font-weight:normal; +} + +.project-title-edit h5{ + font-weight:normal; +} + +.dmp_details_body{ + background-color: @white_colour; + border: 2px solid @orange_colour; + border-radius: 1px; + padding-bottom: 25px; + padding-left: 15px; + padding-right: 15px; + padding-top: 9px; + min-width: 410px; +} + +.dmp_details{ + padding: 0 0 5px 0; + clear: both; +} + +.edit-project ol{ + margin-bottom: 0px; +} + +.div_left{ + float:left; + width:74%; + padding:0 2px 10px 0; +} + +.div_right{ + float:right; + width:25%; + padding:0 2px 10px 0; + + .btn{ + float:right; + margin:0 0 0 4px; + } +} + +.move_2_right{ + float:right; + padding:0 2px 10px 0; +} + + +table.dmp_details_table { + margin: 0 0 0 0; +} + +table.dmp_details_table tr td{ + padding-left: 15px; + min-width:150px; +} + +table.dmp_details_table tr td.first{ + border-right: 1px solid @orange_colour; + padding-right: 15px; + vertical-align:top; + text-align: right; + width: 250px; +} + +table.dmp_details_table .text_area{ + width: 90%; +} + +table.dmp_details_table .text_field{ + height: 17px; + margin-bottom:5px; +} + +.edit-project .actions{ + margin-top: 0px; +} + +.div_clear{ + clear:both; +} + +#project-accordion { + & > .accordion-group { + background-color:@white_colour; + border-color: @white_colour; + border:none !important; + box-shadow:none !important; + -moz-box-shadow: none !important; + -webkit-box-shadow:none !important; + + & > .accordion-heading { + background-color:@white_colour; + border-bottom: 1px solid @orange_colour; + min-height: 50px; + + a { + padding-left:0px; + padding-right:0px; + } + + h3 { + float: left; + margin-top: 0px; + min-width:100%; + } + + span { + margin: 7px; + } + } + } + + .accordion-project { + clear: both; + } + + .accordion-inner { + border:none !important; + padding-right: 0px; + padding-left:0px; + } + +} + +.project-hide { + display:none; +} + + +/*** ***/ +.has_children{ + display:none; +} + +#has_more_templates{ + display:none; +} + +.new-line-tabs{ + margin: 5px 0 10px; + border-top: 2px solid #e9eaea; + +} + +ul.section_ul { + list-style-type: none; + margin-left:0px; +} + +ul.section_ul li{ + color: @orange_colour; + } + +ul.question_ul{ + list-style-type: none; + margin-bottom: 15px; + margin-left:0px; +} + +ul.question_ul li{ + color: @font_colour; +} + + +/*** Accordion css ***/ +.accordion-group{ + background-color: @orange_colour; + border-color:@orange_colour; + border-radius: 1px; + margin-bottom: 5px; + box-shadow: 7px 7px 2px 0px rgba(168, 168, 168, 0.5); + -moz-box-shadow: 7px 7px 2px 0px rgba(168, 168, 168, 0.5); + -webkit-box-shadow: 7px 7px 2px 0px rgba(168, 168, 168, 0.5); +} + +.accordion-heading{ + background-color: @orange_colour; + +} + +.accordion-heading a, .accordion-heading a:hover, .accordion-heading a:active, .accordion-heading a:visited{ + color:@white_colour; + font-weight: bold; + text-decoration: none; + background-color: none; + min-height: 20px; +} + +.accordion_heading_text{ + width:90%; + float:left; + } + +.accordion-icon{ + width:2%; + float:right; + padding-top:5px; + } + +.accordion-body{ + clear:both; +} +.section-status{ + background-color: @orange_colour; +} + +.accordion-inner{ + background-color: @white_colour; +} + +#sections-accordion { + .question-div { + float:left; + width:55%; + } + .question-area-right-column { + padding-left:5px; + float:right; + width:40%; + } + label { + font-size: 14px; + font-weight:normal; + } + .guidance_header { + font-weight: bold; + } + .loading { + display:none; + } +} + +.section_desc{ + color: @white_colour; + font-weight: normal; + padding: 10px 0 10px 15px; +} + + +/*** suggested answers ***/ +div.suggested-answer-div{ + position:relative; + } + +div.suggested-answer-border { + border: 1px solid @orange_colour; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + padding: 10px 10px 5px 10px; + margin-bottom:10px; + overflow-y: auto; + max-height: 200px; +} + +span.suggested-answer-intro{ + position:relative; + background-color: @white_colour; + padding: 2px 10px 2px 6px; + left:15px; + top:10px; +} + + +/*** accordion guidance***/ +.question-guidance .accordion-group{ + background-color:@white_colour; + border-color: @white_colour; + border:none !important; + box-shadow:none !important; + -moz-box-shadow: none !important; + -webkit-box-shadow:none !important; +} + +.question-guidance .accordion-heading{ + background-color:@white_colour; + } + +.question-guidance .guidance-accordion-body { + border: 1px solid @orange_colour; + clear:both; +} + +.question-guidance .guidance-accordion-body ul{ + font-size: @font_size; + list-style:none; + margin-left:0; + padding-left:1em; +} +.question-guidance .guidance-accordion-body ul li:before{ + display:inline-block; + content:"\2212"; + width:1em; + margin-left:-1em; + } + +.question-guidance .accordion-heading a, .question-guidance .accordion-heading a:hover{ + padding-left:0px; + padding-right: 0px; + color: @orange_colour !important; + font-weight: bold; +} + +.two-column-clear { + clear: both; +} + +.question-divider { + border-bottom-color: rgb(244, 151, 0); + border-bottom-style: solid; + border-bottom-width: 1px; + padding-bottom: 5px; + margin-bottom: 10px; +} + +/*******************************/ +/****** Questions NOTES *******/ +/*******************************/ +.question_right_column_nav{ + clear: both; +} + +.question_right_column_nav ul { + clear: both; +} + +ul.question_right_column_ul li { + float:left; +} + +ul.question_right_column_ul li a { + background-color: @grey_very_light_colour; + color: @white_colour; + font_size: 23px; + font-weight: bold; + padding: 4px 6px 2px 6px; + text-decoration: none !important; + border_top: 1px solid @white_colour; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + border-bottom: 1px solid @orange_colour; + border-bottom-left-radius:0px; + border-bottom-right-radius:0px; +} + +ul.question_right_column_ul li a:hover { + background-color: @white_colour; + color: @grey_very_light_colour !important; + text-decoration: none !important; + font_size: 23px; + font-weight: bold; + padding: 4px 5px 2px 5px; + border: 1px solid @grey_very_light_colour; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + border-bottom: 1px solid @orange_colour; + border-bottom-left-radius:0px; + border-bottom-right-radius:0px; +} + +ul.question_right_column_ul li.active a, +ul.question_right_column_ul li.active a:active, +ul.question_right_column_ul li.active a:hover, +ul.question_right_column_ul li.active a:focus { + background-color: @white_colour; + color: @orange_colour !important; + padding: 4px 5px 2px 5px; + text-decoration: none !important; + border: 1px solid @orange_colour; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + border-bottom-color: transparent; + border-bottom-left-radius:0px; + border-bottom-right-radius:0px; +} + +/* being used in the accordion on the question right column */ +p.accordion_label{ + font_size: 23px; + color: @orange_colour; + font-weight: normal; + padding-bottom: 8px; + margin-bottom:0px; +} + +/* tabs content */ +.comment-area, .question-guidance{ + clear: both; + border: 1px solid @orange_colour; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + border-top-left-radius:0px; + padding: 10px 10px 5px 10px; + margin-top: 0px; +} + + + +/*** ***/ +.formtastic { + ol { list-style-type: none; } + fieldset { border: none; } +} + +.new_user { + ul { list-style-type: none; } + fieldset { border: none; } +} + +/*** rich text editor ***/ +.mce-panel{ + border: 1px solid #9E9E9E; + margin: 5px; +} + +.mce-panel i.mce-ico{ + font-size: @font_size; + font-weight:normal; +} + +div { + &.field, &.actions { + margin-bottom: 10px; + } +} + +#notice { + color: green; +} + +.field_with_errors input { + border-color: red; + +} + +#error_explanation { + width: 450px; + border: 2px solid red; + padding: 7px; + padding-bottom: 0; + margin-bottom: 20px; + background-color: #f0f0f0; + h2 { + text-align: left; + font-weight: bold; + padding: 5px 5px 5px 15px; + font-size: 12px; + margin: -7px; + margin-bottom: 0px; + background-color: #c00; + color: #fff; + } + ul li { + font-size: 12px; + list-style: square; + } +} + +/*******************************/ +/********* Exporting **********/ +/*******************************/ +#export_font{ + font-family: @text_font; +} + +ul.export_list li{ + padding-bottom: 5px; + + ul.export_sub_list { + list-style:none; + margin-left: 14px; + + li:before { + display:inline-block; + color: @orange_colour; + content:"-"; + width:1em; + margin-left:-1em; + } + + li { + padding-bottom: 5px; + } + } +} + +/*******************************/ +/********* Static pages ********/ +/*******************************/ +// help page + +ul.help_ul li{ + padding-bottom:12px; +} + +.column_container{ + width:100%; + float:left; +} +.column_left{ + float:left; + width:50%; + margin: 2px 5px 0 0; + .white_background{ + min-height: 465px; + + table.dmp_details_table tr td{ + padding-left: 10px; + min-width:94px; + } + + table.dmp_details_table tr td.first{ + border-right: 1px solid @orange_colour; + padding-right: 15px; + vertical-align:top; + text-align: right; + width: 50px; + } + } +} + +.column_right{ + float:left; + width:48%; + margin: 2px 0 0 5px; + + .white_background{ + min-height: 465px; + + } +} + +.white_background{ + background-color: @white_colour; + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; + border-top-left-radius: 5px; + border-top-right-radius: 5px; + padding: 20px 20px 20px 20px; + + ul{ + list-style-type: none; + margin-left:0px; + } +} + + +/*******************************/ +/********** TinyMCE ************/ +/*******************************/ +#tinymce,.mce-content-body { + background-color: @white_colour !important; + padding: 2px; + width: 100%; + ul { + list-style: disc outside; + margin: 0 0 10px 25px; + } +} + +.mce-item-table { + border-collapse: collapse; + font-size: 10pt; + max-width: 500px; +} + +.mce-item-table th, .mce-item-table td { + border: 1px solid black !important; + padding: 2px; + line-height: 18px; +} + +.mce-item-table th { + font-weight: normal; + background-color: @orange_colour; +} + + +/*******************************/ +/****** My plans toolbar *******/ +/*******************************/ +.dmp_toolbar { + background-color: @orange_colour; + height: 34px; + margin-left: 2px; + margin-right:2px; + padding: 4px 2px 4px 2px; + text-align: right; + border-spacing: 2px; + vertical-align: center; + + form#filter_form { + background-color: @white_colour; + border-radius: 3px; + display: inline-block; + height: auto; + overflow: hidden; + padding: 2px; + width: 50%; + + #filter { + border: none; + border-radius: 0; + box-shadow: none; + -webkit-box-shadow: none; + margin: 0; + outline: none; + padding: 4px 0 0 4px; + float: left; + width: 70%; + } + } + + .btn-configure { + color: @white_colour; + float: right; + height: 100%; + line-height: 250%; + margin-left: @font_size / 2; + margin-right:4px; + width:15px; + text-decoration: none !important; + + &:hover { + color: @white_colour !important;} + } + a:focus, + a:active, + a:hover { + text-decoration: none !important; + } +} + +@media screen and (-webkit-min-device-pixel-ratio:0) { + .dmp_toolbar{ + margin-right:3px; + } +} + +/*******************************/ +/********* tablesorter *********/ +/*******************************/ +table.tablesorter thead { + th.header { + cursor: pointer; + background: url('/assets/bg.gif') no-repeat center right; + } + + th.headerSortDown { + background: @orange_lighter_colour url('/assets/desc.gif') no-repeat center right; + } + + th.headerSortUp { + background: @orange_lighter_colour url('/assets/asc.gif') no-repeat center right; + } +} + + +/********************************/ +/* export format selection form */ +/********************************/ +form#select-form-format { + input { + margin-bottom:10px; + } +} + +/*********************************/ +/*export formatting settings form*/ +/*********************************/ +form.new_export, +form.edit_export { + background-color: @white_colour; + border-radius: 5px; + padding: 1em; + + & > fieldset > legend { + + label { + display: inline-block; + width: 90%; + font-size: 21px; + line-height: 40px; + color: #333; + } + + input[type=checkbox] { margin-left: 0 !important; } + } + + + fieldset { + display: inline-block; + width: 47.5%; + vertical-align: top; + + div { + display: inline-block; + width: auto; + + label { + font-size: 0.8em; + text-align: center; + } + + select { + text-align: center; + width: auto; + } + } + + ol { + margin: 0 5% 0 0; + + li { + display: block; + list-style-type: none; + line-height: 1em; + margin: 0; + padding: 0; + position: relative; + width: 100%; + + & > fieldset { + display: block; + width: 100%; + + legend { + border: none; + font-size: 1em; + line-height: 1em; + height: 1.5em; + margin: 0; + padding: 0; + + label { font-weight: bold; } + } + + ol { + border-bottom: 1px solid @grey_very_light_colour; + margin: 0 0 0.5em 0; + padding: 0 0 0.5em 0; + } + + li { + height: auto; + label { text-indent: 5%; } + } + } + + &:last-child fieldset ol { border-bottom: none; } + } + + label { + display: inline-block; + margin: 0; + overflow: hidden; + position: absolute; + text-overflow: ellipsis; + white-space: nowrap; + width: 90%; + top: 0; left: 0; + } + + } + + input[type=checkbox] { margin-left: 95%; } + + h4 { + margin-top: 0; + text-align: center; + } + + &.font { + & > div { + width: 82.5%; + + select { width: 100%; } + } + + & > div:nth-child(2n + 1) { width: 15%; } + } + + &.margins { + div { + width: 24%; + + select { width: 100%; } + } + } + } + + input[type=submit] { margin-top: 1em; } +} + +.modal form.new_export fieldset, +.modal form.edit_export fieldset { width: 100%; } + +.settings-accordion span.plus-laranja:before, +.settings-accordion span.minus-laranja:before { line-height: inherit; } + +tr.new_option_before { + display: none; } \ No newline at end of file diff --git a/config/initializers/locale.rb b/config/initializers/locale.rb index 1a68db2..c5d3bef 100644 --- a/config/initializers/locale.rb +++ b/config/initializers/locale.rb @@ -15,4 +15,4 @@ config.i18n.fallbacks = true end end -git \ No newline at end of file +git \ No newline at end of file