Skip to content
Snippets Groups Projects
Commit 32d830fe authored by Guillaume ROUSSE's avatar Guillaume ROUSSE
Browse files

cosmetics

parent f3b10ffc
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 98 additions and 92 deletions
resources/css/style.css
+ 98
− 92
View file @ 32d830fe
......@@ -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;
}
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment