mirror of
https://github.com/EDCD/coriolis.git
synced 2025-12-10 07:05:35 +00:00
Initial commit
This commit is contained in:
Colin McLeod
77
app/less/app.less
Normal file
77
app/less/app.less
Normal file
@@ -0,0 +1,77 @@
|
||||
@import 'colors';
|
||||
@import 'fonts';
|
||||
@import 'utilities';
|
||||
@import 'logos';
|
||||
|
||||
@import 'shipyard';
|
||||
@import 'list';
|
||||
@import 'components';
|
||||
@import 'ship';
|
||||
|
||||
html, body {
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
color: #FFF;
|
||||
background-color: #000;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: @standardFamily;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
#main {
|
||||
min-height: 90%;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
header {
|
||||
background-color: @fg;
|
||||
margin: 0;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
font-family: @titleFamily;
|
||||
vertical-align: middle;
|
||||
|
||||
a {
|
||||
vertical-align: middle;
|
||||
color: @border;
|
||||
|
||||
&:visited {
|
||||
color: @border;
|
||||
}
|
||||
&:hover {
|
||||
color: teal;
|
||||
}
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 1.3em;
|
||||
display: inline-block;
|
||||
margin:0px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
footer {
|
||||
font-size: 0.3em;
|
||||
color: #999;
|
||||
padding: 10px 0;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
header, footer {
|
||||
.right {
|
||||
float: right;
|
||||
text-align: right;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.left {
|
||||
float: left;
|
||||
text-align: left;
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
3
app/less/colors.less
Normal file
3
app/less/colors.less
Normal file
@@ -0,0 +1,3 @@
|
||||
@fg: #FF8C0D; // Light Orange
|
||||
@warning: #FF3B00; // Dark Orange
|
||||
@border: rgba(201,34,2,0.50); // Dark Red
|
||||
120
app/less/components.less
Normal file
120
app/less/components.less
Normal file
@@ -0,0 +1,120 @@
|
||||
|
||||
.component-group {
|
||||
border: 2px solid @border;
|
||||
.border-radius(5px);
|
||||
margin: 5px;
|
||||
float: left;
|
||||
padding: 0 5px 5px;
|
||||
user-select: none;
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-ms-user-select: none;
|
||||
|
||||
legend {
|
||||
text-transform: uppercase;
|
||||
padding: 0 5px;
|
||||
color: @warning;
|
||||
}
|
||||
|
||||
.component {
|
||||
text-transform: uppercase;
|
||||
float: left;
|
||||
margin: 1%;
|
||||
border: 1px solid orange;
|
||||
.border-radius(2px);
|
||||
width: 250px;
|
||||
position: relative;
|
||||
padding-top: 3px;
|
||||
|
||||
color: #BBB;
|
||||
font-size: 0.8em;
|
||||
|
||||
.lbl,.cla {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.lbl {
|
||||
float: left;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.cla {
|
||||
float: right;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.clear {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.select {
|
||||
z-index: 1;
|
||||
top: 100%;
|
||||
padding-top: 10px;
|
||||
display: none;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: black;
|
||||
border-left: 1px solid teal;
|
||||
border-bottom: 1px solid teal;
|
||||
border-right: 1px solid teal;
|
||||
.border-bottom-radius(5px);
|
||||
left: -1px;
|
||||
max-height: 600px;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.select-group {
|
||||
clear: both;
|
||||
border-top: 1px solid grey;
|
||||
border-bottom: 1px solid grey;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.c {
|
||||
cursor: pointer;
|
||||
.border-radius(3px);
|
||||
display: block;
|
||||
float:left;
|
||||
margin: 5px;
|
||||
padding: 0;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
background-color: #666;
|
||||
color: #BBB;
|
||||
|
||||
&:hover {
|
||||
background-color: teal;
|
||||
color: #FFF;
|
||||
}
|
||||
}
|
||||
|
||||
li.c {
|
||||
width: 25px;
|
||||
text-align: center;
|
||||
|
||||
&:nth-child(5n +1) {
|
||||
clear: left;
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
border: 1px solid teal;
|
||||
color: #FFF;
|
||||
.lbl,.cla {
|
||||
color: #999;
|
||||
}
|
||||
.select {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
40
app/less/fonts.less
Normal file
40
app/less/fonts.less
Normal file
@@ -0,0 +1,40 @@
|
||||
@font-face {
|
||||
font-family: 'Orbitron-Bold';
|
||||
src: url('fonts/orbitron-bold-webfont.eot');
|
||||
src: url('fonts/orbitron-bold-webfont.eot?#iefix') format('embedded-opentype'),
|
||||
url('fonts/orbitron-bold-webfont.woff2') format('woff2'),
|
||||
url('fonts/orbitron-bold-webfont.woff') format('woff'),
|
||||
url('fonts/orbitron-bold-webfont.ttf') format('truetype'),
|
||||
url('fonts/orbitron-bold-webfont.svg#orbitronbold') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Orbitron-Medium';
|
||||
src: url('fonts/orbitron-medium-webfont.eot');
|
||||
src: url('fonts/orbitron-medium-webfont.eot?#iefix') format('embedded-opentype'),
|
||||
url('fonts/orbitron-medium-webfont.woff2') format('woff2'),
|
||||
url('fonts/orbitron-medium-webfont.woff') format('woff'),
|
||||
url('fonts/orbitron-medium-webfont.ttf') format('truetype'),
|
||||
url('fonts/orbitron-medium-webfont.svg#orbitronmedium') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Orbitron-Regular';
|
||||
src: url('fonts/orbitron-regular-webfont.eot');
|
||||
src: url('fonts/orbitron-regular-webfont.eot?#iefix') format('embedded-opentype'),
|
||||
url('fonts/orbitron-regular-webfont.woff2') format('woff2'),
|
||||
url('fonts/orbitron-regular-webfont.woff') format('woff'),
|
||||
url('fonts/orbitron-regular-webfont.ttf') format('truetype'),
|
||||
url('fonts/orbitron-regular-webfont.svg#orbitronregular') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
|
||||
@standardFamily: Helvetica, sans-serif;
|
||||
@titleFamily: 'Orbitron-Medium', Arial, sans-serif;
|
||||
@itemFamily: 'Orbitron-Regular', Arial, sans-serif;
|
||||
53
app/less/list.less
Normal file
53
app/less/list.less
Normal file
@@ -0,0 +1,53 @@
|
||||
.list {
|
||||
user-select: none;
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-ms-user-select: none;
|
||||
float: left;
|
||||
|
||||
.list-item {
|
||||
cursor: pointer;
|
||||
clear: both;
|
||||
overflow: hidden;
|
||||
margin: 3px 0px;
|
||||
}
|
||||
|
||||
.val {
|
||||
float:right;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.lbl {
|
||||
float: left;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
#cost-list {
|
||||
color: grey;
|
||||
width: 300px;
|
||||
|
||||
.enabled {
|
||||
color: #FFF;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
#power-list {
|
||||
color: grey;
|
||||
width: 300px;
|
||||
|
||||
.enabled {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.consumer.enabled {
|
||||
color: @fg;
|
||||
}
|
||||
|
||||
.common, .internal, .hardpoints {
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
23
app/less/logos.less
Normal file
23
app/less/logos.less
Normal file
@@ -0,0 +1,23 @@
|
||||
|
||||
.logo {
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
display: inline-block;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.github {
|
||||
background-image: url(images/github-mark.svg);
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.reddit {
|
||||
background-image: url(images/reddit.svg);
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.elite-dangerous {
|
||||
background-image: url(images/ed-logo-sm.png);
|
||||
background-size: contain;
|
||||
}
|
||||
26
app/less/ship.less
Normal file
26
app/less/ship.less
Normal file
@@ -0,0 +1,26 @@
|
||||
|
||||
#overview {
|
||||
margin: 0px auto;
|
||||
text-align: center;
|
||||
|
||||
h1 {
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
div {
|
||||
display: inline-block;
|
||||
margin: 0 5px;
|
||||
}
|
||||
}
|
||||
|
||||
#hardpoints {
|
||||
width: 525px;
|
||||
}
|
||||
|
||||
#standard {
|
||||
width: 260px;
|
||||
}
|
||||
|
||||
#internal {
|
||||
width: 525px;
|
||||
}
|
||||
41
app/less/shipyard.less
Normal file
41
app/less/shipyard.less
Normal file
@@ -0,0 +1,41 @@
|
||||
|
||||
a.ship {
|
||||
display: block;
|
||||
float: left;
|
||||
width: 30%;
|
||||
height: 30%;
|
||||
margin: 1% 1%;
|
||||
background-color: #222;
|
||||
padding: 0.5%;
|
||||
text-decoration: none;
|
||||
color: #FFF;
|
||||
|
||||
&:hover {
|
||||
background-color: orange;
|
||||
}
|
||||
|
||||
h2 {
|
||||
width: 100%;
|
||||
text-transform: uppercase;
|
||||
margin: 0;
|
||||
|
||||
small {
|
||||
float: right;
|
||||
font-size: 0.5em;
|
||||
}
|
||||
}
|
||||
|
||||
.subtitle {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.size {
|
||||
float: left;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
.category {
|
||||
text-transform: uppercase;
|
||||
font-size: 0.7em;
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
22
app/less/utilities.less
Normal file
22
app/less/utilities.less
Normal file
@@ -0,0 +1,22 @@
|
||||
.border-radius (@radius: 5px) {
|
||||
-webkit-border-radius: @radius;
|
||||
-moz-border-radius: @radius;
|
||||
border-radius: @radius;
|
||||
|
||||
-moz-background-clip: padding;
|
||||
-webkit-background-clip: padding-box;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
.border-bottom-radius (@radius: 5px) {
|
||||
-webkit-border-bottom-left-radius: @radius;
|
||||
-moz-border-bottom-left-radius: @radius;
|
||||
border-bottom-left-radius: @radius;
|
||||
-webkit-border-bottom-right-radius: @radius;
|
||||
-moz-border-bottom-right-radius: @radius;
|
||||
border-bottom-right-radius: @radius;
|
||||
|
||||
-moz-background-clip: padding;
|
||||
-webkit-background-clip: padding-box;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
Reference in New Issue
Block a user