diff --git a/resources/css/style.css b/resources/css/style.css index 070e50f9467e45aba6ac85c95201c72a3e87dd9a..b591828aabf9d95cc449c1d2ea05637280dab54c 100644 --- a/resources/css/style.css +++ b/resources/css/style.css @@ -13,9 +13,9 @@ body { min-height: 100%; } -#content{ - margin:0; - padding:2rem 1rem; +#content { + margin: 0; + padding: 2rem 1rem; } /* Header*/ @@ -32,25 +32,25 @@ header h1 { } /* Changes for foundation buttons*/ -button, .button{ - background:#214BB5; +button, .button { + background: #214BB5; border: 2px solid #214BB5; - font-weight:bold; - border-radius:10px; + font-weight: bold; + border-radius: 10px; } -button:hover, .button:hover{ - background:none; - color:#214BB5; +button: hover, .button:hover { + background: none; + color: #214BB5; } /* CUSTOM WIZARD*/ -.wizard > .steps .current a, .wizard > .steps .current a:hover, .wizard > .steps .current a:active { +.wizard > .steps .current a, .wizard > .steps .current a: hover, .wizard > .steps .current a:active { background: none repeat scroll 0% 0% #214BB5; color: #FFF; cursor: default; border-radius: 10px; } -.wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active { +.wizard > .steps a, .wizard > .steps a: hover, .wizard > .steps a:active { display: block; width: auto; margin: 0px 0.5em 0.5em; @@ -62,41 +62,41 @@ button:hover, .button:hover{ background: none; overflow: auto; overflow-x: hidden; - border:2px solid #214BB5; + border: 2px solid #214BB5; border-radius: 10px; } -.wizard > .content fieldset{ - border:none; - margin-left:auto; - margin-right:auto; +.wizard > .content fieldset { + border: none; + margin-left: auto; + margin-right: auto; } -.wizard > .actions a, .wizard > .actions a:active { +.wizard > .actions a, .wizard > .actions a: active { text-decoration: none; - background:#214BB5; + background: #214BB5; border: 2px solid #214BB5; - font-weight:bold; - border-radius:10px; + font-weight: bold; + border-radius: 10px; } -.wizard > .actions a:hover{ - color:#214BB5; - background:none; +.wizard > .actions a: hover { + color: #214BB5; + background: none; border: 2px solid #214BB5; - font-weight:bold; - border-radius:10px; + font-weight: bold; + border-radius: 10px; } -.wizard > .actions .disabled a, .wizard > .actions .disabled a:hover, .wizard > .actions .disabled a:active { +.wizard > .actions .disabled a, .wizard > .actions .disabled a: hover, .wizard > .actions .disabled a:active { background: none repeat scroll 0% 0% #9DC8E2; color: #fff; border: 2px solid #9DC8E2; } .wizard > .content > .body label[for="sp_entityid"] { - display:block; + display: block; margin-bottom: 0; - font-weight:bold; + font-weight: bold; } .wizard > .content > .body label.error { @@ -108,13 +108,13 @@ button:hover, .button:hover{ margin: 1rem auto; } .wizard > .content > .body span.custom-combobox label.error { - position:absolute; + position: absolute; margin: 3rem auto; } /* Accounts profile page*/ -.accounts_profile{ - box-sizing:border-box; +.accounts_profile { + box-sizing: border-box; min-width: 30%; display: flex; flex-flow: row wrap; @@ -125,51 +125,57 @@ button:hover, .button:hover{ .accounts_profile > div.tbl { flex: 0 0 22em; display: block; /* IE fix */ - margin-right:1em; + margin-right: 1em; } -.accounts_profile div.tbl table{ - width:100%; - margin-top:2rem; +.accounts_profile div.tbl table { + width: 100%; + margin-top: 2rem; table-layout: fixed; word-wrap: break-word; } -.accounts_profile div.tbl table tr th:nth-child(1){ - width:40%; +.accounts_profile div.tbl table tr th: nth-child(1) { + width: 40%; } -.accounts_profile div.tbl table tr:nth-child(3) div{ - display:flex; - margin:0; - padding:0; - height:7em; - overflow-y:scroll; +.accounts_profile div.tbl table tr: nth-child(3) div { + display: flex; + margin: 0; + padding: 0; + height: 7em; + overflow-y: scroll; } -.accounts_profile div.tbl table tr:nth-child(3) div p{ - margin:auto 0; +.accounts_profile div.tbl table tr: nth-child(3) div p { + margin: auto 0; display: block; /* IE fix */ font-size: 0.875rem; line-height: 1.3; - text-align:left; + text-align: left; } -.show_account_details{ - margin-bottom:0; - padding:0.5rem 1rem; +.show_account_details { + margin-bottom: 0; + padding: 0.5rem 1rem; } -.accounts_profile table caption{ +.accounts_profile table caption { - background-color:#FF8547; - color:#fff; - padding:0.2rem 0 0.2rem 1rem; - border-radius:5px 5px 0 0; - text-align:left; + background-color: #FF8547; + color: #fff; + padding: 0.2rem 0 0.2rem 1rem; + border-radius: 5px 5px 0 0; + text-align: left; } -.scrollable{overflow-y: scroll;} -fieldset.scrollable{height: 75%;} -.wizard .content div.radio_inline input[type="radio"]{display: inline;} +.scrollable { + overflow-y: scroll; +} +fieldset.scrollable { + height: 75%; +} +.wizard .content div.radio_inline input[type="radio"] { + display: inline; +} .custom-combobox { position: relative; @@ -198,75 +204,75 @@ fieldset.scrollable{height: 75%;} /*Global*/ h1,h2,h3,h4,h5,h6 { - color:#214BB5; + color: #214BB5; } -h3{ - margin-top:2rem; +h3 { + margin-top: 2rem; } /* Links */ -a, a:visited, a:active, a:link{ - text-decoration:underline; +a, a: visited, a:active, a:link { + text-decoration: underline; } -a:hover{ - text-decoration:none; +a: hover { + text-decoration: none; } /*simplesaml css*/ -main{ - padding:1rem 0.5rem; +main { + padding: 1rem 0.5rem; } -main form{ - width:100%; - margin:1rem; +main form { + width: 100%; + margin: 1rem; } -main form table{ - padding:1rem; - margin:1rem auto; - border:none; - border-radius:7px; +main form table { + padding: 1rem; + margin: 1rem auto; + border: none; + border-radius: 7px; } -main form table td{ - color:#000!important; +main form table td { + color: #000!important; } -main form table tr.even, main form table tr.alt, main form table tr:nth-of-type(2n){ +main form table tr.even, main form table tr.alt, main form table tr: nth-of-type(2n) { background: none!important; } -main h2{ - font-size:1.5rem; +main h2 { + font-size: 1.5rem; } -main #table_with_attributes{ - border:1px solid #ff8447; - border-radius:7px; +main #table_with_attributes { + border: 1px solid #ff8447; + border-radius: 7px; } -main #table_with_attributes tr.even, main #table_with_attributes tr.alt, main #table_with_attributes tr:nth-of-type(2n){ +main #table_with_attributes tr.even, main #table_with_attributes tr.alt, main #table_with_attributes tr: nth-of-type(2n) { background-color: hsl(20,100%,94%); } -main form table #username, main form table #password{ - margin-bottom:0 +main form table #username, main form table #password { + margin-bottom: 0 } main #regularsubmit { display: none; } main #mobilesubmit { - display:block; - width:100%; + display: block; + width: 100%; margin: 0 auto; - padding:0.1rem; + padding: 0.1rem; background: none repeat scroll 0% 0% #214BB4; border: 2px solid #214BB4; font-weight: bold; border-radius: 10px; - color:#fff; + color: #fff; } #languagebar { - font-size:0.8rem; + font-size: 0.8rem; }