1
Fork 0
This repository has been archived on 2023-03-26. You can view files and clone it, but cannot push or open issues or pull requests.
theorangeone.net-legacy/static/src/less/style.less

147 lines
2.4 KiB
Text

@import "node_modules/less-mixins/index.less";
@import "node_modules/bootstrap/less/bootstrap";
@import "node_modules/bootstrap/less/theme";
@import "node_modules/ionicons/less/ionicons";
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,400italic,700);
@import (inline) "node_modules/animate.css/animate.css";
@import (inline) "node_modules/normalize.css/normalize.css";
@import 'homepage';
@import 'variables';
@import 'navbar';
/* @group Global */
.btn {
.transition(~"ease-in-out .4s background-color");
}
html, body{
font-family: @font-family-sans-serif;
font-size: 16px;
height: 100%;
width: 100%;
}
p {
a {
.transition(color 0.4s);
}
}
ol , ul{
font-size: inherit;
& > li {
font-size: inherit
}
}
a.no-color-change {
color: inherit;
&:hover {
color: inherit;
}
}
/* @end Global */
/* @group Footer */
footer {
width: 100%;
text-align: center;
padding-top: 10px;
padding-bottom: 50px;
color: white;
font-size: 16px;
background-color: #232323;
a {
color: #ff7f00;
padding: 7px;
&:hover {
text-decoration: none;
color: inherit;
}
}
.social {
font-size: 25px;
margin: 0;
margin-top: 6px;
a {
margin: 0 4px;
color: white;
&:hover {
color: #ff7f00;
}
}
}
.ci-badge {
height: 23px;
margin-top: 10px;
}
}
/* @end Footer */
/* @group 404 */
.four-o-four {
.header {
height: 15vh;
font-size: 35px;
text-align: center;
}
.image {
background: url(../img/ninjas.png);
background-size: cover;
background-position: center;
height: 70vh;
}
.message {
height: 15vh;
color: white;
background-color: #232323;
text-align: center;
}
.move-on {
text-align: center;
background-color: #333;
color: white;
height: 5vh;
}
}
/* @end 404 */
/* @group no-js */
.no-js {
.header {
background-color: #232323;
color: white;
}
#ie-scare {
height: 150px;
float: right;
}
}
/* @end no-js*/
/* @group content base */
.jumbotron.header {
padding-top: 10px;
padding-bottom: 10px;
background-color: #232323;
color: white;
.box-shadow(0px 8px 10px 3px rgba(0,0,0,0.6));
margin-bottom: 27px;
h1 {
margin: 25px 0;
}
}
/* @end content base */
.panel {
.box-shadow(0px 4px 4px 3px rgba(0,0,0,0.6));
margin-bottom: 40px;
}
.row {
width: 100%;
}
.gh-card iframe {
.box-shadow(0px 4px 4px 3px rgba(0,0,0,0.6));
}