minimal theme example
This commit is contained in:
parent
69e4aa0522
commit
10e107df98
|
@ -0,0 +1,32 @@
|
|||
{% load staticfiles %}
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||||
<meta http-equiv="content-language" content="en" />
|
||||
<title>U-Auth :: Entr'ouvert</title>
|
||||
<link href="{% static "css/style.css" %}" media="all" rel="stylesheet" type="text/css" />
|
||||
<link href="{% static "entrouvert/eo.css" %}" media="all" rel="stylesheet" type="text/css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="page-wrapper">
|
||||
<h1 id="logo">
|
||||
<img src="{% static "entrouvert/logo.png" %}" alt="Entr'ouvert">
|
||||
U-Auth: Portail captif dans le Cloud
|
||||
</h1>
|
||||
</div>
|
||||
<div class="page-wrapper">
|
||||
<h2 class="welcome">Pour vous connecter veuillez choisir un fournisseur d'identité dans la liste ci-dessous</h2>
|
||||
{% block content %}
|
||||
{% endblock %}
|
||||
</div>
|
||||
{% block footer %}
|
||||
<div id="footer">
|
||||
Entr'ouvert, SCOP ARL,
|
||||
RCS Paris B 443 170 139 00036
|
||||
+33 (0)1 43 35 01 35 -
|
||||
info@entrouvert.com
|
||||
</div>
|
||||
{% endblock %}
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,838 @@
|
|||
@font-face {
|
||||
font-family: 'Museo500';
|
||||
src: url(Museo500-Regular.otf);
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'MuseoSlab';
|
||||
src: url(Museo_Slab.otf);
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
html, body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: arial, sans-serif;
|
||||
background: white;
|
||||
color: #6d6e70;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
div.page-wrapper {
|
||||
background: white;
|
||||
}
|
||||
|
||||
h1#logo {
|
||||
width: 900px;
|
||||
margin: auto;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 22px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
img {
|
||||
border: none;
|
||||
}
|
||||
|
||||
#nav, h2 {
|
||||
font-family: MuseoSlab, sans-serif;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
h3, h4 {
|
||||
font-family: Museo500, sans-serif;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
|
||||
#nav {
|
||||
border: 1px solid #a5a7aa;
|
||||
border-width: 1px 0px;
|
||||
list-style: none;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
padding: 10px 0;
|
||||
width: 900px;
|
||||
margin: auto;
|
||||
margin-bottom: 42px;
|
||||
font-size: 110%;
|
||||
}
|
||||
|
||||
#nav li {
|
||||
margin: 0;
|
||||
padding: 0 5px;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
#nav a {
|
||||
color: #404041;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#nav li:after {
|
||||
content: " /";
|
||||
color: #404041;
|
||||
}
|
||||
|
||||
#nav li.selected:after,
|
||||
#nav li.ancestor:after,
|
||||
#nav li a:hover,
|
||||
#nav li.selected a,
|
||||
#nav li.ancestor a {
|
||||
color: #e0007a;
|
||||
}
|
||||
|
||||
div#slider-wrapper {
|
||||
width: 800px;
|
||||
margin: auto;
|
||||
position: relative;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
hr {
|
||||
visibility: hidden;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
div#slider-wrapper hr {
|
||||
visibility: hidden;
|
||||
clear: both;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
div#slider ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
li.slide {
|
||||
width: 800px;
|
||||
padding: 0 0px;
|
||||
height: 147px;
|
||||
}
|
||||
|
||||
li.slide div.image {
|
||||
height: 127px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
li.slide h2 {
|
||||
margin: 0;
|
||||
padding-left: 45px;
|
||||
font-size: 60px;
|
||||
font-weight: normal;
|
||||
height: 127px;
|
||||
border-right: 1px solid #a5a7aa;
|
||||
padding-right: 25px;
|
||||
color: #505053;
|
||||
float: left;
|
||||
}
|
||||
|
||||
li.slide div {
|
||||
width: auto;
|
||||
position: relative;
|
||||
left: 25px;
|
||||
}
|
||||
|
||||
li.slide div p {
|
||||
padding-right: 25px; /* compensate left: 25px */
|
||||
}
|
||||
|
||||
li.slide div a {
|
||||
background: #58595b;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
padding: 7px 12px;
|
||||
}
|
||||
|
||||
div#slider-wrapper span#prevBtn a {
|
||||
position: absolute;
|
||||
width: 29px;
|
||||
height: 58px;
|
||||
background: url(slider-left.png) top left no-repeat;
|
||||
top: 40px;
|
||||
left: -39px;
|
||||
text-indent: -4000px;
|
||||
outline-style: none;
|
||||
}
|
||||
|
||||
div#slider-wrapper span#nextBtn a {
|
||||
position: absolute;
|
||||
width: 29px;
|
||||
height: 58px;
|
||||
background: url(slider-right.png) top left no-repeat;
|
||||
top: 40px;
|
||||
right: -39px;
|
||||
text-indent: -4000px;
|
||||
outline-style: none;
|
||||
}
|
||||
|
||||
div#boites-wrapper {
|
||||
clear: both;
|
||||
background: #636770;
|
||||
}
|
||||
|
||||
div#boites hr {
|
||||
border: #636770;
|
||||
color: #636770;
|
||||
background: #636770;
|
||||
height: 1px;
|
||||
clear: both;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
div#boites {
|
||||
width: 900px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
div#boites h2,
|
||||
div#boites h3 {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
div.boite {
|
||||
text-align: left;
|
||||
width: 216px;
|
||||
height: 185px;
|
||||
float: left;
|
||||
background: white;
|
||||
margin: 10px 10px;
|
||||
padding: 26px 10px 10px 60px;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0px 2px 3px rgba(0, 0, 0, .4);
|
||||
-moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, .4);
|
||||
-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, .4);
|
||||
}
|
||||
|
||||
div.boite h2 {
|
||||
margin: 10px 0 0 0;
|
||||
}
|
||||
|
||||
div.boite h3 {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
div.boite h2 {
|
||||
color: #505053;
|
||||
}
|
||||
|
||||
div.boite {
|
||||
color: #6d6e70;
|
||||
}
|
||||
|
||||
div.boite-identite { background: white url(id28.png) 15px 39px no-repeat; }
|
||||
div.boite-eadmin { background: white url(e24.png) 15px 39px no-repeat; }
|
||||
div.boite-references { background: white url(refs27.png) 15px 39px no-repeat; }
|
||||
div.boite-solutions { background: white url(sol26.png) 15px 39px no-repeat; }
|
||||
div.boite-actu { background: white url(feed22.png) 15px 39px no-repeat; }
|
||||
|
||||
#content a {
|
||||
color: #37a7da;
|
||||
text-decoration: none;
|
||||
-webkit-transition: all .2s ease-in-out;
|
||||
-moz-transition: all .2s ease-in-out;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#content a:hover {
|
||||
color: #672290;
|
||||
border-bottom: 1px dotted #672290;
|
||||
}
|
||||
|
||||
a.plus,
|
||||
#sidebar span.plugin_link a,
|
||||
#content blockquote span.plugin_link a,
|
||||
#content a.button,
|
||||
a.bouton {
|
||||
background: #58595b;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
box-shadow: none;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
padding: 8px 12px;
|
||||
}
|
||||
|
||||
a.plus:hover,
|
||||
#sidebar span.plugin_link a:hover,
|
||||
#content blockquote span.plugin_link a:hover,
|
||||
#content a.button:hover,
|
||||
a.bouton:hover {
|
||||
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .9);
|
||||
-moz-box-shadow: 0 0 2px rgba(0, 0, 0, .9);
|
||||
border: none;
|
||||
}
|
||||
|
||||
#content a.button {
|
||||
background: #37a7da;
|
||||
}
|
||||
|
||||
#content blockquote {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#content blockquote span.plugin_link a,
|
||||
a.bouton {
|
||||
float: right;
|
||||
background: #37a7da;
|
||||
}
|
||||
|
||||
div.boite-identite a.plus,
|
||||
div.boite-references a.plus {
|
||||
background: #e0007a;
|
||||
}
|
||||
|
||||
div.boite-eadmin a.plus,
|
||||
div.boite-solutions a.plus {
|
||||
background: #37a7da;
|
||||
}
|
||||
|
||||
div.boite-identite,
|
||||
div.boite-solutions {
|
||||
margin-left: 0px;
|
||||
}
|
||||
|
||||
div.boite-references {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
div.boite-actu {
|
||||
width: 523px;
|
||||
margin-right: 0px;
|
||||
}
|
||||
|
||||
div.boite-actu div {
|
||||
width: 250px;
|
||||
float: left;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
div.boite p,
|
||||
div.boite a {
|
||||
font-size: 85%;
|
||||
}
|
||||
|
||||
div.boite p a {
|
||||
font-size: 100%;
|
||||
}
|
||||
|
||||
div.boite-actu a.suite,
|
||||
a.suite {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
text-align: right;
|
||||
float: right;
|
||||
padding-right: 10px;
|
||||
padding-left: 12px;
|
||||
background: transparent url(bulle.png) left center no-repeat;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
div.boite h2 span a {
|
||||
text-decoration: none;
|
||||
font-weight: normal;
|
||||
color: #505053;
|
||||
}
|
||||
|
||||
div.boite-actu h2 span a {
|
||||
color: #37a7da;
|
||||
}
|
||||
|
||||
div.boite-actu a {
|
||||
text-decoration: none;
|
||||
color: #37a7da;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
div.boite-actu a.suite:hover,
|
||||
a.suite:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
div#footer {
|
||||
clear: both;
|
||||
background: #919396;
|
||||
color: white;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
div#footer div {
|
||||
text-align: left;
|
||||
width: 900px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
div#footer div div {
|
||||
width: 210px;
|
||||
float: left;
|
||||
padding-right: 10px;
|
||||
margin-right: 5px;
|
||||
padding-top: 15px;
|
||||
line-height: 130%;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
div#footer ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
padding-left: 0px;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
div#footer div div strong {
|
||||
background: url(bulleblanche.png) left center no-repeat;
|
||||
padding-left: 8px;
|
||||
}
|
||||
|
||||
div#footer div ul li {
|
||||
background: url(dash.png) 2px 50% no-repeat;
|
||||
padding-left: 9px;
|
||||
}
|
||||
|
||||
div#footer div div span a {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
div#footer a {
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
div#footer a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
div#wrapper {
|
||||
width: 900px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
div#content {
|
||||
width: 570px;
|
||||
float: left;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
div.deuxcolonnes {
|
||||
text-align: justify;
|
||||
margin: 1em 0;
|
||||
-webkit-column-count: 2;
|
||||
-webkit-column-gap: 2em;
|
||||
-webkit-column-rule: 1px solid #eaeaea;
|
||||
-moz-column-count: 2;
|
||||
-moz-column-gap: 2em;
|
||||
-moz-column-rule: 1px solid #eaeaea;
|
||||
column-count: 2;
|
||||
column-gap: 1em;
|
||||
column-rule: 1px solid #eaeaea;
|
||||
}
|
||||
|
||||
div#content p {
|
||||
margin: 0 0 1em 0;
|
||||
}
|
||||
|
||||
div#sidebar {
|
||||
width: 225px;
|
||||
border: 1px solid #babcbe;
|
||||
float: right;
|
||||
padding: 5px 20px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#content h2 {
|
||||
background: url(id54.png) 0px 10px no-repeat;
|
||||
font-size: 56px;
|
||||
font-weight: normal;
|
||||
padding-left: 60px;
|
||||
margin: 0 0 0.5em 0;
|
||||
color: #636770;
|
||||
}
|
||||
|
||||
.section-identity #content h2 {
|
||||
background-image: url(id54.png);
|
||||
}
|
||||
|
||||
.section-poll #content h2 {
|
||||
background-image: url(o54.png);
|
||||
}
|
||||
|
||||
.section-who #content h2,
|
||||
.section-expertise #content h2 {
|
||||
background-image: url(sol54.png);
|
||||
}
|
||||
|
||||
.section-e-admin #content h2 {
|
||||
background-image: url(e54.png);
|
||||
}
|
||||
|
||||
.section-references #content h2 {
|
||||
background-image: url(refs48.png);
|
||||
}
|
||||
.section-news #content h2 {
|
||||
background-image: url(feed54.png);
|
||||
}
|
||||
|
||||
#content h3,
|
||||
#sidebar h3 {
|
||||
font-size: 30px;
|
||||
font-weight: normal;
|
||||
text-align: center;
|
||||
color: #404041;
|
||||
border-bottom: 1px solid #404041;
|
||||
background: url(downrose.png) top center no-repeat;
|
||||
padding-top: 30px;
|
||||
}
|
||||
|
||||
#content h4,
|
||||
#sidebar h4 {
|
||||
font-size: 20px;
|
||||
font-weight: normal;
|
||||
text-align: left;
|
||||
margin-bottom: 1ex;
|
||||
}
|
||||
|
||||
#sidebar div {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
#sidebar img {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
#sidebar p span {
|
||||
color: #e0007a;
|
||||
}
|
||||
|
||||
#sidebar a.plus {
|
||||
background: #e0007a;
|
||||
width: 100px;
|
||||
display: block;
|
||||
text-align: center;
|
||||
margin: 4em auto 2em auto;
|
||||
}
|
||||
|
||||
#sidebar span.plugin_link a {
|
||||
background: #37a7da;
|
||||
width: 100px;
|
||||
display: block;
|
||||
text-align: center;
|
||||
margin: 1em auto 2em auto;
|
||||
}
|
||||
|
||||
div#slider-references-wrapper {
|
||||
margin-top: 15px;
|
||||
margin-bottom: 15px;
|
||||
position: relative;
|
||||
height: 95px;
|
||||
width: 170px;
|
||||
}
|
||||
|
||||
#sidebar div#slider-references-wrapper {
|
||||
margin-left: 25px;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
div#slider-references ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
div#slider-references li {
|
||||
height: 100px;
|
||||
width: 170px;
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
span#slider-references-prev a {
|
||||
position: absolute;
|
||||
width: 25px;
|
||||
height: 50px;
|
||||
background: url(slider-left-small.png) top left no-repeat;
|
||||
top: 20px;
|
||||
left: -30px;
|
||||
text-indent: -4000px;
|
||||
outline-style: none;
|
||||
}
|
||||
|
||||
span#slider-references-next a {
|
||||
position: absolute;
|
||||
width: 25px;
|
||||
height: 50px;
|
||||
background: url(slider-right-small.png) top left no-repeat;
|
||||
top: 20px;
|
||||
right: -30px;
|
||||
text-indent: -4000px;
|
||||
outline-style: none;
|
||||
}
|
||||
|
||||
div#le {
|
||||
width: 900px;
|
||||
margin: auto;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
div#le p {
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
width: 900px;
|
||||
text-align: right;
|
||||
color: #595A5C;
|
||||
}
|
||||
|
||||
div#le p a {
|
||||
color: #818184;
|
||||
}
|
||||
|
||||
div#le p a.contact-link,
|
||||
div#le p a.faq-link {
|
||||
color: #505053;
|
||||
}
|
||||
|
||||
/* div#lang {
|
||||
width: 900px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
div#lang p {
|
||||
position: absolute;
|
||||
top: 40px;
|
||||
width: 900px;
|
||||
text-align: right;
|
||||
color: #595A5C;
|
||||
}
|
||||
|
||||
div#lang p a {
|
||||
color: #818184;
|
||||
} */
|
||||
|
||||
a img {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
/* pimping up */
|
||||
h1#logo img {
|
||||
-webkit-transition: all .2s ease-in-out;
|
||||
-moz-transition: all .2s ease-in-out;
|
||||
}
|
||||
|
||||
h1#logo img:hover {
|
||||
-webkit-transform: scale(1.05);
|
||||
-moz-transform: scale(1.05);
|
||||
}
|
||||
|
||||
a.plus {
|
||||
-webkit-transition: all .2s ease-in-out;
|
||||
-moz-transition: all .2s ease-in-out;
|
||||
}
|
||||
|
||||
div#lang {
|
||||
text-align: center;
|
||||
background: #919396; /* #216382; */
|
||||
/*
|
||||
-moz-transform-origin: top left;
|
||||
-moz-transform: translate(0, 8em) rotate(270deg);
|
||||
*/
|
||||
-webkit-transform-origin: top left;
|
||||
-webkit-transform: translate(0, 8em) rotate(270deg);
|
||||
position: fixed;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 8em;
|
||||
-webkit-transition: all .2s ease-in-out;
|
||||
-moz-transition: all .2s ease-in-out;
|
||||
}
|
||||
|
||||
div#lang:hover {
|
||||
background: #58595B;
|
||||
}
|
||||
|
||||
div#lang p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
div#lang a {
|
||||
display: block;
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
div#lang a.current {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
div#references div {
|
||||
margin: 1em 0;
|
||||
clear: both;
|
||||
min-height: 150px;
|
||||
}
|
||||
|
||||
div#references div img.ref-logo {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
div#references div p {
|
||||
width: 450px;
|
||||
margin-left: 150px;
|
||||
text-align: justify;
|
||||
min-height: 120px;
|
||||
}
|
||||
|
||||
div#references div p a.thumbnail {
|
||||
background: transparent;
|
||||
box-shadow: 0px 2px 4px gray;
|
||||
-moz-box-shadow: 0px 2px 4px gray;
|
||||
-webkit-box-shadow: 0px 2px 4px gray;
|
||||
-webkit-transition: all .2s ease-in-out;
|
||||
-moz-transition: all .2s ease-in-out;
|
||||
}
|
||||
|
||||
div#references div p a.thumbnail:hover {
|
||||
border: none;
|
||||
box-shadow: 0px 2px 4px gray;
|
||||
-moz-box-shadow: 0px 2px 4px gray;
|
||||
-webkit-box-shadow: 0px 2px 8px gray;
|
||||
}
|
||||
|
||||
div#references div p .thumbnail {
|
||||
display: block;
|
||||
float: right;
|
||||
position: relative;
|
||||
top: -6px;
|
||||
left: 20px;
|
||||
}
|
||||
|
||||
div#references div p a.thumbnail img.thumbnail {
|
||||
position: static;
|
||||
}
|
||||
|
||||
div#footer div#legal {
|
||||
font-size: 60%;
|
||||
background: #969592;
|
||||
padding: 1ex;
|
||||
margin: 0;
|
||||
border-top: 1px solid #b7b7b7;
|
||||
text-align: center;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
body.section-e-admin table {border: 1px solid #ec008c;}
|
||||
body.section-e-admin table thead tr {color: #37a7da;}
|
||||
body.section-e-admin table tbody tr:nth-child(even) {color: #8ddbff;}
|
||||
body.section-e-admin table tbody tr:nth-child(odd) {color: #722dff;}
|
||||
|
||||
|
||||
/** tableau de tarifs **/
|
||||
|
||||
body.section-e-admin table {
|
||||
width: 100%;
|
||||
border: none;
|
||||
}
|
||||
|
||||
body.section-e-admin table thead tr th {
|
||||
padding: 5px;
|
||||
background-color: #f6f3f3;
|
||||
}
|
||||
|
||||
body.section-e-admin table tbody tr td {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
body.section-e-admin table tbody tr:nth-child(even) {
|
||||
background-color: #f9f6f6;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
body.section-e-admin table tbody tr:nth-child(odd) {
|
||||
background-color: #c0c0c0;
|
||||
color: #311311;
|
||||
}
|
||||
|
||||
#content a.media:hover {
|
||||
border: none;
|
||||
}
|
||||
|
||||
#content a.media > img {
|
||||
-webkit-transition: all .2s ease-in-out;
|
||||
-moz-transition: all .2s ease-in-out;
|
||||
transition: all .2s ease-in-out;
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
.mask img {
|
||||
position: absolute;
|
||||
top: 45%;
|
||||
left: 45%;
|
||||
/* display: block; */
|
||||
/* margin: 0 auto; */
|
||||
}
|
||||
|
||||
div.media_container div {
|
||||
padding: 1ex;
|
||||
}
|
||||
|
||||
.welcome, #idps {
|
||||
width: 900px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
#idps ul {
|
||||
column-count: 2;
|
||||
-webkit-column-count: 2;
|
||||
-moz-column-count: 2
|
||||
}
|
||||
|
||||
#idps ul li, #login ul li {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
#idps ul li a {
|
||||
color: #aaa;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#login {
|
||||
position: fixed;
|
||||
top: 200px;
|
||||
right: 0;
|
||||
border: 1px solid #ddd;
|
||||
padding: 0px 5px 5px 5px;
|
||||
}
|
||||
|
||||
#login input {
|
||||
border:1px solid #aaa;
|
||||
}
|
||||
|
||||
#login label {
|
||||
display: block;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#idps {
|
||||
float: none;
|
||||
}
|
Binary file not shown.
After Width: | Height: | Size: 7.7 KiB |
|
@ -1,5 +1,6 @@
|
|||
/etc/u-auth
|
||||
/usr/lib/u-auth
|
||||
/usr/share/u-auth
|
||||
/var/lib/u-auth/organizations
|
||||
/var/lib/u-auth/collectstatic
|
||||
/var/lib/u-auth/static
|
||||
|
|
|
@ -12,5 +12,6 @@ debian/share/radius.ldif /usr/share/u-auth
|
|||
debian/share/ssl.pem /usr/share/u-auth
|
||||
debian/share/ssl.key /usr/share/u-auth
|
||||
debian/share/nginx-example.conf /usr/share/u-auth
|
||||
debian/share/theme-example /usr/share/u-auth
|
||||
debian/settings.py /etc/u-auth
|
||||
debian/debian_config.py /usr/lib/u-auth
|
Reference in New Issue