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] + footer 700px
[lhc/web/clavettes.git]
/
css
/
habillage.scss
diff --git
a/css/habillage.scss
b/css/habillage.scss
index
a31c2a0
..
cfed9c8
100644
(file)
--- a/
css/habillage.scss
+++ b/
css/habillage.scss
@@
-19,7
+19,7
@@
time, mark, audio, video {
font-size: 100%;
vertical-align: baseline;
font-family: sans-serif;
font-size: 100%;
vertical-align: baseline;
font-family: sans-serif;
- color:#
120260
;
+ color:#
0c0fb7
;
text-align: left;
}
text-align: left;
}
@@
-82,10
+82,12
@@
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{
}
header{
- margin:0 auto;
+ margin:
15px auto
0 auto;
width:1200px;
}
width:1200px;
}
@@
-102,7
+104,7
@@
header .spip_logos{
margin:0 auto;
}
a{
margin:0 auto;
}
a{
- color:#
e1702e
;
+ color:#
0fe4ab
;
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;
@@
-113,20
+115,27
@@
a{
a:focus, a:hover, a:active{
background:none;
a:focus, a:hover, a:active{
background:none;
- color:#120260;
+ 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;
+}
+a:hover > i {
+ color : #0c0fb7 !important;
-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;
}
-
h1{
margin: 0;
padding:0;
margin-top:15px;
margin-left:15px;
h1{
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;
}
@@
-137,7
+146,7
@@
h1:hover{
h2{
margin: 15px 15px;
h2{
margin: 15px 15px;
- font-size:1.
3
em;
+ font-size:1.
2
em;
display:inline-block;
}
display:inline-block;
}
@@
-155,7
+164,17
@@
p{
/*1ERE COLONNE*/
/*1ERE COLONNE*/
-
+.titre{
+ background-color: #05ffbc;
+ height: 47px;
+ width: 100%;
+ color:#fff;
+ margin:0 0 15px 0;
+ padding:10px 15px;
+ text-transform: uppercase;
+ font-family: "Trebuchet MS", Helvetica, arial, sans-serif;
+ font-size: 1.7em;
+}
#ateliers{
margin:0 10px;
}
#ateliers{
margin:0 10px;
}
@@
-191,38
+210,102
@@
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;
}
.fa{
clear:both;
}
.fa{
- color:#e1702e;
+ color:#0fe4ab;
+ -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;
}
.fa:hover{
}
.fa:hover{
- color:#120260;
+ 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{
background-color:#e8e3e1;
}
.article{
background-color:#e8e3e1;
- margin:0
10px 15px 10px
;
+ margin:0
0 15px 0
;
line-height: 1.3;
}
line-height: 1.3;
}
-.spip_logo{
- display:none;
+.article h1{
+ font-size: 1.4em;
+ width:100%;
+}
+.article .fa{
+ width: 20px;
+ height: 20px;
+ -moz-border-radius: 10px;
+ -webkit-border-radius: 10px;
+ border-radius: 10px;
}
}
-.article .
spip_logos
{
+.article .
fa a
{
display: none;
}
display: none;
}
+.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;
}
@@
-237,11
+320,18
@@
address p{
.historique h1{
width:100%;
}
.historique h1{
width:100%;
}
-
-#atelierdescription img{
- width: 100%;
+#atelierdescription{
+ margin:0 10px;
+}
+#atelierdescription #news{
+ margin:0;
+}
+.spip_logos{
+ width:auto!important;
+}
+.urlsites{
+ padding:15px 0;
}
}
-
/*3EME COLONNE*/
/*3EME COLONNE*/
@@
-252,19
+342,18
@@
address p{
margin:0 10px 15px 10px;
overflow: hidden;
}
margin:0 10px 15px 10px;
overflow: hidden;
}
-
.agenda{
.agenda{
- background-color: #a1ffff;
- height:500px;
- margin:0 10px 0px 10px;
+ background-color: #05ffbc;
+ margin:0 10px 15px 10px;
padding-right: 10px;
padding-right: 10px;
- overflow-y: scroll;
+ padding-bottom: 15px;
+}
+.agenda h1: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;
@@
-276,22
+365,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*/
@@
-357,29
+441,27
@@
$large:1200px;
footer{
clear:both;
height:100px;
footer{
clear:both;
height:100px;
- background-color: #
e1702e
;
+ background-color: #
05ffbc
;
}
footer ul {
}
footer ul {
+ width:500px;
+ margin:0 auto;
padding:0;
padding:0;
- margin:0 auto;
list-style-type:none;
padding-top:30px;
}
list-style-type:none;
padding-top:30px;
}
-.textfooter{
- width:500px;
- margin:0 auto;
-}
+
footer li {
float:left; /*pour IE*/
text-align: center;
}
footer ul li a {
display:block;
footer li {
float:left; /*pour IE*/
text-align: center;
}
footer ul li a {
display:block;
- float:left;
text-decoration:none;
text-decoration:none;
+ color: #0c0fb7;
}
footer ul li a:hover {
}
footer ul li a:hover {
- border-bottom: solid #
1d0b78
;
+ border-bottom: solid #
0c0fb7
;
}
}