.app-application-window { min-height:auto; } .app-wordpress-password-hash-generator{} .app-wordpress-password-hash-generator .query-area{ position:relative; } .app-wordpress-password-hash-generator .query-area .password-input{ position:relative; width:50%; margin-right:10px; } .app-wordpress-password-hash-generator .query-area .password-input span{ position:absolute; left:1px; top:1px; width:100px; height:50px; line-height:50px; text-align:center; font-size:13px; float:left; background-color:#f5f5f5; color:#999; user-select:none; cursor:pointer; } .app-wordpress-password-hash-generator .query-area .password-input input[type="text"]{ font-family:webfont; width:calc( 100% - 2px ); height:50px; line-height:50px; box-shadow:0 0 20px rgba(57,102,255,0.08); border:#0066ff 1px solid; background-color:#fff; background:linear-gradient(182deg, rgb(223,223,223,0.22), rgb(251,251,251,0.6) 70.71%), linear-gradient(170deg, rgb(183,183,183,0.01), rgba(255,255,255,0) 70.71%), linear-gradient(336deg, rgb(233,233,233,0.01), rgba(255,255,255,0) 70.71%); font-size:13px; text-indent:108px; } .app-wordpress-password-hash-generator .query-area .password-input input[type="text"][error="error"]{ background-color:rgba(212,0,0,0.13); background:rgba(212,0,0,0.13); } .app-wordpress-password-hash-generator .query-area div[data-type="submit"]{ font-family:webfont; width:auto; height:50px; line-height:50px; padding:0 10px; text-align:center; background-color:#0086f5; border:#0078db 1px solid; border-radius:4px; color:#fff; font-size:13px; cursor:pointer; user-select:none; } .app-wordpress-password-hash-generator .query-area div[data-type="submit"][data-submit="false"]{ opacity:0.2; cursor:wait; } @media screen and ( max-width:768px ) { .app-wordpress-password-hash-generator .query-area .password-input{ width:calc( 100% - 232px ); margin-right:10px; } } @media screen and ( max-width:600px ) { .app-wordpress-password-hash-generator .query-area .password-input{ float:inherit; width:100%; margin-right:0; } } .app-wordpress-password-hash-generator .result{ position:relative; width:100%; } .app-wordpress-password-hash-generator .result[data-result="false"]{ } .app-wordpress-password-hash-generator .result .database-password{ } .app-wordpress-password-hash-generator .result .database-password .name{ line-height:30px; } .app-wordpress-password-hash-generator .result .database-password .name span[data-type="copy"]{ display:inline-block; background-color:#0078db; color:#fff; font-size:12px; width:auto; text-align:center; padding:0 10px; margin-left:10px; height:22px; line-height:22px; font-family:initial; cursor:pointer; border-radius: 4px; box-shadow: 1px 1px 6px #0059a1; user-select:none; opacity:0.9; } .app-wordpress-password-hash-generator .result .database-password .name span[data-type="copy"][data-copy="true"]{ opacity:1; } .app-wordpress-password-hash-generator .result .database-password .database-password-textarea{ } .app-wordpress-password-hash-generator .result .database-password .database-password-textarea textarea{ font-family:webfont; position:relative; width:calc( 100% - 22px ); height:auto; min-height:100px; line-height:20px; padding:6px 10px; border:#c1c1c1 1px solid; box-shadow:inset 0 1px 1px rgba(0,0,0,0.05); -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05); resize:unset; }