149 lines
No EOL
5.3 KiB
CSS
149 lines
No EOL
5.3 KiB
CSS
@charset "UTF-8";
|
|
/**
|
|
* Imixs-Responsive is an CSS framework for responsive websites and applications.
|
|
* https://github.com/laluluny/Imixs-Responsive
|
|
*
|
|
* It is licensed under a Creative Commons Share Alike 4.0 International license.
|
|
* http://creativecommons.org/licenses/by-sa/4.0/
|
|
*
|
|
**/
|
|
|
|
html, body { color: #414141;font-family: 'Open Sans', sans-serif !important;font-weight: 400;text-rendering: optimizeLegibility !important;-webkit-font-smoothing: antialiased !important; line-height: 1.5; background: none repeat scroll 0 0 #fff; min-height: 100%; width: 100% !important;}
|
|
|
|
#header, header, #footer1, #footer2 {min-height: 50px; padding: 10px; width: 100%;}
|
|
|
|
p, ul, ol, dl {line-height: 1.5; margin: 0 0 0.6em 0 ;}
|
|
menu, ol, ul {padding-left: 20px;}
|
|
|
|
a {color: #428bca; text-decoration: none;}
|
|
a:hover,a:focus {color: #2a6496; text-decoration: underline;outline: 0;}
|
|
a:focus {outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
|
|
|
|
h1, h2, h3, h4, h5, h6 {line-height: 1.3; margin-bottom: 0.4em;}
|
|
h1 {font-size: 2.33333rem;}
|
|
h2 {font-size: 2.0rem;}
|
|
h3 {font-size: 1.5rem;}
|
|
h4 {font-size: 1.2rem; margin-bottom: 0.5em;}
|
|
h5 { font-size: 1rem;margin-bottom: 0.6em;line-height: 1.3;}
|
|
h6 { font-size: 0.8rem;margin-bottom: 0.8em;line-height: 1.3;}
|
|
|
|
.lead {margin-bottom: 1.1em; line-height: 1.4em;}
|
|
.pull-right {float: right;}
|
|
@media screen and (min-width: 768px) {.lead {font-size: 1.3em;}}
|
|
small, .small {font-size: 65%;}
|
|
@media screen and (min-width: 768px) {small, .small {font-size: 85%;}}
|
|
|
|
b, strong {font-weight: 600;}
|
|
i, em {font-style: italic;}
|
|
hr {border-color: #808080 #808080 #ddd; border-style: none none solid; border-width: 0 0 1px; clear: both; margin: 10px auto;}
|
|
acronym, abbr, abbr[title] {border-bottom: 1px dotted #666666; cursor: help;}
|
|
dfn {font-style: italic;}
|
|
mark {background: #ff0; color: #000;}
|
|
sub,sup {font-size: 75%; line-height: 0; position: relative;}
|
|
sup {top: -0.5em;}
|
|
sub {bottom: -0.25em;}
|
|
blockquote, q, cite {font-style: italic;}
|
|
blockquote {margin-bottom: 1.71429rem; padding: 1.71429rem;}
|
|
code {background-color: #31708f; color: #fff; font-size: 90%; padding: 2px 4px; font-family: 'Courier', monospace, serif; padding: 1px 5px; margin: 4px;}
|
|
button, input, textarea, .button, a.button, select {color: #666; border: 1px solid #ddd; border-radius: 4px; height: auto; width: auto; line-height: 1.5em; padding: 0.25em 0.25em; text-decoration: none;}
|
|
table, td, th {border: 1px solid #ddd; padding: 4px;}
|
|
legend, th {color: #888;}
|
|
|
|
.text-left {text-align: left;}
|
|
.text-center {text-align: center;}
|
|
.text-right {text-align: right;}
|
|
.img-responsive {display: block; max-width: 100%; height: auto;}
|
|
.img-rounded {border-radius: 6px;}
|
|
.img-circle {border-radius: 50%;}
|
|
.border-r { border-right: 1px solid #ddd;}
|
|
.border-l {border-left: 1px solid #ddd;}
|
|
|
|
|
|
|
|
/** form elements */
|
|
button, input[type="button"], input[type="submit"], .button, a.button { padding: 0.35em 0.75em;cursor: pointer; text-align: center; font-weight: 700;-webkit-appearance: button;*overflow: visible;}
|
|
button[disabled], html input[disabled] { cursor: default;}
|
|
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0;margin-right: .5em;}
|
|
input[type="search"] { -webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box; box-sizing: content-box;}
|
|
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}
|
|
button::-moz-focus-inner, input::-moz-focus-inner { border: 0;padding: 0;}
|
|
textarea {overflow: auto;vertical-align: top;}
|
|
select {background-color: transparent;padding: 0.4em 0.15em;}
|
|
fieldset {border: 1px solid #ddd; margin-bottom: 1em; padding: 0.35em 0.625em 0.75em;}
|
|
|
|
/*** Default DL Definitonen ****/
|
|
dl {margin: 0; vertical-align: top;}
|
|
dl dd input[type="text"], dd input[type="password"], dd select {width: 100%;}
|
|
dl dd textarea {width: 100%; height: 5em;}
|
|
|
|
.form-section dl dd textarea {width: 100%; height: 5em;}
|
|
|
|
.imixs-form-section dd,.imixs-form-section-1 dd,.imixs-form-section-2 dd,.imixs-form-section-3 dd {margin-left: 0px;}
|
|
|
|
/* Simulation row */
|
|
.imixs-form-section,.imixs-form-section-1,.imixs-form-section-2,.imixs-form-section-3 {clear: both;width: 100%;}
|
|
|
|
.imixs-form-section:after,.imixs-form-section-1:after,.imixs-form-section-2:after,.imixs-form-section-3:after {
|
|
content: ".";
|
|
display: block;
|
|
clear: left;
|
|
height: 0;
|
|
visibility: hidden;
|
|
}
|
|
|
|
/* Simulation col-12 */
|
|
.imixs-form-section dl,.imixs-form-section-1 dl {
|
|
clear: both;
|
|
width: 100%;
|
|
display: inline-block;
|
|
float: none;
|
|
min-height: 1px;
|
|
position: relative;
|
|
left: 0;
|
|
padding: 0 0 10px 0;
|
|
}
|
|
|
|
/* Simulation col-6 */
|
|
.imixs-form-section-2 dl {
|
|
margin: 0;
|
|
width: 49%;
|
|
display: inline-block;
|
|
min-height: 1px;
|
|
position: relative;
|
|
padding: 0 10px 10px 0;
|
|
}
|
|
|
|
/* Simulation col-4 */
|
|
.imixs-form-section-3 dl {
|
|
margin: 0;
|
|
width: 33.3333%;
|
|
display: inline-block;
|
|
float: left;
|
|
min-height: 1px;
|
|
position: relative;
|
|
padding: 0 10px 10px 0;
|
|
}
|
|
|
|
|
|
|
|
@media screen and (max-width: 768px) {
|
|
.imixs-form-section-2 dl {
|
|
clear: both;
|
|
float: none;
|
|
width: 100% !important;
|
|
max-width: 738px !important;
|
|
left: 0;
|
|
text-align: left;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 768px) {
|
|
.imixs-form-section-3 dl {
|
|
clear: both;
|
|
float: none;
|
|
width: 100% !important;
|
|
max-width: 738px !important;
|
|
left: 0;
|
|
text-align: left;
|
|
}
|
|
} |