diff -r 46faba205083 -r 22f0436feacf integration/v2/css/style.css --- a/integration/v2/css/style.css Tue Jun 18 17:38:17 2013 +0200 +++ b/integration/v2/css/style.css Wed Jun 19 15:14:32 2013 +0200 @@ -13,7 +13,7 @@ h1{text-transform: uppercase; display:inline-block;padding: 64px 0 0 16px; font-family : 'josefin_sans'; font-weight : 600; font-size:34px;} .head-login{padding-top: 10px; margin-bottom: 40px; display: inline-block;} .head-login, .head-login a{font-size: 12px; font-family: 'Lato'; color: #626364;} -.head-login input, .search-form{width:140px;background: url(../img/icon-search.png) 150px center no-repeat;font-family: 'Lato'; font-weight : bold; font-style : italic; font-size: 12px; border: 1px solid #D0D0D0; height: 25px; line-height: 25px; padding: 0 26px 0 4px;} +.head-login input, .search-form{ vertical-align: middle; width:140px;background: url(../img/icon-search.png) 150px center no-repeat;font-family: 'Lato'; font-weight : bold; font-style : italic; font-size: 12px; border: 1px solid #D0D0D0; height: 25px; line-height: 25px; padding: 0 26px 0 4px;} .hello-user{margin-left: 12px;} .head-login select{ vertical-align: middle;} .head-login li{float: left; line-height: 27px;} @@ -21,8 +21,8 @@ .dot-10{ vertical-align:middle; width: 10px; height: 10px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background-color: #A1A1A1; display: inline-block; margin: 0 12px;} nav{height: 70px;} nav li{height:100%; float:left; } -.nav{margin-bottom: 14px; height: 18px; display: block;} -.sub-nav{float: right; display: block;} +.nav{margin-bottom: 14px; height: 18px; display: block;float: right;} +.sub-nav{float: right; display: block;clear: both; } .sub-nav a{font-size: 14px; font-family: 'Lato'; font-weight: 300; display:inline-block;} .sub-nav a:first-letter {text-transform: uppercase;} .sub-nav a.active, .sub-nav a:hover{font-family: 'Lato'; font-weight: bold;} @@ -34,12 +34,17 @@ .title-menu{ position: absolute; bottom: 0; right: 0;} .title-menu li{float: left;} -.bar-tools{margin-bottom: 26px; line-height: 26px; font-family: 'Lato'; font-weight: 300; display:block;padding: 10px 0; background-image: url(../img/border-dot-bar.png), url(../img/border-dot-bar.png); background-position: top center, bottom center; background-repeat: no-repeat, no-repeat;} +.bar-tools{margin-bottom: 12px; line-height: 35px; padding-bottom: 1px; font-family: 'Lato'; font-weight: 300; display:block;background-image: url(../img/border-bar-tools.png), url(../img/border-bar-tools.png); background-position: top center, bottom center; background-repeat: repeat-x;} .bar-tools h3{ font-size: 18px; display: inline-block; text-transform: uppercase;} .bar-tools ul{float: right;} .bar-tools ul.left{float: left;} +.bar-tools ul.left li{margin-left: 0; margin-right: 10px;} +.bar-tools ul.left a{width: 40px; padding: 0; vertical-align: middle;} +.go-to{background-repeat: no-repeat;background-position: 4px center, 20px center;} +.go-to.mosaic{background-image: url(../img/icon-mosaic.png), url(../img/icon-arrow-enter.png);} +.go-to.search{background-image: url(../img/icon-search.png), url(../img/icon-arrow-enter.png);} .bar-tools li{float: left; margin-left: 10px;} -.bar-tools li a{display: inline-block; font-size: 12px; height: 24px; line-height: 24px; padding: 0 7px; background-color: #DDD;} +.bar-tools li a{display: inline-block; font-size: 12px; height: 25px; line-height: 25px; padding: 0 7px; background-color: #DDD;} .bar-tools li a:hover{background-color: #eee;} .bar-tools li a:first-letter {text-transform: uppercase;} .bar-tools a.icon{padding-left: 30px;background-repeat: no-repeat; background-position: 8px center;} @@ -51,7 +56,7 @@ .w650{width: 650px;} .our-images{margin-bottom: 38px; text-align: center; font-size: 12px; font-family: 'Lato'; font-weight : bold; font-style : italic; color: #58595A;} .home-images{position: relative; margin-bottom: 24px;} -a.home-arrow{ -webkit-box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.75);-moz-box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.75);box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.75);background: url(../img/home-arrow.png) no-repeat center center #fff;cursor: pointer;display: block;height: 78px;left: 436px;position: absolute;top: -25px;width: 78px;z-index: 10;-webkit-border-radius: 39px;-moz-border-radius: 39px;border-radius: 39px;} +.arrow-wrap.home-arrow{display: block; top:0; margin-top: -26px; left: 50%; margin-left: -39px;} .home-images .col-left{float: left;} .home-images .col-left img{width: 667px;} .home-images .col-right{float: right;} @@ -118,6 +123,9 @@ .tools-2 a img{vertical-align: middle;} .tools-2 li{ float: left; margin-right: 6px;} +.pagination{ margin-bottom: 12px;} +.pagination li{float: left; font-size: 14px;font-family: 'Lato'; margin-right: 14px;} +.pagination li.curent, .pagination li:hover{font-weight: bold;} .tool{display:inline-block; width:25px; height: 25px; background-image: url(../img/tools-sprite.png); background-repeat: no-repeat; vertical-align: middle;} .tool.twitter:hover{background-position: 0 0;} .tool.twitter{background-position: 0 -25px;} @@ -149,4 +157,18 @@ .block{display: block;} .popin-wrap, .popin{display: none;} - +.edition{background-color: #eee; padding: 0 28px; margin-bottom: 64px;} +.edition .slideshow{ min-height: 80px; position:relative; padding: 24px 0; text-align: center;} +.slideshow .arrow-wrap{display: block;} +.slideshow .left-arrow{left: 0;} +.slideshow .right-arrow{right: 0;} +.slideshow .share{position: absolute; bottom: 24px; right: 0;} +.slideshow .share li{float: left; margin-left: 8px;} +.image-wrap{display: inline-block;} +.info{font-family: 'Lato'; font-size: 14px; text-align: left;} +.info th{color: #777; min-width: 140px; } +.info td{color: #000; line-height: 16px;} +.info table{border-collapse:separate;border-spacing:0 5px;} +.box-edition{padding: 16px 0; border-bottom: 1px solid #CCC;} +.box-edition h3{color: #777;font-family: 'Lato'; font-size: 14px; margin-bottom: 6px;} +.list-key-search a{display: inline-block;} \ No newline at end of file