685 lines
8.0 KiB
SCSS
685 lines
8.0 KiB
SCSS
|
|
|
|
$orange: #BF2F2A;
|
|
|
|
$blue: #2BAADA;
|
|
$dark_orange: #E94F25;
|
|
$dark_gray:#363636;
|
|
$title_font : "Lato", sans-serif;
|
|
$sans_serif_font:'Mukta Malar', Arial, sans-serif;
|
|
$serif_font : "Roboto Slab", serif;
|
|
$cursive_font : 'Galada', cursive;
|
|
$sans_serif:'Lato', Arial, sans-serif;
|
|
|
|
@import "jquery.bxslider";
|
|
|
|
|
|
@import "redactor";
|
|
|
|
@import "fontawesome/font-awesome";
|
|
@import "qi_grids";
|
|
@import "popover";
|
|
|
|
@import "public/menu_item_link_contents";
|
|
@import "public/menus";
|
|
@import "public/slippry";
|
|
@import "public/timeline";
|
|
@import "public/articles";
|
|
|
|
|
|
@import "public/flexslider";
|
|
@import "public/label";
|
|
|
|
|
|
|
|
.breadcrumb{
|
|
color:rgb(150,150,150);
|
|
padding:20px 0;
|
|
*{
|
|
color:rgb(150,150,150);
|
|
|
|
}
|
|
}
|
|
|
|
b, strong{
|
|
font-weight:900;
|
|
|
|
}
|
|
|
|
|
|
|
|
#home_slider{
|
|
background:black;
|
|
height:640px;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
.slider_home{
|
|
.title{
|
|
position:absolute;
|
|
bottom:20px;
|
|
left:0;
|
|
background:rgba(0,0,0,0.5);
|
|
color:white;
|
|
max-width:400px;
|
|
padding:10px 30px;
|
|
padding-left:70px;
|
|
}
|
|
|
|
}
|
|
|
|
|
|
#large{
|
|
|
|
.links{
|
|
color:white;
|
|
padding-top:15px;
|
|
text-align:right;
|
|
float:right;
|
|
a{
|
|
color:white;
|
|
padding:5px;
|
|
font-size:1.3em;
|
|
}
|
|
}
|
|
.video_container{
|
|
h3{
|
|
text-align:left;
|
|
display:block;
|
|
font-size:1.3em;
|
|
padding-top:15px;
|
|
margin-top:0;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.detail_download_content{
|
|
margin:10px 0;
|
|
margin-bottom:5px;
|
|
background:rgba(250,250,250,1);
|
|
padding:10px;
|
|
#color:white;
|
|
img{
|
|
float:left;
|
|
margin-right:0;
|
|
width:150px;
|
|
|
|
}
|
|
|
|
h4,.desc,.links{
|
|
|
|
margin-left:160px;
|
|
|
|
}
|
|
h4{
|
|
|
|
font-weight:900;
|
|
margin-top:0;
|
|
}
|
|
.links{
|
|
a{
|
|
display:inline-block;
|
|
color:$orange;
|
|
padding:5px 10px;
|
|
border:1px solid $orange;
|
|
|
|
margin-right:10px;
|
|
margin-bottom:5px;
|
|
width:auto;
|
|
font-size:1em;
|
|
background:transparent;
|
|
border-radius:0;
|
|
cursor:pointer;
|
|
&:hover{
|
|
background:rgba(80,80,80,1);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
.bx-wrapper img{
|
|
display:block;
|
|
max-width: 100%;
|
|
}
|
|
|
|
|
|
|
|
body{
|
|
font-family:$sans_serif, Arial, sans-serif;
|
|
|
|
line-height:1.4em;
|
|
text-align:left;
|
|
font-weight:300;
|
|
padding:0;
|
|
margin:0;
|
|
|
|
font-size:16px;
|
|
color:#333333;
|
|
background:white no-repeat center center;
|
|
background-size:100%;
|
|
background-size:cover;
|
|
|
|
|
|
|
|
}
|
|
.slider{
|
|
|
|
img{
|
|
max-width:100%;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
a{
|
|
cursor:pointer;
|
|
img{
|
|
|
|
border:0;
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
img{
|
|
max-width:100%;
|
|
|
|
}
|
|
|
|
a{
|
|
color:$orange;
|
|
text-decoration:none;
|
|
|
|
&:hover{
|
|
color:$orange;
|
|
text-decoration:none;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.clear{
|
|
clear:both;
|
|
}
|
|
|
|
|
|
|
|
.center{
|
|
max-width:1100px;
|
|
margin:auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.center_block{
|
|
|
|
text-align:center;
|
|
img{
|
|
margin:0 5px;
|
|
|
|
}
|
|
}
|
|
|
|
|
|
.quote{
|
|
|
|
padding:10px 10px;
|
|
|
|
position:relative;
|
|
.guillemet{
|
|
font-family:palatino;
|
|
opacity:0.6;
|
|
font-size:3em;
|
|
position:absolute;
|
|
|
|
|
|
|
|
&.top_corner{
|
|
top:5px;
|
|
left:5px;
|
|
padding-top:15px;
|
|
padding-left:5px;
|
|
}
|
|
|
|
&.bottom_corner{
|
|
bottom:5px;
|
|
right:5px;
|
|
|
|
}
|
|
}
|
|
|
|
.quote_content{
|
|
font-family:Stylograph;
|
|
font-size:1.6em;
|
|
padding-top:45px;
|
|
text-align:center;
|
|
line-height:1.3em;
|
|
|
|
|
|
|
|
|
|
}
|
|
.author{
|
|
padding-right:50px;
|
|
font-size:1em;
|
|
text-align:right;
|
|
opacity:0.8;
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
h1,h2,h3,h4{
|
|
font-family:$title_font;
|
|
font-weight:900;
|
|
text-transform:uppercase;
|
|
|
|
}
|
|
|
|
h1{
|
|
font-size:35px;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.menu_item_content{
|
|
padding:1px 60px;
|
|
padding-bottom:50px;
|
|
position:relative;
|
|
|
|
|
|
h2{
|
|
color:$orange;
|
|
padding:0px 0;
|
|
margin-top:35px;
|
|
font-size:1.2em;
|
|
//text-transform:none;
|
|
line-height:1.3em;
|
|
margin-bottom:-5px;
|
|
font-weight:bold;
|
|
}
|
|
h3{
|
|
//text-transform:none;
|
|
font-size:1.05em;
|
|
margin-bottom:-5px;
|
|
}
|
|
|
|
|
|
ul {
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
margin-top:15px;
|
|
margin-left:50px;
|
|
|
|
li {
|
|
padding-left: 0px;
|
|
text-indent: -18px;
|
|
margin-bottom:8px;
|
|
}
|
|
|
|
li::before {
|
|
content: "• ";
|
|
color: $orange;
|
|
line-height:0.7em;
|
|
font-size:20px; /* or whatever color you prefer */
|
|
position:relative;
|
|
top:0px;
|
|
right:4px;
|
|
}
|
|
}
|
|
ol{
|
|
padding: 0;
|
|
margin: 0;
|
|
margin-left:70px;
|
|
|
|
li {
|
|
padding-left: 6px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
p{
|
|
|
|
text-align:justify;
|
|
}
|
|
.center{
|
|
max-width:650px;
|
|
padding: 0 20px;
|
|
margin:auto;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
.admin_panel{
|
|
position:fixed;
|
|
bottom:0px;
|
|
left:20px;
|
|
a{
|
|
display:inline-block;
|
|
padding:10px 20px;
|
|
color:white;
|
|
background:rgba(253,164,40,1);
|
|
}
|
|
}
|
|
.main_container{
|
|
|
|
max-width:950px;
|
|
padding:0 20px;
|
|
margin:auto;
|
|
|
|
position:relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
h1{
|
|
line-height:1.2em;
|
|
}
|
|
|
|
.comment_rules_container{
|
|
|
|
display:none;
|
|
background:white;
|
|
padding: 10px;
|
|
margin-bottom:10px;
|
|
|
|
.inner{
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
#slider_banner{
|
|
|
|
|
|
padding:0px ;
|
|
|
|
|
|
|
|
|
|
.bx-pager{
|
|
display:none;
|
|
}
|
|
|
|
.bx-wrapper{
|
|
margin:0 auto;
|
|
}
|
|
|
|
|
|
|
|
|
|
#slider_left{
|
|
|
|
position:relative;
|
|
|
|
|
|
|
|
box-sizing:border-box;
|
|
|
|
|
|
|
|
}
|
|
.bx-wrapper img{
|
|
width:100%;
|
|
}
|
|
|
|
}
|
|
|
|
|
|
.flashs{
|
|
position:fixed;
|
|
bottom:10px;
|
|
|
|
right:10px;
|
|
max-width:600px;
|
|
width:50%;
|
|
z-index:3;
|
|
|
|
|
|
.error, .notice, .alert{
|
|
|
|
padding: 15px;
|
|
margin-bottom: 20px;
|
|
border: 1px solid transparent;
|
|
border-radius: 4px;
|
|
.remove{
|
|
padding-right:7px;
|
|
cursor:pointer;
|
|
}
|
|
}
|
|
.error{
|
|
color: #a94442;
|
|
background-color: #f2dede;
|
|
border-color: #ebccd1;
|
|
}
|
|
|
|
.notice{
|
|
color: #3c763d;
|
|
background-color: #dff0d8;
|
|
border-color: #d6e9c6;
|
|
}
|
|
|
|
.alert{
|
|
color: #8a6d3b;
|
|
background-color: #fcf8e3;
|
|
border-color: #faebcc;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
#menu_top_container #menu .content{
|
|
font-family:$title_font;
|
|
text-transform:uppercase !important;
|
|
font-weight:900 !important;
|
|
|
|
|
|
a{
|
|
padding-left:10px;
|
|
padding-right:10px;
|
|
}
|
|
}
|
|
|
|
h2.home_title{
|
|
text-align:left;
|
|
padding:60px 0;
|
|
padding-bottom:40px;
|
|
margin:0;
|
|
font-weight:900;
|
|
span{
|
|
color:$orange;
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.serif_link{
|
|
font-family:$serif_font;
|
|
|
|
|
|
color:$dark_orange;
|
|
font-weight:600;
|
|
font-size:1.1em;
|
|
span{
|
|
font-family:$sans_serif_font;
|
|
color:white;
|
|
border-radius:50%;
|
|
width:1em;
|
|
height:1em;
|
|
padding:4px;
|
|
padding-bottom:6px;
|
|
padding-top:2px;
|
|
background:$orange;
|
|
display:inline-block;
|
|
text-align:center;
|
|
font-weight:normal;
|
|
|
|
}
|
|
&:hover{
|
|
color:$dark_orange;
|
|
span{
|
|
background:$dark_orange;
|
|
color:white;
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.mobile_bars{
|
|
display:none;
|
|
.right_bars{
|
|
float:right;
|
|
font-size:2em;
|
|
color:white;
|
|
padding-right:10px;
|
|
padding-bottom:5px;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.contact_page{
|
|
|
|
padding:20px;
|
|
.btn{
|
|
text-transform:uppercase;
|
|
background:$orange;
|
|
padding:10px 30px;
|
|
|
|
}
|
|
.inner{
|
|
font-size:1.1em;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.input{
|
|
|
|
&.has-error{
|
|
|
|
|
|
.form-control{
|
|
border: 1px solid red;
|
|
}
|
|
}
|
|
.control-label{
|
|
display:block;
|
|
font-size:0.9em;
|
|
|
|
}
|
|
.form-control{
|
|
display:block;
|
|
box-sizing:border-box;
|
|
width:100%;
|
|
padding:5px;
|
|
font-size:1em;
|
|
border:1px solid rgba(0,0,0,0.3);
|
|
|
|
}
|
|
|
|
textarea{
|
|
|
|
box-sizing:border-box;
|
|
width:100%;
|
|
padding:5px;
|
|
font-size:1em;
|
|
border:1px solid rgba(0,0,0,0.3);
|
|
}
|
|
.help-block{
|
|
display:block;
|
|
color:red;
|
|
font-size:0.9em;
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
fieldset{
|
|
border:0;
|
|
padding:0;
|
|
}
|
|
|
|
|
|
.contact_form{
|
|
padding:20px 0;
|
|
td{padding:0;}
|
|
input, textarea{
|
|
margin-top:5px;
|
|
}
|
|
.btn{
|
|
background:$orange;
|
|
padding:7px 14px;
|
|
font-size:1.1em;
|
|
color:white;
|
|
margin:5px 0;
|
|
}
|
|
}
|
|
|
|
|
|
.bottom{
|
|
background:rgb(40,40,40);
|
|
.inner{
|
|
color:rgba(255,255,255,0.9);
|
|
*{
|
|
text-decoration:none;
|
|
color:rgba(255,255,255,0.9);
|
|
}
|
|
max-width:1000px;
|
|
padding:30px 20px;
|
|
padding-bottom:60px;
|
|
margin:auto;
|
|
|
|
.span{
|
|
color:rgba(255,255,255,0.7);
|
|
font-size:0.8em;
|
|
padding-top:0px;
|
|
}
|
|
}
|
|
} |