X-Git-Url: http://git.euphorik.ch/?a=blobdiff_plain;f=css%2Fyopyop.css;h=3647e3580d49861cbe99b077bb26927ff5c8f5e7;hb=728b3f5df7b780aabdaf563f9d93dd3ef4421820;hp=701de9b1d08480c4966d99bb15977bbf685c200b;hpb=360b03e976f53bd285b4f88e41bedf72e644898b;p=pompage.git diff --git a/css/yopyop.css b/css/yopyop.css index 701de9b..3647e35 100644 --- a/css/yopyop.css +++ b/css/yopyop.css @@ -8,6 +8,7 @@ html { background-color: #8DDD83; height: auto; font: normal 12pt Arial, Verdana, Helvetica, sans-serif; + height: 100%; } a { @@ -34,6 +35,7 @@ body { margin-right: auto; margin-top: 0px; text-align: left; + height: 100%; } h1 { @@ -97,10 +99,28 @@ div.entete form button { width: 25px; border: 0px; background-color: #B1F1A9; - background-image: url(../img/clear.png); background-position: center; background-repeat: no-repeat; vertical-align: top; + margin-left: 2px; +} +div.entete form button:hover { + background-color: #E3FBE0; +} +div.entete form button:active { + background-color: #FFFFFF; +} + +div.entete form button#boutonViderRecherche { + background-image: url(../img/clear.png); +} + +div.entete form button#boutonToutOuvrir { + background-image: url(../img/ouvrir.png); +} + +div.entete form button#boutonAuHasard { + background-image: url(../img/random.png); } div.entete form p { @@ -113,20 +133,17 @@ div.entete form p label { margin-right: 4px; } -div.entete form input[type='checkbox'] { - border:2px solid red; -} - div.contenu { - padding-top: 50px; min-width: 630px; + min-height: 100%; + background-color: #7BC671; } table#liste { width: 100%; border-spacing: 0px 0px; - margin-bottom:70px; - margin-top: 10px; + margin-bottom:40px; + margin-top: 50px; } table#liste .listeFichiers img { @@ -276,7 +293,7 @@ table#liste table.detail { } table#liste table.detail td { - padding: 3px; + padding: 3px 6px 3px 6px; background-color: #B1F1A9; } @@ -287,20 +304,23 @@ table#liste table.detail td.titreDetail { div.pied { position: fixed; bottom: 0px; - height: 14px; + height: 20px; width: 90%; - background-image: url(../img/collines.png); - background-repeat: repeat-x; z-index: 5; min-width: 630px; - padding-top: 50px; + padding-top: 10px; + background-color: #65A35D; + font-size: 10pt; + -moz-border-radius: 20px 20px 0px 0px; } -div.pied p { - background-color: #64A25C; - font-size: 8pt; - padding-left: 10px; + +div.pied span#tempsRecherche, div.pied span#by { + margin-left: 10px; + margin-right: 10px } + div.pied a { margin-left: 10px; + margin-right: 10px }