divers style (suppression de hacks pas beaux, stylr du formulaire...)

darcs-hash:20060427105950-f46e9-72b2014f1715d7b85a190a413def3f8cc2c28aad.gz
This commit is contained in:
gdetrez 2006-04-27 12:59:50 +02:00
parent 61b337316b
commit 2f71cfd973
4 changed files with 20 additions and 530 deletions

View file

@ -1,210 +1,15 @@
/*<!-- BODY -->*/
body
{
background:white;
padding-top:40px;
padding-right:180px;
}
/*<!-- TITRE -->*/ /*<!-- TITRE -->*/
h1#title h1#title
{ {
color:white;
font: 25px "Trebuchet MS", helvetica, sans-serif ;
float:right;
z-index:5;
position: fixed; /* positionnement */
left: 0;
top: 0;
padding:0 0 0 15px;
margin:0;
height: 40px ;
width:100%;
border-bottom: thin solid blue; border-bottom: thin solid blue;
background: url(../img/BarreBleue.png) repeat-x; background: url(../img/BarreBleue.png) repeat-x;
text-align:left;
}
h1#title a {
margin: 0;
color:white;
font: 25px "Trebuchet MS", helvetica, sans-serif ;
text-decoration:none;
}
/*<!-- MENU DE DROITE -->*/
div#column-one ul, div#column-one li { /* utilisation de liste pour le menu */
list-style-type: none; /* suppression des puces de liste */
margin:0;
padding:0;
}
div#column-one {
/* position */
z-index:2;
position: fixed;
right:0;
top:41px;
/* dimensions */
padding:5px 10px 10px 10px;
width:150px;
height:100%;
margin:0px;
/* texte */
font: 0.9em "Trebuchet MS", helvetica, sans-serif;
text-align:left;
/* couleurs */
background:#eeeeee;
border-left:thin solid #bbbbbb;
}
div#column-one li a {
margin:2px;
text-decoration:none;
color:#888888;
}
div#column-one li a:hover {
text-decoration:underline;
}
div#p-logo {
display:none;
}
/* titres */
div#column-one h5, div#column-one ul:before {
margin:2px;
text-decoration:none;
font-size:1em;
font-weight:bold;
}
/* ajout de titres */
div#p-personal ul:before {
content:"Personnel :";
}
div#p-nav ul:before {
content:"Navigation :";
}
div.portlet:after {
content:url(../img/Separator.png);
margin:2px;
text-decoration:none;
font-size:1em;
font-weight:bold;}
#timings
{
display: none;
}
#credits, #version, #timings{
margin: 5px 10px;
padding: 0;
text-align: center;
font-size: 0.88em;
color: #6C7680;
}
#credits li, #timings li {
display: inline;
padding: 0 2px;
margin: 0 4px;
} }
div#content{ div#content{
background-image: url("../img/fond_bde.png"); background-image: url("../img/fond_bde.png");
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
padding-left: 15px; padding-left: 15px;
padding-right: 10px; padding-right: 10px;
} }
/*<!-- EDITEUR DE TEXTE -->*/
textarea {
width: 95%;
}
.diff {
width:99%;
}
.diff-header {
font-weight: bold;
}
.diff-title {
background-color: #C0C0C0;
}
.diff-added {
background-color: #E0FFE0;
vertical-align: sub;
}
.diff-removed {
background-color: #FFFFE0;
vertical-align: sub;
}
.diff-added span {
background-color: #80FF80;
}
.diff-removed span {
background-color: #FFFF80;
}
#message {
clear: both;
width: 100%;
margin: 0;
padding: 5px 0px;
border-bottom: 1px solid #c9c9c9;
background: #E6EAF0;
font-size: 0.9em;
}
#message p{
margin: 0;
padding: 0 10px 0 20px;
font-weight: bold;
}
#message div.buttons {
font-weight: lighter;
padding: 0 0 0 30px;
}
/* Collection de hacks à la con pour IE */
@media screen {
* html {
overflow-y: hidden;
}
* html body {
overflow-y: auto;
height: 100%;
padding: 44px 160px 0 1em;
font-size: 100%;
}
* html div#column-one {
position: absolute;
}
* html h1#title
{
position: absolute;
width: expression(document.body.clientWidth);
}
* html div.portlet
{
padding-bottom: 1.5em;
}
}

View file

@ -3,7 +3,7 @@ body
{ {
background:white; background:white;
padding-top:40px; padding-top:40px;
padding-right:180px; padding-right:170px;
} }
/*<!-- TITRE -->*/ /*<!-- TITRE -->*/
@ -51,6 +51,7 @@ div#column-one {
padding:5px 10px 10px 10px; padding:5px 10px 10px 10px;
width:150px; width:150px;
height:100%; height:100%;
overflow:hidden;
margin:0px; margin:0px;
/* texte */ /* texte */
font: 0.9em "Trebuchet MS", helvetica, sans-serif; font: 0.9em "Trebuchet MS", helvetica, sans-serif;
@ -75,26 +76,27 @@ div#p-logo {
} }
/* titres */ /* titres */
div#column-one h5, div#column-one ul:before { div#column-one h5 {
margin:2px; margin:2px;
text-decoration:none; text-decoration:none;
font-size:1em; font-size:1em;
font-weight:bold; font-weight:bold;
} }
/* ajout de titres */
div#p-personal ul:before {
content:"Personnel :";
}
div#p-nav ul:before {
content:"Navigation :";
}
div.portlet:after { div.portlet:after {
content:url(../img/Separator.png); content:url(../img/Separator.png);
margin:2px; }
text-decoration:none;
font-size:1em; /* champ de recherche */
font-weight:bold;} #searchInput {
padding: 2px 2px 2px 18px;
background: #fff url(../img/q.png) no-repeat 4px center;
width:132px;
font: 0.9em "Trebuchet MS", helvetica, sans-serif;
border:thin gray solid;
margin: 5px 0;
}
#timings #timings
{ {

View file

@ -2,123 +2,35 @@
body body
{ {
background:black; background:black;
padding-top:40px;
padding-right:180px;
color:white; color:white;
} }
/*<!-- TITRE -->*/ /*<!-- TITRE -->*/
h1#title h1#title
{ {
color:white;
font: 25px "Trebuchet MS", helvetica, sans-serif ;
float:right;
z-index:5;
position: fixed; /* positionnement */
left: 0;
top: 0;
padding:0 0 0 15px;
margin:0;
height: 40px ;
width:100%;
border-bottom: thin solid red; border-bottom: thin solid red;
background: url(../img/BarreRouge.png) repeat-x; background: url(../img/BarreRouge.png) repeat-x;
text-align:left;
} }
h1#title a {
margin: 0;
color:white;
font: 25px "Trebuchet MS", helvetica, sans-serif ;
text-decoration:none;
}
/*<!-- MENU DE DROITE -->*/ /*<!-- MENU DE DROITE -->*/
div#column-one ul, div#column-one li { /* utilisation de liste pour le menu */
list-style-type: none; /* suppression des puces de liste */
margin:0;
padding:0;
}
div#column-one { div#column-one {
/* position */
z-index:2;
position: fixed;
right:0;
top:41px;
/* dimensions */
padding:5px 10px 10px 10px;
width:150px;
height:100%;
margin:0px;
/* texte */
font: 0.9em "Trebuchet MS", helvetica, sans-serif;
text-align:left;
/* couleurs */ /* couleurs */
background:#222222; background:#222222;
border-left:thin solid #bbbbbb; border-left:thin solid #bbbbbb;
} }
div#column-one li a { div#column-one li a {
margin:2px;
text-decoration:none;
color:#aaaaaa; color:#aaaaaa;
} }
div#column-one li a:hover {
text-decoration:underline;
}
div#p-logo { div#p-logo {
display:none; display:none;
} }
/* titres */
div#column-one h5, div#column-one ul:before {
margin:2px;
text-decoration:none;
font-size:1em;
font-weight:bold;
}
/* ajout de titres */
div#p-personal ul:before {
content:"Personnel :";
}
div#p-nav ul:before {
content:"Navigation :";
}
div.portlet:after {
content:url(../img/Separator.png);
margin:2px;
text-decoration:none;
font-size:1em;
font-weight:bold;}
#timings
{
display: none;
}
#credits, #version, #timings{
margin: 5px 10px;
padding: 0;
text-align: center;
font-size: 0.88em;
color: #6C7680;
}
#credits li, #timings li {
display: inline;
padding: 0 2px;
margin: 0 4px;
}
div#content{ div#content{
background-image: url("../img/fond_ensanime.png"); background-image: url("../img/fond_ensanime.png");
background-repeat: no-repeat;
background-position: center center; background-position: center center;
background-attachment: fixed; background-attachment: fixed;
padding-left: 15px; padding-left: 15px;
@ -126,33 +38,11 @@ div#content{
} }
/*<!-- EDITEUR DE TEXTE -->*/
textarea {
width: 95%;
}
.diff { .diff-title, .diff-added, .diff-removed {
width:99%;
}
.diff-header {
font-weight: bold;
}
.diff-title {
background-color: #444444; background-color: #444444;
} }
.diff-added {
background-color: #444444;
vertical-align: sub;
}
.diff-removed {
background-color: #444444;
vertical-align: sub;
}
.diff-added span { .diff-added span {
background-color: #CC0000; background-color: #CC0000;
color:black; color:black;
@ -164,51 +54,7 @@ textarea {
} }
#message { #message {
clear: both;
width: 100%;
margin: 0;
padding: 5px 0px;
border-bottom: 1px solid #c9c9c9;
background: #E6EAF0;
font-size: 0.9em;
color:black; color:black;
} }
#message p{
margin: 0;
padding: 0 10px 0 20px;
font-weight: bold;
}
#message div.buttons {
font-weight: lighter;
padding: 0 0 0 30px;
}
/* Collection de hacks à la con pour IE */
@media screen {
* html {
overflow-y: hidden;
}
* html body {
overflow-y: auto;
height: 100%;
padding: 44px 160px 0 1em;
font-size: 100%;
}
* html div#column-one {
position: absolute;
}
* html h1#title
{
position: absolute;
width: expression(document.body.clientWidth);
}
* html div.portlet
{
padding-bottom: 1.5em;
}
}

View file

@ -2,157 +2,43 @@
body body
{ {
background:black; background:black;
padding-top:40px;
padding-right:180px;
color:white; color:white;
} }
/*<!-- TITRE -->*/ /*<!-- TITRE -->*/
h1#title h1#title
{ {
color:white;
font: 25px "Trebuchet MS", helvetica, sans-serif ;
float:right;
z-index:5;
position: fixed; /* positionnement */
left: 0;
top: 0;
padding:0 0 0 15px;
margin:0;
height: 40px ;
width:100%;
border-bottom: thin solid green; border-bottom: thin solid green;
background: url(../img/BarreVerte.png) repeat-x; background: url(../img/BarreVerte.png) repeat-x;
text-align:left;
} }
h1#title a {
margin: 0;
color:white;
font: 25px "Trebuchet MS", helvetica, sans-serif ;
text-decoration:none;
}
/*<!-- MENU DE DROITE -->*/ /*<!-- MENU DE DROITE -->*/
div#column-one ul, div#column-one li { /* utilisation de liste pour le menu */
list-style-type: none; /* suppression des puces de liste */
margin:0;
padding:0;
}
div#column-one { div#column-one {
/* position */
z-index:2;
position: fixed;
right:0;
top:41px;
/* dimensions */
padding:5px 10px 10px 10px;
width:150px;
height:100%;
margin:0px;
/* texte */
font: 0.9em "Trebuchet MS", helvetica, sans-serif;
text-align:left;
/* couleurs */ /* couleurs */
background:#222222; background:#222222;
border-left:thin solid #bbbbbb; border-left:thin solid #bbbbbb;
} }
div#column-one li a { div#column-one li a {
margin:2px;
text-decoration:none;
color:#aaaaaa; color:#aaaaaa;
} }
div#column-one li a:hover {
text-decoration:underline;
}
div#p-logo {
display:none;
}
/* titres */
div#column-one h5, div#column-one ul:before {
margin:2px;
text-decoration:none;
font-size:1em;
font-weight:bold;
}
/* ajout de titres */
div#p-personal ul:before {
content:"Personnel :";
}
div#p-nav ul:before {
content:"Navigation :";
}
div.portlet:after {
content:url(../img/Separator.png);
margin:2px;
text-decoration:none;
font-size:1em;
font-weight:bold;}
#timings
{
display: none;
}
#credits, #version, #timings{
margin: 5px 10px;
padding: 0;
text-align: center;
font-size: 0.88em;
color: #6C7680;
}
#credits li, #timings li {
display: inline;
padding: 0 2px;
margin: 0 4px;
}
div#content{ div#content{
background-image: url("../img/fond_movieclub.png"); background-image: url("../img/fond_movieclub.png");
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
padding-left: 15px; padding-left: 15px;
padding-right: 10px; padding-right: 10px;
} }
#message {
color:black;
/*<!-- EDITEUR DE TEXTE -->*/
textarea {
width: 95%;
} }
.diff { .diff-title, .diff-added, .diff-removed {
width:99%;
}
.diff-header {
font-weight: bold;
}
.diff-title {
background-color: #444444; background-color: #444444;
} }
.diff-added {
background-color: #444444;
vertical-align: sub;
}
.diff-removed {
background-color: #444444;
vertical-align: sub;
}
.diff-added span { .diff-added span {
background-color: #00CC00; background-color: #00CC00;
color:black; color:black;
@ -163,52 +49,3 @@ textarea {
color:black; color:black;
} }
#message {
clear: both;
width: 100%;
margin: 0;
padding: 5px 0px;
border-bottom: 1px solid #c9c9c9;
background: #E6EAF0;
font-size: 0.9em;
color:black;
}
#message p{
margin: 0;
padding: 0 10px 0 20px;
font-weight: bold;
}
#message div.buttons {
font-weight: lighter;
padding: 0 0 0 30px;
}
/* Collection de hacks à la con pour IE */
@media screen {
* html {
overflow-y: hidden;
}
* html body {
overflow-y: auto;
height: 100%;
padding: 44px 160px 0 1em;
font-size: 100%;
}
* html div#column-one {
position: absolute;
}
* html h1#title
{
position: absolute;
width: expression(document.body.clientWidth);
}
* html div.portlet
{
padding-bottom: 1.5em;
}
}