diff -r 12978893bbf0 -r 523828fb7c78 integration/css/common.css --- a/integration/css/common.css Wed Oct 24 15:38:36 2012 +0200 +++ b/integration/css/common.css Wed Oct 24 16:30:55 2012 +0200 @@ -58,7 +58,7 @@ text-decoration: none; } /* common */ -div.wrap{ +.wrap{ min-height:100%; background-color: #FFF; width: 960px; @@ -69,45 +69,48 @@ font-size: 13px; height: 100%; } -div.wrap-header{ +.wrap-header{ padding-top: 5px; background-color: #370078; height: 53px; margin-bottom: 1px; } /* header */ -div.header{ +.header{ position: relative; background-color: #e2dbfd; height: 60px; } -div.header div.title-video-wrap, div.header h1, div.header div.profil-wrap{ +.header .title-video-wrap, +.header h1, +.header .profil-wrap{ position: relative; float: left; height: 60px; } -div.header h1{ +.header h1{ display: inline-block; height: 60px; width: 250px; } -div.header h1 a img, div.header h1 a span{ +.header h1 a img, +.header h1 a span{ float: left; } -div.header h1 a{ +.header h1 a{ padding-top: 6px; } -div.header h1 a span{ +.header h1 a span{ font-size: 20px; text-align: center; padding: 0px 0 0 6px; font-weight: 300; } /* header - profil-wrap */ -div.header div.profil-wrap{ +.header .profil-wrap{ width: 250px; } -div.header div.profil-wrap a{ +.header .profil-wrap a{ width: 160px; display: block; text-align: right; @@ -117,40 +120,42 @@ color: #30036d; padding-right: 18px; } -div.header div.profil-wrap a:hover{ +.header .profil-wrap a:hover{ color: #FF00FC; } -div.header div.profil-wrap a.all-hashcut{ +.header .profil-wrap a.all-hashcut{ top: 12px; background: url(../img/arrow-top.png) right 2px no-repeat; } -div.header div.profil-wrap a.my-profil{ +.header .profil-wrap a.my-profil{ top: 32px; background: url(../img/arrow-bot.png) right 4px no-repeat; } /* content */ -div.content{ +.content{ width: 960px; min-height: 750px; background: url(../img/bg-degrade.png) 0 0 repeat-x; } /* popin */ -div.popin{ +.popin{ padding-top: 12px; position: absolute; top: 0; z-index: 10; } -div.popin img.pointer{ +.popin img.pointer{ position: absolute; top: 0; } -div.popin div.popin-content{ +.popin .popin-content{ padding: 8px; border: 1px solid #867a97; background: url(../img/bg-jaune.png); } -div.popin input[type=text],div.popin input[type=password], div.popin textarea{ +.popin input[type=text], +.popin input[type=password], +.popin textarea{ padding: 0 6px; height: 20px; line-height: 20px; @@ -162,28 +167,28 @@ } /* popin - user */ -div.user.popin.signup { +.user.popin.signup { display: none; } -div.user.popin.info { +.user.popin.info { display: none; } -div.user.popin.login { +.user.popin.login { display: none; } -div.user.popin{ +.user.popin{ top: 48px; right: 0; } -div.user.popin img.pointer{ +.user.popin img.pointer{ right: 36px; } -div.user.popin.signup div.popin-content form input[type=submit], -div.user.popin.login div.popin-content form input[type=submit], -div.user.popin.login a.signup-button , -div.popin.segmentation form input[type=submit], -div.popin.segment-section a.reprendre-segment{ +.user.popin.signup input[type=submit], +.user.popin.login input[type=submit], +.user.popin.login a.signup-button , +.popin.segmentation input[type=submit], +.popin.segment-section a.reprendre-segment{ margin-top: 2px; display: block; font-size: 12px; @@ -199,38 +204,38 @@ float: right; cursor: pointer; } -div.user.popin.signup div.popin-content form input[type=submit]:hover, -div.user.popin.login div.popin-content form input[type=submit]:hover, -div.user.popin.login div.popin-content a.signup-button:hover, -div.popin.segmentation form input[type=submit]:hover, -div.popin.segment-section a.reprendre-segment:hover{ +.user.popin.signup form input[type=submit]:hover, +.user.popin.login form input[type=submit]:hover, +.user.popin.login a.signup-button:hover, +.popin.segmentation input[type=submit]:hover, +.popin.segment-section a.reprendre-segment:hover{ background-color: #FF00FC } -div.user.popin.signup div.popin-content h2, -div.user.popin.login div.popin-content h2{ +.user.popin.signup .popin-content h2, +.user.popin.login .popin-content h2{ color: #de2500; font-size: 14px; margin-bottom: 12px; } -div.user.popin.signup div.popin-content form label, -div.user.popin.login div.popin-content form label{ +.user.popin.signup .popin-content label, +.user.popin.login .popin-content label{ width: 84px; font-size: 12px; display: inline-block; float: left; line-height: 12px; } -div.user.popin.signup div.popin-content form p, -div.user.popin.login div.popin-content form p{ +.user.popin.signup .popin-content form p, +.user.popin.login .popin-content form p{ display: block; line-height: 18px; margin-bottom: 8px; overflow: hidden; } -div.user.popin.signup div.popin-content form input[type=text], -div.user.popin.signup div.popin-content form input[type=password], -div.user.popin.login div.popin-content form input[type=text], -div.user.popin.login div.popin-content form input[type=password]{ +.user.popin.signup input[type=text], +.user.popin.signup input[type=password], +.user.popin.login input[type=text], +.user.popin.login input[type=password]{ float: left; position: relative; width: 110px; @@ -239,32 +244,32 @@ display: inline-block; } /* popin - user - info */ -div.user.popin.info div.popin-content{ +.user.popin.info .popin-content{ min-width: 150px; text-align: right; } -div.user.popin.info div.popin-content h2{ +.user.popin.info .popin-content h2{ color: #7628df; font-size: 18px; font-weight: 600; margin-bottom: 2px; } -div.user.popin.info div.popin-content h3{ +.user.popin.info .popin-content h3{ color: #30036d; font-size: 14px; margin-bottom: 10px; } -div.user.popin.info div.popin-content a.nb-hashcut{ +.user.popin.info .popin-content a.nb-hashcut{ color: #de2500; font-size: 14px; text-decoration: underline; display: block; margin-bottom: 12px; } -div.user.popin.info div.popin-content a.nb-hashcut:hover{ +.user.popin.info .popin-content a.nb-hashcut:hover{ text-decoration: none; } -div.user.popin.info div.popin-content a.change-account{ +.user.popin.info .popin-content a.change-account{ text-align: center; height: 20px; width: 150px; @@ -277,42 +282,42 @@ border-radius: 2px; display: block; } -div.user.popin.info div.popin-content a.change-account:hover{ +.user.popin.info .popin-content a.change-account:hover{ background-color: #FF00FC; } /* popin - user - signup */ -div.user.popin.login div.popin-content a.signup-button{ +.user.popin.login .popin-content a.signup-button{ background-color: #de2500; } -div.user.popin.signup div.popin-content{ +.user.popin.signup .popin-content{ min-width: 205px; } /* footer */ -div.footer{ +.footer{ border-top: 1px solid black; width: 100%; padding-top: 8px; } -div.footer ul.links-left{ +.footer .links-left{ float: left; } -div.footer ul.links-left li{ +.footer .links-left li{ margin-bottom: 4px; } -div.footer ul.links-left li a{ +.footer .links-left li a{ border-bottom: 1px solid #cccccc; } -div.footer ul.links-left li a:hover{ +.footer .links-left li a:hover{ border-bottom: none; } -div.footer ul.links-right{ +.footer .links-right{ float: right; } -div.footer ul.links-right li{ +.footer .links-right li{ line-height: 40px; float: right; margin-left: 8px; } -div.footer ul.links-right li img { +.footer .links-right li img { vertical-align: middle; } \ No newline at end of file