divers style (suppression de hacks pas beaux, stylr du formulaire...)
darcs-hash:20060427105950-f46e9-72b2014f1715d7b85a190a413def3f8cc2c28aad.gz
This commit is contained in:
parent
61b337316b
commit
2f71cfd973
4 changed files with 20 additions and 530 deletions
|
@ -1,210 +1,15 @@
|
|||
/*<!-- BODY -->*/
|
||||
body
|
||||
{
|
||||
background:white;
|
||||
padding-top:40px;
|
||||
padding-right:180px;
|
||||
}
|
||||
|
||||
/*<!-- TITRE -->*/
|
||||
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;
|
||||
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{
|
||||
background-image: url("../img/fond_bde.png");
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
background-attachment: fixed;
|
||||
padding-left: 15px;
|
||||
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;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
|
|
@ -3,7 +3,7 @@ body
|
|||
{
|
||||
background:white;
|
||||
padding-top:40px;
|
||||
padding-right:180px;
|
||||
padding-right:170px;
|
||||
}
|
||||
|
||||
/*<!-- TITRE -->*/
|
||||
|
@ -51,6 +51,7 @@ div#column-one {
|
|||
padding:5px 10px 10px 10px;
|
||||
width:150px;
|
||||
height:100%;
|
||||
overflow:hidden;
|
||||
margin:0px;
|
||||
/* texte */
|
||||
font: 0.9em "Trebuchet MS", helvetica, sans-serif;
|
||||
|
@ -75,26 +76,27 @@ div#p-logo {
|
|||
}
|
||||
|
||||
/* titres */
|
||||
div#column-one h5, div#column-one ul:before {
|
||||
div#column-one h5 {
|
||||
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;}
|
||||
}
|
||||
|
||||
/* champ de recherche */
|
||||
#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
|
||||
{
|
||||
|
|
|
@ -2,123 +2,35 @@
|
|||
body
|
||||
{
|
||||
background:black;
|
||||
padding-top:40px;
|
||||
padding-right:180px;
|
||||
color:white;
|
||||
}
|
||||
|
||||
/*<!-- TITRE -->*/
|
||||
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;
|
||||
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 -->*/
|
||||
|
||||
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:#222222;
|
||||
border-left:thin solid #bbbbbb;
|
||||
}
|
||||
|
||||
div#column-one li a {
|
||||
margin:2px;
|
||||
text-decoration:none;
|
||||
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{
|
||||
background-image: url("../img/fond_ensanime.png");
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
background-attachment: fixed;
|
||||
padding-left: 15px;
|
||||
|
@ -126,33 +38,11 @@ div#content{
|
|||
}
|
||||
|
||||
|
||||
/*<!-- EDITEUR DE TEXTE -->*/
|
||||
textarea {
|
||||
width: 95%;
|
||||
}
|
||||
|
||||
.diff {
|
||||
width:99%;
|
||||
}
|
||||
|
||||
.diff-header {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.diff-title {
|
||||
.diff-title, .diff-added, .diff-removed {
|
||||
background-color: #444444;
|
||||
}
|
||||
|
||||
.diff-added {
|
||||
background-color: #444444;
|
||||
vertical-align: sub;
|
||||
}
|
||||
|
||||
.diff-removed {
|
||||
background-color: #444444;
|
||||
vertical-align: sub;
|
||||
}
|
||||
|
||||
.diff-added span {
|
||||
background-color: #CC0000;
|
||||
color:black;
|
||||
|
@ -164,51 +54,7 @@ textarea {
|
|||
}
|
||||
|
||||
#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;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
|
|
@ -2,157 +2,43 @@
|
|||
body
|
||||
{
|
||||
background:black;
|
||||
padding-top:40px;
|
||||
padding-right:180px;
|
||||
color:white;
|
||||
}
|
||||
|
||||
/*<!-- TITRE -->*/
|
||||
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;
|
||||
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 -->*/
|
||||
|
||||
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:#222222;
|
||||
border-left:thin solid #bbbbbb;
|
||||
}
|
||||
|
||||
div#column-one li a {
|
||||
margin:2px;
|
||||
text-decoration:none;
|
||||
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{
|
||||
background-image: url("../img/fond_movieclub.png");
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
background-attachment: fixed;
|
||||
padding-left: 15px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
#message {
|
||||
color:black;
|
||||
}
|
||||
|
||||
|
||||
/*<!-- EDITEUR DE TEXTE -->*/
|
||||
textarea {
|
||||
width: 95%;
|
||||
}
|
||||
|
||||
.diff {
|
||||
width:99%;
|
||||
}
|
||||
|
||||
.diff-header {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.diff-title {
|
||||
.diff-title, .diff-added, .diff-removed {
|
||||
background-color: #444444;
|
||||
}
|
||||
|
||||
.diff-added {
|
||||
background-color: #444444;
|
||||
vertical-align: sub;
|
||||
}
|
||||
|
||||
.diff-removed {
|
||||
background-color: #444444;
|
||||
vertical-align: sub;
|
||||
}
|
||||
|
||||
.diff-added span {
|
||||
background-color: #00CC00;
|
||||
color:black;
|
||||
|
@ -163,52 +49,3 @@ textarea {
|
|||
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;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue