diff options
Diffstat (limited to 'bootstrap/comments/themes/default/special.css')
-rw-r--r-- | bootstrap/comments/themes/default/special.css | 160 |
1 files changed, 160 insertions, 0 deletions
diff --git a/bootstrap/comments/themes/default/special.css b/bootstrap/comments/themes/default/special.css new file mode 100644 index 0000000..2b3cc1d --- /dev/null +++ b/bootstrap/comments/themes/default/special.css @@ -0,0 +1,160 @@ +/*----------------------------------------------------------------------------- + +Copyright (C) 2016-2018 Jacob Barkdull +This file is part of HashOver. + +I, Jacob Barkdull, hereby release this work into the public domain. +This applies worldwide. If this is not legally possible, I grant any +entity the right to use this work for any purpose, without any +conditions, unless such conditions are required by law. + +-----------------------------------------------------------------------------*/ + +body * { + line-height: 1.25em; +} + +a, a:link { + display: inline-block; + border-bottom: 0.1em solid transparent; + margin-bottom: -0.1em; +} + +a:hover { + border-bottom-color: #266394; +} + +input, textarea { + padding: 3px 5px 3px 5px; + border: 1px solid #909090; + background-color: #FCFCFC; +} + +input, textarea, .select-wrapper { + margin: 0px 0px 5px 0px; + vertical-align: middle; +} + +input:hover, textarea:hover { + border-color: #000000; +} + +input[type="text"]:focus, +input[type="password"]:focus, +input[type="number"]:focus, +input[type="button"]:focus, +input[type="submit"]:focus, +textarea:focus { + -o-box-shadow: 0px 0px 2px rgba(0, 191, 255, 0.5); + -moz-box-shadow: 0px 0px 2px rgba(0, 191, 255, 0.5); + -webkit-box-shadow: 0px 0px 2px rgba(0, 191, 255, 0.5); + box-shadow: 0px 0px 2px rgba(0, 191, 255, 0.5); +} + +input[type="text"]:focus { + border-color: #004799; +} + +input[type="text"]:focus, +input[type="password"]:focus, +input[type="number"]:focus, +input[type="button"]:focus, +textarea:focus { + border-color: #3B96E0; +} + +input[type="button"] { + padding: 5px 10px 5px 10px; + background-color: #F5F5F5; +} + +input[type="button"]:hover { + background-color: #F0F0F0; +} + +input[type="submit"] { + padding: 5px 15px 5px 15px; + color: #FFFFFF; + border: 1px solid #326BAC; + background-color: #41A7FA; +} + +input[type="submit"]:hover { + text-decoration: none; + border: 1px solid #004799; + background-color: #3B96E0; +} + +input[type="submit"], +input[type="button"] { + margin: 0px; + cursor: pointer; +} + +input[type="checkbox"] { + margin-top: -3px; +} + +.select-wrapper { + display: inline-block; + position: relative; + overflow: hidden; + border: 1px solid #AAAAAA; + cursor: pointer; +} + +.select-wrapper:before { + content: "\25BC"; + position: absolute; + right: 0px; + top: 0px; + display: inline-block; + height: 100%; + width: 31px; + padding: 6px 0px 6px 0px; + margin: 0px; + line-height: 12px; + text-align: center; + pointer-events: none; + background-color: #F0F0F0; + border-left: 1px solid #AAAAAA; + font-family: monospace; + font-size: 14px; +} + +.select-wrapper:hover, +.select-wrapper:hover:before { + border-color: #000000; +} + +.select-wrapper select { + border: none; + background-color: #FCFCFC; + padding: 1px 20px 1px 1px; + cursor: pointer; +} + +#message { + position: relative; + font-weight: bold; + background-color: #FFFFFF; + margin-top: -1.25em; + z-index: 1; + + -moz-transition: color 500ms linear 0ms, background 500ms linear 500ms; + -webkit-transition: color 500ms linear 0ms, background 500ms linear 500ms; + transition: color 500ms linear 0ms, background 500ms linear 500ms; +} + +#message.success { + color: #00AA00; +} + +#message.error { + color: #CC0000; +} + +#message.hide { + background-color: transparent; + color: transparent; +} |