# HG changeset patch # User Anthony Ly # Date 1351097426 -7200 # Node ID 265a5f1cc7cf4f3bec24e02604c4f0415ae86c70 # Parent d2bda827768897269a5f40606a90ac94dd343e01 may style home diff -r d2bda8277688 -r 265a5f1cc7cf integration/css/home.css --- a/integration/css/home.css Wed Oct 24 18:25:07 2012 +0200 +++ b/integration/css/home.css Wed Oct 24 18:50:26 2012 +0200 @@ -1,31 +1,31 @@ /* header */ -.header .title-header{ +.title-header{ width: 460px; float: left; height: 60px; } -.header .title-header h2{ +.title-header h2{ width: 100%; text-align: center; line-height: 60px; } -.header .title-header h2 a{ +.title-header h2 a{ color: #de2500; font-size: 24px; text-decoration: underline; font-weight: bold; } -.header .title-header h2 a:hover{ +.title-header h2 a:hover{ text-decoration: none; } /* content */ -.content .left-content, -.content .right-content{ +.left-content, +.right-content{ padding-top: 8px; float: left; } -.content .left-content h2, -.content .right-content h2{ +.left-content h2, +.right-content h2{ padding: 6px 0; margin-bottom: 14px; border-bottom: 1px solid #333333; @@ -34,21 +34,21 @@ font-weight: 600; } /* left-content */ -.content .left-content{ +.left-content{ width: 630px; margin-right: 20px; } -.left-content .hashcut-video-wrap{ +.hashcut-video-wrap{ padding-left: 10px; overflow: hidden; margin-bottom: 16px; } -.hashcut-video-wrap .news{ +.news{ width: 300px; float: left; margin-right: 20px; } -.hashcut-video-wrap .news:nth-child(2n+2){ +.news:nth-child(2n+2){ margin-right: 0; } .hashcut-video-wrap h3{ @@ -57,101 +57,101 @@ .hashcut-video-wrap h3 strong{ font-weight: 600; } -.hashcut-video-wrap .last h3 strong{ +.last h3 strong{ margin-bottom: 2px; font-weight: 600; display: block; } -.left-content .hashcut-video-wrap h3 a{ +.hashcut-video-wrap h3 a{ border-bottom: 1px solid #bababa; display: inline-block; line-height: 12px; } -.left-content .hashcut-video-wrap h3 a:hover{ +.hashcut-video-wrap h3 a:hover{ border-bottom: none; } -iv.hashcut-video-wrap h3 span{ +.hashcut-video-wrap h3 span{ color: #de2500; } .hashcut-video-wrap a.screenshot{ display: inline-block; margin-bottom: 8px; } -.hashcut-video-wrap .last:nth-child(4n+4){ +.last:nth-child(4n+4){ margin-right: 0; } -.hashcut-video-wrap .last{ +.last{ width: 140px; float: left; margin: 0 20px 12px 0; } -.left-content .pagination{ +.pagination{ text-align: center; } -.left-content .pagination a{ +.pagination a{ font-size: 14px; color: #7628df; text-decoration: underline; } -.left-content .pagination a:hover{ +.pagination a:hover{ text-decoration: none; } -.left-content .pagination a.active{ +.pagination a.active{ color: #de2500; text-decoration: none; } /* right-content */ -.content .right-content{ +.right-content{ width: 310px; } -.right-content .definition p{ +.definition p{ font-size: 12px; line-height: 14px; margin-bottom: 12px; } -.right-content .definition p strong{ +.definition p strong{ font-weight: bold; } -.right-content .definition p a{ +.definition p a{ color: #7628df; text-decoration: underline; } -.right-content .definition p a:hover{ +.definition p a:hover{ text-decoration: none; } -.how-to ul li{ +.how-to li{ background-image: url(../img/how-to-sprite.png); background-repeat: no-repeat; margin-bottom: 2px; } -.how-to ul li h3{ +.how-to li h3{ color: #de2500; font-size: 18px; font-weight: bold; margin-bottom: 12px; } -.how-to ul li p{ +.how-to li p{ font-size: 12px; word-wrap: break-word; width: 210px; } -.how-to ul li.inscription{ +.how-to li.inscription{ height: 84px; background-position: 212px 0; } -.how-to ul li.creation{ +.how-to li.creation{ height: 100px; background-position: 212px -128px; } -.how-to ul li.creation{ +.how-to li.creation{ height: 100px; background-position: 212px -128px; } -.how-to ul li.publier{ +.how-to li.publier{ height: 90px; background-position: 212px -266px; } -.how-to ul li.next-step{ +.how-to li.next-step{ height: 24px; background-position: 212px -377px; } \ No newline at end of file