2014-10-16 20:01:43 +02:00
|
|
|
|
|
|
|
.browsehappy {
|
|
|
|
margin: 0.2em 0;
|
|
|
|
background: orange;
|
|
|
|
color: white;
|
|
|
|
padding: 0.2em 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
#navigation {
|
2014-10-24 15:58:03 +02:00
|
|
|
margin-top: 30px;
|
2014-10-16 20:01:43 +02:00
|
|
|
ul {
|
|
|
|
list-style: none;
|
2014-10-24 12:24:02 +02:00
|
|
|
max-width: 300px;
|
|
|
|
margin: 0 auto;
|
2014-10-16 20:01:43 +02:00
|
|
|
}
|
|
|
|
li {
|
|
|
|
display: inline-block;
|
2014-10-24 12:24:02 +02:00
|
|
|
padding: 0 15px;
|
2014-10-16 20:01:43 +02:00
|
|
|
}
|
|
|
|
h1 {
|
2014-10-20 15:08:28 +02:00
|
|
|
text-align: center;
|
2014-10-24 15:58:03 +02:00
|
|
|
font-family: @font-family-mono;
|
2014-10-20 15:08:28 +02:00
|
|
|
margin-bottom: 15px;
|
2014-10-24 12:24:02 +02:00
|
|
|
color: @dark-blue;
|
2014-10-24 15:58:03 +02:00
|
|
|
font-size: 35px;
|
2014-10-20 15:08:28 +02:00
|
|
|
}
|
|
|
|
@media (min-width: @screen-sm-min) {
|
|
|
|
ul {
|
|
|
|
float: right;
|
2014-10-24 12:24:02 +02:00
|
|
|
margin: 33px 0;
|
2014-10-20 15:08:28 +02:00
|
|
|
}
|
|
|
|
h1 {
|
|
|
|
float: left
|
|
|
|
}
|
|
|
|
}
|
|
|
|
a {
|
2014-10-24 12:24:02 +02:00
|
|
|
text-decoration: none;
|
|
|
|
font-size: 15px;
|
|
|
|
color: @dark-gray;
|
2014-10-16 20:01:43 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2014-10-24 12:24:02 +02:00
|
|
|
|
|
|
|
|
2014-10-16 20:01:43 +02:00
|
|
|
h2 {
|
|
|
|
text-align: center;
|
|
|
|
font-size: 35px;
|
|
|
|
@media (min-width: @screen-sm-min) {
|
|
|
|
font-size: 50px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn-cta {
|
|
|
|
.transition(all @animation-duration);
|
|
|
|
padding: 10px 50px;
|
|
|
|
border: 2px solid @red;
|
|
|
|
font-size: 20px;
|
|
|
|
color: @red;
|
2014-10-22 09:41:34 +02:00
|
|
|
border-radius: 10px;
|
2014-10-16 20:01:43 +02:00
|
|
|
display: inline-block;
|
2014-10-24 09:58:59 +02:00
|
|
|
text-decoration: none;
|
2014-10-16 20:01:43 +02:00
|
|
|
&:hover {
|
|
|
|
text-decoration: none;
|
|
|
|
border-color: @dark-blue;
|
|
|
|
color: @dark-blue;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.wrapper {
|
|
|
|
margin: 0 auto;
|
|
|
|
max-width: 1100px;
|
|
|
|
.container;
|
|
|
|
}
|
|
|
|
|
|
|
|
section {
|
2014-10-20 11:15:41 +02:00
|
|
|
// padding: 50px 0
|
2014-10-16 20:01:43 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
img {
|
|
|
|
max-width: 100%;
|
|
|
|
margin: 0 auto;
|
|
|
|
}
|
|
|
|
|
2014-10-24 09:58:59 +02:00
|
|
|
a {
|
|
|
|
text-decoration: underline;
|
|
|
|
color: @dark-blue;
|
2014-10-24 12:24:02 +02:00
|
|
|
&:hover {
|
|
|
|
text-decoration: none;
|
|
|
|
color: inherit;
|
|
|
|
}
|
2014-10-24 09:58:59 +02:00
|
|
|
}
|
2014-10-24 12:24:02 +02:00
|
|
|
|
|
|
|
|
2014-10-20 20:55:49 +02:00
|
|
|
|
|
|
|
::selection {
|
2014-10-24 09:58:59 +02:00
|
|
|
background: @red;
|
2014-10-20 20:55:49 +02:00
|
|
|
}
|
|
|
|
::-moz-selection {
|
2014-10-24 09:58:59 +02:00
|
|
|
background: @red;
|
2014-10-16 20:01:43 +02:00
|
|
|
}
|