541 lines
6.5 KiB
SCSS
541 lines
6.5 KiB
SCSS
//= require_tree ./public/
|
|
|
|
@import "./qi_core/formtastic";
|
|
@import "fluid_grid";
|
|
|
|
|
|
|
|
|
|
a{
|
|
color:#82b139;
|
|
text-decoration: underline;
|
|
&:hover{
|
|
text-decoration:none;
|
|
}
|
|
|
|
img{
|
|
border:0px;
|
|
}
|
|
}
|
|
|
|
body{
|
|
background:white url('/assets/home_background.jpg') repeat-x;
|
|
margin:0px;
|
|
padding:0px;
|
|
font-family: "Trebuchet MS";
|
|
font-size:13px;
|
|
color:#545454;
|
|
}
|
|
|
|
.center{
|
|
width:1000px;
|
|
margin:auto;
|
|
|
|
|
|
}
|
|
|
|
.top{
|
|
@extend .center;
|
|
position:relative;
|
|
z-index:110;
|
|
height:85px;
|
|
|
|
#logo{
|
|
position:absolute;
|
|
top:0px;
|
|
left:-10px;
|
|
}
|
|
|
|
#menu_top{
|
|
background:white;
|
|
box-shadow: 0px 0px 8px black;
|
|
|
|
float:right;
|
|
text-align:center;
|
|
padding:5px;
|
|
|
|
-moz-transform: rotate(-1deg);
|
|
-webkit-transform: rotate(-1deg);
|
|
-o-transform: rotate(-1deg);
|
|
transform: rotate(-1deg);
|
|
position:relative;
|
|
top:30px;
|
|
|
|
a{
|
|
padding:5px;
|
|
color:black;
|
|
text-decoration:none;
|
|
font-size:14px;
|
|
display:inline-block;
|
|
&:hover{
|
|
-moz-transform: rotate(3deg);
|
|
-webkit-transform: rotate(3deg);
|
|
-o-transform: rotate(3deg);
|
|
transform: rotate(3deg);
|
|
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
#slider_shadow{
|
|
@extend .center;
|
|
background:url("/assets/slider_shadow.png") no-repeat top center;
|
|
height:32px;
|
|
|
|
}
|
|
|
|
#main{
|
|
@extend .center;
|
|
background:white;
|
|
box-shadow: 0px 0px 30px #494949;
|
|
margin-bottom:-150px;
|
|
position:relative;
|
|
z-index:2;
|
|
min-height:600px;
|
|
|
|
.article{
|
|
margin-top:20px;
|
|
|
|
}
|
|
|
|
|
|
#sidebar{
|
|
min-height: 300px;
|
|
width: 225px;
|
|
float: left;
|
|
|
|
|
|
.widget{
|
|
|
|
padding:20px;
|
|
padding-right:0px;
|
|
a{
|
|
color : black;
|
|
text-decoration:none;
|
|
&:hover{
|
|
text-decoration:underline;
|
|
}
|
|
|
|
}
|
|
ul{
|
|
margin:0px;
|
|
padding:0px;
|
|
|
|
ul{
|
|
padding-left:20px;
|
|
}
|
|
}
|
|
li{
|
|
|
|
list-style:none;
|
|
padding:0px;
|
|
padding-bottom:5px;
|
|
margin:0px;
|
|
|
|
}
|
|
|
|
h2{
|
|
font-weight:normal;
|
|
border-bottom:1px solid #ececec;
|
|
}
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
#body{
|
|
min-height: 600px;
|
|
padding: 10px 20px 10px 30px;
|
|
margin-left: 225px;
|
|
|
|
h1{
|
|
color:#7aa323;
|
|
|
|
a{
|
|
text-decoration:none;
|
|
@extend h1
|
|
|
|
}
|
|
|
|
}
|
|
|
|
h2{
|
|
color:#7aa323;
|
|
margin-top:50px;
|
|
margin-bottom:30px;
|
|
font-weight:normal
|
|
|
|
}
|
|
.article_intro{
|
|
|
|
border-left:1px solid #ececec;
|
|
|
|
padding:10px;
|
|
margin-bottom:20px;
|
|
margin-top:10px;
|
|
position:relative;
|
|
.category{
|
|
a{
|
|
position:absolute;
|
|
right:10px;
|
|
top:-13px;
|
|
background:#717171;
|
|
color:white;
|
|
padding:5px 10px 5px 10px;
|
|
text-decoration:none;
|
|
|
|
&:hover{
|
|
background:#a1a1a1;
|
|
}
|
|
}
|
|
}
|
|
|
|
.article_block{
|
|
margin-bottom:100px}
|
|
|
|
.tags{
|
|
float:left;
|
|
margin-top:15px;
|
|
|
|
|
|
a{
|
|
color : black;
|
|
text-decoration:none;
|
|
&:hover{
|
|
text-decoration:underline;
|
|
}
|
|
}
|
|
}
|
|
|
|
img{
|
|
|
|
}
|
|
|
|
|
|
.article_infos{
|
|
color :#a1a1a1;
|
|
font-style:italic;
|
|
margin-bottom:40px;
|
|
|
|
|
|
|
|
a {
|
|
text-decoration:none;
|
|
color :#a1a1a1;
|
|
&:hover{
|
|
text-decoration:underline;
|
|
font-weight:bold;
|
|
}
|
|
}
|
|
}
|
|
.share_in_social{
|
|
text-align:right;
|
|
padding:10px;
|
|
margin-bottom:0px;
|
|
padding-bottom:0px;
|
|
img{
|
|
width:32px;
|
|
padding-left:10px;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
#home_main{
|
|
@extend .center;
|
|
#events_container{
|
|
float:right;
|
|
width:430px;
|
|
background:url('/assets/events_shadow.png') no-repeat bottom center;
|
|
position:relative;
|
|
top:-22px;
|
|
#events{
|
|
background:url('/assets/events.jpg');
|
|
height:533px;
|
|
width:394px;
|
|
margin-bottom:18px;
|
|
margin-left:22px;
|
|
|
|
}
|
|
}
|
|
#articles{
|
|
margin-top:20px;
|
|
width:560px;
|
|
|
|
#bloglink{
|
|
|
|
display:block;
|
|
float:right;
|
|
font-size:16px;
|
|
padding-right:20px;
|
|
text-decoration:none;
|
|
&:hover{
|
|
text-decoration:underline;
|
|
font-weight:bold;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
.article{
|
|
cursor:pointer;
|
|
|
|
h2{
|
|
margin-top:0px !important;
|
|
margin-bottom:10px !important;
|
|
color:#82b139;
|
|
font-size:18px;
|
|
font-weight:normal;
|
|
|
|
a{
|
|
@extend h2;
|
|
text-decoration:none;
|
|
}
|
|
}
|
|
.img{
|
|
width:180px;
|
|
text-align:center;
|
|
|
|
img{
|
|
box-shadow:0px 0px 30px #c8c8c8;
|
|
padding:6px;
|
|
background:white;
|
|
max-width:150px;
|
|
max-height:150px;
|
|
}
|
|
}
|
|
margin-bottom:20px;
|
|
|
|
.right{
|
|
padding-left:20px;
|
|
}
|
|
.desc{
|
|
text-align:justify;
|
|
}
|
|
table{
|
|
width:100%;
|
|
|
|
td{
|
|
vertical-align:middle;
|
|
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
|
|
#footer_container{
|
|
background:url('/assets/fond_vert.png');
|
|
padding-top:150px;
|
|
#footer{
|
|
@extend .center;
|
|
min-height:300px;
|
|
padding-top:15px;
|
|
padding-bottom:20px;
|
|
|
|
*{
|
|
color:white;
|
|
|
|
}
|
|
|
|
h3{
|
|
font-size:22px;
|
|
font-weight:normal;
|
|
margin-bottom:10px;
|
|
margin-top:0px;
|
|
}
|
|
|
|
a{
|
|
text-decoration:none;
|
|
font-size:16px;
|
|
|
|
&:hover{
|
|
text-decoration:underline;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
.column1{
|
|
width:300px;
|
|
border-right:1px solid white;
|
|
float:left;
|
|
padding:10px;
|
|
min-height:350px;
|
|
|
|
}
|
|
.column2{
|
|
width:300px;
|
|
float:left;
|
|
padding:10px;
|
|
min-height:350px;
|
|
}
|
|
.column3{
|
|
width:300px;
|
|
border-left:1px solid white;
|
|
float:left;
|
|
padding:10px;
|
|
min-height:350px;
|
|
}
|
|
|
|
}
|
|
|
|
&.home{
|
|
padding-top:0px;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
#legals{
|
|
height:35px;
|
|
@extend .center;
|
|
padding-top:10px;
|
|
p{
|
|
margin:0px;
|
|
padding:0px;
|
|
|
|
}
|
|
a{
|
|
text-decoration:none;
|
|
color: #545454;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.slider{
|
|
@extend .center;
|
|
|
|
height:460px;
|
|
position:relative;
|
|
|
|
|
|
.slides {
|
|
margin:0px;
|
|
position:absolute;
|
|
top:0px;
|
|
left:0px;
|
|
|
|
|
|
|
|
.slides_container {
|
|
width:1000px;
|
|
height:460px;
|
|
overflow:hidden;
|
|
position:relative;
|
|
display:none;
|
|
margin:0px;
|
|
|
|
|
|
div.slide {
|
|
|
|
display:block;
|
|
margin:0px;
|
|
}
|
|
}
|
|
|
|
.next{
|
|
position:absolute;
|
|
top:150px;
|
|
right:-24px;
|
|
width:24px;
|
|
height:43px;
|
|
display:block;
|
|
z-index:110;
|
|
}
|
|
.prev{
|
|
position:absolute;
|
|
top:150px;
|
|
left:-24px;
|
|
width:24px;
|
|
height:43px;
|
|
display:block;
|
|
z-index:110;
|
|
}
|
|
|
|
.hover{
|
|
display:none;
|
|
}
|
|
.photos_link{
|
|
position:absolute;
|
|
top:400px;
|
|
padding:10px;
|
|
background:rgba(#000000, 0.5);
|
|
width:980px;
|
|
color:white;
|
|
z-index:120;
|
|
|
|
font-size:20px;
|
|
a{
|
|
color:white;
|
|
text-decoration:none;
|
|
}
|
|
|
|
}
|
|
|
|
.pagination {
|
|
margin:10px auto 0;
|
|
|
|
text-align:center;
|
|
|
|
padding:0px;
|
|
|
|
|
|
li {
|
|
display:inline;
|
|
margin:0 1px;
|
|
list-style:none;
|
|
|
|
a {
|
|
display:inline-block;
|
|
width:12px;
|
|
height:0;
|
|
padding-top:12px;
|
|
background-image:url(/assets/pagination.png);
|
|
background-position:0 0;
|
|
|
|
overflow:hidden;
|
|
margin-right:2px;
|
|
}
|
|
|
|
&.current a {
|
|
background-position:0 -12px;
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|