integration/v2/css/style.css
changeset 124 22f0436feacf
parent 122 dabde7eb8d1f
child 128 5ce3313fb21d
--- 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