projects
/
pompage.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
MOD refactoring haskell...
[pompage.git]
/
css
/
yopyop.css
diff --git
a/css/yopyop.css
b/css/yopyop.css
index
5f5e1bf
..
c56b4ce
100644
(file)
--- a/
css/yopyop.css
+++ b/
css/yopyop.css
@@
-5,9
+5,10
@@
}
\r
\r
html {
\r
}
\r
\r
html {
\r
-
background-color: #8DDD83;
\r
+ background-color: #8DDD83;
\r
height: auto;
\r
font: normal 12pt Arial, Verdana, Helvetica, sans-serif;
\r
height: auto;
\r
font: normal 12pt Arial, Verdana, Helvetica, sans-serif;
\r
+ height: 100%;
\r
}
\r
\r
a {
\r
}
\r
\r
a {
\r
@@
-34,22
+35,23
@@
body {
margin-right: auto;
\r
margin-top: 0px;
\r
text-align: left;
\r
margin-right: auto;
\r
margin-top: 0px;
\r
text-align: left;
\r
+ height: 100%;
\r
}
\r
\r
h1 {
\r
}
\r
\r
h1 {
\r
-
font-size: 20pt;
\r
-
font-style: italic;
\r
-
font-weight: bold;
\r
-
margin-left: 40px;
\r
+ font-size: 20pt;
\r
+ font-style: italic;
\r
+ font-weight: bold;
\r
+ margin-left: 40px;
\r
}
\r
\r
td {
\r
}
\r
\r
td {
\r
-
vertical-align:top;
\r
+ vertical-align:top;
\r
}
\r
\r
div.entete {
\r
width: 90%;
\r
}
\r
\r
div.entete {
\r
width: 90%;
\r
-
position: fixed;
\r
+ position: fixed;
\r
z-index: 5;
\r
background-color: #65A35D;
\r
height: 50px;
\r
z-index: 5;
\r
background-color: #65A35D;
\r
height: 50px;
\r
@@
-97,78
+99,83
@@
div.entete form button {
width: 25px;
\r
border: 0px;
\r
background-color: #B1F1A9;
\r
width: 25px;
\r
border: 0px;
\r
background-color: #B1F1A9;
\r
- background-image: url(../img/clear.png);
\r
background-position: center;
\r
background-repeat: no-repeat;
\r
vertical-align: top;
\r
background-position: center;
\r
background-repeat: no-repeat;
\r
vertical-align: top;
\r
+ margin-left: 2px;
\r
+}
\r
+div.entete form button:hover {
\r
+ background-color: #E3FBE0;
\r
+}
\r
+div.entete form button:active {
\r
+ background-color: #FFFFFF;
\r
}
\r
\r
}
\r
\r
-div.entete form p {
\r
- color: black;
\r
- font-size: 7pt;
\r
- margin-top: 1px;
\r
+div.entete form button#boutonViderRecherche {
\r
+ background-image: url(../img/clear.png);
\r
}
\r
\r
}
\r
\r
-div.entete form
p label
{
\r
-
margin-right: 4px
;
\r
+div.entete form
button#boutonToutOuvrir
{
\r
+
background-image: url(../img/ouvrir.png)
;
\r
}
\r
\r
}
\r
\r
-div.entete form
input[type='checkbox']
{
\r
-
border:2px solid red
;
\r
+div.entete form
button#boutonAuHasard
{
\r
+
background-image: url(../img/random.png)
;
\r
}
\r
\r
}
\r
\r
-div.
pied
{
\r
-
position: fixed
;
\r
-
bottom: 0px
;
\r
-
height: 50
px;
\r
- width: 90%;
\r
- background-image: url(../img/collines.png);
\r
- z-index: 5;
\r
- m
in-width: 630
px;
\r
+div.
entete form p
{
\r
+
color: black
;
\r
+
font-size: 7pt
;
\r
+
margin-top: 1
px;
\r
+}
\r
+
\r
+div.entete form p label {
\r
+ m
argin-right: 4
px;
\r
}
\r
\r
div.contenu {
\r
}
\r
\r
div.contenu {
\r
- padding-top: 50px;
\r
min-width: 630px;
\r
min-width: 630px;
\r
+ min-height: 100%;
\r
+ background-color: #7BC671;
\r
}
\r
\r
table#liste {
\r
width: 100%;
\r
border-spacing: 0px 0px;
\r
}
\r
\r
table#liste {
\r
width: 100%;
\r
border-spacing: 0px 0px;
\r
- margin-bottom:
5
0px;
\r
- margin-top:
1
0px;
\r
+ margin-bottom:
4
0px;
\r
+ margin-top:
5
0px;
\r
}
\r
\r
table#liste .listeFichiers img {
\r
}
\r
\r
table#liste .listeFichiers img {
\r
-
position: absolute;
\r
+ position: absolute;
\r
left: -9px;
\r
top: -18px;
\r
}
\r
\r
table#liste td {
\r
left: -9px;
\r
top: -18px;
\r
}
\r
\r
table#liste td {
\r
- background-color: #7BC671;
\r
+ background-color: #7BC671;
\r
color: #20531A;
\r
color: #20531A;
\r
-
padding: 3px;
\r
+ padding: 3px;
\r
}
\r
\r
table#liste td.titre {
\r
}
\r
\r
table#liste td.titre {
\r
-
font-weight: bold;
\r
-
cursor: pointer;
\r
+ font-weight: bold;
\r
+ cursor: pointer;
\r
}
\r
\r
table#liste td.annee {
\r
}
\r
\r
table#liste td.annee {
\r
-
text-align: right;
\r
-
width: 50px;
\r
+ text-align: right;
\r
+ width: 50px;
\r
}
\r
\r
table#liste td.duree {
\r
}
\r
\r
table#liste td.duree {
\r
-
text-align: right;
\r
-
width: 80px;
\r
+ text-align: right;
\r
+ width: 80px;
\r
}
\r
\r
table#liste td.lien {
\r
}
\r
\r
table#liste td.lien {
\r
-
text-align: center;
\r
-
width: 15px;
\r
+ text-align: center;
\r
+ width: 15px;
\r
}
\r
\r
table#liste td.lien div {
\r
}
\r
\r
table#liste td.lien div {
\r
@@
-194,8
+201,8
@@
table#liste td.lien a:hover {
}
\r
\r
table#liste td.fichier {
\r
}
\r
\r
table#liste td.fichier {
\r
-
text-align: center;
\r
-
width: 12px;
\r
+ text-align: center;
\r
+ width: 12px;
\r
}
\r
\r
table#liste td.fichier div {
\r
}
\r
\r
table#liste td.fichier div {
\r
@@
-269,28
+276,60
@@
table#liste td.fichier div ul:hover li:first-child {
}*/
\r
\r
table#liste td.titre:hover {
\r
}*/
\r
\r
table#liste td.titre:hover {
\r
- background-color: #B1F1A9;
\r
-
padding: 3px;
\r
+ background-color: #B1F1A9;
\r
+ padding: 3px;
\r
}
\r
\r
table#liste td.detail {
\r
}
\r
\r
table#liste td.detail {
\r
- background-color: #8DDD83;
\r
-
padding: 0px 0px 0px 0px;
\r
+ background-color: #8DDD83;
\r
+ padding: 0px 0px 0px 0px;
\r
}
\r
\r
table#liste table.detail {
\r
}
\r
\r
table#liste table.detail {
\r
- display:none;
\r
+ display: none;
\r
+ width: 100%;
\r
padding-bottom: 10px;
\r
padding-bottom: 10px;
\r
-
border-spacing: 0px 0px;
\r
+ border-spacing: 0px 0px;
\r
}
\r
\r
table#liste table.detail td {
\r
}
\r
\r
table#liste table.detail td {
\r
- padding: 3px;
\r
background-color: #B1F1A9;
\r
background-color: #B1F1A9;
\r
+ padding: 5px 5px 5px 5px;
\r
}
\r
\r
}
\r
\r
+table#liste table.detail td.affichette {
\r
+ width: 0px;
\r
+ padding: 4px;
\r
+}
\r
table#liste table.detail td.titreDetail {
\r
table#liste table.detail td.titreDetail {
\r
- font-weight: bold;
\r
+ font-weight: bold;
\r
+ width: 0px;
\r
+}
\r
+table#liste table.detail td.detail {
\r
+ width: 100%;
\r
+ padding-left: 10px;
\r
}
\r
\r
}
\r
\r
+div.pied {
\r
+ position: fixed;
\r
+ bottom: 0px;
\r
+ height: 20px;
\r
+ width: 90%;
\r
+ z-index: 5;
\r
+ min-width: 630px;
\r
+ padding-top: 10px;
\r
+ background-color: #65A35D;
\r
+ font-size: 10pt;
\r
+ -moz-border-radius: 20px 20px 0px 0px;
\r
+}
\r
+
\r
+div.pied span#tempsRecherche, div.pied span#by {
\r
+ margin-left: 10px;
\r
+ margin-right: 10px
\r
+}
\r
+
\r
+div.pied a {
\r
+ margin-left: 10px;
\r
+ margin-right: 10px
\r
+}
\r
\r
\r