--- a/integration/css/style.css Tue Oct 09 10:45:44 2012 +0200
+++ b/integration/css/style.css Tue Oct 09 16:31:25 2012 +0200
@@ -98,6 +98,9 @@
cursor: pointer;
border: none;
}
+div.login-wrap form input.submit-button:hover{
+ background-color: #333;
+}
p.password-lost{
padding-left: 18px;
}
@@ -174,7 +177,6 @@
background-position: 0 -16px;
}
a.dossier-button{
-
padding-left: 40px;
background: url(../img/dossier-icon.jpg) no-repeat 6px 5px;
color: #FFF;
@@ -186,16 +188,19 @@
width:205px;
height: 27px;
}
+a.dossier-button:hover{
+ color: #ddd;
+}
div.content-wrap{
width:950px;
padding: 0 5px;
}
-/*frise*/
+/* FRISE */
div.frise{
background: #333;
height: 114px;
}
-/*cluster*/
+/* CLUSTER */
div.cluster-containment{
position: absolute;
height: 22px;
@@ -259,12 +264,13 @@
width: 950px;
border-top:2px solid #c51810;
border-bottom:2px solid #c51810;
+ padding: 1px 0;
}
div.content-left,div.content-right{
float: left;
}
-/*left*/
+/* content-left */
div.content-left{
width: 188px;
}
@@ -305,6 +311,59 @@
background-position: 0px 7px;
background-image: url(../img/dossier-title-arrow-show.jpg);
}
+/* content-left.documentaire */
+div.content-wrap div.header-documentaire{
+ height: 34px;
+ width: 100%;
+ padding-bottom: 1px;
+ border-bottom: 4px solid #313131;
+}
+div.content-wrap div.header-documentaire a.retour{
+ padding-left: 12px;
+ display: block;
+ line-height: 34px;
+ font-size: 24px;
+ background-color: #007dad;
+ color: #FFF;
+ width: 176px;
+ text-decoration: none;
+}
+div.content-wrap div.header-documentaire a.retour:hover{
+ background-color: #4fa3c4;
+}
+div.content-wrap div.header-documentaire h2{
+ padding-left: 50px;
+ background: url(../img/header-documentaire-titre-icon.jpg) no-repeat 12px 6px;
+ color: #007dad;
+ font-size: 24px;
+ line-height: 34px;
+}
+
+div.content-wrap div.header-documentaire a.retour, div.content-wrap div.header-documentaire h2{
+ float: left;
+}
+div.content div.documentaire.content-left div.widget-wrap{
+ background-color: #4fa3c4;
+ border: 5px solid #007dad;
+ color: #FFF;
+}
+div.content div.documentaire.content-left div.widget h3{
+ border-bottom: 1px solid #000;
+}
+div.content div.documentaire.content-left div.widget h3 a,
+div.documentaire.content-left .widget-inner form.filtre-date label,
+div.documentaire.content-left .widget-inner h4,
+div.documentaire.content-left .widget-inner a{
+ color: #FFF;
+}
+div.content-left.documentaire div.widget-wrap div.widget h3 a{
+ background-image: url(../img/dossier-documentaire-title-arrow-hide.jpg);
+
+}
+div.content-left.documentaire div.widget-wrap div.widget h3 a.open{
+ background-image: url(../img/dossier-documentaire-title-arrow-show.jpg);
+}
+/* WIDGET */
.widget-inner{
padding: 8px 0 8px 16px;
}
@@ -374,8 +433,27 @@
font-size: 12px;
color: #C51810;
}
-
-/*right*/
+.widget.recherche form input[type=text]{
+ float: left;
+ width: 100px;
+ height: 17px;
+ padding: 0 2px;
+ border: 1px solid #828282;
+ margin-right: 6px;
+}
+.widget.recherche form input[type=submit]{
+ float: left;
+ width: 20px;
+ height: 18px;
+ background-image: url(../img/widget-button-recherche.jpg);
+ background-repeat: no-repeat;
+ border:none;
+ cursor: pointer;
+}
+.widget.recherche form input[type=submit]:hover{
+ background-position: -20px 0;
+}
+/* content-right */
div.content-right{
width: 762px;
}
@@ -497,7 +575,7 @@
line-height: 55px;
}
-div.footer-partenaire ul li a{
+div.footer-partenaire ul li a:hover{
}
div.footer-texte{
@@ -515,6 +593,9 @@
div.copyright a{
text-decoration: none;
}
+div.copyright a:hover{
+ text-decoration: underline;
+}
/* Home Actus */
div.actu {
float: left;
@@ -584,11 +665,149 @@
}
.ui-slider-handle.ui-state-default.ui-corner-all{
cursor: pointer;
- width: 14px;
+ width: 19px;
height: 28px;
background: url(../img/frise-cursor.png) 0 0 no-repeat;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
+}
+
+
+
+
+/* page dossier documentaire */
+div.dossier-similaire, div.dossiers{
+ float: left;
+}
+/* dossier-similaire */
+div.dossier-similaire{
+ padding-top: 22px;
+ width: 204px;
+}
+div.dossier-similaire div.widget{
+
+}
+div.dossier-similaire div.widget h3{
+ border-bottom: 1px solid #007dad;
+ padding-bottom: 2px;
+
+}
+div.dossier-similaire div.widget h3 a{
+ font-size: 14px;
+ color: #007dad;
+ display: block;
+ background: url(../img/dossier-similaire-title-hide.jpg) no-repeat 2px 4px;
+ padding-left: 14px;
+ text-decoration: none;
+}
+div.dossier-similaire div.widget h3 a.open{
+ background: url(../img/dossier-similaire-title-show.jpg) no-repeat 2px 4px;
+}
+div.dossier-similaire div.widget ul{
+ padding-left: 20px;
+}
+div.dossier-similaire div.widget ul li{
+ color: #313131;
+ margin-bottom: 4px;
+ list-style-image: url(../img/documentaire-widget-list-item.jpg);
+}
+div.dossier-similaire div.widget ul li a{
+ color: #313131;
+}
+div.dossier-similaire div.widget ul li a:hover{
+ text-decoration: none;
+}
+/* dossiers */
+div.dossiers{
+ width: 525px;
+}
+li.item-dossier{
+ border-bottom: 1px solid #e0dde0;
+}
+
+div.dossiers{
+ padding: 10px 0 0 14px;
+}
+li.item-dossier .dossier-col-left,li.item-dossier .dossier-col-right{
+ float: left;
+}
+/*item left*/
+li.item-dossier .dossier-col-left .dossier-content{
+ padding-bottom: 10px;
+}
+li.item-dossier .dossier-col-left{
+ width: 294px;
+ margin-right: 6px;
+}
+li.item-dossier .dossier-col-left h2{
+ margin-bottom: 6px;
+}
+li.item-dossier .dossier-col-left h2 a{
+ text-decoration: none;
+ font-size: 22px;
+}
+li.item-dossier .dossier-col-left h2 a:hover{
+ color: #C51810;
+}
+li.item-dossier .dossier-col-left .dossier-content img{
+ float: left;
+ margin: 0 8px 8px 0;
+}
+/*item right*/
+li.item-dossier div.dossier-col-right{
+ width: 200px;
+}
+
+li.item-dossier div.dossier-col-right ul.links{
+ padding-left: 20px;
+}
+li.item-dossier div.dossier-col-right ul.links li {
+ list-style-image: url("../img/article-link-arrow.jpg");
+ margin-bottom: 1px;
+}
+li.item-dossier div.dossier-col-right ul.links li a:hover{
+ text-decoration: none;
+}
+
+li.item-dossier div.dossier-col-right h3{
+ color: #C51810;
+ margin-bottom: 6px;
+}
+li.item-dossier div.dossier-col-right ul.annotations{
+ float: right;
+
+}
+li.item-dossier div.dossier-col-right ul.annotations li a{
+ width: 20px;
+ height: 20px;
+ background-image: url(../img/dossier-annotation-sprite.jpg);
+ background-repeat: no-repeat;
+ display: block;
+
+}
+li.item-dossier div.dossier-col-right ul.annotations li a.share{
+ background-position: -6px -2px;
+}
+li.item-dossier div.dossier-col-right ul.annotations li a.share:hover{
+ background-position: -36px -2px;
+}
+li.item-dossier div.dossier-col-right ul.annotations li a.favorite{
+ background-position: -6px -21px;
+}
+li.item-dossier div.dossier-col-right ul.annotations li a.favorite:hover{
+ background-position: -36px -21px;
+}
+li.item-dossier div.dossier-col-right ul.annotations li a.trash{
+ background-position: -7px -41px;
+}
+li.item-dossier div.dossier-col-right ul.annotations li a.trash:hover{
+ background-position: -37px -41px;
+}
+li.item-dossier div.dossier-col-right ul.annotations li a.edit{
+ background-position: -7px -60px;
+}
+li.item-dossier div.dossier-col-right ul.annotations li a.edit:hover{
+ background-position: -37px -60px;
}
\ No newline at end of file