User:Svireno/vector.css

html { font-size: 62.5%; }

body { font-family: "Segoe UI", "Lucida Grande", Tahoma, sans-serif; line-height: 1.3; font-size: 1.4rem; word-wrap: break-word; background-color: #fff; }

button, input { border: 0px; border-radius: 0.2rem; height: 3.2rem; padding: 0 0.8rem; font-size: 1.3rem; font-weight: 400; min-width: 6.6rem; width: auto; }

input:not([type=submit]) { color: #0c0c0d; border: 0.1rem solid rgba(12, 12, 13, 0.3); font-size: 1.5rem; }

input:not([type=submit]):hover { border: 0.1rem solid rgba(12, 12, 13, 0.5); }

input:not([type=submit]):focus { border: 0.1rem solid #0a84ff; box-shadow: 0 0 0 0.1rem #0a84ff, 0 0 0 4px rgba(10, 132, 255, 0.3); outline: 0; }

button, input[type="submit"] { color: #0c0c0d; background-color: rgba(12, 12, 13, 0.1); text-align: center; }

button:focus, input[type="submit"]:focus { box-shadow: 0 0 0 0.1rem #0a84ff inset, 0 0 0 0.1rem #0a84ff, 0 0 0 0.1rem rgba(10, 132, 255, 0.3); outline: 0; }

button:disabled, input[type="submit"]:disabled { opacity: 0.4; }

button:not([disabled]):hover, input[type="submit"]:not([disabled]):hover{ background: rgba(12, 12, 13, 0.2); }

button:not([disabled]):active, input[type="submit"]:not([disabled]):active{ background: rgba(12, 12, 13, 0.3); }

button.primary, input[type="submit"].primary { color: #ffffff; background: #0060df; }

button.primary:not([disabled]):hover, input[type="submit"].primary:not([disabled]):hover{ background: #003eaa; }

button.primary:not([disabled]):active, input[type="submit"].primary:not([disabled]):active{ background: #002275; }

button.micro, input[type="submit"].micro { height: 2.4rem; font-size: 1.1rem; min-width: 3.3rem; }

button.red, input[type="submit"].red { color: #ffffff; background: #d70022; }

button.red:not([disabled]):hover, input[type="submit"].red:not([disabled]):hover{ background: #a4000f; }

button.red:not([disabled]):active, input[type="submit"].red:not([disabled]):active{ background: #5a0002; }

display: flex; flex-direction: column; height: 100vh; }
 * 1) container {

flex: 0; padding: 0.8rem; background-color: #f9f9fa; border-bottom: 0.1rem solid #ededf0; }
 * 1) header {

flex: 1; overflow-y: auto; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; cursor: auto; }
 * 1) main {

margin-bottom: 0.4rem; }
 * 1) search {

display: flex; }
 * 1) searchform {

flex: 1; margin-right: 0.4rem; }
 * 1) searchinput {

width: 100%; }
 * 1) inputframe {

flex: 0; }
 * 1) searchsubmit {

margin-right: 4px; }
 * 1) primlang {

padding: 0.8rem; }
 * 1) result {

text-align: center; font-size: 100%; line-height: inherit; border-left: 0.6rem solid #4286f4; border-right: 0.6rem solid #4286f4; font-weight: bold; padding: 0.6rem; color: #5e5e5e; }
 * 1) result #googletranslate {

display: flex; }	flex: 1; }	flex: 0 0 auto; margin-right: 8px; display: flex; }
 * 1) options, #header_popup {
 * 1) languagechooser, languagechooser_popup {
 * 1) languagechooser_popup {

flex: 1; }
 * 1) search_popup {

flex: 0; }
 * 1) settings {

position: fixed; bottom: 2.4rem; right: 2.4rem; z-index: 99; border: none; outline: none; background-color: #ee5830; color: white; cursor: pointer; opacity: 0.1; font-size: 1rem; min-width: 3.3rem; }
 * 1) totop {

background-color: #dc1515; opacity: 1; }
 * 1) totop:hover {