Active input states

This commit is contained in:
Tom Slominski
2015-03-06 22:29:51 +00:00
parent e46535bc64
commit 87ab7d16f4
2 changed files with 23 additions and 3 deletions

View File

@@ -28,7 +28,7 @@ $title = isset( $_REQUEST['title'] ) ? yourls_sanitize_title( $_REQUEST['title
<label for="title" class="secondary"><?php yourls_e( 'Optional title used when sharing a link from YOURLS using social sharers', 'isq_translation'); ?></label> <label for="title" class="secondary"><?php yourls_e( 'Optional title used when sharing a link from YOURLS using social sharers', 'isq_translation'); ?></label>
<input type="text" id="title" value="<?php echo($title); ?>" /> <input type="text" id="title" value="<?php echo($title); ?>" />
</div> </div>
</div> </div>
<div class="form-item recaptcha-container"> <div class="form-item recaptcha-container">
@@ -37,7 +37,9 @@ $title = isset( $_REQUEST['title'] ) ? yourls_sanitize_title( $_REQUEST['title
<div class="g-recaptcha" data-sitekey="<?php echo ISQ::$recaptcha['sitekey']; ?>"></div> <div class="g-recaptcha" data-sitekey="<?php echo ISQ::$recaptcha['sitekey']; ?>"></div>
</div> </div>
<p><input type="submit" value="<?php yourls_e( 'Shorten', 'isq_translation'); ?>" /></p> <div class="form-item submit-container">
<input type="submit" value="<?php yourls_e( 'Shorten', 'isq_translation'); ?>" />
</div>
</form> </form>
</div> </div>

View File

@@ -137,9 +137,27 @@ label.secondary {
input:not([type=submit]):not([type=file]) { input:not([type=submit]):not([type=file]) {
width: 100%; width: 100%;
padding: 10px; padding: 10px;
font-size: 1.4rem; font-size: 1.6rem;
border: 0.5px solid #BEBEBE;
} }
input:not([type=submit]):not([type=file]):focus {
box-shadow: 0px 0px 8px 0px rgba(1,63,109,0.59), inset 0px 0px 1px 0px rgba(0,0,0,1);
border-color: #013F6D;
outline: none;
}
input[type=submit] {
font-size: 1.4rem;
padding: 5px;
border-radius: none;
}
.submit-container {
text-align: right;
}
/* Tooltips */ /* Tooltips */
.qtip-default { .qtip-default {