@tmpgreen: #a8d44e;
html, body{
*::selection {
background: @tmpgreen !important;
color:#fff;
transition: all 0.5s;
}
span.green{
color:@tmpgreen;
text-transform: uppercase;
font-weight: bolder;
font-size:13px;
}
small.date{
text-transform: uppercase;
font-size:13px;
}
font-family: 'Roboto', sans-serif;
margin:0 auto !important;
a, p, h1, h2, h3, h4, *{
font-family: 'Roboto', sans-serif;
}
a, p{
font-weight:light;
line-height: 180% !important;
}
a{
color: @tmpgreen;
transition: all 0.5s ease-in-out;
}
h1, h2, h3, h4{
font-weight:bold;
}
h1.claimtitle{
font-size:30px;
line-height: 110%;
margin: 0 !important;
}
.nopadding{
padding:0 !important;
}
.nolateralpadding{
padding-left:0 !important;
padding-right:0 !important;
}
.nomargin{
margin:0 !important;
}
.nomargintop{
margin-top:0 !important;
}
.nomarginbottom{
margin-bottom:0 !important;
}
.nolateralpadding{
margin-right:0 !important;
margin-left:0 !important;
}
*:hover{
// -webkit-transition: all 1s ease-in-out;
// -moz-transition: all 1s ease-in-out;
// -o-transition: all 1s ease-in-out;
// transition: all 1s ease-in-out;
}
.gallery-icon a img{
background: transparent none repeat scroll 0 0;
border: medium none !important;
float: left;
height: 80px;
width: auto;
}
.headers{
// z-index:100000 !important;
// width:100%;
// background:#333 !important;
.navbar-default{
background-color:transparent;
}
.navbar.navbar-default.navbar-fixed-top{
.container-fluid{
padding:20px 0;
}
min-width: 100% !important;
border: none;
//padding:10px;
//background:#333;
.brand{
float: left;
//margin-left: 6%;
.logo{
display: block;
padding:10px;
width: 100%;
margin:0 auto;
text-align: center;
img{
width:100px;
height:auto;
}
}
}
}
.navbar-toggle:hover{
span{
background-color:@tmpgreen;
}
}
#bs-example-navbar-collapse-1{
margin: 0 auto !important;
}
.navbar-collapse.collapse.in, .navbar-collapse.collapsing{
clear: both !important;
width: 100%;
padding:0 !important;
ul#menu-menu-header-1{
padding:0 !important;
}
}
.nav > li {
float:left;
text-align: center;
a{
color:#333;
width: 100%;
font-weight: 700;
font-size:16px;
text-align: center;
background: transparent;
text-transform: uppercase;
transition: all 1s;
transition: opacity 1s;
.loghino{
display: none;
width: 0;
opacity: 0;
}
}
a:hover{
background: transparent;
transition: all 1s;
transition: opacity 1s;
color: #fff;
.loghino{
display: inline-block;
transition: all 0.5s;
color:@tmpgreen;
width: auto;
opacity: 1;
font-size:10px;
img{
// height: 16px;
// line-height: 16px;
vertical-align: middle;
}
}
}
}
.nav > li.current_page_item{
a{
//background-color:#333;
color: @tmpgreen;
.loghino{
display: inline-block;
transition: all 0.5s;
color:@tmpgreen;
width: auto;
opacity: 1;
font-size:10px;
}
}
}
// .first-left{
// a{
// text-align: left !important;
// }
// }
// .last-right{
// a{
// text-align: right !important;
// }
// }
}
#content{
.container-fluid.projects{
.row{
div.col-md-8.col-md-offset-2{
max-width:1200px; margin:0 auto; float:none; display:block;
.rightcontent{
margin-top:15%;
}
}
}
}
.articlecontent{
padding:10px 0;
small b{
font-weight: 700;
}
h1.bigtitle{
font-size:3vw;
margin: 20px auto;
line-height: 100% !important;
a{
line-height: 100% !important;
color: #333 !important;
}
}
}
.articlecontent:hover{
background:@tmpgreen;
transition: all 0.5s ease-in-out;
cursor: pointer;
color:#fff !important;
span.green{
color: #fff;
}
a{
color: #fff !important;
}
h1.bigtitle{
a{
line-height: 100% !important;
color: #fff !important;
}
}
}
.logone{
img{
width:150px;
height: auto;
}
}
#primary{
padding:0 !important;
margin:0 auto;
.col-md-10.col-md-offset-1{
padding-bottom: 100px;
}
a.btnapp{
img{
width: 137px;
margin-right:1%;
margin-bottom:5%;
}
}
.entry-content{
.col-md-7{
p{
margin-top:20px;
}
}
.col-md-5{
position: fixed;
right:0;
top:0;
img.appgif{
min-width:250px;
}
}
}
#gallery-1{
width:100% !important;
margin-top:10% !important;
.gallery-item{
width: 100% !important;
margin:0 auto;
margin-top:15% !important;
}
}
}
}
.ms-skin-default .ms-bullet{
width: 20px !important;
height:20px !important;
}
// .ms-slide-bgcont img{
// padding-top:30px;
// }
}
//da 1200px in su
@media (min-width: 1440px){
html{
body{
h1.claimtitle{
font-size: 45px;
}
#content{
#primary{
a.btnapp{
width:100%;
margin:10px auto;
img{
width: 137px;
}
}
.entry-content{
.col-md-7{
p{
margin-top:20px;
}
}
.col-md-5{
img.appgif{
}
}
}
#gallery-1{
.gallery-item{
}
}
}
.articlecontent{
h1.bigtitle{
font-size:3vw;
a{
}
}
}
}
}
}
}
@media(max-width: 1200px){
html{
body{
#content{
.container-fluid.projects{
.row{
div.col-md-8.col-md-offset-2{
.rightcontent{
margin-top:5%;
}
}
}
}
}
}
}
}
//da 920px in giĆ¹
@media (max-width: 980px){
html .headers #bs-example-navbar-collapse-1, body .headers #bs-example-navbar-collapse-1{
background-color: @tmpgreen;
}
html{
body{
h1.claimtitle{
font-size: 30px;
}
.ms-layer{
p{
display: none;
}
}
#content{
#primary{
a.btnapp{
img{
}
}
.entry-content{
.col-md-7{
p{
}
}
.col-md-5{
position: relative;
margin:0 auto;
img.appgif{
}
}
}
#gallery-1{
.gallery-item{
}
}
}
}
}
}
}
@media (max-width: 640px){
.ms-thumb-list.ms-dir-h{
bottom:0 !important;
}
.ms-slide .ms-slide-layers, .ms-fixed-layers{
width:90% !important;
margin:0 5% !important;
}
html{
body{
.ms-slide .ms-slide-layers, .ms-fixed-layers{
height:75%;
}
.ms-tabs .ms-thumb{
display: none;
}
.ms-btn-container a.ms-btn-round{
font-size: 14px !important;
width:100% !important;
margin:20px auto !important;
bottom:0 !important;
text-align: center !important;
min-width: 200px !important;
padding:10px !important;
}
.ms-layer{
p{
display: none;
}
}
.headers{
.nav{
padding-top:10px;
}
.nav > li {
float:left;
width:100%;
clear:both;
display: block;
text-align: center;
a{
.loghino{
display: none;
width: 0;
opacity: 0;
}
}
}
}
#content{
.articlecontent{
h1.bigtitle{
font-size:22px;
a{
}
}
}
.col-md-5.col-lg-6.projectgraphics{
display: none;
}
}
}
}
}