diff --git a/resources/css/style.css b/resources/css/style.css
index af05121d797b00e64cb62e940bc1bf73dbc5fae6..2a448cfe70c1d932e62032722f89a26e780b7f8b 100644
--- a/resources/css/style.css
+++ b/resources/css/style.css
@@ -1,27 +1,26 @@
/* ------------------------------------------------------------------------*/
/* le bleu edugain est #19398a ou hsl(223,69%,32%), il est éclairci ici de 10% soit #214BB5 ou hsl(223,69%,42%);*/
-
html {
- height: 100%;
+ height: 100%;
}
body {
color: #4F4F4F;
- font-family: "TrebuchetMS", "BitstreamVeraSans", verdana, lucida, arial, helvetica, sans-serif;
- font-size: 0.85em;
+ font-family: "TrebuchetMS", "BitstreamVeraSans", verdana, lucida, arial, helvetica, sans-serif;
+ font-size: 0.85em;
background-color: #fff;
- -webkit-text-size-adjust: 100%;
+ -webkit-text-size-adjust: 100%;
min-height: 100%;
}
#wrapper{
- margin:0;
- padding:0;
+ margin:0;
+ padding:0;
}
#content{
- margin:0;
- padding:2rem 1rem;
+ margin:0;
+ padding:2rem 1rem;
}
@@ -32,16 +31,16 @@ header {
padding:0;
}
header ul {
- width: 100%;
- display:table;
- table-layout:fixed;
- margin:0;
- padding:0.3rem 0.5rem;
- box-sizing:border-box;
+ width: 100%;
+ display:table;
+ table-layout:fixed;
+ margin:0;
+ padding:0.3rem 0.5rem;
+ box-sizing:border-box;
}
header ul li{
- display:table-cell;
- width:40%;
+ display:table-cell;
+ width:40%;
}
header ul li.logo{
width: 30%;
@@ -71,50 +70,50 @@ header h1 {
/* Footer*/
footer{
- width:100%;
- height:2rem;
- line-height:2rem;
+ width:100%;
+ height:2rem;
+ line-height:2rem;
}
footer span{
- display:block;
- margin:0 auto;
- height:2rem;
- line-height:2rem;
+ display:block;
+ margin:0 auto;
+ height:2rem;
+ line-height:2rem;
}
/* Alignment classes*/
.align-center{
- text-align:center;
+ text-align:center;
}
.align-right{
- text-align:right;
+ text-align:right;
}
.align-left{
- text-align:left;
+ text-align:left;
}
/* Changes for foundation buttons*/
button, .button{
- background:#214BB5;
- background:hsl(223,69%,42%);
- border: 2px solid #214BB5;
- border:2px solid hsl(223,69%,42%);
- font-weight:bold;
- border-radius:10px;
+ background:#214BB5;
+ background:hsl(223,69%,42%);
+ border: 2px solid #214BB5;
+ border:2px solid hsl(223,69%,42%);
+ font-weight:bold;
+ border-radius:10px;
}
button:hover, .button:hover{
- background:none;
- color:#214BB5;
- color:hsl(223,69%,42%);
+ background:none;
+ color:#214BB5;
+ color:hsl(223,69%,42%);
}
.alert-box{
- margin-left:auto;
- margin-right:auto;
+ margin-left:auto;
+ margin-right:auto;
}
.alert-box.radius{
- border-radius:5px;
+ border-radius:5px;
}
@@ -123,7 +122,7 @@ button:hover, .button:hover{
background: none repeat scroll 0% 0% #214BB5;
color: #FFF;
cursor: default;
- border-radius: 10px;
+ border-radius: 10px;
}
.wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active {
display: block;
@@ -137,46 +136,46 @@ button:hover, .button:hover{
background: none;
overflow: auto;
overflow-x: hidden;
- border:2px solid #214BB5;
- border:2px solid hsl(223,69%,42%);
+ border:2px solid #214BB5;
+ border:2px solid hsl(223,69%,42%);
border-radius: 10px;
}
.wizard > .content fieldset{
- border:none;
- margin-left:auto;
- margin-right:auto;
+ border:none;
+ margin-left:auto;
+ margin-right:auto;
}
.wizard > .actions a, .wizard > .actions a:active {
text-decoration: none;
- background:hsl(223,69%,42%);
- background:#214BB5;
- border: 2px solid #214BB5;
- border:2px solid hsl(223,69%,42%);
- font-weight:bold;
- border-radius:10px;
+ background:hsl(223,69%,42%);
+ background:#214BB5;
+ border: 2px solid #214BB5;
+ border:2px solid hsl(223,69%,42%);
+ font-weight:bold;
+ border-radius:10px;
}
.wizard > .actions a:hover{
- color:#214BB5;
- color:hsl(223,69%,42%);
- background:none;
- border: 2px solid #214BB5;
- border:2px solid hsl(223,69%,42%);
- font-weight:bold;
- border-radius:10px;
+ color:#214BB5;
+ color:hsl(223,69%,42%);
+ background:none;
+ border: 2px solid #214BB5;
+ border:2px solid hsl(223,69%,42%);
+ font-weight:bold;
+ border-radius:10px;
}
.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;
+ border: 2px solid #9DC8E2;
}
.wizard > .content > .body label[for="sp_entityid"] {
display:block;
margin-bottom: 0;
- font-weight:bold;
+ font-weight:bold;
}
.wizard > .content > .body label.error {
@@ -192,62 +191,60 @@ button:hover, .button:hover{
margin: 3rem auto;
}
-
/* Accounts profile page*/
.accounts_profile{
- box-sizing:border-box;
- min-width: 30%;
- display: flex;
- flex-flow: row wrap;
- justify-content: space-between;
- align-items: stretch;
+ box-sizing:border-box;
+ min-width: 30%;
+ display: flex;
+ flex-flow: row wrap;
+ justify-content: space-between;
+ align-items: stretch;
}
.accounts_profile > div.tbl {
- flex: 0 0 22em;
- display: block; /* IE fix */
- margin-right:1em;
+ flex: 0 0 22em;
+ display: block; /* IE fix */
+ margin-right:1em;
}
-
.accounts_profile div.tbl table{
- width:100%;
- margin-top:2rem;
- table-layout: fixed;
- word-wrap: break-word;
+ width:100%;
+ margin-top:2rem;
+ table-layout: fixed;
+ word-wrap: break-word;
}
.accounts_profile div.tbl table tr th:nth-child(1){
- width:40%;
+ width:40%;
}
.accounts_profile div.tbl table tr:nth-child(3) div{
- display:flex;
- margin:0;
- padding:0;
- height:7em;
- overflow-y:scroll;
+ 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;
- display: block; /* IE fix */
- font-size: 0.875rem;
- line-height: 1.3;
- text-align:left;
+ margin:auto 0;
+ display: block; /* IE fix */
+ font-size: 0.875rem;
+ line-height: 1.3;
+ text-align:left;
}
.show_account_details{
- margin-bottom:0;
- padding:0.5rem 1rem;
+ margin-bottom:0;
+ padding:0.5rem 1rem;
}
.accounts_profile table caption{
- background-color:#FF8547;
- background-color:hsl(20,100%,54%);
- color:#fff;
- padding:0.2rem 0 0.2rem 1rem;
- border-radius:5px 5px 0 0;
- text-align:left;
+ background-color:#FF8547;
+ background-color:hsl(20,100%,54%);
+ color:#fff;
+ padding:0.2rem 0 0.2rem 1rem;
+ border-radius:5px 5px 0 0;
+ text-align:left;
}
.login {float: left}
@@ -285,148 +282,148 @@ fieldset.scrollable{height: 75%;}
}
.ui-autocomplete {
- max-height: 400px;
- overflow-y: auto;
- /* prevent horizontal scrollbar */
- overflow-x: hidden;
+ max-height: 400px;
+ overflow-y: auto;
+ /* prevent horizontal scrollbar */
+ overflow-x: hidden;
}
/* IE 6 doesn't support max-height
-* we use height instead, but this forces the menu to always be this tall
-*/
+ * we use height instead, but this forces the menu to always be this tall
+ */
* html .ui-autocomplete {
- height: 400px;
+ height: 400px;
}
/*Global*/
h1,h2,h3,h4,h5,h6 {
- color:#214BB5;
- color:hsl(223,69%,42%);
+ color:#214BB5;
+ color:hsl(223,69%,42%);
}
h3{
- margin-top:2rem;
+ margin-top:2rem;
}
/* Links */
a, a:visited, a:active, a:link{
- text-decoration:underline;
+ text-decoration:underline;
}
a:hover{
- text-decoration:none;
+ text-decoration:none;
}
/*simplesaml css*/
main{
- padding:1rem 0.5rem;
+ padding:1rem 0.5rem;
}
main form{
- width:100%;
- margin:1rem;
+ width:100%;
+ margin:1rem;
}
main form table{
- padding:1rem;
- margin:1rem auto;
- background-color: hsl(20,100%,84%);
- border:none;
- border-radius:7px;
+ padding:1rem;
+ margin:1rem auto;
+ background-color: hsl(20,100%,84%);
+ border:none;
+ border-radius:7px;
}
main form table td{
-/* color:hsl(20,100%,24%)!important;*/
- color:#000!important;
+ /* color:hsl(20,100%,24%)!important;*/
+ color:#000!important;
}
main form table tr.even, main form table tr.alt, main form table tr:nth-of-type(2n){
- background: none!important;
+ background: none!important;
}
main h2{
- font-size:1.5rem;
+ font-size:1.5rem;
}
main #table_with_attributes{
- border:1px solid #ff8447;
- border-radius:7px;
+ 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){
- background-color: hsl(20,100%,94%);
+ background-color: hsl(20,100%,94%);
}
main form table #username, main form table #password{
- margin-bottom:0
+ margin-bottom:0
}
main #regularsubmit {
display: none;
}
main #mobilesubmit {
- display:block;
- width:100%;
- margin: 0 auto;
- padding:0.1rem;
- background: none repeat scroll 0% 0% #214BB4;
- border: 2px solid #214BB4;
- font-weight: bold;
- border-radius: 10px;
- color:#fff;
+ display:block;
+ width:100%;
+ margin: 0 auto;
+ padding:0.1rem;
+ background: none repeat scroll 0% 0% #214BB4;
+ border: 2px solid #214BB4;
+ font-weight: bold;
+ border-radius: 10px;
+ color:#fff;
}
#languagebar {
- font-size:0.8rem;
- }
+ font-size:0.8rem;
+}
@media handheld, only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
- header .title{
- height:2rem;
- line-height: 2rem;
- }
- header .title span{
- height:2rem;
- line-height:2rem;
- }
-
- header .title span h1{
- font-size: 1rem;
- letter-spacing:0.1rem;
- height:2rem;
- line-height:2rem;
- }
- header ul {
- padding:0rem;
- }
- header ul img{
- max-width:60%;
- }
- main h2 {
- font-size: 1.1rem;
- }
- #languagebar, .erroricon, #loginicon, .logintext {
- display: none;
- }
- body {
- font-size: 0.9rem;
- }
- #wrap {
- margin: 0;
- }
- h1,h2,h3,h4 {
- font-size: 110%;
- }
-
- #content {
- margin-bottom: 10px;
- padding: 0;
- padding-left: 5px;
- }
- input[type="text"], input[type="password"] {
- height: 1.5em;
- font-size: 1em;
- }
- #mobilesubmit {
- display: inline;
- }
- .youareadmin {
- font-size: 50%;
- }
+ header .title{
+ height:2rem;
+ line-height: 2rem;
+ }
+ header .title span{
+ height:2rem;
+ line-height:2rem;
+ }
+
+ header .title span h1{
+ font-size: 1rem;
+ letter-spacing:0.1rem;
+ height:2rem;
+ line-height:2rem;
+ }
+ header ul {
+ padding:0rem;
+ }
+ header ul img{
+ max-width:60%;
+ }
+ main h2 {
+ font-size: 1.1rem;
+ }
+ #languagebar, .erroricon, #loginicon, .logintext {
+ display: none;
+ }
+ body {
+ font-size: 0.9rem;
+ }
+ #wrap {
+ margin: 0;
+ }
+ h1,h2,h3,h4 {
+ font-size: 110%;
+ }
+
+ #content {
+ margin-bottom: 10px;
+ padding: 0;
+ padding-left: 5px;
+ }
+ input[type="text"], input[type="password"] {
+ height: 1.5em;
+ font-size: 1em;
+ }
+ #mobilesubmit {
+ display: inline;
+ }
+ .youareadmin {
+ font-size: 50%;
+ }
}