[intranet/] on fout les css aux bons endroits
darcs-hash:20090222084727-bd074-7984178ebf7bc4811b013b5c4ffc83dc862ab956.gz
This commit is contained in:
Antoine Durand-Gasselin
parent
efac8bd18b
commit
7c66054928
4 changed files with 333 additions and 73 deletions
|
|
@ -16,18 +16,18 @@
|
|||
................................
|
||||
|
||||
==============================================================
|
||||
mainInterface.css - Intranet Style
|
||||
mainInterface.css - Intranet Style
|
||||
|
||||
Mise en page de l'accueil
|
||||
|
||||
|
||||
|
||||
Copyright (c) 2006 by www.crans.org
|
||||
|
||||
**************************************************************/
|
||||
|
||||
div.framed_gray {
|
||||
border:5px solid RoyalBlue; /* #acc0ff */
|
||||
background-color: LightBlue;
|
||||
border:5px solid #e2e2e2; /* #acc0ff */
|
||||
background-color:#f2f2f2;
|
||||
padding:10px;
|
||||
}
|
||||
|
||||
|
|
|
|||
262
intranet/static/css/form.css
Normal file
262
intranet/static/css/form.css
Normal file
|
|
@ -0,0 +1,262 @@
|
|||
/* form.css */
|
||||
|
||||
form * {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
form {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
font-size: 100%;
|
||||
min-width: 570px;
|
||||
max-width: 570px;
|
||||
width: 570px;
|
||||
}
|
||||
|
||||
form fieldset {
|
||||
clear: both;
|
||||
font-size: 100%;
|
||||
border-color: #000000;
|
||||
border-width: 1px 0px 0px 0px;
|
||||
border-style: solid none none none;
|
||||
padding: 10px;
|
||||
margin: 0px 0px 0px 0px;
|
||||
}
|
||||
|
||||
form fieldset legend {
|
||||
font-size: 150%;
|
||||
font-weight: normal;
|
||||
color: #000000;
|
||||
margin: 0px 0px 0px 0px;
|
||||
padding: 0px 5px;
|
||||
}
|
||||
|
||||
label {
|
||||
font-size: 100%;
|
||||
}
|
||||
|
||||
label u {
|
||||
font-style: normal;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
input, select, textarea {
|
||||
font-family: Tahoma, Arial, sans-serif;
|
||||
font-size: 100%;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
textarea {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
form div {
|
||||
clear: left;
|
||||
display: block;
|
||||
height: expression('1%');
|
||||
margin: 5px 0px 0px 0px;
|
||||
padding: 1px 3px;
|
||||
}
|
||||
|
||||
form fieldset div.notes {
|
||||
float: right;
|
||||
width: 158px;
|
||||
height: auto;
|
||||
margin: 0px 0px 10px 10px;
|
||||
padding: 5px;
|
||||
border: 1px solid #666666;
|
||||
background-color: #ffffe1;
|
||||
color: #666666;
|
||||
font-size: 88%;
|
||||
}
|
||||
|
||||
form fieldset div.notes h4 {
|
||||
background-image: url(img/icon_info.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-position: top left;
|
||||
padding: 3px 0px 3px 27px;
|
||||
border-width: 0px 0px 1px 0px;
|
||||
border-style: solid;
|
||||
border-color: #666666;
|
||||
color: #666666;
|
||||
font-size: 110%;
|
||||
}
|
||||
|
||||
form fieldset div.notes p {
|
||||
margin: 0em 0em 1.2em 0em;
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
form fieldset div.notes p.last {
|
||||
margin: 0em;
|
||||
}
|
||||
|
||||
form div fieldset {
|
||||
clear: none;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: #666666;
|
||||
margin: 0px 0px 0px 142px;
|
||||
padding: 0px 5px 5px 5px;
|
||||
width: 197px;
|
||||
}
|
||||
|
||||
form div fieldset legend {
|
||||
font-size: 100%;
|
||||
padding: 0px 3px 0px 9px;
|
||||
}
|
||||
|
||||
form div.required fieldset legend {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
form div label {
|
||||
display: block;
|
||||
float: left;
|
||||
width: 130px;
|
||||
padding: 3px 5px;
|
||||
margin: 0px 0px 5px 0px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
form div.optional label, label.optional {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
form div.required label, label.required {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
form div label.labelCheckbox, form div label.labelRadio {
|
||||
float: none;
|
||||
display: block;
|
||||
width: 200px;
|
||||
height: expression('1%');
|
||||
padding: 0px;
|
||||
margin: 0px 0px 5px 142px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
form div fieldset label.labelCheckbox, form div fieldset label.labelRadio {
|
||||
margin: 0px 0px 5px 0px;
|
||||
width: 170px;
|
||||
}
|
||||
|
||||
form div img {
|
||||
border: 1px solid #000000;
|
||||
}
|
||||
|
||||
p.error {
|
||||
background-color: #ff0000;
|
||||
background-image: url(/images/icon_error.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-position: 3px 3px;
|
||||
color: #ffffff;
|
||||
padding: 3px 3px 5px 27px;
|
||||
border: 1px solid #000000;
|
||||
margin: auto 100px;
|
||||
}
|
||||
|
||||
form div.error {
|
||||
background-color: #ffffe1;
|
||||
background-image: url(/images/required_bg.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-position: top left;
|
||||
color: #666666;
|
||||
border: 1px solid #ff0000;
|
||||
}
|
||||
|
||||
form div.error p.error {
|
||||
background-image: url(/images/icon_error.gif);
|
||||
background-position: top left;
|
||||
background-color: transparent;
|
||||
border-style: none;
|
||||
font-size: 88%;
|
||||
font-weight: bold;
|
||||
margin: 0px 0px 0px 118px;
|
||||
width: 200px;
|
||||
color: #ff0000;
|
||||
}
|
||||
|
||||
form div input, form div select, form div textarea {
|
||||
width: 200px;
|
||||
padding: 1px 3px;
|
||||
margin: 0px 0px 0px 0px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
form div input.inputFile {
|
||||
width: 211px;
|
||||
}
|
||||
|
||||
form div select.selectOne, form div select.selectMultiple {
|
||||
width: 211px;
|
||||
padding: 1px 3px;
|
||||
}
|
||||
|
||||
form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio {
|
||||
display: inline;
|
||||
height: 14px;
|
||||
width: 14px;
|
||||
background-color: transparent;
|
||||
border-width: 0px;
|
||||
padding: 0px;
|
||||
margin: 0px 0px 0px 140px;
|
||||
}
|
||||
|
||||
form div.submit {
|
||||
padding: 0px 0px 0px 140px;
|
||||
text-align:right;
|
||||
}
|
||||
|
||||
form div.submit div {
|
||||
display: inline;
|
||||
float: left;
|
||||
text-align: left;
|
||||
width: auto;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {
|
||||
background-color: #cccccc;
|
||||
color: #000000;
|
||||
width: auto;
|
||||
padding: 0px 6px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
form div.submit div input.inputSubmit, form div.submit div input.inputButton {
|
||||
float: right;
|
||||
margin: 0px 0px 0px 5px;
|
||||
}
|
||||
|
||||
form div small {
|
||||
display: block;
|
||||
margin: 0px 0px 5px 142px;
|
||||
padding: 1px 3px;
|
||||
font-size: 88%;
|
||||
height: expression('1%');
|
||||
width:200px;
|
||||
|
||||
}
|
||||
|
||||
form div.wide input.inputText, form div.wide input.inputPassword, form div.wide input.inputFile, form div.wide select, form div.wide textarea {
|
||||
width: 344px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
form div.notes p, form div small {
|
||||
line-height: 125%;
|
||||
}
|
||||
|
||||
form div.wide small {
|
||||
margin: 0px 0px 5px 0px;
|
||||
}
|
||||
|
||||
form div.wide label {
|
||||
float: none;
|
||||
display: block;
|
||||
}
|
||||
66
intranet/static/css/login.css
Normal file
66
intranet/static/css/login.css
Normal file
|
|
@ -0,0 +1,66 @@
|
|||
.block {
|
||||
width:260px;
|
||||
padding: 20px;
|
||||
background: LightBlue;
|
||||
border-right: 2px solid DarkSlateGrey;
|
||||
border-bottom: 2px solid DarkSlateGrey;
|
||||
-moz-border-radius: 20px;
|
||||
-webkit-border-radius: 20px;
|
||||
margin:0 auto;
|
||||
}
|
||||
.form {
|
||||
width: 260px;
|
||||
padding: 0;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.liens {
|
||||
text-align:right;
|
||||
}
|
||||
.titre {
|
||||
position: relative;
|
||||
top: 50px
|
||||
}
|
||||
label {
|
||||
display:block;
|
||||
float:left;
|
||||
width:100%;
|
||||
clear:both;
|
||||
}
|
||||
textInputLabel {
|
||||
width:150px;
|
||||
}
|
||||
h2 {
|
||||
right: 40px;
|
||||
margin: 0;
|
||||
padding:0 0 0 0;
|
||||
position: relative;
|
||||
}
|
||||
img {
|
||||
position: relative;
|
||||
bottom:60px;
|
||||
right:50px;
|
||||
float:left;
|
||||
}
|
||||
div#message {
|
||||
background: #faa;
|
||||
border-right: 1px DarkRed solid;
|
||||
border-bottom:1px DarkRed solid;
|
||||
-moz-border-radius: 10px;
|
||||
-webkit-border-radius: 10px;
|
||||
padding:5px;
|
||||
text-align:center;
|
||||
font-weight:bold;
|
||||
margin:10px auto 10px auto;
|
||||
clear:both;
|
||||
}
|
||||
/*<!-- footer -->*/
|
||||
#mainFooter {
|
||||
text-align:center;
|
||||
color:gray;
|
||||
font-size:small;
|
||||
}
|
||||
#mainFooter a {
|
||||
color:gray;
|
||||
margin:5px;
|
||||
}
|
||||
|
||||
|
|
@ -3,75 +3,7 @@
|
|||
<head>
|
||||
<meta content="text/html; charset=utf-8" HTTP-EQUIV="Content-Type">
|
||||
<title>Cr@ns Intranet</title>
|
||||
|
||||
<style type="text/css">
|
||||
.block {
|
||||
width:260px;
|
||||
padding: 20px;
|
||||
background: LightBlue;
|
||||
border-right: 2px solid DarkSlateGrey;
|
||||
border-bottom: 2px solid DarkSlateGrey;
|
||||
-moz-border-radius: 20px;
|
||||
-webkit-border-radius: 20px;
|
||||
margin:0 auto;
|
||||
}
|
||||
.form {
|
||||
width: 260px;
|
||||
padding: 0;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.liens {
|
||||
text-align:right;
|
||||
}
|
||||
.titre {
|
||||
position: relative;
|
||||
top: 50px
|
||||
}
|
||||
label {
|
||||
display:block;
|
||||
float:left;
|
||||
width:100%;
|
||||
clear:both;
|
||||
}
|
||||
textInputLabel {
|
||||
width:150px;
|
||||
}
|
||||
h2 {
|
||||
right: 40px;
|
||||
margin: 0;
|
||||
padding:0 0 0 0;
|
||||
position: relative;
|
||||
}
|
||||
img {
|
||||
position: relative;
|
||||
bottom:60px;
|
||||
right:50px;
|
||||
float:left;
|
||||
}
|
||||
div#message {
|
||||
background: #faa;
|
||||
border-right: 1px DarkRed solid;
|
||||
border-bottom:1px DarkRed solid;
|
||||
-moz-border-radius: 10px;
|
||||
-webkit-border-radius: 10px;
|
||||
padding:5px;
|
||||
text-align:center;
|
||||
font-weight:bold;
|
||||
margin:10px auto 10px auto;
|
||||
clear:both;
|
||||
}
|
||||
/*<!-- footer -->*/
|
||||
#mainFooter {
|
||||
text-align:center;
|
||||
color:gray;
|
||||
font-size:small;
|
||||
}
|
||||
#mainFooter a {
|
||||
color:gray;
|
||||
margin:5px;
|
||||
}
|
||||
|
||||
</style>
|
||||
<link rel="stylesheet" type="text/css" href="/static/css/login.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Bienvenue sur Cr@nsIntranet</h1>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue