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

fix indentation

parent f9f2bdd8
Branches
Tags
No related merge requests found
Hide whitespace changes
Inline Side-by-side
resources/css/style.css
+ 182
− 185
View file @ 82d2450d
/* ------------------------------------------------------------------------*/
/* 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%;
}
}
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment