Skip to content
Snippets Groups Projects
Commit 2244c1fb authored by renater.salaun's avatar renater.salaun
Browse files

O.Lumineau : changes in the CSS 

git-svn-id: https://svn.geant.net/GEANT/edugain_testidp_account_manager/trunk@119 047e039d-479c-447e-8a29-aa6bf4a09bab
parent 92d4bc82
Branches
Tags
No related merge requests found
Hide whitespace changes
Inline Side-by-side
resources/css/style.css
+ 130
− 16
View file @ 2244c1fb
...@@ -26,12 +26,12 @@ body { ...@@ -26,12 +26,12 @@ body {
/* Header*/ /* Header*/
#header { header {
width: 100%; width: 100%;
margin:0; margin:0;
padding:0; padding:0;
} }
#header ul { header ul {
width: 100%; width: 100%;
display:table; display:table;
table-layout:fixed; table-layout:fixed;
...@@ -39,56 +39,58 @@ body { ...@@ -39,56 +39,58 @@ body {
padding:0.3rem 0.5rem; padding:0.3rem 0.5rem;
box-sizing:border-box; box-sizing:border-box;
} }
#header ul li{ header ul li{
display:table-cell; display:table-cell;
width:40%; width:40%;
} }
#header ul li.logo{ header ul li.logo{
width: 30%; width: 30%;
} }
#header .title{ header .title{
width: 100%; width: 100%;
height:5rem; height:4rem;
line-height: 5rem; line-height: 4rem;
margin:0; margin:0;
padding:0; padding:0;
background-color:#FF8547; background-color:#FF8547;
background-color:hsl(20,100%,64%); background-color:hsl(20,100%,64%);
} }
#header .title span{ header .title span{
height:5rem; height:4rem;
line-height: 5rem; line-height: 4rem;
margin:0; margin:0;
padding:0; padding:0;
} }
#header .title span h1{ header .title span h1{
width: 100%; width: 100%;
font-size: 1.6em; font-size: 1.6em;
letter-spacing:0.1rem; letter-spacing:0.1rem;
color: #fff; color: #fff;
font-weight:bold; font-weight:bold;
height:5rem; height:4rem;
line-height:5rem; line-height:4rem;
text-align:center; text-align:center;
} }
#header .title h1 small{ header .title h1 small{
font-size: 0.9em; font-size: 0.9em;
color: #fff; color: #fff;
clear: left; clear: left;
} }
/* Footer*/ /* Footer*/
#footer{ footer{
width:100%; width:100%;
height:2rem; height:2rem;
line-height:2rem; line-height:2rem;
} }
#footer span{ footer span{
display:block;
margin:0 auto;
height:2rem; height:2rem;
line-height:2rem; line-height:2rem;
} }
...@@ -326,5 +328,117 @@ a:hover{ ...@@ -326,5 +328,117 @@ a:hover{
text-decoration:none; text-decoration:none;
} }
/*simplesaml css*/
main{
padding:1rem 0.5rem;
}
main form{
width:100%;
margin:1rem;
}
main form table{
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;
}
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 #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){
background-color: hsl(20,100%,94%);
}
main form table #username, main form table #password{
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;
}
#languagebar {
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%;
}
}
templates/web/index.tt2.html
+ 7
− 10
View file @ 2244c1fb
...@@ -190,16 +190,16 @@ jQuery(function($){ ...@@ -190,16 +190,16 @@ jQuery(function($){
</head> </head>
<body> <body>
<div id="header"> <header>
<ul> <ul>
<li class="logo align-left"><a href="/accountmanager" title="[% conf.app_name %] home page"><img alt="eduGAIN logo" width="200" src="/resources/images/edugain_logo.png "/></a></li> <li class="logo align-left"><a href="/accountmanager" title="[% conf.app_name %] home page"><img alt="eduGAIN logo" width="200" src="/resources/images/edugain_logo.png "/></a></li>
<li>&nbsp;</li> <li>&nbsp;</li>
<li class="logo align-right"><a href="http://www.geant.net" title="Géant home page" target="_blank"><img alt="GEANT logo" width="100" src="/resources/images/geant_logo_rgb_300dpi.jpg"/></a></li> <li class="logo align-right"><a href="http://www.geant.net" title="Geant home page" target="_blank"><img alt="GEANT logo" width="100" src="/resources/images/geant_logo_rgb_300dpi.jpg"/></a></li>
</ul> </ul>
<div class="title"> <div class="title">
<span class="hide-for-small"><h1>[% PROCESS 'templates/web/title.tt2.html' %]</h1></span> <span class=""><h1>[% PROCESS 'templates/web/title.tt2.html' %]</h1></span>
</div> </div>
</div> </header>
<div id="wrapper"> <div id="wrapper">
...@@ -241,12 +241,9 @@ DUMP :<br> ...@@ -241,12 +241,9 @@ DUMP :<br>
<div> <div>
<div id="footer"> <footer>
<div class="row align-center"> <span class="align-center">[% conf.app_name %] [% conf.version %] - <a href="mailto:[% conf.support_email %]">contact us</a></span>
<span>[% conf.app_name %] [% conf.version %]</span> - </footer>
<span><a href="mailto:[% conf.support_email %]">contact us</a></span>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment