X-Git-Url: https://git.rapsys.eu/.gitweb.cgi/airbundle/blobdiff_plain/f9240cc5131b9e373cd45906a0564dbb92fd72d5..741cdfe32a8529ef11e24ddccafd0013289c56e5:/Resources/public/css/screen.css?ds=sidebyside diff --git a/Resources/public/css/screen.css b/Resources/public/css/screen.css index f4ee830..6a53959 100644 --- a/Resources/public/css/screen.css +++ b/Resources/public/css/screen.css @@ -103,10 +103,45 @@ article article article { border-radius: .3rem; } +article section a.link { + display: block; + text-align: center; + margin: 0 auto; + padding: .5rem; + /*display: flex; + align-items: center; + gap: .5rem;*/ +} + +article section a.link img { + /*width: 12rem;*/ + padding-right: .5rem; + text-align: right; + vertical-align: bottom; +} + +article section a.link span { + width: 24rem; + line-height: 50px; + /*flex: 1 1;*/ +} + section { border-radius: .4rem; } +section .center { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + margin-bottom: .5rem; + /*display: block; + width: 24rem;*/ + /*margin: 0 auto;*/ + gap: .5rem; +} + /*article { background-color: #cff; } @@ -335,6 +370,17 @@ textarea { box-sizing: border-box; } +optgroup { + border: none; +} + +/*option[selected='selected'],*/ +/*option:not(:checked),*/ +option:checked { + background-color: #cff; +} + + form { display: flex; flex-direction: column; @@ -343,10 +389,6 @@ form { text-align: center; } -form .row { - flex-direction: row; -} - form div { display: flex; align-content: space-around; @@ -361,11 +403,19 @@ form div:last-of-type { margin-bottom: 0; } +form div.row { + flex-direction: row; + gap: .5rem; + flex-wrap: wrap; +} + form label { width: 12rem; line-height: 1.3rem; - padding-right: 1rem; + /*padding-right: 1rem;*/ text-align: right; + overflow-x: hidden; + text-overflow: ellipsis; } form label.captcha { @@ -387,6 +437,24 @@ form section section { margin: 0 auto; } +form optgroup, +form option { + width: 100%; +} + +/*form optgroup { + width: 23.8rem; +} + +form option { + width: 23.6rem; +}*/ + +/*Checkbox input*/ +form input[type='checkbox'] { + width: 1.5rem; +} + form select { padding: 0 .1rem .1rem .1rem; } @@ -394,10 +462,15 @@ form select { form button { width: 10rem; /*margin: .5rem auto 0 auto;*/ - margin: 0 auto; + /*margin: 0 auto;*/ padding: 0 .1rem .2rem .1rem; } +/*form button img { + float: left; + padding: .5rem; +}*/ + form .message { margin: 0 0 .5rem 0; } @@ -1043,13 +1116,11 @@ form div .message { } form label { - width: 6rem; line-height: 2rem; } form label.captcha img { height: auto; - width: 6rem; padding: .25rem 0; } @@ -1063,6 +1134,10 @@ form div .message { line-height: 2rem; } + form select { + height: 2.4rem; + } + form button { width: 6rem; line-height: 2rem; @@ -1154,7 +1229,7 @@ form div .message { form select, form textarea, form section section { - width: 14rem; + width: 12rem; margin: 0 auto; }