diff --git a/edivorce/apps/core/static/css/main.css b/edivorce/apps/core/static/css/main.css index 79a14f2c..ac91aaf6 100644 --- a/edivorce/apps/core/static/css/main.css +++ b/edivorce/apps/core/static/css/main.css @@ -1 +1 @@ -@font-face{font-family:'Myriad-Pro';src:url("../fonts/MyriadWebPro.ttf");font-weight:normal;font-style:normal}body{font-family:Myriad-Pro,Calibri,Arial,Sans Serif;font-size:16px;line-height:24px;color:#494949;background:#ffffff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:768px}h1,h2,h3,h4{margin-top:0px;margin-bottom:10px}h1{font-weight:600;line-height:54px;color:#042553;margin-bottom:20px}h1 small{font-size:14px;font-weight:700;text-transform:uppercase;color:#042553;display:block;letter-spacing:.1em}h2{font-weight:600;font-size:24px;line-height:36px;color:#494949;margin-bottom:20px}h3{font-weight:400;font-size:28px;line-height:42px;color:#19355b;margin-top:15px}h4{font-weight:600;font-size:18px;line-height:27px;color:#19355b;text-transform:uppercase}a{color:#2b5580;text-decoration:none;transition:all 0.1s ease-in-out}a:hover,a:focus{color:#1e3c5a;text-decoration:underline;transition:all 0.1s eease-in-out}.intro{font-size:18px;line-height:28px}.container-wrapper{padding:40px 0}.container-wrapper:nth-child(odd){background:#fdfdfd}.container-wrapper:nth-child(odd) input{background:#ffffff}.bg-danger{position:relative;padding:30px 30px 30px 75px;border-radius:10px;margin-bottom:20px;background-color:#fcf8e3}.bg-danger:after{content:"\f071";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;position:absolute;font-size:24px;color:#f0ad4e;top:30px;left:27px}.bg-danger.hard-stop{background-color:#faebe9}.bg-danger.hard-stop:after{content:"\f05e";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;position:absolute;font-size:24px;color:#d9534f;top:30px;left:27px}@media (max-width: 991px){.container{width:100%;min-width:750px}}.tooltip-arrow{border-top-color:#19355b}.tooltip.in{opacity:1}.tooltip-inner{text-align:left;background-color:#19355b;padding:20px;font-size:16px;line-height:24px;max-width:300px;border-radius:10px}.tooltip-innerb{font-size:18px}.tooltip-inner a{color:#ffffff;text-decoration:underline}.tooltip-inner a:hover,.tooltip-inner a:focus{color:#d5d5d5}.tooltip-link{color:#19355b;border-bottom:dotted 1px #19355b;cursor:pointer}.collapse-trigger{margin-bottom:20px}.collapse-trigger>div{color:#19355b;border-bottom:solid 1px #19355b;display:inline;cursor:pointer}.collapse-trigger>div:after{font-family:FontAwesome;font-weight:normal;font-style:normal;display:inline-block;text-decoration:inherit;padding-left:10px;content:"\f077";transform-origin:65% 50%;transition:all 0.1s ease-in-out}.collapse-trigger>div:hover,.collapse-trigger>div:focus{color:#1e3c5a;border-bottom:solid 1px #1e3c5a;transition:all 0.1s ease-in-out}.collapse-trigger.collapsed div:after{transform:rotate(-180deg);transform-style:preserve-3D;transform-origin:65% 50%}.collapse>div,.collapsing>div{margin-bottom:25px}i.fa{color:#2b5580}i.fa.circle{border-radius:50%;padding:10px;border:solid 1px #2b5580}i.fa.fa-question-circle{margin-left:5px}.form-buttons{margin:30px 0}.form-buttons .btn{font-size:18px;line-height:32px;border:none;border-radius:10px;padding:6px 18px;background-color:#365ebe;color:#ffffff;margin-bottom:12px;transition:all 0.1s ease-in-out}.form-buttons .btn:hover{background-color:#1f376f;transition:all 0.1s ease-in-out}.form-buttons .btn i.fa{color:#ffffff}.form-buttons .btn.btn-success{background-color:#57b26a;margin-left:12px;transition:all 0.1s ease-in-out}.form-buttons .btn.btn-success:hover{background-color:#337040;transition:all 0.1s ease-in-out}.btn-radio{color:#19355b;background-color:#d4dce5;font-size:18px;text-transform:uppercase;font-weight:600;line-height:45px;width:60px;height:60px;border-radius:30px;border:3px solid #d4dce5;transition:all 0.1s ease-in-out}.btn-radio:hover,.btn-radio:focus,.btn-radio:active,.btn-radio.active,.open .dropdown-toggle.btn-radio{color:#FFFFFF;background-color:#2b5580;border:3px solid #365ebe;transition:all 0.1s ease-in-out}.btn-radio:active,.btn-radio.active,.open .dropdown-toggle.btn-radio{background-image:none}.btn-radio.disabled,.btn-radio[disabled],fieldset[disabled] .btn-radio,.btn-radio.disabled:hover,.btn-radio[disabled]:hover,fieldset[disabled] .btn-radio:hover,.btn-radio.disabled:focus,.btn-radio[disabled]:focus,fieldset[disabled] .btn-radio:focus,.btn-radio.disabled:active,.btn-radio[disabled]:active,fieldset[disabled] .btn-radio:active,.btn-radio.disabled.active,.btn-radio[disabled].active,fieldset[disabled] .btn-radio.active{background-color:#365ebe;border-color:#365ebe;transition:all 0.1s ease-in-out}.btn-radio+.btn-radio{margin-left:15px}.btn-radio-group{margin-bottom:20px}.btn-radio-group .btn.active.focus,.btn-radio-group .btn.active:focus,.btn-radio-group .btn.focus,.btn-radio-group .btn:active.focus,.btn-radio-group .btn:active:focus,.btn-radio-group .btn:focus{outline:none}.btn-radio-group .btn-radio-long{width:auto;white-space:normal;text-transform:none;align-items:center;line-height:1em;max-width:500px;display:inline-flex;text-align:left;padding:0 20px}input{border-radius:10px;color:#494949;padding:12px 15px;border:solid 1px #d5d5d5;line-height:1em}input:focus{outline:0;box-shadow:inset 0 1px 1px rgba(73,73,73,0.075),0 0 4px rgba(157,157,157,0.5)}input+i.fa{margin-left:10px}input.form-block{display:block;margin-bottom:10px}input.input-wide{width:50%}input.input-narrow{max-width:100px}input.input-inline{padding:5px 20px;border-radius:5px;margin-left:5px}textarea{width:100%;border-radius:10px;color:#494949;padding:12px 15px;border:solid 1px #d5d5d5;line-height:1em}#top_banner{background-color:#042553;border-bottom:2px solid #dea61b;padding:5px 20px 10px}#top_banner .top_banner-logo img{width:148px;height:auto;float:left}#top_banner p{color:#ffffff;font-size:16px;line-height:1em;margin-top:20px;margin-left:35px;float:left}#top_banner p .beta{border:solid 1px #ffffff;padding:4px 8px 3px;margin-left:10px;font-size:12px;text-transform:uppercase}#top_banner p .beta.environment-type{background-color:#B200FF}#top_banner .top_banner-user{color:#fff;font-size:14px;float:right;margin-top:9px}#top_banner .top_banner-user a{color:#ffffff}#top_banner .top_banner-user a:hover,#top_banner .top_banner-user a:active{color:#fcfcfc}#mid_banner{background-color:#2b5580;font-size:14px;font-weight:600}#mid_banner .mid_banner-dash{float:left;margin-left:-20px}#mid_banner .mid_banner-dash a,#mid_banner .mid_banner-link a,#mid_banner .more_information-link a{padding:10px 20px;float:right;margin-left:20px}#mid_banner .mid_banner-dash a:hover,#mid_banner .mid_banner-dash a.active,#mid_banner .mid_banner-link a:hover,#mid_banner .mid_banner-link a.active,#mid_banner .more_information-link a:hover,#mid_banner .more_information-link a.active{color:#042553;background-color:#efefef;text-decoration:none}#mid_banner .mid_banner-dash a:hover i,#mid_banner .mid_banner-dash a.active i,#mid_banner .mid_banner-link a:hover i,#mid_banner .mid_banner-link a.active i,#mid_banner .more_information-link a:hover i,#mid_banner .more_information-link a.active i{color:#042553}#mid_banner i{color:#ffffff;padding:0 10px 0 0}#mid_banner a{color:#ffffff;text-decoration:none}#form_navigation{display:flex}#form_navigation form{margin-right:10px}#other_names_fields .form-inline,#reconciliation_period_fields .form-inline{margin-bottom:10px;padding:10px;background:#efefef;border-radius:5px}#btn_add_other_names{margin-left:10px}.footer{background-color:#042553;border-top:3px solid #dea61b;padding:30px 15px 15px}.footer .footer-container ul{list-style-type:none}.footer .footer-container ul li{float:left;padding:2px 10px;position:relative}.footer .footer-container ul li a{display:block;text-align:center;color:#ffffff;font-size:13px;font-weight:600}.footer .footer-container ul li+li{border-left:1px solid #4b5e73}.question-well{min-height:20px;padding:25px;margin-bottom:25px;border:1px solid #d5d5d5;border-radius:10px}.question-well.hasFocus{border:1px solid #042553}.row-flex{display:flex;flex-direction:row;flex-wrap:wrap;height:100%;overflow:hidden}.row-flex .col{flex:1;box-sizing:border-box;order:3}.row-flex .content-column{max-width:800px;padding:35px 50px 50px 50px}.row-flex .progress-column{flex:0 0 262px;background-color:#efefef;order:2}.row-flex .dashnav-column{flex:0 0 262px;background-color:#19355b}.row-flex .more_information-column{flex:100%;background-color:#efefef;box-shadow:inset 0px 0px 10px 0px rgba(0,0,0,0.1);padding:20px 45px;font-size:14px;line-height:21px;order:1}.row-flex .more_information-column .more_information-close{float:right;font-size:24px;margin-top:3px;color:#042553}.row-flex .more_information-column h2{color:#042553;padding-right:25px}@media (min-width: 992px){.row-flex .more_information-column{padding:45px 20px;order:4;flex:0 0 306px}}.row-flex.intro-page{background:#2b5580 url("../img/bg-edivorce__landing.jpg") no-repeat top center fixed;background-size:cover}.row-flex.intro-page .content-column{margin:100px auto;padding:0;max-width:800px;padding:0 20px;text-align:center;color:#ffffff}.row-flex.intro-page .content-column h1,.row-flex.intro-page .content-column h3{color:#ffffff}.row-flex.intro-page .content-column .intro{font-size:24px;line-height:36px;margin:0 100px}.row-flex.intro-page .content-column a{color:#ffffff;text-decoration:none}.row-flex.intro-page .content-column a:hover,.row-flex.intro-page .content-column a:focus{text-decoration:underline}.row-flex.intro-page .content-column a:hover.btn,.row-flex.intro-page .content-column a:focus.btn{text-decoration:none}.row-flex.intro-page .content-column .btn-group-lg>.btn,.row-flex.intro-page .content-column .btn-lg{padding:12px 40px;margin:10px}.row-flex.intro-page .content-column .flex-wrapper{display:flex;margin:20px 0px;text-align:left;justify-content:space-between;font-size:18px}.row-flex.intro-page .content-column .flex-wrapper .flex-column{width:45%}.row-flex.intro-page .content-column .flex-wrapper span.number-circle{border:solid 2px white;padding:5px;border-radius:40px;width:50px;height:50px;display:inline-block;text-align:center;margin-right:10px}.progress-column h4,.dashnav-column h4{color:#494949;padding:0 18px;margin-top:36px}.progress-column .progress-question,.dashnav-column .progress-question{display:flex;align-items:center;height:60px;margin-bottom:12px;padding:0 12px 0 18px}.progress-column .progress-question .progress-icon,.dashnav-column .progress-question .progress-icon{width:46px}.progress-column .progress-question .progress-icon i,.dashnav-column .progress-question .progress-icon i{font-size:20px;border:solid 1px #494949;padding:8px;border-radius:36px}.progress-column .progress-question .progress-icon i.fa:before,.dashnav-column .progress-question .progress-icon i.fa:before{width:20px;text-align:center;display:block;height:20px}.progress-column .progress-question .progress-content,.dashnav-column .progress-question .progress-content{width:158px;font-size:14px;line-height:16px;color:#494949}.progress-column .progress-question .progress-content small,.dashnav-column .progress-question .progress-content small{font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:.1em}.progress-column .progress-question .progress-status,.dashnav-column .progress-question .progress-status{width:28px}.progress-column .progress-question .progress-status i,.dashnav-column .progress-question .progress-status i{float:right}.progress-column .progress-question i,.dashnav-column .progress-question i{color:#494949}.progress-column .progress-question.complete span,.progress-column .progress-question.complete i,.dashnav-column .progress-question.complete span,.dashnav-column .progress-question.complete i{color:#57b26a;border-color:#57b26a}.progress-column .progress-question:hover,.progress-column .progress-question:focus,.dashnav-column .progress-question:hover,.dashnav-column .progress-question:focus{background-color:#e6ca85;text-decoration:none}.progress-column .progress-question:hover span,.progress-column .progress-question:hover i,.progress-column .progress-question:focus span,.progress-column .progress-question:focus i,.dashnav-column .progress-question:hover span,.dashnav-column .progress-question:hover i,.dashnav-column .progress-question:focus span,.dashnav-column .progress-question:focus i{color:#ffffff;border-color:#ffffff}.progress-column .progress-question.active,.dashnav-column .progress-question.active{background-color:#dea61b;text-decoration:none}.progress-column .progress-question.active span,.progress-column .progress-question.active i,.dashnav-column .progress-question.active span,.dashnav-column .progress-question.active i{color:#ffffff;border-color:#ffffff}.dashnav-column h4{color:#ffffff}.dashnav-column .progress-question .progress-icon{width:36px}.dashnav-column .progress-question .progress-icon i{font-size:20px;border:none;padding:0}.dashnav-column .progress-question .progress-content{width:180px;color:#ffffff;font-weight:600}.dashnav-column .progress-question i{color:#ffffff}.dashnav-column .progress-question:hover,.dashnav-column .progress-question:focus{background-color:#dea61b}div#progress-overlay{position:fixed;top:0;bottom:0;left:0;right:0;z-index:10000;background:rgba(0,0,0,0.35)}div#progress-overlay-spinner{position:fixed;top:0;bottom:0;left:0;right:0;z-index:5000}span.hard-stop{font-size:2.8em;display:inline-block;float:left;margin:3px 10px 0 0}@media (min-width: 1px) and (max-width: 991px){.on-canvas{display:block}}@media (min-width: 992px){.on-canvas{transition:300ms ease-out all;transform:translateX(0)}}@media (min-width: 1px) and (max-width: 991px){.off-canvas{display:none}}@media (min-width: 992px){.off-canvas{transition:300ms ease-out all;transform:translateX(306px)}}@media (min-width: 1px) and (max-width: 991px){.margin-right{margin-right:0}}@media (min-width: 992px){.margin-right{transition:300ms ease-out all;margin-right:-306px}}@media (min-width: 1px) and (max-width: 991px){.no-margin-right{margin-right:0}}@media (min-width: 992px){.no-margin-right{transition:300ms ease-out all;margin-right:0}} +@font-face{font-family:'Myriad-Pro';src:url("../fonts/MyriadWebPro.ttf");font-weight:normal;font-style:normal}body{font-family:Myriad-Pro,Calibri,Arial,Sans Serif;font-size:16px;line-height:24px;color:#494949;background:#ffffff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:768px}h1,h2,h3,h4{margin-top:0px;margin-bottom:10px}h1{font-weight:600;line-height:54px;color:#042553;margin-bottom:20px}h1 small{font-size:14px;font-weight:700;text-transform:uppercase;color:#042553;display:block;letter-spacing:.1em}h2{font-weight:600;font-size:24px;line-height:36px;color:#494949;margin-bottom:20px}h3{font-weight:400;font-size:28px;line-height:42px;color:#19355b;margin-top:15px}h4{font-weight:600;font-size:18px;line-height:27px;color:#19355b;text-transform:uppercase}a{color:#2b5580;text-decoration:none;transition:all 0.1s ease-in-out}a:hover,a:focus{color:#1e3c5a;text-decoration:underline;transition:all 0.1s eease-in-out}.intro{font-size:18px;line-height:28px}img{max-width:100%;height:auto}.container-wrapper{padding:40px 0}.container-wrapper:nth-child(odd){background:#fdfdfd}.container-wrapper:nth-child(odd) input{background:#ffffff}.bg-danger{position:relative;padding:30px 30px 30px 75px;border-radius:10px;margin-bottom:20px;background-color:#fcf8e3}.bg-danger:after{content:"\f071";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;position:absolute;font-size:24px;color:#f0ad4e;top:30px;left:27px}.bg-danger.hard-stop{background-color:#faebe9}.bg-danger.hard-stop:after{content:"\f05e";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;position:absolute;font-size:24px;color:#d9534f;top:30px;left:27px}@media (max-width: 991px){.container{width:100%;min-width:750px}}.tooltip-arrow{border-top-color:#19355b}.tooltip.in{opacity:1}.tooltip-inner{text-align:left;background-color:#19355b;padding:20px;font-size:16px;line-height:24px;max-width:300px;border-radius:10px}.tooltip-innerb{font-size:18px}.tooltip-inner a{color:#ffffff;text-decoration:underline}.tooltip-inner a:hover,.tooltip-inner a:focus{color:#d5d5d5}.tooltip-link{color:#19355b;border-bottom:dotted 1px #19355b;cursor:pointer}.collapse-trigger{margin-bottom:20px}.collapse-trigger>div{color:#19355b;border-bottom:solid 1px #19355b;display:inline;cursor:pointer}.collapse-trigger>div:after{font-family:FontAwesome;font-weight:normal;font-style:normal;display:inline-block;text-decoration:inherit;padding-left:10px;content:"\f077";transform-origin:65% 50%;transition:all 0.1s ease-in-out}.collapse-trigger>div:hover,.collapse-trigger>div:focus{color:#1e3c5a;border-bottom:solid 1px #1e3c5a;transition:all 0.1s ease-in-out}.collapse-trigger.collapsed div:after{transform:rotate(-180deg);transform-style:preserve-3D;transform-origin:65% 50%}.collapse>div,.collapsing>div{margin-bottom:25px}i.fa{color:#2b5580}i.fa.circle{border-radius:50%;padding:10px;border:solid 1px #2b5580}i.fa.fa-question-circle{margin-left:5px}.form-buttons{margin:30px 0}.form-buttons .btn{font-size:18px;line-height:32px;border:none;border-radius:10px;padding:6px 18px;background-color:#365ebe;color:#ffffff;margin-bottom:12px;transition:all 0.1s ease-in-out}.form-buttons .btn:hover{background-color:#1f376f;transition:all 0.1s ease-in-out}.form-buttons .btn i.fa{color:#ffffff}.form-buttons .btn.btn-success{background-color:#57b26a;margin-left:12px;transition:all 0.1s ease-in-out}.form-buttons .btn.btn-success:hover{background-color:#337040;transition:all 0.1s ease-in-out}.btn-radio{color:#19355b;background-color:#d4dce5;font-size:18px;text-transform:uppercase;font-weight:600;line-height:45px;width:60px;height:60px;border-radius:30px;border:3px solid #d4dce5;transition:all 0.1s ease-in-out}.btn-radio:hover,.btn-radio:focus,.btn-radio:active,.btn-radio.active,.open .dropdown-toggle.btn-radio{color:#FFFFFF;background-color:#2b5580;border:3px solid #365ebe;transition:all 0.1s ease-in-out}.btn-radio:active,.btn-radio.active,.open .dropdown-toggle.btn-radio{background-image:none}.btn-radio.disabled,.btn-radio[disabled],fieldset[disabled] .btn-radio,.btn-radio.disabled:hover,.btn-radio[disabled]:hover,fieldset[disabled] .btn-radio:hover,.btn-radio.disabled:focus,.btn-radio[disabled]:focus,fieldset[disabled] .btn-radio:focus,.btn-radio.disabled:active,.btn-radio[disabled]:active,fieldset[disabled] .btn-radio:active,.btn-radio.disabled.active,.btn-radio[disabled].active,fieldset[disabled] .btn-radio.active{background-color:#365ebe;border-color:#365ebe;transition:all 0.1s ease-in-out}.btn-radio+.btn-radio{margin-left:15px}.btn-radio-group{margin-bottom:20px}.btn-radio-group .btn.active.focus,.btn-radio-group .btn.active:focus,.btn-radio-group .btn.focus,.btn-radio-group .btn:active.focus,.btn-radio-group .btn:active:focus,.btn-radio-group .btn:focus{outline:none}.btn-radio-group .btn-radio-long{width:auto;white-space:normal;text-transform:none;align-items:center;line-height:1em;max-width:500px;display:inline-flex;text-align:left;padding:0 20px}input{border-radius:10px;color:#494949;padding:12px 15px;border:solid 1px #d5d5d5;line-height:1em}input:focus{outline:0;box-shadow:inset 0 1px 1px rgba(73,73,73,0.075),0 0 4px rgba(157,157,157,0.5)}input+i.fa{margin-left:10px}input.form-block{display:block;margin-bottom:10px}input.input-wide{width:50%}input.input-narrow{max-width:100px}input.input-inline{padding:5px 20px;border-radius:5px;margin-left:5px}textarea{width:100%;border-radius:10px;color:#494949;padding:12px 15px;border:solid 1px #d5d5d5;line-height:1em}#top_banner{background-color:#042553;border-bottom:2px solid #dea61b;padding:5px 20px 10px}#top_banner .top_banner-logo img{width:148px;height:auto;float:left}#top_banner p{color:#ffffff;font-size:16px;line-height:1em;margin-top:20px;margin-left:35px;float:left}#top_banner p .beta{border:solid 1px #ffffff;padding:4px 8px 3px;margin-left:10px;font-size:12px;text-transform:uppercase}#top_banner p .beta.environment-type{background-color:#B200FF}#top_banner .top_banner-user{color:#fff;font-size:14px;float:right;margin-top:9px}#top_banner .top_banner-user a{color:#ffffff}#top_banner .top_banner-user a:hover,#top_banner .top_banner-user a:active{color:#fcfcfc}#mid_banner{background-color:#2b5580;font-size:14px;font-weight:600}#mid_banner .mid_banner-dash{float:left;margin-left:-20px}#mid_banner .mid_banner-dash a,#mid_banner .mid_banner-link a,#mid_banner .more_information-link a{padding:10px 20px;float:right;margin-left:20px}#mid_banner .mid_banner-dash a:hover,#mid_banner .mid_banner-dash a.active,#mid_banner .mid_banner-link a:hover,#mid_banner .mid_banner-link a.active,#mid_banner .more_information-link a:hover,#mid_banner .more_information-link a.active{color:#042553;background-color:#efefef;text-decoration:none}#mid_banner .mid_banner-dash a:hover i,#mid_banner .mid_banner-dash a.active i,#mid_banner .mid_banner-link a:hover i,#mid_banner .mid_banner-link a.active i,#mid_banner .more_information-link a:hover i,#mid_banner .more_information-link a.active i{color:#042553}#mid_banner i{color:#ffffff;padding:0 10px 0 0}#mid_banner a{color:#ffffff;text-decoration:none}#form_navigation{display:flex}#form_navigation form{margin-right:10px}#other_names_fields .form-inline,#reconciliation_period_fields .form-inline{margin-bottom:10px;padding:10px;background:#efefef;border-radius:5px}#btn_add_other_names{margin-left:10px}.footer{background-color:#042553;border-top:3px solid #dea61b;padding:30px 15px 15px}.footer .footer-container ul{list-style-type:none}.footer .footer-container ul li{float:left;padding:2px 10px;position:relative}.footer .footer-container ul li a{display:block;text-align:center;color:#ffffff;font-size:13px;font-weight:600}.footer .footer-container ul li+li{border-left:1px solid #4b5e73}.question-well{min-height:20px;padding:25px;margin-bottom:25px;border:1px solid #d5d5d5;border-radius:10px}.question-well.hasFocus{border:1px solid #042553}.row-flex{display:flex;flex-direction:row;flex-wrap:wrap;height:100%;overflow:hidden}.row-flex .col{flex:1;box-sizing:border-box;order:3}.row-flex .content-column{max-width:800px;padding:35px 50px 50px 50px}.row-flex .progress-column{flex:0 0 262px;background-color:#efefef;order:2}.row-flex .dashnav-column{flex:0 0 262px;background-color:#19355b}.row-flex .more_information-column{flex:100%;background-color:#efefef;box-shadow:inset 0px 0px 10px 0px rgba(0,0,0,0.1);padding:20px 45px;font-size:14px;line-height:21px;order:1}.row-flex .more_information-column .more_information-close{float:right;font-size:24px;margin-top:3px;color:#042553}.row-flex .more_information-column h2{color:#042553;padding-right:25px}@media (min-width: 992px){.row-flex .more_information-column{padding:45px 20px;order:4;flex:0 0 306px}}.row-flex.intro-page{background:#2b5580 url("../img/bg-edivorce__landing.jpg") no-repeat top center fixed;background-size:cover}.row-flex.intro-page .content-column{margin:100px auto;padding:0;max-width:800px;padding:0 20px;text-align:center;color:#ffffff}.row-flex.intro-page .content-column h1,.row-flex.intro-page .content-column h3{color:#ffffff}.row-flex.intro-page .content-column .intro{font-size:24px;line-height:36px;margin:0 100px}.row-flex.intro-page .content-column a{color:#ffffff;text-decoration:none}.row-flex.intro-page .content-column a:hover,.row-flex.intro-page .content-column a:focus{text-decoration:underline}.row-flex.intro-page .content-column a:hover.btn,.row-flex.intro-page .content-column a:focus.btn{text-decoration:none}.row-flex.intro-page .content-column .btn-group-lg>.btn,.row-flex.intro-page .content-column .btn-lg{padding:12px 40px;margin:10px}.row-flex.intro-page .content-column .flex-wrapper{display:flex;margin:20px 0px;text-align:left;justify-content:space-between;font-size:18px}.row-flex.intro-page .content-column .flex-wrapper .flex-column{width:45%}.row-flex.intro-page .content-column .flex-wrapper span.number-circle{border:solid 2px white;padding:5px;border-radius:40px;width:50px;height:50px;display:inline-block;text-align:center;margin-right:10px}.progress-column h4,.dashnav-column h4{color:#494949;padding:0 18px;margin-top:36px}.progress-column .progress-question,.dashnav-column .progress-question{display:flex;align-items:center;height:60px;margin-bottom:12px;padding:0 12px 0 18px}.progress-column .progress-question .progress-icon,.dashnav-column .progress-question .progress-icon{width:46px}.progress-column .progress-question .progress-icon i,.dashnav-column .progress-question .progress-icon i{font-size:20px;border:solid 1px #494949;padding:8px;border-radius:36px}.progress-column .progress-question .progress-icon i.fa:before,.dashnav-column .progress-question .progress-icon i.fa:before{width:20px;text-align:center;display:block;height:20px}.progress-column .progress-question .progress-content,.dashnav-column .progress-question .progress-content{width:158px;font-size:14px;line-height:16px;color:#494949}.progress-column .progress-question .progress-content small,.dashnav-column .progress-question .progress-content small{font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:.1em}.progress-column .progress-question .progress-status,.dashnav-column .progress-question .progress-status{width:28px}.progress-column .progress-question .progress-status i,.dashnav-column .progress-question .progress-status i{float:right}.progress-column .progress-question i,.dashnav-column .progress-question i{color:#494949}.progress-column .progress-question.complete span,.progress-column .progress-question.complete i,.dashnav-column .progress-question.complete span,.dashnav-column .progress-question.complete i{color:#57b26a;border-color:#57b26a}.progress-column .progress-question:hover,.progress-column .progress-question:focus,.dashnav-column .progress-question:hover,.dashnav-column .progress-question:focus{background-color:#e6ca85;text-decoration:none}.progress-column .progress-question:hover span,.progress-column .progress-question:hover i,.progress-column .progress-question:focus span,.progress-column .progress-question:focus i,.dashnav-column .progress-question:hover span,.dashnav-column .progress-question:hover i,.dashnav-column .progress-question:focus span,.dashnav-column .progress-question:focus i{color:#ffffff;border-color:#ffffff}.progress-column .progress-question.active,.dashnav-column .progress-question.active{background-color:#dea61b;text-decoration:none}.progress-column .progress-question.active span,.progress-column .progress-question.active i,.dashnav-column .progress-question.active span,.dashnav-column .progress-question.active i{color:#ffffff;border-color:#ffffff}.dashnav-column h4{color:#ffffff}.dashnav-column .progress-question .progress-icon{width:36px}.dashnav-column .progress-question .progress-icon i{font-size:20px;border:none;padding:0}.dashnav-column .progress-question .progress-content{width:180px;color:#ffffff;font-weight:600}.dashnav-column .progress-question i{color:#ffffff}.dashnav-column .progress-question:hover,.dashnav-column .progress-question:focus{background-color:#dea61b}div#progress-overlay{position:fixed;top:0;bottom:0;left:0;right:0;z-index:10000;background:rgba(0,0,0,0.35)}div#progress-overlay-spinner{position:fixed;top:0;bottom:0;left:0;right:0;z-index:5000}span.hard-stop{font-size:2.8em;display:inline-block;float:left;margin:3px 10px 0 0}@media (min-width: 1px) and (max-width: 991px){.on-canvas{display:block}}@media (min-width: 992px){.on-canvas{transition:300ms ease-out all;transform:translateX(0)}}@media (min-width: 1px) and (max-width: 991px){.off-canvas{display:none}}@media (min-width: 992px){.off-canvas{transition:300ms ease-out all;transform:translateX(306px)}}@media (min-width: 1px) and (max-width: 991px){.margin-right{margin-right:0}}@media (min-width: 992px){.margin-right{transition:300ms ease-out all;margin-right:-306px}}@media (min-width: 1px) and (max-width: 991px){.no-margin-right{margin-right:0}}@media (min-width: 992px){.no-margin-right{transition:300ms ease-out all;margin-right:0}} diff --git a/edivorce/apps/core/static/css/main.scss b/edivorce/apps/core/static/css/main.scss index 35025ab9..f7ffae65 100644 --- a/edivorce/apps/core/static/css/main.scss +++ b/edivorce/apps/core/static/css/main.scss @@ -106,7 +106,10 @@ a { line-height: 28px; } - +img { + max-width: 100%; + height: auto; +} // Bootstrap Overrides diff --git a/edivorce/apps/core/templates/base.html b/edivorce/apps/core/templates/base.html index 76e6e791..431c94e3 100644 --- a/edivorce/apps/core/templates/base.html +++ b/edivorce/apps/core/templates/base.html @@ -7,8 +7,6 @@ {% block title %}Ministry of Justice e-Divorce{% endblock %} - - @@ -80,7 +78,7 @@ {% endblock %}
- Legal Support + Legal Support
diff --git a/edivorce/apps/core/templates/legal.html b/edivorce/apps/core/templates/legal.html new file mode 100644 index 00000000..6b73fec6 --- /dev/null +++ b/edivorce/apps/core/templates/legal.html @@ -0,0 +1,56 @@ +{% extends 'base.html' %} + +{% block title %}{{ block.super }}: Legal Support{% endblock %} + +{% block content %} +

Do I need a lawyer to get a separation and divorce?

+ +

You are not required to have a lawyer to get a separation or divorce, but depending on how complex your family issues are, it may be helpful to have a lawyer help you.

+ +

If your divorce is uncontested — you both agree to the divorce and you are able to sort out your parenting plans and support issues as well as the division of property — you may proceed with the divorce on your own.

+ +

However, a family lawyer is a good source of information about separation and divorce and can also give you legal advice about what your rights and responsibilities are under the law. If you need help settling your family law disputes, or if you do need to go to court, a family lawyer can help.

+ + + +

There may be times when you want legal advice. There are many options available to you, a few are:

+ +

Lawyer Referral Service in Vancouver:

+ +

This service is provided by the Canadian Bar Association and can refer you to a lawyer who will confer with you for up to 30 minutes for a nominal fee. Contact information, 1-800-663-1919 or their website.

+ +

Justice Access Centre:

+ +

You can visit the Justice Access Centre in Vancouver, Nanaimo, and Victoria. They can refer you to services and resources that are available for your situation.

+ +

If you think you will want legal help for only part of your separation or divorce, you can look for a lawyer that offers “unbundled” services. The BC Family Law Unbundling Roster (HelpMap) is a list of legal professionals near you who offer unbundled services. Many also offer their services remotely, through telephone, webconferencing or other tools.

+ +

 

+ +

Where can I find help to file my divorce on my own?

+ +

Justice Access Centre:

+ +

You can visit the Justice Access Centre in Vancouver, Nanaimo, and Victoria​ for in-person help. They can help assess what you need and provide information about your legal and related issues.

+ +

Online resources:

+ +

You may want to look at the Divorce self-help kit on the Family Law in British Columbia website for a step-by-step guide. You can also visit ClickLaw and the Justice Education Society for online legal information.

+ +
+   Go back +
+ + +{% endblock %} + +{% block formbuttons %} + +{% endblock %} + +{% block sidebarNav %} + +{% endblock %} +{% block sidebar %} + +{% endblock %} diff --git a/edivorce/apps/core/urls.py b/edivorce/apps/core/urls.py index bd13a687..e0bc6d6f 100644 --- a/edivorce/apps/core/urls.py +++ b/edivorce/apps/core/urls.py @@ -14,6 +14,7 @@ urlpatterns = [ url(r'^success', main.success, name="success"), url(r'^savepdf', main.savepdf, name="savepdf"), url(r'^health$', system.health), + url(r'^legal', main.legal, name="legal"), # todo: remove these 'headers' lines once SMGOV headers are working url(r'^divorce/headers$', system.headers), diff --git a/edivorce/apps/core/views/main.py b/edivorce/apps/core/views/main.py index de1a176c..189790e3 100644 --- a/edivorce/apps/core/views/main.py +++ b/edivorce/apps/core/views/main.py @@ -36,6 +36,9 @@ def success(request): else: return render(request, 'success.html', context={'register_url': settings.REGISTER_URL}) +@bceid_required +def legal(request): + return render(request, 'legal.html', context={'active_page': 'legal'}) @bceid_required def savepdf(request):