mirror of
https://github.com/Rushilwiz/dear-anon.git
synced 2025-04-22 12:59:55 -04:00
1 line
11 KiB
CSS
1 line
11 KiB
CSS
body,body *,input,select,textarea{font-family:Roboto,sans-serif;box-sizing:border-box}body ::after,body ::before,body::after,body::before,input::after,input::before,select::after,select::before,textarea::after,textarea::before{box-sizing:border-box}body{background-image:-webkit-linear-gradient(top,#f2f2f2,#e6e6e6)}.pp_container{position:relative;max-width:80rem;margin:2rem auto;background:#fff;width:100%;padding:3rem 5rem;border-radius:4px}.pp_container::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2);-webkit-transform:scale(.98);transform:scale(.98);-webkit-transition:-webkit-transform .28s ease-in-out;transition:-webkit-transform .28s ease-in-out;transition:transform .28s ease-in-out;transition:transform .28s ease-in-out,-webkit-transform .28s ease-in-out;z-index:-1}.pp_container:hover::before{-webkit-transform:scale(1);transform:scale(1)}.pp_button-container{text-align:center}.pp_flex-grid{display:flex}.pp_flex-grid .pp_col{flex:1;margin:0 25px}.pp_flex-grid-thirds{display:flex;justify-content:space-between}.pp_flex-grid-thirds .pp_col{width:32%}@media (max-width:400px){.pp_.flex-grid,.pp_.flex-grid-thirds{display:block}.pp_col{width:100%;margin:0 0 10px 0}}*{box-sizing:border-box}.pp_.flex-grid{margin:0 0 20px 0}.pp_.col{background:salmon;padding:20px}h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.5;margin:0 0 .5rem 0;color:#333}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit;text-decoration:none}h2{font-size:1.5rem}h3{font-size:1.35rem}h4{font-size:1.15rem}h5{font-size:.9rem}h6{font-size:.7rem}.pp_small{font-size:10px;color:#888}hr{border:0;border-bottom:solid 1px;margin:2rem 0}hr.major{margin:3rem 0}.pp_align-left{text-align:left}.pp_align-center{text-align:center}.pp_align-right{text-align:right}input,select,textarea{color:#555}a{color:#8a4680}b,strong{color:#555}blockquote{border-left-color:rgba(144,144,144,.25)}code{background:rgba(144,144,144,.075);border-color:rgba(144,144,144,.25)}hr{border-bottom-color:rgba(144,144,144,.25)}.pp_leftline{border-left:3px solid #efefef;padding-left:15px}.pp_box{height:100%;margin-bottom:2rem;background:#fff;padding:3rem;border:1px solid rgba(144,144,144,.25)}.pp_box header h2{margin-bottom:2rem}.pp_box header p{text-transform:uppercase;font-size:.75rem;font-weight:300;margin:0 0 .25rem 0;padding:0 0 .75rem 0;letter-spacing:.25rem}.pp_box header p:after{content:'';position:absolute;margin:auto;right:0;bottom:0;left:0;width:50%;height:1px;background-color:rgba(0,0,0,.125)}.pp_box>:last-child,.pp_box>:last-child>:last-child,.pp_box>:last-child>:last-child>:last-child{margin-bottom:0}.pp_box.alt{border:0;border-radius:0;padding:0}@media screen and (max-width:736px){.pp_box .pp_content{padding:2rem}}#wpcontent{background-image:-webkit-linear-gradient(top,#f2f2f2,#e6e6e6)}fieldset{margin:0 0 3rem}select{width:100%}.pp_input-field{position:relative;width:25%}.pp_input-field-thirds{position:relative;width:100%}input[type=password],input[type=text]{width:100%;padding-left:.75rem;transition:all .15s ease}.pp_outlined{height:38px;box-shadow:inset 0 0 0 1px #b2b2b2;border-radius:4px;background:0 0}.pp_outlined:focus{outline:0;box-shadow:inset 0 0 0 2px #ffb300}.pp_outlined+label{background:#fff;top:.8rem;position:absolute;left:.75rem;color:grey;transition:all .15s ease;padding:0;font-size:12px;pointer-events:none}.pp_outlined:focus+label,.pp_outlined:valid+label{color:#000;transform:scale(.8) translateY(-24px) translateX(-9px);padding:0 3px}.pp_form-group,.pp_form-radio{position:relative;margin-top:1.25rem;margin-bottom:2.25rem}.pp_form-inline>.pp_btn,.pp_form-inline>.pp_form-group{display:inline-block;margin-bottom:0}.pp_form-help{margin-top:.125rem;margin-left:.125rem;color:#b3b3b3;font-size:.8rem}.pp_checkbox .pp_form-help,.pp_form-group .pp_form-help,.pp_form-radio .pp_form-help{position:absolute;width:100%}.pp_checkbox .pp_form-help{position:relative;margin-bottom:1rem}.pp_form-radio .pp_form-help{padding-top:.25rem;margin-top:-1rem}.pp_checkbox label,.pp_form-radio label{position:relative;cursor:pointer;padding-left:2rem;text-align:left;color:#333;display:block}.pp_checkbox input,.pp_form-radio input{width:auto;opacity:.00000001;position:absolute;left:0}.pp_radio{margin-bottom:1rem}.pp_radio .pp_helper{position:absolute;top:-.25rem;left:-.25rem;cursor:pointer;display:block;font-size:1rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#999}.pp_radio .pp_helper::after,.pp_radio .pp_helper::before{content:'';position:absolute;left:0;top:0;margin:.25rem;width:1rem;height:1rem;-webkit-transition:-webkit-transform .28s ease;transition:-webkit-transform .28s ease;transition:transform .28s ease;transition:transform .28s ease,-webkit-transform .28s ease;border-radius:50%;border:.125rem solid currentColor}.pp_radio .pp_helper::after{-webkit-transform:scale(0);transform:scale(0);background-color:#337ab7;border-color:#337ab7}.pp_radio label:hover .pp_helper{color:#337ab7}.pp_radio input:checked~.pp_helper::after{-webkit-transform:scale(.5);transform:scale(.5)}.pp_radio input:checked~.pp_helper::before{color:#337ab7}.pp_checkbox{margin-bottom:1rem}.pp_checkbox .pp_helper{color:#999;position:absolute;top:0;left:0;width:1rem;height:1rem;z-index:0;border:.125rem solid currentColor;border-radius:.0625rem;-webkit-transition:border-color .28s ease;transition:border-color .28s ease}.pp_checkbox .pp_helper::after,.pp_checkbox .pp_helper::before{position:absolute;height:0;width:.2rem;background-color:#337ab7;display:block;-webkit-transform-origin:left top;transform-origin:left top;border-radius:.25rem;content:'';-webkit-transition:opacity .28s ease,height 0s linear .28s;transition:opacity .28s ease,height 0s linear .28s;opacity:0}.pp_checkbox .pp_helper::before{top:.65rem;left:.38rem;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);box-shadow:0 0 0 .0625rem #fff}.pp_checkbox .helper::after{top:.3rem;left:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.pp_checkbox label:hover .pp_helper{color:#337ab7}.pp_checkbox input:checked~.pp_helper{color:#337ab7}.pp_checkbox input:checked~.pp_helper::after,.pp_checkbox input:checked~.pp_helper::before{opacity:1;-webkit-transition:height .28s ease;transition:height .28s ease}.pp_checkbox input:checked~.pp_helper::after{height:.5rem}.pp_checkbox input:checked~.pp_helper::before{height:1.2rem;-webkit-transition-delay:.28s;transition-delay:.28s}.pp_checkbox+.pp_checkbox,.pp_radio+.pp_radio{margin-top:1rem}.pp_has-error .pp_legend.pp_legend,.pp_has-error.pp_form-group .pp_control-label.pp_control-label{color:#d9534f}.pp_has-error.pp_checkbox .pp_form-help,.pp_has-error.pp_checkbox .pp_helper,.pp_has-error.pp_form-group .pp_form-help,.pp_has-error.pp_form-group .pp_helper,.pp_has-error.pp_form-radio .pp_form-help,.pp_has-error.pp_form-radio .pp_helper,.pp_has-error.pp_radio .pp_form-help,.pp_has-error.pp_radio .pp_helper{color:#d9534f}.pp_has-error .pp_bar::before{background:#d9534f;left:0;width:100%}.pp_button{position:relative;background:currentColor;border:1px solid currentColor;font-size:1.1rem;color:#1976d2;margin:0;padding:.75rem 3rem;cursor:pointer;-webkit-transition:background-color .28s ease,color .28s ease,box-shadow .28s ease;transition:background-color .28s ease,color .28s ease,box-shadow .28s ease;overflow:hidden;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)}.pp_button span{color:#fff;position:relative;z-index:1}.pp_button::before{content:'';position:absolute;background:#003b75;border:50vh solid #1d4567;width:30vh;height:30vh;border-radius:50%;display:block;top:50%;left:50%;z-index:0;opacity:1;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)}.pp_button:hover{color:#003b75;box-shadow:0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.2)}.pp_button:active::before,.pp_button:focus::before{-webkit-transition:opacity .28s ease 364ms,-webkit-transform 1.12s ease;transition:opacity .28s ease 364ms,-webkit-transform 1.12s ease;transition:transform 1.12s ease,opacity .28s ease 364ms;transition:transform 1.12s ease,opacity .28s ease 364ms,-webkit-transform 1.12s ease;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);opacity:0}.pp_button:focus{outline:0}.pp_button_alt{position:relative;background:#fff;border:1px solid #c4c4c4;font-size:1.1rem;color:#333;margin:0;padding:.75rem 3rem;cursor:pointer;-webkit-transition:background-color .28s ease,color .28s ease,box-shadow .28s ease;transition:background-color .28s ease,color .28s ease,box-shadow .28s ease;overflow:hidden;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)}.pp_button_alt span{color:#333;position:relative;z-index:1}.pp_button_alt::before{content:'';position:absolute;background:#efefef;width:30vh;height:30vh;border-radius:50%;display:block;top:50%;left:50%;z-index:0;opacity:1;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)}.pp_button_alt:hover{color:#efefef;box-shadow:0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.2)}.pp_button_alt:active::before,.pp_button_alt:focus::before{-webkit-transition:opacity .28s ease 364ms,-webkit-transform 1.12s ease;transition:opacity .28s ease 364ms,-webkit-transform 1.12s ease;transition:transform 1.12s ease,opacity .28s ease 364ms;transition:transform 1.12s ease,opacity .28s ease 364ms,-webkit-transform 1.12s ease;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);opacity:0}.pp_button_alt:focus{outline:0}.pp_image{height:50%}.pp_image.pp_fit{margin:0 auto;width:100%}#blubrry-logo-onboarding{height:1.5rem;margin:0 0 .5ch 1rem;vertical-align:bottom}.pp_content{height:50%}.btn-caption-container{height:50%}.pp_image img{width:50%;margin:0 auto}.pp_image.center>img{display:block;margin-left:auto;margin-right:auto}.pp_button.show_button{min-width:240px;margin-top:15px}.pp_input-field-login{position:relative}.pp_file_upload{opacity:0;left:0;top:0;z-index:999;height:50px}.pp_file_upload::-webkit-file-upload-button{height:50px}.image_center{display:block;margin-left:auto;margin-right:auto;width:40%}.image_wrapper{width:100%;height:auto}#upload-artwork-button{float:right;width:auto;min-height:40px;margin:1em 0 0 1em}#filepath{float:left;width:100%;margin:3ch 0 2em 0}#artwork-spec{margin-top:6em}#filePath{width:100%}.pp_input-field-login,button[name=signin]{width:40%}h5.pp_align-center,p{font-size:16px}p.pp-smaller-text{font-size:13px}.wrap div.error{border-right-width:0;border-top-width:0;border-bottom-width:0;border-left-width:3px;color:#dc3232;box-shadow:none;margin-bottom:0}@media (max-width:1095px){#showbasics_artwork{display:block}#artwork-spec{margin-top:0}#upload-artwork-button{width:95%;text-align:center;margin-bottom:1em;margin-left:0;float:left}.pp_input-field-login,button[name=signin]{width:50%}}@media (max-width:736px){.pp_flex-grid{display:block}.pp_container{padding:3rem 1rem}.bpp_input_med{width:100%}#showbasics_artwork_upload{margin:0}.pp_button,.pp_button_alt{padding:.75rem}}@media (max-width:610px){#filePath{width:100%}}@media (max-width:475px){.pp_box{padding:1rem}.pp_input-field-login,button[name=signin]{width:90%}} |