transfer.sh/transfersh-web/styles/includes/global.less

100 lines
1.5 KiB
Text
Raw Normal View History

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
}