www/plugins/skel_lhc/habillage/skel_lhc.css

   1 @import url(https://fonts.googleapis.com/css?family=Sansita+One|Open+Sans:400,400italic);
   2
   3 #header-wrap, #footer-wrap {
   4     background-color: #585856;
   5     background-image: url("../img/bg-header-wrap.png");
   6 }
   7
   8 #header-wrap {
   9     margin-bottom: 0;
  10 }
  11
  12 #main-wrap {
  13     background: none;
  14     padding-top: 8px;
  15 }
  16
  17 .accueil {
  18     margin-top: 15px;
  19 }
  20
  21 #nav {
  22     margin-top: 0;
  23 }
  24
  25 #formulaire_recherche .submit,
  26 .sidebar .liste h2,
  27 .sidebar .formulaire_spip legend:first-child,
  28 .formulaire_spip h2:first-child,
  29 .contact-form {
  30     background-color: #F39200;
  31     float:none;
  32     width: auto;
  33 }
  34
  35 #main {
  36     padding: 20px;
  37     background-color: #FFF;
  38     color: #16212c
  39 }
  40
  41 .sidebar .widget, .sidebar .liste {
  42     background-color: #585856;
  43 }
  44
  45 .contact-form .formulaire_spip .submit {
  46     background-color: #C97B00;
  47 }
  48
  49 #recherche {
  50     height: 28px;
  51 }
  52
  53 #slideshow-box {
  54     background-image: url("../img/bg-slideshow.png");
  55 }
  56
  57 #slideshow-box .item .meta {
  58     text-shadow: none;
  59 }
  60
  61 #slideshow-box .item .meta .datecat {
  62     color: #585856;
  63 }
  64
  65 #slideshow-controller button {
  66     background-image: url("../img/button-slideshow.png");
  67 }
  68
  69 #featured .bar-1 .widget_special .title,
  70 #featured .bar-2 .widget_special .title,
  71 #featured .bar-3 .widget_special .title {
  72     background-image: url("../img/bg-featured-title.png");
  73 }
  74
  75 #featured-wrap {
  76     background-image: url("../img/bg-featured-wrap.png");
  77 }
  78
  79 #featured .widget_special .content {
  80     background-image: url('../img/bg-featured-page-content.png');
  81 }
  82
  83 #featured .widget_special .title {
  84     padding: 0 20px;
  85 }
  86
  87 #featured .spip_logos {
  88     float: none;
  89     display: block;
  90     margin-left: auto;
  91     margin-right: auto;
  92     padding: 1px;
  93 }
  94
  95 .cartouche {
  96     height:auto;
  97 }
  98
  99
 100 /*** Zone 8 images ***/
 101 #featured-list-visible {
 102         padding: 0;
 103         margin: 0;
 104         list-style: none;
 105 }
 106
 107 #featured-list-visible .post {
 108         padding: 0;
 109         margin: 0 36px 26px 0;
 110         width: 213px;
 111         height: 176px;
 112         float: left;
 113 }
 114 #featured-list-visible .post:nth-child(4n+4) {
 115         margin-right: 0;
 116 }
 117 #featured-list-visible .post:last-child {
 118         margin-bottom: 0;
 119 }
 120 #featured-list-visible .post a {
 121         display: block;
 122         border: 5px solid #93989b;
 123         border-radius: 3px;
 124         width: 203px;
 125         height: 166px;
 126         overflow: hidden;
 127 }
 128 #featured-list-visible .post a:hover {
 129         border-color: #293238;
 130 }
 131 #featured-list-visible .post img {
 132     -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Hack IE8 */
 133     filter: alpha(opacity = 100); /* Hack IE 5-7 */
 134     -webkit-transition: opacity 0.5s ease-in-out;/* transition pour Chrome et Safari */
 135     -moz-transition: opacity 0.5s ease-in-out;/* transition pour Firefox */
 136     -o-transition: opacity 0.5s ease-in-out;/* transition pour Opéra */
 137     transition: opacity 0.5s ease-in-out;
 138 }
 139 #featured-list-visible .post:hover img {
 140     border-color: #293238;
 141     opacity: 0.7;
 142     -ms-filter:"prodig:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* Hack IE 8 */
 143     filter: alpha(opacity = 70);
 144 }
 145 #featured-list-visible .post .info_art {
 146     height: 156px;
 147     visibility: visible;
 148 }
 149
 150 .page-header .page-title {
 151     color: #16212c;
 152 }
 153
 154 a:link,
 155 a:visited,
 156 h3,
 157 .contenu-principal .h1,
 158 #menubar ul li:hover a,
 159 #menubar ul li.hover a,
 160 #menubar ul li:hover ul li:hover a,
 161 #menubar ul li.hover ul li.hover a,
 162 #menubar ul li:hover ul li.active a,
 163 #menubar ul li.hover ul li.active a {
 164     color: #F39200;
 165 }
 166
 167 h3.title {
 168     height: 54px;
 169     overflow: hidden;
 170 }
 171
 172 .info_art h3 {
 173     font-size: 15px;
 174 }
 175
 176 #secondary {
 177     color: #fff;
 178 }
 179
 180 #secondary.sidebar a:link {
 181     color: #fff;
 182     font-weight: bold;
 183 }
 184 li.post > a {
 185     background-color: #FFF;
 186 }
 187
 188 li.widget {
 189     list-style-type: none;
 190 }
 191
 192 .info_art {
 193     width: 193px;
 194 }
 195
 196 blockquote {
 197     border: none;
 198     background-color: #0000001a;
 199 }
 200
 201 dl.spip_documents {
 202     background: none;
 203     color: #16212c;
 204     border: none;
 205 }
 206
 207 .calendriermini .ui-datepicker-buttonpane button, .formulaire_spip .boutons input, input.submit {
 208  float:right;
 209  margin:.5em .2em .4em;
 210  cursor:pointer;
 211  padding:0 10px;
 212  width:auto;
 213  overflow:visible;
 214  background-color: #F39200;
 215  color: #FFF;
 216  border: 0 none;
 217  border-radius: 10px;
 218  line-height: 30px;
 219  height: 30px;
 220  font-weight: bold;
 221  font-size: 14px;
 222  text-align: center;
 223 }
 224
 225 /*** Reservation événements ***/
 226
 227
 228 .reponse_formulaire_ok {
 229   color: #16212c;
 230 }
 231
 232 thead th {
 233   background: none repeat scroll 0 0 #7F7F7E;
 234   color: #fff;
 235 }
 236
 237 #secondary.sidebar .ui-datepicker-calendar a:link {
 238   color: #16212c;
 239 }