import initial

darcs-hash:20060918211936-f46e9-465a00646359af4bd4f6775128cf8179cbe8027d.gz
This commit is contained in:
gdetrez 2006-09-18 23:19:36 +02:00
parent cf23a42213
commit 3f7aa45f0f
4 changed files with 850 additions and 0 deletions

View file

@ -0,0 +1,145 @@
/********************************************
* <!-- disposition générale -->
********************************************/
#globalDiv {
padding-left:200px;
position: relative;
}
ul#actionMenu {
list-style-type:none;
position:absolute;
width:190px;
top:0;
left:0;
margin:20px;
padding:0;
}
h2 {
font-size:1.4em;
margin:2px;
}
td, tr {
margin:0;
}
#factureListDiv {
padding:5px;
background:#fad163;
}
#factureListDiv table#listeFactures {
padding:0;
width:100%;
}
.factureRow {
margin:2px;
position:relative;
}
.factureRow .factureSummary {
height:30px;
font-weight:bold;
padding:10px 20px;
background:#fff7D7;
}
.factureRow .factureSummary span.intitule {
float:left;
}
.factureRow .factureSummary span.montant {
float:right;
text-align:right;
}
.tdNoFactures {
text-align:center;
font-size:1.2em;
background-color:#fff7D7;
color:#666;
margin:0;
padding:5px;
}
.facturePayee {
}
.factureNonPayee .factureSummary {
color:red;
}
/********************************************
* <!-- factures - details -->
********************************************/
table.factureDetails {
background: #fff7D7 url(../images/fondFacturesDetails.png) repeat-x top;
padding:1%;
width:96%;
margin:0 1% 10px 1%;
}
.tdTotalDetail,
.tdTotalDetailIntitule {
border-top:thin black solid;
}
.tdTotalDetailIntitule {
text-align:right;
font-weight:bold;
}
table.factureDetails th {
border-bottom:thin black solid;
}
table.factureDetails th,
table.factureDetails td {
border-right:thin black solid;
margin:0;
padding:5px 20px;
}
/********************************************
* <!-- factures - divers -->
********************************************/
.note {
display:block;
font-size:small;
margin:3px;
font-weight:normal;
}
span.note {
color:#666
}
.linkToggle {
display:block;
float:left;
height:15px;
width:15px;
background:transparent url(../images/fl.png) top left;
margin-right:1px;
}
/********************************************
* <!-- factures - historique -->
********************************************/
table#historique_sous {
width:100%;
}
table#historique_sous td {
background:#fff7D7;
padding:5px;
text-align:center;
border-top:2px #fad163 solid;
}
table#historique_sous th {
background:#fff7D7;
padding:5px;
text-decoration:underline;
}

View file

@ -0,0 +1,147 @@
/* ****************************************** *
* <!-- disposition générale -->
* ****************************************** */
#globalDiv {
padding-left:200px;
position: relative;
}
ul#actionMenu {
list-style-type:none;
position:absolute;
width:150px;
top:0;
left:0;
margin:20px;
padding:0;
}
ul#actionMenu li {
clear:both;
}
/* ****************************************** *
* <!-- file name -->
* ****************************************** */
#fileName {
width:150px;
text-align:center;
float:left;
padding:50px 5px 5px 5px;
height:20px;
background: url(../images/pdf-icon.png) center top no-repeat;
margin-top:-30px;
margin-bottom:10px;
}
/* ******************************************* *
* <!-- formulaire reglages impression -->
* ******************************************* */
form#form_impression {
margin: 0px;
font-size: 100%;
min-width:600px;
}
form#form_impression #preview {
border:1px black solid;
width:150px;
height:150px;
padding:10px;
background-color:#C0C0C0;
}
form#form_impression #rightColumn {
margin:10px 10px 10px 240px;
}
form#form_impression #leftColumn {
float:left;
width:170px;
margin:10px;
padding:0;
}
form#form_impression fieldset fieldset {
margin:10px;
}
form#form_impression>fieldset {
position:relative;
padding:20px;
}
.clear {
clear:both;
}
form#form_impression .bouttons {
text-align:right;
}
form#form_impression label.labelInput {
display:block;
width:4em;
margin-right:4px;
float:left;
text-align:right;
}
/* ****************************************** *
* <!-- popup choix fichier -->
* ****************************************** */
#popupFichiers {
background:#AE0F3E;
z-index:500;
float:left;
position:fixed;
min-width:450px;
top:110px;
left:20%;
right:20%;
padding:0;
}
#popupFichiers #insideDiv {
background:white;
margin:2px 5px;
}
#popupFichiers #insideDiv form {
margin:2px 5px;
}
#popupFichiers h1 {
font-size:1em;
margin:0;
text-align:center;
color:white;
}
#popupFichiers h1:before {
content:url("../images/WindowTitleLogo.png");
margin-right:5px;
}
#popupFichiers h2 {
font-size:1.1em;
border-bottom:thin black solid;
}
#popupFichiers select,
#popupFichiers input.file {
width:100%;
}
.button {
float:right;
}
/* ****************************************** *
* <!-- popup impression en cours -->
* ****************************************** */
div#printingPopupContent {
background: white url("../images/printer.png") left center no-repeat;;
padding:10px 10px 10px 115px;
min-height:100px;
}
#printingPopupContent a,
#printingPopupContent span {
display:block;
font-weight: bold;
margin:5px 0;
}

View file

@ -0,0 +1,198 @@
/*************************************************************
..
.... ............ ........
. ....... . .... ..
. ... .. .. .. .. ..... . ..
.. .. ....@@@. .. . ........ .
.. . .. ..@.@@..@@. .@@@@@@@ @@@@@@. ....
.@@@@. .@@@@. .@@@@..@@.@@..@@@..@@@..@@@@.... ....
@@@@... .@@@.. @@ @@ .@..@@..@@...@@@. .@@@@@. ..
.@@@.. . @@@. @@.@@..@@.@@..@@@ @@ .@@@@@@.. .....
...@@@.... @@@ .@@.......... ........ ..... ..
. ..@@@@.. . .@@@@. .. ....... . .............
. .. .... .. .. . ... ....
. . .... ............. .. ...
.. .. ... ........ ... ...
................................
==============================================================
mainInterface.css - Intranet Style
STYLE GLOBAL ET MISE EN PAGE DES ELEMENTS COMMUNS
Copyright (c) 2006 by www.crans.org
**************************************************************/
/* STYLE GLOBAL
- body
- liens
- titres
- images
- ...
*/
body
{
background:white;
padding:150px 5px 5px 5px;
margin:0;
}
a, a:hover, a:visited {color:blue;}
h1#pageTitle {
border:5px solid #e2e2e2; /* #acc0ff */
background-color:#f2f2f2;
width:100%;
margin:0;
}
img {
border:none;
}
div#pageContent {
padding:0;
margin:10px;
}
/**************************************************************************/
/* LE HAUT DES PAGES
- le logo a gauche
- petit menu a droite
*/
div#topContent {
position:absolute;
top:0px;
left:0px;
width:100%;
height:150px;
padding:0;
}
img#main_topContentLogo {
height:100%;
}
/*<!-- MENU EN HAUT -->*/
ul#main_topContentMenu {
/* Position */
z-index:2;
position:absolute;
right:0px;
top:0px;
/* taille */
height:30px;
float:right;
/* disposition */
padding:0;
margin:0;
background:transparent;
/* suppression des puces de liste */
list-style-type: none;
}
ul#main_topContentMenu li {
float:left;
padding:0 10px;
border-right:1px black solid;
}
ul#main_topContentMenu li.last {
border-right-style:none;
}
ul#main_topContentMenu hr, div#topMenu h1 {
display:none;
}
/**************************************************************************
* LE BAS DES PAGES
**************************************************************************/
/*<!-- footer -->*/
#mainFooter {
text-align:center;
color:gray;
font-size:small;
}
#mainFooter a {
color:gray;
margin:5px;
}
/**************************************************************************
* DIVERS
**************************************************************************/
/*<!-- MENU A GAUCHE -->*/
#leftMenu ul {
list-style-type: none;
/* disposition */
padding:0 25px;
}
#leftMenu h2 {
display:none;
}
div.visualClear {clear:both;}
div.framed_gray {
border:5px solid #e2e2e2; /* #acc0ff */
background-color:#f2f2f2;
padding:10px;
}
div.framed_gray fieldset {
border-width:2px;
border-style:solid none none none;
border-color:#a2a2a2;
padding:10px;
margin:10px 10px;
}
div.framed_gray fieldset legend {
color:#a2a2a2;
}
div.framed_gray fieldset ul {
list-style-type:none;
margin:0;
padding:0;
}
div.framed_gray fieldset ul li {
float:left;
height:70px;
width:100px;
margin:5px;
display:block;
text-align:center;
}
div.framed_gray fieldset ul li span {
margin-bottom:0;
display:block;
}
div.framed_gray fieldset ul a {
color:black;
text-decoration:none;
}
div.framed_gray fieldset ul li img {
margin:2px auto;
width:32px;
height:32px;
}
.aide {
font-size:0.8em;
}

View file

@ -0,0 +1,360 @@
/********************************************
* <!-- disposition générale -->
********************************************/
#globalDiv {
padding-left:100px;
}
/* style du titre au dessus des onglet et des titres pour les pages PayPal */
div.domtab>h1,
h2 {
font-size:1.4em;
margin:2px;
}
/********************************************
* <!-- onglets -->
********************************************/
/* conteneur de l'ensemble */
div.domtab{
padding:3px;
width:100%;
font-size:90%;
background:#fad163;
clear:left;
}
/* onglets */
ul.domtabs{
float:left;
width:100%;
margin:0;
padding:0;
list-style-type:none;
}
ul.domtabs li{
float:left;
}
ul.domtabs a:link,
ul.domtabs a:visited,
ul.domtabs a:active,
ul.domtabs a:hover{
font-weight:bold;
display:block;
padding:0.4em;
text-align:center;
background:#fad163;
}
ul.domtabs li.active a:link,
ul.domtabs li.active a:visited,
ul.domtabs li.active a:active,
ul.domtabs li.active a:hover{
background:#fff7D7;
color:#000;
text-decoration:none;
}
/* les pages */
div.domtab>div {
padding:0;
clear:both;
border:5px solid #fff7D7;
}
/* ancre des pages */
.mark {
height:0;
clear:both;
display:none;
}
/********************************************
* <!-- division des pages -->
********************************************/
.tabbed_page {
padding:0;
margin:0;
}
ul.tabbed_page {
list-style-type:none;
}
dl.tabbed_page>dt,
dl.tabbed_page>dd,
ul.tabbed_page>li {
background:#fff7D7;
padding:10px;
margin:0 0 2px 0;
font-weight:bold;
}
dl.tabbed_page>dt.last,
dl.tabbed_page>dd.last,
ul.tabbed_page>li.last {
margin:0 0 0 0;
}
dl.tabbed_page>dt {
width:40%;
display:block;
height:100%;
float:left;
clear:left;
}
dl.tabbed_page>dd {
padding-left:45%;
}
span.actions {
display:block;
float:right;
font-size:0.9em;
font-weight:normal;
}
.tabbed_page span.actions a {
margin:2px 10px;
}
.tabbed_page dl,
.tabbed_page dl dt,
.tabbed_page dl dd {
margin:0;
padding:0;
}
.tabbed_page dl dt {
float:left;
margin-right:5px;
}
.tabbed_page dl dd,
.tabbed_page p {
font-weight:normal;
margin:3px;
}
span.valide {
color:green;
font-weight:bold;
}
span.invalide {
color:red;
font-weight:bold;
}
.clear {
clear:both;
}
ul.tabbed_page li.centrer {
padding:10px;
margin-left:0;
text-align:center;
}
/********************************************
* <!-- formulaires -->
********************************************/
.textInputNote {
display:block;
padding-left:0;
font-size:0.8em;
font-weight:normal;
}
dd .textInputNote {
padding-left:0;
}
li .textInputNote {
padding-left:175px;
}
label.textInputLabel{
width:175px;
display:block;
float:left;
}
label.checkBoxLabel{
float:none;
padding-left:175px;
}
/********************************************
* <!-- liste machines -->
********************************************/
dl#machineList,
dl#machineList>dt {
margin:0;
padding:0;
}
#machineList>dt {
font-size:1.2em;
font-weight:bold;
margin:5px 5px 5px 5px;
height:30px;
padding:10px 20px;
background:#fff7D7;
}
#machineList>dd {
margin:0 0 2px 0;
}
.linkToggle {
display:block;
float:left;
height:15px;
width:15px;
background:transparent url(../images/fl.png) top left;
margin-right:1px;
}
/********************************************
* <!-- infos machines -->
********************************************/
.machineDetails {
background: #fff7D7;/*/ url(../images/fondFacturesDetails.png) repeat-x top;*/
padding:0;
/*width:96%;*/
display:none;
margin:0;
}
dl.machineInfos dt, dl.machineInfos dd {
float:left;
margin-top:0;
padding:.1em;
display:block;
width:20%;
}
dl.machineInfos dt {
text-align:right;
width:20%;
}
/********************************************
* <!-- liste alias -->
********************************************/
ul.listeAlias {
list-style-type:none;
margin:0;
padding:0;
}
ul.listeAlias li span {
color:#666;
}
/********************************************
* <!-- messages -->
********************************************/
#loadings {
background:#cc0000;
position:fixed;
top:1px;
right:1px;
z-index:1000;
display:none;
padding:2px 3px;
color:white;
}
.messageText {
padding:2px 10px;
display:block;
}
#messagePlaceHolder {
height:0;
overflow:visible;
position:relative;
top:-4em;
}
.message {
padding:0;
background:#fad163;
width:300px;
text-align:center;
margin : 1px auto 10px auto;
}
.errorMessage {
display:block;
background:white;
border:2px #cc0000 solid;
padding:5px;
text-align:center;
min-width:230px;
max-width:430px;
font-weight:bold;
margin : 1px auto 10px auto;
}
/********************************************
* <!-- popup PayPal -->
********************************************/
div#popupInnerBody {
border:5px solid #fad163;
background: #fff7D7;
margin:5px;
padding:5px;
}
div#popupInnerBody .liens {
list-style-type:none;
float:right;
height:1em;
background: #fff7D7;
border-color:#fad163;
border-style: none solid solid solid;
border-width:3px;
margin:0;
padding:2px;
}
div#popupInnerBody .liens a {
display:block;
height:1em;
float : left;
margin:0 5px;
}
a { color:blue; }
/********************************************
* <!-- factures - details -->
********************************************/
table.factureDetails {
padding:1%;
width:96%;
margin:0 1% 10px 1%;
}
.tdTotalDetail,
.tdTotalDetailIntitule {
border-top:thin black solid;
}
.tdTotalDetailIntitule {
text-align:right;
font-weight:bold;
}
table.factureDetails th {
border-bottom:thin black solid;
}
table.factureDetails th,
table.factureDetails td {
border-right:thin black solid;
margin:0;
padding:5px 20px;
}