diff --git a/cadastro.css b/cadastro.css index ea65746..34fa9a1 100644 --- a/cadastro.css +++ b/cadastro.css @@ -145,8 +145,8 @@ margin:10px; #institution_dialog .formfield.type-text, #institution_dialog .formfield.type-select #institution_dialog .formfield.type-radio{ - width:100%; - /*margin:0px 10px 10px 0px; + width:100%; + /*margin:0px 10px 10px 0px; }*/ /* #edit_institution_page .formfield type-radio{ @@ -180,12 +180,6 @@ margin:10px; /* cadastro de software */ /* -#content #main-content-wrapper-1, -#content .main-block .block-inner-1 { - font-size: 15px; - font-family: arial, verdana, helvetica !important; -} - #content #main-content-wrapper-1 form, #content .main-block .block-inner-1 form { font-family: arial, verdana, helvetica; @@ -200,17 +194,17 @@ margin:10px; margin-bottom: 30px !important; } -#content #main-content-wrapper-1 .required-field .pseudoformlabel, -#content #main-content-wrapper-1 .mandatory:after, -#content #main-content-wrapper-1 .required-field label.formlabel:after { - color: #2C4B6B; +#content #main-content-wrapper-1 form .required-field .pseudoformlabel, +#content #main-content-wrapper-1 form .mandatory:after, +#content #main-content-wrapper-1 form .required-field label.formlabel:after { + color: #4562b1; } -#content #main-content-wrapper-1 p > .required-field:before, -#content #main-content-wrapper-1 #template-options label a:before, -#content #main-content-wrapper-1 #errorExplanation h2:before, -#content .main-block .block-inner-1 p > .required-field:before, -#content .main-block .block-inner-1 #errorExplanation h2:before { +#content #main-content-wrapper-1 form p > .required-field:before, +#content #main-content-wrapper-1 form #template-options label a:before, +#content #main-content-wrapper-1 form #errorExplanation h2:before, +#content .main-block .block-inner-1 form p > .required-field:before, +#content .main-block .block-inner-1 form #errorExplanation h2:before { font-family: FontAwesome; font-style: normal; font-weight: normal; @@ -218,8 +212,8 @@ margin:10px; position: absolute; } -#content #main-content-wrapper-1 p > .required-field, -#content .main-block .block-inner-1 p > .required-field { +#content #main-content-wrapper-1 form p > .required-field, +#content .main-block .block-inner-1 form p > .required-field { margin-bottom: 40px; display: block; position: relative; @@ -227,12 +221,12 @@ margin:10px; background: #ECEDF1; padding: 15px 15px 15px 35px; font-size: 16px; - border: 1px dotted #2C4B6B; - border-left: 4px solid #2C4B6B; + border: 1px dotted #4562b1; + border-left: 4px solid #4562b1; } -#content #main-content-wrapper-1 #errorExplanation, -#content .main-block .block-inner-1 #errorExplanation { +#content #main-content-wrapper-1 form #errorExplanation, +#content .main-block .block-inner-1 form #errorExplanation { display: block; position: relative; padding-left: 27px; @@ -245,8 +239,8 @@ margin:10px; font-family: arial, verdana, helvetica ; } -#content #main-content-wrapper-1 #errorExplanation h2, -#content .main-block .block-inner-1 #errorExplanation h2 { +#content #main-content-wrapper-1 form #errorExplanation h2, +#content .main-block .block-inner-1 form #errorExplanation h2 { background: none; font-size: 18px !important; color: #C0392B; @@ -257,8 +251,8 @@ margin:10px; } -#content #main-content-wrapper-1 #errorExplanation h2:before, -#content .main-block .block-inner-1 #errorExplanation h2:before { +#content #main-content-wrapper-1 form #errorExplanation h2:before, +#content .main-block .block-inner-1 form #errorExplanation h2:before { left: 13px; content: "\f06a"; font-size: 22px; @@ -270,22 +264,30 @@ margin:10px; margin-left: 20px; } -#content #main-content-wrapper-1 #errorExplanation ul li, -#content .main-block .block-inner-1 #errorExplanation ul li { +#content #main-content-wrapper-1 form #errorExplanation ul li, +#content .main-block .block-inner-1 form #errorExplanation ul li { list-style-type: disc; margin-bottom: 3px; color: #C0392B; } -#content #main-content-wrapper-1 p > .required-field:before, -#content .main-block .block-inner-1 p > .required-field:before { +#content #main-content-wrapper-1 form p > .required-field:before, +#content .main-block .block-inner-1 form p > .required-field:before { left: 13px; content: "\f0a4"; font-size: 18px; + color: #4562b1; +} + +#content #main-content-wrapper-1 form .atention { + border: 2px dotted #ccc; + background: #f4f4f4; + padding: 20px; + margin-bottom: 30px; } -#content #main-content-wrapper-1 #template-options label a:before{ +#content #main-content-wrapper-1 form #template-options label a:before{ right: 0; bottom: 0; vertical-align: middle; @@ -294,8 +296,8 @@ margin:10px; color: #172738; } -#content #main-content-wrapper-1 label, -#content .main-block .block-inner-1 label { +#content #main-content-wrapper-1 form label, +#content .main-block .block-inner-1 form label { font-weight: 700; margin-bottom: 4px; color: #172738; @@ -303,13 +305,13 @@ margin:10px; font-style: normal; } -#content .main-block .block-inner-1 h2, -#content .main-block .block-inner-1 h3, -#content .main-block .block-inner-1 h4 { +#content .main-block .block-inner-1 form h2, +#content .main-block .block-inner-1 form h3, +#content .main-block .block-inner-1 form h4 { color: #172938 ; } -#content .main-block .block-inner-1 h2 { +#content .main-block .block-inner-1 form h2 { font-size: 18px !important; font-weight: 700; margin-bottom: 20px; @@ -321,29 +323,29 @@ margin:10px; width: 100%; } -#content #main-content-wrapper-1 .formfield, -#content .main-block .block-inner-1 #profile_change_picture { +#content #main-content-wrapper-1 form .formfield, +#content .main-block .block-inner-1 form #profile_change_picture { margin-bottom: 20px; } -#content .main-block .block-inner-1 .formfield { +#content .main-block .block-inner-1 form .formfield { margin-bottom: 5px; } -#content #main-content-wrapper-1 .formfieldline, -#content #main-content-wrapper-1 #software-name-field, -#content .main-block .block-inner-1 .formfieldline, -#content .main-block .block-inner-1 #software-name-field { +#content #main-content-wrapper-1 form .formfieldline, +#content #main-content-wrapper-1 form #software-name-field, +#content .main-block .block-inner-1 form .formfieldline, +#content .main-block .block-inner-1 form #software-name-field { padding: 0; margin-top: 0; } -#content #main-content-wrapper-1 #community_name { +#content #main-content-wrapper-1 form #community_name { width: 100%; } -#content #main-content-wrapper-1 input[type="text"], -#content .main-block .block-inner-1 input[type="text"] { +#content #main-content-wrapper-1 form input[type="text"], +#content .main-block .block-inner-1 form input[type="text"] { width: 100%; padding: 8px 0; font-size: 15px; @@ -360,7 +362,7 @@ margin:10px; font-style: italic; } -#content #main-content-wrapper-1 .formfield.type-file input, +#content #main-content-wrapper-1 form .formfield.type-file input, .formfield.type-file input { font-size: 15px; text-indent: 0; @@ -369,68 +371,73 @@ margin:10px; color: #172738; } -#content #main-content-wrapper-1 .formfield.type-file input{ +#content #main-content-wrapper-1 form .formfield.type-file input{ box-sizing: border-box; } -#content #main-content-wrapper-1 #community-join-before input[type="radio"], -#content #main-content-wrapper-1 #community-join-after input[type="radio"] { +#content #main-content-wrapper-1 form #create_enterprise_identifier{ + width: 50%; +} + + +#content #main-content-wrapper-1 form #community-join-before input[type="radio"], +#content #main-content-wrapper-1 form #community-join-after input[type="radio"] { top: 3px; position: relative; } -#content #main-content-wrapper-1 #community-join-before div, -#content #main-content-wrapper-1 #community-join-after div { +#content #main-content-wrapper-1 form #community-join-before div, +#content #main-content-wrapper-1 form #community-join-after div { margin-left: 20px !important; } -#content #main-content-wrapper-1 #community-join-before div { +#content #main-content-wrapper-1 form #community-join-before div { margin-bottom: 8px; } -#content #main-content-wrapper-1 #community-join-after div { +#content #main-content-wrapper-1 form #community-join-after div { margin-bottom: 20px; } -#content #main-content-wrapper-1 #template-options { +#content #main-content-wrapper-1 form #template-options { margin-top: 0 !important; margin-bottom: 30px; } -#content #main-content-wrapper-1 #template-options .formlabel { +#content #main-content-wrapper-1 form #template-options .formlabel { padding: 0; } -#content #main-content-wrapper-1 #template-options p, -#content #main-content-wrapper-1 #template-options ul { +#content #main-content-wrapper-1 form #template-options p, +#content #main-content-wrapper-1 form #template-options ul { margin: 0 0 8px 0 !important; padding: 0 !important; } -#content #main-content-wrapper-1 #template-options ul li { +#content #main-content-wrapper-1 form #template-options ul li { margin-bottom: 8px; clear: both; } -#content #main-content-wrapper-1 #template-options ul li label { +#content #main-content-wrapper-1 form #template-options ul li label { left: 6px; font-weight: normal; padding-right: 17px; position: relative; } -#content #main-content-wrapper-1 #template-options ul li input { +#content #main-content-wrapper-1 form #template-options ul li input { display: block; float: left; margin-top: 4px; margin-bottom: 15px; } -#content #main-content-wrapper-1 .button-bar .button.submit, -#content #main-content-wrapper-1 .button-bar .button.with-text, -#content .main-block .block-inner-1 .button-bar .button.submit, -#content .main-block .block-inner-1 .button-bar .button.with-text { +#content #main-content-wrapper-1 form .button-bar .button.submit, +#content #main-content-wrapper-1 form .button-bar .button.with-text, +#content .main-block .block-inner-1 form .button-bar .button.submit, +#content .main-block .block-inner-1 form .button-bar .button.with-text { margin-right: 10px; background-image: none; padding: 7px 12px; @@ -443,79 +450,79 @@ margin:10px; text-align: center; } -#content #main-content-wrapper-1 .button-bar .button.submit, -#content .main-block .block-inner-1 .button-bar .button.submit { +#content #main-content-wrapper-1 form .button-bar .button.submit, +#content .main-block .block-inner-1 form .button-bar .button.submit { min-height: 36px; } -#content #main-content-wrapper-1 .button-bar .button.submit:hover, -#content #main-content-wrapper-1 .button-bar .button.with-text:hover, -#content .main-block .block-inner-1 .button-bar .button.submit:hover, -#content .main-block .block-inner-1 .button-bar .button.with-text:hover { +#content #main-content-wrapper-1 form .button-bar .button.submit:hover, +#content #main-content-wrapper-1 form .button-bar .button.with-text:hover, +#content .main-block .block-inner-1 form .button-bar .button.submit:hover, +#content .main-block .block-inner-1 form .button-bar .button.with-text:hover { background: #5E82C6; } -#content #main-content-wrapper-1 .button-bar .icon-save, -#content .main-block .block-inner-1 .icon-save { +#content #main-content-wrapper-1 form .button-bar .icon-save, +#content .main-block .block-inner-1 form .icon-save { min-width: 100px; } -#content #main-content-wrapper-1 .button-bar .icon-cancel, -#content .main-block .block-inner-1 .icon-cancel { +#content #main-content-wrapper-1 form .button-bar .icon-cancel, +#content .main-block .block-inner-1 form .icon-cancel { min-width: 80px; } -#content #main-content-wrapper-1 .button-bar .icon-save, -#content .main-block .block-inner-1 .button-bar .icon-save { +#content #main-content-wrapper-1 form .button-bar .icon-save, +#content .main-block .block-inner-1 form .button-bar .icon-save { background-color: #3867B7; border: 1px solid #3867B7; color: #FFF; } -#content .main-block .block-inner-1 .button-bar .icon-remove { +#content .main-block .block-inner-1 form .button-bar .icon-remove { color: #C0392B; border: 1px solid #C0392B; } -#content .main-block .block-inner-1 .button-bar .icon-remove:hover { +#content .main-block .block-inner-1 form .button-bar .icon-remove:hover { color: #FFF; background: #E74C3C !important; } -#content #main-content-wrapper-1 .button-bar .icon-cancel, -#content .main-block .block-inner-1 .button-bar .icon-cancel, -#content .main-block .block-inner-1 .button-bar .icon-back { +#content #main-content-wrapper-1 form .button-bar .icon-cancel, +#content .main-block .block-inner-1 form .button-bar .icon-cancel, +#content .main-block .block-inner-1 form .button-bar .icon-back { color: #3867B7; border: 1px solid #3867B7; } -#content #main-content-wrapper-1 .button-bar .icon-cancel:hover, -#content .main-block .block-inner-1 .button-bar .icon-cancel:hover, -#content .main-block .block-inner-1 .button-bar .icon-back:hover { +#content #main-content-wrapper-1 form .button-bar .icon-cancel:hover, +#content .main-block .block-inner-1 form .button-bar .icon-cancel:hover, +#content .main-block .block-inner-1 form .button-bar .icon-back:hover { color: #FFF; } -#content #main-content-wrapper-1 .software-step-info h3, -#content .main-block .block-inner-1 .software-step-info h3 { +#content #main-content-wrapper-1 form .software-step-info h3, +#content .main-block .block-inner-1 form .software-step-info h3 { font-family: 'Open Sans', Arial, Helvetica, sans-serif; text-transform: uppercase; margin: 0 0 20px 0; } -#content #main-content-wrapper-1 .software-step-info .current-step h3, -#content .main-block .block-inner-1 .software-step-info .current-step h3 { +#content #main-content-wrapper-1 form .software-step-info .current-step h3, +#content .main-block .block-inner-1 form .software-step-info .current-step h3 { font-size: 16px !important; color: #FF0066; } -#content #main-content-wrapper-1 .software-step-info .another-step h3, -#content .main-block .block-inner-1 .software-step-info .another-step h3 { +#content #main-content-wrapper-1 form .software-step-info .another-step h3, +#content .main-block .block-inner-1 form .software-step-info .another-step h3 { font-size: 12px !important; color: rgba(0, 0, 0, 0.2); } -#content #main-content-wrapper-1 #software-hostname { +#content #main-content-wrapper-1 form #software-hostname { border-radius: 4px; padding: 7px 10px; float: left; @@ -528,7 +535,7 @@ margin:10px; background: #ECEDF1; } -#content #main-content-wrapper-1 textarea { +#content #main-content-wrapper-1 form textarea { width: 100%; box-sizing: border-box; border-radius: 4px; @@ -538,19 +545,16 @@ margin:10px; min-height: 150px; } -#content #main-content-wrapper-1 #community_name { - width: 53%; -} -#content #main-content-wrapper-1 .formfieldline { +#content #main-content-wrapper-1 form .formfieldline { margin-bottom: 20px; } -#content #main-content-wrapper-1 .formfieldline h4 { +#content #main-content-wrapper-1 form .formfieldline h4 { margin: 0 0 5px 0; } -#content #main-content-wrapper-1 .formfieldline select { +#content #main-content-wrapper-1 form .formfieldline select { margin-bottom: 20px; } @@ -589,4 +593,295 @@ margin:10px; #category-ajax-selector .label { font-size: 15px; } -*/ \ No newline at end of file +*/ + + +body #content .main-block h1 { + color: #172738; +} + +.main-block form { + font-size: 14px; + color: #172738; +} + +.main-block form p .required-field, +.main-block p .required-field, +.main-block .atention { + padding: 15px 20px; + margin: 20px 0 30px 0; + border: 1px dotted #ccc; + border-radius: 3px; + display: block; + background: #fff; + line-height: 20px; + font-size: 13px; +} + +.main-block form p .required-field, +.main-block p .required-field { + border-left: 5px solid #FF0366; +} + +.main-block .atention { + border-left: 5px solid #F1C40F; +} + +.main-block form .required-field .pseudoformlabel, +.main-block form .required-field label.formlabel:after { + color: #FF0366; + font-weight: 500; +} + +.main-block form .formlabel { + display: inline-block; + max-width: 100%; + margin-bottom: 5px; + color: #172738; +} + +.main-block form input[type="text"] { + display: block; + height: 34px; + padding: 6px; + border: 1px solid #ccc; + border-radius: 4px; + width: auto; + font-size: 15px; + font-family: arial, helvetica; +} + +.main-block form .formfield input[type="file"] { + border: none; + padding: 0; + text-indent: 0; + font-size: 14px; +} + + +.main-block form #community-join-before div, +.main-block form #community-join-after div { + margin-left: 20px !important; +} + +.main-block form #community-join-before input, +.main-block form #community-join-after input { + position: relative; + top: 3px; +} + +#content .main-block form .button-bar { + margin-top: 30px; + clear: both; +} + +body #content .main-block form .button-bar input, +body #content .main-block form .button-bar a.button{ + background-image: none; + border: 0; + margin-right: 10px; + display: inline-block; + width: 100px; + text-align: center; +} + +body #content .main-block form .button-bar .icon-back { + width: 150px !important; +} + +#content .main-block form .button-bar input { + padding: 2px 0; + color: #FFF; + font-size: 15px; + background: #2C66CE; +} + +body #content .main-block form .button-bar input:hover { + background: #5E82C6; +} + +body #content .main-block form .button-bar a.button { + padding: 1px 0 0 0; + height: 0; + line-height: auto; + color: #2C66CE; + font-size: 14px; + border: 1px solid #2C66CE; + height: 29px; +} + +body #content .main-block form .button-bar a.button:hover { + background: none; + border-color: #5E82C6; + color: #5E82C6; +} + +body #content .main-block #delete-profile a { + border-color: #C0392B; + color: #C0392B; +} + +#content .main-block .errorExplanation { + padding: 20px 10px 20px 65px; + background: #fdedeb; + margin: 20px 0 30px 0; + border-radius: 4px; + color: #172738; + position: relative; + border: 1px dotted #fad9d6; +} + +#content .main-block .errorExplanation h2 { + background: none; + font-size: 16px !important; + text-align: left; + margin-bottom: 5px; + font-weight: 700; + color: #172738; +} + +#content .main-block .errorExplanation:before { + font-family: FontAwesome; + font-style: normal; + font-weight: normal; + text-decoration: inherit; + position: absolute; +} + +#content .main-block .errorExplanation:before { + left: 20px; + top: 13px; + vertical-align: middle; + font-size: 24px; + content: "\f12a"; + color: #fff; + background: #e74c3c; + border-radius: 50%; + width: 32px; + height: 27px; + text-align: center; + padding-top: 5px; +} + +#content .main-block .errorExplanation ul li { + list-style: circle; + font-size: 14px; + margin: 0 0 4px 17px; +} + +#content .main-block .formfieldline .formfield code { + display: block; + height: 30px; + padding: 2px 6px 2px 10px; + border: 1px solid #ccc; + border-radius: 4px; + width: 70%; +} + +#content .main-block .formfieldline .formfield code * { + display: inline; +} + +#content .main-block .formfieldline .formfield code input { + width: 47%; + border: none; + padding-left: 0; +} + +#content .main-block #template-options p required-field{ + padding-left: 0 !important; + font-size: 13px; +} + +.main-block form #template-options p, +.main-block form #template-options ul { + margin-left: 0 !important; + padding-left: 0 !important; +} + +.main-block form #template-options ul li { + margin-bottom: 2px; +} + +.main-block form #template-options ul li input{ + margin-right: 5px; + position: relative; + top: 1px; +} + +.main-block form #profile-is-template { + background: none; +} + +.main-block form #profile-is-template input { + margin-right: 2px; + border: none; + padding: 0; +} + +.main-block form #profile-is-template { + border:none; + margin-bottom: 10px; +} + +.main-block form #profile-is-template input { + position: relative; + top: 2px; +} + +.main-block form #profile-is-template label { + margin-left: 2px; +} + +#content .main-block form h2 { + font-size: 18px !important; + font-weight: 700; + margin-top: 20px; +} + +#content .main-block form #profile_data_closed_true, +#content .main-block form #profile_data_closed_false { + position: relative; + top: 2px; +} + +#content .main-block form #profile_change_picture .formfieldline { + font-size: 13px; + font-style: italic; +} + +#content .main-block form #profile_change_picture { + padding: 0 15px 15px 15px; + border: 1px dotted #ddd; + margin-top: 10px; +} + +#content .main-block form #profile_change_picture .button { + padding: 3px 8px; + color: #FFF; + font-size: 14px; + background: #2C66CE; + border: 0; + font-style: normal; +} + +#content .main-block form #profile_change_picture .button:hover { + background: #5E82C6; +} + +#content .main-block form .type-img { + padding: 0; +} + +#content .main-block form #profile_change_picture br { + height: 1px; + display: block; +} + +#category-ajax-selector { + border-style: dotted; +} + +#category-ajax-selector .label { + font-size: 14px; +}e \ No newline at end of file diff --git a/style.css b/style.css index 197aa12..42e7c37 100644 --- a/style.css +++ b/style.css @@ -40,7 +40,7 @@ @import url(../../icons/tango/style.css); -/****************** Font awesome ****s****************/ +/****************** Font awesome ******************/ @import url(font-awesome.min.css); /* - css/main.css - */ -- libgit2 0.21.2