dépôts
/
lhc
/
web
/
clavettes.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
[CSS] +h1
[lhc/web/clavettes.git]
/
css
/
habillage.scss
diff --git
a/css/habillage.scss
b/css/habillage.scss
index
edb86a3
..
f5aa2b7
100644
(file)
--- a/
css/habillage.scss
+++ b/
css/habillage.scss
@@
-82,12
+82,13
@@
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,
body{
margin:0;
padding:0;
body{
margin:0;
padding:0;
+ font-size: 0.9em;
+
}
header{
margin:15px auto 0 auto;
width:1200px;
}
header{
margin:15px auto 0 auto;
width:1200px;
-
}
header .spip_logos{
}
header .spip_logos{
@@
-102,7
+103,7
@@
header .spip_logos{
margin:0 auto;
}
a{
margin:0 auto;
}
a{
- color:#0
5ffbc
;
+ color:#0
fe4ab
;
text-decoration:none;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
text-decoration:none;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
@@
-128,27
+129,29
@@
a:hover > i {
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
-h1{
+
+h2{
margin: 0;
padding:0;
margin-top:15px;
margin-left:15px;
margin: 0;
padding:0;
margin-top:15px;
margin-left:15px;
- font-size:1.
9
em;
+ font-size:1.
8
em;
display:inline-block;
font-weight: bold;
display:inline-block;
font-weight: bold;
+ width: 90%;
}
}
-
-h1:hover{
+h2:hover{
text-decoration: underline;
}
text-decoration: underline;
}
-h
2
{
+h
3
{
margin: 15px 15px;
margin: 15px 15px;
- font-size:1.
3
em;
+ font-size:1.
2
em;
display:inline-block;
display:inline-block;
+ width:90%;
}
}
-h
3
{
+h
4
{
margin:15px;
display:inline-block;
}
margin:15px;
display:inline-block;
}
@@
-172,19
+175,17
@@
p{
text-transform: uppercase;
font-family: "Trebuchet MS", Helvetica, arial, sans-serif;
font-size: 1.7em;
text-transform: uppercase;
font-family: "Trebuchet MS", Helvetica, arial, sans-serif;
font-size: 1.7em;
- -webkit-transition: all 0.3s ease 0s;
- -moz-transition: all 0.3s ease 0s;
- -ms-transition: all 0.3s ease 0s;
- -o-transition: all 0.3s ease 0s;
- transition: all 0.3s ease 0s;
+ font-weight: normal;
}
.titre:hover{
}
.titre:hover{
- background-color: #0c0fb7;
- -webkit-transition: all 0.3s ease 0s;
- -moz-transition: all 0.3s ease 0s;
- -ms-transition: all 0.3s ease 0s;
- -o-transition: all 0.3s ease 0s;
- transition: all 0.3s ease 0s;
+ text-decoration: none;
+ font-weight: normal;
+}
+#ateliers h3{
+ margin: 15px 15px;
+ font-size:1.2em;
+ display:inline-block;
+ text-decoration: none;
}
#ateliers{
margin:0 10px;
}
#ateliers{
margin:0 10px;
@@
-221,31
+222,33
@@
p{
.horairesouvertures{
margin:0 0 0 15px;
}
.horairesouvertures{
margin:0 0 0 15px;
}
-.logoatelier{
- margin:auto;
- width: 300px;
-}
#ateliers nav{
padding-top:15px;
#ateliers nav{
padding-top:15px;
+ padding-bottom: 15px;
clear:both;
}
clear:both;
}
-
#ateliers
.fa{
- color:#0
5ffbc
;
+.fa{
+ color:#0
fe4ab
;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
-
#ateliers
.fa:hover{
+.fa:hover{
color:#0c0fb7;
}
color:#0c0fb7;
}
-
+#atelierdescription nav{
+ margin-bottom: 15px;
+}
+.voirenligne{
+ padding:15px;
+ text-align: right;
+}
/*2EME COLONNE*/
#news{
/*2EME COLONNE*/
#news{
- overflow: hidden;
margin:0 10px;
}
.article{
margin:0 10px;
}
.article{
@@
-253,6
+256,10
@@
p{
margin:0 0 15px 0;
line-height: 1.3;
}
margin:0 0 15px 0;
line-height: 1.3;
}
+.article h1{
+ font-size: 1.4em;
+ width:100%;
+}
.article .fa{
width: 20px;
height: 20px;
.article .fa{
width: 20px;
height: 20px;
@@
-265,6
+272,51
@@
p{
}
.article img{
width:100%;
}
.article img{
width:100%;
+ height:auto;
+ margin:0;
+}
+.article ul{
+ margin:0 15px;
+}
+.article li{
+ margin:0 15px;
+}
+.article div{
+ margin:0 15px;
+}
+
+
+.articlefull{
+ background-color:#e8e3e1;
+ margin:0 0 15px 0;
+ line-height: 1.3;
+}
+.articlefull h1{
+ font-size: 1.4em;
+ width:100%;
+}
+.articlefull .fa{
+ width: 20px;
+ height: 20px;
+ -moz-border-radius: 10px;
+ -webkit-border-radius: 10px;
+ border-radius: 10px;
+}
+.articlefull .fa a{
+ display: none;
+}
+.articlefull img{
+ width:auto;
+ margin:0;
+}
+.articlefull ul{
+ margin:0 15px;
+}
+.articlefull li{
+ margin:0 15px;
+}
+.articlefull div{
+ margin:0 15px;
}
address{
padding-bottom: 10px;
}
address{
padding-bottom: 10px;
@@
-286,10
+338,12
@@
address p{
#atelierdescription #news{
margin:0;
}
#atelierdescription #news{
margin:0;
}
-#atelierdescription img{
- width: 100%;
+.spip_logos{
+ width:auto!important;
+}
+.urlsites{
+ padding:15px 0;
}
}
-
/*3EME COLONNE*/
/*3EME COLONNE*/
@@
-300,19
+354,18
@@
address p{
margin:0 10px 15px 10px;
overflow: hidden;
}
margin:0 10px 15px 10px;
overflow: hidden;
}
-
.agenda{
background-color: #05ffbc;
.agenda{
background-color: #05ffbc;
- height:500px;
margin:0 10px 15px 10px;
padding-right: 10px;
margin:0 10px 15px 10px;
padding-right: 10px;
- overflow-y: scroll;
+ padding-bottom: 15px;
+}
+.agenda h2:hover{
+ text-decoration: none;
}
}
-
.agenda p{
padding: 0;
}
.agenda p{
padding: 0;
}
-
.agenda ul{
list-style-type:none;
padding:0;
.agenda ul{
list-style-type:none;
padding:0;
@@
-324,22
+377,17
@@
address p{
font-size: 1.7em;
clear: both;
}
font-size: 1.7em;
clear: both;
}
-
.event{
display: block;
.event{
display: block;
- margin-bottom:
10
px;
+ margin-bottom:
45
px;
padding-top: 5px;
padding-top: 5px;
+
}
.horaire{
font-size: 0.8em;
margin-bottom: 20px;
display: block;
}
}
.horaire{
font-size: 0.8em;
margin-bottom: 20px;
display: block;
}
-.nature{
- overflow-y: scroll;
- height: 70px;
-
-}
/*RESPONSIVE*/
/*RESPONSIVE*/
@@
-409,26
+457,23
@@
footer{
}
footer ul {
}
footer ul {
- padding:0;
- margin:0 auto;
- list-style-type:none;
- padding-top:30px;
-}
-.textfooter{
width:500px;
margin:0 auto;
width:500px;
margin:0 auto;
+ padding:30px 0 0;
+ list-style-type:none;
}
}
+
footer li {
float:left; /*pour IE*/
text-align: center;
}
footer ul li a {
footer li {
float:left; /*pour IE*/
text-align: center;
}
footer ul li a {
+ text-align: center;
display:block;
display:block;
- float:left;
text-decoration:none;
text-decoration:none;
- color: #
120260
;
+ color: #
0c0fb7
;
}
footer ul li a:hover {
}
footer ul li a:hover {
- border-bottom: solid #
1d0b78
;
+ border-bottom: solid #
0c0fb7
;
}
}