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 /*** Zone 8 images ***/
  96 #featured-list-visible {
  97         padding: 0;
  98         margin: 0;
  99         list-style: none;
 100 }
 101
 102 #featured-list-visible .post {
 103         padding: 0;
 104         margin: 0 36px 26px 0;
 105         width: 213px;
 106         height: 176px;
 107         float: left;
 108 }
 109 #featured-list-visible .post:nth-child(4n+4) {
 110         margin-right: 0;
 111 }
 112 #featured-list-visible .post:last-child {
 113         margin-bottom: 0;
 114 }
 115 #featured-list-visible .post a {
 116         display: block;
 117         border: 5px solid #93989b;
 118         border-radius: 3px;
 119         width: 203px;
 120         height: 166px;
 121         overflow: hidden;
 122 }
 123 #featured-list-visible .post a:hover {
 124         border-color: #293238;
 125 }
 126 #featured-list-visible .post img {
 127     -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Hack IE8 */
 128     filter: alpha(opacity = 100); /* Hack IE 5-7 */
 129     -webkit-transition: opacity 0.5s ease-in-out;/* transition pour Chrome et Safari */
 130     -moz-transition: opacity 0.5s ease-in-out;/* transition pour Firefox */
 131     -o-transition: opacity 0.5s ease-in-out;/* transition pour Opéra */
 132     transition: opacity 0.5s ease-in-out;
 133 }
 134 #featured-list-visible .post:hover img {
 135     border-color: #293238;
 136     opacity: 0.7;
 137     -ms-filter:"prodig:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* Hack IE 8 */
 138     filter: alpha(opacity = 70);
 139 }
 140 #featured-list-visible .post .info_art {
 141     height: 156px;
 142     visibility: visible;
 143 }
 144
 145 .page-header .page-title {
 146     color: #16212c;
 147 }
 148
 149 a:link,
 150 a:visited,
 151 h3,
 152 .contenu-principal .h1,
 153 #menubar ul li:hover a,
 154 #menubar ul li.hover a,
 155 #menubar ul li:hover ul li:hover a,
 156 #menubar ul li.hover ul li.hover a,
 157 #menubar ul li:hover ul li.active a,
 158 #menubar ul li.hover ul li.active a {
 159     color: #F39200;
 160 }
 161
 162 h3.title {
 163     height: 54px;
 164     overflow: hidden;
 165 }
 166
 167 .info_art h3 {
 168     font-size: 15px;
 169 }
 170
 171 #secondary {
 172     color: #fff;
 173 }
 174
 175 #secondary.sidebar a:link {
 176     color: #fff;
 177     font-weight: bold;
 178 }
 179 li.post > a {
 180     background-color: #FFF;
 181 }
 182
 183 li.widget {
 184     list-style-type: none;
 185 }
 186
 187 .info_art {
 188     width: 193px;
 189 }
 190
 191 blockquote {
 192     border: none;
 193     background-color: #0000001a;
 194 }
 195
 196 dl.spip_documents {
 197     background: none;
 198     color: #16212c;
 199     border: none;
 200 }
 201
 202 .calendriermini .ui-datepicker-buttonpane button, .formulaire_spip .boutons input, input.submit {
 203  float:right;
 204  margin:.5em .2em .4em;
 205  cursor:pointer;
 206  padding:0 10px;
 207  width:auto;
 208  overflow:visible;
 209  background-color: #F39200;
 210  color: #FFF;
 211  border: 0 none;
 212  border-radius: 10px;
 213  line-height: 30px;
 214  height: 30px;
 215  font-weight: bold;
 216  font-size: 14px;
 217  text-align: center;
 218 }
 219
 220 /*** Reservation événements ***/
 221
 222 .reponse_formulaire_ok {
 223   color: #16212c;
 224 }
 225
 226 thead th {
 227   background: none repeat scroll 0 0 #7F7F7E;
 228   color: #fff;
 229 }
 230
 231 #secondary.sidebar .ui-datepicker-calendar a:link {
 232   color: #16212c;
 233 }