From 2244c1fb7ac7c0cdab1543c6bfb93736b36eec3f Mon Sep 17 00:00:00 2001
From: "renater.salaun" <renater.salaun@047e039d-479c-447e-8a29-aa6bf4a09bab>
Date: Thu, 30 Apr 2015 13:08:14 +0000
Subject: [PATCH] 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
---
resources/css/style.css | 146 +++++++++++++++++++++++++++++++----
templates/web/index.tt2.html | 17 ++--
2 files changed, 137 insertions(+), 26 deletions(-)
diff --git a/resources/css/style.css b/resources/css/style.css
index 93e4967..3b7f16e 100644
--- a/resources/css/style.css
+++ b/resources/css/style.css
@@ -26,12 +26,12 @@ body {
/* Header*/
-#header {
+header {
width: 100%;
margin:0;
padding:0;
}
-#header ul {
+header ul {
width: 100%;
display:table;
table-layout:fixed;
@@ -39,56 +39,58 @@ body {
padding:0.3rem 0.5rem;
box-sizing:border-box;
}
-#header ul li{
+header ul li{
display:table-cell;
width:40%;
}
-#header ul li.logo{
+header ul li.logo{
width: 30%;
}
-#header .title{
+header .title{
width: 100%;
- height:5rem;
- line-height: 5rem;
+ height:4rem;
+ line-height: 4rem;
margin:0;
padding:0;
background-color:#FF8547;
background-color:hsl(20,100%,64%);
}
-#header .title span{
- height:5rem;
- line-height: 5rem;
+header .title span{
+ height:4rem;
+ line-height: 4rem;
margin:0;
padding:0;
}
-#header .title span h1{
+header .title span h1{
width: 100%;
font-size: 1.6em;
letter-spacing:0.1rem;
color: #fff;
font-weight:bold;
- height:5rem;
- line-height:5rem;
+ height:4rem;
+ line-height:4rem;
text-align:center;
}
-#header .title h1 small{
+header .title h1 small{
font-size: 0.9em;
color: #fff;
clear: left;
}
/* Footer*/
-#footer{
+footer{
width:100%;
height:2rem;
line-height:2rem;
}
-#footer span{
+footer span{
+ display:block;
+ margin:0 auto;
height:2rem;
line-height:2rem;
}
@@ -326,5 +328,117 @@ a:hover{
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%;
+ }
+}
diff --git a/templates/web/index.tt2.html b/templates/web/index.tt2.html
index 4ddca44..0ca7208 100644
--- a/templates/web/index.tt2.html
+++ b/templates/web/index.tt2.html
@@ -190,16 +190,16 @@ jQuery(function($){
</head>
<body>
-<div id="header">
+<header>
<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> </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>
<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>
+</header>
<div id="wrapper">
@@ -241,12 +241,9 @@ DUMP :<br>
<div>
-<div id="footer">
- <div class="row align-center">
- <span>[% conf.app_name %] [% conf.version %]</span> -
- <span><a href="mailto:[% conf.support_email %]">contact us</a></span>
- </div>
-</div>
+<footer>
+ <span class="align-center">[% conf.app_name %] [% conf.version %] - <a href="mailto:[% conf.support_email %]">contact us</a></span>
+</footer>
</div>
</div>
</div>
--
GitLab