mirror of
https://github.com/atlanticbiomedical/biomedjs.git
synced 2025-07-02 00:47:26 -04:00
Initial Commit
This commit is contained in:
156
public/css/old/scaffolding.less
Normal file
156
public/css/old/scaffolding.less
Normal file
@ -0,0 +1,156 @@
|
||||
//
|
||||
// Scaffolding
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Body reset
|
||||
// -------------------------
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: @baseFontFamily;
|
||||
font-size: @baseFontSize;
|
||||
line-height: @baseLineHeight;
|
||||
color: @textColor;
|
||||
background-color: @bodyBackground;
|
||||
}
|
||||
|
||||
// Fonts
|
||||
@font-face {
|
||||
font-family: 'FontAwesome';
|
||||
src: url('/fonts/fontawesome-webfont.eot');
|
||||
src: url('/fonts/fontawesome-webfont.eot?#iefix') format('eot'),
|
||||
url('/fonts/fontawesome-webfont.woff') format('woff'),
|
||||
url('/fonts/fontawesome-webfont.ttf') format('truetype'),
|
||||
url('/fonts/fontawesome-webfont.svg#FontAwesome') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
|
||||
// Links
|
||||
// -------------------------
|
||||
|
||||
a {
|
||||
color: @linkColor;
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover,
|
||||
a:focus {
|
||||
color: @linkColorHover;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
||||
// Images
|
||||
// -------------------------
|
||||
|
||||
// Rounded corners
|
||||
.img-rounded {
|
||||
.border-radius(6px);
|
||||
}
|
||||
|
||||
// Add polaroid-esque trim
|
||||
.img-polaroid {
|
||||
padding: 4px;
|
||||
background-color: #fff;
|
||||
border: 1px solid #ccc;
|
||||
border: 1px solid rgba(0,0,0,.2);
|
||||
.box-shadow(0 1px 3px rgba(0,0,0,.1));
|
||||
}
|
||||
|
||||
// Perfect circle
|
||||
.img-circle {
|
||||
.border-radius(500px); // crank the border-radius so it works with most reasonably sized images
|
||||
}
|
||||
|
||||
|
||||
|
||||
.content {
|
||||
background: url("/img/bodyBg.png") repeat #fff;
|
||||
min-height: 500px;
|
||||
}
|
||||
|
||||
|
||||
.content-header h1 {
|
||||
margin: 20px 0 0 20px;
|
||||
color: #555555;
|
||||
font-size: 28px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
|
||||
.bio-input-label {
|
||||
float: left;
|
||||
padding-right: 12px;
|
||||
text-align: right;
|
||||
width: 170px;
|
||||
}
|
||||
|
||||
.bio-input {
|
||||
margin-left: 185px;
|
||||
margin-bottom: 20px;
|
||||
|
||||
p {
|
||||
font-weight: bold;
|
||||
margin: 0;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.axis path,
|
||||
.axis line {
|
||||
fill: none;
|
||||
stroke: #000;
|
||||
shape-rendering: crispEdges;
|
||||
}
|
||||
|
||||
.x.axis line {
|
||||
stroke: lightgrey;
|
||||
}
|
||||
|
||||
.x.axis .minor {
|
||||
stroke-opacity: .5;
|
||||
}
|
||||
|
||||
.highlighter line {
|
||||
fill: none;
|
||||
stroke: red;
|
||||
stroke-opacity: .5;
|
||||
shape-rendering: crispEdges;
|
||||
}
|
||||
|
||||
.highlighter rect {
|
||||
fill: red;
|
||||
fill-opacity: .1;
|
||||
}
|
||||
|
||||
.fade {
|
||||
fill-opacity: .1;
|
||||
}
|
||||
|
||||
.axis text {
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
|
||||
.content-header {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.toolbelt .input-append {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
|
||||
.loader {
|
||||
width: 32px; height: 32px; display: inline-block;
|
||||
background: transparent url(/img/loader.gif) no-repeat;
|
||||
-webkit-animation: 'animation' 1s steps(10, end) infinite;
|
||||
-moz-animation: 'animation' 1s steps(10, end) infinite;
|
||||
}
|
||||
|
||||
@-webkit-keyframes animation { from { background-position: 0 0; } to { background-position: 100% 0; } }
|
||||
@-moz-keyframes animation { from { background-position: 0 0; } to { background-position: 100% 0; } }
|
Reference in New Issue
Block a user