nicolas/boissier_app
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

compatibilité IE6 :)

Browse Source
This commit is contained in:
Nicolas Bally 2011-05-14 22:09:14 +02:00
parent 30405aabfb
commit 9db10007ce
4 changed files with 46 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
app/assets/stylesheets/public/public.scss
View File

@ -13,7 +13,7 @@ body {
margin: 0px; margin: 0px;
font-size: 14px; font-size: 14px;
font-family: "trebuchet MS"; font-family: "trebuchet MS";
color: RGB(96, 68, 53); } color:#604435; }
body a img { body a img {
border: 0px; } border: 0px; }
body a { body a {
@ -64,18 +64,28 @@ body {
padding: 0px; padding: 0px;
margin: auto; margin: auto;
margin-bottom: 10px; margin-bottom: 10px;
background-image: url("/images/front/fond-marron.png"); }
background-repeat: no-repeat;
background-position: center center; }
body #public #slider .slide { body #public #slider .slide {
width: 969px; background-image: url("/images/front/fond-marron.png");
background-repeat: no-repeat;
background-position: center center;
width: 969px;
height: 309px; height: 309px;
position: relative; position: relative;
margin: 0px 5px 0px 5px; } margin: 0px 5px 0px 5px; }
body #public #slider .slide a { body #public #slider .slide a {
color: inherit; color: inherit;
text-decoration: inherit; } text-decoration: inherit; }
body #public #slider .slide .title {
body #public #slider .slide a{
color: #eeeeee;
}
body #public #slider .slide a:hover{
text-decoration:none;
}
body #public #slider .slide .title {
width: 486px; width: 486px;
height: 46px; height: 46px;
background-image: url("/images/front/en-tete-gris.png"); background-image: url("/images/front/en-tete-gris.png");
@ -84,7 +94,7 @@ body {
top: 35px; top: 35px;
left: -5px; left: -5px;
z-index: 100; z-index: 100;
color: RGB(50, 24, 10); color: #32180A;
font-family: Georgia; font-family: Georgia;
padding: 10px 10px 10px 45px; padding: 10px 10px 10px 45px;
font-size: 19px; } font-size: 19px; }
@ -98,7 +108,7 @@ body {
left: 40px; left: 40px;
width: 470px; width: 470px;
height: 125px; height: 125px;
color: RGB(238, 238, 238); } color: #eeeeee; }
body #public #slider .slide .image_file { body #public #slider .slide .image_file {
position: absolute; position: absolute;
top: 20px; top: 20px;
@ -108,6 +118,11 @@ body {
overflow: hidden; } overflow: hidden; }
body #public #slider .slide .image_file img { body #public #slider .slide .image_file img {
width: 415px; } width: 415px; }
body #public #slider .slide .title a{
color: #32180A;
}
body #public #slider .left-arrow { body #public #slider .left-arrow {
position: absolute; position: absolute;
z-index: 150; z-index: 150;
@ -125,8 +140,8 @@ body {
margin: auto; margin: auto;
margin-bottom: 10px; } margin-bottom: 10px; }
body #public #main a { body #public #main a {
color: inherit; color: #604435;
text-decoration: inherit; } text-decoration: none; }
body #public #main .title { body #public #main .title {
font-family: georgia; font-family: georgia;
font-size: 18px; font-size: 18px;
@ -273,8 +288,8 @@ body {
body .article .title, body .article .description { body .article .title, body .article .description {
margin-left: 130px; } margin-left: 130px; }
body .article .title a, body .article .description a { body .article .title a, body .article .description a {
color: inherit; color: #604435;
text-decoration: inherit; } text-decoration: none; }
body .folder { body .folder {
border: 1px solid RGB(91, 67, 46); border: 1px solid RGB(91, 67, 46);
padding: 10px; padding: 10px;
@ -287,8 +302,8 @@ body {
body .folder .title, body .folder .description { body .folder .title, body .folder .description {
margin-left: 130px; } margin-left: 130px; }
body .folder .title a, body .folder .description a { body .folder .title a, body .folder .description a {
color: inherit; color: #604435;
text-decoration: inherit; } text-decoration: none; }
#flash_notice{ #flash_notice{
border:3px solid #6bb800; border:3px solid #6bb800;
padding:10px; padding:10px;
@ -297,8 +312,8 @@ body {
#home_promotions a { #home_promotions a {
color: inherit; color: #604435;
text-decoration: inherit; } text-decoration: #604435; }
.portlet.table_content table { .portlet.table_content table {
width: 100%; width: 100%;
border-collapse: collapse; } border-collapse: collapse; }

21
app/views/public/home/_slide.html.haml
View File

@ -1,12 +1,11 @@
%li %li#slide.slide{:id => slide.id, :style => "width:969px;height:309px;"}
#slide.slide{:id => slide.id, :style => "width:969px;height:309px;"}
.title .title
=link_to slide.title, (slide.cible ? slide.cible.url : "") if slide.image_file =link_to slide.title, (slide.cible ? slide.cible.url : "") if slide.image_file
.description
=link_to simple_format(slide.description), (slide.cible ? slide.cible.url : "") if slide.image_file
.image_file=link_to image_tag( slide.image_file.file.large.medium.url), (slide.cible ? slide.cible.url : "") if slide.image_file .description
.cible= link_to image_tag('front/en-savoir-plus-gris.png'), (slide.cible ? slide.cible.url : "") =link_to simple_format(slide.description), (slide.cible ? slide.cible.url : "") if slide.image_file
.image_file=link_to image_tag( slide.image_file.file.large.medium.url), (slide.cible ? slide.cible.url : "") if slide.image_file
.cible= link_to image_tag('front/en-savoir-plus-gris.png'), (slide.cible ? slide.cible.url : "")

10
public/assets/javascripts/public/public.js
View File

@ -22,11 +22,11 @@ $(document).ready(function() {
$("#slider").jCarouselLite({ $("#slider").jCarouselLite({
btnNext: ".right-arrow", btnNext: ".right-arrow",
btnPrev: ".left-arrow", btnPrev: ".left-arrow",
easing: "easeInOutQuad", easing: "easeInOutQuad",
visible: 1, visible: 1,
auto: 5000, auto: 5000,
speed: 1000, speed: 1000
}); });
}); });

BIN
public/images/front/en-tete-gris.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB