common statics for authentic and combo.

Makefile

@@ -25,6 +25,8 @@ install:
 	mkdir -p $(DESTDIR)$(prefix)/share/portail-citoyen2/montpellier
 	mkdir -p $(DESTDIR)$(prefix)/share/wcs/themes/montpellier2
 	mkdir -p $(DESTDIR)$(prefix)/share/wcs/themes/montpellier-commune
+	mkdir -p $(DESTDIR)$(prefix)/share/montpellier-theme/static
+	cp -r static/* $(DESTDIR)$(prefix)/share/montpellier-theme/static
 	cp -r idp/* $(DESTDIR)$(prefix)/share/authentic2/montpellier
 	cp -r portail-citoyen/* $(DESTDIR)$(prefix)/share/portail-citoyen2/montpellier
 	cp -ar wcs/montpellier2/* $(DESTDIR)$(prefix)/share/wcs/themes/montpellier2/

idp/static/themes/django-montpellier/style.css

@@ -1,987 +0,0 @@
-/* general stuff */
-
-html, body { margin: 0; font-family: 'Carme', sans-serif; font-size: 13px;}
-a { text-decoration: none; }
-a:hover { text-decoration: underline; }
-h1, h2, h3 { margin-top: 0; }
-
-a {
-  -webkit-transition: color 200ms ease-out;
-}
-
-/* layout */
-
-body {
-  overflow-x: hidden;
-  background: #ece6e0 url(bg-page.png) 0 -200px repeat-x;
-}
-
-div#page {
-  width: 100%;
-}
-
-div#header {
-  background-color: #ffffff;
-  width: 100%;
-  margin: 0 0 0 0;
-  position: absolute;
-  top: 0px;
-  margin-left: -500px;
-  z-index: 0;
-
-}
-
-div#top {
-  background: url(header-agglo.jpg) 0% 0% no-repeat;
-  height: 456px;
-  width: 1500px;
-  margin: 0 auto 0 auto;
-  margin-left: 50%;
-}
-
-div#top h1 {
-  width: 10em;
-  text-align: center;
-  padding-top: 3em;
-  padding-left: 2em;
-  margin-left: 20px;
-  font-size: 120%;
-  font-weight: bold;
-}
-
-div#top h1 a {
-  color: white;
-  text-shadow: #6374AB 0px 0px 3px;
-}
-
-div#top a img {
-    border: 0;
-}
-
-div#main-content-wrapper {
-  position: relative;
-  z-index: 100;
-  width: 1000px;
-  margin: 200px auto 0px auto;
-}
-
-div#main-content {
-  margin: 0;
-  min-height: 300px;
-}
-
-div#footer {
-  clear: both;
-  background: white url(background_footer.png) no-repeat top left;
-  padding: 0px;
-  width: 1000px;
-  height: 160px;
-  margin: 10px auto 0 auto;
-  position: relative;
-}
-
-p#legal {
-  position: absolute;
-  font-size: small;
-  color: #444;
-  margin: 0;
-  bottom: 0px;
-  left: 40px;
-}
-
-#content {
-  position: relative;
-  margin:0;
-  color: rgb(58, 58, 58);
-}
-
-div#content a {
-  color: #ea5b0c;
-}
-
-div#content a:hover {
-  text-decoration: underline;
-}
-
-#left {
-  float: left;
-  width: 49.5%;
-}
-
-#right {
-  float: right;
-  width: 49.5%;
-}
-
-br.clear {
-  clear: both;
-}
-
-#error-404, #error-500, #content .block, #password-changed {
-  background: white;
-  font-size: 110%;
-  margin-bottom: 1em;
-}
-
-#content .block h2 {
-  background: #ea5b0c;
-  font-weight: normal;
-  color: white;
-  text-transform: uppercase;
-  padding: 6px 10px 6px 10px;
-  font-size: 130%;
-  cursor: default; /* someday, perhaps, cursor: move */
-}
-
-#content .block h3,
-#content .block p {
-  margin: 1ex 10px;
-  padding-bottom: 1px;
-}
-
-/* AuQuotidien plugins */
-#content .demarches ul,
-#content ul.mes-demarches,
-.aq-catgr-plg-listing,
-.aq-forms-plg-listing {
-  list-style: none;
-  padding-left: 0px;
-  margin: 0px;
-  -webkit-column-count: 2;
-  -moz-column-count: 2;
-  column-count: 2;
-}
-
-#content ul.mes-demarches a,
-#content .demarches ul a,
-#content .aq-catgr-plg-link,
-#content .aq-forms-plg-link {
-  color: inherit;
-  font-weight: bold;
-}
-
-#content ul.mes-demarches a:hover,
-#content .demarches ul a:hover,
-#content .aq-catgr-plg-link:hover,
-#content .aq-forms-plg-link:hover {
-  color: #ea5b0c;
-}
-
-#content ul.mes-demarches li,
-#content .demarches ul li,
-.aq-catgr-plg-item,
-.aq-forms-plg-item {
-  margin: 1ex 0 10px 1ex;
-  padding-left: 10px;
-  -webkit-column-break-inside: avoid;
-  -moz-column-break-inside: avoid;
-  column-break-inside: avoid;
-  background: transparent url(bullet_rouge.png) left center no-repeat repeat;
-}
-
-#content .demarches .toutes-les-demarches,
-.aq-catgr-plg-all-catgrs-link {
-  padding: 10px 0 10px 0;
-  margin-left: 2
-}
-
-#content .toutes-les-demarches a,
-.aq-catgr-plg-all-catgrs-link {
-  background: transparent url(button_orange_eye.png) no-repeat 0px center;
-  padding-left: 30px;
-  font-size: 130%;
-}
-
-#content .toutes-les-demarches a:hover,
-.aq-catgr-plg-all-catgrs-link:hover {
-  color: #ea5b0c;
-}
-
-/* Nom des communes en orange */
-.aq-catgr-plg-title {
-  color: #ea5b0c;
-}
-
-/* Base templates */
-
-div#single-title {
-  font-size: 130%;
-  padding: 5px;
-  background: #ea5b0c;
-  border: 1px solid #ea5b0c;
-  color: white;
-  text-transform: uppercase;
-}
-
-body.narrow-page #main-content {
-  background: white;
-  margin-top: 0;
-  padding: 10px 10px 0 10px;
-}
-
-body.narrow-page #main-content form div input {
-  display: block;
-  margin-left: 10px;
-  margin-bottom: 2ex;
-  font-size: 13px;
-}
-
-body.narrow-page #main-content form div input#id_email_1 {
-  margin-left: 14em;
-}
-
-div#welcome {
-  text-align: justify;
-  margin: 0 1em;
-}
-
-div#welcome h2 {
-  text-align: center;
-  margin: 1ex 0;
-}
-
-span.helptext {
-  color: #666;
-}
-
-body.narrow-page div.right {
-  padding-top: 2em;
-  width: 35em;
-  margin: 1ex auto;
-}
-
-body.narrow-page div.right form {
-  border: 1px solid #ea5b0c;
-  padding: 1em;
-}
-
-body.narrow-page div.right form div label {
-  font-weight: bold;
-  width: 14em;
-  display: block;
-  float: left;
-  padding-top: 3px;
-}
-
-body.narrow-page div.right form div input {
-  width: 18em;
-}
-
-body.narrow-page div.right form div.form-field-required label:after {
-  content: "";
-}
-
-body.narrow-page div.right form > input {
-  display: block;
-  margin: 1em auto 0 auto;
-  background: #ea5b0c;
-  color: white;
-  border: none;
-  padding: 3px 1em;
-}
-
-div#login-actions .actions, div#login-actions .actions form {
-    display: inline;
-}
-
-div.login-actions {
-  width: 23em;
-  margin: 0 auto;
-}
-
-div#login-actions .actions form {
-    margin: 0 .5em;
-}
-
-.region-header {
-  width: 1000px;
-  position: absolute;
-  top: 0px;
-}
-
-#toplinks {
-	background: #ffffff;
-	position: relative;
-	float: right;
-	width: 250px;
-	padding: 5px 5px 5px 5px;
-}
-
-#toplinks span {
-	width: 100%;
-	display: block;
-	margin: 0;
-	padding: 0;
-	color: #888;
-	background: url(button_connexion.gif) left center no-repeat;
-	border: 1px solid #e9e9e9;
-	line-height: 20px;
-	height: 22px;
-}
-
-#toplinks a {
-	color: #888;
-	border: 1px solid transparent;
-}
-
-#toplinks a.logout {
-        padding-left: 30px;
-}
-
-#toplinks a:hover {
-	text-decoration: none;
-	color: #222;
-}
-
-#toplinks a.restricted {
-	color: white;
-	float: right;
-	padding: 0 1ex;
-	border: 1px outset #888;
-	background: #ea5b0c;
-}
-
-div#username {
-        float: right;
-	padding: 5px 5px 5px 5px;
-        background: white;
-	line-height: 20px;
-	height: 22px;
-        border: 1px solid white;
-}
-
-ul.newsList {
-  list-style: none;
-}
-
-ul.newsList li.abonne {
-  margin: 0;
-  padding: 0;
-}
-
-.abonne {
-  padding-left: 20px;
-  background: transparent url(Validation.png) center left no-repeat;
-}
-
-.nonAbonne {
-  padding-left: 20px;
-  background: transparent url(Annulation.png) center left no-repeat;
-}
-
-/* page de profil */
-.profile-form-plugin {
-  margin-bottom: 15px;
-  padding: 0px;
-}
-
-.profile-form-plugin p {
-  padding: 0 5px;
-}
-
-.profile-form-plugin select,
-.profile-form-plugin input {
-  margin-left: 10px;
-  display: block;
-}
-
-/* forms error reporting */
-
-.errorlist {
-  list-style: none;
-  padding-left: 0;
-  margin-left: 0;
-}
-
-ul.errorlist li {
-  display: block;
-  color: #f44;
-}
-
-.form-field-required label:after {
-  content: '*';
-  color: #D90024;
-}
-
-ul.errorlist + p {
-  margin-top: 0px;
-}
-
-
-
-.passerelle-register-plugin input + label {
-  background: transparent url(Annulation.png) center left no-repeat;
-}
-
-.passerelle-register-plugin input:checked + label {
-  background: transparent url(Validation.png) center left no-repeat;
-}
-
-.passerelle-register-plugin td input {
-  display: none
-}
-.passerelle-register-plugin td label {
-  padding-left: 2em;
-}
-
-div.block form {
-  padding: 0 1ex;
-}
-
-table.announces {
-  width: 100%;
-  margin-bottom: 1em;
-}
-
-table.announces thead td {
-  font-weight: bold;
-}
-
-table.announces thead th {
-  width: 30%;
-}
-
-table.announces tbody td {
-  text-align: center;
-}
-
-table.announces tbody th {
-  width: 35%;
-  text-align: left;
-  font-weight: normal;
-}
-
-#agglolinks {
-        position: absolute;
-        right: 0;
-        top: -140px;
-}
-
-#agglolinks > a, #agglolinks > span > a {
-        width: 130px;
-}
-
-#agglolinks a, #agglolinks span {
-        display: inline-block;
-        margin-left: 10px;
-        color: white;
-        text-transform: uppercase;
-        text-align: center;
-        padding: 5px 5px;
-        font-size: 16px;
-}
-
-#agglolinks a.agglo-mon-agglo, #agglolinks a.agglo-mes-e-services {
-        background: #ea5b0c;
-}
-
-#agglolinks a.agglo-connaitre {
-        background: #d90024;
-}
-
-#agglolinks a.agglo-vivre {
-        background: #1f4791;
-}
-
-#agglolinks a.agglo-entreprendre {
-        background: #a3d117;
-}
-
-#agglolinks span.agglo-mes-e-services > a {
-        background: #ea5b0c;
-        width: 150px;
-}
-
-/* Main menu */
-#menu {
-  font-size: 130%;
-  margin-top: -1px;
-}
-
-#menu #top-menu-aide ul {
-  display: none;
-}
-
-#menu ul {
-  list-style: none;
-  margin: 0;
-  padding: 10px 0 32px 0;
-  -webkit-border-top-right-radius: 5px;
-  -moz-border-radius-topright: 5px;
-  border-top-right-radius: 5px;
-}
-
-#menu li {
-  display: inline-block;
-  text-align: center;
-  z-index: 1;
-  margin: 0px 10px 0 0;
-  padding: 5px;
-  background: #ea5b0c;
-  border: 5px solid transparent;
-  border-width: 2px 5px;
-  -webkit-transition: all .2s ease-in-out;
-  -moz-transition: all .2s ease-in-out;
-}
-
-#menu li a {
-  color: white;
-  text-transform: uppercase;
-  white-space: pre;
-}
-
-#menu li:hover {
-  background-color: #95c11f;
-  border-color: #95c11f;
-}
-
-#menu li:hover a {
-  text-decoration: none;
-}
-
-#menu li.selected, #menu li.ancestor {
-  background: #515151;
-  border-color: #515151;
-}
-
-#menu li.selected a {
-  color: white;
-}
-
-/* allow child to position relatively */
-#menu li {
-  position: relative;
-}
-
-/* menu with submenu must be large */
-#menu li.has-children {
-  display: inline-block;
-  width: 10em;
-}
-
-/* hide submenus */
-#menu li ul {
-  display: none;
-  position: relative;
-  width: 10em;
-  padding: 0px;
-  margin-top: 5px;
-  margin-left: -9px;
-/*  margin: 10px;
-  margin-top: 0px;
-  width: 160px;
-  z-index: 10;
-  background: rgba(246, 132, 35, 0.5);
-  border-bottom: 5px solid #ea5b0c; */
-}
-
-#menu li ul li {
-  width: 10em;
-  list-style: none;
-  background: #FFA824;
-  opacity: 0.9;
-  -webkit-transition: all .2s ease-in-out;
-  -moz-transition: all .2s ease-in-out;
-  transition: all .2s ease-in-out;
-/*  border-left: 5px solid #ea5b0c;
-  border-right: 5px solid #ea5b0c; */
-}
-
-#menu li ul li:hover {
-  background: #95c11f;
-  opacity: 1.0;
-}
-
-#menu li ul li a {
-  margin-left: 0;
-  -webkit-transition: all .2s ease-in-out;
-  -moz-transition: all .2s ease-in-out;
-  transition: all .2s ease-in-out;
-  overflow: hidden;
-  white-space: nowrap;
-}
-
-#menu li ul li a:hover {
-  letter-spacing: 1px;
-  font-weight: bold;
-}
-
-#menu ul li:hover ul {
-  /* float: right; */
-  position: absolute;
-  display: block;
-}
-
-.chapeau {
-        font-style: italic;
-        font-size: 110%;
-}
-
-/* mon compte */
-.profile-form-plugin form {
-  width: 90%;
-  padding-bottom: 1em;
-}
-
-.profile-form-plugin form input[type~=text] {
-  width: 100%;
-}
-
-#id_profileformplugin-email_wrap, #id_profileformplugin-address_wrap {
-  clear: both;
-}
-
-#id_profileformplugin-first_name_wrap, #id_profileformplugin-phone_wrap, #id_profileformplugin-postal_code_wrap {
-  width: 45%;
-  float: left;
-}
-
-#id_profileformplugin-last_name_wrap, #id_profileformplugin-mobile_wrap, #id_profileformplugin-city_wrap {
-  width: 45%;
-  float: right;
-}
-
-#id_profileformplugin-mobile_help_text, #id_profileformplugin-phone_help_text {
-  display: none;
-}
-
-/* pied de page */
-#footer-menu {
-  position: absolute;
-  display: block;
-  top: 20px;
-  left: 20px;
-  width: 435px;
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  text-align: left;
-}
-
-.footer-menu-leaf {
-  display: inline;
-  margin: 0;
-  padding: 0;
-  padding-right: 20px;
-  padding-bottom: 20px;
-  float: left;
-}
-
-.footer-menu-leaf-link, .footer-menu-leaf-link:hover {
-  display: block;
-  width: 125px;
-  height: 26px;
-  line-height: 26px;
-  background: #6A408E;
-  text-align: center;
-  text-transform: uppercase;
-  color: white;
-  text-decoration: none;
-  font-size: 14px;
-}
-
-/* pages d'aide */
-#help-content {
-  background: white;
-  position: relative;
-  padding: 10px 20px;
-}
-#help-title {
-  background: #e6e6d6 url(toptitle.png) no-repeat left top;
-  font-weight: bold;
-  color: #ea5b0c;
-  text-transform: uppercase;
-  padding: 6px 10px 6px 50px;
-  font-size: 200%;
-  cursor: default; /* someday, perhaps, cursor: move */
-}
-#help-page-title {
-  color: #ea5b0c;
-  padding-bottom: 20px;
-}
-#help-page-title.aide {
-  display: none;
-}
-#help-text {
-  width: 580px;
-  margin-left: 380px;
-}
-.clear {
-  clear: both;
-}
-#help-menu {
-  width: 360px;
-  float: left;
-}
-#help-summary-caption {
-  background: #ea5b0c;
-  color: white;
-  font-size: 150%;
-  font-weith: bold;
-  text-align: center;
-  padding: 15px 0px;
-}
-#help-menu #help-summary-caption-link, #help-menu #help-summary-caption-link:hover {
-  background: #ea5b0c;
-  color: white;
-  text-decoration: none;
-}
-#help-menu-content {
-  padding: 0;
-  margin: 0;
-}
-#help-menu-content > li {
-  background: #e6e6d6;
-  margin-bottom: 5px;
-  list-style: none;
-  font-size: 150%;
-  font-weight: bold;
-  line-height: 1.5em;
-}
-#help-menu-content > li > ul {
-  background: white;
-  margin-bottom: 5px;
-  list-style: none;
-  font-size: 100%;
-  font-weight: bold;
-  line-height: 1.5em;
-  padding: 10px 10px;
-}
-
-#help-menu-content li.ancestor {
-  background: rgb(58, 58, 58);
-}
-#help-menu-content li.ancestor > a, #help-menu-content li.ancestor > a.hover {
-  color: white;
-}
-
-#help-menu-content > li > ul > li {
-  padding: 0px 10px;
-  font-size: 80%;
-}
-#help-menu-content > li > ul > li.selected  {
-  border-left: solid 4px #ea5b0c;
-}
-#help-menu-content li a, #help-menu-content li a:hover {
-  color: rgb(58, 58, 58);
-  text-decoration: none;
-}
-
-.account-management-plugin ul {
-  padding: 0;
-  margin: 0;
-}
-
-.account-management-plugin li {
-  list-style: none;
-  font-weight: bold;
-}
-
-ul.show-user-feeds li {
-  list-style: none;
-  background: url(mediathk.png) left center no-repeat;
-  min-height: 30px;
-  padding-left: 30px;
-  padding-bottom: 4px;
-}
-
-ul.show-user-feeds li.aquarium { background-image: url(aquarium.png); }
-ul.show-user-feeds li.conservatoire { background-image: url(conservatoire.png); }
-ul.show-user-feeds li.ecolothk { background-image: url(ecolothk.png); }
-ul.show-user-feeds li.facebook { background-image: url(facebook.png); } 
-ul.show-user-feeds li.lattara { background-image: url(lattara.png); }
-ul.show-user-feeds li.mediathk { background-image: url(mediathk.png); }
-ul.show-user-feeds li.opendata { background-image: url(opendata.png); }
-ul.show-user-feeds li.planet { background-image: url(planet.png); }
-
-#id_new_password1_help_text, #id_password1_help_text { 
-  font-style: italic;
-  font-size: 90%;
-  color: red;
-}
-
-/* saml post page */
-.post-redirect {
-  background: white;
-}
-
-#messages li {
-  list-style-type: none;
-  padding: 10px;
-  color: white;
-}
-
-#messages {
-  position: absolute;
-  top: 120px;
-  left: 800px;
-  width: 50%;
-}
-
-#messages.messages-login {
-  position: static;
-}
-
-#messages.messages-login li {
-  margin: 0px;
-  margin-left: 100px;
-  margin-right: 100px;
-}
-
-#messages li.warning {
-  border: 1px solid #DB771F;
-  background: #ea5b0c;
-}
-
-#messages li.error {
-  border: 1px solid #DB771F;
-  background: #DB1F28;
-}
-
-#messages li.info {
-  border: 1px solid #301F91;
-  background: #1F8091;
-}
-
-/* registration form */
-img.captcha {
-	float: left;
-}
-
-#id_captcha_1 {
-	width: 13em;
-}
-
-/* federation plugin */
-
-.federation-plugin-list {
-	padding-left: 0;
-	margin-left: 0;
-	margin: 0 2em;
-}
-
-.federation-plugin-list li {
-	margin-bottom: 2ex;
-	list-style: none;
-	clear: both;
-	margin-left: 0;
-	padding-left: 0;
-}
-
-.federation-plugin-federation-name {
-	padding-top: 1ex;
-	display: inline-block;
-}
-
-.federation-plugin-list li input {
-	float: right;
-}
-
-/* cms ajax text plugin */
-
-.cms-ajax-text-plugin-loading {
-	padding: 1ex 0px 1ex 25px;
-	margin: 0 1em;
-	background: transparent url(spinner.gif) left center no-repeat;
-	color: #666;
-}
-
-ul.account-management li {
-    list-style-type: none;
-    margin-bottom: 1em;
-    font-weight: bold;
-}
-
-#profile dt {
-    font-weight: bold;
-}
-
-#profile dl {
-    margin: 0 1em;
-}
-
-#federation-management li {
-    list-style-type: none;
-    margin: 5px 0;
-}
-
-#federation-management li span.name {
-    float: left;
-    width: 20em;
-}
-
-#federation-management li button {
-    background: #ea5b0c;
-    border: none;
-    color: #fff;
-}
-
-/* bits of responsive design */
-
-@media screen and (max-width: 760px) {
-	div#main-content-wrapper {
-		width: auto;
-		margin-top: 0;
-	}
-	div#header {
-		margin: 0;
-	}
-	div#top {
-		margin: 0;
-		width: auto;
-	}
-	#toplinks {
-		float: none;
-		margin: 0 auto;
-	}
-	#menu ul {
-		margin-top: 45px;
-	}
-	#menu li {
-		display: block;
-		margin-left: 10px;
-		margin-bottom: 5px;
-	}
-	.region-header {
-		width: 100%;
-	}
-	div#agglolinks,
-	ul#footer-menu,
-	div#welcome p {
-		display: none;
-	}
-	div#welcome div.login-actions p,
-	div#welcome div.msp p {
-		display: block;
-	}
-	div#welcome h2 {
-		text-align: left;
-	}
-	div.login-actions {
-		margin-left: 10px;
-	}
-	body.narrow-page div.right {
-		width: auto;
-	}
-	body.narrow-page div.right form input {
-		display: inline-block;
-		margin: 0;
-		margin-right: 1em;
-	}
-	body.narrow-page div.right form div label {
-		float: none;
-	}
-	body.narrow-page div.right form div input {
-		width: 95%;
-	}
-	body.narrow-page div.right form button {
-		display: none;
-	}
-	div#footer {
-		width: auto;
-		height: 50px;
-	}
-	div.msp.connecting {
-		width: auto;
-	}
-}