web/css/master.less

87 lines
1.3 KiB
Text

@import 'grid.import.less';
@import 'var.import.less';
@import 'fonts.import.less';
@import 'rules.import.less';
@import 'anim.import.less';
@import 'base.import.less';
@import 'nav.import.less';
@import 'forms.import.less';
@import 'tables.import.less';
@import 'button.import.less';
@import 'media.import.less';
@import 'alert.import.less';
//ADD CUSTOM AND OVERRIDE CODE HERE
//HOME
#mainlogo {
background: url('/img/logo/Cycore_web_optimized.jpg')
center center no-repeat;
background-size: contain;
height: 500px;
}
#mainstatement {
color: @keydark;
text-align: center;
}
#maincontact {
h4 { text-align: center; }
form { padding: 20px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
input { margin: 2px; flex: 1 0 auto; }
}
#mainservice {
padding: 0 10px;
ul { .twelve;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
align-content: stretch;
li {
display: block;
height: 5em;
width: auto;
margin: 10px;
flex: 1 0 auto;
font-size: 1.5em;
font-weight: bold;
color: @darkergrey;
text-align: center;
padding: 1em;
padding-top: 2em;
.stripes;
}
.one {background-color: @contrast; }
.two {background-color: lighten(#2196f3, 10%);}
.three {background-color: fadeout(#4caf50, 10%);}
}
}